@aerogel/core 0.1.1-next.ce10b6d6ba4cd98145cf14595fb4f292b979e2dc → 0.1.1-next.d6144642389e7fbf7ef662ecdbb069e185750112

package/dist/aerogel-core.js

@@ -1,18 +1,18 @@
 var Ot = Object.defineProperty;
 var Ft = (t, s, e) => s in t ? Ot(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var C = (t, s, e) => Ft(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as R, Comment as Ut, Text as Nt, Static as Wt, inject as te, reactive as we, unref as l, onUnmounted as Ce, ref as B, computed as d, readonly as ke, nextTick as Kt, useAttrs as nt, onMounted as at, watch as X, toRaw as Qt, customRef as Jt, watchEffect as se, defineComponent as v, createBlock as g, openBlock as o, mergeProps as I, withCtx as h, renderSlot as $, createPropsRestProxy as K, provide as oe, createVNode as p, normalizeProps as me, guardReactiveProps as fe, createTextVNode as z, toDisplayString as x, normalizeClass as _, createElementBlock as y, Fragment as j, renderList as F, resolveDynamicComponent as re, useSlots as Se, createCommentVNode as T, createElementVNode as w, h as Zt, useTemplateRef as Z, withModifiers as lt, withDirectives as ot, vModelCheckbox as Gt, normalizeStyle as Ne, resolveComponent as Xt, createApp as Yt, withKeys as es, vModelText as ts } from "vue";
-import { JSError as Te, stringToSlug as ss, tap as ne, MagicObject as it, PromisedValue as G, Storage as Q, objectOnly as ie, arrayFrom as ut, isEmpty as He, objectDeepClone as rs, fail as J, facade as ae, arrayRemove as ze, getEnv as ns, updateLocationQueryParameters as as, forever as ls, toString as O, objectWithout as os, noop as is, debounce as us, stringMatchAll as ct, isDevelopment as Y, isTesting as qe, after as ce, uuid as pe, isObject as be, objectWithoutEmpty as dt, evaluate as cs, isInstanceOf as We, stringExcerpt as ds, arraySorted as ps, ListenersManager as ms, toError as fs, round as hs } from "@noeldemartin/utils";
+import { markRaw as R, Comment as Ut, Text as Nt, Static as Wt, inject as te, reactive as we, unref as l, onUnmounted as Ce, ref as B, computed as d, readonly as ke, nextTick as Kt, useAttrs as at, onMounted as lt, watch as X, toRaw as Qt, customRef as Jt, watchEffect as se, defineComponent as v, createBlock as g, openBlock as i, mergeProps as I, withCtx as h, renderSlot as $, createPropsRestProxy as K, provide as oe, createVNode as p, normalizeProps as me, guardReactiveProps as fe, createTextVNode as z, toDisplayString as x, normalizeClass as _, createElementBlock as y, Fragment as j, renderList as F, resolveDynamicComponent as re, useSlots as Se, createCommentVNode as T, createElementVNode as w, h as Zt, useTemplateRef as Z, withModifiers as ot, withDirectives as it, vModelCheckbox as Gt, normalizeStyle as We, resolveComponent as Xt, createApp as Yt, withKeys as es, vModelText as ts } from "vue";
+import { JSError as Te, stringToSlug as ss, tap as ne, MagicObject as ut, PromisedValue as G, Storage as Q, objectOnly as ie, arrayFrom as ct, isEmpty as He, objectDeepClone as rs, fail as J, facade as ae, arrayRemove as ze, getEnv as ns, updateLocationQueryParameters as as, forever as ls, toString as O, objectWithout as os, noop as is, debounce as us, stringMatchAll as dt, isDevelopment as Y, isTesting as qe, isObject as be, after as ce, uuid as pe, objectWithoutEmpty as pt, evaluate as cs, isInstanceOf as Ke, stringExcerpt as ds, arraySorted as ps, ListenersManager as ms, toError as fs, round as hs } from "@noeldemartin/utils";
 import N from "virtual:aerogel";
 import { createPinia as gs, setActivePinia as vs, defineStore as bs } from "pinia";
 import ys from "dompurify";
-import { marked as ws, Renderer as Ke } from "marked";
-import { injectModal as pt, useModal as $s, createModal as _s, showModal as Qe, closeModal as Je, modals as ue, ModalComponent as xs, ModalsPortal as Cs } from "@noeldemartin/vue-modals";
-import { ModalComponent as Po, ModalsPortal as Ao, closeModal as Do, createModal as Bo, injectModal as jo, modals as Oo, showModal as Fo } from "@noeldemartin/vue-modals";
+import { marked as ws, Renderer as Qe } from "marked";
+import { injectModal as mt, useModal as $s, createModal as _s, showModal as Je, closeModal as Ze, modals as ue, ModalComponent as xs, ModalsPortal as Cs } from "@noeldemartin/vue-modals";
+import { ModalComponent as Ao, ModalsPortal as Po, closeModal as Do, createModal as Bo, injectModal as jo, modals as Oo, showModal as Fo } from "@noeldemartin/vue-modals";
 import ks from "clsx";
 import { cva as Ss } from "class-variance-authority";
 import { twMerge as Ts } from "tailwind-merge";
-import { Primitive as Ms, SelectValue as Ze, SelectTrigger as Vs, SelectIcon as Es, SelectItem as Hs, SelectItemText as Ls, SelectPortal as Is, SelectContent as zs, SelectViewport as Rs, SelectRoot as qs, Label as mt, useForwardExpose as Pe, SwitchRoot as Ps, SwitchThumb as As, DialogRoot as Ds, DialogPortal as Bs, DialogContent as js, DialogDescription as Os, DialogOverlay as Fs, DialogTitle as Us, ToastClose as Ns, ToastRoot as Ws, ToastProvider as Ks, ToastViewport as Qs, injectComboboxRootContext as Js, ComboboxItem as Zs, useFilter as Gs, ComboboxPortal as Xs, ComboboxContent as Ys, ComboboxViewport as er, ComboboxEmpty as tr, ComboboxGroup as sr, ComboboxAnchor as rr, ComboboxInput as nr, ComboboxRoot as ar, DropdownMenuItem as lr, DropdownMenuContent as or, DropdownMenuRoot as ir, DropdownMenuTrigger as ur, DropdownMenuPortal as cr } from "reka-ui";
+import { Primitive as Ms, SelectValue as Ge, SelectTrigger as Vs, SelectIcon as Es, SelectItem as Hs, SelectItemText as Ls, SelectPortal as Is, SelectContent as zs, SelectViewport as Rs, SelectRoot as qs, Label as ft, useForwardExpose as Ae, SwitchRoot as As, SwitchThumb as Ps, DialogRoot as Ds, DialogPortal as Bs, DialogContent as js, DialogDescription as Os, DialogOverlay as Fs, DialogTitle as Us, ToastClose as Ns, ToastRoot as Ws, ToastProvider as Ks, ToastViewport as Qs, injectComboboxRootContext as Js, ComboboxItem as Zs, useFilter as Gs, ComboboxPortal as Xs, ComboboxContent as Ys, ComboboxViewport as er, ComboboxEmpty as tr, ComboboxGroup as sr, ComboboxAnchor as rr, ComboboxInput as nr, ComboboxRoot as ar, DropdownMenuItem as lr, DropdownMenuContent as or, DropdownMenuRoot as ir, DropdownMenuTrigger as ur, DropdownMenuPortal as cr } from "reka-ui";
 class Re extends Te {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
@@ -21,20 +21,20 @@ class Re extends Te {
 function dr() {
   return N.namespace ?? ss(N.name);
 }
-let Ae = null;
-function ft() {
-  return Ae ?? pr();
+let Pe = null;
+function ht() {
+  return Pe ?? pr();
 }
 function pr() {
   return ne(gs(), (t) => {
-    Ae = t, vs(t);
+    Pe = t, vs(t);
   });
 }
 function mr() {
-  return Ae ?? ft();
+  return Pe ?? ht();
 }
 function fr(t, s) {
-  return ft(), bs(t, s)();
+  return ht(), bs(t, s)();
 }
 function Me(t) {
   var s;
@@ -75,7 +75,7 @@ To fix this problem, declare your initialState as a function instead.`
   }, C(s, "persist", t.persist ?? []), s;
 }
 var Ie;
-let Ve = (Ie = class extends it {
+let Ve = (Ie = class extends ut {
   constructor() {
     super();
     C(this, "_name");
@@ -124,7 +124,7 @@ let Ve = (Ie = class extends it {
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = ut(e), n = ie(this._store.$state, r);
+    const r = ct(e), n = ie(this._store.$state, r);
     He(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
@@ -140,8 +140,8 @@ let Ve = (Ie = class extends it {
     const n = ie(e, this.static("persist"));
     He(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
-      const u = this._watchers[a];
-      !u || e[a] === r[a] || u.call(this, e[a], r[a]);
+      const c = this._watchers[a];
+      !c || e[a] === r[a] || c.call(this, e[a], r[a]);
     }
   }
   onPersistentStateUpdated(e) {
@@ -210,43 +210,43 @@ class hr extends Ve {
   async emit(e, r) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const u of n.priorities)
-      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((i) => i(r))) ?? []);
+    for (const c of n.priorities)
+      await Promise.all(((a = n.handlers[c]) == null ? void 0 : a.map((o) => o(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   on(e, r, n) {
-    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, u = typeof r == "function" ? r : n;
-    return this.registerListener(e, a, u), () => this.off(e, u);
+    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, c = typeof r == "function" ? r : n;
+    return this.registerListener(e, a, c), () => this.off(e, c);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
+    const c = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
     return ne(
       () => a && this.off(e, a),
-      (c) => {
-        a = (...f) => (c(), i(...f)), this.registerListener(e, u, i);
+      (u) => {
+        a = (...f) => (u(), o(...f)), this.registerListener(e, c, o);
       }
     );
   }
   off(e, r) {
-    var u;
+    var c;
     const n = this.listeners[e];
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const i of a)
-      ze(n.handlers[i] ?? [], r), ((u = n.handlers[i]) == null ? void 0 : u.length) === 0 && (delete n.handlers[i], ze(n.priorities, i));
+    for (const o of a)
+      ze(n.handlers[o] ?? [], r), ((c = n.handlers[o]) == null ? void 0 : c.length) === 0 && (delete n.handlers[o], ze(n.priorities, o));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var c, f, m;
+    var u, f, m;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const u = ((c = this.listeners[e]) == null ? void 0 : c.priorities) ?? J(`priorities missing for event '${e}'`), i = ((f = this.listeners[e]) == null ? void 0 : f.handlers) ?? J(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((b, M) => M - b), i[a] = []), (m = i[a]) == null || m.push(n);
+    const c = ((u = this.listeners[e]) == null ? void 0 : u.priorities) ?? J(`priorities missing for event '${e}'`), o = ((f = this.listeners[e]) == null ? void 0 : f.handlers) ?? J(`handlers missing for event '${e}'`);
+    c.includes(a) || (c.push(a), c.sort((b, M) => M - b), o[a] = []), (m = o[a]) == null || m.push(n);
   }
 }
 const W = ae(hr);
@@ -312,12 +312,12 @@ class vr extends gr {
     W.once("application-ready", () => this.ready.resolve()), W.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = ae(vr);
+const P = ae(vr);
 function Zl(t) {
   return t;
 }
 async function br(t, ...s) {
-  A.setState(
+  P.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -341,10 +341,10 @@ function L(t, s) {
 function $r(t, s) {
   return te(t) ?? J(s ?? `Could not resolve '${O(t)}' injection key`);
 }
-function ht(t) {
+function gt(t) {
   return typeof t == "string" ? t : t.type === Ut ? "" : t.type === Nt || t.type === Wt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${yr(t)}>${Array.from(t.children).map(ht).join("")}</${t.type}>`;
+` : `<${t.type} ${yr(t)}>${Array.from(t.children).map(gt).join("")}</${t.type}>`;
 }
 const Le = /* @__PURE__ */ new WeakMap(), _r = {
   mounted(t, { value: s, modifiers: e }) {
@@ -359,9 +359,9 @@ const Le = /* @__PURE__ */ new WeakMap(), _r = {
     (s = Le.get(t)) == null || s.unobserve(t), Le.delete(t);
   }
 };
-function gt(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = Ss(n, a);
-  return k(u(r), l(e));
+function vt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, c = Ss(n, a);
+  return k(c(r), l(e));
 }
 function k(...t) {
   return Ts(ks(t));
@@ -405,10 +405,10 @@ function Sr(t, s) {
 function Tr(t, s) {
   var r;
   const e = (r = ye[s]) == null ? void 0 : r.call(ye, t);
-  return e ? ut(e) : [];
+  return e ? ct(e) : [];
 }
-const eo = Symbol(), Ge = /* @__PURE__ */ new WeakMap();
-class Mr extends it {
+const eo = Symbol(), Xe = /* @__PURE__ */ new WeakMap();
+class Mr extends ut {
   constructor(e) {
     super();
     C(this, "errors");
@@ -417,14 +417,14 @@ class Mr extends it {
     C(this, "_submitted");
     C(this, "_errors");
     C(this, "_listeners", {});
-    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ge.set(
+    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Xe.set(
       this,
       d(() => !Object.values(this._errors).some((r) => r !== null))
     ), this.errors = ke(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = Ge.get(this)) != null && e.value);
+    return !!((e = Xe.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
@@ -488,16 +488,16 @@ class Mr extends it {
     this.setFieldValue(e, r);
   }
   getFieldErrors(e, r) {
-    const n = [], a = this._data[e], u = r.rules ?? [];
+    const n = [], a = this._data[e], c = r.rules ?? [];
     n.push(...Sr(a, r));
-    for (const i of u)
-      i !== "required" && a == null || n.push(...Tr(a, i));
+    for (const o of c)
+      o !== "required" && a == null || n.push(...Tr(a, o));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
-    const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
+    const r = Object.entries(e).reduce((n, [a, c]) => (n[a] = c.default ?? null, n), {});
     return we(r);
   }
   getInitialErrors(e) {
@@ -514,49 +514,49 @@ class Mr extends it {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function vt(t, s) {
+function bt(t, s) {
   const e = te("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
   Ce(() => r == null ? void 0 : r());
 }
-function bt(t) {
+function yt(t) {
   return new Mr(t);
 }
 function De() {
-  const t = nt(), s = d(() => t.class);
+  const t = at(), s = d(() => t.class);
   return [d(() => os(t, "class")), s];
 }
 function to(t) {
   let s = is;
-  at(() => s = t()), Ce(() => s());
+  lt(() => s = t()), Ce(() => s());
 }
 function so(t, s) {
   const e = we(Q.get(t) ?? s);
   return X(e, () => Q.set(t, Qt(e))), e;
 }
-function Vr(t) {
-  let s = new Set(t), e, r;
-  const n = Jt((a, u) => (r = a, e = u, {
-    get: () => s,
+function Vr(t, s = {}) {
+  let e = new Set(t), r, n;
+  const a = s == null ? void 0 : s.equals, c = a ? (u) => o.value.values().some((f) => a(u, f)) : () => !1, o = Jt((u, f) => (n = u, r = f, {
+    get: () => e,
     set: () => J("Attempted to write read-only reactive set")
   }));
   return {
     values() {
-      return r(), Array.from(n.value.values());
+      return n(), Array.from(o.value.values());
     },
-    has(a) {
-      return r(), n.value.has(a);
+    has(u) {
+      return n(), o.value.has(u) || c(u);
     },
-    add(a) {
-      e(), n.value.add(a);
+    add(u) {
+      r(), !c(u) && o.value.add(u);
     },
-    delete(a) {
-      e(), n.value.delete(a);
+    delete(u) {
+      r(), o.value.delete(u);
     },
     clear() {
-      e(), n.value.clear();
+      r(), o.value.clear();
     },
-    reset(a) {
-      e(), s = new Set(a);
+    reset(u) {
+      r(), e = new Set(u);
     }
   };
 }
@@ -565,26 +565,26 @@ function ro(t) {
   return X(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
 function no(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = us((u) => n.value = u, e.delay ?? 300);
+  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = us((c) => n.value = c, e.delay ?? 300);
   return se(() => a(r())), n;
 }
 let de = null;
 function Er() {
-  return ne(new Ke(), (t) => {
+  return ne(new Qe(), (t) => {
     t.link = function(s) {
-      const e = Ke.prototype.link.apply(this, [s]);
+      const e = Qe.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
 function Hr(t) {
-  const s = ct(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  const s = dt(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 Lr(t) {
-  const s = ct(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  const s = dt(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s) {
     const a = (de == null ? void 0 : de.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
@@ -599,26 +599,26 @@ function ao(t) {
 }
 function zr(t) {
   let s = ws(t, { renderer: Er(), async: !1 });
-  return s = yt(s), s = Hr(s), s = Lr(s), s;
+  return s = wt(s), s = Hr(s), s = Lr(s), s;
 }
-function yt(t) {
+function wt(t) {
   return ys.sanitize(t, { ADD_ATTR: ["target"] });
 }
 const Rr = 6e4;
-function Xe(t) {
+function Ye(t) {
   return -(t ?? /* @__PURE__ */ new Date()).getTimezoneOffset() * -Rr;
 }
 const qr = {
   mounted(t, { value: s }) {
-    t.innerHTML = yt(s);
+    t.innerHTML = wt(s);
   }
-}, Pr = {
+}, Ar = {
   measure: _r,
   "safe-html": qr
-}, Ar = {
+}, Pr = {
   install(t, s) {
     const e = {
-      ...Pr,
+      ...Ar,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
@@ -652,7 +652,7 @@ class Br extends Ve {
     await W.emit("purge-storage");
   }
 }
-const wt = ae(Br);
+const $t = ae(Br);
 function oo(t, s) {
   return {
     ...t,
@@ -660,16 +660,16 @@ function oo(t, s) {
   };
 }
 const jr = {
-  $app: A,
+  $app: P,
   $events: W,
-  $storage: wt
+  $storage: $t
 };
 async function Ee(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
-        var a, u;
-        return (u = (a = t.config).errorHandler) == null ? void 0 : u.call(a, n, null, `Failed launching ${e}.`);
+        var a, c;
+        return (c = (a = t.config).errorHandler) == null ? void 0 : c.call(a, n, null, `Failed launching ${e}.`);
       });
     })
   ), Object.assign(t.config.globalProperties, s), (Y() || qe()) && Object.assign(globalThis, s);
@@ -681,37 +681,117 @@ const Or = {
       ...jr,
       ...s.services
     };
-    t.use(mr()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && A.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await Ee(t, e);
+    t.use(mr()), (r = s.settings) == null || r.forEach((n) => P.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && P.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await Ee(t, e);
+  }
+};
+class Fr {
+  constructor(s, e) {
+    this.locale = s, this.fallbackLocale = e;
+  }
+  getLocale() {
+    return this.locale;
+  }
+  async setLocale(s) {
+    this.locale = s;
+  }
+  getFallbackLocale() {
+    return this.fallbackLocale;
+  }
+  async setFallbackLocale(s) {
+    this.fallbackLocale = s;
+  }
+  getLocales() {
+    return ["en"];
+  }
+  translate(s) {
+    return Y() && console.warn("Lang provider is missing"), s;
+  }
+  translateWithDefault(s, e) {
+    return Y() && console.warn("Lang provider is missing"), e;
   }
-}, Ye = /* @__PURE__ */ new WeakSet();
-function Be() {
-  const t = pt(), { close: s, remove: e, ...r } = $s(Ye.has(t) ? {} : { removeOnClose: !1 });
-  return Ye.add(t), {
+}
+const Ur = Me({
+  name: "lang",
+  persist: ["locale", "fallbackLocale"],
+  initialState: {
+    locale: null,
+    locales: ["en"],
+    fallbackLocale: "en"
+  }
+});
+class Nr extends Ur {
+  constructor() {
+    super();
+    C(this, "provider");
+    this.provider = new Fr(
+      this.getState("locale") ?? this.getBrowserLocale(),
+      this.getState("fallbackLocale")
+    );
+  }
+  async setProvider(e) {
+    this.provider = e, this.locales = e.getLocales(), await e.setLocale(this.locale ?? this.getBrowserLocale()), await e.setFallbackLocale(this.fallbackLocale);
+  }
+  translate(e, r) {
+    return this.provider.translate(e, r) ?? e;
+  }
+  translateWithDefault(e, r, n = {}) {
+    return this.provider.translateWithDefault(e, r, n);
+  }
+  getBrowserLocale() {
+    const e = this.getState("locales");
+    return navigator.languages.find((r) => e.includes(r)) ?? "en";
+  }
+  async boot() {
+    globalThis.document && this.requireStore().$subscribe(
+      async () => {
+        var e, r;
+        await this.provider.setLocale(this.locale ?? this.getBrowserLocale()), await this.provider.setFallbackLocale(this.fallbackLocale), this.locale ? (e = document.querySelector("html")) == null || e.setAttribute("lang", this.locale) : (r = document.querySelector("html")) == null || r.removeAttribute("lang");
+      },
+      { immediate: !0 }
+    );
+  }
+}
+const ee = ae(Nr), _t = ee.translate.bind(ee), S = ee.translateWithDefault.bind(ee), xt = [];
+function io(t) {
+  xt.push(t);
+}
+function Be(t) {
+  for (const s of xt) {
+    const e = s(t);
+    if (e)
+      return e;
+  }
+  return typeof t == "string" ? t : t instanceof Error || t instanceof Te ? t.message : be(t) ? O(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+}
+const et = /* @__PURE__ */ new WeakSet();
+function je() {
+  const t = mt(), { close: s, remove: e, ...r } = $s(et.has(t) ? {} : { removeOnClose: !1 });
+  return et.add(t), {
     ...r,
     async close(n) {
       s(n), await ce(1e3), e();
     }
   };
 }
-const $t = 768, $e = {
+const Ct = 768, $e = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function _t() {
-  return globalThis.innerWidth > $t ? $e.Desktop : $e.Mobile;
+function kt() {
+  return globalThis.innerWidth > Ct ? $e.Desktop : $e.Mobile;
 }
-const Fr = Me({
+const Wr = Me({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: _t()
+    layout: kt()
   },
   computed: {
     desktop: ({ layout: t }) => t === $e.Desktop,
     mobile: ({ layout: t }) => t === $e.Mobile
   }
 });
-class Ur extends Fr {
+class Kr extends Wr {
   constructor() {
     super(...arguments);
     C(this, "components", {});
@@ -735,7 +815,7 @@ class Ur extends Fr {
   // prettier-ignore
   /* eslint-enable max-len */
   async confirm(e, r, n) {
-    const u = typeof r != "string" ? {
+    const c = typeof r != "string" ? {
       ...r ?? {},
       message: e,
       required: !!(r != null && r.required)
@@ -744,28 +824,28 @@ class Ur extends Fr {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, { response: i } = await this.modal(this.requireComponent("confirm-modal"), u), c = typeof i == "object" ? i[0] : i ?? !1, f = typeof i == "object" ? i[1] : Object.entries(u.checkboxes ?? {}).reduce(
+    }, { response: o } = await this.modal(this.requireComponent("confirm-modal"), c), u = typeof o == "object" ? o[0] : o ?? !1, f = typeof o == "object" ? o[1] : Object.entries(c.checkboxes ?? {}).reduce(
       (m, [b, { default: M }]) => ({
         [b]: M ?? !1,
         ...m
       }),
       {}
     );
-    for (const [m, b] of Object.entries(u.checkboxes ?? {}))
+    for (const [m, b] of Object.entries(c.checkboxes ?? {}))
       if (!(!b.required || f[m]))
-        return c && Y() && console.warn(`Confirmed confirm modal was suppressed because required '${m}' checkbox was missing`), [!1, f];
-    return "checkboxes" in u ? [c, f] : c;
+        return u && Y() && console.warn(`Confirmed confirm modal was suppressed because required '${m}' checkbox was missing`), [!1, f];
+    return "checkboxes" in c ? [u, f] : u;
   }
   async prompt(e, r, n) {
-    const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
+    const a = (n == null ? void 0 : n.trim) ?? !0, c = () => typeof r != "string" ? {
       message: e,
       ...r ?? {}
     } : {
       title: e,
       message: r,
       ...n ?? {}
-    }, { response: i } = await this.modal(this.requireComponent("prompt-modal"), u());
-    return (a && typeof i == "string" ? i == null ? void 0 : i.trim() : i) ?? null;
+    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), c());
+    return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
   }
   async loading(e, r) {
     const n = (b) => typeof b == "function" ? Promise.resolve(b()) : b, a = () => {
@@ -783,32 +863,32 @@ class Ur extends Fr {
         operationPromise: n(r)
       };
     };
-    let u = !1;
-    const { operationPromise: i, props: c, delay: f } = a();
-    if (f && await Promise.race([ce({ ms: f }).then(() => u = !0), i]), f && !u)
-      return i;
-    const m = _s(this.requireComponent("loading-modal"), c);
-    Qe(m);
+    let c = !1;
+    const { operationPromise: o, props: u, delay: f } = a();
+    if (f && await Promise.race([ce({ ms: f }).then(() => c = !0), o]), f && !c)
+      return o;
+    const m = _s(this.requireComponent("loading-modal"), u);
+    Je(m);
     try {
-      const b = await i;
+      const b = await o;
       return await ce({ ms: 500 }), b;
     } finally {
-      await Je(m.id, { removeAfter: 1e3 });
+      await Ze(m.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, u = {
+    const { component: n, ...a } = r, c = {
       id: pe(),
       properties: { message: e, ...a },
       component: R(n ?? this.requireComponent("toast"))
     };
-    this.setState("toasts", this.toasts.concat(u));
+    this.setState("toasts", this.toasts.concat(c));
   }
   modal(e, r) {
-    return Qe(e, r ?? {});
+    return Je(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(ue.value.map(({ id: e }) => Je(e, { removeAfter: 1e3 })));
+    await Promise.all(ue.value.map(({ id: e }) => Ze(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -824,78 +904,10 @@ class Ur extends Fr {
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${$t}px)`).addEventListener("change", () => this.setState({ layout: _t() }));
-  }
-}
-const D = ae(Ur);
-class Nr {
-  constructor(s, e) {
-    this.locale = s, this.fallbackLocale = e;
-  }
-  getLocale() {
-    return this.locale;
-  }
-  async setLocale(s) {
-    this.locale = s;
-  }
-  getFallbackLocale() {
-    return this.fallbackLocale;
-  }
-  async setFallbackLocale(s) {
-    this.fallbackLocale = s;
-  }
-  getLocales() {
-    return ["en"];
-  }
-  translate(s) {
-    return Y() && console.warn("Lang provider is missing"), s;
-  }
-  translateWithDefault(s, e) {
-    return Y() && console.warn("Lang provider is missing"), e;
+    globalThis.matchMedia(`(min-width: ${Ct}px)`).addEventListener("change", () => this.setState({ layout: kt() }));
   }
 }
-const Wr = Me({
-  name: "lang",
-  persist: ["locale", "fallbackLocale"],
-  initialState: {
-    locale: null,
-    locales: ["en"],
-    fallbackLocale: "en"
-  }
-});
-class Kr extends Wr {
-  constructor() {
-    super();
-    C(this, "provider");
-    this.provider = new Nr(
-      this.getState("locale") ?? this.getBrowserLocale(),
-      this.getState("fallbackLocale")
-    );
-  }
-  async setProvider(e) {
-    this.provider = e, this.locales = e.getLocales(), await e.setLocale(this.locale ?? this.getBrowserLocale()), await e.setFallbackLocale(this.fallbackLocale);
-  }
-  translate(e, r) {
-    return this.provider.translate(e, r) ?? e;
-  }
-  translateWithDefault(e, r, n = {}) {
-    return this.provider.translateWithDefault(e, r, n);
-  }
-  getBrowserLocale() {
-    const e = this.getState("locales");
-    return navigator.languages.find((r) => e.includes(r)) ?? "en";
-  }
-  async boot() {
-    globalThis.document && this.requireStore().$subscribe(
-      async () => {
-        var e, r;
-        await this.provider.setLocale(this.locale ?? this.getBrowserLocale()), await this.provider.setFallbackLocale(this.fallbackLocale), this.locale ? (e = document.querySelector("html")) == null || e.setAttribute("lang", this.locale) : (r = document.querySelector("html")) == null || r.removeAttribute("lang");
-      },
-      { immediate: !0 }
-    );
-  }
-}
-const ee = ae(Kr), xt = ee.translate.bind(ee), S = ee.translateWithDefault.bind(ee), Qr = Me({
+const D = ae(Kr), Qr = Me({
   name: "errors",
   initialState: {
     logs: [],
@@ -933,9 +945,9 @@ class Jr extends Qr {
   async report(e, r) {
     if (await W.emit("error", { error: e, message: r }), qe("unit") || (Y() && this.logError(e), !this.enabled))
       throw e;
-    if (!A.isMounted()) {
-      const u = await this.createStartupErrorReport(e);
-      u && this.setState({ startupErrors: this.startupErrors.concat(u) });
+    if (!P.isMounted()) {
+      const c = await this.createStartupErrorReport(e);
+      c && this.setState({ startupErrors: this.startupErrors.concat(c) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -988,7 +1000,7 @@ class Jr extends Qr {
     return be(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Te ? this.createErrorReportFromError(e) : be(e) ? dt({
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Te ? this.createErrorReportFromError(e) : be(e) ? pt({
       title: O(
         e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
@@ -1014,7 +1026,7 @@ class Jr extends Qr {
     };
   }
 }
-const Ct = ae(Jr), kt = /* @__PURE__ */ v({
+const St = ae(Jr), Tt = /* @__PURE__ */ v({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1032,7 +1044,7 @@ const Ct = ae(Jr), kt = /* @__PURE__ */ v({
   setup(t) {
     const s = d(() => t.as ? { as: t.as } : t.route ? {
       as: D.resolveComponent("router-link") ?? "a",
-      to: dt({
+      to: pt({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1045,7 +1057,7 @@ const Ct = ae(Jr), kt = /* @__PURE__ */ v({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (o(), g(l(Ms), I({
+    return (e, r) => (i(), g(l(Ms), I({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
@@ -1072,7 +1084,7 @@ const Ct = ae(Jr), kt = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = d(() => gt(
+    const s = K(t, ["class", "size", "variant", "disabled"]), e = d(() => vt(
       { 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",
@@ -1168,7 +1180,7 @@ const Ct = ae(Jr), kt = /* @__PURE__ */ v({
         }
       }
     ));
-    return (r, n) => (o(), g(kt, I({
+    return (r, n) => (i(), g(Tt, I({
       class: e.value,
       disabled: r.disabled
     }, s), {
@@ -1182,15 +1194,15 @@ const Ct = ae(Jr), kt = /* @__PURE__ */ v({
 function Zr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function St(t, s) {
+function Mt(t, s) {
   const e = te("form", null), r = (m) => m === void 0 ? "" : t.value.renderOption ? t.value.renderOption(m) : Zr(m) ? cs(m.label) : O(m), n = d(() => {
     const { name: m, modelValue: b } = t.value;
     return e && m ? e.getFieldValue(m) : b;
-  }), a = d(() => n.value), u = d(() => !e || !t.value.name ? null : e.errors[t.value.name] ?? null), i = d(() => t.value.options ? t.value.options.map((m) => ({
+  }), a = d(() => n.value), c = d(() => !e || !t.value.name ? null : e.errors[t.value.name] ?? null), o = d(() => t.value.options ? t.value.options.map((m) => ({
     key: pe(),
     label: r(m),
     value: m
-  })) : null), c = {
+  })) : null), u = {
     renderOption: r,
     labelClass: d(() => t.value.labelClass),
     optionsClass: d(() => t.value.optionsClass),
@@ -1202,12 +1214,12 @@ function St(t, s) {
     label: d(() => t.value.label),
     description: d(() => t.value.description),
     placeholder: d(() => t.value.placeholder ?? S("ui.select", "Select an option")),
-    options: i,
+    options: o,
     selectedOption: d(() => {
       var m;
-      return (m = i.value) == null ? void 0 : m.find((b) => b.value === t.value.modelValue);
+      return (m = o.value) == null ? void 0 : m.find((b) => b.value === t.value.modelValue);
     }),
-    errors: ke(u),
+    errors: ke(c),
     required: d(() => {
       if (!(!t.value.name || !e))
         return e.getFieldRules(t.value.name).includes("required");
@@ -1221,18 +1233,18 @@ function St(t, s) {
     }
   };
   function f(m) {
-    c.update(m);
+    u.update(m);
   }
-  return oe("select", c), { expose: c, acceptableValue: a, update: f, renderOption: r };
+  return oe("select", u), { expose: u, acceptableValue: a, update: f, renderOption: r };
 }
-const Tt = /* @__PURE__ */ v({
+const Vt = /* @__PURE__ */ v({
   __name: "HeadlessSelectValue",
   setup(t) {
     const s = L(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (o(), g(l(Ze), {
+    return (e, r) => e.$slots.default ? (i(), g(l(Ge), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
@@ -1240,24 +1252,24 @@ const Tt = /* @__PURE__ */ v({
         $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (o(), g(l(Ze), {
+    }, 8, ["placeholder"])) : (i(), g(l(Ge), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), Mt = /* @__PURE__ */ v({
+}), Et = /* @__PURE__ */ v({
   __name: "HeadlessSelectTrigger",
   setup(t) {
     const s = L(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (o(), g(l(Vs), {
+    return (e, r) => (i(), g(l(Vs), {
       id: l(s).id
     }, {
       default: h(() => [
         $(e.$slots, "default", {}, () => [
-          p(Tt, {
+          p(Vt, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
           p(l(Es))
@@ -1266,7 +1278,7 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["id"]));
   }
-}), Vt = /* @__PURE__ */ v({
+}), Ht = /* @__PURE__ */ v({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1284,7 +1296,7 @@ const Tt = /* @__PURE__ */ v({
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
       return r ? s.renderOption(r.value) : O(t.value);
     });
-    return (r, n) => (o(), g(l(Hs), me(fe(r.$props)), {
+    return (r, n) => (i(), g(l(Hs), me(fe(r.$props)), {
       default: h(() => [
         p(l(Ls), null, {
           default: h(() => [
@@ -1298,7 +1310,7 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 16));
   }
-}), Et = /* @__PURE__ */ v({
+}), Lt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
@@ -1309,7 +1321,7 @@ const Tt = /* @__PURE__ */ v({
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
     ), e = d(() => k("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (o(), g(l(Is), null, {
+    return (r, n) => (i(), g(l(Is), null, {
       default: h(() => [
         p(l(zs), {
           position: "popper",
@@ -1324,7 +1336,7 @@ const Tt = /* @__PURE__ */ v({
             }, {
               default: h(() => [
                 $(r.$slots, "default", {}, () => [
-                  (o(!0), y(j, null, F(l(s).options ?? [], (a) => (o(), g(Vt, {
+                  (i(!0), y(j, null, F(l(s).options ?? [], (a) => (i(), g(Ht, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1359,24 +1371,24 @@ const Tt = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = K(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = St(
+    const r = e, n = K(t, ["as", "compareOptions"]), { expose: a, acceptableValue: c, update: o } = Mt(
       d(() => ({ as: t.as, compareOptions: t.compareOptions, ...n })),
       r
     );
-    return s(a), (c, f) => (o(), g(l(qs), {
-      "model-value": l(u),
-      by: c.compareOptions,
-      "onUpdate:modelValue": f[0] || (f[0] = (m) => l(i)(m))
+    return s(a), (u, f) => (i(), g(l(qs), {
+      "model-value": l(c),
+      by: u.compareOptions,
+      "onUpdate:modelValue": f[0] || (f[0] = (m) => l(o)(m))
     }, {
       default: h(({ open: m }) => [
-        (o(), g(re(c.as), me(fe(c.$attrs)), {
+        (i(), g(re(u.as), me(fe(u.$attrs)), {
           default: h(() => [
-            $(c.$slots, "default", {
-              modelValue: c.modelValue,
+            $(u.$slots, "default", {
+              modelValue: u.modelValue,
               open: m
             }, () => [
-              p(Mt),
-              p(Et)
+              p(Et),
+              p(Lt)
             ])
           ]),
           _: 2
@@ -1385,7 +1397,7 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), et = /* @__PURE__ */ v({
+}), tt = /* @__PURE__ */ v({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
@@ -1396,7 +1408,7 @@ const Tt = /* @__PURE__ */ v({
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
     ), e = Se(), r = d(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), g(l(mt), I({
+    return (n, a) => r.value ? (i(), g(l(ft), I({
       key: 0,
       for: l(s).id
     }, n.$props), {
@@ -1408,14 +1420,14 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 16, ["for"])) : T("", !0);
   }
-}), Ht = /* @__PURE__ */ v({
+}), It = /* @__PURE__ */ v({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
     const s = L("select", "<SelectLabel> must be a child of a <Select>"), e = d(() => k("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (o(), g(et, {
+    return (r, n) => r.$slots.default ? (i(), g(tt, {
       key: 0,
       class: _(e.value)
     }, {
@@ -1423,12 +1435,12 @@ const Tt = /* @__PURE__ */ v({
         $(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (o(), g(et, {
+    }, 8, ["class"])) : (i(), g(tt, {
       key: 1,
       class: _(e.value)
     }, null, 8, ["class"]));
   }
-}), tt = /* @__PURE__ */ v({
+}), st = /* @__PURE__ */ v({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1441,7 +1453,7 @@ const Tt = /* @__PURE__ */ v({
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (o(), g(Vt, {
+    return (r, n) => (i(), g(Ht, {
       class: _(s.value),
       value: r.value
     }, {
@@ -1455,7 +1467,7 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), Lt = /* @__PURE__ */ v({
+}), zt = /* @__PURE__ */ v({
   __name: "SelectOptions",
   props: {
     class: {}
@@ -1466,27 +1478,27 @@ const Tt = /* @__PURE__ */ v({
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (o(), g(Et, {
+    return (r, n) => (i(), g(Lt, {
       class: _(e.value)
     }, {
       default: h(() => {
         var a;
         return [
           (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
-            var u;
+            var c;
             return [
-              (o(!0), y(j, null, F(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), g(tt, {
-                key: i.key,
-                value: i.value
+              (i(!0), y(j, null, F(((c = l(s)) == null ? void 0 : c.options) ?? [], (o) => (i(), g(st, {
+                key: o.key,
+                value: o.value
               }, {
                 default: h(() => [
-                  z(x(i.label), 1)
+                  z(x(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
           }) : $(r.$slots, "default", { key: 1 }, () => [
-            p(tt, {
+            p(st, {
               disabled: "",
               value: null
             }, {
@@ -1507,7 +1519,7 @@ const Tt = /* @__PURE__ */ v({
   height: "1.2em"
 };
 function Yr(t, s) {
-  return o(), y("svg", Xr, s[0] || (s[0] = [
+  return i(), y("svg", Xr, s[0] || (s[0] = [
     w("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
@@ -1520,7 +1532,7 @@ const en = R({ name: "zondicons-cheveron-down", render: Yr }), tn = {
   height: "1.2em"
 };
 function sn(t, s) {
-  return o(), y("svg", tn, s[0] || (s[0] = [
+  return i(), y("svg", tn, s[0] || (s[0] = [
     w("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"
@@ -1530,7 +1542,7 @@ function sn(t, s) {
 const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, It = /* @__PURE__ */ v({
+}, Rt = /* @__PURE__ */ v({
   __name: "SelectTrigger",
   props: {
     class: {}
@@ -1549,15 +1561,15 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
       },
       t.class
     ));
-    return (r, n) => (o(), g(Mt, {
+    return (r, n) => (i(), g(Et, {
       class: _(e.value)
     }, {
       default: h(() => {
         var a;
         return [
-          p(Tt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+          p(Vt, { class: "col-start-1 row-start-1 truncate pr-6" }),
           p(l(en), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" }),
-          (a = l(s)) != null && a.errors ? (o(), y("div", rn, [
+          (a = l(s)) != null && a.errors ? (i(), y("div", rn, [
             p(l(he), { class: "size-5 text-red-500" })
           ])) : T("", !0)
         ];
@@ -1565,14 +1577,14 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
       _: 1
     }, 8, ["class"]));
   }
-}), nn = ["id"], zt = /* @__PURE__ */ v({
+}), nn = ["id"], qt = /* @__PURE__ */ v({
   __name: "HeadlessSelectError",
   setup(t) {
     const s = L(
       "select",
       "<HeadlessSelectError> must be a child of a <HeadlessSelect>"
     ), e = d(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (o(), y("p", {
+    return (r, n) => e.value ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
     }, x(e.value), 9, nn)) : T("", !0);
@@ -1596,16 +1608,16 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Pe();
-    return (e, r) => (o(), g(Gr, I({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Ae();
+    return (e, r) => (i(), g(Gr, I({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: h(() => [
-        p(Ht),
+        p(It),
         $(e.$slots, "default", {}, () => [
-          p(It),
-          p(zt, { class: "mt-2 text-sm text-red-600" }),
-          p(Lt)
+          p(Rt),
+          p(qt, { class: "mt-2 text-sm text-red-600" }),
+          p(zt)
         ])
       ]),
       _: 3
@@ -1620,9 +1632,9 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
         locale: N.locales[s] ?? s
       });
     }
-    return (n, a) => (o(), g(an, {
+    return (n, a) => (i(), g(an, {
       modelValue: n.$lang.locale,
-      "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
+      "onUpdate:modelValue": a[0] || (a[0] = (c) => n.$lang.locale = c),
       class: "flex flex-col items-start md:flex-row",
       as: "div",
       options: e.value,
@@ -1630,13 +1642,13 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
     }, {
       default: h(() => [
         w("div", ln, [
-          p(Ht, { class: "text-base font-semibold" }, {
+          p(It, { class: "text-base font-semibold" }, {
             default: h(() => [
               z(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          p(P, {
+          p(A, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
@@ -1644,10 +1656,10 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
         ]),
         p(q, {
           variant: "ghost",
-          as: It,
+          as: Rt,
           class: "grid w-auto outline-none"
         }),
-        p(Lt)
+        p(zt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
@@ -1660,7 +1672,7 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
 ], cn = { $lang: ee }, dn = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = xt), t.config.globalProperties.$td = S, un.forEach((e) => A.addSetting(e)), await Ee(t, cn);
+    (s = t.config.globalProperties).$t ?? (s.$t = _t), t.config.globalProperties.$td = S, un.forEach((e) => P.addSetting(e)), await Ee(t, cn);
   }
 }, pn = /* @__PURE__ */ v({
   __name: "Markdown",
@@ -1674,38 +1686,38 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
     actions: {}
   },
   setup(t) {
-    const s = nt(), e = Se(), r = d(() => e.default ? e.default().map(ht).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : xt(t.langKey, t.langParams ?? {})))), n = d(() => {
+    const s = at(), e = Se(), r = d(() => e.default ? e.default().map(gt).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : _t(t.langKey, t.langParams ?? {})))), n = d(() => {
       if (!r.value)
         return null;
-      let i = zr(r.value);
-      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
+      let o = zr(r.value);
+      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
     }), a = () => Zt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
-      onClick: u,
+      onClick: c,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function u(i) {
+    async function c(o) {
       var f, m;
-      const { target: c } = i;
-      if (We(c, HTMLElement) && c.dataset.markdownAction) {
-        (m = (f = t.actions) == null ? void 0 : f[c.dataset.markdownAction]) == null || m.call(f);
+      const { target: u } = o;
+      if (Ke(u, HTMLElement) && u.dataset.markdownAction) {
+        (m = (f = t.actions) == null ? void 0 : f[u.dataset.markdownAction]) == null || m.call(f);
         return;
       }
-      if (We(c, HTMLAnchorElement) && c.dataset.markdownRoute) {
+      if (Ke(u, HTMLAnchorElement) && u.dataset.markdownRoute) {
         const b = Ir();
-        b && (i.preventDefault(), b.visit(c.dataset.markdownRoute));
+        b && (o.preventDefault(), b.visit(u.dataset.markdownRoute));
         return;
       }
     }
-    return (i, c) => (o(), g(a));
+    return (o, u) => (i(), g(a));
   }
 }), mn = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, P = /* @__PURE__ */ mn(pn, [["__scopeId", "data-v-8b211cfb"]]), fn = { class: "flex-grow" }, hn = ["id"], gn = /* @__PURE__ */ v({
+}, A = /* @__PURE__ */ mn(pn, [["__scopeId", "data-v-8b211cfb"]]), fn = { class: "flex-grow" }, hn = ["id"], gn = /* @__PURE__ */ v({
   __name: "Setting",
   props: {
     title: {},
@@ -1716,7 +1728,7 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
   },
   setup(t) {
     const s = d(() => k(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (o(), y("div", {
+    return (e, r) => (i(), y("div", {
       class: _(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
       w("div", fn, [
@@ -1724,7 +1736,7 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
           id: e.titleId,
           class: "text-base font-semibold"
         }, x(e.title), 9, hn),
-        e.description ? (o(), g(P, {
+        e.description ? (i(), g(A, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
@@ -1752,7 +1764,7 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = te("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+    const r = e, n = te("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), c = {
       id: `switch-${pe()}`,
       name: d(() => t.name),
       label: d(() => t.label),
@@ -1763,35 +1775,35 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(i) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, i);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", i);
+        r("update:modelValue", o);
       }
     };
-    return s(u), se(() => {
+    return s(c), se(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (i, c) => (o(), y("div", {
+    }), (o, u) => (i(), y("div", {
       class: _(t.class)
     }, [
-      i.label ? (o(), y("label", {
+      o.label ? (i(), y("label", {
         key: 0,
-        for: u.id,
-        class: _(i.labelClass)
-      }, x(i.label), 11, vn)) : T("", !0),
-      p(l(Ps), I({
-        id: u.id,
-        name: i.name,
-        "model-value": u.value.value
-      }, i.$attrs, {
-        class: i.inputClass,
-        "onUpdate:modelValue": c[0] || (c[0] = (f) => i.$emit("update:modelValue", f))
+        for: c.id,
+        class: _(o.labelClass)
+      }, x(o.label), 11, vn)) : T("", !0),
+      p(l(As), I({
+        id: c.id,
+        name: o.name,
+        "model-value": c.value.value
+      }, o.$attrs, {
+        class: o.inputClass,
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => o.$emit("update:modelValue", f))
       }), {
         default: h(() => [
-          p(l(As), {
-            class: _(i.thumbClass)
+          p(l(Ps), {
+            class: _(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
@@ -1801,7 +1813,7 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
 }), yn = /* @__PURE__ */ v({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (o(), g(bn, {
+    return (s, e) => (i(), g(bn, {
       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"
@@ -1810,7 +1822,7 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
 }), wn = /* @__PURE__ */ v({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (o(), g(gn, {
+    return (s, e) => (i(), g(gn, {
       "title-id": "debug-setting",
       title: s.$td("settings.debug", "Debugging"),
       description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
@@ -1830,34 +1842,23 @@ const he = R({ name: "zondicons-exclamation-solid", render: sn }), rn = {
     priority: 10,
     component: wn
   }
-], Rt = [];
-function io(t) {
-  Rt.push(t);
+];
+class rt extends Te {
 }
-function qt(t) {
-  for (const s of Rt) {
-    const e = s(t);
-    if (e)
-      return e;
-  }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof Te ? t.message : be(t) ? O(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
-}
-class st extends Te {
-}
-const _n = { $errors: Ct }, xn = (t) => (Ct.report(t), !0);
+const _n = { $errors: St }, xn = (t) => (Be(t).includes("ResizeObserver loop completed with undelivered notifications.") || St.report(t), !0);
 function Cn(t, s = () => !1) {
   const e = (r) => s(r) || xn(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, i) => e(i ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, c, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
 const kn = {
   async install(t, s) {
-    Cn(t, s.handleError), $n.forEach((e) => A.addSetting(e)), await Ee(t, _n);
+    Cn(t, s.handleError), $n.forEach((e) => P.addSetting(e)), await Ee(t, _n);
   }
 }, Sn = {
   async install() {
     qe() && (globalThis.testingRuntime = {
       on: (...t) => W.on(...t),
-      service: (t) => A.service(t)
+      service: (t) => P.service(t)
     });
   }
 }, Tn = {
@@ -1866,7 +1867,7 @@ const kn = {
   height: "1.2em"
 };
 function Mn(t, s) {
-  return o(), y("svg", Tn, s[0] || (s[0] = [
+  return i(), y("svg", Tn, s[0] || (s[0] = [
     w("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"
@@ -1885,13 +1886,13 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = B(null), { close: r } = Be();
+    const e = B(null), { close: r } = je();
     s({ $content: e });
-    const { forwardRef: n } = Pe();
-    return oe("$modalContentRef", e), (a, u) => (o(), g(l(Ds), {
+    const { forwardRef: n } = Ae();
+    return oe("$modalContentRef", e), (a, c) => (i(), g(l(Ds), {
       ref: l(n),
       open: "",
-      "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
+      "onUpdate:open": c[0] || (c[0] = (o) => a.persistent || o || l(r)())
     }, {
       default: h(() => [
         p(l(Bs), null, {
@@ -1907,11 +1908,11 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
 }), Hn = /* @__PURE__ */ v({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Be(), e = $r("$modalContentRef"), r = Z("$contentRef");
-    return se(() => e.value = r.value), (n, a) => (o(), g(l(js), { ref: "$contentRef" }, {
+    const { child: s } = je(), e = $r("$modalContentRef"), r = Z("$contentRef");
+    return se(() => e.value = r.value), (n, a) => (i(), g(l(js), { ref: "$contentRef" }, {
       default: h(() => [
         $(n.$slots, "default"),
-        l(s) ? (o(), g(l(xs), {
+        l(s) ? (i(), g(l(xs), {
           key: 0,
           is: l(s)
         }, null, 8, ["is"])) : T("", !0)
@@ -1926,7 +1927,7 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(l(Os), me(fe(s.$props)), {
+    return (s, e) => (i(), g(l(Os), me(fe(s.$props)), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
@@ -1941,7 +1942,7 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(l(Fs), me(fe(s.$props)), {
+    return (s, e) => (i(), g(l(Fs), me(fe(s.$props)), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
@@ -1955,7 +1956,7 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(l(Us), me(fe(s.$props)), {
+    return (s, e) => (i(), g(l(Us), me(fe(s.$props)), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
@@ -1981,13 +1982,13 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     s({
       $content: d(() => {
         var E;
-        return (E = i.value) == null ? void 0 : E.$content;
+        return (E = o.value) == null ? void 0 : E.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Pe(), { id: a, visible: u } = Be(), i = n, c = pt(), f = d(
+    const { forwardRef: r, currentRef: n } = Ae(), { id: a, visible: c } = je(), o = n, u = mt(), f = d(
       () => {
         var E;
-        return u.value && ((E = ue.value.toReversed().find((Oe) => Oe.visible.value)) == null ? void 0 : E.id) === a.value;
+        return c.value && ((E = ue.value.toReversed().find((Fe) => Fe.visible.value)) == null ? void 0 : E.id) === a.value;
       }
     ), m = d(() => ue.value.find((E) => E.visible.value)), b = d(() => ue.value.some((E) => ve.has(E))), M = d(() => t.description ? {} : { "aria-describedby": void 0 }), H = d(() => k(
       "overflow-auto px-4 pb-4 flex flex-col flex-1",
@@ -1997,35 +1998,35 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
       "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
       V.value ? [
         "inset-0 transition-[transform,translate] will-change-[transform,translate]",
-        ve.has(c.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        ve.has(u.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
         f.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]",
-        ve.has(c.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        ve.has(u.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
         f.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
       ],
       t.wrapperClass
     ));
-    return at(() => ce(500).then(() => ve.add(c.value))), (E, Oe) => (o(), g(En, I(e, {
+    return lt(() => ce(500).then(() => ve.add(u.value))), (E, Fe) => (i(), g(En, I(e, {
       ref: (ge) => l(r)(ge),
       persistent: E.persistent
     }), {
       default: h(({ close: ge }) => {
-        var Fe, Ue;
+        var Ue, Ne;
         return [
           p(In, {
             class: _(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
               "animate-[fade-in_var(--tw-duration)_ease-in-out]": !b.value,
-              "bg-black/30": ((Fe = m.value) == null ? void 0 : Fe.id) === l(a) || !m.value && ((Ue = l(ue)[0]) == null ? void 0 : Ue.id) === l(a),
+              "bg-black/30": ((Ue = m.value) == null ? void 0 : Ue.id) === l(a) || !m.value && ((Ne = l(ue)[0]) == null ? void 0 : Ne.id) === l(a),
               "opacity-0": !m.value,
               hidden: V.value
             }])
           }, null, 8, ["class"]),
           p(Hn, I(M.value, { class: U.value }), {
             default: h(() => [
-              !E.persistent && !E.closeHidden ? (o(), y("div", {
+              !E.persistent && !E.closeHidden ? (i(), y("div", {
                 key: 0,
                 class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !V.value }])
               }, [
@@ -2038,7 +2039,7 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
                   p(l(Vn), { class: "size-4" })
                 ], 8, Rn)
               ], 2)) : T("", !0),
-              E.title ? (o(), g(zn, {
+              E.title ? (i(), g(zn, {
                 key: 1,
                 class: _(["px-4 pt-5 text-base font-semibold text-gray-900", {
                   "sr-only": E.titleHidden,
@@ -2047,19 +2048,19 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
                 }])
               }, {
                 default: h(() => [
-                  p(P, {
+                  p(A, {
                     text: E.title,
                     inline: ""
                   }, null, 8, ["text"])
                 ]),
                 _: 1
               }, 8, ["class"])) : T("", !0),
-              E.description ? (o(), g(Ln, {
+              E.description ? (i(), g(Ln, {
                 key: 2,
                 class: _(["px-4 pt-1 pb-2", { "sr-only": E.descriptionHidden }])
               }, {
                 default: h(() => [
-                  p(P, {
+                  p(A, {
                     text: E.description,
                     class: "text-sm leading-6 text-gray-500"
                   }, null, 8, ["text"])
@@ -2080,29 +2081,29 @@ const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     }, 16, ["persistent"]));
   }
 });
-function Pn(t) {
+function An(t) {
   const s = d(() => t.title ?? S("ui.alert", "Alert")), e = d(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const An = /* @__PURE__ */ v({
+const Pn = /* @__PURE__ */ v({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = Pn(e);
-    return s(), (a, u) => (o(), g(le, {
+    const e = t, { renderedTitle: r, titleHidden: n } = An(e);
+    return s(), (a, c) => (i(), g(le, {
       title: l(r),
       "title-hidden": l(n)
     }, {
       default: h(() => [
-        p(P, { text: a.message }, null, 8, ["text"])
+        p(A, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Pt = /* @__PURE__ */ v({
+}), At = /* @__PURE__ */ v({
   __name: "Form",
   props: {
     form: {}
@@ -2114,23 +2115,23 @@ const An = /* @__PURE__ */ v({
     return se((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), oe("form", t.form), (n, a) => (o(), y("form", {
-      onSubmit: a[0] || (a[0] = lt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
+    }), oe("form", t.form), (n, a) => (i(), y("form", {
+      onSubmit: a[0] || (a[0] = ot((c) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
       $(n.$slots, "default")
     ], 32));
   }
 });
 function Dn(t) {
-  const s = bt(
+  const s = yt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (u, [i, c]) => ({
-        [i]: {
+      (c, [o, u]) => ({
+        [o]: {
           type: "boolean",
-          default: c.default,
-          required: c.required ? "required" : void 0
+          default: u.default,
+          required: u.required ? "required" : void 0
         },
-        ...u
+        ...c
       }),
       {}
     )
@@ -2155,26 +2156,26 @@ const Bn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = Dn(e);
-    return s(), (c, f) => (o(), g(le, {
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: c, renderedCancelText: o } = Dn(e);
+    return s(), (u, f) => (i(), g(le, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
       default: h(({ close: m }) => [
-        p(Pt, {
+        p(At, {
           form: l(r),
           onSubmit: (b) => m([!0, l(r).data()])
         }, {
           default: h(() => [
-            p(P, {
-              text: c.message,
-              actions: c.actions
+            p(A, {
+              text: u.message,
+              actions: u.actions
             }, null, 8, ["text", "actions"]),
-            c.checkboxes ? (o(), y("ul", Bn, [
-              (o(!0), y(j, null, F(c.checkboxes, (b, M) => (o(), y("li", { key: M }, [
+            u.checkboxes ? (i(), y("ul", Bn, [
+              (i(!0), y(j, null, F(u.checkboxes, (b, M) => (i(), y("li", { key: M }, [
                 w("label", jn, [
-                  ot(w("input", {
+                  it(w("input", {
                     "onUpdate:modelValue": (H) => l(r)[M] = H,
                     type: "checkbox",
                     required: b.required,
@@ -2188,21 +2189,21 @@ const Bn = {
             ])) : T("", !0),
             w("div", Un, [
               p(q, {
-                variant: c.acceptVariant,
+                variant: u.acceptVariant,
                 submit: ""
               }, {
                 default: h(() => [
-                  z(x(l(u)), 1)
+                  z(x(l(c)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              c.required ? T("", !0) : (o(), g(q, {
+              u.required ? T("", !0) : (i(), g(q, {
                 key: 0,
-                variant: c.cancelVariant,
+                variant: u.cancelVariant,
                 onClick: (b) => m(!1)
               }, {
                 default: h(() => [
-                  z(x(l(i)), 1)
+                  z(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2220,7 +2221,7 @@ const Bn = {
   height: "1.2em"
 };
 function Kn(t, s) {
-  return o(), y("svg", Wn, s[0] || (s[0] = [
+  return i(), y("svg", Wn, s[0] || (s[0] = [
     w("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
@@ -2233,20 +2234,20 @@ const Qn = R({ name: "zondicons-cheveron-left", render: Kn }), Jn = {
   height: "1.2em"
 };
 function Zn(t, s) {
-  return o(), y("svg", Jn, s[0] || (s[0] = [
+  return i(), y("svg", Jn, s[0] || (s[0] = [
     w("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 At = R({ name: "zondicons-cheveron-right", render: Zn }), Gn = {
+const Pt = R({ name: "zondicons-cheveron-right", render: Zn }), Gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function Xn(t, s) {
-  return o(), y("svg", Gn, s[0] || (s[0] = [
+  return i(), y("svg", Gn, s[0] || (s[0] = [
     w("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"
@@ -2259,7 +2260,7 @@ const Yn = R({ name: "mdi-console", render: Xn }), ea = {
   height: "1.2em"
 };
 function ta(t, s) {
-  return o(), y("svg", ea, s[0] || (s[0] = [
+  return i(), y("svg", ea, s[0] || (s[0] = [
     w("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"
@@ -2272,7 +2273,7 @@ const sa = R({ name: "zondicons-copy", render: ta }), ra = {
   height: "1.2em"
 };
 function na(t, s) {
-  return o(), y("svg", ra, s[0] || (s[0] = [
+  return i(), y("svg", ra, s[0] || (s[0] = [
     w("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"
@@ -2286,9 +2287,9 @@ const aa = R({ name: "mdi-github", render: na }), la = { class: "flex" }, oa = {
   },
   setup(t) {
     const s = t, e = d(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = d(() => {
-      if (!A.sourceUrl)
+      if (!P.sourceUrl)
         return !1;
-      const a = encodeURIComponent(e.value), u = encodeURIComponent(
+      const a = encodeURIComponent(e.value), c = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
@@ -2296,13 +2297,13 @@ const aa = R({ name: "mdi-github", render: na }), la = { class: "flex" }, oa = {
           "```",
           ds(
             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}`;
+      return `${P.sourceUrl}/issues/new?title=${a}&body=${c}`;
     }), n = d(() => ne(
       [
         {
@@ -2339,19 +2340,19 @@ ${s.report.details}`), D.toast(S("errors.copiedToClipboard", "Debug information
         });
       }
     ));
-    return (a, u) => (o(), y("div", la, [
-      (o(!0), y(j, null, F(n.value, (i) => $(a.$slots, "default", I({ ref_for: !0 }, i), () => [
+    return (a, c) => (i(), y("div", la, [
+      (i(!0), y(j, null, F(n.value, (o) => $(a.$slots, "default", I({ ref_for: !0 }, o), () => [
         p(q, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: i.url,
-          title: a.$td(`errors.report_${i.id}`, i.description),
-          onClick: i.click
+          href: o.url,
+          title: a.$td(`errors.report_${o.id}`, o.description),
+          onClick: o.click
         }, {
           default: h(() => [
-            w("span", oa, x(a.$td(`errors.report_${i.id}`, i.description)), 1),
-            (o(), g(re(i.iconComponent), {
+            w("span", oa, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (i(), g(re(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2370,7 +2371,7 @@ ${s.report.details}`), D.toast(S("errors.copiedToClipboard", "Debug information
   },
   setup(t) {
     const s = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (o(), g(P, {
+    return (e, r) => (i(), g(A, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
@@ -2379,8 +2380,8 @@ ${s.report.details}`), D.toast(S("errors.copiedToClipboard", "Debug information
 function ca(t) {
   const s = B(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = d(() => t.reports[s.value]), r = d(
     () => {
-      var u;
-      return ((u = e.value.details) == null ? void 0 : u.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var c;
+      return ((c = e.value.details) == null ? void 0 : c.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
   ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
@@ -2401,9 +2402,9 @@ const da = { class: "px-4 pt-5 pb-4" }, pa = { class: "flex justify-between gap-
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: i } = ca(e);
-    return s(), (c, f) => (o(), g(le, {
-      title: c.$td("errors.report", "Error report"),
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: c, activeReport: o } = ca(e);
+    return s(), (u, f) => (i(), g(le, {
+      title: u.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
       class: "p-0",
@@ -2416,17 +2417,17 @@ const da = { class: "px-4 pt-5 pb-4" }, pa = { class: "flex justify-between gap-
               p(l(he), { class: "size-5 text-red-600" }),
               p(ua, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: l(i),
+                report: l(o),
                 "current-report": l(r) + 1,
-                "total-reports": c.reports.length
+                "total-reports": u.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              c.reports.length > 1 ? (o(), y("span", fa, [
+              u.reports.length > 1 ? (i(), y("span", fa, [
                 p(q, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
-                  "aria-label": l(u),
-                  title: l(u),
+                  "aria-label": l(c),
+                  title: l(c),
                   onClick: f[0] || (f[0] = (m) => r.value--)
                 }, {
                   default: h(() => [
@@ -2437,26 +2438,26 @@ const da = { class: "px-4 pt-5 pb-4" }, pa = { class: "flex justify-between gap-
                 p(q, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: l(r) === c.reports.length - 1,
+                  disabled: l(r) === u.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
                   onClick: f[1] || (f[1] = (m) => r.value++)
                 }, {
                   default: h(() => [
-                    p(l(At), { class: "size-4" })
+                    p(l(Pt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : T("", !0)
             ]),
             p(ia, {
-              report: l(i),
+              report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(i).description ? (o(), g(P, {
+          l(o).description ? (i(), g(A, {
             key: 0,
-            text: l(i).description,
+            text: l(o).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : T("", !0)
         ]),
@@ -2476,7 +2477,7 @@ const da = { class: "px-4 pt-5 pb-4" }, pa = { class: "flex justify-between gap-
   height: "1.2em"
 };
 function ya(t, s) {
-  return o(), y("svg", ba, s[0] || (s[0] = [
+  return i(), y("svg", ba, s[0] || (s[0] = [
     w("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",
@@ -2510,24 +2511,24 @@ const wa = R({ name: "svg-spinners-90-ring-with-bg", render: ya }), $a = { class
       "absolute inset-y-0 right-0 size-full rounded-r-full",
       "bg-primary-900 transition-[width] duration-500 ease-linear",
       t.overflowClass
-    )), a = d(() => typeof t.progress == "number" ? t.progress : e.value), u = d(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
+    )), a = d(() => typeof t.progress == "number" ? t.progress : e.value), c = d(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
     return X(
       () => t.job,
       () => {
-        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (i) => e.value = i });
+        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (o) => e.value = o });
       },
       { immediate: !0 }
-    ), Ce(() => s && s()), (i, c) => (o(), y("div", $a, [
+    ), Ce(() => s && s()), (o, u) => (i(), y("div", $a, [
       w("div", {
         class: _(r.value),
-        style: Ne(`transform:translateX(-${(1 - a.value) * 100}%)`)
+        style: We(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      u.value ? (o(), y("div", {
+      c.value ? (i(), y("div", {
         key: 0,
         class: _(n.value),
-        style: Ne({ width: `${u.value}%` })
+        style: We({ width: `${c.value}%` })
       }, null, 6)) : T("", !0),
-      w("span", _a, x(i.$td("ui.progress", "{progress}% complete", {
+      w("span", _a, x(o.$td("ui.progress", "{progress}% complete", {
         progress: a.value * 100
       })), 1)
     ]));
@@ -2548,30 +2549,30 @@ const ka = /* @__PURE__ */ v({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = Ca(e);
-    return s(), (i, c) => (o(), g(le, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: c } = Ca(e);
+    return s(), (o, u) => (i(), g(le, {
       persistent: "",
       "wrapper-class": "w-auto",
       title: l(r),
       "title-hidden": l(a),
-      class: _({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
+      class: _({ "flex-col-reverse": l(c), "flex-row items-center justify-center gap-2": !l(c) })
     }, {
       default: h(() => [
-        l(u) ? (o(), g(xa, {
+        l(c) ? (i(), g(xa, {
           key: 0,
-          progress: i.progress,
-          job: i.job,
+          progress: o.progress,
+          job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (o(), g(l(wa), {
+        }, null, 8, ["progress", "job"])) : (i(), g(l(wa), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        p(P, { text: l(n) }, null, 8, ["text"])
+        p(A, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), je = /* @__PURE__ */ v({
+}), Oe = /* @__PURE__ */ v({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2582,7 +2583,7 @@ const ka = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = te("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
+    const r = e, n = te("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), c = {
       id: `input-${pe()}`,
       name: d(() => t.name),
       label: d(() => t.label),
@@ -2593,17 +2594,17 @@ const ka = /* @__PURE__ */ v({
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(i) {
+      update(o) {
         if (n && t.name) {
-          n.setFieldValue(t.name, i);
+          n.setFieldValue(t.name, o);
           return;
         }
-        r("update:modelValue", i);
+        r("update:modelValue", o);
       }
     };
-    return oe("input", u), s(u), (i, c) => (o(), g(re(i.as), null, {
+    return oe("input", c), s(c), (o, u) => (i(), g(re(o.as), null, {
       default: h(() => [
-        $(i.$slots, "default")
+        $(o.$slots, "default")
       ]),
       _: 3
     }));
@@ -2612,7 +2613,7 @@ const ka = /* @__PURE__ */ v({
   __name: "HeadlessInputLabel",
   setup(t) {
     const s = L("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Se(), r = d(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), y("label", {
+    return (n, a) => r.value ? (i(), y("label", {
       key: 0,
       for: l(s).id
     }, [
@@ -2627,58 +2628,60 @@ const ka = /* @__PURE__ */ v({
     type: {}
   },
   setup(t) {
-    const s = Z("$inputRef"), e = L("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = te("form", null), n = d(() => e.name ?? void 0), a = d(() => e.value), u = d(() => {
+    const s = Z("$inputRef"), e = L("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = te("form", null), n = d(() => e.name ?? void 0), a = d(() => e.value), c = d(() => {
       if (t.type)
         return t.type;
       const m = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
       return ["text", "email", "number", "tel", "url"].includes(m) ? m : "text";
-    }), i = d(() => {
-      if (u.value === "checkbox")
+    }), o = d(() => {
+      if (c.value === "checkbox")
         return !!a.value;
     });
-    function c() {
+    function u() {
       s.value && e.update(f());
     }
     function f() {
       if (!s.value)
         return null;
-      switch (u.value) {
+      switch (c.value) {
         case "checkbox":
           return s.value.checked;
         case "date":
         case "time":
-        case "datetime-local":
-          return new Date(
-            Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Xe(s.value.valueAsDate)
+        case "datetime-local": {
+          const m = new Date(
+            Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Ye(s.value.valueAsDate ?? new Date(s.value.valueAsNumber))
           );
+          return isNaN(m.getTime()) ? null : m;
+        }
         case "number":
           return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return vt(e, () => {
+    return bt(e, () => {
       var m;
       return (m = s.value) == null ? void 0 : m.focus();
     }), se(() => {
       if (s.value) {
-        if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
+        if (["date", "time", "datetime-local"].includes(c.value) && a.value instanceof Date) {
           const m = Math.round(a.value.getTime() / 6e4) * 6e4;
-          s.value.valueAsNumber = m - Xe(a.value), e.update(new Date(m));
+          s.value.valueAsNumber = m - Ye(a.value), a.value.getTime() !== m && e.update(new Date(m));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), (m, b) => (o(), y("input", {
+    }), (m, b) => (i(), y("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: i.value,
-      type: u.value,
+      checked: o.value,
+      type: c.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
-      onInput: c
+      onInput: u
     }, null, 40, Ta));
   }
 }), Bt = /* @__PURE__ */ v({
@@ -2692,7 +2695,7 @@ const ka = /* @__PURE__ */ v({
     return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (o(), g(P, I({ key: 0 }, n.$attrs, {
+      r.value ? (i(), g(A, I({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : T("", !0)
@@ -2702,7 +2705,7 @@ const ka = /* @__PURE__ */ v({
   __name: "HeadlessInputError",
   setup(t) {
     const s = L("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (o(), y("p", {
+    return (r, n) => e.value ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
     }, x(e.value), 9, Ma)) : T("", !0);
@@ -2725,7 +2728,7 @@ const ka = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => k("mt-2 text-sm text-gray-600", t.descriptionClass)), i = d(() => k("mt-2 text-sm text-red-600", t.errorClass)), c = d(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), c = d(() => k("mt-2 text-sm text-gray-600", t.descriptionClass)), o = d(() => k("mt-2 text-sm text-red-600", t.errorClass)), u = d(() => {
       var f, m, b;
       return k(
         // eslint-disable-next-line vue/max-len
@@ -2738,7 +2741,7 @@ const ka = /* @__PURE__ */ v({
         t.inputClass
       );
     });
-    return (f, m) => (o(), g(je, I({
+    return (f, m) => (i(), g(Oe, I({
       ref: "$inputRef",
       label: f.label,
       class: l(n)
@@ -2752,16 +2755,16 @@ const ka = /* @__PURE__ */ v({
           w("div", {
             class: _(a.value)
           }, [
-            p(Dt, I(l(r), { class: c.value }), null, 16, ["class"]),
-            (b = e.value) != null && b.errors ? (o(), y("div", Va, [
+            p(Dt, I(l(r), { class: u.value }), null, 16, ["class"]),
+            (b = e.value) != null && b.errors ? (i(), y("div", Va, [
               p(l(he), { class: "size-5 text-red-500" })
             ])) : T("", !0)
           ], 2),
           p(Bt, {
-            class: _(u.value)
+            class: _(c.value)
           }, null, 8, ["class"]),
           p(xe, {
-            class: _(i.value)
+            class: _(o.value)
           }, null, 8, ["class"])
         ];
       }),
@@ -2856,7 +2859,7 @@ function wo(t, s = {}) {
   };
 }
 function La(t) {
-  const s = bt({
+  const s = yt({
     draft: Ha(t.defaultValue ?? "")
   }), e = d(() => t.title ?? t.message), r = d(() => t.title ? t.message : null), n = d(() => t.acceptText ?? S("ui.accept", "Ok")), a = d(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
@@ -2876,43 +2879,43 @@ const Ia = { class: "mt-4 flex flex-row-reverse gap-2" }, za = /* @__PURE__ */ v
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = La(e);
-    return s(), (c, f) => (o(), g(le, {
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: c, renderedCancelText: o } = La(e);
+    return s(), (u, f) => (i(), g(le, {
       title: l(n),
       persistent: ""
     }, {
       default: h(({ close: m }) => [
-        p(Pt, {
+        p(At, {
           form: l(r),
           onSubmit: (b) => m(l(r).draft)
         }, {
           default: h(() => [
-            l(a) ? (o(), g(P, {
+            l(a) ? (i(), g(A, {
               key: 0,
               text: l(a)
             }, null, 8, ["text"])) : T("", !0),
             p(Ea, {
               name: "draft",
               class: "mt-2",
-              placeholder: c.placeholder,
-              label: c.label
+              placeholder: u.placeholder,
+              label: u.label
             }, null, 8, ["placeholder", "label"]),
             w("div", Ia, [
               p(q, {
-                variant: c.acceptVariant,
+                variant: u.acceptVariant,
                 submit: ""
               }, {
                 default: h(() => [
-                  z(x(l(u)), 1)
+                  z(x(l(c)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
               p(q, {
-                variant: c.cancelVariant,
+                variant: u.cancelVariant,
                 onClick: (b) => m()
               }, {
                 default: h(() => [
-                  z(x(l(i)), 1)
+                  z(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2930,20 +2933,20 @@ const Ia = { class: "mt-4 flex flex-row-reverse gap-2" }, za = /* @__PURE__ */ v
   height: "1.2em"
 };
 function qa(t, s) {
-  return o(), y("svg", Ra, s[0] || (s[0] = [
+  return i(), y("svg", Ra, s[0] || (s[0] = [
     w("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 Pa = R({ name: "material-symbols-bug-report", render: qa }), Aa = {
+const Aa = R({ name: "material-symbols-bug-report", render: qa }), Pa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function Da(t, s) {
-  return o(), y("svg", Aa, s[0] || (s[0] = [
+  return i(), y("svg", Pa, s[0] || (s[0] = [
     w("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"
@@ -2956,7 +2959,7 @@ const Ba = R({ name: "material-symbols-delete-forever-rounded", render: Da }), j
   height: "1.2em"
 };
 function Oa(t, s) {
-  return o(), y("svg", ja, s[0] || (s[0] = [
+  return i(), y("svg", ja, s[0] || (s[0] = [
     w("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"
@@ -2969,7 +2972,7 @@ const Fa = R({ name: "material-symbols-frame-inspect", render: Oa }), Ua = {
   height: "1.2em"
 };
 function Na(t, s) {
-  return o(), y("svg", Ua, s[0] || (s[0] = [
+  return i(), y("svg", Ua, s[0] || (s[0] = [
     w("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"
@@ -2992,15 +2995,15 @@ Do you still want to proceed?`
           acceptVariant: "danger",
           acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await wt.purge(), await A.reload());
+      ) && (await $t.purge(), await P.reload());
     }
     return (e, r) => {
       const n = Xt("i-majesticons-exclamation");
-      return o(), y("div", Ka, [
+      return i(), y("div", Ka, [
         w("div", Qa, [
           p(n, { class: "size-20 text-red-600" }),
           w("h1", Ja, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          p(P, {
+          p(A, {
             text: e.$td(
               "startupCrash.message",
               "There was a problem starting the application, but here's some things you can do:"
@@ -3023,7 +3026,7 @@ Do you still want to proceed?`
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
               default: h(() => [
-                p(l(Pa)),
+                p(l(Aa)),
                 z(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
@@ -3059,7 +3062,7 @@ Do you still want to proceed?`
     action: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(re(s.action.dismiss ? l(Ns) : "button"), {
+    return (s, e) => (i(), g(re(s.action.dismiss ? l(Ns) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
@@ -3077,11 +3080,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(l(Ws), null, {
+    return (s, e) => (i(), g(l(Ws), null, {
       default: h(() => [
         $(s.$slots, "default", {}, () => [
-          s.message ? (o(), y("span", Xa, x(s.message), 1)) : T("", !0),
-          (o(!0), y(j, null, F(s.actions, (r, n) => (o(), g(jt, {
+          s.message ? (i(), y("span", Xa, x(s.message), 1)) : T("", !0),
+          (i(!0), y(j, null, F(s.actions, (r, n) => (i(), g(jt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3099,7 +3102,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = d(() => gt(
+    const e = d(() => vt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -3115,17 +3118,17 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (o(), g(Ya, {
+    return s(), (r, n) => (i(), g(Ya, {
       class: _(e.value)
     }, {
       default: h(() => [
-        r.message ? (o(), g(P, {
+        r.message ? (i(), g(A, {
           key: 0,
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : T("", !0),
-        (o(!0), y(j, null, F(r.actions, (a, u) => (o(), g(q, {
-          key: u,
+        (i(!0), y(j, null, F(r.actions, (a, c) => (i(), g(q, {
+          key: c,
           action: a,
           variant: r.variant,
           as: jt
@@ -3137,7 +3140,7 @@ Do you still want to proceed?`
 }), tl = { $ui: D }, sl = {
   async install(t, s) {
     const e = {
-      "alert-modal": An,
+      "alert-modal": Pn,
       "confirm-modal": Nn,
       "error-report-modal": va,
       "loading-modal": ka,
@@ -3158,8 +3161,8 @@ Do you still want to proceed?`
 };
 async function nl(t, s = {}) {
   var r;
-  const e = [Sn, Ar, kn, dn, Or, sl, rl, ...s.plugins ?? []];
-  A.instance = t, await br(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await W.emit("application-ready");
+  const e = [Sn, Pr, kn, dn, Or, sl, rl, ...s.plugins ?? []];
+  P.instance = t, await br(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await W.emit("application-ready");
 }
 async function $o(t, s = {}) {
   var r;
@@ -3169,9 +3172,9 @@ async function $o(t, s = {}) {
 const al = /* @__PURE__ */ v({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (o(), g(l(Ks), null, {
+    return (s, e) => (i(), g(l(Ks), null, {
       default: h(() => [
-        (o(!0), y(j, null, F(s.$ui.toasts, (r) => (o(), g(re(r.component), I({
+        (i(!0), y(j, null, F(s.$ui.toasts, (r) => (i(), g(re(r.component), I({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
@@ -3183,7 +3186,7 @@ const al = /* @__PURE__ */ v({
 }), ll = /* @__PURE__ */ v({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (o(), y(j, null, [
+    return (s, e) => (i(), y(j, null, [
       p(l(Cs), { nested: "" }),
       p(al)
     ], 64));
@@ -3191,9 +3194,9 @@ const al = /* @__PURE__ */ v({
 }), ol = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, _o = /* @__PURE__ */ v({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (o(), y("div", ol, [
+    return (s, e) => (i(), y("div", ol, [
       s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (o(), g(re(s.$ui.requireComponent("startup-crash"))))
+        (i(), g(re(s.$ui.requireComponent("startup-crash"))))
       ]) : $(s.$slots, "default", { key: 1 }),
       p(ll)
     ]));
@@ -3208,10 +3211,10 @@ const al = /* @__PURE__ */ v({
     function a() {
       s.value && e.update(s.value.value);
     }
-    return vt(e, () => {
-      var u;
-      return (u = s.value) == null ? void 0 : u.focus();
-    }), (u, i) => (o(), y("textarea", {
+    return bt(e, () => {
+      var c;
+      return (c = s.value) == null ? void 0 : c.focus();
+    }), (c, o) => (i(), y("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3236,11 +3239,11 @@ const al = /* @__PURE__ */ v({
       "hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700",
       t.summaryClass
     ));
-    return (r, n) => (o(), y("details", cl, [
+    return (r, n) => (i(), y("details", cl, [
       w("summary", {
         class: _(e.value)
       }, [
-        p(l(At), { class: "size-6 transition-transform group-open:rotate-90" }),
+        p(l(Pt), { class: "size-6 transition-transform group-open:rotate-90" }),
         $(r.$slots, "label", {}, () => [
           w("span", null, x(r.label ?? r.$td("ui.details", "Details")), 1)
         ])
@@ -3255,7 +3258,7 @@ const al = /* @__PURE__ */ v({
 }), xo = /* @__PURE__ */ v({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (o(), g(dl, {
+    return (s, e) => (i(), g(dl, {
       label: s.$td("ui.advancedOptions", "Advanced options")
     }, {
       default: h(() => [
@@ -3277,44 +3280,44 @@ const al = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative flex items-start", n.value)), u = d(() => {
-      var c, f;
+    const s = K(t, ["inputClass", "labelClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative flex items-start", n.value)), c = d(() => {
+      var u, f;
       return k(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
-          "border-gray-300 focus:ring-primary-600": !((c = e.value) != null && c.errors),
+          "border-gray-300 focus:ring-primary-600": !((u = e.value) != null && u.errors),
           "border-red-400 border-2 focus:ring-red-600": (f = e.value) == null ? void 0 : f.errors
         },
         t.inputClass
       );
-    }), i = d(() => k("ml-2 text-sm leading-6", t.labelClass));
-    return (c, f) => (o(), g(je, I({
+    }), o = d(() => k("ml-2 text-sm leading-6", t.labelClass));
+    return (u, f) => (i(), g(Oe, I({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": f[0] || (f[0] = (m) => c.$emit("update:modelValue", m))
+      "onUpdate:modelValue": f[0] || (f[0] = (m) => u.$emit("update:modelValue", m))
     }), {
       default: h(() => [
         w("div", pl, [
           p(Dt, I(l(r), {
             type: "checkbox",
-            class: u.value
+            class: c.value
           }), null, 16, ["class"])
         ]),
-        c.$slots.default ? (o(), y("div", {
+        u.$slots.default ? (i(), y("div", {
           key: 0,
-          class: _(i.value)
+          class: _(o.value)
         }, [
           p(_e, { class: "text-gray-900" }, {
             default: h(() => [
-              $(c.$slots, "default")
+              $(u.$slots, "default")
             ]),
             _: 3
           }),
           p(xe, { class: "text-red-600" })
-        ], 2)) : c.label ? (o(), y("div", {
+        ], 2)) : u.label ? (i(), y("div", {
           key: 1,
-          class: _(i.value)
+          class: _(o.value)
         }, [
           p(_e, { class: "text-gray-900" }),
           p(xe, { class: "text-red-600" })
@@ -3332,7 +3335,7 @@ const al = /* @__PURE__ */ v({
   setup(t) {
     return oe(t.name, t.value), (s, e) => $(s.$slots, "default");
   }
-}), fl = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50" }, rt = /* @__PURE__ */ v({
+}), fl = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50" }, nt = /* @__PURE__ */ v({
   __name: "ComboboxOption",
   props: {
     textValue: {},
@@ -3343,22 +3346,22 @@ const al = /* @__PURE__ */ v({
   },
   emits: ["select"],
   setup(t, { emit: s }) {
-    const e = s, r = L("select", "<ComboboxOption> must be a child of a <Combobox>"), n = Js(), a = L("combobox"), u = d(() => {
+    const e = s, r = L("select", "<ComboboxOption> must be a child of a <Combobox>"), n = Js(), a = L("combobox"), c = d(() => {
       var f;
-      const c = (f = r.options) == null ? void 0 : f.find((m) => m.value === t.value);
-      return c ? r.renderOption(c.value) : O(t.value);
+      const u = (f = r.options) == null ? void 0 : f.find((m) => m.value === t.value);
+      return u ? r.renderOption(u.value) : O(t.value);
     });
-    function i(c) {
-      n.multiple.value || n.disabled.value || (c.preventDefault(), a.preventChange = !0, n.modelValue.value = t.value, e("select"));
+    function o(u) {
+      n.multiple.value || n.disabled.value || (u.preventDefault(), a.preventChange = !0, n.modelValue.value = t.value, e("select"));
     }
-    return (c, f) => (o(), g(l(Zs), I(c.$props, {
+    return (u, f) => (i(), g(l(Zs), I(u.$props, {
       class: "group p-1 outline-none",
-      onSelect: f[0] || (f[0] = (m) => i(m))
+      onSelect: f[0] || (f[0] = (m) => o(m))
     }), {
       default: h(() => [
         w("div", fl, [
-          $(c.$slots, "default", {}, () => [
-            z(x(u.value), 1)
+          $(u.$slots, "default", {}, () => [
+            z(x(c.value), 1)
           ])
         ])
       ]),
@@ -3374,33 +3377,33 @@ const al = /* @__PURE__ */ v({
   setup(t) {
     const { contains: s } = Gs({ sensitivity: "base" }), e = L("select", "<ComboboxOptions> must be a child of a <Combobox>"), r = L("combobox"), n = Z("$group"), a = d(
       () => {
-        var c;
-        return ((c = e.options) == null ? void 0 : c.filter((f) => s(f.label, r.input))) ?? [];
+        var u;
+        return ((u = e.options) == null ? void 0 : u.filter((f) => s(f.label, r.input))) ?? [];
       }
-    ), u = d(
-      () => r.input && !a.value.some((c) => c.label === r.input)
-    ), i = k(
+    ), c = d(
+      () => r.input && !a.value.some((u) => u.label === r.input)
+    ), o = k(
       "max-h-(--reka-combobox-content-available-height) min-w-(--reka-combobox-trigger-width)",
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden"
     );
     return X(n, () => {
-      var c;
-      return r.$group = ((c = n.value) == null ? void 0 : c.$el) ?? null;
-    }), (c, f) => (o(), g(l(Xs), null, {
+      var u;
+      return r.$group = ((u = n.value) == null ? void 0 : u.$el) ?? null;
+    }), (u, f) => (i(), g(l(Xs), null, {
       default: h(() => [
         p(l(Ys), {
           position: "popper",
           align: l(e).align,
           side: l(e).side,
           "side-offset": 4,
-          class: _(l(i))
+          class: _(l(o))
         }, {
           default: h(() => [
             p(l(er), null, {
               default: h(() => [
                 p(l(tr), { class: "group p-1 outline-none" }, {
                   default: h(() => [
-                    w("div", hl, x(c.$td("ui.comboboxEmpty", "No options found")), 1)
+                    w("div", hl, x(u.$td("ui.comboboxEmpty", "No options found")), 1)
                   ]),
                   _: 1
                 }),
@@ -3411,20 +3414,20 @@ const al = /* @__PURE__ */ v({
                   default: h(() => {
                     var m;
                     return [
-                      u.value ? (o(), g(rt, {
+                      c.value ? (i(), g(nt, {
                         key: 0,
-                        value: ((m = c.newInputValue) == null ? void 0 : m.call(c, l(r).input)) ?? l(r).input,
-                        onSelect: f[0] || (f[0] = (b) => c.$emit("select"))
+                        value: ((m = u.newInputValue) == null ? void 0 : m.call(u, l(r).input)) ?? l(r).input,
+                        onSelect: f[0] || (f[0] = (b) => u.$emit("select"))
                       }, {
                         default: h(() => [
                           z(x(l(r).input), 1)
                         ]),
                         _: 1
                       }, 8, ["value"])) : T("", !0),
-                      (o(!0), y(j, null, F(a.value, (b) => (o(), g(rt, {
+                      (i(!0), y(j, null, F(a.value, (b) => (i(), g(nt, {
                         key: b.key,
                         value: b.value,
-                        onSelect: f[1] || (f[1] = (M) => c.$emit("select"))
+                        onSelect: f[1] || (f[1] = (M) => u.$emit("select"))
                       }, null, 8, ["value"]))), 128))
                     ];
                   }),
@@ -3457,10 +3460,10 @@ const al = /* @__PURE__ */ v({
         "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": r.errors
       }
     ));
-    function u() {
-      Array.from(document.querySelectorAll(":hover")).some((c) => {
+    function c() {
+      Array.from(document.querySelectorAll(":hover")).some((u) => {
         var f;
-        return (f = n.$group) == null ? void 0 : f.contains(c);
+        return (f = n.$group) == null ? void 0 : f.contains(u);
       }) || e("blur");
     }
     return X(
@@ -3472,23 +3475,23 @@ const al = /* @__PURE__ */ v({
         }
         e("change");
       }
-    ), (i, c) => (o(), g(l(rr), { class: "relative" }, {
+    ), (o, u) => (i(), g(l(rr), { class: "relative" }, {
       default: h(() => {
         var f;
         return [
           p(l(nr), {
             id: l(r).id,
             modelValue: l(n).input,
-            "onUpdate:modelValue": c[0] || (c[0] = (m) => l(n).input = m),
+            "onUpdate:modelValue": u[0] || (u[0] = (m) => l(n).input = m),
             placeholder: l(r).placeholder,
             class: _(a.value),
             "display-value": l(r).renderOption,
             name: l(r).name,
-            onFocus: c[1] || (c[1] = (m) => i.$emit("focus")),
-            onBlur: c[2] || (c[2] = (m) => u()),
-            onKeydown: c[3] || (c[3] = es((m) => i.$emit("blur"), ["esc"]))
+            onFocus: u[1] || (u[1] = (m) => o.$emit("focus")),
+            onBlur: u[2] || (u[2] = (m) => c()),
+            onKeydown: u[3] || (u[3] = es((m) => o.$emit("blur"), ["esc"]))
           }, null, 8, ["id", "modelValue", "placeholder", "class", "display-value", "name"]),
-          (f = l(r)) != null && f.errors ? (o(), y("div", vl, [
+          (f = l(r)) != null && f.errors ? (i(), y("div", vl, [
             p(l(he), { class: "size-5 text-red-500" })
           ])) : T("", !0)
         ];
@@ -3504,7 +3507,7 @@ const al = /* @__PURE__ */ v({
   },
   setup(t) {
     const s = L("select", "<ComboboxLabel> must be a child of a <Combobox>"), e = Se(), r = d(() => !!(s.label || e.default)), n = d(() => k("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
-    return (a, u) => r.value ? (o(), g(l(mt), I({
+    return (a, c) => r.value ? (i(), g(l(ft), I({
       key: 0,
       for: l(s).id,
       class: n.value
@@ -3539,39 +3542,39 @@ const al = /* @__PURE__ */ v({
   setup(t, { expose: s, emit: e }) {
     const r = e, n = K(t, ["as", "compareOptions", "newInputValue"]), {
       expose: a,
-      acceptableValue: u,
-      update: i,
-      renderOption: c
-    } = St(
+      acceptableValue: c,
+      update: o,
+      renderOption: u
+    } = Mt(
       d(() => ({ as: t.as, compareOptions: t.compareOptions, ...n })),
       r
     ), f = B(!1), m = d(() => {
       var H;
       return Object.fromEntries(((H = a.options.value) == null ? void 0 : H.map((V) => [V.label, V.value])) ?? []);
     }), b = {
-      input: B(u.value ? c(u.value) : ""),
+      input: B(c.value ? u(c.value) : ""),
       preventChange: B(!1),
       $group: B(null)
     };
     function M(H) {
-      b.input.value = c(H), i(H);
+      b.input.value = u(H), o(H);
     }
     return X(a.value, (H) => {
-      const V = c(H);
+      const V = u(H);
       b.input.value !== V && (b.preventChange.value = !0, b.input.value = V);
     }), X(b.input, (H) => {
-      const V = t.newInputValue ? t.newInputValue(H) : H, U = c(V);
+      const V = t.newInputValue ? t.newInputValue(H) : H, U = u(V);
       if (U in m.value) {
         M(m.value[U]);
         return;
       }
       M(V);
-    }), s(a), (H, V) => (o(), g(l(ar), {
+    }), s(a), (H, V) => (i(), g(l(ar), {
       "ignore-filter": "",
       open: f.value,
       "reset-search-term-on-blur": !1,
       "reset-search-term-on-select": !1,
-      "model-value": l(u),
+      "model-value": l(c),
       by: H.compareOptions,
       "onUpdate:modelValue": V[4] || (V[4] = (U) => M(U))
     }, {
@@ -3587,7 +3590,7 @@ const al = /* @__PURE__ */ v({
               onChange: V[1] || (V[1] = (U) => f.value = !0),
               onBlur: V[2] || (V[2] = (U) => f.value = !1)
             }),
-            p(zt, { class: "mt-2 text-sm text-red-600" }),
+            p(qt, { class: "mt-2 text-sm text-red-600" }),
             p(gl, {
               "new-input-value": H.newInputValue,
               onSelect: V[3] || (V[3] = (U) => f.value = !1)
@@ -3612,7 +3615,7 @@ const al = /* @__PURE__ */ v({
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (o(), g(l(lr), I({ class: e.value }, s, {
+    return (r, n) => (i(), g(l(lr), I({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: h(() => [
@@ -3628,17 +3631,17 @@ const al = /* @__PURE__ */ v({
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (o(), g(l(or), {
+    return (e, r) => (i(), g(l(or), {
       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: h(() => [
         $(e.$slots, "default", {}, () => [
-          (o(!0), y(j, null, F(l(s).options, (n, a) => (o(), g(wl, I(
+          (i(!0), y(j, null, F(l(s).options, (n, a) => (i(), g(wl, I(
             {
               key: a,
-              as: n.route || n.href ? kt : void 0,
+              as: n.route || n.href ? Tt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3649,9 +3652,9 @@ const al = /* @__PURE__ */ v({
               routeQuery: n.routeQuery
             } : {},
             {
-              onSelect: (u) => {
-                var i;
-                return (i = n.click) == null ? void 0 : i.call(n);
+              onSelect: (c) => {
+                var o;
+                return (o = n.click) == null ? void 0 : o.call(n);
               }
             }
           ), {
@@ -3681,7 +3684,7 @@ const al = /* @__PURE__ */ v({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return oe("dropdown-menu", e), s(e), (r, n) => (o(), g(l(ir), null, {
+    return oe("dropdown-menu", e), s(e), (r, n) => (i(), g(l(ir), null, {
       default: h(() => [
         p(l(ur), null, {
           default: h(() => [
@@ -3714,45 +3717,45 @@ const al = /* @__PURE__ */ v({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = Z("$inputRef"), n = B(null), a = B(t.text), u = d(() => k("inline whitespace-pre", t.contentClass)), i = d(() => k("invisible whitespace-pre", t.contentClass)), c = d(() => k("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    const e = s, r = Z("$inputRef"), n = B(null), a = B(t.text), c = d(() => k("inline whitespace-pre", t.contentClass)), o = d(() => k("invisible whitespace-pre", t.contentClass)), u = d(() => k("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
     function f() {
       n.value = t.text;
     }
     function m() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return se(() => a.value = t.text), (b, M) => (o(), y("div", {
+    return se(() => a.value = t.text), (b, M) => (i(), y("div", {
       class: _(["relative", { "pointer-events-none!": b.disabled && !n.value }])
     }, [
-      n.value ? (o(), y("span", {
+      n.value ? (i(), y("span", {
         key: 1,
-        class: _(i.value)
-      }, x(a.value), 3)) : (o(), y("div", {
+        class: _(o.value)
+      }, x(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: _(u.value)
+        class: _(c.value)
       }, [
         $(b.$slots, "default")
       ], 2)),
-      b.type === "number" ? (o(), y("span", {
+      b.type === "number" ? (i(), y("span", {
         key: 2,
         class: _(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
       }, null, 2)) : T("", !0),
       w("form", {
         class: "w-full",
         "aria-hidden": b.formAriaHidden,
-        onSubmit: M[4] || (M[4] = lt((H) => {
+        onSubmit: M[4] || (M[4] = ot((H) => {
           var V;
           return (V = r.value) == null ? void 0 : V.blur();
         }, ["prevent"]))
       }, [
-        ot(w("input", {
+        it(w("input", {
           ref: "$inputRef",
           "onUpdate:modelValue": M[0] || (M[0] = (H) => a.value = H),
           tabindex: b.tabindex ?? void 0,
           "aria-label": b.ariaLabel ?? void 0,
           type: b.type,
           class: _([
-            c.value,
+            u.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && b.type === "number" }
           ]),
           onKeyup: M[1] || (M[1] = (H) => b.$emit("update", a.value)),
@@ -3770,7 +3773,7 @@ const al = /* @__PURE__ */ v({
   height: "1.2em"
 };
 function kl(t, s) {
-  return o(), y("svg", Cl, s[0] || (s[0] = [
+  return i(), y("svg", Cl, s[0] || (s[0] = [
     w("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"
@@ -3783,7 +3786,7 @@ const Sl = R({ name: "ion-warning", render: kl }), Tl = {
   height: "1.2em"
 };
 function Ml(t, s) {
-  return o(), y("svg", Tl, s[0] || (s[0] = [
+  return i(), y("svg", Tl, s[0] || (s[0] = [
     w("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"
@@ -3793,12 +3796,12 @@ function Ml(t, s) {
 const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-medium" }, Hl = ["datetime"], Ll = /* @__PURE__ */ v({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (o(), g(le, {
+    return (s, e) => (i(), g(le, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
       default: h(() => [
         w("ol", null, [
-          (o(!0), y(j, null, F(s.$errors.logs, (r, n) => (o(), y("li", {
+          (i(!0), y(j, null, F(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"
           }, [
@@ -3808,9 +3811,9 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
               }, x(r.date.toLocaleTimeString()), 9, Hl),
-              p(P, {
+              p(A, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(qt)(r.report)
+                text: r.report.description ?? l(Be)(r.report)
               }, null, 8, ["text"])
             ]),
             p(q, {
@@ -3821,7 +3824,7 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
               class: "self-center",
               onClick: (a) => s.$errors.inspect(
                 r.report,
-                s.$errors.logs.map(({ report: u }) => u)
+                s.$errors.logs.map(({ report: c }) => c)
               )
             }, {
               default: h(() => [
@@ -3841,7 +3844,7 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
 }), Mo = /* @__PURE__ */ v({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (o(), g(q, {
+    return (s, e) => s.$errors.logs.length > 0 ? (i(), g(q, {
       key: 0,
       size: "icon",
       variant: "ghost",
@@ -3861,8 +3864,8 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
     error: {}
   },
   setup(t) {
-    const s = d(() => qt(t.error));
-    return (e, r) => (o(), g(P, {
+    const s = d(() => Be(t.error));
+    return (e, r) => (i(), g(A, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
@@ -3882,7 +3885,7 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(q, I({ variant: "link" }, s.$props), {
+    return (s, e) => (i(), g(q, I({ variant: "link" }, s.$props), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
@@ -3892,13 +3895,13 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
 }), Ho = /* @__PURE__ */ v({
   __name: "SettingsModal",
   setup(t) {
-    const s = d(() => ps(A.settings, "priority", "desc"));
-    return (e, r) => (o(), g(le, {
+    const s = d(() => ps(P.settings, "priority", "desc"));
+    return (e, r) => (i(), g(le, {
       title: e.$td("settings.title", "Settings"),
       "fullscreen-on-mobile": e.$app.settingsFullscreenOnMobile
     }, {
       default: h(() => [
-        (o(!0), y(j, null, F(s.value, (n, a) => (o(), g(re(n.component), { key: a }))), 128))
+        (i(!0), y(j, null, F(s.value, (n, a) => (i(), g(re(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title", "fullscreen-on-mobile"]));
@@ -3919,25 +3922,25 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => {
-      var i, c, f;
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), c = d(() => {
+      var o, u, f;
       return k(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((i = e.value) != null && i.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((c = e.value) != null && c.errors),
+          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((u = e.value) != null && u.errors),
           "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (f = e.value) == null ? void 0 : f.errors
         },
         t.inputClass
       );
     });
-    return (i, c) => (o(), g(je, I({
+    return (o, u) => (i(), g(Oe, I({
       ref: "$inputRef",
-      label: i.label,
+      label: o.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": c[0] || (c[0] = (f) => i.$emit("update:modelValue", f))
+      "onUpdate:modelValue": u[0] || (u[0] = (f) => o.$emit("update:modelValue", f))
     }), {
       default: h(() => {
         var f;
@@ -3946,8 +3949,8 @@ const Vl = R({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
           w("div", {
             class: _(a.value)
           }, [
-            p(ul, I(l(r), { class: u.value }), null, 16, ["class"]),
-            (f = e.value) != null && f.errors ? (o(), y("div", Il, [
+            p(ul, I(l(r), { class: c.value }), null, 16, ["class"]),
+            (f = e.value) != null && f.errors ? (i(), y("div", Il, [
               p(l(he), { class: "size-5 text-red-500" })
             ])) : T("", !0)
           ], 2),
@@ -3974,7 +3977,7 @@ class Io {
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof st)
+      if (s instanceof rt)
         return;
       throw ne(fs(s), (e) => {
         this._completed.reject(e);
@@ -4017,7 +4020,7 @@ class Io {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new st();
+      throw this._cancelled.resolve(), new rt();
   }
   calculateCurrentProgress(s) {
     return s ?? (s = this.status), s.completed ? 1 : !s.children || s.children.length === 0 ? 0 : hs(
@@ -4039,8 +4042,8 @@ async function zo(t) {
 }
 export {
   xo as AdvancedOptions,
-  An as AlertModal,
-  A as App,
+  Pn as AlertModal,
+  P as App,
   _o as AppLayout,
   ll as AppOverlays,
   vr as AppService,
@@ -4051,7 +4054,7 @@ export {
   Co as Checkbox,
   ko as Combobox,
   yl as ComboboxLabel,
-  rt as ComboboxOption,
+  nt as ComboboxOption,
   gl as ComboboxOptions,
   bl as ComboboxTrigger,
   Nn as ConfirmModal,
@@ -4066,14 +4069,14 @@ export {
   va as ErrorReportModal,
   ia as ErrorReportModalButtons,
   ua as ErrorReportModalTitle,
-  Ct as Errors,
+  St as Errors,
   Ql as EventListenerPriorities,
   W as Events,
   hr as EventsService,
-  Pt as Form,
+  At as Form,
   Mr as FormController,
-  kt as HeadlessButton,
-  je as HeadlessInput,
+  Tt as HeadlessButton,
+  Oe as HeadlessInput,
   Bt as HeadlessInputDescription,
   xe as HeadlessInputError,
   Dt as HeadlessInputInput,
@@ -4085,47 +4088,47 @@ export {
   In as HeadlessModalOverlay,
   zn as HeadlessModalTitle,
   Gr as HeadlessSelect,
-  et as HeadlessSelectLabel,
-  Vt as HeadlessSelectOption,
-  Et as HeadlessSelectOptions,
-  Mt as HeadlessSelectTrigger,
-  Tt as HeadlessSelectValue,
+  tt as HeadlessSelectLabel,
+  Ht as HeadlessSelectOption,
+  Lt as HeadlessSelectOptions,
+  Et as HeadlessSelectTrigger,
+  Vt as HeadlessSelectValue,
   bn as HeadlessSwitch,
   Ya as HeadlessToast,
   Ea as Input,
   Io as Job,
-  st as JobCancelledError,
+  rt as JobCancelledError,
   ee as Lang,
   $e as Layouts,
   Eo as Link,
   ka as LoadingModal,
   Rr as MINUTE_MILLISECONDS,
-  $t as MOBILE_BREAKPOINT,
-  P as Markdown,
+  Ct as MOBILE_BREAKPOINT,
+  A as Markdown,
   le as Modal,
-  Po as ModalComponent,
-  Ao as ModalsPortal,
+  Ao as ModalComponent,
+  Po as ModalsPortal,
   xa as ProgressBar,
   za as PromptModal,
   ml as Provide,
   an as Select,
-  Ht as SelectLabel,
-  tt as SelectOption,
-  Lt as SelectOptions,
-  It as SelectTrigger,
+  It as SelectLabel,
+  st as SelectOption,
+  zt as SelectOptions,
+  Rt as SelectTrigger,
   Ve as Service,
   Re as ServiceBootError,
   gn as Setting,
   Ho as SettingsModal,
   Ga as StartupCrash,
-  wt as Storage,
+  $t as Storage,
   yn as Switch,
   Lo as TextArea,
   el as Toast,
   D as UI,
-  Ur as UIService,
+  Kr as UIService,
   eo as __valueType,
-  Pr as aerogelDirectives,
+  Ar as aerogelDirectives,
   dr as appNamespace,
   uo as booleanInput,
   Ee as bootServices,
@@ -4145,9 +4148,9 @@ export {
   Jl as defineSettings,
   zo as dispatch,
   po as enumInput,
-  _t as getCurrentLayout,
-  qt as getErrorMessage,
-  Xe as getLocalTimezoneOffset,
+  kt as getCurrentLayout,
+  Be as getErrorMessage,
+  Ye as getLocalTimezoneOffset,
   Ir as getMarkdownRouter,
   mr as getPiniaStore,
   Zr as hasSelectOptionLabel,
@@ -4160,13 +4163,13 @@ export {
   bo as numberInput,
   yo as objectInput,
   to as onCleanMounted,
-  vt as onFormFocus,
+  bt as onFormFocus,
   so as persistent,
   Vr as reactiveSet,
   io as registerErrorHandler,
   kr as registerFormValidationRule,
   zr as renderMarkdown,
-  ht as renderVNode,
+  gt as renderVNode,
   oo as replaceExisting,
   mo as requiredBooleanInput,
   fo as requiredDateInput,
@@ -4175,25 +4178,25 @@ export {
   vo as requiredObjectInput,
   Ha as requiredStringInput,
   pr as resetPiniaStore,
-  yt as safeHtml,
+  wt as safeHtml,
   ao as setMarkdownRouter,
   Fo as showModal,
   wo as stringInput,
-  xt as translate,
+  _t as translate,
   S as translateWithDefault,
-  Pn as useAlertModal,
+  An as useAlertModal,
   Dn as useConfirmModal,
   ca as useErrorReportModal,
   Xl as useEvent,
-  bt as useForm,
+  yt as useForm,
   De as useInputAttrs,
   Ca as useLoadingModal,
-  Be as useModal,
+  je as useModal,
   La as usePromptModal,
-  St as useSelect,
+  Mt as useSelect,
   Tr as validate,
   Sr as validateType,
   ye as validators,
-  gt as variantClasses
+  vt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map