@aerogel/core 0.1.1-next.97f5cf5c97f16ab8a0ef63b82aaab049a0f9e15b → 0.1.1-next.a0176c6dfcf389f63a56ef9d70349b4fe1e6e316

package/dist/aerogel-core.js

@@ -1,44 +1,44 @@
-var It = Object.defineProperty;
-var qt = (t, s, e) => s in t ? It(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => qt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as At, Text as Pt, Static as Dt, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as jt, useAttrs as et, onMounted as tt, watch as Le, toRaw as Bt, customRef as Ft, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as C, normalizeClass as x, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as M, createElementVNode as b, h as Ut, useTemplateRef as ee, withModifiers as st, withDirectives as rt, vModelCheckbox as Ot, normalizeStyle as Nt, resolveComponent as Wt, createApp as Kt, vModelText as Qt } from "vue";
-import { JSError as _e, stringToSlug as Jt, tap as te, MagicObject as nt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as at, isEmpty as Se, objectDeepClone as Zt, fail as W, facade as se, arrayRemove as Ve, getEnv as Xt, updateLocationQueryParameters as Gt, forever as Yt, toString as B, objectWithout as es, noop as ts, debounce as ss, stringMatchAll as lt, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as it, value as rs, isInstanceOf as Oe, stringExcerpt as ns, arraySorted as as, ListenersManager as ls, toError as is, round as os } from "@noeldemartin/utils";
-import j from "virtual:aerogel";
-import { createPinia as us, setActivePinia as cs, defineStore as ds } from "pinia";
-import ps from "dompurify";
-import { marked as ms, Renderer as Ne } from "marked";
-import { injectModal as ot, useModal as fs, createModal as hs, showModal as We, closeModal as Ke, modals as ae, ModalComponent as gs, ModalsPortal as vs } from "@noeldemartin/vue-modals";
-import { ModalComponent as oi, ModalsPortal as ui, closeModal as ci, createModal as di, injectModal as pi, modals as mi, showModal as fi } from "@noeldemartin/vue-modals";
-import bs from "clsx";
-import { cva as ys } from "class-variance-authority";
-import { twMerge as $s } from "tailwind-merge";
-import { Primitive as ws, SelectValue as Qe, SelectTrigger as _s, SelectIcon as Cs, SelectItem as xs, SelectItemText as ks, SelectPortal as Ss, SelectContent as Ts, SelectViewport as Ms, SelectRoot as Hs, Label as Vs, useForwardExpose as Ie, SwitchRoot as Es, SwitchThumb as Ls, DialogRoot as Rs, DialogPortal as zs, DialogContent as Is, DialogDescription as qs, DialogOverlay as As, DialogTitle as Ps, ToastClose as Ds, ToastRoot as js, ToastProvider as Bs, ToastViewport as Fs, DropdownMenuItem as Us, DropdownMenuContent as Os, DropdownMenuRoot as Ns, DropdownMenuTrigger as Ws, DropdownMenuPortal as Ks } from "reka-ui";
-class Ee extends _e {
+var jt = Object.defineProperty;
+var Ot = (t, s, e) => s in t ? jt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var k = (t, s, e) => Ot(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as R, Comment as Ft, Text as Ut, Static as Nt, inject as Y, reactive as be, unref as l, onUnmounted as _e, ref as B, computed as d, readonly as Ce, nextTick as Wt, useAttrs as nt, onMounted as at, watch as ae, toRaw as Kt, customRef as Qt, watchEffect as ee, defineComponent as v, createBlock as g, openBlock as o, mergeProps as H, withCtx as f, renderSlot as $, createPropsRestProxy as W, provide as le, createVNode as p, normalizeProps as pe, guardReactiveProps as me, createTextVNode as I, toDisplayString as C, normalizeClass as _, createElementBlock as w, Fragment as j, renderList as F, resolveDynamicComponent as te, useSlots as xe, createCommentVNode as V, createElementVNode as y, h as Zt, useTemplateRef as Z, withModifiers as lt, withDirectives as ot, vModelCheckbox as Jt, normalizeStyle as Ne, resolveComponent as Gt, createApp as Xt, withKeys as Yt, vModelText as es } from "vue";
+import { JSError as ke, stringToSlug as ts, tap as se, MagicObject as it, PromisedValue as J, Storage as K, objectOnly as oe, arrayFrom as ut, isEmpty as Ee, objectDeepClone as ss, fail as Q, facade as re, arrayRemove as Ie, getEnv as rs, updateLocationQueryParameters as ns, forever as as, toString as O, objectWithout as ls, noop as os, debounce as is, stringMatchAll as ct, isDevelopment as G, isTesting as ze, after as ue, uuid as de, isObject as ge, objectWithoutEmpty as dt, evaluate as us, isInstanceOf as We, stringExcerpt as cs, arraySorted as ds, ListenersManager as ps, toError as ms, round as fs } from "@noeldemartin/utils";
+import U from "virtual:aerogel";
+import { createPinia as hs, setActivePinia as gs, defineStore as vs } from "pinia";
+import bs from "dompurify";
+import { marked as ys, Renderer as Ke } from "marked";
+import { injectModal as pt, useModal as ws, createModal as $s, showModal as Qe, closeModal as Ze, modals as ie, ModalComponent as _s, ModalsPortal as Cs } from "@noeldemartin/vue-modals";
+import { ModalComponent as Ho, ModalsPortal as Lo, closeModal as Io, createModal as Ro, injectModal as zo, modals as qo, showModal as Po } from "@noeldemartin/vue-modals";
+import xs from "clsx";
+import { cva as ks } from "class-variance-authority";
+import { twMerge as Ss } from "tailwind-merge";
+import { Primitive as Ts, SelectValue as Je, SelectTrigger as Ms, SelectIcon as Vs, SelectItem as Es, SelectItemText as Hs, SelectPortal as Ls, SelectContent as Is, SelectViewport as Rs, SelectRoot as zs, Label as mt, useForwardExpose as qe, SwitchRoot as qs, SwitchThumb as Ps, DialogRoot as As, DialogPortal as Ds, DialogContent as Bs, DialogDescription as js, DialogOverlay as Os, DialogTitle as Fs, ToastClose as Us, ToastRoot as Ns, ToastProvider as Ws, ToastViewport as Ks, injectComboboxRootContext as Qs, ComboboxItem as Zs, useFilter as Js, ComboboxPortal as Gs, ComboboxContent as Xs, ComboboxViewport as Ys, ComboboxEmpty as er, ComboboxGroup as tr, ComboboxAnchor as sr, ComboboxInput as rr, ComboboxRoot as nr, DropdownMenuItem as ar, DropdownMenuContent as lr, DropdownMenuRoot as or, DropdownMenuTrigger as ir, DropdownMenuPortal as ur } from "reka-ui";
+class Re extends ke {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function Qs() {
-  return j.namespace ?? Jt(j.name);
+function cr() {
+  return U.namespace ?? ts(U.name);
 }
-let qe = null;
-function ut() {
-  return qe ?? Js();
+let Pe = null;
+function ft() {
+  return Pe ?? dr();
 }
-function Js() {
-  return te(us(), (t) => {
-    qe = t, cs(t);
+function dr() {
+  return se(hs(), (t) => {
+    Pe = t, gs(t);
   });
 }
-function Zs() {
-  return qe ?? ut();
+function pr() {
+  return Pe ?? ft();
 }
-function Xs(t, s) {
-  return ut(), ds(t, s)();
+function mr(t, s) {
+  return ft(), vs(t, s)();
 }
-function Ce(t) {
+function Se(t) {
   var s;
-  return s = class extends xe {
+  return s = class extends Te {
     usesStore() {
       return !0;
     }
@@ -72,19 +72,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, _(s, "persist", t.persist ?? []), s;
+  }, k(s, "persist", t.persist ?? []), s;
 }
-var He;
-let xe = (He = class extends nt {
+var Le;
+let Te = (Le = class extends it {
   constructor() {
     super();
-    _(this, "_name");
-    _(this, "_booted");
-    _(this, "_computedStateKeys");
-    _(this, "_watchers");
-    _(this, "_store");
+    k(this, "_name");
+    k(this, "_booted");
+    k(this, "_computedStateKeys");
+    k(this, "_watchers");
+    k(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() && Xs(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new J(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && mr(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -97,7 +97,7 @@ let xe = (He = class extends nt {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Ee(this._name, r));
+    const e = (r) => this._booted.reject(new Re(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -106,7 +106,7 @@ let xe = (He = class extends nt {
     return this._booted;
   }
   hasPersistedState() {
-    return O.has(this.storageKey);
+    return K.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -118,14 +118,14 @@ let xe = (He = class extends nt {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = ne(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = oe(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = at(e), n = ne(this._store.$state, r);
-    Se(n) || this.onPersistentStateUpdated(n);
+    const r = ut(e), n = oe(this._store.$state, r);
+    Ee(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -134,21 +134,21 @@ let xe = (He = class extends nt {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${Qs()}:${this._name}`;
+    return `${cr()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = ne(e, this.static("persist"));
-    Se(n) || this.onPersistentStateUpdated(n);
+    const n = oe(e, this.static("persist"));
+    Ee(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
       const u = this._watchers[a];
       !u || e[a] === r[a] || u.call(this, e[a], r[a]);
     }
   }
   onPersistentStateUpdated(e) {
-    const r = O.get(this.storageKey);
-    r && O.set(this.storageKey, {
+    const r = K.get(this.storageKey);
+    r && K.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Zt(e))
+      ...this.serializePersistedState(ss(e))
     });
   }
   usesStore() {
@@ -178,28 +178,28 @@ let xe = (He = class extends nt {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || Se(this.static("persist")))) {
-      if (O.has(this.storageKey)) {
-        const e = O.require(this.storageKey);
+    if (!(!this.usesStore() || Ee(this.static("persist")))) {
+      if (K.has(this.storageKey)) {
+        const e = K.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, ne(this.getState(), this.static("persist")));
+      K.set(this.storageKey, oe(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
   }
-}, _(He, "persist", []), He);
-const wl = {
+}, k(Le, "persist", []), Le);
+const Ol = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Gs extends xe {
+class fr extends Te {
   constructor() {
     super(...arguments);
-    _(this, "listeners", {});
+    k(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -211,7 +211,7 @@ class Gs extends xe {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
     for (const u of n.priorities)
-      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((o) => o(r))) ?? []);
+      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((i) => i(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
@@ -223,11 +223,11 @@ class Gs extends xe {
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return te(
+    const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
+    return se(
       () => a && this.off(e, a),
-      (p) => {
-        a = (...g) => (p(), o(...g)), this.registerListener(e, u, o);
+      (c) => {
+        a = (...m) => (c(), i(...m)), this.registerListener(e, u, i);
       }
     );
   }
@@ -237,50 +237,51 @@ class Gs extends xe {
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const o of a)
-      Ve(n.handlers[o] ?? [], r), ((u = n.handlers[o]) == null ? void 0 : u.length) === 0 && (delete n.handlers[o], Ve(n.priorities, o));
+    for (const i of a)
+      Ie(n.handlers[i] ?? [], r), ((u = n.handlers[i]) == null ? void 0 : u.length) === 0 && (delete n.handlers[i], Ie(n.priorities, i));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var p, g, $;
+    var c, m, h;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), o = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? W(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((v, S) => S - v), o[a] = []), ($ = o[a]) == null || $.push(n);
+    const u = ((c = this.listeners[e]) == null ? void 0 : c.priorities) ?? Q(`priorities missing for event '${e}'`), i = ((m = this.listeners[e]) == null ? void 0 : m.handlers) ?? Q(`handlers missing for event '${e}'`);
+    u.includes(a) || (u.push(a), u.sort((b, x) => x - b), i[a] = []), (h = i[a]) == null || h.push(n);
   }
 }
-const F = se(Gs);
-function _l(t) {
+const N = re(fr);
+function Fl(t) {
   return t;
 }
-const Ys = Ce({
+const hr = Se({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Xt() ?? "development",
-    version: j.version,
-    sourceUrl: j.sourceUrl,
-    settings: []
+    environment: rs() ?? "development",
+    version: U.version,
+    sourceUrl: U.sourceUrl,
+    settings: [],
+    settingsFullscreenOnMobile: !1
   },
   computed: {
     development: (t) => t.environment === "development",
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + j.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + j.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+      return this.development ? "dev." + U.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + U.sourceHash.toString().substring(0, 7) : `v${t.version}`;
     },
     versionUrl(t) {
-      return t.sourceUrl + (this.development || this.staging ? `/tree/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${U.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class er extends Ys {
+class gr extends hr {
   constructor() {
     super(...arguments);
-    _(this, "name", j.name);
-    _(this, "ready", new Q());
-    _(this, "mounted", new Q());
+    k(this, "name", U.name);
+    k(this, "ready", new J());
+    k(this, "mounted", new J());
   }
   isReady() {
     return this.ready.isResolved();
@@ -289,13 +290,16 @@ class er extends Ys {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(E(e));
+    this.settings.push(R(e));
+  }
+  setSettingsFullscreenOnMobile(e) {
+    this.settingsFullscreenOnMobile = e;
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Gt(e), location.reload(), await Yt();
+    e && ns(e), location.reload(), await as();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -305,14 +309,14 @@ class er extends Ys {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
+    N.once("application-ready", () => this.ready.resolve()), N.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = se(er);
-function Cl(t) {
+const A = re(gr);
+function Ul(t) {
   return t;
 }
-async function tr(t, ...s) {
+async function vr(t, ...s) {
   A.setState(
     "plugins",
     t.reduce(
@@ -321,55 +325,55 @@ async function tr(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function sr(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+function br(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${O(r)}"`, "");
 }
-function xl(t) {
+function Nl(t) {
   return t;
 }
-function rr(t) {
-  const s = X(t);
-  return s ? ge(s) : void 0;
+function yr(t) {
+  const s = Y(t);
+  return s ? be(s) : void 0;
 }
-function I(t, s) {
-  return rr(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function L(t, s) {
+  return yr(t) ?? Q(s ?? `Could not resolve '${O(t)}' injection key`);
 }
-function nr(t, s) {
-  return X(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function wr(t, s) {
+  return Y(t) ?? Q(s ?? `Could not resolve '${O(t)}' injection key`);
 }
-function ct(t) {
-  return typeof t == "string" ? t : t.type === At ? "" : t.type === Pt || t.type === Dt ? t.children : t.type === "br" ? `
+function ht(t) {
+  return typeof t == "string" ? t : t.type === Ft ? "" : t.type === Ut || t.type === Nt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${sr(t)}>${Array.from(t.children).map(ct).join("")}</${t.type}>`;
+` : `<${t.type} ${br(t)}>${Array.from(t.children).map(ht).join("")}</${t.type}>`;
 }
-const Te = /* @__PURE__ */ new WeakMap(), ar = {
+const He = /* @__PURE__ */ new WeakMap(), $r = {
   mounted(t, { value: s, modifiers: e }) {
     const r = typeof s == "function" ? s : null, n = () => {
       const a = t.getBoundingClientRect();
       e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
     };
-    e.watch && Te.set(t, te(new ResizeObserver(n)).observe(t)), n();
+    e.watch && He.set(t, se(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Te.get(t)) == null || s.unobserve(t), Te.delete(t);
+    (s = He.get(t)) == null || s.unobserve(t), He.delete(t);
   }
 };
-function dt(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ys(n, a);
-  return H(u(r), l(e));
+function gt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ks(n, a);
+  return S(u(r), l(e));
 }
-function H(...t) {
-  return $s(bs(t));
+function S(...t) {
+  return Ss(xs(t));
 }
-function kl(t, s) {
-  const e = F.on(t, s);
-  $e(() => e());
+function Wl(t, s) {
+  const e = N.on(t, s);
+  _e(() => e());
 }
-const lr = {
+const _r = {
   required: (t) => t ? void 0 : "required"
 };
-function ir(t, s) {
+function Cr(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -388,43 +392,43 @@ function ir(t, s) {
       return typeof t == "object";
   }
 }
-const he = { ...lr };
-function Sl(t, s) {
-  he[t] = s;
+const ve = { ..._r };
+function Kl(t, s) {
+  ve[t] = s;
 }
-function or(t, s) {
-  return ir(t, s) ? [] : ["invalid_value"];
+function xr(t, s) {
+  return Cr(t, s) ? [] : ["invalid_value"];
 }
-function ur(t, s) {
+function kr(t, s) {
   var r;
-  const e = (r = he[s]) == null ? void 0 : r.call(he, t);
-  return e ? at(e) : [];
+  const e = (r = ve[s]) == null ? void 0 : r.call(ve, t);
+  return e ? ut(e) : [];
 }
-const Tl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-class cr extends nt {
+const Ql = Symbol(), Ge = /* @__PURE__ */ new WeakMap();
+class Sr 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(
+    k(this, "errors");
+    k(this, "_fields");
+    k(this, "_data");
+    k(this, "_submitted");
+    k(this, "_errors");
+    k(this, "_listeners", {});
+    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ge.set(
       this,
-      c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = we(this._errors);
+      d(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = Ce(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 '${B(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? Q(`Trying to set undefined '${O(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? O(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -433,6 +437,9 @@ class cr extends nt {
     var r, n;
     return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
   }
+  setFieldErrors(e, r) {
+    this._errors[e] = r;
+  }
   getFieldType(e) {
     var r;
     return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
@@ -461,11 +468,11 @@ class cr extends nt {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    Ve(this._listeners[e] ?? [], r);
+    Ie(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await jt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Wt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -478,24 +485,24 @@ class cr extends nt {
     this.setFieldValue(e, r);
   }
   getFieldErrors(e, r) {
-    var o;
-    const n = [], a = this._data[e], u = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
-    n.push(...or(a, r));
-    for (const p of u)
-      p !== "required" && a == null || n.push(...ur(a, p));
+    var i;
+    const n = [], a = this._data[e], u = ((i = r.rules) == null ? void 0 : i.split("|")) ?? [];
+    n.push(...xr(a, r));
+    for (const c of u)
+      c !== "required" && a == null || n.push(...kr(a, c));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
-    return ge(r);
+    return be(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ge(r);
+    return be(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -505,30 +512,30 @@ class cr extends nt {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function pt(t, s) {
-  const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  $e(() => r == null ? void 0 : r());
+function vt(t, s) {
+  const e = Y("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  _e(() => r == null ? void 0 : r());
 }
-function mt(t) {
-  return new cr(t);
+function bt(t) {
+  return new Sr(t);
 }
 function Ae() {
-  const t = et(), s = c(() => t.class);
-  return [c(() => es(t, "class")), s];
+  const t = nt(), s = d(() => t.class);
+  return [d(() => ls(t, "class")), s];
 }
-function Ml(t) {
-  let s = ts;
-  tt(() => s = t()), $e(() => s());
+function Zl(t) {
+  let s = os;
+  at(() => s = t()), _e(() => s());
 }
-function Hl(t, s) {
-  const e = ge(O.get(t) ?? s);
-  return Le(e, () => O.set(t, Bt(e))), e;
+function Jl(t, s) {
+  const e = be(K.get(t) ?? s);
+  return ae(e, () => K.set(t, Kt(e))), e;
 }
-function dr(t) {
+function Tr(t) {
   let s = new Set(t), e, r;
-  const n = Ft((a, u) => (r = a, e = u, {
+  const n = Qt((a, u) => (r = a, e = u, {
     get: () => s,
-    set: () => W("Attempted to write read-only reactive set")
+    set: () => Q("Attempted to write read-only reactive set")
   }));
   return {
     values() {
@@ -551,71 +558,71 @@ function dr(t) {
     }
   };
 }
-function Vl(t) {
-  const s = N(), e = c(t);
-  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function Gl(t) {
+  const s = B(), e = d(t);
+  return ae(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function El(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ss((u) => n.value = u, e.delay ?? 300);
-  return G(() => a(r())), n;
+function Xl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = is((u) => n.value = u, e.delay ?? 300);
+  return ee(() => a(r())), n;
 }
-let ie = null;
-function pr() {
-  return te(new Ne(), (t) => {
+let ce = null;
+function Mr() {
+  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 mr(t) {
-  const s = lt(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Vr(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 fr(t) {
-  const s = lt(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Er(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 = (ce == null ? void 0 : ce.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
-function hr() {
-  return ie;
+function Hr() {
+  return ce;
 }
-function Ll(t) {
-  ie = t;
+function Yl(t) {
+  ce = t;
 }
-function gr(t) {
-  let s = ms(t, { renderer: pr(), async: !1 });
-  return s = ft(s), s = mr(s), s = fr(s), s;
+function Lr(t) {
+  let s = ys(t, { renderer: Mr(), async: !1 });
+  return s = yt(s), s = Vr(s), s = Er(s), s;
 }
-function ft(t) {
-  return ps.sanitize(t, { ADD_ATTR: ["target"] });
+function yt(t) {
+  return bs.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const vr = {
+const Ir = 6e4, Xe = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -Ir, Rr = {
   mounted(t, { value: s }) {
-    t.innerHTML = ft(s);
+    t.innerHTML = yt(s);
   }
-}, br = {
-  measure: ar,
-  "safe-html": vr
-}, yr = {
+}, zr = {
+  measure: $r,
+  "safe-html": Rr
+}, qr = {
   install(t, s) {
     const e = {
-      ...br,
+      ...zr,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class $r extends xe {
+class Pr extends Te {
   constructor() {
     super(...arguments);
-    _(this, "cache");
+    k(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -628,30 +635,30 @@ class $r extends xe {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? te(new Q(), (e) => {
+    return this.cache = this.cache ?? se(new J(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const Rl = se($r);
-class wr extends xe {
+const eo = re(Pr);
+class Ar extends Te {
   async purge() {
-    await F.emit("purge-storage");
+    await N.emit("purge-storage");
   }
 }
-const ht = se(wr);
-function zl(t, s) {
+const wt = re(Ar);
+function to(t, s) {
   return {
     ...t,
-    ...ne(s, Object.keys(t))
+    ...oe(s, Object.keys(t))
   };
 }
-const _r = {
+const Dr = {
   $app: A,
-  $events: F,
-  $storage: ht
+  $events: N,
+  $storage: wt
 };
-async function ke(t, s) {
+async function Me(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
@@ -659,49 +666,49 @@ async function ke(t, s) {
         return (u = (a = t.config).errorHandler) == null ? void 0 : u.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (J() || ze()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (G() || ze()) && Object.assign(globalThis, s);
 }
-const Cr = {
+const Br = {
   async install(t, s) {
     var r;
     const e = {
-      ..._r,
+      ...Dr,
       ...s.services
     };
-    t.use(Zs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
+    t.use(pr()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && A.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await Me(t, e);
   }
-}, Ze = /* @__PURE__ */ new WeakSet();
-function Pe() {
-  const t = ot(), { close: s, remove: e, ...r } = fs(Ze.has(t) ? {} : { removeOnClose: !1 });
-  return Ze.add(t), {
+}, Ye = /* @__PURE__ */ new WeakSet();
+function De() {
+  const t = pt(), { close: s, remove: e, ...r } = ws(Ye.has(t) ? {} : { removeOnClose: !1 });
+  return Ye.add(t), {
     ...r,
     async close(n) {
-      s(n), await le(1e3), e();
+      s(n), await ue(1e3), e();
     }
   };
 }
-const gt = 768, ve = {
+const $t = 768, ye = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function vt() {
-  return globalThis.innerWidth > gt ? ve.Desktop : ve.Mobile;
+function _t() {
+  return globalThis.innerWidth > $t ? ye.Desktop : ye.Mobile;
 }
-const xr = Ce({
+const jr = Se({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: vt()
+    layout: _t()
   },
   computed: {
-    desktop: ({ layout: t }) => t === ve.Desktop,
-    mobile: ({ layout: t }) => t === ve.Mobile
+    desktop: ({ layout: t }) => t === ye.Desktop,
+    mobile: ({ layout: t }) => t === ye.Mobile
   }
 });
-class kr extends xr {
+class Or extends jr {
   constructor() {
     super(...arguments);
-    _(this, "components", {});
+    k(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -710,7 +717,7 @@ class kr extends xr {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? W(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -731,17 +738,17 @@ class kr extends xr {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, { response: o } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof o == "object" ? o[0] : o ?? !1, g = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
-      ($, [v, { default: S }]) => ({
-        [v]: S ?? !1,
-        ...$
+    }, { response: i } = await this.modal(this.requireComponent("confirm-modal"), u), c = typeof i == "object" ? i[0] : i ?? !1, m = typeof i == "object" ? i[1] : Object.entries(u.checkboxes ?? {}).reduce(
+      (h, [b, { default: x }]) => ({
+        [b]: x ?? !1,
+        ...h
       }),
       {}
     );
-    for (const [$, v] of Object.entries(u.checkboxes ?? {}))
-      if (!(!v.required || g[$]))
-        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, g];
-    return "checkboxes" in u ? [p, g] : p;
+    for (const [h, b] of Object.entries(u.checkboxes ?? {}))
+      if (!(!b.required || m[h]))
+        return c && G() && console.warn(`Confirmed confirm modal was suppressed because required '${h}' checkbox was missing`), [!1, m];
+    return "checkboxes" in u ? [c, m] : c;
   }
   async prompt(e, r, n) {
     const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
@@ -751,11 +758,11 @@ class kr extends xr {
       title: e,
       message: r,
       ...n ?? {}
-    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), u());
-    return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
+    }, { response: i } = await this.modal(this.requireComponent("prompt-modal"), u());
+    return (a && typeof i == "string" ? i == null ? void 0 : i.trim() : i) ?? null;
   }
   async loading(e, r) {
-    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => {
+    const n = (b) => typeof b == "function" ? Promise.resolve(b()) : b, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -763,59 +770,59 @@ class kr extends xr {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: v, ...S } = e;
+      const { delay: b, ...x } = e;
       return {
-        props: S,
-        delay: l(v),
+        props: x,
+        delay: l(b),
         operationPromise: n(r)
       };
     };
     let u = !1;
-    const { operationPromise: o, props: p, delay: g } = a();
-    if (g && await Promise.race([le({ ms: g }).then(() => u = !0), o]), g && !u)
-      return o;
-    const $ = hs(this.requireComponent("loading-modal"), p);
-    We($);
+    const { operationPromise: i, props: c, delay: m } = a();
+    if (m && await Promise.race([ue({ ms: m }).then(() => u = !0), i]), m && !u)
+      return i;
+    const h = $s(this.requireComponent("loading-modal"), c);
+    Qe(h);
     try {
-      const v = await o;
-      return await le({ ms: 500 }), v;
+      const b = await i;
+      return await ue({ ms: 500 }), b;
     } finally {
-      await Ke($.id, { removeAfter: 1e3 });
+      await Ze(h.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, u = {
-      id: oe(),
+      id: de(),
       properties: { message: e, ...a },
-      component: E(n ?? this.requireComponent("toast"))
+      component: R(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(u));
   }
   modal(e, r) {
-    return We(e, r ?? {});
+    return Qe(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(ae.value.map(({ id: e }) => Ke(e, { removeAfter: 1e3 })));
+    await Promise.all(ie.value.map(({ id: e }) => Ze(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   watchMountedEvent() {
-    F.once("application-mounted", async () => {
+    N.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await le({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ue({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${gt}px)`).addEventListener("change", () => this.setState({ layout: vt() }));
+    globalThis.matchMedia(`(min-width: ${$t}px)`).addEventListener("change", () => this.setState({ layout: _t() }));
   }
 }
-const P = se(kr);
-class Sr {
+const D = re(Or);
+class Fr {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -835,13 +842,13 @@ class Sr {
     return ["en"];
   }
   translate(s) {
-    return J() && console.warn("Lang provider is missing"), s;
+    return G() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return J() && console.warn("Lang provider is missing"), e;
+    return G() && console.warn("Lang provider is missing"), e;
   }
 }
-const Tr = Ce({
+const Ur = Se({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -850,11 +857,11 @@ const Tr = Ce({
     fallbackLocale: "en"
   }
 });
-class Mr extends Tr {
+class Nr extends Ur {
   constructor() {
     super();
-    _(this, "provider");
-    this.provider = new Sr(
+    k(this, "provider");
+    this.provider = new Fr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -882,7 +889,7 @@ class Mr extends Tr {
     );
   }
 }
-const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = Ce({
+const X = re(Nr), Ct = X.translate.bind(X), T = X.translateWithDefault.bind(X), Wr = Se({
   name: "errors",
   initialState: {
     logs: [],
@@ -895,12 +902,13 @@ const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Vr extends Hr {
+class Kr extends Wr {
   constructor() {
     super(...arguments);
-    _(this, "forceReporting", !1);
-    _(this, "enabled", !0);
-    _(this, "eruda", null);
+    k(this, "forceReporting", !1);
+    k(this, "enabled", !0);
+    k(this, "eruda", null);
+    k(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -910,14 +918,14 @@ class Vr extends Hr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      P.alert(k("errors.inspectEmpty", "Nothing to inspect!"));
+      D.alert(T("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
-    P.modal(P.requireComponent("error-report-modal"), { report: n, reports: a });
+    D.modal(D.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await F.emit("error", { error: e, message: r }), ze("unit") || (J() && this.logError(e), !this.enabled))
+    if (await N.emit("error", { error: e, message: r }), ze("unit") || (G() && this.logError(e), !this.enabled))
       throw e;
     if (!A.isMounted()) {
       const u = await this.createStartupErrorReport(e);
@@ -929,22 +937,22 @@ class Vr extends Hr {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    P.toast(
-      r ?? k("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+    D.toast(
+      r ?? T("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: k("errors.viewDetails", "View details"),
+            label: T("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => P.modal(P.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => D.modal(D.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
     ), this.setState({ logs: [a].concat(this.logs) });
   }
   reportDevelopmentError(e, r) {
-    J() && (r && console.warn(r), this.logError(e));
+    G() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -955,37 +963,40 @@ class Vr extends Hr {
     });
   }
   async boot() {
-    G(async () => {
+    ee(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
         return;
       }
-      this.eruda ?? (this.eruda = (await import("eruda")).default), this.eruda.init();
+      this.eruda ?? (this.eruda = (await import("eruda")).default), this.erudaPlugins ?? (this.erudaPlugins = [(await import("eruda-indexeddb")).default]), this.eruda.init(), this.erudaPlugins.forEach((r) => {
+        var n;
+        return (n = this.eruda) == null ? void 0 : n.add(r);
+      });
     });
   }
   logError(e) {
-    console.error(e), fe(e) && e.cause && this.logError(e.cause);
+    console.error(e), ge(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return fe(e) && "title" in e;
+    return ge(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof _e ? this.createErrorReportFromError(e) : fe(e) ? it({
-      title: B(
-        e.name ?? e.title ?? k("errors.unknown", "Unknown Error")
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof ke ? this.createErrorReportFromError(e) : ge(e) ? dt({
+      title: O(
+        e.name ?? e.title ?? T("errors.unknown", "Unknown Error")
       ),
-      description: B(
-        e.message ?? e.description ?? k("errors.unknownDescription", "Unknown error object")
+      description: O(
+        e.message ?? e.description ?? T("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: k("errors.unknown", "Unknown Error"),
+      title: T("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Ee ? e.cause instanceof Ee ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Re ? e.cause instanceof Re ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -997,7 +1008,7 @@ class Vr extends Hr {
     };
   }
 }
-const yt = se(Vr), $t = /* @__PURE__ */ h({
+const xt = re(Kr), kt = /* @__PURE__ */ v({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1013,9 +1024,9 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: P.resolveComponent("router-link") ?? "a",
-      to: it({
+    const s = d(() => t.as ? { as: t.as } : t.route ? {
+      as: D.resolveComponent("router-link") ?? "a",
+      to: dt({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1028,18 +1039,18 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), f(l(ws), V({
+    return (e, r) => (o(), g(l(Ts), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: m(() => [
-        w(e.$slots, "default")
+      default: f(() => [
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), R = /* @__PURE__ */ h({
+}), z = /* @__PURE__ */ v({
   __name: "Button",
   props: {
     class: {},
@@ -1055,7 +1066,7 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => dt(
+    const s = W(t, ["class", "size", "variant", "disabled"]), e = d(() => gt(
       { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
       {
         baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
@@ -1064,6 +1075,7 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
             default: "bg-primary-600 text-white focus-visible:outline-primary-600",
             secondary: "bg-background text-gray-900 ring-gray-300",
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
+            warning: "bg-yellow-600 text-white focus-visible:outline-yellow-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
             link: "text-links"
@@ -1150,62 +1162,105 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (i(), f($t, V({
+    return (r, n) => (o(), g(kt, H({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: m(() => [
-        w(r.$slots, "default")
+      default: f(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function Er(t) {
+function Qr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const wt = /* @__PURE__ */ h({
+function St(t, s) {
+  const e = Y("form", null), r = (h) => h === void 0 ? "" : t.value.renderOption ? t.value.renderOption(h) : Qr(h) ? us(h.label) : O(h), n = d(() => {
+    const { name: h, modelValue: b } = t.value;
+    return e && h ? e.getFieldValue(h) : b;
+  }), a = d(() => n.value), u = d(() => !e || !t.value.name ? null : e.errors[t.value.name] ?? null), i = d(() => t.value.options ? t.value.options.map((h) => ({
+    key: de(),
+    label: r(h),
+    value: h
+  })) : null), c = {
+    renderOption: r,
+    labelClass: d(() => t.value.labelClass),
+    optionsClass: d(() => t.value.optionsClass),
+    align: d(() => t.value.align),
+    side: d(() => t.value.side),
+    value: n,
+    id: `select-${de()}`,
+    name: d(() => t.value.name),
+    label: d(() => t.value.label),
+    description: d(() => t.value.description),
+    placeholder: d(() => t.value.placeholder ?? T("ui.select", "Select an option")),
+    options: i,
+    selectedOption: d(() => {
+      var h;
+      return (h = i.value) == null ? void 0 : h.find((b) => b.value === t.value.modelValue);
+    }),
+    errors: Ce(u),
+    required: d(() => {
+      if (!(!t.value.name || !e))
+        return e.getFieldRules(t.value.name).includes("required");
+    }),
+    update(h) {
+      if (e && t.value.name) {
+        e.setFieldValue(t.value.name, h);
+        return;
+      }
+      s("update:modelValue", h);
+    }
+  };
+  function m(h) {
+    c.update(h);
+  }
+  return le("select", c), { expose: c, acceptableValue: a, update: m, renderOption: r };
+}
+const Tt = /* @__PURE__ */ v({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = I(
+    const s = L(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (i(), f(l(Qe), {
+    return (e, r) => e.$slots.default ? (o(), g(l(Je), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
-      default: m(() => [
-        w(e.$slots, "default")
+      default: f(() => [
+        $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), f(l(Qe), {
+    }, 8, ["placeholder"])) : (o(), g(l(Je), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), _t = /* @__PURE__ */ h({
+}), Mt = /* @__PURE__ */ v({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = I(
+    const s = L(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), f(l(_s), {
+    return (e, r) => (o(), g(l(Ms), {
       id: l(s).id
     }, {
-      default: m(() => [
-        w(e.$slots, "default", {}, () => [
-          d(wt, {
+      default: f(() => [
+        $(e.$slots, "default", {}, () => [
+          p(Tt, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(Cs))
+          p(l(Vs))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), Ct = /* @__PURE__ */ h({
+}), Vt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1215,20 +1270,20 @@ const wt = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = L(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
-    ), e = c(() => {
+    ), e = d(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : B(t.value);
+      return r ? s.renderOption(r.value) : O(t.value);
     });
-    return (r, n) => (i(), f(l(xs), ue(ce(r.$props)), {
-      default: m(() => [
-        d(l(ks), null, {
-          default: m(() => [
-            w(r.$slots, "default", {}, () => [
-              L(C(e.value), 1)
+    return (r, n) => (o(), g(l(Es), pe(me(r.$props)), {
+      default: f(() => [
+        p(l(Hs), null, {
+          default: f(() => [
+            $(r.$slots, "default", {}, () => [
+              I(C(e.value), 1)
             ])
           ]),
           _: 3
@@ -1237,33 +1292,33 @@ const wt = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), xt = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ v({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = I(
+    const s = L(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => H("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (i(), f(l(Ss), null, {
-      default: m(() => [
-        d(l(Ts), {
+    ), e = d(() => S("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (o(), g(l(Ls), null, {
+      default: f(() => [
+        p(l(Is), {
           position: "popper",
-          class: x(e.value),
+          class: _(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
-          default: m(() => [
-            d(l(Ms), {
-              class: x(r.innerClass)
+          default: f(() => [
+            p(l(Rs), {
+              class: _(r.innerClass)
             }, {
-              default: m(() => [
-                w(r.$slots, "default", {}, () => [
-                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(Ct, {
+              default: f(() => [
+                $(r.$slots, "default", {}, () => [
+                  (o(!0), w(j, null, F(l(s).options ?? [], (a) => (o(), g(Vt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1278,7 +1333,7 @@ const wt = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Lr = /* @__PURE__ */ h({
+}), Zr = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1298,56 +1353,24 @@ const wt = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
-      key: oe(),
-      label: t.renderOption ? t.renderOption(v) : Er(v) ? rs(v.label) : B(v),
-      value: v
-    })) : null), g = {
-      labelClass: t.labelClass,
-      optionsClass: t.optionsClass,
-      align: t.align,
-      side: t.side,
-      value: a,
-      id: `select-${oe()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      placeholder: c(() => t.placeholder ?? k("ui.select", "Select an option")),
-      options: p,
-      selectedOption: c(() => {
-        var v;
-        return (v = p.value) == null ? void 0 : v.find((S) => S.value === t.modelValue);
-      }),
-      errors: we(o),
-      required: c(() => {
-        if (!(!t.name || !n))
-          return n.getFieldRules(t.name).includes("required");
-      }),
-      update(v) {
-        if (n && t.name) {
-          n.setFieldValue(t.name, v);
-          return;
-        }
-        r("update:modelValue", v);
-      }
-    };
-    function $(v) {
-      g.update(v);
-    }
-    return de("select", g), s(g), (v, S) => (i(), f(l(Hs), {
-      "model-value": u.value,
-      by: v.compareOptions,
-      "onUpdate:modelValue": S[0] || (S[0] = (q) => $(q))
+    const r = e, n = W(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = St(
+      d(() => ({ as: t.as, compareOptions: t.compareOptions, ...n })),
+      r
+    );
+    return s(a), (c, m) => (o(), g(l(zs), {
+      "model-value": l(u),
+      by: c.compareOptions,
+      "onUpdate:modelValue": m[0] || (m[0] = (h) => l(i)(h))
     }, {
-      default: m(({ open: q }) => [
-        (i(), f(Y(v.as), ue(ce(v.$attrs)), {
-          default: m(() => [
-            w(v.$slots, "default", {
-              modelValue: v.modelValue,
-              open: q
+      default: f(({ open: h }) => [
+        (o(), g(te(c.as), pe(me(c.$attrs)), {
+          default: f(() => [
+            $(c.$slots, "default", {
+              modelValue: c.modelValue,
+              open: h
             }, () => [
-              d(_t),
-              d(xt)
+              p(Mt),
+              p(Et)
             ])
           ]),
           _: 2
@@ -1356,50 +1379,50 @@ const wt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Xe = /* @__PURE__ */ h({
+}), et = /* @__PURE__ */ v({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = L(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), f(l(Vs), V({
+    ), e = xe(), r = d(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), g(l(mt), H({
       key: 0,
       for: l(s).id
     }, n.$props), {
-      default: m(() => [
-        w(n.$slots, "default", {}, () => [
-          L(C(l(s).label), 1)
+      default: f(() => [
+        $(n.$slots, "default", {}, () => [
+          I(C(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : M("", !0);
+    }, 16, ["for"])) : V("", !0);
   }
-}), kt = /* @__PURE__ */ h({
+}), Ht = /* @__PURE__ */ v({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => H("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (i(), f(Xe, {
+    const s = L("select", "<SelectLabel> must be a child of a <Select>"), e = d(() => S("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (o(), g(et, {
       key: 0,
-      class: x(e.value)
+      class: _(e.value)
     }, {
-      default: m(() => [
-        w(r.$slots, "default")
+      default: f(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), f(Xe, {
+    }, 8, ["class"])) : (o(), g(et, {
       key: 1,
-      class: x(e.value)
+      class: _(e.value)
     }, null, 8, ["class"]));
   }
-}), Ge = /* @__PURE__ */ h({
+}), tt = /* @__PURE__ */ v({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1407,62 +1430,62 @@ const wt = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => H("group p-1 outline-none", t.class)), e = c(() => H(
+    const s = d(() => S("group p-1 outline-none", t.class)), e = d(() => S(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (i(), f(Ct, {
-      class: x(s.value),
+    return (r, n) => (o(), g(Vt, {
+      class: _(s.value),
       value: r.value
     }, {
-      default: m(() => [
-        b("div", {
-          class: x(e.value)
+      default: f(() => [
+        y("div", {
+          class: _(e.value)
         }, [
-          w(r.$slots, "default")
+          $(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), St = /* @__PURE__ */ h({
+}), Lt = /* @__PURE__ */ v({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => H(
+    const s = L("select", "<SelectOptions> must be a child of a <Select>"), e = d(() => S(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (i(), f(xt, {
-      class: x(e.value)
+    return (r, n) => (o(), g(Et, {
+      class: _(e.value)
     }, {
-      default: m(() => {
+      default: f(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
             var u;
             return [
-              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), f(Ge, {
-                key: o.key,
-                value: o.value
+              (o(!0), w(j, null, F(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), g(tt, {
+                key: i.key,
+                value: i.value
               }, {
-                default: m(() => [
-                  L(C(o.label), 1)
+                default: f(() => [
+                  I(C(i.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : w(r.$slots, "default", { key: 1 }, () => [
-            d(Ge, {
+          }) : $(r.$slots, "default", { key: 1 }, () => [
+            p(tt, {
               disabled: "",
               value: null
             }, {
-              default: m(() => [
-                L(C(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: f(() => [
+                I(C(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1472,42 +1495,42 @@ const wt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"]));
   }
-}), Rr = {
+}), Jr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function zr(t, s) {
-  return i(), y("svg", Rr, s[0] || (s[0] = [
-    b("path", {
+function Gr(t, s) {
+  return o(), w("svg", Jr, s[0] || (s[0] = [
+    y("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 Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__ */ h({
+const Xr = R({ name: "zondicons-cheveron-down", render: Gr }), It = /* @__PURE__ */ v({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => H(
+    const s = L("select", "<SelectTrigger> must be a child of a <Select>"), e = d(() => S(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (i(), f(_t, {
-      class: x(e.value)
+    return (r, n) => (o(), g(Mt, {
+      class: _(e.value)
     }, {
-      default: m(() => [
-        d(wt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        d(l(Ir), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: f(() => [
+        p(Tt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        p(l(Xr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), qr = /* @__PURE__ */ h({
+}), Yr = /* @__PURE__ */ v({
   __name: "Select",
   props: {
     as: {},
@@ -1526,30 +1549,30 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ie();
-    return (e, r) => (i(), f(Lr, V({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = qe();
+    return (e, r) => (o(), g(Zr, H({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: m(() => [
-        d(kt),
-        w(e.$slots, "default", {}, () => [
-          d(Tt),
-          d(St)
+      default: f(() => [
+        p(Ht),
+        $(e.$slots, "default", {}, () => [
+          p(It),
+          p(Lt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Ar = { class: "grow" }, Pr = /* @__PURE__ */ h({
+}), en = { class: "grow" }, tn = /* @__PURE__ */ v({
   __name: "Language",
   setup(t) {
-    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    const s = X.getBrowserLocale(), e = d(() => [null, ...X.locales]);
     function r(n) {
-      return (n && j.locales[n]) ?? k("settings.localeDefault", "{locale} (default)", {
-        locale: j.locales[s] ?? s
+      return (n && U.locales[n]) ?? T("settings.localeDefault", "{locale} (default)", {
+        locale: U.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), f(qr, {
+    return (n, a) => (o(), g(Yr, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
@@ -1557,41 +1580,41 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       options: e.value,
       "render-option": r
     }, {
-      default: m(() => [
-        b("div", Ar, [
-          d(kt, { class: "text-base font-semibold" }, {
-            default: m(() => [
-              L(C(n.$td("settings.locale", "Language")), 1)
+      default: f(() => [
+        y("div", en, [
+          p(Ht, { class: "text-base font-semibold" }, {
+            default: f(() => [
+              I(C(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          d(z, {
+          p(P, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        d(R, {
+        p(z, {
           variant: "ghost",
-          as: Tt,
+          as: It,
           class: "grid w-auto outline-none"
         }),
-        d(St)
+        p(Lt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Dr = [
+}), sn = [
   {
     priority: 100,
-    component: Pr
+    component: tn
   }
-], jr = { $lang: Z }, Br = {
+], rn = { $lang: X }, nn = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = bt), t.config.globalProperties.$td = k, Dr.forEach((e) => A.addSetting(e)), await ke(t, jr);
+    (s = t.config.globalProperties).$t ?? (s.$t = Ct), t.config.globalProperties.$td = T, sn.forEach((e) => A.addSetting(e)), await Me(t, rn);
   }
-}, Fr = /* @__PURE__ */ h({
+}, an = /* @__PURE__ */ v({
   __name: "Markdown",
   props: {
     as: {},
@@ -1603,38 +1626,38 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = et(), e = Re(), r = c(() => e.default ? e.default().map(ct).join("") : t.text ?? (t.langKey && (t.langDefault ? k(t.langKey, t.langDefault, t.langParams ?? {}) : bt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = nt(), e = xe(), r = d(() => e.default ? e.default().map(ht).join("") : t.text ?? (t.langKey && (t.langDefault ? T(t.langKey, t.langDefault, t.langParams ?? {}) : Ct(t.langKey, t.langParams ?? {})))), n = d(() => {
       if (!r.value)
         return null;
-      let o = gr(r.value);
-      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => Ut(t.as ?? (t.inline ? "span" : "div"), {
+      let i = Lr(r.value);
+      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
+    }), a = () => Zt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function u(o) {
-      var g, $;
-      const { target: p } = o;
-      if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
-        ($ = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || $.call(g);
+    async function u(i) {
+      var m, h;
+      const { target: c } = i;
+      if (We(c, HTMLElement) && c.dataset.markdownAction) {
+        (h = (m = t.actions) == null ? void 0 : m[c.dataset.markdownAction]) == null || h.call(m);
         return;
       }
-      if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
-        const v = hr();
-        v && (o.preventDefault(), v.visit(p.dataset.markdownRoute));
+      if (We(c, HTMLAnchorElement) && c.dataset.markdownRoute) {
+        const b = Hr();
+        b && (i.preventDefault(), b.visit(c.dataset.markdownRoute));
         return;
       }
     }
-    return (o, p) => (i(), f(a));
+    return (i, c) => (o(), g(a));
   }
-}), Ur = (t, s) => {
+}), ln = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, z = /* @__PURE__ */ Ur(Fr, [["__scopeId", "data-v-8b211cfb"]]), Or = { class: "flex-grow" }, Nr = ["id"], Wr = /* @__PURE__ */ h({
+}, P = /* @__PURE__ */ ln(an, [["__scopeId", "data-v-8b211cfb"]]), on = { class: "flex-grow" }, un = ["id"], cn = /* @__PURE__ */ v({
   __name: "Setting",
   props: {
     title: {},
@@ -1644,29 +1667,29 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => H(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (i(), y("div", {
-      class: x(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    const s = d(() => S(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (o(), w("div", {
+      class: _(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      b("div", Or, [
-        b("h3", {
+      y("div", on, [
+        y("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, C(e.title), 9, Nr),
-        e.description ? (i(), f(z, {
+        }, C(e.title), 9, un),
+        e.description ? (o(), g(P, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : M("", !0)
+        }, null, 8, ["text"])) : V("", !0)
       ]),
-      b("div", {
-        class: x(s.value)
+      y("div", {
+        class: _(s.value)
       }, [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Kr = ["for"], Qr = /* @__PURE__ */ h({
+}), dn = ["for"], pn = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1681,71 +1704,71 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `switch-${oe()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: we(a),
-      required: c(() => {
+    const r = e, n = Y("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `switch-${de()}`,
+      name: d(() => t.name),
+      label: d(() => t.label),
+      description: d(() => t.description),
+      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: Ce(a),
+      required: d(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(o) {
+      update(i) {
         if (n && t.name) {
-          n.setFieldValue(t.name, o);
+          n.setFieldValue(t.name, i);
           return;
         }
-        r("update:modelValue", o);
+        r("update:modelValue", i);
       }
     };
-    return s(u), G(() => {
+    return s(u), ee(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (o, p) => (i(), y("div", {
-      class: x(t.class)
+    }), (i, c) => (o(), w("div", {
+      class: _(t.class)
     }, [
-      o.label ? (i(), y("label", {
+      i.label ? (o(), w("label", {
         key: 0,
         for: u.id,
-        class: x(o.labelClass)
-      }, C(o.label), 11, Kr)) : M("", !0),
-      d(l(Es), V({
+        class: _(i.labelClass)
+      }, C(i.label), 11, dn)) : V("", !0),
+      p(l(qs), H({
         id: u.id,
-        name: o.name,
+        name: i.name,
         "model-value": u.value.value
-      }, o.$attrs, {
-        class: o.inputClass,
-        "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      }, i.$attrs, {
+        class: i.inputClass,
+        "onUpdate:modelValue": c[0] || (c[0] = (m) => i.$emit("update:modelValue", m))
       }), {
-        default: m(() => [
-          d(l(Ls), {
-            class: x(o.thumbClass)
+        default: f(() => [
+          p(l(Ps), {
+            class: _(i.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Jr = /* @__PURE__ */ h({
+}), mn = /* @__PURE__ */ v({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (i(), f(Qr, {
+    return (s, e) => (o(), g(pn, {
       class: "flex flex-row items-center gap-1",
       "input-class": "disabled:opacity-50 disabled:cursor-not-allowed data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200 relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focusdisabled:opacity-50 disabled:cursor-not-allowed :ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden",
       "thumb-class": "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
     }));
   }
-}), Zr = /* @__PURE__ */ h({
+}), fn = /* @__PURE__ */ v({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (i(), f(Wr, {
+    return (s, e) => (o(), g(cn, {
       "title-id": "debug-setting",
       title: s.$td("settings.debug", "Debugging"),
       description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
     }, {
-      default: m(() => [
-        d(Jr, {
+      default: f(() => [
+        p(mn, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1754,76 +1777,78 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Xr = [
+}), hn = [
   {
     priority: 10,
-    component: Zr
+    component: fn
   }
-], Mt = [];
-function Il(t) {
-  Mt.push(t);
+], Rt = [];
+function so(t) {
+  Rt.push(t);
 }
-function Ht(t) {
-  for (const s of Mt) {
+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 _e ? t.message : fe(t) ? B(t.message ?? t.description ?? "Unknown error object") : k("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof ke ? t.message : ge(t) ? O(t.message ?? t.description ?? "Unknown error object") : T("errors.unknown", "Unknown Error");
 }
-class Ye extends _e {
+class st extends ke {
 }
-const Gr = { $errors: yt }, Yr = (t) => (yt.report(t), !0);
-function en(t, s = () => !1) {
-  const e = (r) => s(r) || Yr(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+const gn = { $errors: xt }, vn = (t) => (xt.report(t), !0);
+function bn(t, s = () => !1) {
+  const e = (r) => s(r) || vn(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, i) => e(i ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const tn = {
+const yn = {
   async install(t, s) {
-    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Gr);
+    bn(t, s.handleError), hn.forEach((e) => A.addSetting(e)), await Me(t, gn);
   }
-}, sn = {
+}, wn = {
   async install() {
     ze() && (globalThis.testingRuntime = {
-      on: (...t) => F.on(...t),
+      on: (...t) => N.on(...t),
       service: (t) => A.service(t)
     });
   }
-}, rn = {
+}, $n = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function nn(t, s) {
-  return i(), y("svg", rn, s[0] || (s[0] = [
-    b("path", {
+function _n(t, s) {
+  return o(), w("svg", $n, s[0] || (s[0] = [
+    y("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 an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
+const Cn = R({ name: "zondicons-close", render: _n }), xn = /* @__PURE__ */ v({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(null), { close: r } = Pe();
+    const e = B(null), { close: r } = De();
     s({ $content: e });
-    const { forwardRef: n } = Ie();
-    return de("$modalContentRef", e), (a, u) => (i(), f(l(Rs), {
+    const { forwardRef: n } = qe();
+    return le("$modalContentRef", e), (a, u) => (o(), g(l(As), {
       ref: l(n),
       open: "",
-      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
+      "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
     }, {
-      default: m(() => [
-        d(l(zs), null, {
-          default: m(() => [
-            w(a.$slots, "default", { close: l(r) })
+      default: f(() => [
+        p(l(Ds), null, {
+          default: f(() => [
+            $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1831,36 +1856,36 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), on = /* @__PURE__ */ h({
+}), kn = /* @__PURE__ */ v({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Pe(), e = nr("$modalContentRef"), r = ee("$contentRef");
-    return G(() => e.value = r.value), (n, a) => (i(), f(l(Is), { ref: "$contentRef" }, {
-      default: m(() => [
-        w(n.$slots, "default"),
-        l(s) ? (i(), f(l(gs), {
+    const { child: s } = De(), e = wr("$modalContentRef"), r = Z("$contentRef");
+    return ee(() => e.value = r.value), (n, a) => (o(), g(l(Bs), { ref: "$contentRef" }, {
+      default: f(() => [
+        $(n.$slots, "default"),
+        l(s) ? (o(), g(l(_s), {
           key: 0,
           is: l(s)
-        }, null, 8, ["is"])) : M("", !0)
+        }, null, 8, ["is"])) : V("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), un = /* @__PURE__ */ h({
+}), Sn = /* @__PURE__ */ v({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(l(js), pe(me(s.$props)), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), cn = /* @__PURE__ */ h({
+}), Tn = /* @__PURE__ */ v({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1868,34 +1893,33 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(As), ue(ce(s.$props)), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(l(Os), pe(me(s.$props)), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), dn = /* @__PURE__ */ h({
+}), Mn = /* @__PURE__ */ v({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(Ps), ue(ce(s.$props)), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(l(Fs), pe(me(s.$props)), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), pn = {
-  key: 0,
-  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, mn = ["onClick"], fn = { class: "sr-only" }, Me = dr(), re = /* @__PURE__ */ h({
+}), Vn = ["onClick"], En = { class: "sr-only" }, he = Tr(), ne = /* @__PURE__ */ v({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1905,87 +1929,99 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
+    const e = W(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
-      $content: c(() => {
-        var T;
-        return (T = o.value) == null ? void 0 : T.$content;
+      $content: d(() => {
+        var M;
+        return (M = i.value) == null ? void 0 : M.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ie(), { id: a, visible: u } = Pe(), o = n, p = ot(), g = c(
+    const { forwardRef: r, currentRef: n } = qe(), { id: a, visible: u } = De(), i = n, c = pt(), m = d(
       () => {
-        var T;
-        return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
+        var M;
+        return u.value && ((M = ie.value.toReversed().find((Oe) => Oe.visible.value)) == null ? void 0 : M.id) === a.value;
       }
-    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => Me.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => H("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => H(
-      "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
-      "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
-      Me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
-      "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
-      {
-        "scale-50 opacity-0": !g.value,
-        "scale-100 opacity-100": g.value
-      },
+    ), h = d(() => ie.value.find((M) => M.visible.value)), b = d(() => ie.value.some((M) => he.has(M))), x = d(() => t.description ? {} : { "aria-describedby": void 0 }), E = d(() => S(
+      "overflow-auto px-4 pb-4 flex flex-col flex-1",
+      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !q.value },
+      t.class
+    )), q = d(() => t.fullscreen || t.fullscreenOnMobile && D.mobile), Ve = d(() => S(
+      "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
+      q.value ? [
+        "inset-0 transition-[transform,translate] will-change-[transform,translate]",
+        he.has(c.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        m.value ? "translate-y-0" : "translate-y-full"
+      ] : [
+        "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full",
+        "max-w-[calc(100%-2rem)] rounded-lg shadow-xl sm:max-w-lg",
+        "transition-[scale,opacity] will-change-[scale,opacity]",
+        he.has(c.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        m.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
+      ],
       t.wrapperClass
     ));
-    return tt(() => le(500).then(() => Me.add(p.value))), (T, Be) => (i(), f(ln, V(e, {
-      ref: (me) => l(r)(me),
-      persistent: T.persistent
+    return at(() => ue(500).then(() => he.add(c.value))), (M, Oe) => (o(), g(xn, H(e, {
+      ref: (fe) => l(r)(fe),
+      persistent: M.persistent
     }), {
-      default: m(({ close: me }) => {
+      default: f(({ close: fe }) => {
         var Fe, Ue;
         return [
-          d(cn, {
-            class: x(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
-              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
-              "bg-black/30": ((Fe = $.value) == null ? void 0 : Fe.id) === l(a) || !$.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
-              "opacity-0": !$.value
+          p(Tn, {
+            class: _(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !b.value,
+              "bg-black/30": ((Fe = h.value) == null ? void 0 : Fe.id) === l(a) || !h.value && ((Ue = l(ie)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !h.value,
+              hidden: q.value
             }])
           }, null, 8, ["class"]),
-          d(on, V(S.value, { class: pe.value }), {
-            default: m(() => [
-              !T.persistent && !T.closeHidden ? (i(), y("div", pn, [
-                b("button", {
+          p(kn, H(x.value, { class: Ve.value }), {
+            default: f(() => [
+              !M.persistent && !M.closeHidden ? (o(), w("div", {
+                key: 0,
+                class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !q.value }])
+              }, [
+                y("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (il) => me()
+                  onClick: (Ml) => fe()
                 }, [
-                  b("span", fn, C(T.$td("ui.close", "Close")), 1),
-                  d(l(an), { class: "size-4" })
-                ], 8, mn)
-              ])) : M("", !0),
-              T.title ? (i(), f(dn, {
+                  y("span", En, C(M.$td("ui.close", "Close")), 1),
+                  p(l(Cn), { class: "size-4" })
+                ], 8, Vn)
+              ], 2)) : V("", !0),
+              M.title ? (o(), g(Mn, {
                 key: 1,
-                class: x(["px-4 pt-5 text-base font-semibold text-gray-900", {
-                  "sr-only": T.titleHidden,
-                  "pb-0": T.description && !T.descriptionHidden,
-                  "pb-2": !T.description || T.descriptionHidden
+                class: _(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                  "sr-only": M.titleHidden,
+                  "pb-0": M.description && !M.descriptionHidden,
+                  "pb-2": !M.description || M.descriptionHidden
                 }])
               }, {
-                default: m(() => [
-                  d(z, {
-                    text: T.title,
+                default: f(() => [
+                  p(P, {
+                    text: M.title,
                     inline: ""
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : M("", !0),
-              T.description ? (i(), f(un, {
+              }, 8, ["class"])) : V("", !0),
+              M.description ? (o(), g(Sn, {
                 key: 2,
-                class: x(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: _(["px-4 pt-1 pb-2", { "sr-only": M.descriptionHidden }])
               }, {
-                default: m(() => [
-                  d(z, {
-                    text: T.description,
+                default: f(() => [
+                  p(P, {
+                    text: M.description,
                     class: "text-sm leading-6 text-gray-500"
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : M("", !0),
-              b("div", {
-                class: x(q.value)
+              }, 8, ["class"])) : V("", !0),
+              y("div", {
+                class: _(E.value)
               }, [
-                w(T.$slots, "default", { close: me })
+                $(M.$slots, "default", { close: fe })
               ], 2)
             ]),
             _: 2
@@ -1996,29 +2032,29 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
     }, 16, ["persistent"]));
   }
 });
-function hn(t) {
-  const s = c(() => t.title ?? k("ui.alert", "Alert")), e = c(() => !t.title);
+function Hn(t) {
+  const s = d(() => t.title ?? T("ui.alert", "Alert")), e = d(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const gn = /* @__PURE__ */ h({
+const Ln = /* @__PURE__ */ v({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = hn(e);
-    return s(), (a, u) => (i(), f(re, {
+    const e = t, { renderedTitle: r, titleHidden: n } = Hn(e);
+    return s(), (a, u) => (o(), g(ne, {
       title: l(r),
       "title-hidden": l(n)
     }, {
-      default: m(() => [
-        d(z, { text: a.message }, null, 8, ["text"])
+      default: f(() => [
+        p(P, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Vt = /* @__PURE__ */ h({
+}), qt = /* @__PURE__ */ v({
   __name: "Form",
   props: {
     form: {}
@@ -2027,36 +2063,36 @@ const gn = /* @__PURE__ */ h({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return G((n) => {
+    return ee((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), de("form", t.form), (n, a) => (i(), y("form", {
-      onSubmit: a[0] || (a[0] = st((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
+    }), le("form", t.form), (n, a) => (o(), w("form", {
+      onSubmit: a[0] || (a[0] = lt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
-      w(n.$slots, "default")
+      $(n.$slots, "default")
     ], 32));
   }
 });
-function vn(t) {
-  const s = mt(
+function In(t) {
+  const s = bt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (u, [o, p]) => ({
-        [o]: {
+      (u, [i, c]) => ({
+        [i]: {
           type: "boolean",
-          default: p.default,
-          required: p.required ? "required" : void 0
+          default: c.default,
+          required: c.required ? "required" : void 0
         },
         ...u
       }),
       {}
     )
-  ), e = c(() => t.title ?? k("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
+  ), e = d(() => t.title ?? T("ui.confirm", "Confirm")), r = d(() => !t.title), n = d(() => t.acceptText ?? T("ui.accept", "Ok")), a = d(() => t.cancelText ?? T("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const bn = {
+const Rn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, yn = { class: "flex items-center" }, $n = ["onUpdate:modelValue", "required"], wn = { class: "ml-1.5" }, _n = { class: "mt-4 flex flex-row-reverse gap-2" }, Cn = /* @__PURE__ */ h({
+}, zn = { class: "flex items-center" }, qn = ["onUpdate:modelValue", "required"], Pn = { class: "ml-1.5" }, An = { class: "mt-4 flex flex-row-reverse gap-2" }, Dn = /* @__PURE__ */ v({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2071,54 +2107,54 @@ const bn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = vn(e);
-    return s(), (p, g) => (i(), f(re, {
+    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = In(e);
+    return s(), (c, m) => (o(), g(ne, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: m(({ close: $ }) => [
-        d(Vt, {
+      default: f(({ close: h }) => [
+        p(qt, {
           form: l(r),
-          onSubmit: (v) => $([!0, l(r).data()])
+          onSubmit: (b) => h([!0, l(r).data()])
         }, {
-          default: m(() => [
-            d(z, {
-              text: p.message,
-              actions: p.actions
+          default: f(() => [
+            p(P, {
+              text: c.message,
+              actions: c.actions
             }, null, 8, ["text", "actions"]),
-            p.checkboxes ? (i(), y("ul", bn, [
-              (i(!0), y(D, null, U(p.checkboxes, (v, S) => (i(), y("li", { key: S }, [
-                b("label", yn, [
-                  rt(b("input", {
-                    "onUpdate:modelValue": (q) => l(r)[S] = q,
+            c.checkboxes ? (o(), w("ul", Rn, [
+              (o(!0), w(j, null, F(c.checkboxes, (b, x) => (o(), w("li", { key: x }, [
+                y("label", zn, [
+                  ot(y("input", {
+                    "onUpdate:modelValue": (E) => l(r)[x] = E,
                     type: "checkbox",
-                    required: v.required,
+                    required: b.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
-                  }, null, 8, $n), [
-                    [Ot, l(r)[S]]
+                  }, null, 8, qn), [
+                    [Jt, l(r)[x]]
                   ]),
-                  b("span", wn, C(v.label), 1)
+                  y("span", Pn, C(b.label), 1)
                 ])
               ]))), 128))
-            ])) : M("", !0),
-            b("div", _n, [
-              d(R, {
-                variant: p.acceptVariant,
+            ])) : V("", !0),
+            y("div", An, [
+              p(z, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  L(C(l(u)), 1)
+                default: f(() => [
+                  I(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? M("", !0) : (i(), f(R, {
+              c.required ? V("", !0) : (o(), g(z, {
                 key: 0,
-                variant: p.cancelVariant,
-                onClick: (v) => $(!1)
+                variant: c.cancelVariant,
+                onClick: (b) => h(!1)
               }, {
-                default: m(() => [
-                  L(C(l(o)), 1)
+                default: f(() => [
+                  I(C(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2130,91 +2166,91 @@ const bn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), xn = {
+}), Bn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function kn(t, s) {
-  return i(), y("svg", xn, s[0] || (s[0] = [
-    b("path", {
+function jn(t, s) {
+  return o(), w("svg", Bn, s[0] || (s[0] = [
+    y("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 Sn = E({ name: "zondicons-cheveron-left", render: kn }), Tn = {
+const On = R({ name: "zondicons-cheveron-left", render: jn }), Fn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Mn(t, s) {
-  return i(), y("svg", Tn, s[0] || (s[0] = [
-    b("path", {
+function Un(t, s) {
+  return o(), w("svg", Fn, s[0] || (s[0] = [
+    y("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 Et = E({ name: "zondicons-cheveron-right", render: Mn }), Hn = {
+const Pt = R({ name: "zondicons-cheveron-right", render: Un }), Nn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Vn(t, s) {
-  return i(), y("svg", Hn, s[0] || (s[0] = [
-    b("path", {
+function Wn(t, s) {
+  return o(), w("svg", Nn, s[0] || (s[0] = [
+    y("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const De = E({ name: "zondicons-exclamation-solid", render: Vn }), En = {
+const Be = R({ name: "zondicons-exclamation-solid", render: Wn }), Kn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ln(t, s) {
-  return i(), y("svg", En, s[0] || (s[0] = [
-    b("path", {
+function Qn(t, s) {
+  return o(), w("svg", Kn, s[0] || (s[0] = [
+    y("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const Rn = E({ name: "mdi-console", render: Ln }), zn = {
+const Zn = R({ name: "mdi-console", render: Qn }), Jn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function In(t, s) {
-  return i(), y("svg", zn, s[0] || (s[0] = [
-    b("path", {
+function Gn(t, s) {
+  return o(), w("svg", Jn, s[0] || (s[0] = [
+    y("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 qn = E({ name: "zondicons-copy", render: In }), An = {
+const Xn = R({ name: "zondicons-copy", render: Gn }), Yn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Pn(t, s) {
-  return i(), y("svg", An, s[0] || (s[0] = [
-    b("path", {
+function ea(t, s) {
+  return o(), w("svg", Yn, s[0] || (s[0] = [
+    y("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 Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ h({
+const ta = R({ name: "mdi-github", render: ea }), sa = { class: "flex" }, ra = { class: "sr-only" }, na = /* @__PURE__ */ v({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
-    const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
+    const s = t, e = d(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = d(() => {
       if (!A.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), u = encodeURIComponent(
@@ -2223,7 +2259,7 @@ const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = {
           "",
           "Error details:",
           "```",
-          ns(
+          cs(
             s.report.details ?? "Details missing from report",
             1800 - a.length - A.sourceUrl.length
           ).trim(),
@@ -2232,26 +2268,26 @@ const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = {
 `)
       );
       return `${A.sourceUrl}/issues/new?title=${a}&body=${u}`;
-    }), n = c(() => te(
+    }), n = d(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: qn,
+          iconComponent: Xn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), D.toast(T("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: Rn,
+          iconComponent: Zn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), P.toast(
-              k(
+            window.error = a, console.error(a), D.toast(
+              T(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2263,24 +2299,24 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Dn,
+          iconComponent: ta,
           url: r.value
         });
       }
     ));
-    return (a, u) => (i(), y("div", jn, [
-      (i(!0), y(D, null, U(n.value, (o) => w(a.$slots, "default", V({ ref_for: !0 }, o), () => [
-        d(R, {
+    return (a, u) => (o(), w("div", sa, [
+      (o(!0), w(j, null, F(n.value, (i) => $(a.$slots, "default", H({ ref_for: !0 }, i), () => [
+        p(z, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: o.url,
-          title: a.$td(`errors.report_${o.id}`, o.description),
-          onClick: o.click
+          href: i.url,
+          title: a.$td(`errors.report_${i.id}`, i.description),
+          onClick: i.click
         }, {
-          default: m(() => [
-            b("span", Bn, C(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (i(), f(Y(o.iconComponent), {
+          default: f(() => [
+            y("span", ra, C(a.$td(`errors.report_${i.id}`, i.description)), 1),
+            (o(), g(te(i.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2290,7 +2326,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Un = /* @__PURE__ */ h({
+}), aa = /* @__PURE__ */ v({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2298,20 +2334,20 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
     totalReports: {}
   },
   setup(t) {
-    const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (i(), f(z, {
+    const s = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (o(), g(P, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function On(t) {
-  const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+function la(t) {
+  const s = B(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = d(() => t.reports[s.value]), r = d(
     () => {
       var u;
-      return ((u = e.value.details) == null ? void 0 : u.trim()) || k("errors.detailsEmpty", "This error is missing a stacktrace.");
+      return ((u = e.value.details) == null ? void 0 : u.trim()) || T("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = k("errors.previousReport", "Show previous report"), a = k("errors.nextReport", "Show next report");
+  ), n = T("errors.previousReport", "Show previous report"), a = T("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2320,102 +2356,102 @@ function On(t) {
     activeReport: e
   };
 }
-const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-4" }, Kn = { class: "flex items-center gap-2" }, Qn = {
+const oa = { class: "px-4 pt-5 pb-4" }, ia = { class: "flex justify-between gap-4" }, ua = { class: "flex items-center gap-2" }, ca = {
   key: 0,
   class: "flex gap-0.5"
-}, Jn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Zn = ["textContent"], Xn = /* @__PURE__ */ h({
+}, da = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, pa = ["textContent"], ma = /* @__PURE__ */ v({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = On(e);
-    return s(), (p, g) => (i(), f(re, {
-      title: p.$td("errors.report", "Error report"),
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: i } = la(e);
+    return s(), (c, m) => (o(), g(ne, {
+      title: c.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
       class: "p-0",
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
-      default: m(() => [
-        b("div", Nn, [
-          b("h2", Wn, [
-            b("div", Kn, [
-              d(l(De), { class: "size-5 text-red-600" }),
-              d(Un, {
+      default: f(() => [
+        y("div", oa, [
+          y("h2", ia, [
+            y("div", ua, [
+              p(l(Be), { class: "size-5 text-red-600" }),
+              p(aa, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: l(o),
+                report: l(i),
                 "current-report": l(r) + 1,
-                "total-reports": p.reports.length
+                "total-reports": c.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              p.reports.length > 1 ? (i(), y("span", Qn, [
-                d(R, {
+              c.reports.length > 1 ? (o(), w("span", ca, [
+                p(z, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
                   "aria-label": l(u),
                   title: l(u),
-                  onClick: g[0] || (g[0] = ($) => r.value--)
+                  onClick: m[0] || (m[0] = (h) => r.value--)
                 }, {
-                  default: m(() => [
-                    d(l(Sn), { class: "size-4" })
+                  default: f(() => [
+                    p(l(On), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                d(R, {
+                p(z, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: l(r) === p.reports.length - 1,
+                  disabled: l(r) === c.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: g[1] || (g[1] = ($) => r.value++)
+                  onClick: m[1] || (m[1] = (h) => r.value++)
                 }, {
-                  default: m(() => [
-                    d(l(Et), { class: "size-4" })
+                  default: f(() => [
+                    p(l(Pt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : M("", !0)
+              ])) : V("", !0)
             ]),
-            d(Fn, {
-              report: l(o),
+            p(na, {
+              report: l(i),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (i(), f(z, {
+          l(i).description ? (o(), g(P, {
             key: 0,
-            text: l(o).description,
+            text: l(i).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : M("", !0)
+          }, null, 8, ["text"])) : V("", !0)
         ]),
-        b("div", Jn, [
-          b("pre", {
+        y("div", da, [
+          y("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: C(l(n))
-          }, null, 8, Zn)
+          }, null, 8, pa)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Gn = {
+}), fa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Yn(t, s) {
-  return i(), y("svg", Gn, s[0] || (s[0] = [
-    b("path", {
+function ha(t, s) {
+  return o(), w("svg", fa, s[0] || (s[0] = [
+    y("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
       opacity: ".25"
     }, null, -1),
-    b("path", {
+    y("path", {
       fill: "currentColor",
       d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
     }, [
-      b("animateTransform", {
+      y("animateTransform", {
         attributeName: "transform",
         dur: "0.75s",
         repeatCount: "indefinite",
@@ -2425,40 +2461,50 @@ function Yn(t, s) {
     ], -1)
   ]));
 }
-const ea = E({ name: "svg-spinners-90-ring-with-bg", render: Yn }), ta = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, sa = { class: "sr-only" }, ra = /* @__PURE__ */ h({
+const ga = R({ name: "svg-spinners-90-ring-with-bg", render: ha }), va = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, ba = { class: "sr-only" }, ya = /* @__PURE__ */ v({
   __name: "ProgressBar",
   props: {
     filledClass: {},
+    overflowClass: {},
     progress: {},
     job: {}
   },
   setup(t) {
     let s;
-    const e = N(0), r = c(() => H("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Le(
+    const e = B(0), r = d(() => S("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = d(() => S(
+      "absolute inset-y-0 right-0 size-full rounded-r-full",
+      "bg-primary-900 transition-[width] duration-500 ease-linear",
+      t.overflowClass
+    )), a = d(() => typeof t.progress == "number" ? t.progress : e.value), u = d(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
+    return ae(
       () => t.job,
       () => {
-        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
+        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (i) => e.value = i });
       },
       { immediate: !0 }
-    ), $e(() => s && s()), (a, u) => (i(), y("div", ta, [
-      b("div", {
-        class: x(r.value),
-        style: Nt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+    ), _e(() => s && s()), (i, c) => (o(), w("div", va, [
+      y("div", {
+        class: _(r.value),
+        style: Ne(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      b("span", sa, C(a.$td("ui.progress", "{progress}% complete", {
-        progress: n.value * 100
+      u.value ? (o(), w("div", {
+        key: 0,
+        class: _(n.value),
+        style: Ne({ width: `${u.value}%` })
+      }, null, 6)) : V("", !0),
+      y("span", ba, C(i.$td("ui.progress", "{progress}% complete", {
+        progress: a.value * 100
       })), 1)
     ]));
   }
 });
-function na(t) {
-  const s = c(() => t.title ?? k("ui.loading", "Loading")), e = c(
-    () => t.message ?? k("ui.loadingInProgress", "Loading in progress...")
-  ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
+function wa(t) {
+  const s = d(() => t.title ?? T("ui.loading", "Loading")), e = d(
+    () => t.message ?? T("ui.loadingInProgress", "Loading in progress...")
+  ), r = d(() => typeof t.progress == "number" || !!t.job), n = d(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const aa = /* @__PURE__ */ h({
+const $a = /* @__PURE__ */ v({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2467,30 +2513,30 @@ const aa = /* @__PURE__ */ h({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = na(e);
-    return s(), (o, p) => (i(), f(re, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = wa(e);
+    return s(), (i, c) => (o(), g(ne, {
       persistent: "",
-      class: x(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
       title: l(r),
-      "title-hidden": l(a)
+      "title-hidden": l(a),
+      class: _({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
     }, {
-      default: m(() => [
-        l(u) ? (i(), f(ra, {
+      default: f(() => [
+        l(u) ? (o(), g(ya, {
           key: 0,
-          progress: o.progress,
-          job: o.job,
+          progress: i.progress,
+          job: i.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (i(), f(l(ea), {
+        }, null, 8, ["progress", "job"])) : (o(), g(l(ga), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        d(z, { text: l(n) }, null, 8, ["text"])
+        p(P, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), je = /* @__PURE__ */ h({
+}), je = /* @__PURE__ */ v({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2501,128 +2547,133 @@ const aa = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `input-${oe()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: we(a),
-      required: c(() => {
+    const r = e, n = Y("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `input-${de()}`,
+      name: d(() => t.name),
+      label: d(() => t.label),
+      description: d(() => t.description),
+      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: Ce(a),
+      required: d(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(o) {
+      update(i) {
         if (n && t.name) {
-          n.setFieldValue(t.name, o);
+          n.setFieldValue(t.name, i);
           return;
         }
-        r("update:modelValue", o);
+        r("update:modelValue", i);
       }
     };
-    return de("input", u), s(u), (o, p) => (i(), f(Y(o.as), null, {
-      default: m(() => [
-        w(o.$slots, "default")
+    return le("input", u), s(u), (i, c) => (o(), g(te(i.as), null, {
+      default: f(() => [
+        $(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), la = ["for"], be = /* @__PURE__ */ h({
+}), _a = ["for"], we = /* @__PURE__ */ v({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = I("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), y("label", {
+    const s = L("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = xe(), r = d(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), w("label", {
       key: 0,
       for: l(s).id
     }, [
-      w(n.$slots, "default", {}, () => [
-        L(C(l(s).label), 1)
+      $(n.$slots, "default", {}, () => [
+        I(C(l(s).label), 1)
       ])
-    ], 8, la)) : M("", !0);
+    ], 8, _a)) : V("", !0);
   }
-}), ia = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Lt = /* @__PURE__ */ h({
+}), Ca = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], At = /* @__PURE__ */ v({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    const s = ee("$inputRef"), e = I("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
+    const s = Z("$inputRef"), e = L("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = d(() => e.name ?? void 0), a = d(() => e.value), u = d(() => {
       if (t.type)
         return t.type;
-      const $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
-    }), o = c(() => {
-      if (t.type === "checkbox")
+      const h = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(h) ? h : "text";
+    }), i = d(() => {
+      if (u.value === "checkbox")
         return !!a.value;
     });
-    function p() {
-      s.value && e.update(g());
+    function c() {
+      s.value && e.update(m());
     }
-    function g() {
+    function m() {
       if (!s.value)
         return null;
-      switch (t.type) {
+      switch (u.value) {
         case "checkbox":
           return s.value.checked;
         case "date":
-          return s.value.valueAsDate;
+        case "time":
+        case "datetime-local":
+          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Xe);
+        case "number":
+          return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return pt(e, () => {
-      var $;
-      return ($ = s.value) == null ? void 0 : $.focus();
-    }), G(() => {
+    return vt(e, () => {
+      var h;
+      return (h = s.value) == null ? void 0 : h.focus();
+    }), ee(() => {
       if (s.value) {
-        if (t.type === "date" && a.value instanceof Date) {
-          s.value.valueAsDate = a.value;
+        if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
+          const h = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = h - Xe, e.update(new Date(h));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), ($, v) => (i(), y("input", {
+    }), (h, b) => (o(), w("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: o.value,
+      checked: i.value,
       type: u.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
-      onInput: p
-    }, null, 40, ia));
+      onInput: c
+    }, null, 40, Ca));
   }
-}), Rt = /* @__PURE__ */ h({
+}), Dt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = I(
+    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) => w(n.$slots, "default", {
+    ), e = d(() => typeof s.description == "string" ? s.description : ""), r = d(() => !!s.description);
+    return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (i(), f(z, V({ key: 0 }, n.$attrs, {
+      r.value ? (o(), g(P, H({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : M("", !0)
+      }), null, 16, ["id", "text"])) : V("", !0)
     ]);
   }
-}), oa = ["id"], ye = /* @__PURE__ */ h({
+}), xa = ["id"], $e = /* @__PURE__ */ v({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = I("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? k(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (i(), y("p", {
+    const s = L("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => s.errors ? T(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (o(), w("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, C(e.value), 9, oa)) : M("", !0);
+    }, C(e.value), 9, xa)) : V("", !0);
   }
-}), ua = {
+}), ka = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ca = /* @__PURE__ */ h({
+}, Sa = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2631,65 +2682,71 @@ const aa = /* @__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(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var o, p, g;
-      return H(
+    const s = W(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = Z("$inputRef"), [r, n] = Ae(), a = d(() => S("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => S("mt-2 text-sm text-gray-600", t.descriptionClass)), i = d(() => S("mt-2 text-sm text-red-600", t.errorClass)), c = d(() => {
+      var m, h, b;
+      return S(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
+          "focus:ring-primary-600": !((m = e.value) != null && m.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((h = e.value) != null && h.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (b = e.value) == null ? void 0 : b.errors
         },
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (m, h) => (o(), g(je, H({
       ref: "$inputRef",
-      label: o.label,
+      label: m.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      "onUpdate:modelValue": h[0] || (h[0] = (b) => m.$emit("update:modelValue", b))
     }), {
-      default: m(() => {
-        var g;
+      default: f(() => {
+        var b;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          b("div", {
-            class: x(a.value)
+          p(we, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: _(a.value)
           }, [
-            d(Lt, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ua, [
-              d(l(De), { class: "size-5 text-red-500" })
-            ])) : M("", !0)
+            p(At, H(l(r), { class: c.value }), null, 16, ["class"]),
+            (b = e.value) != null && b.errors ? (o(), w("div", ka, [
+              p(l(Be), { class: "size-5 text-red-500" })
+            ])) : V("", !0)
           ], 2),
-          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          p(Dt, {
+            class: _(u.value)
+          }, null, 8, ["class"]),
+          p($e, {
+            class: _(i.value)
+          }, null, 8, ["class"])
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function ql(t, s = {}) {
+function ro(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Al(t, s = {}) {
+function no(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Pl(t, s, e = {}) {
+function ao(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2697,21 +2754,21 @@ function Pl(t, s, e = {}) {
     values: t
   };
 }
-function Dl(t) {
+function lo(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function jl(t) {
+function oo(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Bl(t, s) {
+function io(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2719,55 +2776,55 @@ function Bl(t, s) {
     values: t
   };
 }
-function Fl(t) {
+function uo(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Ul(t) {
+function co(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function da(t) {
+function Ta(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Ol(t, s = {}) {
+function po(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Nl(t, s = {}) {
+function mo(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Wl(t, s = {}) {
+function fo(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function pa(t) {
-  const s = mt({
-    draft: da(t.defaultValue ?? "")
-  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
+function Ma(t) {
+  const s = bt({
+    draft: Ta(t.defaultValue ?? "")
+  }), e = d(() => t.title ?? t.message), r = d(() => t.title ? t.message : null), n = d(() => t.acceptText ?? T("ui.accept", "Ok")), a = d(() => t.cancelText ?? T("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h({
+const Va = { class: "mt-4 flex flex-row-reverse gap-2" }, Ea = /* @__PURE__ */ v({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2782,43 +2839,43 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = pa(e);
-    return s(), (p, g) => (i(), f(re, {
+    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = Ma(e);
+    return s(), (c, m) => (o(), g(ne, {
       title: l(n),
       persistent: ""
     }, {
-      default: m(({ close: $ }) => [
-        d(Vt, {
+      default: f(({ close: h }) => [
+        p(qt, {
           form: l(r),
-          onSubmit: (v) => $(l(r).draft)
+          onSubmit: (b) => h(l(r).draft)
         }, {
-          default: m(() => [
-            l(a) ? (i(), f(z, {
+          default: f(() => [
+            l(a) ? (o(), g(P, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : M("", !0),
-            d(ca, {
+            }, null, 8, ["text"])) : V("", !0),
+            p(Sa, {
               name: "draft",
               class: "mt-2",
-              placeholder: p.placeholder,
-              label: p.label
+              placeholder: c.placeholder,
+              label: c.label
             }, null, 8, ["placeholder", "label"]),
-            b("div", ma, [
-              d(R, {
-                variant: p.acceptVariant,
+            y("div", Va, [
+              p(z, {
+                variant: c.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  L(C(l(u)), 1)
+                default: f(() => [
+                  I(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d(R, {
-                variant: p.cancelVariant,
-                onClick: (v) => $()
+              p(z, {
+                variant: c.cancelVariant,
+                onClick: (b) => h()
               }, {
-                default: m(() => [
-                  L(C(l(o)), 1)
+                default: f(() => [
+                  I(C(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2830,65 +2887,65 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), ha = {
+}), Ha = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ga(t, s) {
-  return i(), y("svg", ha, s[0] || (s[0] = [
-    b("path", {
+function La(t, s) {
+  return o(), w("svg", Ha, s[0] || (s[0] = [
+    y("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 va = E({ name: "material-symbols-bug-report", render: ga }), ba = {
+const Ia = R({ name: "material-symbols-bug-report", render: La }), Ra = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ya(t, s) {
-  return i(), y("svg", ba, s[0] || (s[0] = [
-    b("path", {
+function za(t, s) {
+  return o(), w("svg", Ra, s[0] || (s[0] = [
+    y("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
     }, null, -1)
   ]));
 }
-const $a = E({ name: "material-symbols-delete-forever-rounded", render: ya }), wa = {
+const qa = R({ name: "material-symbols-delete-forever-rounded", render: za }), Pa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function _a(t, s) {
-  return i(), y("svg", wa, s[0] || (s[0] = [
-    b("path", {
+function Aa(t, s) {
+  return o(), w("svg", Pa, s[0] || (s[0] = [
+    y("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 Ca = E({ name: "material-symbols-frame-inspect", render: _a }), xa = {
+const Da = R({ name: "material-symbols-frame-inspect", render: Aa }), Ba = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ka(t, s) {
-  return i(), y("svg", xa, s[0] || (s[0] = [
-    b("path", {
+function ja(t, s) {
+  return o(), w("svg", Ba, s[0] || (s[0] = [
+    y("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 Sa = E({ name: "material-symbols-refresh-rounded", render: ka }), Ta = { class: "grid grow place-items-center" }, Ma = { class: "flex flex-col items-center p-8" }, Ha = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Va = { 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" }, Ea = /* @__PURE__ */ h({
+const Oa = R({ name: "material-symbols-refresh-rounded", render: ja }), Fa = { class: "grid grow place-items-center" }, Ua = { class: "flex flex-col items-center p-8" }, Na = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Wa = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ka = /* @__PURE__ */ v({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await P.confirm(
-        k("startupCrash.purgeConfirmTitle", "Delete everything?"),
-        k(
+      await D.confirm(
+        T("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        T(
           "startupCrash.purgeConfirmMessage",
           `If the problem persists, one drastic solution may be to wipe the storage in this device to start from scratch. However, keep in mind that **all the data that you haven't synchronized will be deleted forever**.
 
@@ -2896,61 +2953,61 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: k("startupCrash.purgeConfirmAccept", "Purge device")
+          acceptText: T("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await ht.purge(), await A.reload());
+      ) && (await wt.purge(), await A.reload());
     }
     return (e, r) => {
-      const n = Wt("i-majesticons-exclamation");
-      return i(), y("div", Ta, [
-        b("div", Ma, [
-          d(n, { class: "size-20 text-red-600" }),
-          b("h1", Ha, C(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          d(z, {
+      const n = Gt("i-majesticons-exclamation");
+      return o(), w("div", Fa, [
+        y("div", Ua, [
+          p(n, { class: "size-20 text-red-600" }),
+          y("h1", Na, C(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          p(P, {
             text: e.$td(
               "startupCrash.message",
               "There was a problem starting the application, but here's some things you can do:"
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          b("div", Va, [
-            d(R, {
+          y("div", Wa, [
+            p(z, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
-              default: m(() => [
-                d(l(Sa)),
-                L(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
+              default: f(() => [
+                p(l(Oa)),
+                I(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            p(z, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
-              default: m(() => [
-                d(l(va)),
-                L(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
+              default: f(() => [
+                p(l(Ia)),
+                I(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            p(z, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
-              default: m(() => [
-                d(l($a)),
-                L(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
+              default: f(() => [
+                p(l(qa)),
+                I(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            p(z, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
-              default: m(() => [
-                d(l(Ca)),
-                L(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              default: f(() => [
+                p(l(Da)),
+                I(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2959,23 +3016,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), zt = /* @__PURE__ */ h({
+}), Bt = /* @__PURE__ */ v({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(Y(s.action.dismiss ? l(Ds) : "button"), {
+    return (s, e) => (o(), g(te(s.action.dismiss ? l(Us) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: m(() => [
-        L(C(s.action.label), 1)
+      default: f(() => [
+        I(C(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), La = { key: 0 }, Ra = /* @__PURE__ */ h({
+}), Qa = { key: 0 }, Za = /* @__PURE__ */ v({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2983,11 +3040,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(js), null, {
-      default: m(() => [
-        w(s.$slots, "default", {}, () => [
-          s.message ? (i(), y("span", La, C(s.message), 1)) : M("", !0),
-          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(zt, {
+    return (s, e) => (o(), g(l(Ns), null, {
+      default: f(() => [
+        $(s.$slots, "default", {}, () => [
+          s.message ? (o(), w("span", Qa, C(s.message), 1)) : V("", !0),
+          (o(!0), w(j, null, F(s.actions, (r, n) => (o(), g(Bt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2996,7 +3053,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), za = /* @__PURE__ */ h({
+}), Ja = /* @__PURE__ */ v({
   __name: "Toast",
   props: {
     message: {},
@@ -3005,14 +3062,15 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => dt(
+    const e = d(() => gt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
         variants: {
           variant: {
             secondary: "bg-gray-900 text-white ring-black",
-            danger: "bg-red-50 text-red-900 ring-red-100"
+            danger: "bg-red-50 text-red-900 ring-red-100",
+            warning: "bg-yellow-50 text-yellow-900 ring-yellow-100"
           }
         },
         defaultVariants: {
@@ -3020,98 +3078,98 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (i(), f(Ra, {
-      class: x(e.value)
+    return s(), (r, n) => (o(), g(Za, {
+      class: _(e.value)
     }, {
-      default: m(() => [
-        r.message ? (i(), f(z, {
+      default: f(() => [
+        r.message ? (o(), g(P, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : M("", !0),
-        (i(!0), y(D, null, U(r.actions, (a, u) => (i(), f(R, {
+        }, null, 8, ["text"])) : V("", !0),
+        (o(!0), w(j, null, F(r.actions, (a, u) => (o(), g(z, {
           key: u,
           action: a,
           variant: r.variant,
-          as: zt
+          as: Bt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Ia = { $ui: P }, qa = {
+}), Ga = { $ui: D }, Xa = {
   async install(t, s) {
     const e = {
-      "alert-modal": gn,
-      "confirm-modal": Cn,
-      "error-report-modal": Xn,
-      "loading-modal": aa,
-      "prompt-modal": fa,
-      "startup-crash": Ea,
-      toast: za,
+      "alert-modal": Ln,
+      "confirm-modal": Dn,
+      "error-report-modal": ma,
+      "loading-modal": $a,
+      "prompt-modal": Ea,
+      "startup-crash": Ka,
+      toast: Ja,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      P.registerComponent(r, n);
-    await ke(t, Ia);
+      D.registerComponent(r, n);
+    await Me(t, Ga);
   }
 };
-async function Aa(t, s = {}) {
+async function Ya(t, s = {}) {
   var r;
-  const e = [sn, yr, tn, Br, Cr, qa, ...s.plugins ?? []];
-  A.instance = t, await tr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
+  const e = [wn, qr, yn, nn, Br, Xa, ...s.plugins ?? []];
+  A.instance = t, await vr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await N.emit("application-ready");
 }
-async function Kl(t, s = {}) {
+async function ho(t, s = {}) {
   var r;
-  const e = Kt(t);
-  J() && (window.$aerogel = e), await Aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
+  const e = Xt(t);
+  G() && (window.$aerogel = e), await Ya(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await N.emit("application-mounted");
 }
-const Pa = /* @__PURE__ */ h({
+const el = /* @__PURE__ */ v({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), f(l(Bs), null, {
-      default: m(() => [
-        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), f(Y(r.component), V({
+    return (s, e) => (o(), g(l(Ws), null, {
+      default: f(() => [
+        (o(!0), w(j, null, F(s.$ui.toasts, (r) => (o(), g(te(r.component), H({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
-        d(l(Fs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        p(l(Ks), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Da = /* @__PURE__ */ h({
+}), tl = /* @__PURE__ */ v({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (i(), y(D, null, [
-      d(l(vs), { nested: "" }),
-      d(Pa)
+    return (s, e) => (o(), w(j, null, [
+      p(l(Cs), { nested: "" }),
+      p(el)
     ], 64));
   }
-}), ja = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ql = /* @__PURE__ */ h({
+}), sl = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, go = /* @__PURE__ */ v({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), y("div", ja, [
-      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), f(Y(s.$ui.requireComponent("startup-crash"))))
-      ]) : w(s.$slots, "default", { key: 1 }),
-      d(Da)
+    return (s, e) => (o(), w("div", sl, [
+      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
+        (o(), g(te(s.$ui.requireComponent("startup-crash"))))
+      ]) : $(s.$slots, "default", { key: 1 }),
+      p(tl)
     ]));
   }
-}), Ba = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Fa = /* @__PURE__ */ h({
+}), rl = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], nl = /* @__PURE__ */ v({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = ee("$textAreaRef"), e = I(
+    const s = Z("$textAreaRef"), e = L(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
-    ), r = c(() => e.name ?? void 0), n = c(() => e.value);
+    ), r = d(() => e.name ?? void 0), n = d(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return pt(e, () => {
+    return vt(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
-    }), (u, o) => (i(), y("textarea", {
+    }), (u, i) => (o(), w("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3120,22 +3178,51 @@ const Pa = /* @__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, Ba));
+    }, null, 40, rl));
+  }
+}), al = { class: "group" }, ll = /* @__PURE__ */ v({
+  __name: "Details",
+  props: {
+    label: { default: () => {
+    } },
+    contentClass: {},
+    summaryClass: {}
+  },
+  setup(t) {
+    const s = d(() => S("pt-2 pl-4", t.contentClass)), e = d(() => S(
+      "-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(), w("details", al, [
+      y("summary", {
+        class: _(e.value)
+      }, [
+        p(l(Pt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        $(r.$slots, "label", {}, () => [
+          y("span", null, C(r.label ?? r.$td("ui.details", "Details")), 1)
+        ])
+      ], 2),
+      y("div", {
+        class: _(s.value)
+      }, [
+        $(r.$slots, "default")
+      ], 2)
+    ]));
   }
-}), Ua = { class: "group" }, Oa = { 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" }, Na = { class: "pt-2 pl-4" }, Jl = /* @__PURE__ */ h({
+}), vo = /* @__PURE__ */ v({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), y("details", Ua, [
-      b("summary", Oa, [
-        d(l(Et), { class: "size-6 transition-transform group-open:rotate-90" }),
-        b("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (o(), g(ll, {
+      label: s.$td("ui.advancedOptions", "Advanced options")
+    }, {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
-      b("div", Na, [
-        w(s.$slots, "default")
-      ])
-    ]));
+      _: 3
+    }, 8, ["label"]));
   }
-}), Wa = { class: "flex h-6 items-center" }, Zl = /* @__PURE__ */ h({
+}), ol = { class: "flex h-6 items-center" }, bo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3148,53 +3235,309 @@ const Pa = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative flex items-start", n.value)), u = c(() => {
-      var p, g;
-      return H(
+    const s = W(t, ["inputClass", "labelClass"]), e = Z("$inputRef"), [r, n] = Ae(), a = d(() => S("relative flex items-start", n.value)), u = d(() => {
+      var c, m;
+      return S(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
-          "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
-          "border-red-400 border-2 focus:ring-red-600": (g = e.value) == null ? void 0 : g.errors
+          "border-gray-300 focus:ring-primary-600": !((c = e.value) != null && c.errors),
+          "border-red-400 border-2 focus:ring-red-600": (m = e.value) == null ? void 0 : m.errors
         },
         t.inputClass
       );
-    }), o = c(() => H("ml-2 text-sm leading-6", t.labelClass));
-    return (p, g) => (i(), f(je, V({
+    }), i = d(() => S("ml-2 text-sm leading-6", t.labelClass));
+    return (c, m) => (o(), g(je, H({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": g[0] || (g[0] = ($) => p.$emit("update:modelValue", $))
+      "onUpdate:modelValue": m[0] || (m[0] = (h) => c.$emit("update:modelValue", h))
     }), {
-      default: m(() => [
-        b("div", Wa, [
-          d(Lt, V(l(r), {
+      default: f(() => [
+        y("div", ol, [
+          p(At, H(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
         ]),
-        p.$slots.default ? (i(), y("div", {
+        c.$slots.default ? (o(), w("div", {
           key: 0,
-          class: x(o.value)
+          class: _(i.value)
         }, [
-          d(be, { class: "text-gray-900" }, {
-            default: m(() => [
-              w(p.$slots, "default")
+          p(we, { class: "text-gray-900" }, {
+            default: f(() => [
+              $(c.$slots, "default")
             ]),
             _: 3
           }),
-          d(ye, { class: "text-red-600" })
-        ], 2)) : p.label ? (i(), y("div", {
+          p($e, { class: "text-red-600" })
+        ], 2)) : c.label ? (o(), w("div", {
           key: 1,
-          class: x(o.value)
+          class: _(i.value)
         }, [
-          d(be, { class: "text-gray-900" }),
-          d(ye, { class: "text-red-600" })
-        ], 2)) : M("", !0)
+          p(we, { class: "text-gray-900" }),
+          p($e, { class: "text-red-600" })
+        ], 2)) : V("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ka = /* @__PURE__ */ h({
+}), il = /* @__PURE__ */ v({
+  __name: "Provide",
+  props: {
+    name: {},
+    value: {}
+  },
+  setup(t) {
+    return le(t.name, t.value), (s, e) => $(s.$slots, "default");
+  }
+}), ul = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50" }, rt = /* @__PURE__ */ v({
+  __name: "ComboboxOption",
+  props: {
+    textValue: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select"],
+  setup(t, { emit: s }) {
+    const e = s, r = L("select", "<ComboboxOption> must be a child of a <Combobox>"), n = Qs(), a = L("combobox"), u = d(() => {
+      var m;
+      const c = (m = r.options) == null ? void 0 : m.find((h) => h.value === t.value);
+      return c ? r.renderOption(c.value) : O(t.value);
+    });
+    function i(c) {
+      n.multiple.value || n.disabled.value || (c.preventDefault(), a.preventChange = !0, n.modelValue.value = t.value, e("select"));
+    }
+    return (c, m) => (o(), g(l(Zs), H(c.$props, {
+      class: "group p-1 outline-none",
+      onSelect: m[0] || (m[0] = (h) => i(h))
+    }), {
+      default: f(() => [
+        y("div", ul, [
+          $(c.$slots, "default", {}, () => [
+            I(C(u.value), 1)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), cl = { class: "relative flex max-w-[calc(100vw-2rem)] items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate" }, dl = /* @__PURE__ */ v({
+  __name: "ComboboxOptions",
+  props: {
+    newInputValue: { type: Function }
+  },
+  emits: ["select"],
+  setup(t) {
+    const { contains: s } = Js({ sensitivity: "base" }), e = L("select", "<ComboboxOptions> must be a child of a <Combobox>"), r = L("combobox"), n = Z("$group"), a = d(
+      () => {
+        var c;
+        return ((c = e.options) == null ? void 0 : c.filter((m) => s(m.label, r.input))) ?? [];
+      }
+    ), u = d(
+      () => r.input && !a.value.some((c) => c.label === r.input)
+    ), i = S(
+      "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 ae(n, () => {
+      var c;
+      return r.$group = ((c = n.value) == null ? void 0 : c.$el) ?? null;
+    }), (c, m) => (o(), g(l(Gs), null, {
+      default: f(() => [
+        p(l(Xs), {
+          position: "popper",
+          align: l(e).align,
+          side: l(e).side,
+          "side-offset": 4,
+          class: _(l(i))
+        }, {
+          default: f(() => [
+            p(l(Ys), null, {
+              default: f(() => [
+                p(l(er), { class: "group p-1 outline-none" }, {
+                  default: f(() => [
+                    y("div", cl, C(c.$td("ui.comboboxEmpty", "No options found")), 1)
+                  ]),
+                  _: 1
+                }),
+                p(l(tr), {
+                  ref_key: "$group",
+                  ref: n
+                }, {
+                  default: f(() => {
+                    var h;
+                    return [
+                      u.value ? (o(), g(rt, {
+                        key: 0,
+                        value: ((h = c.newInputValue) == null ? void 0 : h.call(c, l(r).input)) ?? l(r).input,
+                        onSelect: m[0] || (m[0] = (b) => c.$emit("select"))
+                      }, {
+                        default: f(() => [
+                          I(C(l(r).input), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["value"])) : V("", !0),
+                      (o(!0), w(j, null, F(a.value, (b) => (o(), g(rt, {
+                        key: b.key,
+                        value: b.value,
+                        onSelect: m[1] || (m[1] = (x) => c.$emit("select"))
+                      }, null, 8, ["value"]))), 128))
+                    ];
+                  }),
+                  _: 1
+                }, 512)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["align", "side", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), pl = /* @__PURE__ */ v({
+  __name: "ComboboxTrigger",
+  emits: ["focus", "change", "blur"],
+  setup(t, { emit: s }) {
+    const e = s, r = L("select", "<ComboboxTrigger> must be a child of a <Combobox>"), n = L("combobox"), a = d(() => S(
+      // eslint-disable-next-line vue/max-len
+      "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
+      {
+        "mt-1": r.label,
+        "focus:ring-primary-600": !r.errors,
+        "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !r.errors,
+        "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": r.errors
+      }
+    ));
+    function u() {
+      Array.from(document.querySelectorAll(":hover")).some((c) => {
+        var m;
+        return (m = n.$group) == null ? void 0 : m.contains(c);
+      }) || e("blur");
+    }
+    return ae(
+      () => n.input,
+      () => {
+        if (n.preventChange) {
+          n.preventChange = !1;
+          return;
+        }
+        e("change");
+      }
+    ), (i, c) => (o(), g(l(sr), null, {
+      default: f(() => [
+        p(l(rr), {
+          id: l(r).id,
+          modelValue: l(n).input,
+          "onUpdate:modelValue": c[0] || (c[0] = (m) => l(n).input = m),
+          placeholder: l(r).placeholder,
+          class: _(a.value),
+          "display-value": l(r).renderOption,
+          name: l(r).name,
+          onFocus: c[1] || (c[1] = (m) => i.$emit("focus")),
+          onBlur: c[2] || (c[2] = (m) => u()),
+          onKeydown: c[3] || (c[3] = Yt((m) => i.$emit("blur"), ["esc"]))
+        }, null, 8, ["id", "modelValue", "placeholder", "class", "display-value", "name"])
+      ]),
+      _: 1
+    }));
+  }
+}), ml = /* @__PURE__ */ v({
+  __name: "ComboboxLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = L("select", "<ComboboxLabel> must be a child of a <Combobox>"), e = xe(), r = d(() => !!(s.label || e.default)), n = d(() => S("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
+    return (a, u) => r.value ? (o(), g(l(mt), H({
+      key: 0,
+      for: l(s).id,
+      class: n.value
+    }, a.$props), {
+      default: f(() => [
+        $(a.$slots, "default", {}, () => [
+          I(C(l(s).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for", "class"])) : V("", !0);
+  }
+}), yo = /* @__PURE__ */ v({
+  __name: "Combobox",
+  props: {
+    as: { default: "div" },
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    compareOptions: { type: Function, default: (t, s) => t === s },
+    labelClass: {},
+    optionsClass: {},
+    align: {},
+    side: {},
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    newInputValue: { type: Function }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = W(t, ["as", "compareOptions", "newInputValue"]), {
+      expose: a,
+      acceptableValue: u,
+      update: i,
+      renderOption: c
+    } = St(
+      d(() => ({ as: t.as, compareOptions: t.compareOptions, ...n })),
+      r
+    ), m = B(!1), h = {
+      input: B(u.value ? c(u.value) : ""),
+      preventChange: B(!1),
+      $group: B(null)
+    };
+    function b(x) {
+      h.input.value = c(x), i(x);
+    }
+    return ae(h.input, (x) => {
+      const E = t.newInputValue ? t.newInputValue(x) : x, q = c(a.value.value), Ve = c(a.value.value);
+      q !== Ve && b(E);
+    }), s(a), (x, E) => (o(), g(l(nr), {
+      "ignore-filter": "",
+      open: m.value,
+      "reset-search-term-on-blur": !1,
+      "reset-search-term-on-select": !1,
+      "model-value": l(u),
+      by: x.compareOptions,
+      "onUpdate:modelValue": E[4] || (E[4] = (q) => b(q))
+    }, {
+      default: f(() => [
+        p(il, {
+          name: "combobox",
+          value: h
+        }, {
+          default: f(() => [
+            p(ml),
+            p(pl, {
+              onFocus: E[0] || (E[0] = (q) => m.value = !0),
+              onChange: E[1] || (E[1] = (q) => m.value = !0),
+              onBlur: E[2] || (E[2] = (q) => m.value = !1)
+            }),
+            p(dl, {
+              "new-input-value": x.newInputValue,
+              onSelect: E[3] || (E[3] = (q) => m.value = !1)
+            }, null, 8, ["new-input-value"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open", "model-value", "by"]));
+  }
+}), fl = /* @__PURE__ */ v({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3203,37 +3546,37 @@ const Pa = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => H(
+    const s = W(t, ["class"]), e = d(() => S(
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (i(), f(l(Us), V({ class: e.value }, s, {
+    return (r, n) => (o(), g(l(ar), H({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
-      default: m(() => [
-        w(r.$slots, "default")
+      default: f(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qa = /* @__PURE__ */ h({
+}), hl = /* @__PURE__ */ v({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = I(
+    const s = L(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), f(l(Os), {
+    return (e, r) => (o(), g(l(lr), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: l(s).align,
       side: l(s).side
     }, {
-      default: m(() => [
-        w(e.$slots, "default", {}, () => [
-          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Ka, V(
+      default: f(() => [
+        $(e.$slots, "default", {}, () => [
+          (o(!0), w(j, null, F(l(s).options, (n, a) => (o(), g(fl, H(
             {
               key: a,
-              as: n.route || n.href ? $t : void 0,
+              as: n.route || n.href ? kt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3245,13 +3588,13 @@ const Pa = /* @__PURE__ */ h({
             } : {},
             {
               onSelect: (u) => {
-                var o;
-                return (o = n.click) == null ? void 0 : o.call(n);
+                var i;
+                return (i = n.click) == null ? void 0 : i.call(n);
               }
             }
           ), {
-            default: m(() => [
-              L(C(n.label), 1)
+            default: f(() => [
+              I(C(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3260,7 +3603,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Xl = /* @__PURE__ */ h({
+}), wo = /* @__PURE__ */ v({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3271,23 +3614,23 @@ const Pa = /* @__PURE__ */ h({
     const e = {
       align: t.align,
       side: t.side,
-      options: c(() => {
+      options: d(() => {
         var r;
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return de("dropdown-menu", e), s(e), (r, n) => (i(), f(l(Ns), null, {
-      default: m(() => [
-        d(l(Ws), null, {
-          default: m(() => [
-            w(r.$slots, "default")
+    return le("dropdown-menu", e), s(e), (r, n) => (o(), g(l(or), null, {
+      default: f(() => [
+        p(l(ir), null, {
+          default: f(() => [
+            $(r.$slots, "default")
           ]),
           _: 3
         }),
-        d(l(Ks), null, {
-          default: m(() => [
-            w(r.$slots, "options", {}, () => [
-              d(Qa)
+        p(l(ur), null, {
+          default: f(() => [
+            $(r.$slots, "options", {}, () => [
+              p(hl)
             ])
           ]),
           _: 3
@@ -3296,7 +3639,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Ja = ["aria-hidden"], Za = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
+}), gl = ["aria-hidden"], vl = ["tabindex", "aria-label", "type"], $o = /* @__PURE__ */ v({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3309,106 +3652,106 @@ const Pa = /* @__PURE__ */ h({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => H("inline whitespace-pre", t.contentClass)), o = c(() => H("invisible whitespace-pre", t.contentClass)), p = c(() => H("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    function g() {
+    const e = s, r = Z("$inputRef"), n = B(null), a = B(t.text), u = d(() => S("inline whitespace-pre", t.contentClass)), i = d(() => S("invisible whitespace-pre", t.contentClass)), c = d(() => S("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function m() {
       n.value = t.text;
     }
-    function $() {
+    function h() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return G(() => a.value = t.text), (v, S) => (i(), y("div", {
-      class: x(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+    return ee(() => a.value = t.text), (b, x) => (o(), w("div", {
+      class: _(["relative", { "pointer-events-none!": b.disabled && !n.value }])
     }, [
-      n.value ? (i(), y("span", {
+      n.value ? (o(), w("span", {
         key: 1,
-        class: x(o.value)
-      }, C(a.value), 3)) : (i(), y("div", {
+        class: _(i.value)
+      }, C(a.value), 3)) : (o(), w("div", {
         key: 0,
-        class: x(u.value)
+        class: _(u.value)
       }, [
-        w(v.$slots, "default")
+        $(b.$slots, "default")
       ], 2)),
-      v.type === "number" ? (i(), y("span", {
+      b.type === "number" ? (o(), w("span", {
         key: 2,
-        class: x(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : M("", !0),
-      b("form", {
+        class: _(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : V("", !0),
+      y("form", {
         class: "w-full",
-        "aria-hidden": v.formAriaHidden,
-        onSubmit: S[4] || (S[4] = st((q) => {
-          var pe;
-          return (pe = r.value) == null ? void 0 : pe.blur();
+        "aria-hidden": b.formAriaHidden,
+        onSubmit: x[4] || (x[4] = lt((E) => {
+          var q;
+          return (q = r.value) == null ? void 0 : q.blur();
         }, ["prevent"]))
       }, [
-        rt(b("input", {
+        ot(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": S[0] || (S[0] = (q) => a.value = q),
-          tabindex: v.tabindex ?? void 0,
-          "aria-label": v.ariaLabel ?? void 0,
-          type: v.type,
-          class: x([
-            p.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
+          "onUpdate:modelValue": x[0] || (x[0] = (E) => a.value = E),
+          tabindex: b.tabindex ?? void 0,
+          "aria-label": b.ariaLabel ?? void 0,
+          type: b.type,
+          class: _([
+            c.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && b.type === "number" }
           ]),
-          onKeyup: S[1] || (S[1] = (q) => v.$emit("update", a.value)),
-          onFocus: S[2] || (S[2] = (q) => g()),
-          onBlur: S[3] || (S[3] = (q) => $())
-        }, null, 42, Za), [
-          [Qt, a.value]
+          onKeyup: x[1] || (x[1] = (E) => b.$emit("update", a.value)),
+          onFocus: x[2] || (x[2] = (E) => m()),
+          onBlur: x[3] || (x[3] = (E) => h())
+        }, null, 42, vl), [
+          [es, a.value]
         ])
-      ], 40, Ja)
+      ], 40, gl)
     ], 2));
   }
-}), Xa = {
+}), bl = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Ga(t, s) {
-  return i(), y("svg", Xa, s[0] || (s[0] = [
-    b("path", {
+function yl(t, s) {
+  return o(), w("svg", bl, s[0] || (s[0] = [
+    y("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 Ya = E({ name: "ion-warning", render: Ga }), el = {
+const wl = R({ name: "ion-warning", render: yl }), $l = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function tl(t, s) {
-  return i(), y("svg", el, s[0] || (s[0] = [
-    b("path", {
+function _l(t, s) {
+  return o(), w("svg", $l, s[0] || (s[0] = [
+    y("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 sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-medium" }, nl = ["datetime"], al = /* @__PURE__ */ h({
+const Cl = R({ name: "zondicons-view-show", render: _l }), xl = { class: "font-medium" }, kl = ["datetime"], Sl = /* @__PURE__ */ v({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (i(), f(re, {
+    return (s, e) => (o(), g(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
-      default: m(() => [
-        b("ol", null, [
-          (i(!0), y(D, null, U(s.$errors.logs, (r, n) => (i(), y("li", {
+      default: f(() => [
+        y("ol", null, [
+          (o(!0), w(j, null, F(s.$errors.logs, (r, n) => (o(), w("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", rl, C(r.report.title), 1),
-              b("time", {
+            y("div", null, [
+              y("h3", xl, C(r.report.title), 1),
+              y("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, C(r.date.toLocaleTimeString()), 9, nl),
-              d(z, {
+              }, C(r.date.toLocaleTimeString()), 9, kl),
+              p(P, {
                 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(R, {
+            p(z, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3419,8 +3762,8 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
                 s.$errors.logs.map(({ report: u }) => u)
               )
             }, {
-              default: m(() => [
-                d(l(sl), {
+              default: f(() => [
+                p(l(Cl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3433,36 +3776,36 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Yl = /* @__PURE__ */ h({
+}), _o = /* @__PURE__ */ v({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (i(), f(R, {
+    return (s, e) => s.$errors.logs.length > 0 ? (o(), g(z, {
       key: 0,
       size: "icon",
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(al))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Sl))
     }, {
-      default: m(() => [
-        d(l(Ya), { class: "size-6 text-red-500" })
+      default: f(() => [
+        p(l(wl), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : M("", !0);
+    }, 8, ["title", "aria-label"])) : V("", !0);
   }
-}), ei = /* @__PURE__ */ h({
+}), Co = /* @__PURE__ */ v({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => Ht(t.error));
-    return (e, r) => (i(), f(z, {
+    const s = d(() => zt(t.error));
+    return (e, r) => (o(), g(P, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), ti = /* @__PURE__ */ h({
+}), xo = /* @__PURE__ */ v({
   __name: "Link",
   props: {
     class: {},
@@ -3477,30 +3820,31 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(R, V({ variant: "link" }, s.$props), {
-      default: m(() => [
-        w(s.$slots, "default")
+    return (s, e) => (o(), g(z, H({ variant: "link" }, s.$props), {
+      default: f(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), si = /* @__PURE__ */ h({
+}), ko = /* @__PURE__ */ v({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => as(A.settings, "priority", "desc"));
-    return (e, r) => (i(), f(re, {
-      title: e.$td("settings.title", "Settings")
+    const s = d(() => ds(A.settings, "priority", "desc"));
+    return (e, r) => (o(), g(ne, {
+      title: e.$td("settings.title", "Settings"),
+      "fullscreen-on-mobile": e.$app.settingsFullscreenOnMobile
     }, {
-      default: m(() => [
-        (i(!0), y(D, null, U(s.value, (n, a) => (i(), f(Y(n.component), { key: a }))), 128))
+      default: f(() => [
+        (o(!0), w(j, null, F(s.value, (n, a) => (o(), g(te(n.component), { key: a }))), 128))
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "fullscreen-on-mobile"]));
   }
-}), ll = {
+}), Tl = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ri = /* @__PURE__ */ h({
+}, So = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3513,70 +3857,70 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var o, p, g;
-      return H(
+    const s = W(t, ["label", "inputClass", "wrapperClass"]), e = Z("$inputRef"), [r, n] = Ae(), a = d(() => S("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => {
+      var i, c, m;
+      return S(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
+          "focus:ring-primary-600": !((i = e.value) != null && i.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((c = e.value) != null && c.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (m = e.value) == null ? void 0 : m.errors
         },
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (i, c) => (o(), g(je, H({
       ref: "$inputRef",
-      label: o.label,
+      label: i.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      "onUpdate:modelValue": c[0] || (c[0] = (m) => i.$emit("update:modelValue", m))
     }), {
-      default: m(() => {
-        var g;
+      default: f(() => {
+        var m;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          b("div", {
-            class: x(a.value)
+          p(we, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: _(a.value)
           }, [
-            d(Fa, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ll, [
-              d(l(De), { class: "size-5 text-red-500" })
-            ])) : M("", !0)
+            p(nl, H(l(r), { class: u.value }), null, 16, ["class"]),
+            (m = e.value) != null && m.errors ? (o(), w("div", Tl, [
+              p(l(Be), { class: "size-5 text-red-500" })
+            ])) : V("", !0)
           ], 2),
-          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          p(Dt, { class: "mt-2 text-sm text-gray-600" }),
+          p($e, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class ni {
+class To {
   constructor() {
-    _(this, "status");
-    _(this, "_listeners");
-    _(this, "_progress");
-    _(this, "_cancelled");
-    _(this, "_started");
-    _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new ls(), this._started = new Q(), this._completed = new Q();
+    k(this, "status");
+    k(this, "_listeners");
+    k(this, "_progress");
+    k(this, "_cancelled");
+    k(this, "_started");
+    k(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new ps(), this._started = new J(), this._completed = new J();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof Ye)
+      if (s instanceof st)
         return;
-      throw te(is(s), (e) => {
+      throw se(ms(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new Q(), await this._cancelled;
+    this._cancelled = new J(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3611,13 +3955,13 @@ class ni {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ye();
+      throw this._cancelled.resolve(), new st();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? os(
+    return s ?? (s = this.status), s.completed ? 1 : !s.children || s.children.length === 0 ? 0 : fs(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
-    ) : 0;
+    );
   }
   async updateProgress(s) {
     await (s == null ? void 0 : s(this.status));
@@ -3628,155 +3972,165 @@ class ni {
     return { ...s };
   }
 }
-async function ai(t) {
+async function Mo(t) {
   await t.start();
 }
 export {
-  Jl as AdvancedOptions,
-  gn as AlertModal,
+  vo as AdvancedOptions,
+  Ln as AlertModal,
   A as App,
-  Ql as AppLayout,
-  Da as AppOverlays,
-  er as AppService,
-  Pa as AppToasts,
-  R as Button,
-  Rl as Cache,
-  $r as CacheService,
-  Zl as Checkbox,
-  Cn as ConfirmModal,
-  Xl as DropdownMenu,
-  Ka as DropdownMenuOption,
-  Qa as DropdownMenuOptions,
-  Gl as EditableContent,
-  Yl as ErrorLogs,
-  al as ErrorLogsModal,
-  ei as ErrorMessage,
-  Xn as ErrorReportModal,
-  Fn as ErrorReportModalButtons,
-  Un as ErrorReportModalTitle,
-  yt as Errors,
-  wl as EventListenerPriorities,
-  F as Events,
-  Gs as EventsService,
-  Vt as Form,
-  cr as FormController,
-  $t as HeadlessButton,
+  go as AppLayout,
+  tl as AppOverlays,
+  gr as AppService,
+  el as AppToasts,
+  z as Button,
+  eo as Cache,
+  Pr as CacheService,
+  bo as Checkbox,
+  yo as Combobox,
+  ml as ComboboxLabel,
+  rt as ComboboxOption,
+  dl as ComboboxOptions,
+  pl as ComboboxTrigger,
+  Dn as ConfirmModal,
+  ll as Details,
+  wo as DropdownMenu,
+  fl as DropdownMenuOption,
+  hl as DropdownMenuOptions,
+  $o as EditableContent,
+  _o as ErrorLogs,
+  Sl as ErrorLogsModal,
+  Co as ErrorMessage,
+  ma as ErrorReportModal,
+  na as ErrorReportModalButtons,
+  aa as ErrorReportModalTitle,
+  xt as Errors,
+  Ol as EventListenerPriorities,
+  N as Events,
+  fr as EventsService,
+  qt as Form,
+  Sr as FormController,
+  kt as HeadlessButton,
   je as HeadlessInput,
-  Rt as HeadlessInputDescription,
-  ye as HeadlessInputError,
-  Lt as HeadlessInputInput,
-  be as HeadlessInputLabel,
-  Fa as HeadlessInputTextArea,
-  ln as HeadlessModal,
-  on as HeadlessModalContent,
-  un as HeadlessModalDescription,
-  cn as HeadlessModalOverlay,
-  dn as HeadlessModalTitle,
-  Lr as HeadlessSelect,
-  Xe as HeadlessSelectLabel,
-  Ct as HeadlessSelectOption,
-  xt as HeadlessSelectOptions,
-  _t as HeadlessSelectTrigger,
-  wt as HeadlessSelectValue,
-  Qr as HeadlessSwitch,
-  Ra as HeadlessToast,
-  ca as Input,
-  ni as Job,
-  Ye as JobCancelledError,
-  Z as Lang,
-  ve as Layouts,
-  ti as Link,
-  aa as LoadingModal,
-  gt as MOBILE_BREAKPOINT,
-  z as Markdown,
-  re as Modal,
-  oi as ModalComponent,
-  ui as ModalsPortal,
-  ra as ProgressBar,
-  fa as PromptModal,
-  qr as Select,
-  kt as SelectLabel,
-  Ge as SelectOption,
-  St as SelectOptions,
-  Tt as SelectTrigger,
-  xe as Service,
-  Ee as ServiceBootError,
-  Wr as Setting,
-  si as SettingsModal,
-  Ea as StartupCrash,
-  ht as Storage,
-  Jr as Switch,
-  ri as TextArea,
-  za as Toast,
-  P as UI,
-  kr as UIService,
-  Tl as __valueType,
-  br as aerogelDirectives,
-  Qs as appNamespace,
-  ql as booleanInput,
-  ke as bootServices,
-  Kl as bootstrap,
-  Aa as bootstrapApplication,
-  H as classes,
-  ci as closeModal,
-  Vl as computedAsync,
-  El as computedDebounce,
-  di as createModal,
-  Al as dateInput,
-  xl as defineDirective,
-  Sl as defineFormValidationRule,
-  Cl as definePlugin,
-  Ce as defineServiceState,
-  Xs as defineServiceStore,
-  _l as defineSettings,
-  ai as dispatch,
-  Pl as enumInput,
-  vt as getCurrentLayout,
-  Ht as getErrorMessage,
-  hr as getMarkdownRouter,
-  Zs as getPiniaStore,
-  Er as hasSelectOptionLabel,
-  pi as injectModal,
-  nr as injectOrFail,
-  rr as injectReactive,
-  I as injectReactiveOrFail,
-  tr as installPlugins,
-  mi as modals,
-  Ol as numberInput,
-  Nl as objectInput,
-  Ml as onCleanMounted,
-  pt as onFormFocus,
-  Hl as persistent,
-  dr as reactiveSet,
-  Il as registerErrorHandler,
-  gr as renderMarkdown,
-  ct as renderVNode,
-  zl as replaceExisting,
-  Dl as requiredBooleanInput,
-  jl as requiredDateInput,
-  Bl as requiredEnumInput,
-  Fl as requiredNumberInput,
-  Ul as requiredObjectInput,
-  da as requiredStringInput,
-  Js as resetPiniaStore,
-  ft as safeHtml,
-  Ll as setMarkdownRouter,
-  fi as showModal,
-  Wl as stringInput,
-  bt as translate,
-  k as translateWithDefault,
-  hn as useAlertModal,
-  vn as useConfirmModal,
-  On as useErrorReportModal,
-  kl as useEvent,
-  mt as useForm,
+  Dt as HeadlessInputDescription,
+  $e as HeadlessInputError,
+  At as HeadlessInputInput,
+  we as HeadlessInputLabel,
+  nl as HeadlessInputTextArea,
+  xn as HeadlessModal,
+  kn as HeadlessModalContent,
+  Sn as HeadlessModalDescription,
+  Tn as HeadlessModalOverlay,
+  Mn as HeadlessModalTitle,
+  Zr as HeadlessSelect,
+  et as HeadlessSelectLabel,
+  Vt as HeadlessSelectOption,
+  Et as HeadlessSelectOptions,
+  Mt as HeadlessSelectTrigger,
+  Tt as HeadlessSelectValue,
+  pn as HeadlessSwitch,
+  Za as HeadlessToast,
+  Sa as Input,
+  To as Job,
+  st as JobCancelledError,
+  Xe as LOCAL_TIMEZONE_OFFSET,
+  X as Lang,
+  ye as Layouts,
+  xo as Link,
+  $a as LoadingModal,
+  Ir as MINUTE_MILLISECONDS,
+  $t as MOBILE_BREAKPOINT,
+  P as Markdown,
+  ne as Modal,
+  Ho as ModalComponent,
+  Lo as ModalsPortal,
+  ya as ProgressBar,
+  Ea as PromptModal,
+  il as Provide,
+  Yr as Select,
+  Ht as SelectLabel,
+  tt as SelectOption,
+  Lt as SelectOptions,
+  It as SelectTrigger,
+  Te as Service,
+  Re as ServiceBootError,
+  cn as Setting,
+  ko as SettingsModal,
+  Ka as StartupCrash,
+  wt as Storage,
+  mn as Switch,
+  So as TextArea,
+  Ja as Toast,
+  D as UI,
+  Or as UIService,
+  Ql as __valueType,
+  zr as aerogelDirectives,
+  cr as appNamespace,
+  ro as booleanInput,
+  Me as bootServices,
+  ho as bootstrap,
+  Ya as bootstrapApplication,
+  S as classes,
+  Io as closeModal,
+  Gl as computedAsync,
+  Xl as computedDebounce,
+  Ro as createModal,
+  no as dateInput,
+  Nl as defineDirective,
+  Kl as defineFormValidationRule,
+  Ul as definePlugin,
+  Se as defineServiceState,
+  mr as defineServiceStore,
+  Fl as defineSettings,
+  Mo as dispatch,
+  ao as enumInput,
+  _t as getCurrentLayout,
+  zt as getErrorMessage,
+  Hr as getMarkdownRouter,
+  pr as getPiniaStore,
+  Qr as hasSelectOptionLabel,
+  zo as injectModal,
+  wr as injectOrFail,
+  yr as injectReactive,
+  L as injectReactiveOrFail,
+  vr as installPlugins,
+  qo as modals,
+  po as numberInput,
+  mo as objectInput,
+  Zl as onCleanMounted,
+  vt as onFormFocus,
+  Jl as persistent,
+  Tr as reactiveSet,
+  so as registerErrorHandler,
+  Lr as renderMarkdown,
+  ht as renderVNode,
+  to as replaceExisting,
+  lo as requiredBooleanInput,
+  oo as requiredDateInput,
+  io as requiredEnumInput,
+  uo as requiredNumberInput,
+  co as requiredObjectInput,
+  Ta as requiredStringInput,
+  dr as resetPiniaStore,
+  yt as safeHtml,
+  Yl as setMarkdownRouter,
+  Po as showModal,
+  fo as stringInput,
+  Ct as translate,
+  T as translateWithDefault,
+  Hn as useAlertModal,
+  In as useConfirmModal,
+  la as useErrorReportModal,
+  Wl as useEvent,
+  bt as useForm,
   Ae as useInputAttrs,
-  na as useLoadingModal,
-  Pe as useModal,
-  pa as usePromptModal,
-  ur as validate,
-  or as validateType,
-  he as validators,
-  dt as variantClasses
+  wa as useLoadingModal,
+  De as useModal,
+  Ma as usePromptModal,
+  St as useSelect,
+  kr as validate,
+  xr as validateType,
+  ve as validators,
+  gt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map