@aerogel/core 0.1.1-next.3efa6858f5942a7048392e08e88f511c6c5ca343 → 0.1.1-next.6005e06a52b9294023bae608af05bf826d281a4d

package/dist/aerogel-core.js

@@ -1,44 +1,44 @@
-var At = Object.defineProperty;
-var Pt = (t, s, e) => s in t ? At(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => Pt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as V, Comment as Dt, Text as Bt, Static as jt, inject as Y, reactive as ve, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as _e, nextTick as Ft, useAttrs as tt, onMounted as st, watch as Le, toRaw as Ut, customRef as Ot, watchEffect as G, defineComponent as h, createBlock as f, openBlock as o, mergeProps as H, withCtx as m, renderSlot as $, createPropsRestProxy as K, createVNode as d, normalizeProps as ce, guardReactiveProps as de, createTextVNode as L, toDisplayString as x, normalizeClass as C, createElementBlock as y, Fragment as D, renderList as U, provide as pe, resolveDynamicComponent as ee, useSlots as Ie, createCommentVNode as M, createElementVNode as b, h as Nt, useTemplateRef as te, withModifiers as rt, withDirectives as nt, vModelCheckbox as Wt, normalizeStyle as Kt, resolveComponent as Qt, createApp as Jt, vModelText as Zt } from "vue";
-import { JSError as xe, stringToSlug as Xt, tap as se, MagicObject as at, PromisedValue as J, Storage as O, objectOnly as ae, arrayFrom as lt, isEmpty as Te, objectDeepClone as Yt, fail as W, facade as re, arrayRemove as He, getEnv as Gt, updateLocationQueryParameters as es, forever as ts, toString as j, objectWithout as ss, noop as rs, debounce as ns, stringMatchAll as ot, isDevelopment as Z, isTesting as ze, after as oe, uuid as ue, isObject as he, objectWithoutEmpty as it, value as as, isInstanceOf as Oe, stringExcerpt as ls, arraySorted as os, ListenersManager as is, toError as us, round as cs } from "@noeldemartin/utils";
-import B from "virtual:aerogel";
-import { createPinia as ds, setActivePinia as ps, defineStore as ms } from "pinia";
-import fs from "dompurify";
-import { marked as hs, Renderer as Ne } from "marked";
-import { injectModal as ut, useModal as gs, createModal as vs, showModal as We, closeModal as Ke, modals as le, ModalComponent as bs, ModalsPortal as ys } from "@noeldemartin/vue-modals";
-import { ModalComponent as po, ModalsPortal as mo, closeModal as fo, createModal as ho, injectModal as go, modals as vo, showModal as bo } from "@noeldemartin/vue-modals";
-import ws from "clsx";
-import { cva as $s } from "class-variance-authority";
-import { twMerge as _s } from "tailwind-merge";
-import { Primitive as xs, SelectValue as Qe, SelectTrigger as Cs, SelectIcon as Ss, SelectItem as ks, SelectItemText as Ts, SelectPortal as Ms, SelectContent as Es, SelectViewport as Hs, SelectRoot as Vs, Label as Ls, useForwardExpose as Re, SwitchRoot as Is, SwitchThumb as zs, DialogRoot as Rs, DialogPortal as qs, DialogContent as As, DialogDescription as Ps, DialogOverlay as Ds, DialogTitle as Bs, ToastClose as js, ToastRoot as Fs, ToastProvider as Us, ToastViewport as Os, DropdownMenuItem as Ns, DropdownMenuContent as Ws, DropdownMenuRoot as Ks, DropdownMenuTrigger as Qs, DropdownMenuPortal as Js } from "reka-ui";
-class Ve extends xe {
+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 Zs() {
-  return B.namespace ?? Xt(B.name);
+function cr() {
+  return U.namespace ?? ts(U.name);
 }
 let qe = null;
-function ct() {
-  return qe ?? Xs();
+function mt() {
+  return qe ?? dr();
 }
-function Xs() {
-  return se(ds(), (t) => {
-    qe = t, ps(t);
+function dr() {
+  return se(hs(), (t) => {
+    qe = t, gs(t);
   });
 }
-function Ys() {
-  return qe ?? ct();
+function pr() {
+  return qe ?? mt();
 }
-function Gs(t, s) {
-  return ct(), ms(t, s)();
+function mr(t, s) {
+  return mt(), vs(t, s)();
 }
-function Ce(t) {
+function Se(t) {
   var s;
-  return s = class extends Se {
+  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 Ee;
-let Se = (Ee = class extends at {
+var He;
+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 J(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Gs(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new 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 Se = (Ee = class extends at {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Ve(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 Se = (Ee = class extends at {
     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 Se = (Ee = class extends at {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = ae(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = 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 = lt(e), n = ae(this._store.$state, r);
-    Te(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 Se = (Ee = class extends at {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${Zs()}:${this._name}`;
+    return `${cr()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = ae(e, this.static("persist"));
-    Te(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(Yt(e))
+      ...this.serializePersistedState(ss(e))
     });
   }
   usesStore() {
@@ -178,28 +178,28 @@ let Se = (Ee = class extends at {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || Te(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, ae(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`);
   }
-}, _(Ee, "persist", []), Ee);
-const Cl = {
+}, x(He, "persist", []), He);
+const Fl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class er extends Se {
+class fr extends Te {
   constructor() {
     super(...arguments);
-    _(this, "listeners", {});
+    x(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -226,8 +226,8 @@ class er extends Se {
     const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
     return se(
       () => a && this.off(e, a),
-      (p) => {
-        a = (...g) => (p(), i(...g)), this.registerListener(e, u, i);
+      (c) => {
+        a = (...m) => (c(), i(...m)), this.registerListener(e, u, i);
       }
     );
   }
@@ -238,49 +238,50 @@ class er extends Se {
       return;
     const a = [...n.priorities];
     for (const i of a)
-      He(n.handlers[i] ?? [], r), ((u = n.handlers[i]) == null ? void 0 : u.length) === 0 && (delete n.handlers[i], He(n.priorities, i));
+      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, w;
+    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}'`), i = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? W(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((v, k) => k - v), i[a] = []), (w = i[a]) == null || w.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 = re(er);
-function Sl(t) {
+const N = re(fr);
+function Ol(t) {
   return t;
 }
-const tr = Ce({
+const hr = Se({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Gt() ?? "development",
-    version: B.version,
-    sourceUrl: B.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." + B.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + B.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/${B.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${U.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class sr extends tr {
+class gr extends hr {
   constructor() {
     super(...arguments);
-    _(this, "name", B.name);
-    _(this, "ready", new J());
-    _(this, "mounted", new J());
+    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 sr extends tr {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(V(e));
+    this.settings.push(R(e));
+  }
+  setSettingsFullscreenOnMobile(e) {
+    this.settingsFullscreenOnMobile = e;
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && es(e), location.reload(), await ts();
+    e && ns(e), location.reload(), await as();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -305,14 +309,14 @@ class sr extends tr {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
+    N.once("application-ready", () => this.ready.resolve()), N.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const P = re(sr);
-function kl(t) {
+const P = re(gr);
+function Ul(t) {
   return t;
 }
-async function rr(t, ...s) {
+async function vr(t, ...s) {
   P.setState(
     "plugins",
     t.reduce(
@@ -321,55 +325,55 @@ async function rr(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function nr(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${j(r)}"`, "");
+function br(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${F(r)}"`, "");
 }
-function Tl(t) {
+function Nl(t) {
   return t;
 }
-function ar(t) {
+function yr(t) {
   const s = Y(t);
-  return s ? ve(s) : void 0;
+  return s ? be(s) : void 0;
 }
-function R(t, s) {
-  return ar(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
+function H(t, s) {
+  return yr(t) ?? Q(s ?? `Could not resolve '${F(t)}' injection key`);
 }
-function lr(t, s) {
-  return Y(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
+function wr(t, s) {
+  return Y(t) ?? Q(s ?? `Could not resolve '${F(t)}' injection key`);
 }
-function dt(t) {
-  return typeof t == "string" ? t : t.type === Dt ? "" : t.type === Bt || t.type === jt ? 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} ${nr(t)}>${Array.from(t.children).map(dt).join("")}</${t.type}>`;
+` : `<${t.type} ${br(t)}>${Array.from(t.children).map(ft).join("")}</${t.type}>`;
 }
-const Me = /* @__PURE__ */ new WeakMap(), or = {
+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 && Me.set(t, se(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Ee.set(t, se(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Me.get(t)) == null || s.unobserve(t), Me.delete(t);
+    (s = Ee.get(t)) == null || s.unobserve(t), Ee.delete(t);
   }
 };
-function pt(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = $s(n, a);
-  return E(u(r), l(e));
+function ht(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ks(n, a);
+  return k(u(r), l(e));
 }
-function E(...t) {
-  return _s(ws(t));
+function k(...t) {
+  return Ss(xs(t));
 }
-function Ml(t, s) {
-  const e = F.on(t, s);
-  $e(() => e());
+function Wl(t, s) {
+  const e = N.on(t, s);
+  _e(() => e());
 }
-const ir = {
+const _r = {
   required: (t) => t ? void 0 : "required"
 };
-function ur(t, s) {
+function Cr(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -388,32 +392,32 @@ function ur(t, s) {
       return typeof t == "object";
   }
 }
-const ge = { ...ir };
-function El(t, s) {
-  ge[t] = s;
+const ve = { ..._r };
+function Kl(t, s) {
+  ve[t] = s;
 }
-function cr(t, s) {
-  return ur(t, s) ? [] : ["invalid_value"];
+function xr(t, s) {
+  return Cr(t, s) ? [] : ["invalid_value"];
 }
-function dr(t, s) {
+function kr(t, s) {
   var r;
-  const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
-  return e ? lt(e) : [];
+  const e = (r = ve[s]) == null ? void 0 : r.call(ve, t);
+  return e ? it(e) : [];
 }
-const Hl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-class pr extends at {
+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 = _e(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 pr extends at {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? W(`Trying to set undefined '${j(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? j(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? 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];
@@ -464,11 +468,11 @@ class pr extends at {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    He(this._listeners[e] ?? [], r);
+    Le(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await Ft(), (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);
@@ -483,22 +487,22 @@ class pr extends at {
   getFieldErrors(e, r) {
     var i;
     const n = [], a = this._data[e], u = ((i = r.rules) == null ? void 0 : i.split("|")) ?? [];
-    n.push(...cr(a, r));
-    for (const p of u)
-      p !== "required" && a == null || n.push(...dr(a, p));
+    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 ve(r);
+    return be(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ve(r);
+    return be(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -508,30 +512,30 @@ class pr extends at {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function mt(t, s) {
+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());
+  _e(() => r == null ? void 0 : r());
 }
-function ft(t) {
-  return new pr(t);
+function vt(t) {
+  return new Sr(t);
 }
-function Ae() {
-  const t = tt(), s = c(() => t.class);
-  return [c(() => ss(t, "class")), s];
+function Pe() {
+  const t = rt(), s = d(() => t.class);
+  return [d(() => ls(t, "class")), s];
 }
-function Vl(t) {
-  let s = rs;
-  st(() => s = t()), $e(() => s());
+function Zl(t) {
+  let s = os;
+  nt(() => s = t()), _e(() => s());
 }
-function Ll(t, s) {
-  const e = ve(O.get(t) ?? s);
-  return Le(e, () => O.set(t, Ut(e))), e;
+function Jl(t, s) {
+  const e = be(K.get(t) ?? s);
+  return de(e, () => K.set(t, Kt(e))), e;
 }
-function mr(t) {
+function Tr(t) {
   let s = new Set(t), e, r;
-  const n = Ot((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() {
@@ -554,71 +558,71 @@ function mr(t) {
     }
   };
 }
-function Il(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 zl(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ns((u) => n.value = u, e.delay ?? 300);
-  return G(() => a(r())), n;
+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 fr() {
-  return se(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 hr(t) {
-  const s = ot(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 gr(t) {
-  const s = ot(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 vr() {
-  return ie;
+function Hr() {
+  return ue;
 }
-function Rl(t) {
-  ie = t;
+function Yl(t) {
+  ue = t;
 }
-function br(t) {
-  let s = hs(t, { renderer: fr(), async: !1 });
-  return s = ht(s), s = hr(s), s = gr(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 ht(t) {
-  return fs.sanitize(t, { ADD_ATTR: ["target"] });
+function bt(t) {
+  return bs.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const yr = 6e4, Ze = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -yr, wr = {
+const Ir = 6e4, Ge = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -Ir, Rr = {
   mounted(t, { value: s }) {
-    t.innerHTML = ht(s);
+    t.innerHTML = bt(s);
   }
-}, $r = {
-  measure: or,
-  "safe-html": wr
-}, _r = {
+}, zr = {
+  measure: $r,
+  "safe-html": Rr
+}, qr = {
   install(t, s) {
     const e = {
-      ...$r,
+      ...zr,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class xr extends Se {
+class Pr extends Te {
   constructor() {
     super(...arguments);
-    _(this, "cache");
+    x(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -636,25 +640,25 @@ class xr extends Se {
     });
   }
 }
-const ql = re(xr);
-class Cr extends Se {
+const eo = re(Pr);
+class Ar extends Te {
   async purge() {
-    await F.emit("purge-storage");
+    await N.emit("purge-storage");
   }
 }
-const gt = re(Cr);
-function Al(t, s) {
+const yt = re(Ar);
+function to(t, s) {
   return {
     ...t,
-    ...ae(s, Object.keys(t))
+    ...le(s, Object.keys(t))
   };
 }
-const Sr = {
+const Dr = {
   $app: P,
-  $events: F,
-  $storage: gt
+  $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) => {
@@ -662,49 +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), (Z() || ze()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (G() || Re()) && Object.assign(globalThis, s);
 }
-const kr = {
+const Br = {
   async install(t, s) {
     var r;
     const e = {
-      ...Sr,
+      ...Dr,
       ...s.services
     };
-    t.use(Ys()), (r = s.settings) == null || r.forEach((n) => P.addSetting(n)), await ke(t, e);
+    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 Pe() {
-  const t = ut(), { close: s, remove: e, ...r } = gs(Xe.has(t) ? {} : { removeOnClose: !1 });
+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 oe(1e3), e();
+      s(n), await ie(1e3), e();
     }
   };
 }
-const vt = 768, be = {
+const wt = 768, ye = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function bt() {
-  return globalThis.innerWidth > vt ? be.Desktop : be.Mobile;
+function $t() {
+  return globalThis.innerWidth > wt ? ye.Desktop : ye.Mobile;
 }
-const Tr = Ce({
+const jr = Se({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: bt()
+    layout: $t()
   },
   computed: {
-    desktop: ({ layout: t }) => t === be.Desktop,
-    mobile: ({ layout: t }) => t === be.Mobile
+    desktop: ({ layout: t }) => t === ye.Desktop,
+    mobile: ({ layout: t }) => t === ye.Mobile
   }
 });
-class Mr extends Tr {
+class Fr extends jr {
   constructor() {
     super(...arguments);
-    _(this, "components", {});
+    x(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -713,7 +717,7 @@ class Mr extends Tr {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? W(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -734,17 +738,17 @@ class Mr extends Tr {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, { response: i } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof i == "object" ? i[0] : i ?? !1, g = typeof i == "object" ? i[1] : Object.entries(u.checkboxes ?? {}).reduce(
-      (w, [v, { default: k }]) => ({
-        [v]: k ?? !1,
-        ...w
+    }, { 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 [w, v] of Object.entries(u.checkboxes ?? {}))
-      if (!(!v.required || g[w]))
-        return p && Z() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, g];
-    return "checkboxes" in u ? [p, g] : p;
+    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" ? {
@@ -758,7 +762,7 @@ class Mr extends Tr {
     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 },
@@ -766,59 +770,59 @@ class Mr extends Tr {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: v, ...k } = e;
+      const { delay: w, ...S } = e;
       return {
-        props: k,
-        delay: l(v),
+        props: S,
+        delay: l(w),
         operationPromise: n(r)
       };
     };
     let u = !1;
-    const { operationPromise: i, props: p, delay: g } = a();
-    if (g && await Promise.race([oe({ ms: g }).then(() => u = !0), i]), g && !u)
+    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 w = vs(this.requireComponent("loading-modal"), p);
-    We(w);
+    const h = $s(this.requireComponent("loading-modal"), c);
+    Ke(h);
     try {
-      const v = await i;
-      return await oe({ ms: 500 }), v;
+      const w = await i;
+      return await ie({ ms: 500 }), w;
     } finally {
-      await Ke(w.id, { removeAfter: 1e3 });
+      await Qe(h.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, u = {
-      id: ue(),
+      id: ce(),
       properties: { message: e, ...a },
-      component: V(n ?? this.requireComponent("toast"))
+      component: R(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(u));
   }
   modal(e, r) {
-    return We(e, r ?? {});
+    return Ke(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(le.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 oe({ 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: ${vt}px)`).addEventListener("change", () => this.setState({ layout: bt() }));
+    globalThis.matchMedia(`(min-width: ${wt}px)`).addEventListener("change", () => this.setState({ layout: $t() }));
   }
 }
-const A = re(Mr);
-class Er {
+const D = re(Fr);
+class Or {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -838,13 +842,13 @@ class Er {
     return ["en"];
   }
   translate(s) {
-    return Z() && console.warn("Lang provider is missing"), s;
+    return G() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return Z() && console.warn("Lang provider is missing"), e;
+    return G() && console.warn("Lang provider is missing"), e;
   }
 }
-const Hr = Ce({
+const Ur = Se({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -853,11 +857,11 @@ const Hr = Ce({
     fallbackLocale: "en"
   }
 });
-class Vr extends Hr {
+class Nr extends Ur {
   constructor() {
     super();
-    _(this, "provider");
-    this.provider = new Er(
+    x(this, "provider");
+    this.provider = new Or(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -885,7 +889,7 @@ class Vr extends Hr {
     );
   }
 }
-const X = re(Vr), yt = X.translate.bind(X), S = X.translateWithDefault.bind(X), Lr = Ce({
+const X = re(Nr), _t = X.translate.bind(X), T = X.translateWithDefault.bind(X), Wr = Se({
   name: "errors",
   initialState: {
     logs: [],
@@ -898,12 +902,13 @@ const X = re(Vr), yt = X.translate.bind(X), S = X.translateWithDefault.bind(X),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Ir extends Lr {
+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;
@@ -913,14 +918,14 @@ class Ir extends Lr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      A.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      D.alert(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];
-    A.modal(A.requireComponent("error-report-modal"), { report: n, reports: a });
+    D.modal(D.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await F.emit("error", { error: e, message: r }), ze("unit") || (Z() && this.logError(e), !this.enabled))
+    if (await N.emit("error", { error: e, message: r }), Re("unit") || (G() && this.logError(e), !this.enabled))
       throw e;
     if (!P.isMounted()) {
       const u = await this.createStartupErrorReport(e);
@@ -932,22 +937,22 @@ class Ir extends Lr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    A.toast(
-      r ?? S("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: S("errors.viewDetails", "View details"),
+            label: T("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => A.modal(A.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => D.modal(D.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
     ), this.setState({ logs: [a].concat(this.logs) });
   }
   reportDevelopmentError(e, r) {
-    Z() && (r && console.warn(r), this.logError(e));
+    G() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -958,37 +963,40 @@ class Ir extends Lr {
     });
   }
   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), he(e) && e.cause && this.logError(e.cause);
+    console.error(e), ge(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return he(e) && "title" in e;
+    return ge(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof xe ? this.createErrorReportFromError(e) : he(e) ? it({
-      title: j(
-        e.name ?? e.title ?? S("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: j(
-        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
+      description: F(
+        e.message ?? e.description ?? T("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: S("errors.unknown", "Unknown Error"),
+      title: T("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Ve ? e.cause instanceof Ve ? 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 {
@@ -1000,7 +1008,7 @@ class Ir extends Lr {
     };
   }
 }
-const wt = re(Ir), $t = /* @__PURE__ */ h({
+const Ct = re(Kr), xt = /* @__PURE__ */ v({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1016,9 +1024,9 @@ const wt = re(Ir), $t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: A.resolveComponent("router-link") ?? "a",
-      to: it({
+    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
@@ -1031,18 +1039,18 @@ const wt = re(Ir), $t = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (o(), f(l(xs), H({
+    return (e, r) => (o(), g(l(Ts), E({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: m(() => [
+      default: f(() => [
         $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), I = /* @__PURE__ */ h({
+}), z = /* @__PURE__ */ v({
   __name: "Button",
   props: {
     class: {},
@@ -1058,7 +1066,7 @@ const wt = re(Ir), $t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => pt(
+    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",
@@ -1154,62 +1162,105 @@ const wt = re(Ir), $t = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (o(), f($t, H({
+    return (r, n) => (o(), g(xt, E({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: m(() => [
+      default: f(() => [
         $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function zr(t) {
+function Qr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const _t = /* @__PURE__ */ h({
+function kt(t, s) {
+  const e = Y("form", null), r = (h) => h === void 0 ? "" : t.value.renderOption ? t.value.renderOption(h) : Qr(h) ? us(h.label) : F(h), n = d(() => {
+    const { name: h, modelValue: w } = t.value;
+    return e && h ? e.getFieldValue(h) : w;
+  }), a = d(() => n.value), u = d(() => !e || !t.value.name ? null : e.errors[t.value.name] ?? null), i = d(() => t.value.options ? t.value.options.map((h) => ({
+    key: ce(),
+    label: r(h),
+    value: h
+  })) : null), c = {
+    renderOption: r,
+    labelClass: d(() => t.value.labelClass),
+    optionsClass: d(() => t.value.optionsClass),
+    align: d(() => t.value.align),
+    side: d(() => t.value.side),
+    value: n,
+    id: `select-${ce()}`,
+    name: d(() => t.value.name),
+    label: d(() => t.value.label),
+    description: d(() => t.value.description),
+    placeholder: d(() => t.value.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.value.modelValue);
+    }),
+    errors: Ce(u),
+    required: d(() => {
+      if (!(!t.value.name || !e))
+        return e.getFieldRules(t.value.name).includes("required");
+    }),
+    update(h) {
+      if (e && t.value.name) {
+        e.setFieldValue(t.value.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 = R(
+    const s = H(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (o(), f(l(Qe), {
+    return (e, r) => e.$slots.default ? (o(), g(l(Ze), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
-      default: m(() => [
+      default: f(() => [
         $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (o(), f(l(Qe), {
+    }, 8, ["placeholder"])) : (o(), g(l(Ze), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), xt = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ v({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = R(
+    const s = H(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (o(), f(l(Cs), {
+    return (e, r) => (o(), g(l(Ms), {
       id: l(s).id
     }, {
-      default: m(() => [
+      default: f(() => [
         $(e.$slots, "default", {}, () => [
-          d(_t, {
+          p(St, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(Ss))
+          p(l(Vs))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), Ct = /* @__PURE__ */ h({
+}), Mt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1219,20 +1270,20 @@ const _t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = R(
+    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 : j(t.value);
+      return r ? s.renderOption(r.value) : F(t.value);
     });
-    return (r, n) => (o(), f(l(ks), ce(de(r.$props)), {
-      default: m(() => [
-        d(l(Ts), null, {
-          default: m(() => [
+    return (r, n) => (o(), g(l(Es), pe(me(r.$props)), {
+      default: f(() => [
+        p(l(Hs), null, {
+          default: f(() => [
             $(r.$slots, "default", {}, () => [
-              L(x(e.value), 1)
+              I(C(e.value), 1)
             ])
           ]),
           _: 3
@@ -1241,33 +1292,33 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), St = /* @__PURE__ */ h({
+}), Vt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = R(
+    const s = H(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => E("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (o(), f(l(Ms), null, {
-      default: m(() => [
-        d(l(Es), {
+    ), e = d(() => k("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (o(), g(l(Ls), null, {
+      default: f(() => [
+        p(l(Is), {
           position: "popper",
-          class: C(e.value),
+          class: _(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
-          default: m(() => [
-            d(l(Hs), {
-              class: C(r.innerClass)
+          default: f(() => [
+            p(l(Rs), {
+              class: _(r.innerClass)
             }, {
-              default: m(() => [
+              default: f(() => [
                 $(r.$slots, "default", {}, () => [
-                  (o(!0), y(D, null, U(l(s).options ?? [], (a) => (o(), f(Ct, {
+                  (o(!0), y(j, null, O(l(s).options ?? [], (a) => (o(), g(Mt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1282,7 +1333,7 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Rr = /* @__PURE__ */ h({
+}), Zr = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1302,56 +1353,24 @@ const _t = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = Y("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), i = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
-      key: ue(),
-      label: t.renderOption ? t.renderOption(v) : zr(v) ? as(v.label) : j(v),
-      value: v
-    })) : null), g = {
-      labelClass: t.labelClass,
-      optionsClass: t.optionsClass,
-      align: t.align,
-      side: t.side,
-      value: a,
-      id: `select-${ue()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
-      options: p,
-      selectedOption: c(() => {
-        var v;
-        return (v = p.value) == null ? void 0 : v.find((k) => k.value === t.modelValue);
-      }),
-      errors: _e(i),
-      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 w(v) {
-      g.update(v);
-    }
-    return pe("select", g), s(g), (v, k) => (o(), f(l(Vs), {
-      "model-value": u.value,
-      by: v.compareOptions,
-      "onUpdate:modelValue": k[0] || (k[0] = (q) => w(q))
+    const r = e, n = W(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = kt(
+      d(() => ({ 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 }) => [
-        (o(), f(ee(v.as), ce(de(v.$attrs)), {
-          default: m(() => [
-            $(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(xt),
-              d(St)
+              p(Tt),
+              p(Vt)
             ])
           ]),
           _: 2
@@ -1360,50 +1379,50 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Ye = /* @__PURE__ */ h({
+}), Ye = /* @__PURE__ */ v({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = R(
+    const s = H(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Ie(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), f(l(Ls), H({
+    ), 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(() => [
+      default: f(() => [
         $(n.$slots, "default", {}, () => [
-          L(x(l(s).label), 1)
+          I(C(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : M("", !0);
+    }, 16, ["for"])) : V("", !0);
   }
-}), kt = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ v({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (o(), f(Ye, {
+    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: C(e.value)
+      class: _(e.value)
     }, {
-      default: m(() => [
+      default: f(() => [
         $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (o(), f(Ye, {
+    }, 8, ["class"])) : (o(), g(Ye, {
       key: 1,
-      class: C(e.value)
+      class: _(e.value)
     }, null, 8, ["class"]));
   }
-}), Ge = /* @__PURE__ */ h({
+}), et = /* @__PURE__ */ v({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1411,18 +1430,18 @@ const _t = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => E("group p-1 outline-none", t.class)), e = c(() => E(
+    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) => (o(), f(Ct, {
-      class: C(s.value),
+    return (r, n) => (o(), g(Mt, {
+      class: _(s.value),
       value: r.value
     }, {
-      default: m(() => [
+      default: f(() => [
         b("div", {
-          class: C(e.value)
+          class: _(e.value)
         }, [
           $(r.$slots, "default")
         ], 2)
@@ -1430,43 +1449,43 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), Tt = /* @__PURE__ */ h({
+}), Ht = /* @__PURE__ */ v({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => E(
+    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) => (o(), f(St, {
-      class: C(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 ? $(r.$slots, "default", { key: 0 }, () => {
             var u;
             return [
-              (o(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), f(Ge, {
+              (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(x(i.label), 1)
+                default: f(() => [
+                  I(C(i.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
           }) : $(r.$slots, "default", { key: 1 }, () => [
-            d(Ge, {
+            p(et, {
               disabled: "",
               value: null
             }, {
-              default: m(() => [
-                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: f(() => [
+                I(C(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1476,42 +1495,42 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"]));
   }
-}), qr = {
+}), Jr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ar(t, s) {
-  return o(), y("svg", qr, 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 Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__ */ h({
+const Xr = R({ name: "zondicons-cheveron-down", render: Gr }), Lt = /* @__PURE__ */ v({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => E(
+    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) => (o(), f(xt, {
-      class: C(e.value)
+    return (r, n) => (o(), g(Tt, {
+      class: _(e.value)
     }, {
-      default: m(() => [
-        d(_t, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        d(l(Pr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      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"]));
   }
-}), Dr = /* @__PURE__ */ h({
+}), Yr = /* @__PURE__ */ v({
   __name: "Select",
   props: {
     as: {},
@@ -1530,30 +1549,30 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Re();
-    return (e, r) => (o(), f(Rr, H({ 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(kt),
+      default: f(() => [
+        p(Et),
         $(e.$slots, "default", {}, () => [
-          d(Mt),
-          d(Tt)
+          p(Lt),
+          p(Ht)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Br = { class: "grow" }, jr = /* @__PURE__ */ h({
+}), en = { class: "grow" }, tn = /* @__PURE__ */ v({
   __name: "Language",
   setup(t) {
-    const s = X.getBrowserLocale(), e = c(() => [null, ...X.locales]);
+    const s = X.getBrowserLocale(), e = d(() => [null, ...X.locales]);
     function r(n) {
-      return (n && B.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
-        locale: B.locales[s] ?? s
+      return (n && U.locales[n]) ?? T("settings.localeDefault", "{locale} (default)", {
+        locale: U.locales[s] ?? s
       });
     }
-    return (n, a) => (o(), f(Dr, {
+    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",
@@ -1561,41 +1580,41 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
       options: e.value,
       "render-option": r
     }, {
-      default: m(() => [
-        b("div", Br, [
-          d(kt, { class: "text-base font-semibold" }, {
-            default: m(() => [
-              L(x(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(I, {
+        p(z, {
           variant: "ghost",
-          as: Mt,
+          as: Lt,
           class: "grid w-auto outline-none"
         }),
-        d(Tt)
+        p(Ht)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Fr = [
+}), sn = [
   {
     priority: 100,
-    component: jr
+    component: tn
   }
-], Ur = { $lang: X }, Or = {
+], rn = { $lang: X }, nn = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = yt), t.config.globalProperties.$td = S, Fr.forEach((e) => P.addSetting(e)), await ke(t, Ur);
+    (s = t.config.globalProperties).$t ?? (s.$t = _t), t.config.globalProperties.$td = T, sn.forEach((e) => P.addSetting(e)), await Me(t, rn);
   }
-}, Nr = /* @__PURE__ */ h({
+}, an = /* @__PURE__ */ v({
   __name: "Markdown",
   props: {
     as: {},
@@ -1607,38 +1626,38 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = tt(), e = Ie(), r = c(() => e.default ? e.default().map(dt).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : yt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    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 i = br(r.value);
+      let i = Lr(r.value);
       return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
-    }), a = () => Nt(t.as ?? (t.inline ? "span" : "div"), {
+    }), a = () => Zt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
     async function u(i) {
-      var g, w;
-      const { target: p } = i;
-      if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
-        (w = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || w.call(g);
+      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 = vr();
-        v && (i.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 (i, p) => (o(), f(a));
+    return (i, c) => (o(), g(a));
   }
-}), Wr = (t, s) => {
+}), ln = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, z = /* @__PURE__ */ Wr(Nr, [["__scopeId", "data-v-8b211cfb"]]), Kr = { class: "flex-grow" }, Qr = ["id"], Jr = /* @__PURE__ */ h({
+}, q = /* @__PURE__ */ ln(an, [["__scopeId", "data-v-8b211cfb"]]), on = { class: "flex-grow" }, un = ["id"], cn = /* @__PURE__ */ v({
   __name: "Setting",
   props: {
     title: {},
@@ -1648,29 +1667,29 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => E(t.class, "flex flex-col justify-center gap-1"));
+    const s = d(() => k(t.class, "flex flex-col justify-center gap-1"));
     return (e, r) => (o(), y("div", {
-      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+      class: _(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      b("div", Kr, [
+      b("div", on, [
         b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Qr),
-        e.description ? (o(), 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: C(s.value)
+        class: _(s.value)
       }, [
         $(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Zr = ["for"], Xr = /* @__PURE__ */ h({
+}), dn = ["for"], pn = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1685,14 +1704,14 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `switch-${ue()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: _e(a),
-      required: c(() => {
+    const r = e, n = 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");
       }),
@@ -1704,52 +1723,52 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
         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>");
-    }), (i, p) => (o(), y("div", {
-      class: C(t.class)
+    }), (i, c) => (o(), y("div", {
+      class: _(t.class)
     }, [
       i.label ? (o(), y("label", {
         key: 0,
         for: u.id,
-        class: C(i.labelClass)
-      }, x(i.label), 11, Zr)) : M("", !0),
-      d(l(Is), H({
+        class: _(i.labelClass)
+      }, C(i.label), 11, dn)) : V("", !0),
+      p(l(qs), E({
         id: u.id,
         name: i.name,
         "model-value": u.value.value
       }, i.$attrs, {
         class: i.inputClass,
-        "onUpdate:modelValue": p[0] || (p[0] = (g) => i.$emit("update:modelValue", g))
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => i.$emit("update:modelValue", m))
       }), {
-        default: m(() => [
-          d(l(zs), {
-            class: C(i.thumbClass)
+        default: f(() => [
+          p(l(Ps), {
+            class: _(i.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Yr = /* @__PURE__ */ h({
+}), mn = /* @__PURE__ */ v({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (o(), f(Xr, {
+    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"
     }));
   }
-}), Gr = /* @__PURE__ */ h({
+}), fn = /* @__PURE__ */ v({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (o(), f(Jr, {
+    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(Yr, {
+      default: f(() => [
+        p(mn, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1758,77 +1777,77 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), en = [
+}), hn = [
   {
     priority: 10,
-    component: Gr
+    component: fn
   }
-], Et = [];
-function Pl(t) {
-  Et.push(t);
+], It = [];
+function so(t) {
+  It.push(t);
 }
-function Ht(t) {
-  for (const s of Et) {
+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 xe ? t.message : he(t) ? j(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof ke ? t.message : ge(t) ? F(t.message ?? t.description ?? "Unknown error object") : T("errors.unknown", "Unknown Error");
 }
-class et extends xe {
+class tt extends ke {
 }
-const tn = { $errors: wt }, sn = (t) => (wt.report(t), !0);
-function rn(t, s = () => !1) {
-  const e = (r) => s(r) || sn(r);
+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 nn = {
+const yn = {
   async install(t, s) {
-    rn(t, s.handleError), en.forEach((e) => P.addSetting(e)), await ke(t, tn);
+    bn(t, s.handleError), hn.forEach((e) => P.addSetting(e)), await Me(t, gn);
   }
-}, an = {
+}, wn = {
   async install() {
-    ze() && (globalThis.testingRuntime = {
-      on: (...t) => F.on(...t),
+    Re() && (globalThis.testingRuntime = {
+      on: (...t) => N.on(...t),
       service: (t) => P.service(t)
     });
   }
-}, ln = {
+}, $n = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function on(t, s) {
-  return o(), y("svg", ln, 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 un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
+const Cn = R({ name: "zondicons-close", render: _n }), xn = /* @__PURE__ */ v({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
     fullscreen: { type: Boolean },
-    fullscreenMobile: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(null), { close: r } = Pe();
+    const e = B(null), { close: r } = Ae();
     s({ $content: e });
-    const { forwardRef: n } = Re();
-    return pe("$modalContentRef", e), (a, u) => (o(), f(l(Rs), {
+    const { forwardRef: n } = ze();
+    return ae("$modalContentRef", e), (a, u) => (o(), g(l(As), {
       ref: l(n),
       open: "",
       "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
     }, {
-      default: m(() => [
-        d(l(qs), null, {
-          default: m(() => [
+      default: f(() => [
+        p(l(Ds), null, {
+          default: f(() => [
             $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
@@ -1837,36 +1856,36 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), dn = /* @__PURE__ */ h({
+}), kn = /* @__PURE__ */ v({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Pe(), e = lr("$modalContentRef"), r = te("$contentRef");
-    return G(() => e.value = r.value), (n, a) => (o(), f(l(As), { ref: "$contentRef" }, {
-      default: m(() => [
+    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(), f(l(bs), {
+        l(s) ? (o(), g(l(_s), {
           key: 0,
           is: l(s)
-        }, null, 8, ["is"])) : M("", !0)
+        }, null, 8, ["is"])) : V("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), pn = /* @__PURE__ */ h({
+}), Sn = /* @__PURE__ */ v({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(l(Ps), ce(de(s.$props)), {
-      default: m(() => [
+    return (s, e) => (o(), g(l(js), pe(me(s.$props)), {
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), mn = /* @__PURE__ */ h({
+}), Tn = /* @__PURE__ */ v({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1874,33 +1893,33 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(l(Ds), ce(de(s.$props)), {
-      default: m(() => [
+    return (s, e) => (o(), g(l(Fs), pe(me(s.$props)), {
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), fn = /* @__PURE__ */ h({
+}), Mn = /* @__PURE__ */ v({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(l(Bs), ce(de(s.$props)), {
-      default: m(() => [
+    return (s, e) => (o(), g(l(Os), pe(me(s.$props)), {
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), hn = ["onClick"], gn = { class: "sr-only" }, fe = mr(), ne = /* @__PURE__ */ h({
+}), Vn = ["onClick"], En = { class: "sr-only" }, he = Tr(), ne = /* @__PURE__ */ v({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
     fullscreen: { type: Boolean },
-    fullscreenMobile: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1910,99 +1929,99 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenMobile"]);
+    const e = W(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
-      $content: c(() => {
-        var T;
-        return (T = i.value) == null ? void 0 : T.$content;
+      $content: d(() => {
+        var M;
+        return (M = i.value) == null ? void 0 : M.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Pe(), i = n, p = ut(), 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 = le.value.toReversed().find((je) => je.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;
       }
-    ), w = c(() => le.value.find((T) => T.visible.value)), v = c(() => le.value.some((T) => fe.has(T))), k = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => E(
-      "overflow-auto px-4 pb-4",
-      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !Q.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
-    )), Q = c(() => t.fullscreen || t.fullscreenMobile && A.mobile), qt = c(() => E(
+    )), 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",
-      Q.value ? [
+      A.value ? [
         "inset-0 transition-[transform,translate] will-change-[transform,translate]",
-        fe.has(p.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
-        g.value ? "translate-y-0" : "translate-y-full"
+        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]",
-        fe.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
-        g.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
+        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 st(() => oe(500).then(() => fe.add(p.value))), (T, je) => (o(), f(cn, H(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(mn, {
-            class: C(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
-              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
-              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Ue = l(le)[0]) == null ? void 0 : Ue.id) === l(a),
-              "opacity-0": !w.value,
-              hidden: Q.value
+          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(dn, H(k.value, { class: qt.value }), {
-            default: m(() => [
-              !T.persistent && !T.closeHidden ? (o(), y("div", {
+          p(kn, E(S.value, { class: Bt.value }), {
+            default: f(() => [
+              !M.persistent && !M.closeHidden ? (o(), y("div", {
                 key: 0,
-                class: C(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !Q.value }])
+                class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !A.value }])
               }, [
                 b("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (cl) => me()
+                  onClick: (Ml) => fe()
                 }, [
-                  b("span", gn, x(T.$td("ui.close", "Close")), 1),
-                  d(l(un), { class: "size-4" })
-                ], 8, hn)
-              ], 2)) : M("", !0),
-              T.title ? (o(), f(fn, {
+                  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: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
-                  "sr-only": T.titleHidden,
-                  "pb-0": T.description && !T.descriptionHidden,
-                  "pb-2": !T.description || T.descriptionHidden
+                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 ? (o(), f(pn, {
+              }, 8, ["class"])) : V("", !0),
+              M.description ? (o(), g(Sn, {
                 key: 2,
-                class: C(["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: C(q.value)
+                class: _(L.value)
               }, [
-                $(T.$slots, "default", { close: me })
+                $(M.$slots, "default", { close: fe })
               ], 2)
             ]),
             _: 2
@@ -2013,29 +2032,29 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
     }, 16, ["persistent"]));
   }
 });
-function vn(t) {
-  const s = c(() => t.title ?? S("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 bn = /* @__PURE__ */ h({
+const Ln = /* @__PURE__ */ v({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = vn(e);
-    return s(), (a, u) => (o(), f(ne, {
+    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"]));
   }
-}), Vt = /* @__PURE__ */ h({
+}), zt = /* @__PURE__ */ v({
   __name: "Form",
   props: {
     form: {}
@@ -2044,36 +2063,36 @@ const bn = /* @__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());
-    }), pe("form", t.form), (n, a) => (o(), y("form", {
-      onSubmit: a[0] || (a[0] = rt((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"]))
     }, [
       $(n.$slots, "default")
     ], 32));
   }
 });
-function yn(t) {
-  const s = ft(
+function In(t) {
+  const s = vt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (u, [i, p]) => ({
+      (u, [i, c]) => ({
         [i]: {
           type: "boolean",
-          default: p.default,
-          required: p.required ? "required" : void 0
+          default: c.default,
+          required: c.required ? "required" : void 0
         },
         ...u
       }),
       {}
     )
-  ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  ), e = d(() => t.title ?? 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 wn = {
+const Rn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, $n = { class: "flex items-center" }, _n = ["onUpdate:modelValue", "required"], xn = { class: "ml-1.5" }, Cn = { class: "mt-4 flex flex-row-reverse gap-2" }, Sn = /* @__PURE__ */ h({
+}, 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: {},
@@ -2088,54 +2107,54 @@ const wn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = yn(e);
-    return s(), (p, g) => (o(), f(ne, {
+    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: w }) => [
-        d(Vt, {
+      default: f(({ close: h }) => [
+        p(zt, {
           form: l(r),
-          onSubmit: (v) => w([!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 ? (o(), y("ul", wn, [
-              (o(!0), y(D, null, U(p.checkboxes, (v, k) => (o(), y("li", { key: k }, [
-                b("label", $n, [
-                  nt(b("input", {
-                    "onUpdate:modelValue": (q) => l(r)[k] = 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, _n), [
-                    [Wt, l(r)[k]]
+                  }, null, 8, qn), [
+                    [Jt, l(r)[S]]
                   ]),
-                  b("span", xn, x(v.label), 1)
+                  b("span", Pn, C(w.label), 1)
                 ])
               ]))), 128))
-            ])) : M("", !0),
-            b("div", Cn, [
-              d(I, {
-                variant: p.acceptVariant,
+            ])) : V("", !0),
+            b("div", An, [
+              p(z, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  L(x(l(u)), 1)
+                default: f(() => [
+                  I(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? M("", !0) : (o(), f(I, {
+              c.required ? V("", !0) : (o(), g(z, {
                 key: 0,
-                variant: p.cancelVariant,
-                onClick: (v) => w(!1)
+                variant: c.cancelVariant,
+                onClick: (w) => h(!1)
               }, {
-                default: m(() => [
-                  L(x(l(i)), 1)
+                default: f(() => [
+                  I(C(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2147,91 +2166,91 @@ const wn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), kn = {
+}), Bn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Tn(t, s) {
-  return o(), y("svg", kn, 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 Mn = V({ name: "zondicons-cheveron-left", render: Tn }), En = {
+const Fn = R({ name: "zondicons-cheveron-left", render: jn }), On = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Hn(t, s) {
-  return o(), y("svg", En, 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 Lt = V({ name: "zondicons-cheveron-right", render: Hn }), Vn = {
+const qt = R({ name: "zondicons-cheveron-right", render: Un }), Nn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ln(t, s) {
-  return o(), y("svg", Vn, 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 = V({ name: "zondicons-exclamation-solid", render: Ln }), In = {
+const De = R({ name: "zondicons-exclamation-solid", render: Wn }), Kn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function zn(t, s) {
-  return o(), y("svg", In, 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 Rn = V({ name: "mdi-console", render: zn }), qn = {
+const Zn = R({ name: "mdi-console", render: Qn }), Jn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function An(t, s) {
-  return o(), y("svg", qn, 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 Pn = V({ name: "zondicons-copy", render: An }), Dn = {
+const Xn = R({ name: "zondicons-copy", render: Gn }), Yn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Bn(t, s) {
-  return o(), y("svg", Dn, 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 jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = { class: "sr-only" }, On = /* @__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(() => {
+    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(
@@ -2240,7 +2259,7 @@ const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = {
           "",
           "Error details:",
           "```",
-          ls(
+          cs(
             s.report.details ?? "Details missing from report",
             1800 - a.length - P.sourceUrl.length
           ).trim(),
@@ -2249,26 +2268,26 @@ const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = {
 `)
       );
       return `${P.sourceUrl}/issues/new?title=${a}&body=${u}`;
-    }), n = c(() => se(
+    }), n = d(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: Pn,
+          iconComponent: Xn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), D.toast(T("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: Rn,
+          iconComponent: Zn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), A.toast(
-              S(
+            window.error = a, console.error(a), D.toast(
+              T(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2280,14 +2299,14 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: jn,
+          iconComponent: ta,
           url: r.value
         });
       }
     ));
-    return (a, u) => (o(), y("div", Fn, [
-      (o(!0), y(D, null, U(n.value, (i) => $(a.$slots, "default", H({ ref_for: !0 }, i), () => [
-        d(I, {
+    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",
@@ -2295,9 +2314,9 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
           title: a.$td(`errors.report_${i.id}`, i.description),
           onClick: i.click
         }, {
-          default: m(() => [
-            b("span", Un, x(a.$td(`errors.report_${i.id}`, i.description)), 1),
-            (o(), f(ee(i.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"
             }))
@@ -2307,7 +2326,7 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Nn = /* @__PURE__ */ h({
+}), aa = /* @__PURE__ */ v({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2315,20 +2334,20 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
     totalReports: {}
   },
   setup(t) {
-    const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (o(), 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 Wn(t) {
-  const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+function 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()) || S("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 = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
+  ), n = T("errors.previousReport", "Show previous report"), a = T("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2337,92 +2356,92 @@ function Wn(t) {
     activeReport: e
   };
 }
-const Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-4" }, Jn = { class: "flex items-center gap-2" }, Zn = {
+const 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"
-}, Xn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Yn = ["textContent"], Gn = /* @__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: i } = Wn(e);
-    return s(), (p, g) => (o(), f(ne, {
-      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", Kn, [
-          b("h2", Qn, [
-            b("div", Jn, [
-              d(l(De), { class: "size-5 text-red-600" }),
-              d(Nn, {
+      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(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 ? (o(), y("span", Zn, [
-                d(I, {
+              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] = (w) => r.value--)
+                  onClick: m[0] || (m[0] = (h) => r.value--)
                 }, {
-                  default: m(() => [
-                    d(l(Mn), { class: "size-4" })
+                  default: f(() => [
+                    p(l(Fn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                d(I, {
+                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] = (w) => r.value++)
+                  onClick: m[1] || (m[1] = (h) => r.value++)
                 }, {
-                  default: m(() => [
-                    d(l(Lt), { class: "size-4" })
+                  default: f(() => [
+                    p(l(qt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : M("", !0)
+              ])) : V("", !0)
             ]),
-            d(On, {
+            p(na, {
               report: l(i),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(i).description ? (o(), f(z, {
+          l(i).description ? (o(), g(q, {
             key: 0,
             text: l(i).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : M("", !0)
+          }, null, 8, ["text"])) : V("", !0)
         ]),
-        b("div", Xn, [
+        b("div", da, [
           b("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: x(l(n))
-          }, null, 8, Yn)
+            textContent: C(l(n))
+          }, null, 8, pa)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), ea = {
+}), fa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ta(t, s) {
-  return o(), y("svg", ea, 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",
@@ -2442,40 +2461,50 @@ function ta(t, s) {
     ], -1)
   ]));
 }
-const sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, na = { class: "sr-only" }, aa = /* @__PURE__ */ h({
+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(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Le(
+    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) => (o(), y("div", ra, [
+    ), _e(() => s && s()), (i, c) => (o(), y("div", va, [
       b("div", {
-        class: C(r.value),
-        style: Kt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        class: _(r.value),
+        style: Ue(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      b("span", na, x(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 la(t) {
-  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
-    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
-  ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
+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 oa = /* @__PURE__ */ h({
+const $a = /* @__PURE__ */ v({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2484,30 +2513,30 @@ const oa = /* @__PURE__ */ h({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = la(e);
-    return s(), (i, p) => (o(), f(ne, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = wa(e);
+    return s(), (i, c) => (o(), g(ne, {
       persistent: "",
-      class: C(["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) ? (o(), f(aa, {
+      default: f(() => [
+        l(u) ? (o(), g(ya, {
           key: 0,
           progress: i.progress,
           job: i.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (o(), f(l(sa), {
+        }, 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"]));
   }
-}), Be = /* @__PURE__ */ h({
+}), Be = /* @__PURE__ */ v({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2518,14 +2547,14 @@ const oa = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `input-${ue()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: _e(a),
-      required: c(() => {
+    const r = e, n = 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");
       }),
@@ -2537,45 +2566,45 @@ const oa = /* @__PURE__ */ h({
         r("update:modelValue", i);
       }
     };
-    return pe("input", u), s(u), (i, p) => (o(), f(ee(i.as), null, {
-      default: m(() => [
+    return ae("input", u), s(u), (i, c) => (o(), g(te(i.as), null, {
+      default: f(() => [
         $(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), ia = ["for"], ye = /* @__PURE__ */ h({
+}), _a = ["for"], we = /* @__PURE__ */ v({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = R("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Ie(), r = c(() => !!(s.label || e.default));
+    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
     }, [
       $(n.$slots, "default", {}, () => [
-        L(x(l(s).label), 1)
+        I(C(l(s).label), 1)
       ])
-    ], 8, ia)) : M("", !0);
+    ], 8, _a)) : V("", !0);
   }
-}), ua = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], It = /* @__PURE__ */ h({
+}), Ca = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Pt = /* @__PURE__ */ v({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    const s = te("$inputRef"), e = R("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
+    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 w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
-    }), i = c(() => {
+      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 (u.value) {
@@ -2584,26 +2613,26 @@ const oa = /* @__PURE__ */ h({
         case "date":
         case "time":
         case "datetime-local":
-          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Ze);
+          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Ge);
         case "number":
           return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return mt(e, () => {
-      var w;
-      return (w = s.value) == null ? void 0 : w.focus();
-    }), G(() => {
+    return gt(e, () => {
+      var h;
+      return (h = s.value) == null ? void 0 : h.focus();
+    }), ee(() => {
       if (s.value) {
         if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
-          const w = Math.round(a.value.getTime() / 6e4) * 6e4;
-          s.value.valueAsNumber = w - Ze, e.update(new Date(w));
+          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;
       }
-    }), (w, v) => (o(), y("input", {
+    }), (h, w) => (o(), y("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
@@ -2612,39 +2641,39 @@ const oa = /* @__PURE__ */ h({
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
-      onInput: p
-    }, null, 40, ua));
+      onInput: c
+    }, null, 40, Ca));
   }
-}), zt = /* @__PURE__ */ h({
+}), At = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = R(
+    const s = H(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
+    ), e = d(() => typeof s.description == "string" ? s.description : ""), r = d(() => !!s.description);
     return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (o(), f(z, H({ 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)
     ]);
   }
-}), ca = ["id"], we = /* @__PURE__ */ h({
+}), xa = ["id"], $e = /* @__PURE__ */ v({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = R("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    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`
-    }, x(e.value), 9, ca)) : M("", !0);
+    }, C(e.value), 9, xa)) : V("", !0);
   }
-}), da = {
+}), ka = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, pa = /* @__PURE__ */ h({
+}, Sa = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2653,65 +2682,71 @@ const oa = /* @__PURE__ */ h({
     description: {},
     modelValue: {},
     inputClass: {},
-    wrapperClass: {}
+    wrapperClass: {},
+    descriptionClass: {},
+    errorClass: {}
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var i, p, g;
-      return E(
+    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": !((i = e.value) != null && i.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 (i, p) => (o(), f(Be, H({
+    return (m, h) => (o(), g(Be, E({
       ref: "$inputRef",
-      label: i.label,
+      label: m.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => i.$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(ye, { 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: C(a.value)
+            class: _(a.value)
           }, [
-            d(It, H(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (o(), y("div", da, [
-              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(zt, { class: "mt-2 text-sm text-gray-600" }),
-          d(we, { 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 Dl(t, s = {}) {
+function ro(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Bl(t, s = {}) {
+function no(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function jl(t, s, e = {}) {
+function ao(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2719,21 +2754,21 @@ function jl(t, s, e = {}) {
     values: t
   };
 }
-function Fl(t) {
+function lo(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Ul(t) {
+function oo(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Ol(t, s) {
+function io(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2741,55 +2776,55 @@ function Ol(t, s) {
     values: t
   };
 }
-function Nl(t) {
+function uo(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Wl(t) {
+function co(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function ma(t) {
+function Ta(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Kl(t, s = {}) {
+function po(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Ql(t, s = {}) {
+function mo(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Jl(t, s = {}) {
+function fo(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function fa(t) {
-  const s = ft({
-    draft: ma(t.defaultValue ?? "")
-  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+function 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 ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ h({
+const Va = { class: "mt-4 flex flex-row-reverse gap-2" }, Ea = /* @__PURE__ */ v({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2804,43 +2839,43 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ h
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = fa(e);
-    return s(), (p, g) => (o(), f(ne, {
+    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: w }) => [
-        d(Vt, {
+      default: f(({ close: h }) => [
+        p(zt, {
           form: l(r),
-          onSubmit: (v) => w(l(r).draft)
+          onSubmit: (w) => h(l(r).draft)
         }, {
-          default: m(() => [
-            l(a) ? (o(), f(z, {
+          default: f(() => [
+            l(a) ? (o(), g(q, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : M("", !0),
-            d(pa, {
+            }, 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", ha, [
-              d(I, {
-                variant: p.acceptVariant,
+            b("div", Va, [
+              p(z, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  L(x(l(u)), 1)
+                default: f(() => [
+                  I(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d(I, {
-                variant: p.cancelVariant,
-                onClick: (v) => w()
+              p(z, {
+                variant: c.cancelVariant,
+                onClick: (w) => h()
               }, {
-                default: m(() => [
-                  L(x(l(i)), 1)
+                default: f(() => [
+                  I(C(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2852,65 +2887,65 @@ const ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), va = {
+}), Ha = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ba(t, s) {
-  return o(), y("svg", va, 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 ya = V({ name: "material-symbols-bug-report", render: ba }), wa = {
+const Ia = R({ name: "material-symbols-bug-report", render: La }), Ra = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function $a(t, s) {
-  return o(), y("svg", wa, 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 _a = V({ name: "material-symbols-delete-forever-rounded", render: $a }), xa = {
+const qa = R({ name: "material-symbols-delete-forever-rounded", render: za }), Pa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ca(t, s) {
-  return o(), y("svg", xa, 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 Sa = V({ name: "material-symbols-frame-inspect", render: Ca }), ka = {
+const Da = R({ name: "material-symbols-frame-inspect", render: Aa }), Ba = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ta(t, s) {
-  return o(), y("svg", ka, 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 Ma = V({ name: "material-symbols-refresh-rounded", render: Ta }), Ea = { class: "grid grow place-items-center" }, Ha = { class: "flex flex-col items-center p-8" }, Va = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, La = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ia = /* @__PURE__ */ h({
+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 A.confirm(
-        S("startupCrash.purgeConfirmTitle", "Delete everything?"),
-        S(
+      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**.
 
@@ -2918,61 +2953,61 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
+          acceptText: T("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await gt.purge(), await P.reload());
+      ) && (await yt.purge(), await P.reload());
     }
     return (e, r) => {
-      const n = Qt("i-majesticons-exclamation");
-      return o(), y("div", Ea, [
-        b("div", Ha, [
-          d(n, { class: "size-20 text-red-600" }),
-          b("h1", Va, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          d(z, {
+      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", La, [
-            d(I, {
+          b("div", Wa, [
+            p(z, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
-              default: m(() => [
-                d(l(Ma)),
-                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+              default: f(() => [
+                p(l(Fa)),
+                I(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            p(z, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
-              default: m(() => [
-                d(l(ya)),
-                L(" " + x(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(I, {
+            p(z, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
-              default: m(() => [
-                d(l(_a)),
-                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+              default: f(() => [
+                p(l(qa)),
+                I(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            p(z, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
-              default: m(() => [
-                d(l(Sa)),
-                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              default: f(() => [
+                p(l(Da)),
+                I(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2981,23 +3016,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), Rt = /* @__PURE__ */ h({
+}), Dt = /* @__PURE__ */ v({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(ee(s.action.dismiss ? l(js) : "button"), {
+    return (s, e) => (o(), g(te(s.action.dismiss ? l(Us) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: m(() => [
-        L(x(s.action.label), 1)
+      default: f(() => [
+        I(C(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), za = { key: 0 }, Ra = /* @__PURE__ */ h({
+}), Qa = { key: 0 }, Za = /* @__PURE__ */ v({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -3005,11 +3040,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(l(Fs), null, {
-      default: m(() => [
+    return (s, e) => (o(), g(l(Ns), null, {
+      default: f(() => [
         $(s.$slots, "default", {}, () => [
-          s.message ? (o(), y("span", za, x(s.message), 1)) : M("", !0),
-          (o(!0), y(D, null, U(s.actions, (r, n) => (o(), f(Rt, {
+          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))
@@ -3018,7 +3053,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), qa = /* @__PURE__ */ h({
+}), Ja = /* @__PURE__ */ v({
   __name: "Toast",
   props: {
     message: {},
@@ -3027,7 +3062,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => pt(
+    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",
@@ -3043,95 +3078,95 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (o(), f(Ra, {
-      class: C(e.value)
+    return s(), (r, n) => (o(), g(Za, {
+      class: _(e.value)
     }, {
-      default: m(() => [
-        r.message ? (o(), f(z, {
+      default: f(() => [
+        r.message ? (o(), g(q, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : M("", !0),
-        (o(!0), y(D, null, U(r.actions, (a, u) => (o(), f(I, {
+        }, 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: Rt
+          as: Dt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Aa = { $ui: A }, Pa = {
+}), Ga = { $ui: D }, Xa = {
   async install(t, s) {
     const e = {
-      "alert-modal": bn,
-      "confirm-modal": Sn,
-      "error-report-modal": Gn,
-      "loading-modal": oa,
-      "prompt-modal": ga,
-      "startup-crash": Ia,
-      toast: qa,
+      "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))
-      A.registerComponent(r, n);
-    await ke(t, Aa);
+      D.registerComponent(r, n);
+    await Me(t, Ga);
   }
 };
-async function Da(t, s = {}) {
+async function Ya(t, s = {}) {
   var r;
-  const e = [an, _r, nn, Or, kr, Pa, ...s.plugins ?? []];
-  P.instance = t, await rr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
+  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 Zl(t, s = {}) {
+async function ho(t, s = {}) {
   var r;
-  const e = Jt(t);
-  Z() && (window.$aerogel = e), await Da(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
+  const e = 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 Ba = /* @__PURE__ */ h({
+const el = /* @__PURE__ */ v({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (o(), f(l(Us), null, {
-      default: m(() => [
-        (o(!0), y(D, null, U(s.$ui.toasts, (r) => (o(), f(ee(r.component), H({
+    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(Os), { 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
     }));
   }
-}), ja = /* @__PURE__ */ h({
+}), tl = /* @__PURE__ */ v({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (o(), y(D, null, [
-      d(l(ys), { nested: "" }),
-      d(Ba)
+    return (s, e) => (o(), y(j, null, [
+      p(l(Cs), { nested: "" }),
+      p(el)
     ], 64));
   }
-}), Fa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Xl = /* @__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) => (o(), y("div", Fa, [
+    return (s, e) => (o(), y("div", sl, [
       s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (o(), f(ee(s.$ui.requireComponent("startup-crash"))))
+        (o(), g(te(s.$ui.requireComponent("startup-crash"))))
       ]) : $(s.$slots, "default", { key: 1 }),
-      d(ja)
+      p(tl)
     ]));
   }
-}), Ua = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Oa = /* @__PURE__ */ h({
+}), rl = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], nl = /* @__PURE__ */ v({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = te("$textAreaRef"), e = R(
+    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 mt(e, () => {
+    return gt(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
     }), (u, i) => (o(), y("textarea", {
@@ -3143,37 +3178,51 @@ const Ba = /* @__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, Ua));
+    }, null, 40, rl));
   }
-}), Na = { class: "group" }, Wa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Ka = { class: "pt-2 pl-4" }, Qa = /* @__PURE__ */ h({
+}), al = { class: "group" }, ll = /* @__PURE__ */ v({
   __name: "Details",
   props: {
-    label: {}
+    label: { default: () => {
+    } },
+    contentClass: {},
+    summaryClass: {}
   },
   setup(t) {
-    return (s, e) => (o(), y("details", Na, [
-      b("summary", Wa, [
-        d(l(Lt), { class: "size-6 transition-transform group-open:rotate-90" }),
-        b("span", null, x(s.label), 1)
-      ]),
-      b("div", Ka, [
-        $(s.$slots, "default")
-      ])
+    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)
     ]));
   }
-}), Yl = /* @__PURE__ */ h({
+}), vo = /* @__PURE__ */ v({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (o(), f(Qa, {
+    return (s, e) => (o(), g(ll, {
       label: s.$td("ui.advancedOptions", "Advanced options")
     }, {
-      default: m(() => [
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["label"]));
   }
-}), Ja = { class: "flex h-6 items-center" }, Gl = /* @__PURE__ */ h({
+}), ol = { class: "flex h-6 items-center" }, bo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3186,53 +3235,306 @@ const Ba = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative flex items-start", n.value)), u = c(() => {
-      var p, g;
-      return E(
+    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
       );
-    }), i = c(() => E("ml-2 text-sm leading-6", t.labelClass));
-    return (p, g) => (o(), f(Be, H({
+    }), 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] = (w) => p.$emit("update:modelValue", w))
+      "onUpdate:modelValue": m[0] || (m[0] = (h) => c.$emit("update:modelValue", h))
     }), {
-      default: m(() => [
-        b("div", Ja, [
-          d(It, H(l(r), {
+      default: f(() => [
+        b("div", ol, [
+          p(Pt, E(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
         ]),
-        p.$slots.default ? (o(), y("div", {
+        c.$slots.default ? (o(), y("div", {
           key: 0,
-          class: C(i.value)
+          class: _(i.value)
         }, [
-          d(ye, { class: "text-gray-900" }, {
-            default: m(() => [
-              $(p.$slots, "default")
+          p(we, { class: "text-gray-900" }, {
+            default: f(() => [
+              $(c.$slots, "default")
             ]),
             _: 3
           }),
-          d(we, { class: "text-red-600" })
-        ], 2)) : p.label ? (o(), y("div", {
+          p($e, { class: "text-red-600" })
+        ], 2)) : c.label ? (o(), y("div", {
           key: 1,
-          class: C(i.value)
+          class: _(i.value)
         }, [
-          d(ye, { class: "text-gray-900" }),
-          d(we, { 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"]));
   }
-}), Za = /* @__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(
+      d(() => ({ 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: {},
@@ -3241,37 +3543,37 @@ const Ba = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => E(
+    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) => (o(), f(l(Ns), H({ 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(() => [
+      default: f(() => [
         $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Xa = /* @__PURE__ */ h({
+}), hl = /* @__PURE__ */ v({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = R(
+    const s = H(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (o(), f(l(Ws), {
+    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(() => [
+      default: f(() => [
         $(e.$slots, "default", {}, () => [
-          (o(!0), y(D, null, U(l(s).options, (n, a) => (o(), f(Za, H(
+          (o(!0), y(j, null, O(l(s).options, (n, a) => (o(), g(fl, E(
             {
               key: a,
-              as: n.route || n.href ? $t : void 0,
+              as: n.route || n.href ? xt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3288,8 +3590,8 @@ const Ba = /* @__PURE__ */ h({
               }
             }
           ), {
-            default: m(() => [
-              L(x(n.label), 1)
+            default: f(() => [
+              I(C(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3298,7 +3600,7 @@ const Ba = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), eo = /* @__PURE__ */ h({
+}), wo = /* @__PURE__ */ v({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3309,23 +3611,23 @@ const Ba = /* @__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 pe("dropdown-menu", e), s(e), (r, n) => (o(), f(l(Ks), null, {
-      default: m(() => [
-        d(l(Qs), null, {
-          default: m(() => [
+    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(Js), null, {
-          default: m(() => [
+        p(l(ur), null, {
+          default: f(() => [
             $(r.$slots, "options", {}, () => [
-              d(Xa)
+              p(hl)
             ])
           ]),
           _: 3
@@ -3334,7 +3636,7 @@ const Ba = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Ya = ["aria-hidden"], Ga = ["tabindex", "aria-label", "type"], to = /* @__PURE__ */ h({
+}), gl = ["aria-hidden"], vl = ["tabindex", "aria-label", "type"], $o = /* @__PURE__ */ v({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3347,106 +3649,106 @@ const Ba = /* @__PURE__ */ h({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = te("$inputRef"), n = N(null), a = N(t.text), u = c(() => E("inline whitespace-pre", t.contentClass)), i = c(() => E("invisible whitespace-pre", t.contentClass)), p = c(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    function g() {
+    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 w() {
+    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, k) => (o(), y("div", {
-      class: C(["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 ? (o(), y("span", {
         key: 1,
-        class: C(i.value)
-      }, x(a.value), 3)) : (o(), y("div", {
+        class: _(i.value)
+      }, C(a.value), 3)) : (o(), y("div", {
         key: 0,
-        class: C(u.value)
+        class: _(u.value)
       }, [
-        $(v.$slots, "default")
+        $(w.$slots, "default")
       ], 2)),
-      v.type === "number" ? (o(), y("span", {
+      w.type === "number" ? (o(), y("span", {
         key: 2,
-        class: C(["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: k[4] || (k[4] = rt((q) => {
-          var Q;
-          return (Q = r.value) == null ? void 0 : Q.blur();
+        "aria-hidden": w.formAriaHidden,
+        onSubmit: S[4] || (S[4] = at((L) => {
+          var A;
+          return (A = r.value) == null ? void 0 : A.blur();
         }, ["prevent"]))
       }, [
-        nt(b("input", {
+        lt(b("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": k[0] || (k[0] = (q) => a.value = q),
-          tabindex: v.tabindex ?? void 0,
-          "aria-label": v.ariaLabel ?? void 0,
-          type: v.type,
-          class: C([
-            p.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
+          "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: k[1] || (k[1] = (q) => v.$emit("update", a.value)),
-          onFocus: k[2] || (k[2] = (q) => g()),
-          onBlur: k[3] || (k[3] = (q) => w())
-        }, null, 42, Ga), [
-          [Zt, a.value]
+          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, Ya)
+      ], 40, gl)
     ], 2));
   }
-}), el = {
+}), bl = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function tl(t, s) {
-  return o(), y("svg", el, 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 sl = V({ name: "ion-warning", render: tl }), rl = {
+const wl = R({ name: "ion-warning", render: yl }), $l = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function nl(t, s) {
-  return o(), y("svg", rl, 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 al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-medium" }, ol = ["datetime"], il = /* @__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) => (o(), f(ne, {
+    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, [
-          (o(!0), y(D, null, U(s.$errors.logs, (r, n) => (o(), 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", ll, x(r.report.title), 1),
+              b("h3", xl, C(r.report.title), 1),
               b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, ol),
-              d(z, {
+              }, C(r.date.toLocaleTimeString()), 9, kl),
+              p(q, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(Ht)(r.report)
+                text: r.report.description ?? l(Rt)(r.report)
               }, null, 8, ["text"])
             ]),
-            d(I, {
+            p(z, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3457,8 +3759,8 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
                 s.$errors.logs.map(({ report: u }) => u)
               )
             }, {
-              default: m(() => [
-                d(l(al), {
+              default: f(() => [
+                p(l(Cl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3471,36 +3773,36 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), so = /* @__PURE__ */ h({
+}), _o = /* @__PURE__ */ v({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (o(), f(I, {
+    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(il))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Sl))
     }, {
-      default: m(() => [
-        d(l(sl), { 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);
   }
-}), ro = /* @__PURE__ */ h({
+}), Co = /* @__PURE__ */ v({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => Ht(t.error));
-    return (e, r) => (o(), f(z, {
+    const s = d(() => Rt(t.error));
+    return (e, r) => (o(), g(q, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), no = /* @__PURE__ */ h({
+}), xo = /* @__PURE__ */ v({
   __name: "Link",
   props: {
     class: {},
@@ -3515,30 +3817,31 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(I, H({ variant: "link" }, s.$props), {
-      default: m(() => [
+    return (s, e) => (o(), g(z, E({ variant: "link" }, s.$props), {
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ao = /* @__PURE__ */ h({
+}), ko = /* @__PURE__ */ v({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => os(P.settings, "priority", "desc"));
-    return (e, r) => (o(), f(ne, {
-      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(() => [
-        (o(!0), y(D, null, U(s.value, (n, a) => (o(), f(ee(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"]));
   }
-}), ul = {
+}), Tl = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, lo = /* @__PURE__ */ h({
+}, So = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3551,64 +3854,64 @@ const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var i, p, g;
-      return E(
+    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": !((i = e.value) != null && i.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
+          "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 (i, p) => (o(), f(Be, H({
+    return (i, c) => (o(), g(Be, E({
       ref: "$inputRef",
       label: i.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => i.$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(ye, { 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: C(a.value)
+            class: _(a.value)
           }, [
-            d(Oa, H(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (o(), y("div", ul, [
-              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(zt, { class: "mt-2 text-sm text-gray-600" }),
-          d(we, { 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 oo {
+class To {
   constructor() {
-    _(this, "status");
-    _(this, "_listeners");
-    _(this, "_progress");
-    _(this, "_cancelled");
-    _(this, "_started");
-    _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new is(), this._started = new J(), this._completed = new J();
+    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 et)
+      if (s instanceof tt)
         return;
-      throw se(us(s), (e) => {
+      throw se(ms(s), (e) => {
         this._completed.reject(e);
       });
     }
@@ -3649,10 +3952,10 @@ class oo {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new et();
+      throw this._cancelled.resolve(), new tt();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? cs(
+    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;
@@ -3666,158 +3969,165 @@ class oo {
     return { ...s };
   }
 }
-async function io(t) {
+async function Mo(t) {
   await t.start();
 }
 export {
-  Yl as AdvancedOptions,
-  bn as AlertModal,
+  vo as AdvancedOptions,
+  Ln as AlertModal,
   P as App,
-  Xl as AppLayout,
-  ja as AppOverlays,
-  sr as AppService,
-  Ba as AppToasts,
-  I as Button,
-  ql as Cache,
-  xr as CacheService,
-  Gl as Checkbox,
-  Sn as ConfirmModal,
-  Qa as Details,
-  eo as DropdownMenu,
-  Za as DropdownMenuOption,
-  Xa as DropdownMenuOptions,
-  to as EditableContent,
-  so as ErrorLogs,
-  il as ErrorLogsModal,
-  ro as ErrorMessage,
-  Gn as ErrorReportModal,
-  On as ErrorReportModalButtons,
-  Nn as ErrorReportModalTitle,
-  wt as Errors,
-  Cl as EventListenerPriorities,
-  F as Events,
-  er as EventsService,
-  Vt as Form,
-  pr as FormController,
-  $t as HeadlessButton,
+  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,
-  zt as HeadlessInputDescription,
-  we as HeadlessInputError,
-  It as HeadlessInputInput,
-  ye as HeadlessInputLabel,
-  Oa as HeadlessInputTextArea,
-  cn as HeadlessModal,
-  dn as HeadlessModalContent,
-  pn as HeadlessModalDescription,
-  mn as HeadlessModalOverlay,
-  fn as HeadlessModalTitle,
-  Rr as HeadlessSelect,
+  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,
-  Ct as HeadlessSelectOption,
-  St as HeadlessSelectOptions,
-  xt as HeadlessSelectTrigger,
-  _t as HeadlessSelectValue,
-  Xr as HeadlessSwitch,
-  Ra as HeadlessToast,
-  pa as Input,
-  oo as Job,
-  et as JobCancelledError,
-  Ze as LOCAL_TIMEZONE_OFFSET,
+  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,
-  be as Layouts,
-  no as Link,
-  oa as LoadingModal,
-  yr as MINUTE_MILLISECONDS,
-  vt as MOBILE_BREAKPOINT,
-  z as Markdown,
+  ye as Layouts,
+  xo as Link,
+  $a as LoadingModal,
+  Ir as MINUTE_MILLISECONDS,
+  wt as MOBILE_BREAKPOINT,
+  q as Markdown,
   ne as Modal,
-  po as ModalComponent,
-  mo as ModalsPortal,
-  aa as ProgressBar,
-  ga as PromptModal,
-  Dr as Select,
-  kt as SelectLabel,
-  Ge as SelectOption,
-  Tt as SelectOptions,
-  Mt as SelectTrigger,
-  Se as Service,
-  Ve as ServiceBootError,
-  Jr as Setting,
-  ao as SettingsModal,
-  Ia as StartupCrash,
-  gt as Storage,
-  Yr as Switch,
-  lo as TextArea,
-  qa as Toast,
-  A as UI,
-  Mr as UIService,
-  Hl as __valueType,
-  $r as aerogelDirectives,
-  Zs as appNamespace,
-  Dl as booleanInput,
-  ke as bootServices,
-  Zl as bootstrap,
-  Da as bootstrapApplication,
-  E as classes,
-  fo as closeModal,
-  Il as computedAsync,
-  zl as computedDebounce,
-  ho as createModal,
-  Bl as dateInput,
-  Tl as defineDirective,
-  El as defineFormValidationRule,
-  kl as definePlugin,
-  Ce as defineServiceState,
-  Gs as defineServiceStore,
-  Sl as defineSettings,
-  io as dispatch,
-  jl as enumInput,
-  bt as getCurrentLayout,
-  Ht as getErrorMessage,
-  vr as getMarkdownRouter,
-  Ys as getPiniaStore,
-  zr as hasSelectOptionLabel,
-  go as injectModal,
-  lr as injectOrFail,
-  ar as injectReactive,
-  R as injectReactiveOrFail,
-  rr as installPlugins,
-  vo as modals,
-  Kl as numberInput,
-  Ql as objectInput,
-  Vl as onCleanMounted,
-  mt as onFormFocus,
-  Ll as persistent,
-  mr as reactiveSet,
-  Pl as registerErrorHandler,
-  br as renderMarkdown,
-  dt as renderVNode,
-  Al as replaceExisting,
-  Fl as requiredBooleanInput,
-  Ul as requiredDateInput,
-  Ol as requiredEnumInput,
-  Nl as requiredNumberInput,
-  Wl as requiredObjectInput,
-  ma as requiredStringInput,
-  Xs as resetPiniaStore,
-  ht as safeHtml,
-  Rl as setMarkdownRouter,
-  bo as showModal,
-  Jl as stringInput,
-  yt as translate,
-  S as translateWithDefault,
-  vn as useAlertModal,
-  yn as useConfirmModal,
-  Wn as useErrorReportModal,
-  Ml as useEvent,
-  ft as useForm,
-  Ae as useInputAttrs,
-  la as useLoadingModal,
-  Pe as useModal,
-  fa as usePromptModal,
-  dr as validate,
-  cr as validateType,
-  ge as validators,
-  pt as variantClasses
+  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,
+  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