@aerogel/core 0.1.1-next.01bc3a1d850a91b650f8cade6c0dd8e44109e0d8 → 0.1.1-next.12b5648bed6792adcb11294580a568b4ad7b8838

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 we, ref as N, computed as c, readonly as $e, 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 $, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as x, normalizeClass as C, 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 ws } from "tailwind-merge";
-import { Primitive as $s, SelectValue as Qe, SelectTrigger as _s, SelectIcon as xs, SelectItem as Cs, 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 At = Object.defineProperty;
+var Pt = (t, s, e) => s in t ? At(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => Pt(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as V, Comment as Dt, Text as Bt, Static as jt, inject as Y, reactive as ve, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as _e, nextTick as Ft, useAttrs as tt, onMounted as st, watch as Le, toRaw as Ut, customRef as Ot, watchEffect as G, defineComponent as h, createBlock as m, openBlock as i, mergeProps as H, withCtx as f, renderSlot as $, createPropsRestProxy as K, createVNode as d, normalizeProps as ce, guardReactiveProps as de, createTextVNode as L, toDisplayString as x, normalizeClass as C, createElementBlock as y, Fragment as D, renderList as U, provide as pe, resolveDynamicComponent as ee, useSlots as Ie, createCommentVNode as M, createElementVNode as b, h as Nt, useTemplateRef as te, withModifiers as rt, withDirectives as nt, vModelCheckbox as Wt, normalizeStyle as Kt, resolveComponent as Qt, createApp as Jt, vModelText as Zt } from "vue";
+import { JSError as xe, stringToSlug as Xt, tap as se, MagicObject as at, PromisedValue as J, Storage as O, objectOnly as ae, arrayFrom as lt, isEmpty as Te, objectDeepClone as Yt, fail as W, facade as re, arrayRemove as He, getEnv as Gt, updateLocationQueryParameters as es, forever as ts, toString as j, objectWithout as ss, noop as rs, debounce as ns, stringMatchAll as it, isDevelopment as Z, isTesting as ze, after as ie, uuid as ue, isObject as he, objectWithoutEmpty as ot, value as as, isInstanceOf as Oe, stringExcerpt as ls, arraySorted as is, ListenersManager as os, toError as us, round as cs } from "@noeldemartin/utils";
+import B from "virtual:aerogel";
+import { createPinia as ds, setActivePinia as ps, defineStore as fs } from "pinia";
+import ms from "dompurify";
+import { marked as hs, Renderer as Ne } from "marked";
+import { injectModal as ut, useModal as gs, createModal as vs, showModal as We, closeModal as Ke, modals as le, ModalComponent as bs, ModalsPortal as ys } from "@noeldemartin/vue-modals";
+import { ModalComponent as di, ModalsPortal as pi, closeModal as fi, createModal as mi, injectModal as hi, modals as gi, showModal as vi } from "@noeldemartin/vue-modals";
+import ws from "clsx";
+import { cva as $s } from "class-variance-authority";
+import { twMerge as _s } from "tailwind-merge";
+import { Primitive as xs, SelectValue as Qe, SelectTrigger as Cs, SelectIcon as Ss, SelectItem as ks, SelectItemText as Ts, SelectPortal as Ms, SelectContent as Es, SelectViewport as Hs, SelectRoot as Vs, Label as Ls, useForwardExpose as Re, SwitchRoot as Is, SwitchThumb as zs, DialogRoot as Rs, DialogPortal as qs, DialogContent as As, DialogDescription as Ps, DialogOverlay as Ds, DialogTitle as Bs, ToastClose as js, ToastRoot as Fs, ToastProvider as Us, ToastViewport as Os, DropdownMenuItem as Ns, DropdownMenuContent as Ws, DropdownMenuRoot as Ks, DropdownMenuTrigger as Qs, DropdownMenuPortal as Js } from "reka-ui";
+class Ve extends xe {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function Qs() {
-  return j.namespace ?? Jt(j.name);
+function Zs() {
+  return B.namespace ?? Xt(B.name);
 }
 let qe = null;
-function ut() {
-  return qe ?? Js();
+function ct() {
+  return qe ?? Xs();
 }
-function Js() {
-  return te(us(), (t) => {
-    qe = t, cs(t);
+function Xs() {
+  return se(ds(), (t) => {
+    qe = t, ps(t);
   });
 }
-function Zs() {
-  return qe ?? ut();
+function Ys() {
+  return qe ?? ct();
 }
-function Xs(t, s) {
-  return ut(), ds(t, s)();
+function Gs(t, s) {
+  return ct(), fs(t, s)();
 }
-function xe(t) {
+function Ce(t) {
   var s;
-  return s = class extends Ce {
+  return s = class extends Se {
     usesStore() {
       return !0;
     }
@@ -74,8 +74,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, _(s, "persist", t.persist ?? []), s;
 }
-var He;
-let Ce = (He = class extends nt {
+var Ee;
+let Se = (Ee = class extends at {
   constructor() {
     super();
     _(this, "_name");
@@ -84,7 +84,7 @@ let Ce = (He = class extends nt {
     _(this, "_watchers");
     _(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() && Gs(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -97,7 +97,7 @@ let Ce = (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 Ve(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -118,14 +118,14 @@ let Ce = (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 = ae(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 = lt(e), n = ae(this._store.$state, r);
+    Te(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -134,11 +134,11 @@ let Ce = (He = class extends nt {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${Qs()}:${this._name}`;
+    return `${Zs()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = ne(e, this.static("persist"));
-    Se(n) || this.onPersistentStateUpdated(n);
+    const n = ae(e, this.static("persist"));
+    Te(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]);
@@ -148,7 +148,7 @@ let Ce = (He = class extends nt {
     const r = O.get(this.storageKey);
     r && O.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Zt(e))
+      ...this.serializePersistedState(Yt(e))
     });
   }
   usesStore() {
@@ -178,25 +178,25 @@ let Ce = (He = class extends nt {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || Se(this.static("persist")))) {
+    if (!(!this.usesStore() || Te(this.static("persist")))) {
       if (O.has(this.storageKey)) {
         const e = O.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, ne(this.getState(), this.static("persist")));
+      O.set(this.storageKey, ae(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
     return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
-}, _(He, "persist", []), He);
-const $l = {
+}, _(Ee, "persist", []), Ee);
+const Cl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Gs extends Ce {
+class er extends Se {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -224,7 +224,7 @@ class Gs extends Ce {
   once(e, r, n) {
     let a = null;
     const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return te(
+    return se(
       () => a && this.off(e, a),
       (p) => {
         a = (...g) => (p(), o(...g)), this.registerListener(e, u, o);
@@ -238,7 +238,7 @@ class Gs extends Ce {
       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));
+      He(n.handlers[o] ?? [], r), ((u = n.handlers[o]) == null ? void 0 : u.length) === 0 && (delete n.handlers[o], He(n.priorities, o));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
@@ -246,21 +246,21 @@ class Gs extends Ce {
     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] = []), (w = o[a]) == null || w.push(n);
+    u.includes(a) || (u.push(a), u.sort((v, k) => k - v), o[a] = []), (w = o[a]) == null || w.push(n);
   }
 }
-const F = se(Gs);
-function _l(t) {
+const F = re(er);
+function Sl(t) {
   return t;
 }
-const Ys = xe({
+const tr = Ce({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Xt() ?? "development",
-    version: j.version,
-    sourceUrl: j.sourceUrl,
+    environment: Gt() ?? "development",
+    version: B.version,
+    sourceUrl: B.sourceUrl,
     settings: []
   },
   computed: {
@@ -268,19 +268,19 @@ const Ys = xe({
     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." + B.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + B.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/${B.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class er extends Ys {
+class sr extends tr {
   constructor() {
     super(...arguments);
-    _(this, "name", j.name);
-    _(this, "ready", new Q());
-    _(this, "mounted", new Q());
+    _(this, "name", B.name);
+    _(this, "ready", new J());
+    _(this, "mounted", new J());
   }
   isReady() {
     return this.ready.isResolved();
@@ -289,13 +289,13 @@ class er extends Ys {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(E(e));
+    this.settings.push(V(e));
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Gt(e), location.reload(), await Yt();
+    e && es(e), location.reload(), await ts();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -308,12 +308,12 @@ class er extends Ys {
     F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = se(er);
-function xl(t) {
+const P = re(sr);
+function kl(t) {
   return t;
 }
-async function tr(t, ...s) {
-  A.setState(
+async function rr(t, ...s) {
+  P.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -321,55 +321,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 nr(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${j(r)}"`, "");
 }
-function Cl(t) {
+function Tl(t) {
   return t;
 }
-function rr(t) {
-  const s = X(t);
-  return s ? ge(s) : void 0;
+function ar(t) {
+  const s = Y(t);
+  return s ? ve(s) : void 0;
 }
-function I(t, s) {
-  return rr(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function R(t, s) {
+  return ar(t) ?? W(s ?? `Could not resolve '${j(t)}' injection key`);
 }
-function nr(t, s) {
-  return X(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function lr(t, s) {
+  return Y(t) ?? W(s ?? `Could not resolve '${j(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 dt(t) {
+  return typeof t == "string" ? t : t.type === Dt ? "" : t.type === Bt || t.type === jt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${sr(t)}>${Array.from(t.children).map(ct).join("")}</${t.type}>`;
+` : `<${t.type} ${nr(t)}>${Array.from(t.children).map(dt).join("")}</${t.type}>`;
 }
-const Te = /* @__PURE__ */ new WeakMap(), ar = {
+const Me = /* @__PURE__ */ new WeakMap(), ir = {
   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 && Me.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 = Me.get(t)) == null || s.unobserve(t), Me.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 pt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = $s(n, a);
+  return E(u(r), l(e));
 }
-function H(...t) {
-  return ws(bs(t));
+function E(...t) {
+  return _s(ws(t));
 }
-function kl(t, s) {
+function Ml(t, s) {
   const e = F.on(t, s);
-  we(() => e());
+  $e(() => e());
 }
-const lr = {
+const or = {
   required: (t) => t ? void 0 : "required"
 };
-function ir(t, s) {
+function ur(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -388,20 +388,20 @@ function ir(t, s) {
       return typeof t == "object";
   }
 }
-const he = { ...lr };
-function Sl(t, s) {
-  he[t] = s;
+const ge = { ...or };
+function El(t, s) {
+  ge[t] = s;
 }
-function or(t, s) {
-  return ir(t, s) ? [] : ["invalid_value"];
+function cr(t, s) {
+  return ur(t, s) ? [] : ["invalid_value"];
 }
-function ur(t, s) {
+function dr(t, s) {
   var r;
-  const e = (r = he[s]) == null ? void 0 : r.call(he, t);
-  return e ? at(e) : [];
+  const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
+  return e ? lt(e) : [];
 }
-const Tl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-class cr extends nt {
+const Hl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+class pr extends at {
   constructor(e) {
     super();
     _(this, "errors");
@@ -413,7 +413,7 @@ class cr extends nt {
     this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Je.set(
       this,
       c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = $e(this._errors);
+    ), this.errors = _e(this._errors);
   }
   get valid() {
     var e;
@@ -423,8 +423,8 @@ class cr extends nt {
     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] ?? W(`Trying to set undefined '${j(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? j(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -433,6 +433,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 +464,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);
+    He(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await jt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Ft(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -480,22 +483,22 @@ class cr extends nt {
   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));
+    n.push(...cr(a, r));
     for (const p of u)
-      p !== "required" && a == null || n.push(...ur(a, p));
+      p !== "required" && a == null || n.push(...dr(a, p));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
-    return ge(r);
+    return ve(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ge(r);
+    return ve(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -505,28 +508,28 @@ 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());
-  we(() => r == null ? void 0 : r());
+function ft(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);
+  return new pr(t);
 }
 function Ae() {
-  const t = et(), s = c(() => t.class);
-  return [c(() => es(t, "class")), s];
+  const t = tt(), s = c(() => t.class);
+  return [c(() => ss(t, "class")), s];
 }
-function Ml(t) {
-  let s = ts;
-  tt(() => s = t()), we(() => s());
+function Vl(t) {
+  let s = rs;
+  st(() => 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 Ll(t, s) {
+  const e = ve(O.get(t) ?? s);
+  return Le(e, () => O.set(t, Ut(e))), e;
 }
-function dr(t) {
+function fr(t) {
   let s = new Set(t), e, r;
-  const n = Ft((a, u) => (r = a, e = u, {
+  const n = Ot((a, u) => (r = a, e = u, {
     get: () => s,
     set: () => W("Attempted to write read-only reactive set")
   }));
@@ -551,68 +554,68 @@ function dr(t) {
     }
   };
 }
-function Vl(t) {
+function Il(t) {
   const s = N(), e = c(t);
   return Le(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);
+function zl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ns((u) => n.value = u, e.delay ?? 300);
   return G(() => a(r())), n;
 }
-let ie = null;
-function pr() {
-  return te(new Ne(), (t) => {
+let oe = null;
+function mr() {
+  return se(new Ne(), (t) => {
     t.link = function(s) {
       const e = Ne.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 hr(t) {
+  const s = it(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 gr(t) {
+  const s = it(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 = (oe == null ? void 0 : oe.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
-function hr() {
-  return ie;
+function vr() {
+  return oe;
 }
-function Ll(t) {
-  ie = t;
+function Rl(t) {
+  oe = t;
 }
-function gr(t) {
-  let s = ms(t, { renderer: pr(), async: !1 });
-  return s = ft(s), s = mr(s), s = fr(s), s;
+function br(t) {
+  let s = hs(t, { renderer: mr(), async: !1 });
+  return s = ht(s), s = hr(s), s = gr(s), s;
 }
-function ft(t) {
-  return ps.sanitize(t, { ADD_ATTR: ["target"] });
+function ht(t) {
+  return ms.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const vr = {
+const yr = 6e4, Ze = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -yr, wr = {
   mounted(t, { value: s }) {
-    t.innerHTML = ft(s);
+    t.innerHTML = ht(s);
   }
-}, br = {
-  measure: ar,
-  "safe-html": vr
-}, yr = {
+}, $r = {
+  measure: ir,
+  "safe-html": wr
+}, _r = {
   install(t, s) {
     const e = {
-      ...br,
+      ...$r,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class wr extends Ce {
+class xr extends Se {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -628,28 +631,28 @@ class wr extends Ce {
     (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(wr);
-class $r extends Ce {
+const ql = re(xr);
+class Cr extends Se {
   async purge() {
     await F.emit("purge-storage");
   }
 }
-const ht = se($r);
-function zl(t, s) {
+const gt = re(Cr);
+function Al(t, s) {
   return {
     ...t,
-    ...ne(s, Object.keys(t))
+    ...ae(s, Object.keys(t))
   };
 }
-const _r = {
-  $app: A,
+const Sr = {
+  $app: P,
   $events: F,
-  $storage: ht
+  $storage: gt
 };
 async function ke(t, s) {
   await Promise.all(
@@ -659,46 +662,46 @@ async function ke(t, s) {
         return (u = (a = t.config).errorHandler) == null ? void 0 : u.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (J() || ze()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (Z() || ze()) && Object.assign(globalThis, s);
 }
-const xr = {
+const kr = {
   async install(t, s) {
     var r;
     const e = {
-      ..._r,
+      ...Sr,
       ...s.services
     };
-    t.use(Zs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
+    t.use(Ys()), (r = s.settings) == null || r.forEach((n) => P.addSetting(n)), await ke(t, e);
   }
-}, Ze = /* @__PURE__ */ new WeakSet();
+}, Xe = /* @__PURE__ */ new WeakSet();
 function Pe() {
-  const t = ot(), { close: s, remove: e, ...r } = fs(Ze.has(t) ? {} : { removeOnClose: !1 });
-  return Ze.add(t), {
+  const t = ut(), { close: s, remove: e, ...r } = gs(Xe.has(t) ? {} : { removeOnClose: !1 });
+  return Xe.add(t), {
     ...r,
     async close(n) {
-      s(n), await le(1e3), e();
+      s(n), await ie(1e3), e();
     }
   };
 }
-const gt = 768, ve = {
+const vt = 768, be = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function vt() {
-  return globalThis.innerWidth > gt ? ve.Desktop : ve.Mobile;
+function bt() {
+  return globalThis.innerWidth > vt ? be.Desktop : be.Mobile;
 }
-const Cr = xe({
+const Tr = Ce({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: vt()
+    layout: bt()
   },
   computed: {
-    desktop: ({ layout: t }) => t === ve.Desktop,
-    mobile: ({ layout: t }) => t === ve.Mobile
+    desktop: ({ layout: t }) => t === be.Desktop,
+    mobile: ({ layout: t }) => t === be.Mobile
   }
 });
-class kr extends Cr {
+class Mr extends Tr {
   constructor() {
     super(...arguments);
     _(this, "components", {});
@@ -732,15 +735,15 @@ class kr extends Cr {
       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(
-      (w, [v, { default: S }]) => ({
-        [v]: S ?? !1,
+      (w, [v, { default: k }]) => ({
+        [v]: k ?? !1,
         ...w
       }),
       {}
     );
     for (const [w, v] of Object.entries(u.checkboxes ?? {}))
       if (!(!v.required || g[w]))
-        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, g];
+        return p && Z() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, g];
     return "checkboxes" in u ? [p, g] : p;
   }
   async prompt(e, r, n) {
@@ -763,31 +766,31 @@ class kr extends Cr {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: v, ...S } = e;
+      const { delay: v, ...k } = e;
       return {
-        props: S,
+        props: k,
         delay: l(v),
         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)
+    if (g && await Promise.race([ie({ ms: g }).then(() => u = !0), o]), g && !u)
       return o;
-    const w = hs(this.requireComponent("loading-modal"), p);
+    const w = vs(this.requireComponent("loading-modal"), p);
     We(w);
     try {
       const v = await o;
-      return await le({ ms: 500 }), v;
+      return await ie({ ms: 500 }), v;
     } finally {
       await Ke(w.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, u = {
-      id: oe(),
+      id: ue(),
       properties: { message: e, ...a },
-      component: E(n ?? this.requireComponent("toast"))
+      component: V(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(u));
   }
@@ -795,7 +798,7 @@ class kr extends Cr {
     return We(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(ae.value.map(({ id: e }) => Ke(e, { removeAfter: 1e3 })));
+    await Promise.all(le.value.map(({ id: e }) => Ke(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -805,17 +808,17 @@ class kr extends Cr {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await le({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ie({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${gt}px)`).addEventListener("change", () => this.setState({ layout: vt() }));
+    globalThis.matchMedia(`(min-width: ${vt}px)`).addEventListener("change", () => this.setState({ layout: bt() }));
   }
 }
-const P = se(kr);
-class Sr {
+const A = re(Mr);
+class Er {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -835,13 +838,13 @@ class Sr {
     return ["en"];
   }
   translate(s) {
-    return J() && console.warn("Lang provider is missing"), s;
+    return Z() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return J() && console.warn("Lang provider is missing"), e;
+    return Z() && console.warn("Lang provider is missing"), e;
   }
 }
-const Tr = xe({
+const Hr = Ce({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -850,11 +853,11 @@ const Tr = xe({
     fallbackLocale: "en"
   }
 });
-class Mr extends Tr {
+class Vr extends Hr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new Sr(
+    this.provider = new Er(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -882,7 +885,7 @@ class Mr extends Tr {
     );
   }
 }
-const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = xe({
+const X = re(Vr), yt = X.translate.bind(X), S = X.translateWithDefault.bind(X), Lr = Ce({
   name: "errors",
   initialState: {
     logs: [],
@@ -895,12 +898,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 Ir extends Lr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
     _(this, "enabled", !0);
     _(this, "eruda", null);
+    _(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -910,16 +914,16 @@ class Vr extends Hr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      P.alert(k("errors.inspectEmpty", "Nothing to inspect!"));
+      A.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
-    P.modal(P.requireComponent("error-report-modal"), { report: n, reports: a });
+    A.modal(A.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await F.emit("error", { error: e, message: r }), ze("unit") || (J() && this.logError(e), !this.enabled))
+    if (await F.emit("error", { error: e, message: r }), ze("unit") || (Z() && this.logError(e), !this.enabled))
       throw e;
-    if (!A.isMounted()) {
+    if (!P.isMounted()) {
       const u = await this.createStartupErrorReport(e);
       u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
@@ -929,22 +933,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!"),
+    A.toast(
+      r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: k("errors.viewDetails", "View details"),
+            label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => P.modal(P.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => A.modal(A.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));
+    Z() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -961,31 +965,34 @@ class Vr extends Hr {
         (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), he(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return fe(e) && "title" in e;
+    return he(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 xe ? this.createErrorReportFromError(e) : he(e) ? ot({
+      title: j(
+        e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: B(
-        e.message ?? e.description ?? k("errors.unknownDescription", "Unknown error object")
+      description: j(
+        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: k("errors.unknown", "Unknown Error"),
+      title: S("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 Ve ? e.cause instanceof Ve ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -997,7 +1004,7 @@ class Vr extends Hr {
     };
   }
 }
-const yt = se(Vr), wt = /* @__PURE__ */ h({
+const wt = re(Ir), $t = /* @__PURE__ */ h({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1014,8 +1021,8 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
   },
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
-      as: P.resolveComponent("router-link") ?? "a",
-      to: it({
+      as: A.resolveComponent("router-link") ?? "a",
+      to: ot({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1028,18 +1035,18 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), f(l($s), V({
+    return (e, r) => (i(), m(l(xs), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: m(() => [
+      default: f(() => [
         $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), R = /* @__PURE__ */ h({
+}), I = /* @__PURE__ */ h({
   __name: "Button",
   props: {
     class: {},
@@ -1055,7 +1062,7 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => dt(
+    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => pt(
       { 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",
@@ -1151,62 +1158,62 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (i(), f(wt, V({
+    return (r, n) => (i(), m($t, H({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: m(() => [
+      default: f(() => [
         $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function Er(t) {
+function zr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const $t = /* @__PURE__ */ h({
+const _t = /* @__PURE__ */ h({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = I(
+    const s = R(
       "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 ? (i(), m(l(Qe), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
-      default: m(() => [
+      default: f(() => [
         $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), f(l(Qe), {
+    }, 8, ["placeholder"])) : (i(), m(l(Qe), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), _t = /* @__PURE__ */ h({
+}), xt = /* @__PURE__ */ h({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = I(
+    const s = R(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), f(l(_s), {
+    return (e, r) => (i(), m(l(Cs), {
       id: l(s).id
     }, {
-      default: m(() => [
+      default: f(() => [
         $(e.$slots, "default", {}, () => [
-          d($t, {
+          d(_t, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(xs))
+          d(l(Ss))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), xt = /* @__PURE__ */ h({
+}), Ct = /* @__PURE__ */ h({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1216,18 +1223,18 @@ const $t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = R(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : B(t.value);
+      return r ? r.label : j(t.value);
     });
-    return (r, n) => (i(), f(l(Cs), ue(ce(r.$props)), {
-      default: m(() => [
-        d(l(ks), null, {
-          default: m(() => [
+    return (r, n) => (i(), m(l(ks), ce(de(r.$props)), {
+      default: f(() => [
+        d(l(Ts), null, {
+          default: f(() => [
             $(r.$slots, "default", {}, () => [
               L(x(e.value), 1)
             ])
@@ -1238,33 +1245,33 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), Ct = /* @__PURE__ */ h({
+}), St = /* @__PURE__ */ h({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = I(
+    const s = R(
       "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 = c(() => E("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), m(l(Ms), null, {
+      default: f(() => [
+        d(l(Es), {
           position: "popper",
           class: C(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
-          default: m(() => [
-            d(l(Ms), {
+          default: f(() => [
+            d(l(Hs), {
               class: C(r.innerClass)
             }, {
-              default: m(() => [
+              default: f(() => [
                 $(r.$slots, "default", {}, () => [
-                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(xt, {
+                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), m(Ct, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1279,7 +1286,7 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Lr = /* @__PURE__ */ h({
+}), Rr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1299,9 +1306,9 @@ const $t = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), 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),
+    const r = e, n = Y("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
+      key: ue(),
+      label: t.renderOption ? t.renderOption(v) : zr(v) ? as(v.label) : j(v),
       value: v
     })) : null), g = {
       labelClass: t.labelClass,
@@ -1309,17 +1316,17 @@ const $t = /* @__PURE__ */ h({
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${oe()}`,
+      id: `select-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
-      placeholder: c(() => t.placeholder ?? k("ui.select", "Select an option")),
+      placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
       options: p,
       selectedOption: c(() => {
         var v;
-        return (v = p.value) == null ? void 0 : v.find((S) => S.value === t.modelValue);
+        return (v = p.value) == null ? void 0 : v.find((k) => k.value === t.modelValue);
       }),
-      errors: $e(o),
+      errors: _e(o),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -1335,20 +1342,20 @@ const $t = /* @__PURE__ */ h({
     function w(v) {
       g.update(v);
     }
-    return de("select", g), s(g), (v, S) => (i(), f(l(Hs), {
+    return pe("select", g), s(g), (v, k) => (i(), m(l(Vs), {
       "model-value": u.value,
       by: v.compareOptions,
-      "onUpdate:modelValue": S[0] || (S[0] = (q) => w(q))
+      "onUpdate:modelValue": k[0] || (k[0] = (q) => w(q))
     }, {
-      default: m(({ open: q }) => [
-        (i(), f(Y(v.as), ue(ce(v.$attrs)), {
-          default: m(() => [
+      default: f(({ open: q }) => [
+        (i(), m(ee(v.as), ce(de(v.$attrs)), {
+          default: f(() => [
             $(v.$slots, "default", {
               modelValue: v.modelValue,
               open: q
             }, () => [
-              d(_t),
-              d(Ct)
+              d(xt),
+              d(St)
             ])
           ]),
           _: 2
@@ -1357,22 +1364,22 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Xe = /* @__PURE__ */ h({
+}), Ye = /* @__PURE__ */ h({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = R(
       "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 = Ie(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), m(l(Ls), H({
       key: 0,
       for: l(s).id
     }, n.$props), {
-      default: m(() => [
+      default: f(() => [
         $(n.$slots, "default", {}, () => [
           L(x(l(s).label), 1)
         ])
@@ -1386,16 +1393,16 @@ const $t = /* @__PURE__ */ h({
     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 = R("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (i(), m(Ye, {
       key: 0,
       class: C(e.value)
     }, {
-      default: m(() => [
+      default: f(() => [
         $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), f(Xe, {
+    }, 8, ["class"])) : (i(), m(Ye, {
       key: 1,
       class: C(e.value)
     }, null, 8, ["class"]));
@@ -1408,16 +1415,16 @@ const $t = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => H("group p-1 outline-none", t.class)), e = c(() => H(
+    const s = c(() => E("group p-1 outline-none", t.class)), e = c(() => E(
       // 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(xt, {
+    return (r, n) => (i(), m(Ct, {
       class: C(s.value),
       value: r.value
     }, {
-      default: m(() => [
+      default: f(() => [
         b("div", {
           class: C(e.value)
         }, [
@@ -1427,31 +1434,31 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), St = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ h({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => H(
+    const s = R("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => E(
       "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(Ct, {
+    return (r, n) => (i(), m(St, {
       class: C(e.value)
     }, {
-      default: m(() => {
+      default: f(() => {
         var a;
         return [
           (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, {
+              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), m(Ge, {
                 key: o.key,
                 value: o.value
               }, {
-                default: m(() => [
+                default: f(() => [
                   L(x(o.label), 1)
                 ]),
                 _: 2
@@ -1462,7 +1469,7 @@ const $t = /* @__PURE__ */ h({
               disabled: "",
               value: null
             }, {
-              default: m(() => [
+              default: f(() => [
                 L(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
@@ -1473,42 +1480,42 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"]));
   }
-}), Rr = {
+}), qr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function zr(t, s) {
-  return i(), y("svg", Rr, s[0] || (s[0] = [
+function Ar(t, s) {
+  return i(), y("svg", qr, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__ */ h({
+const Pr = V({ name: "zondicons-cheveron-down", render: Ar }), Mt = /* @__PURE__ */ h({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => H(
+    const s = R("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => E(
       // 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, {
+    return (r, n) => (i(), m(xt, {
       class: C(e.value)
     }, {
-      default: m(() => [
-        d($t, { 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(() => [
+        d(_t, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d(l(Pr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), qr = /* @__PURE__ */ h({
+}), Dr = /* @__PURE__ */ h({
   __name: "Select",
   props: {
     as: {},
@@ -1527,30 +1534,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 } = Re();
+    return (e, r) => (i(), m(Rr, H({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: m(() => [
+      default: f(() => [
         d(kt),
         $(e.$slots, "default", {}, () => [
-          d(Tt),
-          d(St)
+          d(Mt),
+          d(Tt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Ar = { class: "grow" }, Pr = /* @__PURE__ */ h({
+}), Br = { class: "grow" }, jr = /* @__PURE__ */ h({
   __name: "Language",
   setup(t) {
-    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    const s = X.getBrowserLocale(), e = c(() => [null, ...X.locales]);
     function r(n) {
-      return (n && j.locales[n]) ?? k("settings.localeDefault", "{locale} (default)", {
-        locale: j.locales[s] ?? s
+      return (n && B.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: B.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), f(qr, {
+    return (n, a) => (i(), m(Dr, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
@@ -1558,10 +1565,10 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       options: e.value,
       "render-option": r
     }, {
-      default: m(() => [
-        b("div", Ar, [
+      default: f(() => [
+        b("div", Br, [
           d(kt, { class: "text-base font-semibold" }, {
-            default: m(() => [
+            default: f(() => [
               L(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
@@ -1572,27 +1579,27 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        d(R, {
+        d(I, {
           variant: "ghost",
-          as: Tt,
+          as: Mt,
           class: "grid w-auto outline-none"
         }),
-        d(St)
+        d(Tt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Dr = [
+}), Fr = [
   {
     priority: 100,
-    component: Pr
+    component: jr
   }
-], jr = { $lang: Z }, Br = {
+], Ur = { $lang: X }, Or = {
   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 = yt), t.config.globalProperties.$td = S, Fr.forEach((e) => P.addSetting(e)), await ke(t, Ur);
   }
-}, Fr = /* @__PURE__ */ h({
+}, Nr = /* @__PURE__ */ h({
   __name: "Markdown",
   props: {
     as: {},
@@ -1604,12 +1611,12 @@ 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 = tt(), e = Ie(), r = c(() => e.default ? e.default().map(dt).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : yt(t.langKey, t.langParams ?? {})))), n = c(() => {
       if (!r.value)
         return null;
-      let o = gr(r.value);
+      let o = br(r.value);
       return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => Ut(t.as ?? (t.inline ? "span" : "div"), {
+    }), a = () => Nt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: u,
       ...s,
@@ -1623,19 +1630,19 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
         return;
       }
       if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
-        const v = hr();
+        const v = vr();
         v && (o.preventDefault(), v.visit(p.dataset.markdownRoute));
         return;
       }
     }
-    return (o, p) => (i(), f(a));
+    return (o, p) => (i(), m(a));
   }
-}), Ur = (t, s) => {
+}), Wr = (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({
+}, z = /* @__PURE__ */ Wr(Nr, [["__scopeId", "data-v-8b211cfb"]]), Kr = { class: "flex-grow" }, Qr = ["id"], Jr = /* @__PURE__ */ h({
   __name: "Setting",
   props: {
     title: {},
@@ -1645,16 +1652,16 @@ 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"));
+    const s = c(() => E(t.class, "flex flex-col justify-center gap-1"));
     return (e, r) => (i(), y("div", {
       class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      b("div", Or, [
+      b("div", Kr, [
         b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Nr),
-        e.description ? (i(), f(z, {
+        }, x(e.title), 9, Qr),
+        e.description ? (i(), m(z, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
@@ -1667,7 +1674,7 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       ], 2)
     ], 2));
   }
-}), Kr = ["for"], Qr = /* @__PURE__ */ h({
+}), Zr = ["for"], Xr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1682,13 +1689,13 @@ 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()}`,
+    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `switch-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: $e(a),
+      errors: _e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -1710,8 +1717,8 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
         key: 0,
         for: u.id,
         class: C(o.labelClass)
-      }, x(o.label), 11, Kr)) : M("", !0),
-      d(l(Es), V({
+      }, x(o.label), 11, Zr)) : M("", !0),
+      d(l(Is), H({
         id: u.id,
         name: o.name,
         "model-value": u.value.value
@@ -1719,8 +1726,8 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
         class: o.inputClass,
         "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
       }), {
-        default: m(() => [
-          d(l(Ls), {
+        default: f(() => [
+          d(l(zs), {
             class: C(o.thumbClass)
           }, null, 8, ["class"])
         ]),
@@ -1728,25 +1735,25 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Jr = /* @__PURE__ */ h({
+}), Yr = /* @__PURE__ */ h({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (i(), f(Qr, {
+    return (s, e) => (i(), m(Xr, {
       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({
+}), Gr = /* @__PURE__ */ h({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (i(), f(Wr, {
+    return (s, e) => (i(), m(Jr, {
       "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(() => [
+        d(Yr, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1755,58 +1762,60 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Xr = [
+}), en = [
   {
     priority: 10,
-    component: Zr
+    component: Gr
   }
-], Mt = [];
-function Il(t) {
-  Mt.push(t);
+], Et = [];
+function Pl(t) {
+  Et.push(t);
 }
 function Ht(t) {
-  for (const s of Mt) {
+  for (const s of Et) {
     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 xe ? t.message : he(t) ? j(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
 }
-class Ye extends _e {
+class et extends xe {
 }
-const Gr = { $errors: yt }, Yr = (t) => (yt.report(t), !0);
-function en(t, s = () => !1) {
-  const e = (r) => s(r) || Yr(r);
+const tn = { $errors: wt }, sn = (t) => (wt.report(t), !0);
+function rn(t, s = () => !1) {
+  const e = (r) => s(r) || sn(r);
   t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const tn = {
+const nn = {
   async install(t, s) {
-    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Gr);
+    rn(t, s.handleError), en.forEach((e) => P.addSetting(e)), await ke(t, tn);
   }
-}, sn = {
+}, an = {
   async install() {
     ze() && (globalThis.testingRuntime = {
       on: (...t) => F.on(...t),
-      service: (t) => A.service(t)
+      service: (t) => P.service(t)
     });
   }
-}, rn = {
+}, ln = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function nn(t, s) {
-  return i(), y("svg", rn, s[0] || (s[0] = [
+function on(t, s) {
+  return i(), y("svg", ln, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
+const un = V({ name: "zondicons-close", render: on }), cn = /* @__PURE__ */ h({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1815,15 +1824,15 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   setup(t, { expose: s }) {
     const e = N(null), { close: r } = Pe();
     s({ $content: e });
-    const { forwardRef: n } = Ie();
-    return de("$modalContentRef", e), (a, u) => (i(), f(l(Rs), {
+    const { forwardRef: n } = Re();
+    return pe("$modalContentRef", e), (a, u) => (i(), m(l(Rs), {
       ref: l(n),
       open: "",
       "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
     }, {
-      default: m(() => [
-        d(l(zs), null, {
-          default: m(() => [
+      default: f(() => [
+        d(l(qs), null, {
+          default: f(() => [
             $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
@@ -1832,14 +1841,14 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), on = /* @__PURE__ */ h({
+}), dn = /* @__PURE__ */ h({
   __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(() => [
+    const { child: s } = Pe(), e = lr("$modalContentRef"), r = te("$contentRef");
+    return G(() => e.value = r.value), (n, a) => (i(), m(l(As), { ref: "$contentRef" }, {
+      default: f(() => [
         $(n.$slots, "default"),
-        l(s) ? (i(), f(l(gs), {
+        l(s) ? (i(), m(l(bs), {
           key: 0,
           is: l(s)
         }, null, 8, ["is"])) : M("", !0)
@@ -1847,21 +1856,21 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), un = /* @__PURE__ */ h({
+}), pn = /* @__PURE__ */ h({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
-      default: m(() => [
+    return (s, e) => (i(), m(l(Ps), ce(de(s.$props)), {
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), cn = /* @__PURE__ */ h({
+}), fn = /* @__PURE__ */ h({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1869,34 +1878,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(() => [
+    return (s, e) => (i(), m(l(Ds), ce(de(s.$props)), {
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), dn = /* @__PURE__ */ h({
+}), mn = /* @__PURE__ */ h({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(Ps), ue(ce(s.$props)), {
-      default: m(() => [
+    return (s, e) => (i(), m(l(Bs), ce(de(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({
+}), hn = ["onClick"], gn = { class: "sr-only" }, me = fr(), ne = /* @__PURE__ */ h({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1906,56 +1914,68 @@ 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 = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenMobile"]);
     s({
       $content: c(() => {
         var T;
         return (T = o.value) == null ? void 0 : T.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ie(), { id: a, visible: u } = Pe(), o = n, p = ot(), g = c(
+    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Pe(), o = n, p = ut(), g = c(
       () => {
         var T;
-        return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
+        return u.value && ((T = le.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : T.id) === a.value;
       }
-    ), w = 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
-      },
+    ), w = c(() => le.value.find((T) => T.visible.value)), v = c(() => le.value.some((T) => me.has(T))), k = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => E(
+      "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 = c(() => t.fullscreen || t.fullscreenMobile && A.mobile), qt = c(() => E(
+      "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]",
+        me.has(p.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        g.value ? "translate-y-0" : "translate-y-full"
+      ] : [
+        "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full",
+        "max-w-[calc(100%-2rem)] rounded-lg shadow-xl sm:max-w-lg",
+        "transition-[scale,opacity] will-change-[scale,opacity]",
+        me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        g.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),
+    return st(() => ie(500).then(() => me.add(p.value))), (T, je) => (i(), m(cn, H(e, {
+      ref: (fe) => l(r)(fe),
       persistent: T.persistent
     }), {
-      default: m(({ close: me }) => {
+      default: f(({ close: fe }) => {
         var Fe, Ue;
         return [
-          d(cn, {
+          d(fn, {
             class: C(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
               "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
-              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
-              "opacity-0": !w.value
+              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Ue = l(le)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !w.value,
+              hidden: Q.value
             }])
           }, null, 8, ["class"]),
-          d(on, V(S.value, { class: pe.value }), {
-            default: m(() => [
-              !T.persistent && !T.closeHidden ? (i(), y("div", pn, [
+          d(dn, H(k.value, { class: qt.value }), {
+            default: f(() => [
+              !T.persistent && !T.closeHidden ? (i(), y("div", {
+                key: 0,
+                class: C(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !Q.value }])
+              }, [
                 b("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (il) => me()
+                  onClick: (cl) => fe()
                 }, [
-                  b("span", fn, x(T.$td("ui.close", "Close")), 1),
-                  d(l(an), { class: "size-4" })
-                ], 8, mn)
-              ])) : M("", !0),
-              T.title ? (i(), f(dn, {
+                  b("span", gn, x(T.$td("ui.close", "Close")), 1),
+                  d(l(un), { class: "size-4" })
+                ], 8, hn)
+              ], 2)) : M("", !0),
+              T.title ? (i(), m(mn, {
                 key: 1,
                 class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
                   "sr-only": T.titleHidden,
@@ -1963,7 +1983,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
                   "pb-2": !T.description || T.descriptionHidden
                 }])
               }, {
-                default: m(() => [
+                default: f(() => [
                   d(z, {
                     text: T.title,
                     inline: ""
@@ -1971,11 +1991,11 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
                 ]),
                 _: 1
               }, 8, ["class"])) : M("", !0),
-              T.description ? (i(), f(un, {
+              T.description ? (i(), m(pn, {
                 key: 2,
                 class: C(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
               }, {
-                default: m(() => [
+                default: f(() => [
                   d(z, {
                     text: T.description,
                     class: "text-sm leading-6 text-gray-500"
@@ -1986,7 +2006,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
               b("div", {
                 class: C(q.value)
               }, [
-                $(T.$slots, "default", { close: me })
+                $(T.$slots, "default", { close: fe })
               ], 2)
             ]),
             _: 2
@@ -1997,23 +2017,23 @@ 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 vn(t) {
+  const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const gn = /* @__PURE__ */ h({
+const bn = /* @__PURE__ */ h({
   __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 } = vn(e);
+    return s(), (a, u) => (i(), m(ne, {
       title: l(r),
       "title-hidden": l(n)
     }, {
-      default: m(() => [
+      default: f(() => [
         d(z, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
@@ -2031,14 +2051,14 @@ const gn = /* @__PURE__ */ h({
     return G((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"]))
+    }), pe("form", t.form), (n, a) => (i(), y("form", {
+      onSubmit: a[0] || (a[0] = rt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
       $(n.$slots, "default")
     ], 32));
   }
 });
-function vn(t) {
+function yn(t) {
   const s = mt(
     Object.entries(t.checkboxes ?? {}).reduce(
       (u, [o, p]) => ({
@@ -2051,13 +2071,13 @@ function vn(t) {
       }),
       {}
     )
-  ), 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 = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const bn = {
+const wn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, yn = { class: "flex items-center" }, wn = ["onUpdate:modelValue", "required"], $n = { class: "ml-1.5" }, _n = { class: "mt-4 flex flex-row-reverse gap-2" }, xn = /* @__PURE__ */ h({
+}, $n = { class: "flex items-center" }, _n = ["onUpdate:modelValue", "required"], xn = { class: "ml-1.5" }, Cn = { class: "mt-4 flex flex-row-reverse gap-2" }, Sn = /* @__PURE__ */ h({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2072,53 +2092,53 @@ 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 = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = yn(e);
+    return s(), (p, g) => (i(), m(ne, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: m(({ close: w }) => [
+      default: f(({ close: w }) => [
         d(Vt, {
           form: l(r),
           onSubmit: (v) => w([!0, l(r).data()])
         }, {
-          default: m(() => [
+          default: f(() => [
             d(z, {
               text: p.message,
               actions: p.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,
+            p.checkboxes ? (i(), y("ul", wn, [
+              (i(!0), y(D, null, U(p.checkboxes, (v, k) => (i(), y("li", { key: k }, [
+                b("label", $n, [
+                  nt(b("input", {
+                    "onUpdate:modelValue": (q) => l(r)[k] = q,
                     type: "checkbox",
                     required: v.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, wn), [
-                    [Ot, l(r)[S]]
+                  }, null, 8, _n), [
+                    [Wt, l(r)[k]]
                   ]),
-                  b("span", $n, x(v.label), 1)
+                  b("span", xn, x(v.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
-            b("div", _n, [
-              d(R, {
+            b("div", Cn, [
+              d(I, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
+                default: f(() => [
                   L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? M("", !0) : (i(), f(R, {
+              p.required ? M("", !0) : (i(), m(I, {
                 key: 0,
                 variant: p.cancelVariant,
                 onClick: (v) => w(!1)
               }, {
-                default: m(() => [
+                default: f(() => [
                   L(x(l(o)), 1)
                 ]),
                 _: 2
@@ -2131,92 +2151,92 @@ const bn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Cn = {
+}), kn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function kn(t, s) {
-  return i(), y("svg", Cn, s[0] || (s[0] = [
+function Tn(t, s) {
+  return i(), y("svg", kn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const Sn = E({ name: "zondicons-cheveron-left", render: kn }), Tn = {
+const Mn = V({ name: "zondicons-cheveron-left", render: Tn }), En = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Mn(t, s) {
-  return i(), y("svg", Tn, s[0] || (s[0] = [
+function Hn(t, s) {
+  return i(), y("svg", En, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
     }, null, -1)
   ]));
 }
-const Et = E({ name: "zondicons-cheveron-right", render: Mn }), Hn = {
+const Lt = V({ name: "zondicons-cheveron-right", render: Hn }), Vn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Vn(t, s) {
-  return i(), y("svg", Hn, s[0] || (s[0] = [
+function Ln(t, s) {
+  return i(), y("svg", Vn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const De = E({ name: "zondicons-exclamation-solid", render: Vn }), En = {
+const De = V({ name: "zondicons-exclamation-solid", render: Ln }), In = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ln(t, s) {
-  return i(), y("svg", En, s[0] || (s[0] = [
+function zn(t, s) {
+  return i(), y("svg", In, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const Rn = E({ name: "mdi-console", render: Ln }), zn = {
+const Rn = V({ name: "mdi-console", render: zn }), qn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function In(t, s) {
-  return i(), y("svg", zn, s[0] || (s[0] = [
+function An(t, s) {
+  return i(), y("svg", qn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const qn = E({ name: "zondicons-copy", render: In }), An = {
+const Pn = V({ name: "zondicons-copy", render: An }), Dn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Pn(t, s) {
-  return i(), y("svg", An, s[0] || (s[0] = [
+function Bn(t, s) {
+  return i(), y("svg", Dn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ h({
+const jn = V({ name: "mdi-github", render: Bn }), Fn = { class: "flex" }, Un = { class: "sr-only" }, On = /* @__PURE__ */ h({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
     const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
-      if (!A.sourceUrl)
+      if (!P.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), u = encodeURIComponent(
         [
@@ -2224,25 +2244,25 @@ const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = {
           "",
           "Error details:",
           "```",
-          ns(
+          ls(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - A.sourceUrl.length
+            1800 - a.length - P.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${A.sourceUrl}/issues/new?title=${a}&body=${u}`;
-    }), n = c(() => te(
+      return `${P.sourceUrl}/issues/new?title=${a}&body=${u}`;
+    }), n = c(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: qn,
+          iconComponent: Pn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), A.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
@@ -2251,8 +2271,8 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
           iconComponent: Rn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), P.toast(
-              k(
+            window.error = a, console.error(a), A.toast(
+              S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2264,14 +2284,14 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Dn,
+          iconComponent: jn,
           url: r.value
         });
       }
     ));
-    return (a, u) => (i(), y("div", jn, [
-      (i(!0), y(D, null, U(n.value, (o) => $(a.$slots, "default", V({ ref_for: !0 }, o), () => [
-        d(R, {
+    return (a, u) => (i(), y("div", Fn, [
+      (i(!0), y(D, null, U(n.value, (o) => $(a.$slots, "default", H({ ref_for: !0 }, o), () => [
+        d(I, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
@@ -2279,9 +2299,9 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
           title: a.$td(`errors.report_${o.id}`, o.description),
           onClick: o.click
         }, {
-          default: m(() => [
-            b("span", Bn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (i(), f(Y(o.iconComponent), {
+          default: f(() => [
+            b("span", Un, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (i(), m(ee(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2291,7 +2311,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Un = /* @__PURE__ */ h({
+}), Nn = /* @__PURE__ */ h({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2300,19 +2320,19 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
   },
   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, {
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function On(t) {
+function Wn(t) {
   const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
     () => {
       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()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = k("errors.previousReport", "Show previous report"), a = k("errors.nextReport", "Show next report");
+  ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2321,37 +2341,37 @@ 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 Kn = { class: "px-4 pt-5 pb-4" }, Qn = { class: "flex justify-between gap-4" }, Jn = { class: "flex items-center gap-2" }, Zn = {
   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({
+}, Xn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Yn = ["textContent"], Gn = /* @__PURE__ */ h({
   __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, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = Wn(e);
+    return s(), (p, g) => (i(), m(ne, {
       title: p.$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, [
+      default: f(() => [
+        b("div", Kn, [
+          b("h2", Qn, [
+            b("div", Jn, [
               d(l(De), { class: "size-5 text-red-600" }),
-              d(Un, {
+              d(Nn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
                 report: l(o),
                 "current-report": l(r) + 1,
                 "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              p.reports.length > 1 ? (i(), y("span", Qn, [
-                d(R, {
+              p.reports.length > 1 ? (i(), y("span", Zn, [
+                d(I, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
@@ -2359,12 +2379,12 @@ const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-
                   title: l(u),
                   onClick: g[0] || (g[0] = (w) => r.value--)
                 }, {
-                  default: m(() => [
-                    d(l(Sn), { class: "size-4" })
+                  default: f(() => [
+                    d(l(Mn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                d(R, {
+                d(I, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === p.reports.length - 1,
@@ -2372,41 +2392,41 @@ const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-
                   title: l(a),
                   onClick: g[1] || (g[1] = (w) => r.value++)
                 }, {
-                  default: m(() => [
-                    d(l(Et), { class: "size-4" })
+                  default: f(() => [
+                    d(l(Lt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : M("", !0)
             ]),
-            d(Fn, {
+            d(On, {
               report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (i(), f(z, {
+          l(o).description ? (i(), m(z, {
             key: 0,
             text: l(o).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : M("", !0)
         ]),
-        b("div", Jn, [
+        b("div", Xn, [
           b("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: x(l(n))
-          }, null, 8, Zn)
+          }, null, 8, Yn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Gn = {
+}), ea = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Yn(t, s) {
-  return i(), y("svg", Gn, s[0] || (s[0] = [
+function ta(t, s) {
+  return i(), y("svg", ea, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
@@ -2426,7 +2446,7 @@ 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 sa = V({ name: "svg-spinners-90-ring-with-bg", render: ta }), ra = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, na = { class: "sr-only" }, aa = /* @__PURE__ */ h({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2435,31 +2455,31 @@ const ea = E({ name: "svg-spinners-90-ring-with-bg", render: Yn }), ta = { class
   },
   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);
+    const e = N(0), r = c(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
     return Le(
       () => t.job,
       () => {
         s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
       },
       { immediate: !0 }
-    ), we(() => s && s()), (a, u) => (i(), y("div", ta, [
+    ), $e(() => s && s()), (a, u) => (i(), y("div", ra, [
       b("div", {
         class: C(r.value),
-        style: Nt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        style: Kt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      b("span", sa, x(a.$td("ui.progress", "{progress}% complete", {
+      b("span", na, x(a.$td("ui.progress", "{progress}% complete", {
         progress: n.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...")
+function la(t) {
+  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
+    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
   ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const aa = /* @__PURE__ */ h({
+const ia = /* @__PURE__ */ h({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2468,21 +2488,21 @@ 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 } = la(e);
+    return s(), (o, p) => (i(), m(ne, {
       persistent: "",
-      class: C(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
       title: l(r),
-      "title-hidden": l(a)
+      "title-hidden": l(a),
+      class: C({ "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) ? (i(), m(aa, {
           key: 0,
           progress: o.progress,
           job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (i(), f(l(ea), {
+        }, null, 8, ["progress", "job"])) : (i(), m(l(sa), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
@@ -2491,7 +2511,7 @@ const aa = /* @__PURE__ */ h({
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), je = /* @__PURE__ */ h({
+}), Be = /* @__PURE__ */ h({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2502,13 +2522,13 @@ 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()}`,
+    const r = e, n = Y("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+      id: `input-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: $e(a),
+      errors: _e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -2521,17 +2541,17 @@ const aa = /* @__PURE__ */ h({
         r("update:modelValue", o);
       }
     };
-    return de("input", u), s(u), (o, p) => (i(), f(Y(o.as), null, {
-      default: m(() => [
+    return pe("input", u), s(u), (o, p) => (i(), m(ee(o.as), null, {
+      default: f(() => [
         $(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), la = ["for"], be = /* @__PURE__ */ h({
+}), oa = ["for"], ye = /* @__PURE__ */ h({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = I("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Re(), r = c(() => !!(s.label || e.default));
+    const s = R("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Ie(), r = c(() => !!(s.label || e.default));
     return (n, a) => r.value ? (i(), y("label", {
       key: 0,
       for: l(s).id
@@ -2539,15 +2559,15 @@ const aa = /* @__PURE__ */ h({
       $(n.$slots, "default", {}, () => [
         L(x(l(s).label), 1)
       ])
-    ], 8, la)) : M("", !0);
+    ], 8, oa)) : M("", !0);
   }
-}), ia = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Lt = /* @__PURE__ */ h({
+}), ua = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], It = /* @__PURE__ */ h({
   __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 = te("$inputRef"), e = R("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
       if (t.type)
         return t.type;
       const w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
@@ -2566,20 +2586,23 @@ const aa = /* @__PURE__ */ h({
         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 + Ze);
         case "number":
           return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return pt(e, () => {
+    return ft(e, () => {
       var w;
       return (w = s.value) == null ? void 0 : w.focus();
     }), G(() => {
       if (s.value) {
-        if (u.value === "date" && a.value instanceof Date) {
-          s.value.valueAsDate = a.value;
+        if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
+          const w = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = w - Ze, e.update(new Date(w));
           return;
         }
         s.value.value = a.value ?? null;
@@ -2594,38 +2617,38 @@ const aa = /* @__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: p
-    }, null, 40, ia));
+    }, null, 40, ua));
   }
-}), Rt = /* @__PURE__ */ h({
+}), zt = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = I(
+    const s = R(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
     ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
     return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (i(), f(z, V({ key: 0 }, n.$attrs, {
+      r.value ? (i(), m(z, H({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), oa = ["id"], ye = /* @__PURE__ */ h({
+}), ca = ["id"], we = /* @__PURE__ */ h({
   __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);
+    const s = R("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
     return (r, n) => e.value ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, oa)) : M("", !0);
+    }, x(e.value), 9, ca)) : M("", !0);
   }
-}), ua = {
+}), da = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ca = /* @__PURE__ */ h({
+}, pa = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2638,9 +2661,9 @@ const aa = /* @__PURE__ */ h({
   },
   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(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
       var o, p, g;
-      return H(
+      return E(
         // 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",
         {
@@ -2651,48 +2674,48 @@ const aa = /* @__PURE__ */ h({
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (o, p) => (i(), m(Be, H({
       ref: "$inputRef",
       label: o.label,
       class: l(n)
     }, s, {
       "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
     }), {
-      default: m(() => {
+      default: f(() => {
         var g;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
             class: C(a.value)
           }, [
-            d(Lt, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ua, [
+            d(It, H(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", da, [
               d(l(De), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          d(zt, { class: "mt-2 text-sm text-gray-600" }),
+          d(we, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function ql(t, s = {}) {
+function Dl(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Al(t, s = {}) {
+function Bl(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Pl(t, s, e = {}) {
+function jl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2700,21 +2723,21 @@ function Pl(t, s, e = {}) {
     values: t
   };
 }
-function Dl(t) {
+function Fl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function jl(t) {
+function Ul(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Bl(t, s) {
+function Ol(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2722,55 +2745,55 @@ function Bl(t, s) {
     values: t
   };
 }
-function Fl(t) {
+function Nl(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Ul(t) {
+function Wl(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function da(t) {
+function fa(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Ol(t, s = {}) {
+function Kl(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Nl(t, s = {}) {
+function Ql(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Wl(t, s = {}) {
+function Jl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function pa(t) {
+function ma(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"));
+    draft: fa(t.defaultValue ?? "")
+  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   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 ha = { class: "mt-4 flex flex-row-reverse gap-2" }, ga = /* @__PURE__ */ h({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2785,42 +2808,42 @@ 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 = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = ma(e);
+    return s(), (p, g) => (i(), m(ne, {
       title: l(n),
       persistent: ""
     }, {
-      default: m(({ close: w }) => [
+      default: f(({ close: w }) => [
         d(Vt, {
           form: l(r),
           onSubmit: (v) => w(l(r).draft)
         }, {
-          default: m(() => [
-            l(a) ? (i(), f(z, {
+          default: f(() => [
+            l(a) ? (i(), m(z, {
               key: 0,
               text: l(a)
             }, null, 8, ["text"])) : M("", !0),
-            d(ca, {
+            d(pa, {
               name: "draft",
               class: "mt-2",
               placeholder: p.placeholder,
               label: p.label
             }, null, 8, ["placeholder", "label"]),
-            b("div", ma, [
-              d(R, {
+            b("div", ha, [
+              d(I, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
+                default: f(() => [
                   L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d(R, {
+              d(I, {
                 variant: p.cancelVariant,
                 onClick: (v) => w()
               }, {
-                default: m(() => [
+                default: f(() => [
                   L(x(l(o)), 1)
                 ]),
                 _: 2
@@ -2833,65 +2856,65 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), ha = {
+}), va = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ga(t, s) {
-  return i(), y("svg", ha, s[0] || (s[0] = [
+function ba(t, s) {
+  return i(), y("svg", va, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
     }, null, -1)
   ]));
 }
-const va = E({ name: "material-symbols-bug-report", render: ga }), ba = {
+const ya = V({ name: "material-symbols-bug-report", render: ba }), wa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ya(t, s) {
-  return i(), y("svg", ba, s[0] || (s[0] = [
+function $a(t, s) {
+  return i(), y("svg", wa, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
     }, null, -1)
   ]));
 }
-const wa = E({ name: "material-symbols-delete-forever-rounded", render: ya }), $a = {
+const _a = V({ name: "material-symbols-delete-forever-rounded", render: $a }), xa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function _a(t, s) {
-  return i(), y("svg", $a, s[0] || (s[0] = [
+function Ca(t, s) {
+  return i(), y("svg", xa, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
     }, null, -1)
   ]));
 }
-const xa = E({ name: "material-symbols-frame-inspect", render: _a }), Ca = {
+const Sa = V({ name: "material-symbols-frame-inspect", render: Ca }), ka = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ka(t, s) {
-  return i(), y("svg", Ca, s[0] || (s[0] = [
+function Ta(t, s) {
+  return i(), y("svg", ka, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
     }, null, -1)
   ]));
 }
-const 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 Ma = V({ name: "material-symbols-refresh-rounded", render: Ta }), Ea = { class: "grid grow place-items-center" }, Ha = { class: "flex flex-col items-center p-8" }, Va = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, La = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ia = /* @__PURE__ */ h({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
-      await P.confirm(
-        k("startupCrash.purgeConfirmTitle", "Delete everything?"),
-        k(
+      await A.confirm(
+        S("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        S(
           "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**.
 
@@ -2899,16 +2922,16 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: k("startupCrash.purgeConfirmAccept", "Purge device")
+          acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await ht.purge(), await A.reload());
+      ) && (await gt.purge(), await P.reload());
     }
     return (e, r) => {
-      const n = Wt("i-majesticons-exclamation");
-      return i(), y("div", Ta, [
-        b("div", Ma, [
+      const n = Qt("i-majesticons-exclamation");
+      return i(), y("div", Ea, [
+        b("div", Ha, [
           d(n, { class: "size-20 text-red-600" }),
-          b("h1", Ha, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          b("h1", Va, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
           d(z, {
             text: e.$td(
               "startupCrash.message",
@@ -2916,43 +2939,43 @@ Do you still want to proceed?`
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          b("div", Va, [
-            d(R, {
+          b("div", La, [
+            d(I, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
-              default: m(() => [
-                d(l(Sa)),
+              default: f(() => [
+                d(l(Ma)),
                 L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            d(I, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
-              default: m(() => [
-                d(l(va)),
+              default: f(() => [
+                d(l(ya)),
                 L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            d(I, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
-              default: m(() => [
-                d(l(wa)),
+              default: f(() => [
+                d(l(_a)),
                 L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            d(I, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
-              default: m(() => [
-                d(l(xa)),
+              default: f(() => [
+                d(l(Sa)),
                 L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
@@ -2962,23 +2985,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), zt = /* @__PURE__ */ h({
+}), Rt = /* @__PURE__ */ h({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(Y(s.action.dismiss ? l(Ds) : "button"), {
+    return (s, e) => (i(), m(ee(s.action.dismiss ? l(js) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: m(() => [
+      default: f(() => [
         L(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), La = { key: 0 }, Ra = /* @__PURE__ */ h({
+}), za = { key: 0 }, Ra = /* @__PURE__ */ h({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2986,11 +3009,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(js), null, {
-      default: m(() => [
+    return (s, e) => (i(), m(l(Fs), null, {
+      default: f(() => [
         $(s.$slots, "default", {}, () => [
-          s.message ? (i(), y("span", La, x(s.message), 1)) : M("", !0),
-          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(zt, {
+          s.message ? (i(), y("span", za, x(s.message), 1)) : M("", !0),
+          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), m(Rt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2999,7 +3022,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), za = /* @__PURE__ */ h({
+}), qa = /* @__PURE__ */ h({
   __name: "Toast",
   props: {
     message: {},
@@ -3008,7 +3031,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => dt(
+    const e = c(() => pt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -3024,95 +3047,95 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (i(), f(Ra, {
+    return s(), (r, n) => (i(), m(Ra, {
       class: C(e.value)
     }, {
-      default: m(() => [
-        r.message ? (i(), f(z, {
+      default: f(() => [
+        r.message ? (i(), m(z, {
           key: 0,
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : M("", !0),
-        (i(!0), y(D, null, U(r.actions, (a, u) => (i(), f(R, {
+        (i(!0), y(D, null, U(r.actions, (a, u) => (i(), m(I, {
           key: u,
           action: a,
           variant: r.variant,
-          as: zt
+          as: Rt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Ia = { $ui: P }, qa = {
+}), Aa = { $ui: A }, Pa = {
   async install(t, s) {
     const e = {
-      "alert-modal": gn,
-      "confirm-modal": xn,
-      "error-report-modal": Xn,
-      "loading-modal": aa,
-      "prompt-modal": fa,
-      "startup-crash": Ea,
-      toast: za,
+      "alert-modal": bn,
+      "confirm-modal": Sn,
+      "error-report-modal": Gn,
+      "loading-modal": ia,
+      "prompt-modal": ga,
+      "startup-crash": Ia,
+      toast: qa,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      P.registerComponent(r, n);
-    await ke(t, Ia);
+      A.registerComponent(r, n);
+    await ke(t, Aa);
   }
 };
-async function Aa(t, s = {}) {
+async function Da(t, s = {}) {
   var r;
-  const e = [sn, yr, tn, Br, xr, 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 = [an, _r, nn, Or, kr, Pa, ...s.plugins ?? []];
+  P.instance = t, await rr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Kl(t, s = {}) {
+async function Zl(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 = Jt(t);
+  Z() && (window.$aerogel = e), await Da(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
 }
-const Pa = /* @__PURE__ */ h({
+const Ba = /* @__PURE__ */ h({
   __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) => (i(), m(l(Us), null, {
+      default: f(() => [
+        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), m(ee(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" })
+        d(l(Os), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Da = /* @__PURE__ */ h({
+}), ja = /* @__PURE__ */ h({
   __name: "AppOverlays",
   setup(t) {
     return (s, e) => (i(), y(D, null, [
-      d(l(vs), { nested: "" }),
-      d(Pa)
+      d(l(ys), { nested: "" }),
+      d(Ba)
     ], 64));
   }
-}), ja = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ql = /* @__PURE__ */ h({
+}), Fa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Xl = /* @__PURE__ */ h({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), y("div", ja, [
+    return (s, e) => (i(), y("div", Fa, [
       s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), f(Y(s.$ui.requireComponent("startup-crash"))))
+        (i(), m(ee(s.$ui.requireComponent("startup-crash"))))
       ]) : $(s.$slots, "default", { key: 1 }),
-      d(Da)
+      d(ja)
     ]));
   }
-}), Ba = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Fa = /* @__PURE__ */ h({
+}), Ua = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Oa = /* @__PURE__ */ h({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = ee("$textAreaRef"), e = I(
+    const s = te("$textAreaRef"), e = R(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
     ), r = c(() => e.name ?? void 0), n = c(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return pt(e, () => {
+    return ft(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
     }), (u, o) => (i(), y("textarea", {
@@ -3124,22 +3147,37 @@ 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, Ua));
   }
-}), 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({
-  __name: "AdvancedOptions",
+}), Na = { class: "group" }, Wa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Ka = { class: "pt-2 pl-4" }, Qa = /* @__PURE__ */ h({
+  __name: "Details",
+  props: {
+    label: {}
+  },
   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, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (i(), y("details", Na, [
+      b("summary", Wa, [
+        d(l(Lt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        b("span", null, x(s.label), 1)
       ]),
-      b("div", Na, [
+      b("div", Ka, [
         $(s.$slots, "default")
       ])
     ]));
   }
-}), Wa = { class: "flex h-6 items-center" }, Zl = /* @__PURE__ */ h({
+}), Yl = /* @__PURE__ */ h({
+  __name: "AdvancedOptions",
+  setup(t) {
+    return (s, e) => (i(), m(Qa, {
+      label: s.$td("ui.advancedOptions", "Advanced options")
+    }, {
+      default: f(() => [
+        $(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["label"]));
+  }
+}), Ja = { class: "flex h-6 items-center" }, Gl = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3152,9 +3190,9 @@ 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(() => {
+    const s = K(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative flex items-start", n.value)), u = c(() => {
       var p, g;
-      return H(
+      return E(
         "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),
@@ -3162,16 +3200,16 @@ const Pa = /* @__PURE__ */ h({
         },
         t.inputClass
       );
-    }), o = c(() => H("ml-2 text-sm leading-6", t.labelClass));
-    return (p, g) => (i(), f(je, V({
+    }), o = c(() => E("ml-2 text-sm leading-6", t.labelClass));
+    return (p, g) => (i(), m(Be, H({
       ref: "$inputRef",
       class: a.value
     }, s, {
       "onUpdate:modelValue": g[0] || (g[0] = (w) => p.$emit("update:modelValue", w))
     }), {
-      default: m(() => [
-        b("div", Wa, [
-          d(Lt, V(l(r), {
+      default: f(() => [
+        b("div", Ja, [
+          d(It, H(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
@@ -3180,25 +3218,25 @@ const Pa = /* @__PURE__ */ h({
           key: 0,
           class: C(o.value)
         }, [
-          d(be, { class: "text-gray-900" }, {
-            default: m(() => [
+          d(ye, { class: "text-gray-900" }, {
+            default: f(() => [
               $(p.$slots, "default")
             ]),
             _: 3
           }),
-          d(ye, { class: "text-red-600" })
+          d(we, { class: "text-red-600" })
         ], 2)) : p.label ? (i(), y("div", {
           key: 1,
           class: C(o.value)
         }, [
-          d(be, { class: "text-gray-900" }),
-          d(ye, { class: "text-red-600" })
+          d(ye, { class: "text-gray-900" }),
+          d(we, { class: "text-red-600" })
         ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ka = /* @__PURE__ */ h({
+}), Za = /* @__PURE__ */ h({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3207,37 +3245,37 @@ const Pa = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => H(
+    const s = K(t, ["class"]), e = c(() => E(
       "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) => (i(), m(l(Ns), H({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
-      default: m(() => [
+      default: f(() => [
         $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qa = /* @__PURE__ */ h({
+}), Xa = /* @__PURE__ */ h({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = I(
+    const s = R(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), f(l(Os), {
+    return (e, r) => (i(), m(l(Ws), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: l(s).align,
       side: l(s).side
     }, {
-      default: m(() => [
+      default: f(() => [
         $(e.$slots, "default", {}, () => [
-          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Ka, V(
+          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), m(Za, H(
             {
               key: a,
-              as: n.route || n.href ? wt : void 0,
+              as: n.route || n.href ? $t : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3254,7 +3292,7 @@ const Pa = /* @__PURE__ */ h({
               }
             }
           ), {
-            default: m(() => [
+            default: f(() => [
               L(x(n.label), 1)
             ]),
             _: 2
@@ -3264,7 +3302,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Xl = /* @__PURE__ */ h({
+}), ei = /* @__PURE__ */ h({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3280,18 +3318,18 @@ const Pa = /* @__PURE__ */ h({
         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(() => [
+    return pe("dropdown-menu", e), s(e), (r, n) => (i(), m(l(Ks), null, {
+      default: f(() => [
+        d(l(Qs), null, {
+          default: f(() => [
             $(r.$slots, "default")
           ]),
           _: 3
         }),
-        d(l(Ks), null, {
-          default: m(() => [
+        d(l(Js), null, {
+          default: f(() => [
             $(r.$slots, "options", {}, () => [
-              d(Qa)
+              d(Xa)
             ])
           ]),
           _: 3
@@ -3300,7 +3338,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Ja = ["aria-hidden"], Za = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
+}), Ya = ["aria-hidden"], Ga = ["tabindex", "aria-label", "type"], ti = /* @__PURE__ */ h({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3313,14 +3351,14 @@ 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));
+    const e = s, r = te("$inputRef"), n = N(null), a = N(t.text), u = c(() => E("inline whitespace-pre", t.contentClass)), o = c(() => E("invisible whitespace-pre", t.contentClass)), p = c(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
     function g() {
       n.value = t.text;
     }
     function w() {
       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", {
+    return G(() => a.value = t.text), (v, k) => (i(), y("div", {
       class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
     }, [
       n.value ? (i(), y("span", {
@@ -3339,14 +3377,14 @@ const Pa = /* @__PURE__ */ h({
       b("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();
+        onSubmit: k[4] || (k[4] = rt((q) => {
+          var Q;
+          return (Q = r.value) == null ? void 0 : Q.blur();
         }, ["prevent"]))
       }, [
-        rt(b("input", {
+        nt(b("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": S[0] || (S[0] = (q) => a.value = q),
+          "onUpdate:modelValue": k[0] || (k[0] = (q) => a.value = q),
           tabindex: v.tabindex ?? void 0,
           "aria-label": v.ariaLabel ?? void 0,
           type: v.type,
@@ -3354,65 +3392,65 @@ const Pa = /* @__PURE__ */ h({
             p.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && v.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) => w())
-        }, null, 42, Za), [
-          [Qt, a.value]
+          onKeyup: k[1] || (k[1] = (q) => v.$emit("update", a.value)),
+          onFocus: k[2] || (k[2] = (q) => g()),
+          onBlur: k[3] || (k[3] = (q) => w())
+        }, null, 42, Ga), [
+          [Zt, a.value]
         ])
-      ], 40, Ja)
+      ], 40, Ya)
     ], 2));
   }
-}), Xa = {
+}), el = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Ga(t, s) {
-  return i(), y("svg", Xa, s[0] || (s[0] = [
+function tl(t, s) {
+  return i(), y("svg", el, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const Ya = E({ name: "ion-warning", render: Ga }), el = {
+const sl = V({ name: "ion-warning", render: tl }), rl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function tl(t, s) {
-  return i(), y("svg", el, s[0] || (s[0] = [
+function nl(t, s) {
+  return i(), y("svg", rl, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-medium" }, nl = ["datetime"], al = /* @__PURE__ */ h({
+const al = V({ name: "zondicons-view-show", render: nl }), ll = { class: "font-medium" }, il = ["datetime"], ol = /* @__PURE__ */ h({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (i(), f(re, {
+    return (s, e) => (i(), m(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
-      default: m(() => [
+      default: f(() => [
         b("ol", null, [
           (i(!0), y(D, null, U(s.$errors.logs, (r, n) => (i(), y("li", {
             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, x(r.report.title), 1),
+              b("h3", ll, x(r.report.title), 1),
               b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, nl),
+              }, x(r.date.toLocaleTimeString()), 9, il),
               d(z, {
                 class: "text-sm text-gray-500",
                 text: r.report.description ?? l(Ht)(r.report)
               }, null, 8, ["text"])
             ]),
-            d(R, {
+            d(I, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3423,8 +3461,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(() => [
+                d(l(al), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3437,36 +3475,36 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Yl = /* @__PURE__ */ h({
+}), si = /* @__PURE__ */ h({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (i(), f(R, {
+    return (s, e) => s.$errors.logs.length > 0 ? (i(), m(I, {
       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(ol))
     }, {
-      default: m(() => [
-        d(l(Ya), { class: "size-6 text-red-500" })
+      default: f(() => [
+        d(l(sl), { class: "size-6 text-red-500" })
       ]),
       _: 1
     }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), ei = /* @__PURE__ */ h({
+}), ri = /* @__PURE__ */ h({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
     const s = c(() => Ht(t.error));
-    return (e, r) => (i(), f(z, {
+    return (e, r) => (i(), m(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), ti = /* @__PURE__ */ h({
+}), ni = /* @__PURE__ */ h({
   __name: "Link",
   props: {
     class: {},
@@ -3481,30 +3519,30 @@ 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(() => [
+    return (s, e) => (i(), m(I, H({ variant: "link" }, s.$props), {
+      default: f(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), si = /* @__PURE__ */ h({
+}), ai = /* @__PURE__ */ h({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => as(A.settings, "priority", "desc"));
-    return (e, r) => (i(), f(re, {
+    const s = c(() => is(P.settings, "priority", "desc"));
+    return (e, r) => (i(), m(ne, {
       title: e.$td("settings.title", "Settings")
     }, {
-      default: m(() => [
-        (i(!0), y(D, null, U(s.value, (n, a) => (i(), f(Y(n.component), { key: a }))), 128))
+      default: f(() => [
+        (i(!0), y(D, null, U(s.value, (n, a) => (i(), m(ee(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), ll = {
+}), ul = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ri = /* @__PURE__ */ h({
+}, li = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3517,9 +3555,9 @@ 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(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Ae(), a = c(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
       var o, p, g;
-      return H(
+      return E(
         // 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",
         {
@@ -3530,34 +3568,34 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (o, p) => (i(), m(Be, H({
       ref: "$inputRef",
       label: o.label,
       class: l(n)
     }, s, {
       "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
     }), {
-      default: m(() => {
+      default: f(() => {
         var g;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
             class: C(a.value)
           }, [
-            d(Fa, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ll, [
+            d(Oa, H(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", ul, [
               d(l(De), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          d(zt, { class: "mt-2 text-sm text-gray-600" }),
+          d(we, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class ni {
+class ii {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3565,22 +3603,22 @@ class ni {
     _(this, "_cancelled");
     _(this, "_started");
     _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new ls(), this._started = new Q(), this._completed = new Q();
+    this.status = this.getInitialStatus(), this._listeners = new os(), 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 et)
         return;
-      throw te(is(s), (e) => {
+      throw se(us(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);
@@ -3615,10 +3653,10 @@ class ni {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ye();
+      throw this._cancelled.resolve(), new et();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? os(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? cs(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3632,155 +3670,158 @@ class ni {
     return { ...s };
   }
 }
-async function ai(t) {
+async function oi(t) {
   await t.start();
 }
 export {
-  Jl as AdvancedOptions,
-  gn as AlertModal,
-  A as App,
-  Ql as AppLayout,
-  Da as AppOverlays,
-  er as AppService,
-  Pa as AppToasts,
-  R as Button,
-  Rl as Cache,
-  wr as CacheService,
-  Zl as Checkbox,
-  xn 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,
-  $l as EventListenerPriorities,
+  Yl as AdvancedOptions,
+  bn as AlertModal,
+  P as App,
+  Xl as AppLayout,
+  ja as AppOverlays,
+  sr as AppService,
+  Ba as AppToasts,
+  I as Button,
+  ql as Cache,
+  xr as CacheService,
+  Gl as Checkbox,
+  Sn as ConfirmModal,
+  Qa as Details,
+  ei as DropdownMenu,
+  Za as DropdownMenuOption,
+  Xa as DropdownMenuOptions,
+  ti as EditableContent,
+  si as ErrorLogs,
+  ol as ErrorLogsModal,
+  ri as ErrorMessage,
+  Gn as ErrorReportModal,
+  On as ErrorReportModalButtons,
+  Nn as ErrorReportModalTitle,
+  wt as Errors,
+  Cl as EventListenerPriorities,
   F as Events,
-  Gs as EventsService,
+  er as EventsService,
   Vt as Form,
-  cr as FormController,
-  wt 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,
-  xt as HeadlessSelectOption,
-  Ct as HeadlessSelectOptions,
-  _t as HeadlessSelectTrigger,
-  $t as HeadlessSelectValue,
-  Qr as HeadlessSwitch,
+  pr as FormController,
+  $t as HeadlessButton,
+  Be as HeadlessInput,
+  zt as HeadlessInputDescription,
+  we as HeadlessInputError,
+  It as HeadlessInputInput,
+  ye as HeadlessInputLabel,
+  Oa as HeadlessInputTextArea,
+  cn as HeadlessModal,
+  dn as HeadlessModalContent,
+  pn as HeadlessModalDescription,
+  fn as HeadlessModalOverlay,
+  mn as HeadlessModalTitle,
+  Rr as HeadlessSelect,
+  Ye as HeadlessSelectLabel,
+  Ct as HeadlessSelectOption,
+  St as HeadlessSelectOptions,
+  xt as HeadlessSelectTrigger,
+  _t as HeadlessSelectValue,
+  Xr 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,
+  pa as Input,
+  ii as Job,
+  et as JobCancelledError,
+  Ze as LOCAL_TIMEZONE_OFFSET,
+  X as Lang,
+  be as Layouts,
+  ni as Link,
+  ia as LoadingModal,
+  yr as MINUTE_MILLISECONDS,
+  vt as MOBILE_BREAKPOINT,
   z as Markdown,
-  re as Modal,
-  oi as ModalComponent,
-  ui as ModalsPortal,
-  ra as ProgressBar,
-  fa as PromptModal,
-  qr as Select,
+  ne as Modal,
+  di as ModalComponent,
+  pi as ModalsPortal,
+  aa as ProgressBar,
+  ga as PromptModal,
+  Dr as Select,
   kt as SelectLabel,
   Ge as SelectOption,
-  St as SelectOptions,
-  Tt as SelectTrigger,
-  Ce 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,
+  Tt as SelectOptions,
+  Mt as SelectTrigger,
+  Se as Service,
+  Ve as ServiceBootError,
+  Jr as Setting,
+  ai as SettingsModal,
+  Ia as StartupCrash,
+  gt as Storage,
+  Yr as Switch,
+  li as TextArea,
+  qa as Toast,
+  A as UI,
+  Mr as UIService,
+  Hl as __valueType,
+  $r as aerogelDirectives,
+  Zs as appNamespace,
+  Dl as booleanInput,
   ke as bootServices,
-  Kl as bootstrap,
-  Aa as bootstrapApplication,
-  H as classes,
-  ci as closeModal,
-  Vl as computedAsync,
-  El as computedDebounce,
-  di as createModal,
-  Al as dateInput,
-  Cl as defineDirective,
-  Sl as defineFormValidationRule,
-  xl as definePlugin,
-  xe as defineServiceState,
-  Xs as defineServiceStore,
-  _l as defineSettings,
-  ai as dispatch,
-  Pl as enumInput,
-  vt as getCurrentLayout,
+  Zl as bootstrap,
+  Da as bootstrapApplication,
+  E as classes,
+  fi as closeModal,
+  Il as computedAsync,
+  zl as computedDebounce,
+  mi as createModal,
+  Bl as dateInput,
+  Tl as defineDirective,
+  El as defineFormValidationRule,
+  kl as definePlugin,
+  Ce as defineServiceState,
+  Gs as defineServiceStore,
+  Sl as defineSettings,
+  oi as dispatch,
+  jl as enumInput,
+  bt 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,
+  vr as getMarkdownRouter,
+  Ys as getPiniaStore,
+  zr as hasSelectOptionLabel,
+  hi as injectModal,
+  lr as injectOrFail,
+  ar as injectReactive,
+  R as injectReactiveOrFail,
+  rr as installPlugins,
+  gi as modals,
+  Kl as numberInput,
+  Ql as objectInput,
+  Vl as onCleanMounted,
+  ft as onFormFocus,
+  Ll as persistent,
+  fr as reactiveSet,
+  Pl as registerErrorHandler,
+  br as renderMarkdown,
+  dt as renderVNode,
+  Al as replaceExisting,
+  Fl as requiredBooleanInput,
+  Ul as requiredDateInput,
+  Ol as requiredEnumInput,
+  Nl as requiredNumberInput,
+  Wl as requiredObjectInput,
+  fa as requiredStringInput,
+  Xs as resetPiniaStore,
+  ht as safeHtml,
+  Rl as setMarkdownRouter,
+  vi as showModal,
+  Jl as stringInput,
+  yt as translate,
+  S as translateWithDefault,
+  vn as useAlertModal,
+  yn as useConfirmModal,
+  Wn as useErrorReportModal,
+  Ml as useEvent,
   mt as useForm,
   Ae as useInputAttrs,
-  na as useLoadingModal,
+  la as useLoadingModal,
   Pe as useModal,
-  pa as usePromptModal,
-  ur as validate,
-  or as validateType,
-  he as validators,
-  dt as variantClasses
+  ma as usePromptModal,
+  dr as validate,
+  cr as validateType,
+  ge as validators,
+  pt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map