@aerogel/core 0.1.1-next.a33efa4fd6560f7df50d8a64a9e9e2a2f62e79bb → 0.1.1-next.ad50ec0af53abadac36a5f25261330a0b5d77f4b

package/dist/aerogel-core.js

@@ -1,42 +1,42 @@
-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 X, 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 Y, 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 G, useSlots as Ie, createCommentVNode as M, createElementVNode as b, h as Nt, useTemplateRef as ee, 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 te, MagicObject as at, PromisedValue as Q, Storage as O, objectOnly as ae, arrayFrom as lt, isEmpty as Te, objectDeepClone as Yt, fail as W, facade as se, 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 J, 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 mo, ModalsPortal as fo, closeModal as ho, createModal as go, injectModal as vo, modals as bo, showModal as yo } 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 Ft = Object.defineProperty;
+var Ot = (t, s, e) => s in t ? Ft(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var C = (t, s, e) => Ot(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as I, Comment as Ut, Text as Nt, Static as Wt, inject as X, reactive as ve, unref as l, onUnmounted as we, ref as N, computed as c, readonly as $e, nextTick as Kt, useAttrs as nt, onMounted as at, watch as Ie, toRaw as Qt, customRef as Zt, watchEffect as Y, defineComponent as g, createBlock as f, openBlock as o, mergeProps as E, withCtx as m, renderSlot as w, createPropsRestProxy as O, provide as ae, createVNode as d, normalizeProps as de, guardReactiveProps as pe, createTextVNode as H, toDisplayString as x, normalizeClass as $, createElementBlock as y, Fragment as A, renderList as B, resolveDynamicComponent as ee, useSlots as xe, createCommentVNode as M, createElementVNode as b, h as Jt, useTemplateRef as te, withModifiers as lt, withDirectives as ot, vModelCheckbox as Gt, normalizeStyle as Ne, resolveComponent as Xt, createApp as Yt, mergeModels as es, useModel as ts, isRef as ss, vModelText as rs } from "vue";
+import { JSError as Ce, stringToSlug as ns, tap as se, MagicObject as it, PromisedValue as Z, Storage as W, objectOnly as le, arrayFrom as ut, isEmpty as Me, objectDeepClone as as, fail as K, facade as re, arrayRemove as He, getEnv as ls, updateLocationQueryParameters as os, forever as is, toString as D, objectWithout as us, noop as cs, debounce as ds, stringMatchAll as ct, isDevelopment as J, isTesting as Re, after as ie, uuid as ce, isObject as he, objectWithoutEmpty as dt, evaluate as ps, isInstanceOf as We, stringExcerpt as ms, arraySorted as fs, ListenersManager as hs, toError as gs, round as vs } from "@noeldemartin/utils";
+import j from "virtual:aerogel";
+import { createPinia as bs, setActivePinia as ys, defineStore as _s } from "pinia";
+import ws from "dompurify";
+import { marked as $s, Renderer as Ke } from "marked";
+import { injectModal as pt, useModal as xs, createModal as Cs, showModal as Qe, closeModal as Ze, modals as oe, ModalComponent as ks, ModalsPortal as Ss } from "@noeldemartin/vue-modals";
+import { ModalComponent as Lo, ModalsPortal as Io, closeModal as Ro, createModal as zo, injectModal as qo, modals as Po, showModal as Ao } from "@noeldemartin/vue-modals";
+import Ts from "clsx";
+import { cva as Ms } from "class-variance-authority";
+import { twMerge as Vs } from "tailwind-merge";
+import { Primitive as Es, SelectValue as Je, SelectTrigger as Hs, SelectIcon as Ls, SelectItem as Is, SelectItemText as Rs, SelectPortal as zs, SelectContent as qs, SelectViewport as Ps, SelectRoot as As, Label as mt, useForwardExpose as ze, SwitchRoot as Ds, SwitchThumb as Bs, DialogRoot as js, DialogPortal as Fs, DialogContent as Os, DialogDescription as Us, DialogOverlay as Ns, DialogTitle as Ws, ToastClose as Ks, ToastRoot as Qs, ToastProvider as Zs, ToastViewport as Js, ComboboxItem as Gs, useFilter as Xs, ComboboxPortal as Ys, ComboboxContent as er, ComboboxViewport as tr, ComboboxEmpty as sr, ComboboxGroup as rr, ComboboxAnchor as nr, ComboboxInput as ar, ComboboxRoot as lr, DropdownMenuItem as or, DropdownMenuContent as ir, DropdownMenuRoot as ur, DropdownMenuTrigger as cr, DropdownMenuPortal as dr } from "reka-ui";
+class Le extends Ce {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function Zs() {
-  return B.namespace ?? Xt(B.name);
+function pr() {
+  return j.namespace ?? ns(j.name);
 }
 let qe = null;
-function ct() {
-  return qe ?? Xs();
+function ft() {
+  return qe ?? mr();
 }
-function Xs() {
-  return te(ds(), (t) => {
-    qe = t, ps(t);
+function mr() {
+  return se(bs(), (t) => {
+    qe = t, ys(t);
   });
 }
-function Ys() {
-  return qe ?? ct();
+function fr() {
+  return qe ?? ft();
 }
-function Gs(t, s) {
-  return ct(), ms(t, s)();
+function hr(t, s) {
+  return ft(), _s(t, s)();
 }
-function Ce(t) {
+function ke(t) {
   var s;
   return s = class extends Se {
     usesStore() {
@@ -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;
+  }, C(s, "persist", t.persist ?? []), s;
 }
 var Ee;
-let Se = (Ee = class extends at {
+let Se = (Ee = class extends it {
   constructor() {
     super();
-    _(this, "_name");
-    _(this, "_booted");
-    _(this, "_computedStateKeys");
-    _(this, "_watchers");
-    _(this, "_store");
+    C(this, "_name");
+    C(this, "_booted");
+    C(this, "_computedStateKeys");
+    C(this, "_watchers");
+    C(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new Q(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Gs(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new Z(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && hr(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 Le(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 W.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 = ut(e), n = le(this._store.$state, r);
+    Me(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 `${pr()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = ae(e, this.static("persist"));
-    Te(n) || this.onPersistentStateUpdated(n);
+    const n = le(e, this.static("persist"));
+    Me(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]);
+      const i = this._watchers[a];
+      !i || e[a] === r[a] || i.call(this, e[a], r[a]);
     }
   }
   onPersistentStateUpdated(e) {
-    const r = O.get(this.storageKey);
-    r && O.set(this.storageKey, {
+    const r = W.get(this.storageKey);
+    r && W.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Yt(e))
+      ...this.serializePersistedState(as(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() || Me(this.static("persist")))) {
+      if (W.has(this.storageKey)) {
+        const e = W.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, ae(this.getState(), this.static("persist")));
+      W.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 : K(`Failed getting '${this._name}' store`);
   }
-}, _(Ee, "persist", []), Ee);
-const Sl = {
+}, C(Ee, "persist", []), Ee);
+const Ol = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class er extends Se {
+class gr extends Se {
   constructor() {
     super(...arguments);
-    _(this, "listeners", {});
+    C(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -210,77 +210,78 @@ class er extends Se {
   async emit(e, r) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const u of n.priorities)
-      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((i) => i(r))) ?? []);
+    for (const i of n.priorities)
+      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((u) => u(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   on(e, r, n) {
-    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, u = typeof r == "function" ? r : n;
-    return this.registerListener(e, a, u), () => this.off(e, u);
+    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, i = typeof r == "function" ? r : n;
+    return this.registerListener(e, a, i), () => this.off(e, i);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
-    return te(
+    const i = typeof r == "function" ? {} : r, u = typeof r == "function" ? r : n;
+    return se(
       () => a && this.off(e, a),
       (p) => {
-        a = (...g) => (p(), i(...g)), this.registerListener(e, u, i);
+        a = (...h) => (p(), u(...h)), this.registerListener(e, i, u);
       }
     );
   }
   off(e, r) {
-    var u;
+    var i;
     const n = this.listeners[e];
     if (!n)
       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));
+    for (const u of a)
+      He(n.handlers[u] ?? [], r), ((i = n.handlers[u]) == null ? void 0 : i.length) === 0 && (delete n.handlers[u], He(n.priorities, u));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var p, g, w;
+    var p, h, v;
     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 i = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? K(`priorities missing for event '${e}'`), u = ((h = this.listeners[e]) == null ? void 0 : h.handlers) ?? K(`handlers missing for event '${e}'`);
+    i.includes(a) || (i.push(a), i.sort((_, V) => V - _), u[a] = []), (v = u[a]) == null || v.push(n);
   }
 }
-const F = se(er);
-function kl(t) {
+const F = re(gr);
+function Ul(t) {
   return t;
 }
-const tr = Ce({
+const vr = ke({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Gt() ?? "development",
-    version: B.version,
-    sourceUrl: B.sourceUrl,
-    settings: []
+    environment: ls() ?? "development",
+    version: j.version,
+    sourceUrl: j.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." + j.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + j.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/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class sr extends tr {
+class br extends vr {
   constructor() {
     super(...arguments);
-    _(this, "name", B.name);
-    _(this, "ready", new Q());
-    _(this, "mounted", new Q());
+    C(this, "name", j.name);
+    C(this, "ready", new Z());
+    C(this, "mounted", new Z());
   }
   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(I(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 && os(e), location.reload(), await is();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -308,12 +312,12 @@ class sr extends tr {
     F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const P = se(sr);
-function Tl(t) {
+const q = re(br);
+function Nl(t) {
   return t;
 }
-async function rr(t, ...s) {
-  P.setState(
+async function yr(t, ...s) {
+  q.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -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 _r(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${D(r)}"`, "");
 }
-function Ml(t) {
+function Wl(t) {
   return t;
 }
-function ar(t) {
+function wr(t) {
   const s = X(t);
   return s ? ve(s) : void 0;
 }
-function R(t, s) {
-  return ar(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
+function L(t, s) {
+  return wr(t) ?? K(s ?? `Could not resolve '${D(t)}' injection key`);
 }
-function lr(t, s) {
-  return X(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
+function Pe(t, s) {
+  return X(t) ?? K(s ?? `Could not resolve '${D(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 ht(t) {
+  return typeof t == "string" ? t : t.type === Ut ? "" : t.type === Nt || t.type === Wt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${nr(t)}>${Array.from(t.children).map(dt).join("")}</${t.type}>`;
+` : `<${t.type} ${_r(t)}>${Array.from(t.children).map(ht).join("")}</${t.type}>`;
 }
-const Me = /* @__PURE__ */ new WeakMap(), or = {
+const Ve = /* @__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, te(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Ve.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 = Ve.get(t)) == null || s.unobserve(t), Ve.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 gt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = Ms(n, a);
+  return k(i(r), l(e));
 }
-function E(...t) {
-  return _s(ws(t));
+function k(...t) {
+  return Vs(Ts(t));
 }
-function El(t, s) {
+function Kl(t, s) {
   const e = F.on(t, s);
-  $e(() => e());
+  we(() => e());
 }
-const ir = {
+const xr = {
   required: (t) => t ? void 0 : "required"
 };
-function ur(t, s) {
+function Cr(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -388,43 +392,43 @@ function ur(t, s) {
       return typeof t == "object";
   }
 }
-const ge = { ...ir };
-function Hl(t, s) {
+const ge = { ...xr };
+function Ql(t, s) {
   ge[t] = s;
 }
-function cr(t, s) {
-  return ur(t, s) ? [] : ["invalid_value"];
+function kr(t, s) {
+  return Cr(t, s) ? [] : ["invalid_value"];
 }
-function dr(t, s) {
+function Sr(t, s) {
   var r;
   const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
-  return e ? lt(e) : [];
+  return e ? ut(e) : [];
 }
-const Vl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-class pr extends at {
+const Zl = Symbol(), Ge = /* @__PURE__ */ new WeakMap();
+class Tr extends it {
   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(
+    C(this, "errors");
+    C(this, "_fields");
+    C(this, "_data");
+    C(this, "_submitted");
+    C(this, "_errors");
+    C(this, "_listeners", {});
+    this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ge.set(
       this,
       c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = _e(this._errors);
+    ), this.errors = $e(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = Je.get(this)) != null && e.value);
+    return !!((e = Ge.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? W(`Trying to set undefined '${j(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? j(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? K(`Trying to set undefined '${D(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? D(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -468,7 +472,7 @@ class pr extends at {
   }
   async focus(e) {
     var r;
-    await Ft(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Kt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -481,17 +485,17 @@ class pr extends at {
     this.setFieldValue(e, r);
   }
   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));
+    var u;
+    const n = [], a = this._data[e], i = ((u = r.rules) == null ? void 0 : u.split("|")) ?? [];
+    n.push(...kr(a, r));
+    for (const p of i)
+      p !== "required" && a == null || n.push(...Sr(a, p));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
-    const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
+    const r = Object.entries(e).reduce((n, [a, i]) => (n[a] = i.default ?? null, n), {});
     return ve(r);
   }
   getInitialErrors(e) {
@@ -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 vt(t, s) {
   const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  $e(() => r == null ? void 0 : r());
+  we(() => r == null ? void 0 : r());
 }
-function ft(t) {
-  return new pr(t);
+function bt(t) {
+  return new Tr(t);
 }
 function Ae() {
-  const t = tt(), s = c(() => t.class);
-  return [c(() => ss(t, "class")), s];
+  const t = nt(), s = c(() => t.class);
+  return [c(() => us(t, "class")), s];
 }
-function Ll(t) {
-  let s = rs;
-  st(() => s = t()), $e(() => s());
+function Jl(t) {
+  let s = cs;
+  at(() => s = t()), we(() => s());
 }
-function Il(t, s) {
-  const e = ve(O.get(t) ?? s);
-  return Le(e, () => O.set(t, Ut(e))), e;
+function Gl(t, s) {
+  const e = ve(W.get(t) ?? s);
+  return Ie(e, () => W.set(t, Qt(e))), e;
 }
-function mr(t) {
+function Mr(t) {
   let s = new Set(t), e, r;
-  const n = Ot((a, u) => (r = a, e = u, {
+  const n = Zt((a, i) => (r = a, e = i, {
     get: () => s,
-    set: () => W("Attempted to write read-only reactive set")
+    set: () => K("Attempted to write read-only reactive set")
   }));
   return {
     values() {
@@ -554,71 +558,71 @@ function mr(t) {
     }
   };
 }
-function zl(t) {
+function Xl(t) {
   const s = N(), e = c(t);
-  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
+  return Ie(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Rl(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ns((u) => n.value = u, e.delay ?? 300);
+function Yl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ds((i) => n.value = i, e.delay ?? 300);
   return Y(() => a(r())), n;
 }
-let ie = null;
-function fr() {
-  return te(new Ne(), (t) => {
+let ue = null;
+function Vr() {
+  return se(new Ke(), (t) => {
     t.link = function(s) {
-      const e = Ne.prototype.link.apply(this, [s]);
+      const e = Ke.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function hr(t) {
-  const s = ot(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Er(t) {
+  const s = ct(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s)
     t = t.replace(e, `<button type="button" data-markdown-action="${r}">${n}</button>`);
   return t;
 }
-function gr(t) {
-  const s = ot(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Hr(t) {
+  const s = ct(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 Lr() {
+  return ue;
 }
-function ql(t) {
-  ie = t;
+function eo(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 Ir(t) {
+  let s = $s(t, { renderer: Vr(), async: !1 });
+  return s = yt(s), s = Er(s), s = Hr(s), s;
 }
-function ht(t) {
-  return fs.sanitize(t, { ADD_ATTR: ["target"] });
+function yt(t) {
+  return ws.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const yr = 6e4, Ze = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -yr, wr = {
+const Rr = 6e4, Xe = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -Rr, zr = {
   mounted(t, { value: s }) {
-    t.innerHTML = ht(s);
+    t.innerHTML = yt(s);
   }
-}, $r = {
-  measure: or,
-  "safe-html": wr
-}, _r = {
+}, qr = {
+  measure: $r,
+  "safe-html": zr
+}, Pr = {
   install(t, s) {
     const e = {
-      ...$r,
+      ...qr,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class xr extends Se {
+class Ar extends Se {
   constructor() {
     super(...arguments);
-    _(this, "cache");
+    C(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -631,80 +635,80 @@ class xr extends Se {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? te(new Q(), (e) => {
+    return this.cache = this.cache ?? se(new Z(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const Al = se(xr);
-class Cr extends Se {
+const to = re(Ar);
+class Dr extends Se {
   async purge() {
     await F.emit("purge-storage");
   }
 }
-const gt = se(Cr);
-function Pl(t, s) {
+const _t = re(Dr);
+function so(t, s) {
   return {
     ...t,
-    ...ae(s, Object.keys(t))
+    ...le(s, Object.keys(t))
   };
 }
-const Sr = {
-  $app: P,
+const Br = {
+  $app: q,
   $events: F,
-  $storage: gt
+  $storage: _t
 };
-async function ke(t, s) {
+async function Te(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
-        var a, u;
-        return (u = (a = t.config).errorHandler) == null ? void 0 : u.call(a, n, null, `Failed launching ${e}.`);
+        var a, i;
+        return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (J() || ze()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (J() || Re()) && Object.assign(globalThis, s);
 }
-const kr = {
+const jr = {
   async install(t, s) {
     var r;
     const e = {
-      ...Sr,
+      ...Br,
       ...s.services
     };
-    t.use(Ys()), (r = s.settings) == null || r.forEach((n) => P.addSetting(n)), await ke(t, e);
+    t.use(fr()), (r = s.settings) == null || r.forEach((n) => q.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && q.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await Te(t, e);
   }
-}, Xe = /* @__PURE__ */ new WeakSet();
-function Pe() {
-  const t = ut(), { close: s, remove: e, ...r } = gs(Xe.has(t) ? {} : { removeOnClose: !1 });
-  return Xe.add(t), {
+}, Ye = /* @__PURE__ */ new WeakSet();
+function De() {
+  const t = pt(), { close: s, remove: e, ...r } = xs(Ye.has(t) ? {} : { removeOnClose: !1 });
+  return Ye.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, be = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function bt() {
-  return globalThis.innerWidth > vt ? be.Desktop : be.Mobile;
+function $t() {
+  return globalThis.innerWidth > wt ? be.Desktop : be.Mobile;
 }
-const Tr = Ce({
+const Fr = ke({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: bt()
+    layout: $t()
   },
   computed: {
     desktop: ({ layout: t }) => t === be.Desktop,
     mobile: ({ layout: t }) => t === be.Mobile
   }
 });
-class Mr extends Tr {
+class Or extends Fr {
   constructor() {
     super(...arguments);
-    _(this, "components", {});
+    C(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) ?? K(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -725,7 +729,7 @@ class Mr extends Tr {
   // prettier-ignore
   /* eslint-enable max-len */
   async confirm(e, r, n) {
-    const u = typeof r != "string" ? {
+    const i = typeof r != "string" ? {
       ...r ?? {},
       message: e,
       required: !!(r != null && r.required)
@@ -734,31 +738,31 @@ 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: u } = await this.modal(this.requireComponent("confirm-modal"), i), p = typeof u == "object" ? u[0] : u ?? !1, h = typeof u == "object" ? u[1] : Object.entries(i.checkboxes ?? {}).reduce(
+      (v, [_, { default: V }]) => ({
+        [_]: V ?? !1,
+        ...v
       }),
       {}
     );
-    for (const [w, v] of Object.entries(u.checkboxes ?? {}))
-      if (!(!v.required || g[w]))
-        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, g];
-    return "checkboxes" in u ? [p, g] : p;
+    for (const [v, _] of Object.entries(i.checkboxes ?? {}))
+      if (!(!_.required || h[v]))
+        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${v}' checkbox was missing`), [!1, h];
+    return "checkboxes" in i ? [p, h] : p;
   }
   async prompt(e, r, n) {
-    const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
+    const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof r != "string" ? {
       message: e,
       ...r ?? {}
     } : {
       title: e,
       message: r,
       ...n ?? {}
-    }, { response: i } = await this.modal(this.requireComponent("prompt-modal"), u());
-    return (a && typeof i == "string" ? i == null ? void 0 : i.trim() : i) ?? null;
+    }, { response: u } = await this.modal(this.requireComponent("prompt-modal"), i());
+    return (a && typeof u == "string" ? u == null ? void 0 : u.trim() : u) ?? null;
   }
   async loading(e, r) {
-    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => {
+    const n = (_) => typeof _ == "function" ? Promise.resolve(_()) : _, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -766,39 +770,39 @@ class Mr extends Tr {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: v, ...k } = e;
+      const { delay: _, ...V } = e;
       return {
-        props: k,
-        delay: l(v),
+        props: V,
+        delay: l(_),
         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)
-      return i;
-    const w = vs(this.requireComponent("loading-modal"), p);
-    We(w);
+    let i = !1;
+    const { operationPromise: u, props: p, delay: h } = a();
+    if (h && await Promise.race([ie({ ms: h }).then(() => i = !0), u]), h && !i)
+      return u;
+    const v = Cs(this.requireComponent("loading-modal"), p);
+    Qe(v);
     try {
-      const v = await i;
-      return await oe({ ms: 500 }), v;
+      const _ = await u;
+      return await ie({ ms: 500 }), _;
     } finally {
-      await Ke(w.id, { removeAfter: 1e3 });
+      await Ze(v.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, u = {
-      id: ue(),
+    const { component: n, ...a } = r, i = {
+      id: ce(),
       properties: { message: e, ...a },
-      component: V(n ?? this.requireComponent("toast"))
+      component: I(n ?? this.requireComponent("toast"))
     };
-    this.setState("toasts", this.toasts.concat(u));
+    this.setState("toasts", this.toasts.concat(i));
   }
   modal(e, r) {
-    return We(e, r ?? {});
+    return Qe(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(le.value.map(({ id: e }) => Ke(e, { removeAfter: 1e3 })));
+    await Promise.all(oe.value.map(({ id: e }) => Ze(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -808,17 +812,17 @@ class Mr extends Tr {
       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 = se(Mr);
-class Er {
+const P = re(Or);
+class Ur {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -844,7 +848,7 @@ class Er {
     return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const Hr = Ce({
+const Nr = ke({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -853,11 +857,11 @@ const Hr = Ce({
     fallbackLocale: "en"
   }
 });
-class Vr extends Hr {
+class Wr extends Nr {
   constructor() {
     super();
-    _(this, "provider");
-    this.provider = new Er(
+    C(this, "provider");
+    this.provider = new Ur(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -885,7 +889,7 @@ class Vr extends Hr {
     );
   }
 }
-const Z = se(Vr), yt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z), Lr = Ce({
+const G = re(Wr), xt = G.translate.bind(G), S = G.translateWithDefault.bind(G), Kr = ke({
   name: "errors",
   initialState: {
     logs: [],
@@ -898,12 +902,13 @@ const Z = se(Vr), yt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Ir extends Lr {
+class Qr extends Kr {
   constructor() {
     super(...arguments);
-    _(this, "forceReporting", !1);
-    _(this, "enabled", !0);
-    _(this, "eruda", null);
+    C(this, "forceReporting", !1);
+    C(this, "enabled", !0);
+    C(this, "eruda", null);
+    C(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -913,18 +918,18 @@ class Ir extends Lr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      A.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      P.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
-    A.modal(A.requireComponent("error-report-modal"), { report: n, reports: a });
+    P.modal(P.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await F.emit("error", { error: e, message: r }), ze("unit") || (J() && this.logError(e), !this.enabled))
+    if (await F.emit("error", { error: e, message: r }), Re("unit") || (J() && this.logError(e), !this.enabled))
       throw e;
-    if (!P.isMounted()) {
-      const u = await this.createStartupErrorReport(e);
-      u && this.setState({ startupErrors: this.startupErrors.concat(u) });
+    if (!q.isMounted()) {
+      const i = await this.createStartupErrorReport(e);
+      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -932,7 +937,7 @@ class Ir extends Lr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    A.toast(
+    P.toast(
       r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
@@ -940,7 +945,7 @@ class Ir extends Lr {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => A.modal(A.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => P.modal(P.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
@@ -964,7 +969,10 @@ class Ir extends Lr {
         (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) {
@@ -974,11 +982,11 @@ class Ir extends Lr {
     return he(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(
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Ce ? this.createErrorReportFromError(e) : he(e) ? dt({
+      title: D(
         e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: j(
+      description: D(
         e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
@@ -988,7 +996,7 @@ class Ir extends Lr {
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Ve ? e.cause instanceof Ve ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Le ? e.cause instanceof Le ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -1000,7 +1008,7 @@ class Ir extends Lr {
     };
   }
 }
-const wt = se(Ir), $t = /* @__PURE__ */ h({
+const Ct = re(Qr), kt = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1017,8 +1025,8 @@ const wt = se(Ir), $t = /* @__PURE__ */ h({
   },
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: A.resolveComponent("router-link") ?? "a",
-      to: it({
+      as: P.resolveComponent("router-link") ?? "a",
+      to: dt({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1031,18 +1039,18 @@ const wt = se(Ir), $t = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (o(), f(l(xs), H({
+    return (e, r) => (o(), f(l(Es), E({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
       default: m(() => [
-        $(e.$slots, "default")
+        w(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), I = /* @__PURE__ */ h({
+}), R = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
@@ -1058,7 +1066,7 @@ const wt = se(Ir), $t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => pt(
+    const s = O(t, ["class", "size", "variant", "disabled"]), e = c(() => gt(
       { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
       {
         baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
@@ -1154,62 +1162,101 @@ const wt = se(Ir), $t = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (o(), f($t, H({
+    return (r, n) => (o(), f(kt, E({
       class: e.value,
       disabled: r.disabled
     }, s), {
       default: m(() => [
-        $(r.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function zr(t) {
+function Zr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const _t = /* @__PURE__ */ h({
+function St(t, s) {
+  const e = X("form", null), r = c(() => e && t.name ? e.getFieldValue(t.name) : t.modelValue), n = c(() => r.value), a = c(() => !e || !t.name ? null : e.errors[t.name] ?? null), i = c(() => t.options ? t.options.map((h) => ({
+    key: ce(),
+    label: t.renderOption ? t.renderOption(h) : Zr(h) ? ps(h.label) : D(h),
+    value: h
+  })) : null), u = {
+    labelClass: t.labelClass,
+    optionsClass: t.optionsClass,
+    align: t.align,
+    side: t.side,
+    value: r,
+    id: `select-${ce()}`,
+    name: c(() => t.name),
+    label: c(() => t.label),
+    description: c(() => t.description),
+    placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
+    options: i,
+    selectedOption: c(() => {
+      var h;
+      return (h = i.value) == null ? void 0 : h.find((v) => v.value === t.modelValue);
+    }),
+    errors: $e(a),
+    required: c(() => {
+      if (!(!t.name || !e))
+        return e.getFieldRules(t.name).includes("required");
+    }),
+    update(h) {
+      if (e && t.name) {
+        e.setFieldValue(t.name, h);
+        return;
+      }
+      s("update:modelValue", h);
+    }
+  };
+  function p(h) {
+    u.update(h);
+  }
+  return ae("select", u), { expose: u, update: p, acceptableValue: n };
+}
+const Tt = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = R(
+    const s = L(
       "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(), f(l(Je), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
       default: m(() => [
-        $(e.$slots, "default")
+        w(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (o(), f(l(Qe), {
+    }, 8, ["placeholder"])) : (o(), f(l(Je), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), xt = /* @__PURE__ */ h({
+}), Mt = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = R(
+    const s = L(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (o(), f(l(Cs), {
+    return (e, r) => (o(), f(l(Hs), {
       id: l(s).id
     }, {
       default: m(() => [
-        $(e.$slots, "default", {}, () => [
-          d(_t, {
+        w(e.$slots, "default", {}, () => [
+          d(Tt, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(Ss))
+          d(l(Ls))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), Ct = /* @__PURE__ */ h({
+}), Vt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1219,20 +1266,20 @@ const _t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = R(
+    const s = L(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : j(t.value);
+      return r ? r.label : D(t.value);
     });
-    return (r, n) => (o(), f(l(ks), ce(de(r.$props)), {
+    return (r, n) => (o(), f(l(Is), de(pe(r.$props)), {
       default: m(() => [
-        d(l(Ts), null, {
+        d(l(Rs), null, {
           default: m(() => [
-            $(r.$slots, "default", {}, () => [
-              L(x(e.value), 1)
+            w(r.$slots, "default", {}, () => [
+              H(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1241,33 +1288,33 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), St = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ g({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = R(
+    const s = L(
       "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, {
+    ), e = c(() => k("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (o(), f(l(zs), null, {
       default: m(() => [
-        d(l(Es), {
+        d(l(qs), {
           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)
+            d(l(Ps), {
+              class: $(r.innerClass)
             }, {
               default: m(() => [
-                $(r.$slots, "default", {}, () => [
-                  (o(!0), y(D, null, U(l(s).options ?? [], (a) => (o(), f(Ct, {
+                w(r.$slots, "default", {}, () => [
+                  (o(!0), y(A, null, B(l(s).options ?? [], (a) => (o(), f(Vt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1282,7 +1329,7 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Rr = /* @__PURE__ */ h({
+}), Jr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1302,56 +1349,21 @@ const _t = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), 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 = O(t, ["as", "compareOptions"]), { expose: a, acceptableValue: i, update: u } = St({ as: t.as, compareOptions: t.compareOptions, ...n }, r);
+    return s(a), (p, h) => (o(), f(l(As), {
+      "model-value": l(i),
+      by: p.compareOptions,
+      "onUpdate:modelValue": h[0] || (h[0] = (v) => l(u)(v))
     }, {
-      default: m(({ open: q }) => [
-        (o(), f(G(v.as), ce(de(v.$attrs)), {
+      default: m(({ open: v }) => [
+        (o(), f(ee(p.as), de(pe(p.$attrs)), {
           default: m(() => [
-            $(v.$slots, "default", {
-              modelValue: v.modelValue,
-              open: q
+            w(p.$slots, "default", {
+              modelValue: p.modelValue,
+              open: v
             }, () => [
-              d(xt),
-              d(St)
+              d(Mt),
+              d(Et)
             ])
           ]),
           _: 2
@@ -1360,50 +1372,50 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Ye = /* @__PURE__ */ h({
+}), et = /* @__PURE__ */ g({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = R(
+    const s = L(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Ie(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), f(l(Ls), H({
+    ), e = xe(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), f(l(mt), E({
       key: 0,
       for: l(s).id
     }, n.$props), {
       default: m(() => [
-        $(n.$slots, "default", {}, () => [
-          L(x(l(s).label), 1)
+        w(n.$slots, "default", {}, () => [
+          H(x(l(s).label), 1)
         ])
       ]),
       _: 3
     }, 16, ["for"])) : M("", !0);
   }
-}), kt = /* @__PURE__ */ h({
+}), Ht = /* @__PURE__ */ g({
   __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 = L("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => k("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (o(), f(et, {
       key: 0,
-      class: C(e.value)
+      class: $(e.value)
     }, {
       default: m(() => [
-        $(r.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (o(), f(Ye, {
+    }, 8, ["class"])) : (o(), f(et, {
       key: 1,
-      class: C(e.value)
+      class: $(e.value)
     }, null, 8, ["class"]));
   }
-}), Ge = /* @__PURE__ */ h({
+}), tt = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1411,62 +1423,62 @@ const _t = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => E("group p-1 outline-none", t.class)), e = c(() => E(
+    const s = c(() => k("group p-1 outline-none", t.class)), e = c(() => 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(), f(Vt, {
+      class: $(s.value),
       value: r.value
     }, {
       default: m(() => [
         b("div", {
-          class: C(e.value)
+          class: $(e.value)
         }, [
-          $(r.$slots, "default")
+          w(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), Tt = /* @__PURE__ */ h({
+}), Lt = /* @__PURE__ */ g({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => E(
+    const s = L("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => 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(), f(Et, {
+      class: $(e.value)
     }, {
       default: m(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
-            var u;
+          (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+            var i;
             return [
-              (o(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), f(Ge, {
-                key: i.key,
-                value: i.value
+              (o(!0), y(A, null, B(((i = l(s)) == null ? void 0 : i.options) ?? [], (u) => (o(), f(tt, {
+                key: u.key,
+                value: u.value
               }, {
                 default: m(() => [
-                  L(x(i.label), 1)
+                  H(x(u.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : $(r.$slots, "default", { key: 1 }, () => [
-            d(Ge, {
+          }) : w(r.$slots, "default", { key: 1 }, () => [
+            d(tt, {
               disabled: "",
               value: null
             }, {
               default: m(() => [
-                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
+                H(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1476,42 +1488,42 @@ const _t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"]));
   }
-}), qr = {
+}), Gr = {
   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 Xr(t, s) {
+  return o(), y("svg", Gr, 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 Yr = I({ name: "zondicons-cheveron-down", render: Xr }), It = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => E(
+    const s = L("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => 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(), f(Mt, {
+      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" })
+        d(Tt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d(l(Yr), { 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({
+}), en = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1530,42 +1542,42 @@ 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(), f(Jr, E({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: m(() => [
-        d(kt),
-        $(e.$slots, "default", {}, () => [
-          d(Mt),
-          d(Tt)
+        d(Ht),
+        w(e.$slots, "default", {}, () => [
+          d(It),
+          d(Lt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Br = { class: "grow" }, jr = /* @__PURE__ */ h({
+}), tn = { class: "grow" }, sn = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
-    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    const s = G.getBrowserLocale(), e = c(() => [null, ...G.locales]);
     function r(n) {
-      return (n && B.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
-        locale: B.locales[s] ?? s
+      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: j.locales[s] ?? s
       });
     }
-    return (n, a) => (o(), f(Dr, {
+    return (n, a) => (o(), f(en, {
       modelValue: n.$lang.locale,
-      "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.$lang.locale = i),
       class: "flex flex-col items-start md:flex-row",
       as: "div",
       options: e.value,
       "render-option": r
     }, {
       default: m(() => [
-        b("div", Br, [
-          d(kt, { class: "text-base font-semibold" }, {
+        b("div", tn, [
+          d(Ht, { class: "text-base font-semibold" }, {
             default: m(() => [
-              L(x(n.$td("settings.locale", "Language")), 1)
+              H(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
@@ -1575,27 +1587,27 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        d(I, {
+        d(R, {
           variant: "ghost",
-          as: Mt,
+          as: It,
           class: "grid w-auto outline-none"
         }),
-        d(Tt)
+        d(Lt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Fr = [
+}), rn = [
   {
     priority: 100,
-    component: jr
+    component: sn
   }
-], Ur = { $lang: Z }, Or = {
+], nn = { $lang: G }, an = {
   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 = xt), t.config.globalProperties.$td = S, rn.forEach((e) => q.addSetting(e)), await Te(t, nn);
   }
-}, Nr = /* @__PURE__ */ h({
+}, ln = /* @__PURE__ */ g({
   __name: "Markdown",
   props: {
     as: {},
@@ -1607,38 +1619,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 = nt(), e = xe(), r = c(() => e.default ? e.default().map(ht).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : xt(t.langKey, t.langParams ?? {})))), n = c(() => {
       if (!r.value)
         return null;
-      let i = br(r.value);
-      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
-    }), a = () => Nt(t.as ?? (t.inline ? "span" : "div"), {
+      let u = Ir(r.value);
+      return t.inline && (u = u.replace("<p>", "<span>").replace("</p>", "</span>")), u;
+    }), a = () => Jt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
-      onClick: u,
+      onClick: i,
       ...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);
+    async function i(u) {
+      var h, v;
+      const { target: p } = u;
+      if (We(p, HTMLElement) && p.dataset.markdownAction) {
+        (v = (h = t.actions) == null ? void 0 : h[p.dataset.markdownAction]) == null || v.call(h);
         return;
       }
-      if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
-        const v = vr();
-        v && (i.preventDefault(), v.visit(p.dataset.markdownRoute));
+      if (We(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
+        const _ = Lr();
+        _ && (u.preventDefault(), _.visit(p.dataset.markdownRoute));
         return;
       }
     }
-    return (i, p) => (o(), f(a));
+    return (u, p) => (o(), f(a));
   }
-}), Wr = (t, s) => {
+}), on = (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({
+}, z = /* @__PURE__ */ on(ln, [["__scopeId", "data-v-8b211cfb"]]), un = { class: "flex-grow" }, cn = ["id"], dn = /* @__PURE__ */ g({
   __name: "Setting",
   props: {
     title: {},
@@ -1648,15 +1660,15 @@ 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 = c(() => 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", un, [
         b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Qr),
+        }, x(e.title), 9, cn),
         e.description ? (o(), f(z, {
           key: 0,
           text: e.description,
@@ -1664,13 +1676,13 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
         }, null, 8, ["text"])) : M("", !0)
       ]),
       b("div", {
-        class: C(s.value)
+        class: $(s.value)
       }, [
-        $(e.$slots, "default")
+        w(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Zr = ["for"], Xr = /* @__PURE__ */ h({
+}), pn = ["for"], mn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1685,71 +1697,71 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `switch-${ue()}`,
+    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `switch-${ce()}`,
       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),
+      errors: $e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(i) {
+      update(u) {
         if (n && t.name) {
-          n.setFieldValue(t.name, i);
+          n.setFieldValue(t.name, u);
           return;
         }
-        r("update:modelValue", i);
+        r("update:modelValue", u);
       }
     };
-    return s(u), Y(() => {
+    return s(i), Y(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (i, p) => (o(), y("div", {
-      class: C(t.class)
+    }), (u, p) => (o(), y("div", {
+      class: $(t.class)
     }, [
-      i.label ? (o(), y("label", {
+      u.label ? (o(), y("label", {
         key: 0,
-        for: u.id,
-        class: C(i.labelClass)
-      }, x(i.label), 11, Zr)) : M("", !0),
-      d(l(Is), H({
-        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))
+        for: i.id,
+        class: $(u.labelClass)
+      }, x(u.label), 11, pn)) : M("", !0),
+      d(l(Ds), E({
+        id: i.id,
+        name: u.name,
+        "model-value": i.value.value
+      }, u.$attrs, {
+        class: u.inputClass,
+        "onUpdate:modelValue": p[0] || (p[0] = (h) => u.$emit("update:modelValue", h))
       }), {
         default: m(() => [
-          d(l(zs), {
-            class: C(i.thumbClass)
+          d(l(Bs), {
+            class: $(u.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Yr = /* @__PURE__ */ h({
+}), fn = /* @__PURE__ */ g({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (o(), f(Xr, {
+    return (s, e) => (o(), f(mn, {
       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({
+}), hn = /* @__PURE__ */ g({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (o(), f(Jr, {
+    return (s, e) => (o(), f(dn, {
       "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, {
+        d(fn, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1758,78 +1770,78 @@ const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), en = [
+}), gn = [
   {
     priority: 10,
-    component: Gr
+    component: hn
   }
-], Et = [];
-function Dl(t) {
-  Et.push(t);
+], Rt = [];
+function ro(t) {
+  Rt.push(t);
 }
-function Ht(t) {
-  for (const s of Et) {
+function zt(t) {
+  for (const s of Rt) {
     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 Ce ? t.message : he(t) ? D(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
 }
-class et extends xe {
+class st extends Ce {
 }
-const tn = { $errors: wt }, sn = (t) => (wt.report(t), !0);
-function rn(t, s = () => !1) {
-  const e = (r) => s(r) || sn(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, i) => e(i ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+const vn = { $errors: Ct }, bn = (t) => (Ct.report(t), !0);
+function yn(t, s = () => !1) {
+  const e = (r) => s(r) || bn(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, u) => e(u ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const nn = {
+const _n = {
   async install(t, s) {
-    rn(t, s.handleError), en.forEach((e) => P.addSetting(e)), await ke(t, tn);
+    yn(t, s.handleError), gn.forEach((e) => q.addSetting(e)), await Te(t, vn);
   }
-}, an = {
+}, wn = {
   async install() {
-    ze() && (globalThis.testingRuntime = {
+    Re() && (globalThis.testingRuntime = {
       on: (...t) => F.on(...t),
-      service: (t) => P.service(t)
+      service: (t) => q.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 xn(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 = I({ name: "zondicons-close", render: xn }), kn = /* @__PURE__ */ g({
   __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 = N(null), { close: r } = De();
     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, i) => (o(), f(l(js), {
       ref: l(n),
       open: "",
-      "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
+      "onUpdate:open": i[0] || (i[0] = (u) => a.persistent || u || l(r)())
     }, {
       default: m(() => [
-        d(l(qs), null, {
+        d(l(Fs), null, {
           default: m(() => [
-            $(a.$slots, "default", { close: l(r) })
+            w(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1837,14 +1849,14 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), dn = /* @__PURE__ */ h({
+}), Sn = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Pe(), e = lr("$modalContentRef"), r = ee("$contentRef");
-    return Y(() => e.value = r.value), (n, a) => (o(), f(l(As), { ref: "$contentRef" }, {
+    const { child: s } = De(), e = Pe("$modalContentRef"), r = te("$contentRef");
+    return Y(() => e.value = r.value), (n, a) => (o(), f(l(Os), { ref: "$contentRef" }, {
       default: m(() => [
-        $(n.$slots, "default"),
-        l(s) ? (o(), f(l(bs), {
+        w(n.$slots, "default"),
+        l(s) ? (o(), f(l(ks), {
           key: 0,
           is: l(s)
         }, null, 8, ["is"])) : M("", !0)
@@ -1852,21 +1864,21 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), pn = /* @__PURE__ */ h({
+}), Tn = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(l(Ps), ce(de(s.$props)), {
+    return (s, e) => (o(), f(l(Us), de(pe(s.$props)), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), mn = /* @__PURE__ */ h({
+}), Mn = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1874,36 +1886,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)), {
+    return (s, e) => (o(), f(l(Ns), de(pe(s.$props)), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), fn = /* @__PURE__ */ h({
+}), Vn = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(l(Bs), ce(de(s.$props)), {
+    return (s, e) => (o(), f(l(Ws), de(pe(s.$props)), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), hn = {
-  key: 0,
-  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, gn = ["onClick"], vn = { class: "sr-only" }, fe = mr(), re = /* @__PURE__ */ h({
+}), En = ["onClick"], Hn = { class: "sr-only" }, fe = Mr(), ne = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
     fullscreen: { type: Boolean },
-    fullscreenMobile: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1913,67 +1922,70 @@ 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 = O(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
       $content: c(() => {
         var T;
-        return (T = i.value) == null ? void 0 : T.$content;
+        return (T = u.value) == null ? void 0 : T.$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: i } = De(), u = n, p = pt(), h = c(
       () => {
         var T;
-        return u.value && ((T = le.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : T.id) === a.value;
+        return i.value && ((T = oe.value.toReversed().find((Fe) => Fe.visible.value)) == null ? void 0 : T.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]": !ne.value },
+    ), v = c(() => oe.value.find((T) => T.visible.value)), _ = c(() => oe.value.some((T) => fe.has(T))), V = c(() => t.description ? {} : { "aria-describedby": void 0 }), U = c(() => k(
+      "overflow-auto px-4 pb-4 flex flex-col flex-1",
+      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !Q.value },
       t.class
-    )), ne = c(() => t.fullscreen || t.fullscreenMobile && A.mobile), qt = c(() => E(
+    )), Q = c(() => t.fullscreen || t.fullscreenOnMobile && P.mobile), jt = c(() => k(
       "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
-      ne.value ? [
+      Q.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"
+        h.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"
+        h.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, {
+    return at(() => ie(500).then(() => fe.add(p.value))), (T, Fe) => (o(), f(kn, E(e, {
       ref: (me) => l(r)(me),
       persistent: T.persistent
     }), {
       default: m(({ close: me }) => {
-        var Fe, Ue;
+        var Oe, Ue;
         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: ne.value
+          d(Mn, {
+            class: $(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !_.value,
+              "bg-black/30": ((Oe = v.value) == null ? void 0 : Oe.id) === l(a) || !v.value && ((Ue = l(oe)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !v.value,
+              hidden: Q.value
             }])
           }, null, 8, ["class"]),
-          d(dn, H(k.value, { class: qt.value }), {
+          d(Sn, E(V.value, { class: jt.value }), {
             default: m(() => [
-              !T.persistent && !T.closeHidden ? (o(), y("div", hn, [
+              !T.persistent && !T.closeHidden ? (o(), y("div", {
+                key: 0,
+                class: $(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !Q.value }])
+              }, [
                 b("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (dl) => me()
+                  onClick: (Vl) => me()
                 }, [
-                  b("span", vn, x(T.$td("ui.close", "Close")), 1),
-                  d(l(un), { class: "size-4" })
-                ], 8, gn)
-              ])) : M("", !0),
-              T.title ? (o(), f(fn, {
+                  b("span", Hn, x(T.$td("ui.close", "Close")), 1),
+                  d(l(Cn), { class: "size-4" })
+                ], 8, En)
+              ], 2)) : M("", !0),
+              T.title ? (o(), f(Vn, {
                 key: 1,
-                class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                class: $(["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
@@ -1987,9 +1999,9 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
                 ]),
                 _: 1
               }, 8, ["class"])) : M("", !0),
-              T.description ? (o(), f(pn, {
+              T.description ? (o(), f(Tn, {
                 key: 2,
-                class: C(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: $(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
               }, {
                 default: m(() => [
                   d(z, {
@@ -2000,9 +2012,9 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
                 _: 1
               }, 8, ["class"])) : M("", !0),
               b("div", {
-                class: C(q.value)
+                class: $(U.value)
               }, [
-                $(T.$slots, "default", { close: me })
+                w(T.$slots, "default", { close: me })
               ], 2)
             ]),
             _: 2
@@ -2013,19 +2025,19 @@ const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
     }, 16, ["persistent"]));
   }
 });
-function bn(t) {
+function Ln(t) {
   const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const yn = /* @__PURE__ */ h({
+const In = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = bn(e);
-    return s(), (a, u) => (o(), f(re, {
+    const e = t, { renderedTitle: r, titleHidden: n } = Ln(e);
+    return s(), (a, i) => (o(), f(ne, {
       title: l(r),
       "title-hidden": l(n)
     }, {
@@ -2035,7 +2047,7 @@ const yn = /* @__PURE__ */ h({
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Vt = /* @__PURE__ */ h({
+}), qt = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -2047,33 +2059,33 @@ const yn = /* @__PURE__ */ h({
     return Y((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] = lt((i) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
-      $(n.$slots, "default")
+      w(n.$slots, "default")
     ], 32));
   }
 });
-function wn(t) {
-  const s = ft(
+function Rn(t) {
+  const s = bt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (u, [i, p]) => ({
-        [i]: {
+      (i, [u, p]) => ({
+        [u]: {
           type: "boolean",
           default: p.default,
           required: p.required ? "required" : void 0
         },
-        ...u
+        ...i
       }),
       {}
     )
   ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const $n = {
+const zn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, _n = { class: "flex items-center" }, xn = ["onUpdate:modelValue", "required"], Cn = { class: "ml-1.5" }, Sn = { class: "mt-4 flex flex-row-reverse gap-2" }, kn = /* @__PURE__ */ h({
+}, qn = { class: "flex items-center" }, Pn = ["onUpdate:modelValue", "required"], An = { class: "ml-1.5" }, Dn = { class: "mt-4 flex flex-row-reverse gap-2" }, Bn = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2088,54 +2100,54 @@ const $n = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = wn(e);
-    return s(), (p, g) => (o(), f(re, {
+    const e = O(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: u } = Rn(e);
+    return s(), (p, h) => (o(), f(ne, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: m(({ close: w }) => [
-        d(Vt, {
+      default: m(({ close: v }) => [
+        d(qt, {
           form: l(r),
-          onSubmit: (v) => w([!0, l(r).data()])
+          onSubmit: (_) => v([!0, l(r).data()])
         }, {
           default: m(() => [
             d(z, {
               text: p.message,
               actions: p.actions
             }, null, 8, ["text", "actions"]),
-            p.checkboxes ? (o(), y("ul", $n, [
-              (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,
+            p.checkboxes ? (o(), y("ul", zn, [
+              (o(!0), y(A, null, B(p.checkboxes, (_, V) => (o(), y("li", { key: V }, [
+                b("label", qn, [
+                  ot(b("input", {
+                    "onUpdate:modelValue": (U) => l(r)[V] = U,
                     type: "checkbox",
-                    required: v.required,
+                    required: _.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, xn), [
-                    [Wt, l(r)[k]]
+                  }, null, 8, Pn), [
+                    [Gt, l(r)[V]]
                   ]),
-                  b("span", Cn, x(v.label), 1)
+                  b("span", An, x(_.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
-            b("div", Sn, [
-              d(I, {
+            b("div", Dn, [
+              d(R, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: m(() => [
-                  L(x(l(u)), 1)
+                  H(x(l(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? M("", !0) : (o(), f(I, {
+              p.required ? M("", !0) : (o(), f(R, {
                 key: 0,
                 variant: p.cancelVariant,
-                onClick: (v) => w(!1)
+                onClick: (_) => v(!1)
               }, {
                 default: m(() => [
-                  L(x(l(i)), 1)
+                  H(x(l(u)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2147,127 +2159,127 @@ const $n = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Tn = {
+}), jn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Mn(t, s) {
-  return o(), y("svg", Tn, s[0] || (s[0] = [
+function Fn(t, s) {
+  return o(), y("svg", jn, 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 En = V({ name: "zondicons-cheveron-left", render: Mn }), Hn = {
+const On = I({ name: "zondicons-cheveron-left", render: Fn }), Un = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Vn(t, s) {
-  return o(), y("svg", Hn, s[0] || (s[0] = [
+function Nn(t, s) {
+  return o(), y("svg", Un, 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: Vn }), Ln = {
+const Pt = I({ name: "zondicons-cheveron-right", render: Nn }), Wn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function In(t, s) {
-  return o(), y("svg", Ln, s[0] || (s[0] = [
+function Kn(t, s) {
+  return o(), y("svg", Wn, 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: In }), zn = {
+const Be = I({ name: "zondicons-exclamation-solid", render: Kn }), Qn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Rn(t, s) {
-  return o(), y("svg", zn, s[0] || (s[0] = [
+function Zn(t, s) {
+  return o(), y("svg", Qn, 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 qn = V({ name: "mdi-console", render: Rn }), An = {
+const Jn = I({ name: "mdi-console", render: Zn }), Gn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Pn(t, s) {
-  return o(), y("svg", An, s[0] || (s[0] = [
+function Xn(t, s) {
+  return o(), y("svg", Gn, 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 Dn = V({ name: "zondicons-copy", render: Pn }), Bn = {
+const Yn = I({ name: "zondicons-copy", render: Xn }), ea = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function jn(t, s) {
-  return o(), y("svg", Bn, s[0] || (s[0] = [
+function ta(t, s) {
+  return o(), y("svg", ea, 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 Fn = V({ name: "mdi-github", render: jn }), Un = { class: "flex" }, On = { class: "sr-only" }, Nn = /* @__PURE__ */ h({
+const sa = I({ name: "mdi-github", render: ta }), ra = { class: "flex" }, na = { class: "sr-only" }, aa = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
     const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
-      if (!P.sourceUrl)
+      if (!q.sourceUrl)
         return !1;
-      const a = encodeURIComponent(e.value), u = encodeURIComponent(
+      const a = encodeURIComponent(e.value), i = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
           "Error details:",
           "```",
-          ls(
+          ms(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - P.sourceUrl.length
+            1800 - a.length - q.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${P.sourceUrl}/issues/new?title=${a}&body=${u}`;
-    }), n = c(() => te(
+      return `${q.sourceUrl}/issues/new?title=${a}&body=${i}`;
+    }), n = c(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: Dn,
+          iconComponent: Yn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), P.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: qn,
+          iconComponent: Jn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), A.toast(
+            window.error = a, console.error(a), P.toast(
               S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
@@ -2280,24 +2292,24 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Fn,
+          iconComponent: sa,
           url: r.value
         });
       }
     ));
-    return (a, u) => (o(), y("div", Un, [
-      (o(!0), y(D, null, U(n.value, (i) => $(a.$slots, "default", H({ ref_for: !0 }, i), () => [
-        d(I, {
+    return (a, i) => (o(), y("div", ra, [
+      (o(!0), y(A, null, B(n.value, (u) => w(a.$slots, "default", E({ ref_for: !0 }, u), () => [
+        d(R, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: i.url,
-          title: a.$td(`errors.report_${i.id}`, i.description),
-          onClick: i.click
+          href: u.url,
+          title: a.$td(`errors.report_${u.id}`, u.description),
+          onClick: u.click
         }, {
           default: m(() => [
-            b("span", On, x(a.$td(`errors.report_${i.id}`, i.description)), 1),
-            (o(), f(G(i.iconComponent), {
+            b("span", na, x(a.$td(`errors.report_${u.id}`, u.description)), 1),
+            (o(), f(ee(u.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2307,7 +2319,7 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Wn = /* @__PURE__ */ h({
+}), la = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2322,11 +2334,11 @@ ${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information
     }, null, 8, ["text"]));
   }
 });
-function Kn(t) {
+function oa(t) {
   const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
     () => {
-      var u;
-      return ((u = e.value.details) == null ? void 0 : u.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var i;
+      return ((i = e.value.details) == null ? void 0 : i.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
   ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
@@ -2337,18 +2349,18 @@ function Kn(t) {
     activeReport: e
   };
 }
-const Qn = { class: "px-4 pt-5 pb-4" }, Jn = { class: "flex justify-between gap-4" }, Zn = { class: "flex items-center gap-2" }, Xn = {
+const ia = { class: "px-4 pt-5 pb-4" }, ua = { class: "flex justify-between gap-4" }, ca = { class: "flex items-center gap-2" }, da = {
   key: 0,
   class: "flex gap-0.5"
-}, Yn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Gn = ["textContent"], ea = /* @__PURE__ */ h({
+}, pa = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, ma = ["textContent"], fa = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: i } = Kn(e);
-    return s(), (p, g) => (o(), f(re, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: u } = oa(e);
+    return s(), (p, h) => (o(), f(ne, {
       title: p.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
@@ -2356,73 +2368,73 @@ const Qn = { class: "px-4 pt-5 pb-4" }, Jn = { class: "flex justify-between gap-
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
       default: m(() => [
-        b("div", Qn, [
-          b("h2", Jn, [
-            b("div", Zn, [
-              d(l(De), { class: "size-5 text-red-600" }),
-              d(Wn, {
+        b("div", ia, [
+          b("h2", ua, [
+            b("div", ca, [
+              d(l(Be), { class: "size-5 text-red-600" }),
+              d(la, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: l(i),
+                report: l(u),
                 "current-report": l(r) + 1,
                 "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              p.reports.length > 1 ? (o(), y("span", Xn, [
-                d(I, {
+              p.reports.length > 1 ? (o(), y("span", da, [
+                d(R, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
-                  "aria-label": l(u),
-                  title: l(u),
-                  onClick: g[0] || (g[0] = (w) => r.value--)
+                  "aria-label": l(i),
+                  title: l(i),
+                  onClick: h[0] || (h[0] = (v) => r.value--)
                 }, {
                   default: m(() => [
-                    d(l(En), { class: "size-4" })
+                    d(l(On), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                d(I, {
+                d(R, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === p.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: g[1] || (g[1] = (w) => r.value++)
+                  onClick: h[1] || (h[1] = (v) => r.value++)
                 }, {
                   default: m(() => [
-                    d(l(Lt), { class: "size-4" })
+                    d(l(Pt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : M("", !0)
             ]),
-            d(Nn, {
-              report: l(i),
+            d(aa, {
+              report: l(u),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(i).description ? (o(), f(z, {
+          l(u).description ? (o(), f(z, {
             key: 0,
-            text: l(i).description,
+            text: l(u).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : M("", !0)
         ]),
-        b("div", Yn, [
+        b("div", pa, [
           b("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: x(l(n))
-          }, null, 8, Gn)
+          }, null, 8, ma)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), ta = {
+}), ha = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function sa(t, s) {
-  return o(), y("svg", ta, s[0] || (s[0] = [
+function ga(t, s) {
+  return o(), y("svg", ha, 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 +2454,50 @@ function sa(t, s) {
     ], -1)
   ]));
 }
-const ra = V({ name: "svg-spinners-90-ring-with-bg", render: sa }), na = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, aa = { class: "sr-only" }, la = /* @__PURE__ */ h({
+const va = I({ name: "svg-spinners-90-ring-with-bg", render: ga }), ba = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, ya = { class: "sr-only" }, _a = /* @__PURE__ */ g({
   __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 = N(0), r = c(() => k("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => k(
+      "absolute inset-y-0 right-0 size-full rounded-r-full",
+      "bg-primary-900 transition-[width] duration-500 ease-linear",
+      t.overflowClass
+    )), a = c(() => typeof t.progress == "number" ? t.progress : e.value), i = c(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
+    return Ie(
       () => 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: (u) => e.value = u });
       },
       { immediate: !0 }
-    ), $e(() => s && s()), (a, u) => (o(), y("div", na, [
+    ), we(() => s && s()), (u, p) => (o(), y("div", ba, [
       b("div", {
-        class: C(r.value),
-        style: Kt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        class: $(r.value),
+        style: Ne(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      b("span", aa, x(a.$td("ui.progress", "{progress}% complete", {
-        progress: n.value * 100
+      i.value ? (o(), y("div", {
+        key: 0,
+        class: $(n.value),
+        style: Ne({ width: `${i.value}%` })
+      }, null, 6)) : M("", !0),
+      b("span", ya, x(u.$td("ui.progress", "{progress}% complete", {
+        progress: a.value * 100
       })), 1)
     ]));
   }
 });
-function oa(t) {
+function wa(t) {
   const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
     () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
   ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const ia = /* @__PURE__ */ h({
+const $a = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2484,21 +2506,21 @@ const ia = /* @__PURE__ */ h({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = oa(e);
-    return s(), (i, p) => (o(), f(re, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = wa(e);
+    return s(), (u, p) => (o(), f(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(i), "flex-row items-center justify-center gap-2": !l(i) })
     }, {
       default: m(() => [
-        l(u) ? (o(), f(la, {
+        l(i) ? (o(), f(_a, {
           key: 0,
-          progress: i.progress,
-          job: i.job,
+          progress: u.progress,
+          job: u.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (o(), f(l(ra), {
+        }, null, 8, ["progress", "job"])) : (o(), f(l(va), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
@@ -2507,7 +2529,7 @@ const ia = /* @__PURE__ */ h({
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), Be = /* @__PURE__ */ h({
+}), je = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2518,133 +2540,133 @@ const ia = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `input-${ue()}`,
+    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `input-${ce()}`,
       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),
+      errors: $e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(i) {
+      update(u) {
         if (n && t.name) {
-          n.setFieldValue(t.name, i);
+          n.setFieldValue(t.name, u);
           return;
         }
-        r("update:modelValue", i);
+        r("update:modelValue", u);
       }
     };
-    return pe("input", u), s(u), (i, p) => (o(), f(G(i.as), null, {
+    return ae("input", i), s(i), (u, p) => (o(), f(ee(u.as), null, {
       default: m(() => [
-        $(i.$slots, "default")
+        w(u.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), ua = ["for"], ye = /* @__PURE__ */ h({
+}), xa = ["for"], ye = /* @__PURE__ */ g({
   __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 = L("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = xe(), r = c(() => !!(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)
+      w(n.$slots, "default", {}, () => [
+        H(x(l(s).label), 1)
       ])
-    ], 8, ua)) : M("", !0);
+    ], 8, xa)) : M("", !0);
   }
-}), ca = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], It = /* @__PURE__ */ h({
+}), Ca = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], At = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    const s = ee("$inputRef"), e = R("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
+    const s = te("$inputRef"), e = L("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), i = c(() => {
       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(() => {
-      if (u.value === "checkbox")
+      const v = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(v) ? v : "text";
+    }), u = c(() => {
+      if (i.value === "checkbox")
         return !!a.value;
     });
     function p() {
-      s.value && e.update(g());
+      s.value && e.update(h());
     }
-    function g() {
+    function h() {
       if (!s.value)
         return null;
-      switch (u.value) {
+      switch (i.value) {
         case "checkbox":
           return s.value.checked;
         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 + Xe);
         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();
+    return vt(e, () => {
+      var v;
+      return (v = s.value) == null ? void 0 : v.focus();
     }), Y(() => {
       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));
+        if (["date", "time", "datetime-local"].includes(i.value) && a.value instanceof Date) {
+          const v = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = v - Xe, e.update(new Date(v));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), (w, v) => (o(), y("input", {
+    }), (v, _) => (o(), y("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: i.value,
-      type: u.value,
+      checked: u.value,
+      type: i.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: p
-    }, null, 40, ca));
+    }, null, 40, Ca));
   }
-}), zt = /* @__PURE__ */ h({
+}), Dt = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = R(
+    const s = L(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
     ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
-    return (n, a) => $(n.$slots, "default", {
+    return (n, a) => w(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (o(), f(z, H({ key: 0 }, n.$attrs, {
+      r.value ? (o(), f(z, E({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), da = ["id"], we = /* @__PURE__ */ h({
+}), ka = ["id"], _e = /* @__PURE__ */ g({
   __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 = L("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
     return (r, n) => e.value ? (o(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, da)) : M("", !0);
+    }, x(e.value), 9, ka)) : M("", !0);
   }
-}), pa = {
+}), Sa = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ma = /* @__PURE__ */ h({
+}, Ta = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2653,65 +2675,71 @@ const ia = /* @__PURE__ */ h({
     description: {},
     modelValue: {},
     inputClass: {},
-    wrapperClass: {}
+    wrapperClass: {},
+    descriptionClass: {},
+    errorClass: {}
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = 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 = O(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => k("mt-2 text-sm text-gray-600", t.descriptionClass)), u = c(() => k("mt-2 text-sm text-red-600", t.errorClass)), p = c(() => {
+      var h, v, _;
+      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": !((h = e.value) != null && h.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((v = e.value) != null && v.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (_ = e.value) == null ? void 0 : _.errors
         },
         t.inputClass
       );
     });
-    return (i, p) => (o(), f(Be, H({
+    return (h, v) => (o(), f(je, E({
       ref: "$inputRef",
-      label: i.label,
+      label: h.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => i.$emit("update:modelValue", g))
+      "onUpdate:modelValue": v[0] || (v[0] = (_) => h.$emit("update:modelValue", _))
     }), {
       default: m(() => {
-        var g;
+        var _;
         return [
           d(ye, { 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", pa, [
-              d(l(De), { class: "size-5 text-red-500" })
+            d(At, E(l(r), { class: p.value }), null, 16, ["class"]),
+            (_ = e.value) != null && _.errors ? (o(), y("div", Sa, [
+              d(l(Be), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          d(zt, { class: "mt-2 text-sm text-gray-600" }),
-          d(we, { class: "mt-2 text-sm text-red-600" })
+          d(Dt, {
+            class: $(i.value)
+          }, null, 8, ["class"]),
+          d(_e, {
+            class: $(u.value)
+          }, null, 8, ["class"])
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function Bl(t, s = {}) {
+function no(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function jl(t, s = {}) {
+function ao(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Fl(t, s, e = {}) {
+function lo(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2719,21 +2747,21 @@ function Fl(t, s, e = {}) {
     values: t
   };
 }
-function Ul(t) {
+function oo(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Ol(t) {
+function io(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Nl(t, s) {
+function uo(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2741,55 +2769,55 @@ function Nl(t, s) {
     values: t
   };
 }
-function Wl(t) {
+function co(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Kl(t) {
+function po(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function fa(t) {
+function Ma(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Ql(t, s = {}) {
+function mo(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Jl(t, s = {}) {
+function fo(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Zl(t, s = {}) {
+function ho(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function ha(t) {
-  const s = ft({
-    draft: fa(t.defaultValue ?? "")
+function Va(t) {
+  const s = bt({
+    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"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const ga = { class: "mt-4 flex flex-row-reverse gap-2" }, va = /* @__PURE__ */ h({
+const Ea = { class: "mt-4 flex flex-row-reverse gap-2" }, Ha = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2804,43 +2832,43 @@ const ga = { class: "mt-4 flex flex-row-reverse gap-2" }, va = /* @__PURE__ */ h
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = ha(e);
-    return s(), (p, g) => (o(), f(re, {
+    const e = O(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: u } = Va(e);
+    return s(), (p, h) => (o(), f(ne, {
       title: l(n),
       persistent: ""
     }, {
-      default: m(({ close: w }) => [
-        d(Vt, {
+      default: m(({ close: v }) => [
+        d(qt, {
           form: l(r),
-          onSubmit: (v) => w(l(r).draft)
+          onSubmit: (_) => v(l(r).draft)
         }, {
           default: m(() => [
             l(a) ? (o(), f(z, {
               key: 0,
               text: l(a)
             }, null, 8, ["text"])) : M("", !0),
-            d(ma, {
+            d(Ta, {
               name: "draft",
               class: "mt-2",
               placeholder: p.placeholder,
               label: p.label
             }, null, 8, ["placeholder", "label"]),
-            b("div", ga, [
-              d(I, {
+            b("div", Ea, [
+              d(R, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: m(() => [
-                  L(x(l(u)), 1)
+                  H(x(l(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d(I, {
+              d(R, {
                 variant: p.cancelVariant,
-                onClick: (v) => w()
+                onClick: (_) => v()
               }, {
                 default: m(() => [
-                  L(x(l(i)), 1)
+                  H(x(l(u)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2852,63 +2880,63 @@ const ga = { class: "mt-4 flex flex-row-reverse gap-2" }, va = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), ba = {
+}), La = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ya(t, s) {
-  return o(), y("svg", ba, s[0] || (s[0] = [
+function Ia(t, s) {
+  return o(), y("svg", La, 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 wa = V({ name: "material-symbols-bug-report", render: ya }), $a = {
+const Ra = I({ name: "material-symbols-bug-report", render: Ia }), za = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function _a(t, s) {
-  return o(), y("svg", $a, s[0] || (s[0] = [
+function qa(t, s) {
+  return o(), y("svg", za, 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 xa = V({ name: "material-symbols-delete-forever-rounded", render: _a }), Ca = {
+const Pa = I({ name: "material-symbols-delete-forever-rounded", render: qa }), Aa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Sa(t, s) {
-  return o(), y("svg", Ca, s[0] || (s[0] = [
+function Da(t, s) {
+  return o(), y("svg", Aa, 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 ka = V({ name: "material-symbols-frame-inspect", render: Sa }), Ta = {
+const Ba = I({ name: "material-symbols-frame-inspect", render: Da }), ja = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ma(t, s) {
-  return o(), y("svg", Ta, s[0] || (s[0] = [
+function Fa(t, s) {
+  return o(), y("svg", ja, 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 Ea = V({ name: "material-symbols-refresh-rounded", render: Ma }), Ha = { class: "grid grow place-items-center" }, Va = { class: "flex flex-col items-center p-8" }, La = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Ia = { 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" }, za = /* @__PURE__ */ h({
+const Oa = I({ name: "material-symbols-refresh-rounded", render: Fa }), Ua = { class: "grid grow place-items-center" }, Na = { class: "flex flex-col items-center p-8" }, Wa = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Ka = { 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" }, Qa = /* @__PURE__ */ g({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await A.confirm(
+      await P.confirm(
         S("startupCrash.purgeConfirmTitle", "Delete everything?"),
         S(
           "startupCrash.purgeConfirmMessage",
@@ -2920,14 +2948,14 @@ Do you still want to proceed?`
           acceptVariant: "danger",
           acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await gt.purge(), await P.reload());
+      ) && (await _t.purge(), await q.reload());
     }
     return (e, r) => {
-      const n = Qt("i-majesticons-exclamation");
-      return o(), y("div", Ha, [
-        b("div", Va, [
+      const n = Xt("i-majesticons-exclamation");
+      return o(), y("div", Ua, [
+        b("div", Na, [
           d(n, { class: "size-20 text-red-600" }),
-          b("h1", La, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          b("h1", Wa, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
           d(z, {
             text: e.$td(
               "startupCrash.message",
@@ -2935,44 +2963,44 @@ Do you still want to proceed?`
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          b("div", Ia, [
-            d(I, {
+          b("div", Ka, [
+            d(R, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
               default: m(() => [
-                d(l(Ea)),
-                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+                d(l(Oa)),
+                H(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            d(R, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
               default: m(() => [
-                d(l(wa)),
-                L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+                d(l(Ra)),
+                H(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            d(R, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
               default: m(() => [
-                d(l(xa)),
-                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+                d(l(Pa)),
+                H(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            d(I, {
+            d(R, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
               default: m(() => [
-                d(l(ka)),
-                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+                d(l(Ba)),
+                H(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2981,23 +3009,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), Rt = /* @__PURE__ */ h({
+}), Bt = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(G(s.action.dismiss ? l(js) : "button"), {
+    return (s, e) => (o(), f(ee(s.action.dismiss ? l(Ks) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
       default: m(() => [
-        L(x(s.action.label), 1)
+        H(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), Ra = { key: 0 }, qa = /* @__PURE__ */ h({
+}), Za = { key: 0 }, Ja = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -3005,11 +3033,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(l(Fs), null, {
+    return (s, e) => (o(), f(l(Qs), null, {
       default: m(() => [
-        $(s.$slots, "default", {}, () => [
-          s.message ? (o(), y("span", Ra, x(s.message), 1)) : M("", !0),
-          (o(!0), y(D, null, U(s.actions, (r, n) => (o(), f(Rt, {
+        w(s.$slots, "default", {}, () => [
+          s.message ? (o(), y("span", Za, x(s.message), 1)) : M("", !0),
+          (o(!0), y(A, null, B(s.actions, (r, n) => (o(), f(Bt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3018,7 +3046,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), Aa = /* @__PURE__ */ h({
+}), Ga = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -3027,7 +3055,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => pt(
+    const e = c(() => gt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -3043,8 +3071,8 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (o(), f(qa, {
-      class: C(e.value)
+    return s(), (r, n) => (o(), f(Ja, {
+      class: $(e.value)
     }, {
       default: m(() => [
         r.message ? (o(), f(z, {
@@ -3052,89 +3080,89 @@ Do you still want to proceed?`
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : M("", !0),
-        (o(!0), y(D, null, U(r.actions, (a, u) => (o(), f(I, {
-          key: u,
+        (o(!0), y(A, null, B(r.actions, (a, i) => (o(), f(R, {
+          key: i,
           action: a,
           variant: r.variant,
-          as: Rt
+          as: Bt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Pa = { $ui: A }, Da = {
+}), Xa = { $ui: P }, Ya = {
   async install(t, s) {
     const e = {
-      "alert-modal": yn,
-      "confirm-modal": kn,
-      "error-report-modal": ea,
-      "loading-modal": ia,
-      "prompt-modal": va,
-      "startup-crash": za,
-      toast: Aa,
+      "alert-modal": In,
+      "confirm-modal": Bn,
+      "error-report-modal": fa,
+      "loading-modal": $a,
+      "prompt-modal": Ha,
+      "startup-crash": Qa,
+      toast: Ga,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      A.registerComponent(r, n);
-    await ke(t, Pa);
+      P.registerComponent(r, n);
+    await Te(t, Xa);
   }
 };
-async function Ba(t, s = {}) {
+async function el(t, s = {}) {
   var r;
-  const e = [an, _r, nn, Or, kr, Da, ...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, Pr, _n, an, jr, Ya, ...s.plugins ?? []];
+  q.instance = t, await yr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Xl(t, s = {}) {
+async function go(t, s = {}) {
   var r;
-  const e = Jt(t);
-  J() && (window.$aerogel = e), await Ba(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
+  const e = Yt(t);
+  J() && (window.$aerogel = e), await el(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
 }
-const ja = /* @__PURE__ */ h({
+const tl = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (o(), f(l(Us), null, {
+    return (s, e) => (o(), f(l(Zs), null, {
       default: m(() => [
-        (o(!0), y(D, null, U(s.$ui.toasts, (r) => (o(), f(G(r.component), H({
+        (o(!0), y(A, null, B(s.$ui.toasts, (r) => (o(), f(ee(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" })
+        d(l(Js), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Fa = /* @__PURE__ */ h({
+}), sl = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (o(), y(D, null, [
-      d(l(ys), { nested: "" }),
-      d(ja)
+    return (s, e) => (o(), y(A, null, [
+      d(l(Ss), { nested: "" }),
+      d(tl)
     ], 64));
   }
-}), Ua = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Yl = /* @__PURE__ */ h({
+}), rl = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, vo = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (o(), y("div", Ua, [
-      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (o(), f(G(s.$ui.requireComponent("startup-crash"))))
-      ]) : $(s.$slots, "default", { key: 1 }),
-      d(Fa)
+    return (s, e) => (o(), y("div", rl, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (o(), f(ee(s.$ui.requireComponent("startup-crash"))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      d(sl)
     ]));
   }
-}), Oa = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Na = /* @__PURE__ */ h({
+}), nl = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], al = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = ee("$textAreaRef"), e = R(
+    const s = te("$textAreaRef"), e = L(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
     ), r = c(() => e.name ?? void 0), n = c(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return mt(e, () => {
-      var u;
-      return (u = s.value) == null ? void 0 : u.focus();
-    }), (u, i) => (o(), y("textarea", {
+    return vt(e, () => {
+      var i;
+      return (i = s.value) == null ? void 0 : i.focus();
+    }), (i, u) => (o(), y("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3143,37 +3171,51 @@ const ja = /* @__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, Oa));
+    }, null, 40, nl));
   }
-}), Wa = { class: "group" }, Ka = { 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" }, Qa = { class: "pt-2 pl-4" }, Ja = /* @__PURE__ */ h({
+}), ll = { class: "group" }, ol = /* @__PURE__ */ g({
   __name: "Details",
   props: {
-    label: {}
+    label: { default: () => {
+    } },
+    contentClass: {},
+    summaryClass: {}
   },
   setup(t) {
-    return (s, e) => (o(), y("details", Wa, [
-      b("summary", Ka, [
-        d(l(Lt), { class: "size-6 transition-transform group-open:rotate-90" }),
-        b("span", null, x(s.label), 1)
-      ]),
-      b("div", Qa, [
-        $(s.$slots, "default")
-      ])
+    const s = c(() => k("pt-2 pl-4", t.contentClass)), e = c(() => 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", ll, [
+      b("summary", {
+        class: $(e.value)
+      }, [
+        d(l(Pt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        w(r.$slots, "label", {}, () => [
+          b("span", null, x(r.label ?? r.$td("ui.details", "Details")), 1)
+        ])
+      ], 2),
+      b("div", {
+        class: $(s.value)
+      }, [
+        w(r.$slots, "default")
+      ], 2)
     ]));
   }
-}), Gl = /* @__PURE__ */ h({
+}), bo = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (o(), f(Ja, {
+    return (s, e) => (o(), f(ol, {
       label: s.$td("ui.advancedOptions", "Advanced options")
     }, {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["label"]));
   }
-}), Za = { class: "flex h-6 items-center" }, eo = /* @__PURE__ */ h({
+}), il = { class: "flex h-6 items-center" }, yo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3186,53 +3228,239 @@ const ja = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => E("relative flex items-start", n.value)), u = c(() => {
-      var p, g;
-      return E(
+    const s = O(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => k("relative flex items-start", n.value)), i = c(() => {
+      var p, h;
+      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-red-400 border-2 focus:ring-red-600": (h = e.value) == null ? void 0 : h.errors
         },
         t.inputClass
       );
-    }), i = c(() => E("ml-2 text-sm leading-6", t.labelClass));
-    return (p, g) => (o(), f(Be, H({
+    }), u = c(() => k("ml-2 text-sm leading-6", t.labelClass));
+    return (p, h) => (o(), f(je, E({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": g[0] || (g[0] = (w) => p.$emit("update:modelValue", w))
+      "onUpdate:modelValue": h[0] || (h[0] = (v) => p.$emit("update:modelValue", v))
     }), {
       default: m(() => [
-        b("div", Za, [
-          d(It, H(l(r), {
+        b("div", il, [
+          d(At, E(l(r), {
             type: "checkbox",
-            class: u.value
+            class: i.value
           }), null, 16, ["class"])
         ]),
         p.$slots.default ? (o(), y("div", {
           key: 0,
-          class: C(i.value)
+          class: $(u.value)
         }, [
           d(ye, { class: "text-gray-900" }, {
             default: m(() => [
-              $(p.$slots, "default")
+              w(p.$slots, "default")
             ]),
             _: 3
           }),
-          d(we, { class: "text-red-600" })
+          d(_e, { class: "text-red-600" })
         ], 2)) : p.label ? (o(), y("div", {
           key: 1,
-          class: C(i.value)
+          class: $(u.value)
         }, [
           d(ye, { class: "text-gray-900" }),
-          d(we, { class: "text-red-600" })
+          d(_e, { class: "text-red-600" })
         ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Xa = /* @__PURE__ */ h({
+}), ul = /* @__PURE__ */ g({
+  __name: "ProvideRef",
+  props: /* @__PURE__ */ es({
+    name: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = ts(t, "modelValue");
+    return ae(t.name, s), (e, r) => w(e.$slots, "default");
+  }
+}), cl = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50" }, rt = /* @__PURE__ */ g({
+  __name: "ComboboxOption",
+  props: {
+    textValue: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = L("select", "<ComboboxOption> must be a child of a <Combobox>"), e = c(() => {
+      var n;
+      const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
+      return r ? r.label : D(t.value);
+    });
+    return (r, n) => (o(), f(l(Gs), E(r.$props, { class: "group p-1 outline-none" }), {
+      default: m(() => [
+        b("div", cl, [
+          w(r.$slots, "default", {}, () => [
+            H(x(e.value), 1)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), dl = { class: "relative flex max-w-[calc(100vw-2rem)] items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate" }, pl = /* @__PURE__ */ g({
+  __name: "ComboboxOptions",
+  setup(t) {
+    const { contains: s } = Xs({ sensitivity: "base" }), e = L("select", "<ComboboxOptions> must be a child of a <Combobox>"), r = Pe("combobox-input"), n = c(() => {
+      var i;
+      return ((i = e.options) == null ? void 0 : i.filter((u) => s(u.label, r.value))) ?? [];
+    }), a = 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 (i, u) => (o(), f(l(Ys), null, {
+      default: m(() => [
+        d(l(er), {
+          position: "popper",
+          align: l(e).align,
+          side: l(e).side,
+          "side-offset": 4,
+          class: $(l(a))
+        }, {
+          default: m(() => [
+            d(l(tr), null, {
+              default: m(() => [
+                d(l(sr), { class: "group p-1 outline-none" }, {
+                  default: m(() => [
+                    b("div", dl, x(i.$td("ui.comboboxEmpty", "No options found")), 1)
+                  ]),
+                  _: 1
+                }),
+                d(l(rr), null, {
+                  default: m(() => [
+                    l(r) ? (o(), f(rt, {
+                      key: 0,
+                      value: l(r)
+                    }, {
+                      default: m(() => [
+                        H(x(l(r)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["value"])) : M("", !0),
+                    (o(!0), y(A, null, B(n.value, (p) => (o(), f(rt, {
+                      key: p.key,
+                      value: p.value
+                    }, null, 8, ["value"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["align", "side", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), ml = /* @__PURE__ */ g({
+  __name: "ComboboxTrigger",
+  setup(t) {
+    const s = L("select", "<ComboboxTrigger> must be a child of a <Combobox>"), e = Pe("combobox-input"), r = c(() => 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": s.label,
+        "focus:ring-primary-600": !s.errors,
+        "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !s.errors,
+        "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": s.errors
+      }
+    ));
+    return (n, a) => (o(), f(l(nr), null, {
+      default: m(() => [
+        d(l(ar), {
+          id: l(s).id,
+          modelValue: l(e),
+          "onUpdate:modelValue": a[0] || (a[0] = (i) => ss(e) ? e.value = i : null),
+          placeholder: l(s).placeholder,
+          class: $(r.value)
+        }, null, 8, ["id", "modelValue", "placeholder", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), fl = /* @__PURE__ */ g({
+  __name: "ComboboxLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = L("select", "<ComboboxLabel> must be a child of a <Combobox>"), e = xe(), r = c(() => !!(s.label || e.default)), n = c(() => k("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
+    return (a, i) => r.value ? (o(), f(l(mt), E({
+      key: 0,
+      for: l(s).id,
+      class: n.value
+    }, a.$props), {
+      default: m(() => [
+        w(a.$slots, "default", {}, () => [
+          H(x(l(s).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for", "class"])) : M("", !0);
+  }
+}), _o = /* @__PURE__ */ g({
+  __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: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = O(t, ["as", "compareOptions"]), { expose: a, acceptableValue: i, update: u } = St({ as: t.as, compareOptions: t.compareOptions, ...n }, r), p = N(i.value ?? "");
+    return s(a), (h, v) => (o(), f(l(lr), {
+      "open-on-focus": "",
+      "ignore-filter": "",
+      "model-value": l(i),
+      by: h.compareOptions,
+      "onUpdate:modelValue": v[1] || (v[1] = (_) => l(u)(_))
+    }, {
+      default: m(() => [
+        d(ul, {
+          modelValue: p.value,
+          "onUpdate:modelValue": v[0] || (v[0] = (_) => p.value = _),
+          name: "combobox-input"
+        }, {
+          default: m(() => [
+            d(fl),
+            d(ml),
+            d(pl)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["model-value", "by"]));
+  }
+}), hl = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3241,37 +3469,37 @@ const ja = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => E(
+    const s = O(t, ["class"]), e = c(() => 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(), f(l(or), E({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: m(() => [
-        $(r.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ya = /* @__PURE__ */ h({
+}), gl = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = R(
+    const s = L(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (o(), f(l(Ws), {
+    return (e, r) => (o(), f(l(ir), {
       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(() => [
-        $(e.$slots, "default", {}, () => [
-          (o(!0), y(D, null, U(l(s).options, (n, a) => (o(), f(Xa, H(
+        w(e.$slots, "default", {}, () => [
+          (o(!0), y(A, null, B(l(s).options, (n, a) => (o(), f(hl, E(
             {
               key: a,
-              as: n.route || n.href ? $t : void 0,
+              as: n.route || n.href ? kt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3282,14 +3510,14 @@ const ja = /* @__PURE__ */ h({
               routeQuery: n.routeQuery
             } : {},
             {
-              onSelect: (u) => {
-                var i;
-                return (i = n.click) == null ? void 0 : i.call(n);
+              onSelect: (i) => {
+                var u;
+                return (u = n.click) == null ? void 0 : u.call(n);
               }
             }
           ), {
             default: m(() => [
-              L(x(n.label), 1)
+              H(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3298,7 +3526,7 @@ const ja = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), to = /* @__PURE__ */ h({
+}), wo = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3314,18 +3542,18 @@ const ja = /* @__PURE__ */ h({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return pe("dropdown-menu", e), s(e), (r, n) => (o(), f(l(Ks), null, {
+    return ae("dropdown-menu", e), s(e), (r, n) => (o(), f(l(ur), null, {
       default: m(() => [
-        d(l(Qs), null, {
+        d(l(cr), null, {
           default: m(() => [
-            $(r.$slots, "default")
+            w(r.$slots, "default")
           ]),
           _: 3
         }),
-        d(l(Js), null, {
+        d(l(dr), null, {
           default: m(() => [
-            $(r.$slots, "options", {}, () => [
-              d(Ya)
+            w(r.$slots, "options", {}, () => [
+              d(gl)
             ])
           ]),
           _: 3
@@ -3334,7 +3562,7 @@ const ja = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Ga = ["aria-hidden"], el = ["tabindex", "aria-label", "type"], so = /* @__PURE__ */ h({
+}), vl = ["aria-hidden"], bl = ["tabindex", "aria-label", "type"], $o = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3347,106 +3575,106 @@ const ja = /* @__PURE__ */ h({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = ee("$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 = te("$inputRef"), n = N(null), a = N(t.text), i = c(() => k("inline whitespace-pre", t.contentClass)), u = c(() => k("invisible whitespace-pre", t.contentClass)), p = c(() => k("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function h() {
       n.value = t.text;
     }
-    function w() {
+    function v() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return Y(() => a.value = t.text), (v, k) => (o(), y("div", {
-      class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+    return Y(() => a.value = t.text), (_, V) => (o(), y("div", {
+      class: $(["relative", { "pointer-events-none!": _.disabled && !n.value }])
     }, [
       n.value ? (o(), y("span", {
         key: 1,
-        class: C(i.value)
+        class: $(u.value)
       }, x(a.value), 3)) : (o(), y("div", {
         key: 0,
-        class: C(u.value)
+        class: $(i.value)
       }, [
-        $(v.$slots, "default")
+        w(_.$slots, "default")
       ], 2)),
-      v.type === "number" ? (o(), y("span", {
+      _.type === "number" ? (o(), y("span", {
         key: 2,
-        class: C(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+        class: $(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
       }, null, 2)) : M("", !0),
       b("form", {
         class: "w-full",
-        "aria-hidden": v.formAriaHidden,
-        onSubmit: k[4] || (k[4] = rt((q) => {
-          var ne;
-          return (ne = r.value) == null ? void 0 : ne.blur();
+        "aria-hidden": _.formAriaHidden,
+        onSubmit: V[4] || (V[4] = lt((U) => {
+          var Q;
+          return (Q = r.value) == null ? void 0 : Q.blur();
         }, ["prevent"]))
       }, [
-        nt(b("input", {
+        ot(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([
+          "onUpdate:modelValue": V[0] || (V[0] = (U) => a.value = U),
+          tabindex: _.tabindex ?? void 0,
+          "aria-label": _.ariaLabel ?? void 0,
+          type: _.type,
+          class: $([
             p.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && _.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, el), [
-          [Zt, a.value]
+          onKeyup: V[1] || (V[1] = (U) => _.$emit("update", a.value)),
+          onFocus: V[2] || (V[2] = (U) => h()),
+          onBlur: V[3] || (V[3] = (U) => v())
+        }, null, 42, bl), [
+          [rs, a.value]
         ])
-      ], 40, Ga)
+      ], 40, vl)
     ], 2));
   }
-}), tl = {
+}), yl = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function sl(t, s) {
-  return o(), y("svg", tl, s[0] || (s[0] = [
+function _l(t, s) {
+  return o(), y("svg", yl, 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 rl = V({ name: "ion-warning", render: sl }), nl = {
+const wl = I({ name: "ion-warning", render: _l }), $l = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function al(t, s) {
-  return o(), y("svg", nl, s[0] || (s[0] = [
+function xl(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 ll = V({ name: "zondicons-view-show", render: al }), ol = { class: "font-medium" }, il = ["datetime"], ul = /* @__PURE__ */ h({
+const Cl = I({ name: "zondicons-view-show", render: xl }), kl = { class: "font-medium" }, Sl = ["datetime"], Tl = /* @__PURE__ */ g({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (o(), f(re, {
+    return (s, e) => (o(), f(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
       default: m(() => [
         b("ol", null, [
-          (o(!0), y(D, null, U(s.$errors.logs, (r, n) => (o(), y("li", {
+          (o(!0), y(A, null, B(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", ol, x(r.report.title), 1),
+              b("h3", kl, x(r.report.title), 1),
               b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, il),
+              }, x(r.date.toLocaleTimeString()), 9, Sl),
               d(z, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(Ht)(r.report)
+                text: r.report.description ?? l(zt)(r.report)
               }, null, 8, ["text"])
             ]),
-            d(I, {
+            d(R, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3454,11 +3682,11 @@ const ll = V({ name: "zondicons-view-show", render: al }), ol = { class: "font-m
               class: "self-center",
               onClick: (a) => s.$errors.inspect(
                 r.report,
-                s.$errors.logs.map(({ report: u }) => u)
+                s.$errors.logs.map(({ report: i }) => i)
               )
             }, {
               default: m(() => [
-                d(l(ll), {
+                d(l(Cl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3471,36 +3699,36 @@ const ll = V({ name: "zondicons-view-show", render: al }), ol = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), ro = /* @__PURE__ */ h({
+}), xo = /* @__PURE__ */ g({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (o(), f(I, {
+    return (s, e) => s.$errors.logs.length > 0 ? (o(), f(R, {
       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(ul))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Tl))
     }, {
       default: m(() => [
-        d(l(rl), { class: "size-6 text-red-500" })
+        d(l(wl), { class: "size-6 text-red-500" })
       ]),
       _: 1
     }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), no = /* @__PURE__ */ h({
+}), Co = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => Ht(t.error));
+    const s = c(() => zt(t.error));
     return (e, r) => (o(), f(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), ao = /* @__PURE__ */ h({
+}), ko = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3515,30 +3743,31 @@ const ll = V({ name: "zondicons-view-show", render: al }), ol = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), f(I, H({ variant: "link" }, s.$props), {
+    return (s, e) => (o(), f(R, E({ variant: "link" }, s.$props), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), lo = /* @__PURE__ */ h({
+}), So = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => os(P.settings, "priority", "desc"));
-    return (e, r) => (o(), f(re, {
-      title: e.$td("settings.title", "Settings")
+    const s = c(() => fs(q.settings, "priority", "desc"));
+    return (e, r) => (o(), f(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(G(n.component), { key: a }))), 128))
+        (o(!0), y(A, null, B(s.value, (n, a) => (o(), f(ee(n.component), { key: a }))), 128))
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "fullscreen-on-mobile"]));
   }
-}), cl = {
+}), Ml = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, oo = /* @__PURE__ */ h({
+}, To = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3551,70 +3780,70 @@ const ll = V({ name: "zondicons-view-show", render: al }), ol = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$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 = O(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
+      var u, p, h;
+      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),
+          "focus:ring-primary-600": !((u = e.value) != null && u.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
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (h = e.value) == null ? void 0 : h.errors
         },
         t.inputClass
       );
     });
-    return (i, p) => (o(), f(Be, H({
+    return (u, p) => (o(), f(je, E({
       ref: "$inputRef",
-      label: i.label,
+      label: u.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => i.$emit("update:modelValue", g))
+      "onUpdate:modelValue": p[0] || (p[0] = (h) => u.$emit("update:modelValue", h))
     }), {
       default: m(() => {
-        var g;
+        var h;
         return [
           d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: C(a.value)
+            class: $(a.value)
           }, [
-            d(Na, H(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (o(), y("div", cl, [
-              d(l(De), { class: "size-5 text-red-500" })
+            d(al, E(l(r), { class: i.value }), null, 16, ["class"]),
+            (h = e.value) != null && h.errors ? (o(), y("div", Ml, [
+              d(l(Be), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          d(zt, { class: "mt-2 text-sm text-gray-600" }),
-          d(we, { class: "mt-2 text-sm text-red-600" })
+          d(Dt, { class: "mt-2 text-sm text-gray-600" }),
+          d(_e, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class io {
+class Mo {
   constructor() {
-    _(this, "status");
-    _(this, "_listeners");
-    _(this, "_progress");
-    _(this, "_cancelled");
-    _(this, "_started");
-    _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new is(), this._started = new Q(), this._completed = new Q();
+    C(this, "status");
+    C(this, "_listeners");
+    C(this, "_progress");
+    C(this, "_cancelled");
+    C(this, "_started");
+    C(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new hs(), this._started = new Z(), this._completed = new Z();
   }
   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 st)
         return;
-      throw te(us(s), (e) => {
+      throw se(gs(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new Q(), await this._cancelled;
+    this._cancelled = new Z(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3649,10 +3878,10 @@ class io {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new et();
+      throw this._cancelled.resolve(), new st();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? cs(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? vs(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3666,158 +3895,165 @@ class io {
     return { ...s };
   }
 }
-async function uo(t) {
+async function Vo(t) {
   await t.start();
 }
 export {
-  Gl as AdvancedOptions,
-  yn as AlertModal,
-  P as App,
-  Yl as AppLayout,
-  Fa as AppOverlays,
-  sr as AppService,
-  ja as AppToasts,
-  I as Button,
-  Al as Cache,
-  xr as CacheService,
-  eo as Checkbox,
-  kn as ConfirmModal,
-  Ja as Details,
-  to as DropdownMenu,
-  Xa as DropdownMenuOption,
-  Ya as DropdownMenuOptions,
-  so as EditableContent,
-  ro as ErrorLogs,
-  ul as ErrorLogsModal,
-  no as ErrorMessage,
-  ea as ErrorReportModal,
-  Nn as ErrorReportModalButtons,
-  Wn as ErrorReportModalTitle,
-  wt as Errors,
-  Sl as EventListenerPriorities,
+  bo as AdvancedOptions,
+  In as AlertModal,
+  q as App,
+  vo as AppLayout,
+  sl as AppOverlays,
+  br as AppService,
+  tl as AppToasts,
+  R as Button,
+  to as Cache,
+  Ar as CacheService,
+  yo as Checkbox,
+  _o as Combobox,
+  fl as ComboboxLabel,
+  rt as ComboboxOption,
+  pl as ComboboxOptions,
+  ml as ComboboxTrigger,
+  Bn as ConfirmModal,
+  ol as Details,
+  wo as DropdownMenu,
+  hl as DropdownMenuOption,
+  gl as DropdownMenuOptions,
+  $o as EditableContent,
+  xo as ErrorLogs,
+  Tl as ErrorLogsModal,
+  Co as ErrorMessage,
+  fa as ErrorReportModal,
+  aa as ErrorReportModalButtons,
+  la as ErrorReportModalTitle,
+  Ct as Errors,
+  Ol as EventListenerPriorities,
   F as Events,
-  er as EventsService,
-  Vt as Form,
-  pr as FormController,
-  $t as HeadlessButton,
-  Be as HeadlessInput,
-  zt as HeadlessInputDescription,
-  we as HeadlessInputError,
-  It as HeadlessInputInput,
+  gr as EventsService,
+  qt as Form,
+  Tr as FormController,
+  kt as HeadlessButton,
+  je as HeadlessInput,
+  Dt as HeadlessInputDescription,
+  _e as HeadlessInputError,
+  At as HeadlessInputInput,
   ye as HeadlessInputLabel,
-  Na as HeadlessInputTextArea,
-  cn as HeadlessModal,
-  dn as HeadlessModalContent,
-  pn as HeadlessModalDescription,
-  mn as HeadlessModalOverlay,
-  fn as HeadlessModalTitle,
-  Rr as HeadlessSelect,
-  Ye as HeadlessSelectLabel,
-  Ct as HeadlessSelectOption,
-  St as HeadlessSelectOptions,
-  xt as HeadlessSelectTrigger,
-  _t as HeadlessSelectValue,
-  Xr as HeadlessSwitch,
-  qa as HeadlessToast,
-  ma as Input,
-  io as Job,
-  et as JobCancelledError,
-  Ze as LOCAL_TIMEZONE_OFFSET,
-  Z as Lang,
+  al as HeadlessInputTextArea,
+  kn as HeadlessModal,
+  Sn as HeadlessModalContent,
+  Tn as HeadlessModalDescription,
+  Mn as HeadlessModalOverlay,
+  Vn as HeadlessModalTitle,
+  Jr as HeadlessSelect,
+  et as HeadlessSelectLabel,
+  Vt as HeadlessSelectOption,
+  Et as HeadlessSelectOptions,
+  Mt as HeadlessSelectTrigger,
+  Tt as HeadlessSelectValue,
+  mn as HeadlessSwitch,
+  Ja as HeadlessToast,
+  Ta as Input,
+  Mo as Job,
+  st as JobCancelledError,
+  Xe as LOCAL_TIMEZONE_OFFSET,
+  G as Lang,
   be as Layouts,
-  ao as Link,
-  ia as LoadingModal,
-  yr as MINUTE_MILLISECONDS,
-  vt as MOBILE_BREAKPOINT,
+  ko as Link,
+  $a as LoadingModal,
+  Rr as MINUTE_MILLISECONDS,
+  wt as MOBILE_BREAKPOINT,
   z as Markdown,
-  re as Modal,
-  mo as ModalComponent,
-  fo as ModalsPortal,
-  la as ProgressBar,
-  va as PromptModal,
-  Dr as Select,
-  kt as SelectLabel,
-  Ge as SelectOption,
-  Tt as SelectOptions,
-  Mt as SelectTrigger,
+  ne as Modal,
+  Lo as ModalComponent,
+  Io as ModalsPortal,
+  _a as ProgressBar,
+  Ha as PromptModal,
+  ul as ProvideRef,
+  en as Select,
+  Ht as SelectLabel,
+  tt as SelectOption,
+  Lt as SelectOptions,
+  It as SelectTrigger,
   Se as Service,
-  Ve as ServiceBootError,
-  Jr as Setting,
-  lo as SettingsModal,
-  za as StartupCrash,
-  gt as Storage,
-  Yr as Switch,
-  oo as TextArea,
-  Aa as Toast,
-  A as UI,
-  Mr as UIService,
-  Vl as __valueType,
-  $r as aerogelDirectives,
-  Zs as appNamespace,
-  Bl as booleanInput,
-  ke as bootServices,
-  Xl as bootstrap,
-  Ba as bootstrapApplication,
-  E as classes,
-  ho as closeModal,
-  zl as computedAsync,
-  Rl as computedDebounce,
-  go as createModal,
-  jl as dateInput,
-  Ml as defineDirective,
-  Hl as defineFormValidationRule,
-  Tl as definePlugin,
-  Ce as defineServiceState,
-  Gs as defineServiceStore,
-  kl as defineSettings,
-  uo as dispatch,
-  Fl as enumInput,
-  bt as getCurrentLayout,
-  Ht as getErrorMessage,
-  vr as getMarkdownRouter,
-  Ys as getPiniaStore,
-  zr as hasSelectOptionLabel,
-  vo as injectModal,
-  lr as injectOrFail,
-  ar as injectReactive,
-  R as injectReactiveOrFail,
-  rr as installPlugins,
-  bo as modals,
-  Ql as numberInput,
-  Jl as objectInput,
-  Ll as onCleanMounted,
-  mt as onFormFocus,
-  Il as persistent,
-  mr as reactiveSet,
-  Dl as registerErrorHandler,
-  br as renderMarkdown,
-  dt as renderVNode,
-  Pl as replaceExisting,
-  Ul as requiredBooleanInput,
-  Ol as requiredDateInput,
-  Nl as requiredEnumInput,
-  Wl as requiredNumberInput,
-  Kl as requiredObjectInput,
-  fa as requiredStringInput,
-  Xs as resetPiniaStore,
-  ht as safeHtml,
-  ql as setMarkdownRouter,
-  yo as showModal,
-  Zl as stringInput,
-  yt as translate,
+  Le as ServiceBootError,
+  dn as Setting,
+  So as SettingsModal,
+  Qa as StartupCrash,
+  _t as Storage,
+  fn as Switch,
+  To as TextArea,
+  Ga as Toast,
+  P as UI,
+  Or as UIService,
+  Zl as __valueType,
+  qr as aerogelDirectives,
+  pr as appNamespace,
+  no as booleanInput,
+  Te as bootServices,
+  go as bootstrap,
+  el as bootstrapApplication,
+  k as classes,
+  Ro as closeModal,
+  Xl as computedAsync,
+  Yl as computedDebounce,
+  zo as createModal,
+  ao as dateInput,
+  Wl as defineDirective,
+  Ql as defineFormValidationRule,
+  Nl as definePlugin,
+  ke as defineServiceState,
+  hr as defineServiceStore,
+  Ul as defineSettings,
+  Vo as dispatch,
+  lo as enumInput,
+  $t as getCurrentLayout,
+  zt as getErrorMessage,
+  Lr as getMarkdownRouter,
+  fr as getPiniaStore,
+  Zr as hasSelectOptionLabel,
+  qo as injectModal,
+  Pe as injectOrFail,
+  wr as injectReactive,
+  L as injectReactiveOrFail,
+  yr as installPlugins,
+  Po as modals,
+  mo as numberInput,
+  fo as objectInput,
+  Jl as onCleanMounted,
+  vt as onFormFocus,
+  Gl as persistent,
+  Mr as reactiveSet,
+  ro as registerErrorHandler,
+  Ir as renderMarkdown,
+  ht as renderVNode,
+  so as replaceExisting,
+  oo as requiredBooleanInput,
+  io as requiredDateInput,
+  uo as requiredEnumInput,
+  co as requiredNumberInput,
+  po as requiredObjectInput,
+  Ma as requiredStringInput,
+  mr as resetPiniaStore,
+  yt as safeHtml,
+  eo as setMarkdownRouter,
+  Ao as showModal,
+  ho as stringInput,
+  xt as translate,
   S as translateWithDefault,
-  bn as useAlertModal,
-  wn as useConfirmModal,
-  Kn as useErrorReportModal,
-  El as useEvent,
-  ft as useForm,
+  Ln as useAlertModal,
+  Rn as useConfirmModal,
+  oa as useErrorReportModal,
+  Kl as useEvent,
+  bt as useForm,
   Ae as useInputAttrs,
-  oa as useLoadingModal,
-  Pe as useModal,
-  ha as usePromptModal,
-  dr as validate,
-  cr as validateType,
+  wa as useLoadingModal,
+  De as useModal,
+  Va as usePromptModal,
+  St as useSelect,
+  Sr as validate,
+  kr as validateType,
   ge as validators,
-  pt as variantClasses
+  gt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map