@aerogel/core 0.1.1-next.b342b522bd4e8a154c68962bb545cd8ae66010c3 → 0.1.1-next.bf5c51083c0817e96fa4f38273c32d388441f514

package/dist/aerogel-core.js

@@ -1,19 +1,19 @@
-var Ft = Object.defineProperty;
-var Ot = (t, s, e) => s in t ? Ft(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var k = (t, s, e) => Ot(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as z, Comment as Ut, Text as Nt, Static as Wt, inject as Y, reactive as ye, unref as l, onUnmounted as xe, ref as B, computed as d, readonly as Ce, nextTick as Kt, useAttrs as nt, onMounted as at, watch as ae, toRaw as Qt, customRef as Zt, watchEffect as ee, defineComponent as v, createBlock as g, openBlock as o, mergeProps as L, withCtx as h, renderSlot as $, createPropsRestProxy as W, provide as le, createVNode as p, normalizeProps as pe, guardReactiveProps as me, createTextVNode as I, toDisplayString as x, normalizeClass as _, createElementBlock as b, Fragment as j, renderList as O, resolveDynamicComponent as te, useSlots as ke, createCommentVNode as M, createElementVNode as w, h as Jt, 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 Se, stringToSlug as ss, tap as se, MagicObject as it, PromisedValue as J, Storage as K, objectOnly as oe, arrayFrom as ut, isEmpty as He, objectDeepClone as rs, fail as Q, facade as re, arrayRemove as ze, getEnv as ns, updateLocationQueryParameters as as, forever as ls, toString as F, objectWithout as os, noop as is, debounce as us, stringMatchAll as ct, isDevelopment as G, isTesting as qe, after as ue, uuid as de, isObject as ve, 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";
+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 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 W, 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 O, 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 K, 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 U 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 Ze, modals as ie, 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 Fo, showModal as Oo } 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 Je, 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 Fs, DialogOverlay as Os, DialogTitle as Us, ToastClose as Ns, ToastRoot as Ws, ToastProvider as Ks, ToastViewport as Qs, injectComboboxRootContext as Zs, ComboboxItem as Js, 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 Se {
+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,24 +21,24 @@ class Re extends Se {
 function dr() {
   return U.namespace ?? ss(U.name);
 }
-let Ae = null;
-function ft() {
-  return Ae ?? pr();
+let Pe = null;
+function ht() {
+  return Pe ?? pr();
 }
 function pr() {
-  return se(gs(), (t) => {
-    Ae = t, vs(t);
+  return ne(gs(), (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 Te(t) {
+function Me(t) {
   var s;
-  return s = class extends Me {
+  return s = class extends Ve {
     usesStore() {
       return !0;
     }
@@ -72,19 +72,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, k(s, "persist", t.persist ?? []), s;
+  }, C(s, "persist", t.persist ?? []), s;
 }
 var Ie;
-let Me = (Ie = class extends it {
+let Ve = (Ie = class extends ut {
   constructor() {
     super();
-    k(this, "_name");
-    k(this, "_booted");
-    k(this, "_computedStateKeys");
-    k(this, "_watchers");
-    k(this, "_store");
+    C(this, "_name");
+    C(this, "_booted");
+    C(this, "_computedStateKeys");
+    C(this, "_watchers");
+    C(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new J(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && fr(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new G(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && fr(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -106,7 +106,7 @@ let Me = (Ie = class extends it {
     return this._booted;
   }
   hasPersistedState() {
-    return K.has(this.storageKey);
+    return Q.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -118,13 +118,13 @@ let Me = (Ie = class extends it {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = oe(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = ie(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = ut(e), n = oe(this._store.$state, r);
+    const r = ct(e), n = ie(this._store.$state, r);
     He(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
@@ -137,16 +137,16 @@ let Me = (Ie = class extends it {
     return `${dr()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = oe(e, this.static("persist"));
+    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) {
-    const r = K.get(this.storageKey);
-    r && K.set(this.storageKey, {
+    const r = Q.get(this.storageKey);
+    r && Q.set(this.storageKey, {
       ...r,
       ...this.serializePersistedState(rs(e))
     });
@@ -179,27 +179,27 @@ let Me = (Ie = class extends it {
   }
   restorePersistedState() {
     if (!(!this.usesStore() || He(this.static("persist")))) {
-      if (K.has(this.storageKey)) {
-        const e = K.require(this.storageKey);
+      if (Q.has(this.storageKey)) {
+        const e = Q.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      K.set(this.storageKey, oe(this.getState(), this.static("persist")));
+      Q.set(this.storageKey, ie(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : J(`Failed getting '${this._name}' store`);
   }
-}, k(Ie, "persist", []), Ie);
+}, C(Ie, "persist", []), Ie);
 const Ql = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class hr extends Me {
+class hr extends Ve {
   constructor() {
     super(...arguments);
-    k(this, "listeners", {});
+    C(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -210,50 +210,50 @@ class hr extends Me {
   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;
-    return se(
+    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) ?? Q(`priorities missing for event '${e}'`), i = ((f = this.listeners[e]) == null ? void 0 : f.handlers) ?? Q(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((y, C) => C - y), 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 N = re(hr);
-function Zl(t) {
+const N = ae(hr);
+function Jl(t) {
   return t;
 }
-const gr = Te({
+const gr = Me({
   name: "app",
   initialState: {
     plugins: {},
@@ -279,9 +279,9 @@ const gr = Te({
 class vr extends gr {
   constructor() {
     super(...arguments);
-    k(this, "name", U.name);
-    k(this, "ready", new J());
-    k(this, "mounted", new J());
+    C(this, "name", U.name);
+    C(this, "ready", new G());
+    C(this, "mounted", new G());
   }
   isReady() {
     return this.ready.isResolved();
@@ -290,7 +290,7 @@ class vr extends gr {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(z(e));
+    this.settings.push(R(e));
   }
   setSettingsFullscreenOnMobile(e) {
     this.settingsFullscreenOnMobile = e;
@@ -312,12 +312,12 @@ class vr extends gr {
     N.once("application-ready", () => this.ready.resolve()), N.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = re(vr);
-function Jl(t) {
+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),
@@ -326,25 +326,25 @@ async function br(t, ...s) {
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
 function yr(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${F(r)}"`, "");
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${K(r)}"`, "");
 }
 function Gl(t) {
   return t;
 }
 function wr(t) {
-  const s = Y(t);
-  return s ? ye(s) : void 0;
+  const s = te(t);
+  return s ? we(s) : void 0;
 }
-function H(t, s) {
-  return wr(t) ?? Q(s ?? `Could not resolve '${F(t)}' injection key`);
+function L(t, s) {
+  return wr(t) ?? J(s ?? `Could not resolve '${K(t)}' injection key`);
 }
 function $r(t, s) {
-  return Y(t) ?? Q(s ?? `Could not resolve '${F(t)}' injection key`);
+  return te(t) ?? J(s ?? `Could not resolve '${K(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 }) {
@@ -352,23 +352,23 @@ const Le = /* @__PURE__ */ new WeakMap(), _r = {
       const a = t.getBoundingClientRect();
       e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
     };
-    e.watch && Le.set(t, se(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Le.set(t, ne(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
     (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 S(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 S(...t) {
+function k(...t) {
   return Ts(ks(t));
 }
 function Xl(t, s) {
   const e = N.on(t, s);
-  xe(() => e());
+  Ce(() => e());
 }
 const xr = {
   required: (t) => t ? void 0 : "required"
@@ -392,9 +392,9 @@ function Cr(t, s) {
       return typeof t == "object";
   }
 }
-const be = { ...xr };
+const ye = { ...xr };
 function kr(t, s) {
-  be[t] = s;
+  ye[t] = s;
 }
 function Yl(t) {
   return t;
@@ -404,34 +404,33 @@ function Sr(t, s) {
 }
 function Tr(t, s) {
   var r;
-  const e = (r = be[s]) == null ? void 0 : r.call(be, t);
-  return e ? ut(e) : [];
+  const e = (r = ye[s]) == null ? void 0 : r.call(ye, t);
+  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();
-    k(this, "errors");
-    k(this, "_fields");
-    k(this, "_data");
-    k(this, "_submitted");
-    k(this, "_errors");
-    k(this, "_listeners", {});
-    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ge.set(
+    C(this, "errors");
+    C(this, "_fields");
+    C(this, "_data");
+    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), Xe.set(
       this,
       d(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = Ce(this._errors);
+    ), 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;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? Q(`Trying to set undefined '${F(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? F(r).trim() : r, this._submitted.value && this.validate();
+    this._data[e] = r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -463,6 +462,10 @@ class Mr extends it {
   submit() {
     var r;
     this._submitted.value = !0;
+    for (const [n, a] of Object.entries(this._data)) {
+      const c = this._fields[n] ?? J();
+      typeof a != "string" || !(c.trim ?? !0) || (this._data[n] = a.trim());
+    }
     const e = this.validate();
     return e && ((r = this._listeners.submit) == null || r.forEach((n) => n())), e;
   }
@@ -488,23 +491,23 @@ 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), {});
-    return ye(r);
+    const r = Object.entries(e).reduce((n, [a, c]) => (n[a] = c.default ?? null, n), {});
+    return we(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ye(r);
+    return we(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -514,117 +517,121 @@ class Mr extends it {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function vt(t, s) {
-  const e = Y("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  xe(() => r == null ? void 0 : r());
+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()), xe(() => s());
+  lt(() => s = t()), Ce(() => s());
 }
 function so(t, s) {
-  const e = ye(K.get(t) ?? s);
-  return ae(e, () => K.set(t, Qt(e))), e;
+  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 = Zt((a, u) => (r = a, e = u, {
-    get: () => s,
-    set: () => Q("Attempted to write read-only reactive set")
+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);
     }
   };
 }
 function ro(t) {
   const s = B(), e = d(t);
-  return ae(e, async () => s.value = await e.value, { immediate: !0 }), s;
+  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);
-  return ee(() => a(r())), n;
+  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 ce = null;
+let de = null;
 function Er() {
-  return se(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 = (ce == null ? void 0 : ce.resolve(r)) ?? r;
+    const a = (de == null ? void 0 : de.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
 function Ir() {
-  return ce;
+  return de;
 }
 function ao(t) {
-  ce = t;
+  de = 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, Xe = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -Rr, qr = {
+const Rr = 6e4;
+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))
       t.directive(r, n);
   }
 };
-class Dr extends Me {
+class Dr extends Ve {
   constructor() {
     super(...arguments);
-    k(this, "cache");
+    C(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -637,80 +644,160 @@ class Dr extends Me {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? se(new J(), (e) => {
+    return this.cache = this.cache ?? ne(new G(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const lo = re(Dr);
-class Br extends Me {
+const lo = ae(Dr);
+class Br extends Ve {
   async purge() {
     await N.emit("purge-storage");
   }
 }
-const wt = re(Br);
+const $t = ae(Br);
 function oo(t, s) {
   return {
     ...t,
-    ...oe(s, Object.keys(t))
+    ...ie(s, Object.keys(t))
   };
 }
 const jr = {
-  $app: A,
+  $app: P,
   $events: N,
-  $storage: wt
+  $storage: $t
 };
-async function Ve(t, s) {
+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), (G() || qe()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (Y() || qe()) && Object.assign(globalThis, s);
 }
-const Fr = {
+const Or = {
   async install(t, s) {
     var r;
     const e = {
       ...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 Ve(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"];
   }
-}, Ye = /* @__PURE__ */ new WeakSet();
-function Be() {
-  const t = pt(), { close: s, remove: e, ...r } = $s(Ye.has(t) ? {} : { removeOnClose: !1 });
-  return Ye.add(t), {
+  translate(s) {
+    return Y() && console.warn("Lang provider is missing"), s;
+  }
+  translateWithDefault(s, e) {
+    return Y() && console.warn("Lang provider is missing"), e;
+  }
+}
+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) ? K(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 ue(1e3), e();
+      s(n), await ce(1e3), e();
     }
   };
 }
-const $t = 768, we = {
+const Ct = 768, $e = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function _t() {
-  return globalThis.innerWidth > $t ? we.Desktop : we.Mobile;
+function kt() {
+  return globalThis.innerWidth > Ct ? $e.Desktop : $e.Mobile;
 }
-const Or = Te({
+const Wr = Me({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: _t()
+    layout: kt()
   },
   computed: {
-    desktop: ({ layout: t }) => t === we.Desktop,
-    mobile: ({ layout: t }) => t === we.Mobile
+    desktop: ({ layout: t }) => t === $e.Desktop,
+    mobile: ({ layout: t }) => t === $e.Mobile
   }
 });
-class Ur extends Or {
+class Kr extends Wr {
   constructor() {
     super(...arguments);
-    k(this, "components", {});
+    C(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -719,7 +806,7 @@ class Ur extends Or {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? J(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -731,7 +818,7 @@ class Ur extends Or {
   // 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)
@@ -740,31 +827,31 @@ class Ur extends Or {
       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(
-      (m, [y, { default: C }]) => ({
-        [y]: C ?? !1,
+    }, { 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, y] of Object.entries(u.checkboxes ?? {}))
-      if (!(!y.required || f[m]))
-        return c && G() && console.warn(`Confirmed confirm modal was suppressed because required '${m}' checkbox was missing`), [!1, f];
-    return "checkboxes" in u ? [c, f] : c;
+    for (const [m, b] of Object.entries(c.checkboxes ?? {}))
+      if (!(!b.required || f[m]))
+        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 = (y) => typeof y == "function" ? Promise.resolve(y()) : y, a = () => {
+    const n = (b) => typeof b == "function" ? Promise.resolve(b()) : b, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -772,39 +859,39 @@ class Ur extends Or {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: y, ...C } = e;
+      const { delay: b, ...M } = e;
       return {
-        props: C,
-        delay: l(y),
+        props: M,
+        delay: l(b),
         operationPromise: n(r)
       };
     };
-    let u = !1;
-    const { operationPromise: i, props: c, delay: f } = a();
-    if (f && await Promise.race([ue({ 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 y = await i;
-      return await ue({ ms: 500 }), y;
+      const b = await o;
+      return await ce({ ms: 500 }), b;
     } finally {
       await Ze(m.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, u = {
-      id: de(),
+    const { component: n, ...a } = r, c = {
+      id: pe(),
       properties: { message: e, ...a },
-      component: z(n ?? this.requireComponent("toast"))
+      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(ie.value.map(({ id: e }) => Ze(e, { removeAfter: 1e3 })));
+    await Promise.all(ue.value.map(({ id: e }) => Ze(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -814,84 +901,16 @@ class Ur extends Or {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ue({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ce({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${$t}px)`).addEventListener("change", () => this.setState({ layout: _t() }));
+    globalThis.matchMedia(`(min-width: ${Ct}px)`).addEventListener("change", () => this.setState({ layout: kt() }));
   }
 }
-const D = re(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 G() && console.warn("Lang provider is missing"), s;
-  }
-  translateWithDefault(s, e) {
-    return G() && console.warn("Lang provider is missing"), e;
-  }
-}
-const Wr = Te({
-  name: "lang",
-  persist: ["locale", "fallbackLocale"],
-  initialState: {
-    locale: null,
-    locales: ["en"],
-    fallbackLocale: "en"
-  }
-});
-class Kr extends Wr {
-  constructor() {
-    super();
-    k(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 X = re(Kr), xt = X.translate.bind(X), T = X.translateWithDefault.bind(X), Qr = Te({
+const D = ae(Kr), Qr = Me({
   name: "errors",
   initialState: {
     logs: [],
@@ -904,13 +923,13 @@ const X = re(Kr), xt = X.translate.bind(X), T = X.translateWithDefault.bind(X),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Zr extends Qr {
+class Jr extends Qr {
   constructor() {
     super(...arguments);
-    k(this, "forceReporting", !1);
-    k(this, "enabled", !0);
-    k(this, "eruda", null);
-    k(this, "erudaPlugins", null);
+    C(this, "forceReporting", !1);
+    C(this, "enabled", !0);
+    C(this, "eruda", null);
+    C(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -920,18 +939,18 @@ class Zr extends Qr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      D.alert(T("errors.inspectEmpty", "Nothing to inspect!"));
+      D.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
     D.modal(D.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await N.emit("error", { error: e, message: r }), qe("unit") || (G() && this.logError(e), !this.enabled))
+    if (await N.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 = {
@@ -940,12 +959,12 @@ class Zr extends Qr {
       date: /* @__PURE__ */ new Date()
     };
     D.toast(
-      r ?? T("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+      r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: T("errors.viewDetails", "View details"),
+            label: S("errors.viewDetails", "View details"),
             dismiss: !0,
             click: () => D.modal(D.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
@@ -954,7 +973,7 @@ class Zr extends Qr {
     ), this.setState({ logs: [a].concat(this.logs) });
   }
   reportDevelopmentError(e, r) {
-    G() && (r && console.warn(r), this.logError(e));
+    Y() && (r && console.warn(r), this.logError(e));
   }
   see(e) {
     this.setState({
@@ -965,7 +984,7 @@ class Zr extends Qr {
     });
   }
   async boot() {
-    ee(async () => {
+    se(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
@@ -978,22 +997,22 @@ class Zr extends Qr {
     });
   }
   logError(e) {
-    console.error(e), ve(e) && e.cause && this.logError(e.cause);
+    console.error(e), be(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return ve(e) && "title" in e;
+    return be(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Se ? this.createErrorReportFromError(e) : ve(e) ? dt({
-      title: F(
-        e.name ?? e.title ?? T("errors.unknown", "Unknown Error")
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Te ? this.createErrorReportFromError(e) : be(e) ? pt({
+      title: K(
+        e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: F(
-        e.message ?? e.description ?? T("errors.unknownDescription", "Unknown error object")
+      description: K(
+        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: T("errors.unknown", "Unknown Error"),
+      title: S("errors.unknown", "Unknown Error"),
       error: e
     };
   }
@@ -1010,7 +1029,7 @@ class Zr extends Qr {
     };
   }
 }
-const Ct = re(Zr), kt = /* @__PURE__ */ v({
+const St = ae(Jr), Tt = /* @__PURE__ */ v({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1028,7 +1047,7 @@ const Ct = re(Zr), 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
@@ -1041,7 +1060,7 @@ const Ct = re(Zr), kt = /* @__PURE__ */ v({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (o(), g(l(Ms), L({
+    return (e, r) => (i(), g(l(Ms), I({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
@@ -1052,7 +1071,7 @@ const Ct = re(Zr), kt = /* @__PURE__ */ v({
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), R = /* @__PURE__ */ v({
+}), q = /* @__PURE__ */ v({
   __name: "Button",
   props: {
     class: {},
@@ -1068,7 +1087,7 @@ const Ct = re(Zr), kt = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    const s = W(t, ["class", "size", "variant", "disabled"]), e = d(() => gt(
+    const s = W(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",
@@ -1164,7 +1183,7 @@ const Ct = re(Zr), kt = /* @__PURE__ */ v({
         }
       }
     ));
-    return (r, n) => (o(), g(kt, L({
+    return (r, n) => (i(), g(Tt, I({
       class: e.value,
       disabled: r.disabled
     }, s), {
@@ -1175,35 +1194,35 @@ const Ct = re(Zr), kt = /* @__PURE__ */ v({
     }, 16, ["class", "disabled"]));
   }
 });
-function Jr(t) {
+function Zr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function St(t, s) {
-  const e = Y("form", null), r = (m) => m === void 0 ? "" : t.value.renderOption ? t.value.renderOption(m) : Jr(m) ? cs(m.label) : F(m), n = d(() => {
-    const { name: m, modelValue: y } = t.value;
-    return e && m ? e.getFieldValue(m) : y;
-  }), 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) => ({
-    key: de(),
+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) : K(m), n = d(() => {
+    const { name: m, modelValue: b } = t.value;
+    return e && m ? e.getFieldValue(m) : b;
+  }), 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),
     align: d(() => t.value.align),
     side: d(() => t.value.side),
     value: n,
-    id: `select-${de()}`,
+    id: `select-${pe()}`,
     name: d(() => t.value.name),
     label: d(() => t.value.label),
     description: d(() => t.value.description),
-    placeholder: d(() => t.value.placeholder ?? T("ui.select", "Select an option")),
-    options: i,
+    placeholder: d(() => t.value.placeholder ?? S("ui.select", "Select an option")),
+    options: o,
     selectedOption: d(() => {
       var m;
-      return (m = i.value) == null ? void 0 : m.find((y) => y.value === t.value.modelValue);
+      return (m = o.value) == null ? void 0 : m.find((b) => b.value === t.value.modelValue);
     }),
-    errors: Ce(u),
+    errors: ke(c),
     required: d(() => {
       if (!(!t.value.name || !e))
         return e.getFieldRules(t.value.name).includes("required");
@@ -1217,18 +1236,18 @@ function St(t, s) {
     }
   };
   function f(m) {
-    c.update(m);
+    u.update(m);
   }
-  return le("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 = H(
+    const s = L(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (o(), g(l(Je), {
+    return (e, r) => e.$slots.default ? (i(), g(l(Ge), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
@@ -1236,24 +1255,24 @@ const Tt = /* @__PURE__ */ v({
         $(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (o(), g(l(Je), {
+    }, 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 = H(
+    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))
@@ -1262,7 +1281,7 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["id"]));
   }
-}), Vt = /* @__PURE__ */ v({
+}), Ht = /* @__PURE__ */ v({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1272,20 +1291,20 @@ const Tt = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    const s = H(
+    const s = L(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = d(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? s.renderOption(r.value) : F(t.value);
+      return r ? s.renderOption(r.value) : K(t.value);
     });
-    return (r, n) => (o(), g(l(Hs), pe(me(r.$props)), {
+    return (r, n) => (i(), g(l(Hs), me(fe(r.$props)), {
       default: h(() => [
         p(l(Ls), null, {
           default: h(() => [
             $(r.$slots, "default", {}, () => [
-              I(x(e.value), 1)
+              z(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1294,18 +1313,18 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 16));
   }
-}), Et = /* @__PURE__ */ v({
+}), Lt = /* @__PURE__ */ v({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = H(
+    const s = L(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = d(() => S("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (o(), g(l(Is), null, {
+    ), e = d(() => k("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), g(l(Is), null, {
       default: h(() => [
         p(l(zs), {
           position: "popper",
@@ -1320,7 +1339,7 @@ const Tt = /* @__PURE__ */ v({
             }, {
               default: h(() => [
                 $(r.$slots, "default", {}, () => [
-                  (o(!0), b(j, null, O(l(s).options ?? [], (a) => (o(), g(Vt, {
+                  (i(!0), y(j, null, O(l(s).options ?? [], (a) => (i(), g(Ht, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1355,24 +1374,24 @@ const Tt = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = W(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = St(
+    const r = e, n = W(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(te(c.as), pe(me(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
@@ -1381,37 +1400,37 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), et = /* @__PURE__ */ v({
+}), tt = /* @__PURE__ */ v({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = H(
+    const s = L(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = ke(), r = d(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), g(l(mt), L({
+    ), e = Se(), r = d(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (i(), g(l(ft), I({
       key: 0,
       for: l(s).id
     }, n.$props), {
       default: h(() => [
         $(n.$slots, "default", {}, () => [
-          I(x(l(s).label), 1)
+          z(x(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : M("", !0);
+    }, 16, ["for"])) : T("", !0);
   }
-}), Ht = /* @__PURE__ */ v({
+}), It = /* @__PURE__ */ v({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = H("select", "<SelectLabel> must be a child of a <Select>"), e = d(() => S("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (o(), g(et, {
+    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 ? (i(), g(tt, {
       key: 0,
       class: _(e.value)
     }, {
@@ -1419,12 +1438,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: {},
@@ -1432,12 +1451,12 @@ const Tt = /* @__PURE__ */ v({
     innerClass: {}
   },
   setup(t) {
-    const s = d(() => S("group p-1 outline-none", t.class)), e = d(() => S(
+    const s = d(() => k("group p-1 outline-none", t.class)), e = d(() => k(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (o(), g(Vt, {
+    return (r, n) => (i(), g(Ht, {
       class: _(s.value),
       value: r.value
     }, {
@@ -1451,43 +1470,43 @@ const Tt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), Lt = /* @__PURE__ */ v({
+}), zt = /* @__PURE__ */ v({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = H("select", "<SelectOptions> must be a child of a <Select>"), e = d(() => S(
+    const s = L("select", "<SelectOptions> must be a child of a <Select>"), e = d(() => k(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (o(), 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), b(j, null, O(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), g(tt, {
-                key: i.key,
-                value: i.value
+              (i(!0), y(j, null, O(((c = l(s)) == null ? void 0 : c.options) ?? [], (o) => (i(), g(st, {
+                key: o.key,
+                value: o.value
               }, {
                 default: h(() => [
-                  I(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
             }, {
               default: h(() => [
-                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
+                z(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1503,36 +1522,36 @@ const Tt = /* @__PURE__ */ v({
   height: "1.2em"
 };
 function Yr(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const en = z({ name: "zondicons-cheveron-down", render: Yr }), tn = {
+const en = R({ name: "zondicons-cheveron-down", render: Yr }), tn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
 function sn(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
+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: {}
   },
   setup(t) {
-    const s = H("select", "<SelectTrigger> must be a child of a <Select>"), e = d(() => S(
+    const s = L("select", "<SelectTrigger> must be a child of a <Select>"), e = d(() => k(
       // eslint-disable-next-line vue/max-len
       "relative grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1",
       "focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
@@ -1545,33 +1564,33 @@ const fe = z({ 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(), b("div", rn, [
-            p(l(fe), { class: "size-5 text-red-500" })
-          ])) : M("", !0)
+          (a = l(s)) != null && a.errors ? (i(), y("div", rn, [
+            p(l(he), { class: "size-5 text-red-500" })
+          ])) : T("", !0)
         ];
       }),
       _: 1
     }, 8, ["class"]));
   }
-}), nn = ["id"], zt = /* @__PURE__ */ v({
+}), nn = ["id"], qt = /* @__PURE__ */ v({
   __name: "HeadlessSelectError",
   setup(t) {
-    const s = H(
+    const s = L(
       "select",
       "<HeadlessSelectError> must be a child of a <HeadlessSelect>"
-    ), e = d(() => s.errors ? T(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (o(), b("p", {
+    ), e = d(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, nn)) : M("", !0);
+    }, x(e.value), 9, nn)) : T("", !0);
   }
 }), an = /* @__PURE__ */ v({
   __name: "Select",
@@ -1592,16 +1611,16 @@ const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Pe();
-    return (e, r) => (o(), g(Gr, L({ 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
@@ -1610,15 +1629,15 @@ const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
 }), ln = { class: "grow" }, on = /* @__PURE__ */ v({
   __name: "Language",
   setup(t) {
-    const s = X.getBrowserLocale(), e = d(() => [null, ...X.locales]);
+    const s = ee.getBrowserLocale(), e = d(() => [null, ...ee.locales]);
     function r(n) {
-      return (n && U.locales[n]) ?? T("settings.localeDefault", "{locale} (default)", {
+      return (n && U.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
         locale: U.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,
@@ -1626,24 +1645,24 @@ const fe = z({ 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(() => [
-              I(x(n.$td("settings.locale", "Language")), 1)
+              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"
           })
         ]),
-        p(R, {
+        p(q, {
           variant: "ghost",
-          as: It,
+          as: Rt,
           class: "grid w-auto outline-none"
         }),
-        p(Lt)
+        p(zt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
@@ -1653,10 +1672,10 @@ const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
     priority: 100,
     component: on
   }
-], cn = { $lang: X }, dn = {
+], cn = { $lang: ee }, dn = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = xt), t.config.globalProperties.$td = T, un.forEach((e) => A.addSetting(e)), await Ve(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",
@@ -1670,38 +1689,38 @@ const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
     actions: {}
   },
   setup(t) {
-    const s = nt(), e = ke(), r = d(() => e.default ? e.default().map(ht).join("") : t.text ?? (t.langKey && (t.langDefault ? T(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;
-    }), a = () => Jt(t.as ?? (t.inline ? "span" : "div"), {
+      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) {
-        const y = Ir();
-        y && (i.preventDefault(), y.visit(c.dataset.markdownRoute));
+      if (Ke(u, HTMLAnchorElement) && u.dataset.markdownRoute) {
+        const b = Ir();
+        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: {},
@@ -1711,8 +1730,8 @@ const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = d(() => S(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (o(), b("div", {
+    const s = d(() => k(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (i(), y("div", {
       class: _(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
       w("div", fn, [
@@ -1720,11 +1739,11 @@ const fe = z({ 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"
-        }, null, 8, ["text"])) : M("", !0)
+        }, null, 8, ["text"])) : T("", !0)
       ]),
       w("div", {
         class: _(s.value)
@@ -1748,46 +1767,46 @@ const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = Y("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `switch-${de()}`,
+    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),
       description: d(() => t.description),
       value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: Ce(a),
+      errors: ke(a),
       required: d(() => {
         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), ee(() => {
+    return s(c), se(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (i, c) => (o(), b("div", {
+    }), (o, u) => (i(), y("div", {
       class: _(t.class)
     }, [
-      i.label ? (o(), b("label", {
+      o.label ? (i(), y("label", {
         key: 0,
-        for: u.id,
-        class: _(i.labelClass)
-      }, x(i.label), 11, vn)) : M("", !0),
-      p(l(Ps), L({
-        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
@@ -1797,7 +1816,7 @@ const fe = z({ 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"
@@ -1806,7 +1825,7 @@ const fe = z({ 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/).")
@@ -1826,34 +1845,23 @@ const fe = z({ name: "zondicons-exclamation-solid", render: sn }), rn = {
     priority: 10,
     component: wn
   }
-], Rt = [];
-function io(t) {
-  Rt.push(t);
-}
-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 Se ? t.message : ve(t) ? F(t.message ?? t.description ?? "Unknown error object") : T("errors.unknown", "Unknown Error");
+];
+class rt extends Te {
 }
-class st extends Se {
-}
-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 Ve(t, _n);
+    Cn(t, s.handleError), $n.forEach((e) => P.addSetting(e)), await Ee(t, _n);
   }
 }, Sn = {
   async install() {
     qe() && (globalThis.testingRuntime = {
       on: (...t) => N.on(...t),
-      service: (t) => A.service(t)
+      service: (t) => P.service(t)
     });
   }
 }, Tn = {
@@ -1862,14 +1870,14 @@ const kn = {
   height: "1.2em"
 };
 function Mn(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const Vn = z({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
+const Vn = R({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1881,13 +1889,13 @@ const Vn = z({ 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 le("$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, {
@@ -1903,14 +1911,14 @@ const Vn = z({ 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 ee(() => 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"])) : M("", !0)
+        }, null, 8, ["is"])) : T("", !0)
       ]),
       _: 3
     }, 512));
@@ -1922,7 +1930,7 @@ const Vn = z({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(l(Fs), pe(me(s.$props)), {
+    return (s, e) => (i(), g(l(Os), me(fe(s.$props)), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
@@ -1937,7 +1945,7 @@ const Vn = z({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(l(Os), pe(me(s.$props)), {
+    return (s, e) => (i(), g(l(Fs), me(fe(s.$props)), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
@@ -1951,14 +1959,14 @@ const Vn = z({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(l(Us), pe(me(s.$props)), {
+    return (s, e) => (i(), g(l(Us), me(fe(s.$props)), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Rn = ["onClick"], qn = { class: "sr-only" }, ge = Vr(), ne = /* @__PURE__ */ v({
+}), Rn = ["onClick"], qn = { class: "sr-only" }, ve = Vr(), le = /* @__PURE__ */ v({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1976,96 +1984,96 @@ const Vn = z({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     const e = W(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
       $content: d(() => {
-        var V;
-        return (V = i.value) == null ? void 0 : V.$content;
+        var E;
+        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 V;
-        return u.value && ((V = ie.value.toReversed().find((Fe) => Fe.visible.value)) == null ? void 0 : V.id) === a.value;
+        var E;
+        return c.value && ((E = ue.value.toReversed().find((Fe) => Fe.visible.value)) == null ? void 0 : E.id) === a.value;
       }
-    ), m = d(() => ie.value.find((V) => V.visible.value)), y = d(() => ie.value.some((V) => ge.has(V))), C = d(() => t.description ? {} : { "aria-describedby": void 0 }), E = d(() => S(
+    ), 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",
-      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !q.value },
+      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !V.value },
       t.class
-    )), q = d(() => t.fullscreen || t.fullscreenOnMobile && D.mobile), Ee = d(() => S(
+    )), V = d(() => t.fullscreen || t.fullscreenOnMobile && D.mobile), F = d(() => k(
       "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
-      q.value ? [
+      V.value ? [
         "inset-0 transition-[transform,translate] will-change-[transform,translate]",
-        ge.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]",
-        ge.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(() => ue(500).then(() => ge.add(c.value))), (V, Fe) => (o(), g(En, L(e, {
-      ref: (he) => l(r)(he),
-      persistent: V.persistent
+    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: he }) => {
-        var Oe, Ue;
+      default: h(({ close: ge }) => {
+        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]": !y.value,
-              "bg-black/30": ((Oe = m.value) == null ? void 0 : Oe.id) === l(a) || !m.value && ((Ue = l(ie)[0]) == null ? void 0 : Ue.id) === l(a),
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !b.value,
+              "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: q.value
+              hidden: V.value
             }])
           }, null, 8, ["class"]),
-          p(Hn, L(C.value, { class: Ee.value }), {
+          p(Hn, I(M.value, { class: F.value }), {
             default: h(() => [
-              !V.persistent && !V.closeHidden ? (o(), b("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": !q.value }])
+                class: _(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !V.value }])
               }, [
                 w("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (zl) => he()
+                  onClick: (zl) => ge()
                 }, [
-                  w("span", qn, x(V.$td("ui.close", "Close")), 1),
+                  w("span", qn, x(E.$td("ui.close", "Close")), 1),
                   p(l(Vn), { class: "size-4" })
                 ], 8, Rn)
-              ], 2)) : M("", !0),
-              V.title ? (o(), g(zn, {
+              ], 2)) : T("", !0),
+              E.title ? (i(), g(zn, {
                 key: 1,
                 class: _(["px-4 pt-5 text-base font-semibold text-gray-900", {
-                  "sr-only": V.titleHidden,
-                  "pb-0": V.description && !V.descriptionHidden,
-                  "pb-2": !V.description || V.descriptionHidden
+                  "sr-only": E.titleHidden,
+                  "pb-0": E.description && !E.descriptionHidden,
+                  "pb-2": !E.description || E.descriptionHidden
                 }])
               }, {
                 default: h(() => [
-                  p(P, {
-                    text: V.title,
+                  p(A, {
+                    text: E.title,
                     inline: ""
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : M("", !0),
-              V.description ? (o(), g(Ln, {
+              }, 8, ["class"])) : T("", !0),
+              E.description ? (i(), g(Ln, {
                 key: 2,
-                class: _(["px-4 pt-1 pb-2", { "sr-only": V.descriptionHidden }])
+                class: _(["px-4 pt-1 pb-2", { "sr-only": E.descriptionHidden }])
               }, {
                 default: h(() => [
-                  p(P, {
-                    text: V.description,
+                  p(A, {
+                    text: E.description,
                     class: "text-sm leading-6 text-gray-500"
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : M("", !0),
+              }, 8, ["class"])) : T("", !0),
               w("div", {
-                class: _(E.value)
+                class: _(H.value)
               }, [
-                $(V.$slots, "default", { close: he })
+                $(E.$slots, "default", { close: ge })
               ], 2)
             ]),
             _: 2
@@ -2076,29 +2084,29 @@ const Vn = z({ name: "zondicons-close", render: Mn }), En = /* @__PURE__ */ v({
     }, 16, ["persistent"]));
   }
 });
-function Pn(t) {
-  const s = d(() => t.title ?? T("ui.alert", "Alert")), e = d(() => !t.title);
+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(ne, {
+    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: {}
@@ -2107,36 +2115,36 @@ const An = /* @__PURE__ */ v({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return ee((n) => {
+    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());
-    }), le("form", t.form), (n, a) => (o(), b("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
       }),
       {}
     )
-  ), e = d(() => t.title ?? T("ui.confirm", "Confirm")), r = d(() => !t.title), n = d(() => t.acceptText ?? T("ui.accept", "Ok")), a = d(() => t.cancelText ?? T("ui.cancel", "Cancel"));
+  ), e = d(() => t.title ?? S("ui.confirm", "Confirm")), r = d(() => !t.title), n = d(() => t.acceptText ?? S("ui.accept", "Ok")), a = d(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
 const Bn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, jn = { class: "flex items-center" }, Fn = ["onUpdate:modelValue", "required"], On = { class: "ml-1.5" }, Un = { class: "mt-4 flex flex-row-reverse gap-2" }, Nn = /* @__PURE__ */ v({
+}, jn = { class: "flex items-center" }, On = ["onUpdate:modelValue", "required"], Fn = { class: "ml-1.5" }, Un = { class: "mt-4 flex flex-row-reverse gap-2" }, Nn = /* @__PURE__ */ v({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2151,54 +2159,54 @@ const Bn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = Dn(e);
-    return s(), (c, f) => (o(), g(ne, {
+    const e = W(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: (y) => m([!0, l(r).data()])
+          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(), b("ul", Bn, [
-              (o(!0), b(j, null, O(c.checkboxes, (y, C) => (o(), b("li", { key: C }, [
+            u.checkboxes ? (i(), y("ul", Bn, [
+              (i(!0), y(j, null, O(u.checkboxes, (b, M) => (i(), y("li", { key: M }, [
                 w("label", jn, [
-                  ot(w("input", {
-                    "onUpdate:modelValue": (E) => l(r)[C] = E,
+                  it(w("input", {
+                    "onUpdate:modelValue": (H) => l(r)[M] = H,
                     type: "checkbox",
-                    required: y.required,
+                    required: b.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
-                  }, null, 8, Fn), [
-                    [Gt, l(r)[C]]
+                  }, null, 8, On), [
+                    [Gt, l(r)[M]]
                   ]),
-                  w("span", On, x(y.label), 1)
+                  w("span", Fn, x(b.label), 1)
                 ])
               ]))), 128))
-            ])) : M("", !0),
+            ])) : T("", !0),
             w("div", Un, [
-              p(R, {
-                variant: c.acceptVariant,
+              p(q, {
+                variant: u.acceptVariant,
                 submit: ""
               }, {
                 default: h(() => [
-                  I(x(l(u)), 1)
+                  z(x(l(c)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              c.required ? M("", !0) : (o(), g(R, {
+              u.required ? T("", !0) : (i(), g(q, {
                 key: 0,
-                variant: c.cancelVariant,
-                onClick: (y) => m(!1)
+                variant: u.cancelVariant,
+                onClick: (b) => m(!1)
               }, {
                 default: h(() => [
-                  I(x(l(i)), 1)
+                  z(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2216,75 +2224,75 @@ const Bn = {
   height: "1.2em"
 };
 function Kn(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const Qn = z({ name: "zondicons-cheveron-left", render: Kn }), Zn = {
+const Qn = R({ name: "zondicons-cheveron-left", render: Kn }), Jn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Jn(t, s) {
-  return o(), b("svg", Zn, s[0] || (s[0] = [
+function Zn(t, s) {
+  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 = z({ name: "zondicons-cheveron-right", render: Jn }), 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(), b("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"
     }, null, -1)
   ]));
 }
-const Yn = z({ name: "mdi-console", render: Xn }), ea = {
+const Yn = R({ name: "mdi-console", render: Xn }), ea = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
 function ta(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const sa = z({ name: "zondicons-copy", render: ta }), ra = {
+const sa = R({ name: "zondicons-copy", render: ta }), ra = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function na(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const aa = z({ name: "mdi-github", render: na }), la = { class: "flex" }, oa = { class: "sr-only" }, ia = /* @__PURE__ */ v({
+const aa = R({ name: "mdi-github", render: na }), la = { class: "flex" }, oa = { class: "sr-only" }, ia = /* @__PURE__ */ v({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   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]",
           "",
@@ -2292,14 +2300,14 @@ const aa = z({ 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}`;
-    }), n = d(() => se(
+      return `${P.sourceUrl}/issues/new?title=${a}&body=${c}`;
+    }), n = d(() => ne(
       [
         {
           id: "clipboard",
@@ -2308,7 +2316,7 @@ const aa = z({ name: "mdi-github", render: na }), la = { class: "flex" }, oa = {
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), D.toast(T("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), D.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
@@ -2318,7 +2326,7 @@ ${s.report.details}`), D.toast(T("errors.copiedToClipboard", "Debug information
           click() {
             const a = s.report.error ?? s.report;
             window.error = a, console.error(a), D.toast(
-              T(
+              S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2335,19 +2343,19 @@ ${s.report.details}`), D.toast(T("errors.copiedToClipboard", "Debug information
         });
       }
     ));
-    return (a, u) => (o(), b("div", la, [
-      (o(!0), b(j, null, O(n.value, (i) => $(a.$slots, "default", L({ ref_for: !0 }, i), () => [
-        p(R, {
+    return (a, c) => (i(), y("div", la, [
+      (i(!0), y(j, null, O(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(te(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"
             }))
@@ -2366,7 +2374,7 @@ ${s.report.details}`), D.toast(T("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"]));
@@ -2375,10 +2383,10 @@ ${s.report.details}`), D.toast(T("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()) || T("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 = T("errors.previousReport", "Show previous report"), a = T("errors.nextReport", "Show next report");
+  ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2397,9 +2405,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(ne, {
-      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",
@@ -2409,20 +2417,20 @@ const da = { class: "px-4 pt-5 pb-4" }, pa = { class: "flex justify-between gap-
         w("div", da, [
           w("h2", pa, [
             w("div", ma, [
-              p(l(fe), { class: "size-5 text-red-600" }),
+              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(), b("span", fa, [
-                p(R, {
+              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(() => [
@@ -2430,31 +2438,31 @@ const da = { class: "px-4 pt-5 pb-4" }, pa = { class: "flex justify-between gap-
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                p(R, {
+                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"])
-              ])) : M("", !0)
+              ])) : 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"])) : M("", !0)
+          }, null, 8, ["text"])) : T("", !0)
         ]),
         w("div", ha, [
           w("pre", {
@@ -2472,7 +2480,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(), b("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",
@@ -2492,7 +2500,7 @@ function ya(t, s) {
     ], -1)
   ]));
 }
-const wa = z({ name: "svg-spinners-90-ring-with-bg", render: ya }), $a = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, _a = { class: "sr-only" }, xa = /* @__PURE__ */ v({
+const wa = R({ name: "svg-spinners-90-ring-with-bg", render: ya }), $a = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, _a = { class: "sr-only" }, xa = /* @__PURE__ */ v({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2502,36 +2510,36 @@ const wa = z({ name: "svg-spinners-90-ring-with-bg", render: ya }), $a = { class
   },
   setup(t) {
     let s;
-    const e = B(0), r = d(() => S("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = d(() => S(
+    const e = B(0), r = d(() => k("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = d(() => k(
       "absolute inset-y-0 right-0 size-full rounded-r-full",
       "bg-primary-900 transition-[width] duration-500 ease-linear",
       t.overflowClass
-    )), a = d(() => typeof t.progress == "number" ? t.progress : e.value), u = d(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
-    return ae(
+    )), 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 }
-    ), xe(() => s && s()), (i, c) => (o(), b("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(), b("div", {
+      c.value ? (i(), y("div", {
         key: 0,
         class: _(n.value),
-        style: Ne({ width: `${u.value}%` })
-      }, null, 6)) : M("", !0),
-      w("span", _a, x(i.$td("ui.progress", "{progress}% complete", {
+        style: We({ width: `${c.value}%` })
+      }, null, 6)) : T("", !0),
+      w("span", _a, x(o.$td("ui.progress", "{progress}% complete", {
         progress: a.value * 100
       })), 1)
     ]));
   }
 });
 function Ca(t) {
-  const s = d(() => t.title ?? T("ui.loading", "Loading")), e = d(
-    () => t.message ?? T("ui.loadingInProgress", "Loading in progress...")
+  const s = d(() => t.title ?? S("ui.loading", "Loading")), e = d(
+    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
   ), r = d(() => typeof t.progress == "number" || !!t.job), n = d(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
@@ -2544,30 +2552,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(ne, {
+    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: {},
@@ -2578,44 +2586,44 @@ const ka = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = Y("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `input-${de()}`,
+    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),
       description: d(() => t.description),
       value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: Ce(a),
+      errors: ke(a),
       required: d(() => {
         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 le("input", u), s(u), (i, c) => (o(), g(te(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
     }));
   }
-}), Sa = ["for"], $e = /* @__PURE__ */ v({
+}), Sa = ["for"], _e = /* @__PURE__ */ v({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = H("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = ke(), r = d(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (o(), b("label", {
+    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 ? (i(), y("label", {
       key: 0,
       for: l(s).id
     }, [
       $(n.$slots, "default", {}, () => [
-        I(x(l(s).label), 1)
+        z(x(l(s).label), 1)
       ])
-    ], 8, Sa)) : M("", !0);
+    ], 8, Sa)) : T("", !0);
   }
 }), Ta = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Dt = /* @__PURE__ */ v({
   __name: "HeadlessInputInput",
@@ -2623,83 +2631,87 @@ const ka = /* @__PURE__ */ v({
     type: {}
   },
   setup(t) {
-    const s = Z("$inputRef"), e = H("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Y("form", null), n = d(() => e.name ?? void 0), a = d(() => e.value), u = d(() => {
+    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);
+        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();
-    }), ee(() => {
+    }), 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, 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, y) => (o(), b("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({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = H(
+    const s = L(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
     ), e = d(() => typeof s.description == "string" ? s.description : ""), r = d(() => !!s.description);
     return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (o(), g(P, L({ 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"])) : M("", !0)
+      }), null, 16, ["id", "text"])) : T("", !0)
     ]);
   }
-}), Ma = ["id"], _e = /* @__PURE__ */ v({
+}), Ma = ["id"], xe = /* @__PURE__ */ v({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = H("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => s.errors ? T(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (o(), b("p", {
+    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 ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, Ma)) : M("", !0);
+    }, x(e.value), 9, Ma)) : T("", !0);
   }
 }), Va = {
   key: 0,
@@ -2719,43 +2731,43 @@ const ka = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = W(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => S("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => S("mt-2 text-sm text-gray-600", t.descriptionClass)), i = d(() => S("mt-2 text-sm text-red-600", t.errorClass)), c = d(() => {
-      var f, m, y;
-      return S(
+    const s = W(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
         "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": !((f = e.value) != null && f.errors),
           "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((m = e.value) != null && m.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (y = e.value) == null ? void 0 : y.errors
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (b = e.value) == null ? void 0 : b.errors
         },
         t.inputClass
       );
     });
-    return (f, m) => (o(), g(je, L({
+    return (f, m) => (i(), g(Oe, I({
       ref: "$inputRef",
       label: f.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": m[0] || (m[0] = (y) => f.$emit("update:modelValue", y))
+      "onUpdate:modelValue": m[0] || (m[0] = (b) => f.$emit("update:modelValue", b))
     }), {
       default: h(() => {
-        var y;
+        var b;
         return [
-          p($e, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          p(_e, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           w("div", {
             class: _(a.value)
           }, [
-            p(Dt, L(l(r), { class: c.value }), null, 16, ["class"]),
-            (y = e.value) != null && y.errors ? (o(), b("div", Va, [
-              p(l(fe), { class: "size-5 text-red-500" })
-            ])) : M("", !0)
+            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(_e, {
-            class: _(i.value)
+          p(xe, {
+            class: _(o.value)
           }, null, 8, ["class"])
         ];
       }),
@@ -2850,9 +2862,9 @@ 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 ?? T("ui.accept", "Ok")), a = d(() => t.cancelText ?? T("ui.cancel", "Cancel"));
+  }), 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 };
 }
 const Ia = { class: "mt-4 flex flex-row-reverse gap-2" }, za = /* @__PURE__ */ v({
@@ -2870,43 +2882,43 @@ const Ia = { class: "mt-4 flex flex-row-reverse gap-2" }, za = /* @__PURE__ */ v
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = W(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = La(e);
-    return s(), (c, f) => (o(), g(ne, {
+    const e = W(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: (y) => m(l(r).draft)
+          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"])) : M("", !0),
+            }, 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(R, {
-                variant: c.acceptVariant,
+              p(q, {
+                variant: u.acceptVariant,
                 submit: ""
               }, {
                 default: h(() => [
-                  I(x(l(u)), 1)
+                  z(x(l(c)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p(R, {
-                variant: c.cancelVariant,
-                onClick: (y) => m()
+              p(q, {
+                variant: u.cancelVariant,
+                onClick: (b) => m()
               }, {
                 default: h(() => [
-                  I(x(l(i)), 1)
+                  z(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2924,59 +2936,59 @@ const Ia = { class: "mt-4 flex flex-row-reverse gap-2" }, za = /* @__PURE__ */ v
   height: "1.2em"
 };
 function qa(t, s) {
-  return o(), b("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 = z({ 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(), b("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"
     }, null, -1)
   ]));
 }
-const Ba = z({ name: "material-symbols-delete-forever-rounded", render: Da }), ja = {
+const Ba = R({ name: "material-symbols-delete-forever-rounded", render: Da }), ja = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Fa(t, s) {
-  return o(), b("svg", ja, s[0] || (s[0] = [
+function Oa(t, s) {
+  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"
     }, null, -1)
   ]));
 }
-const Oa = z({ name: "material-symbols-frame-inspect", render: Fa }), Ua = {
+const Fa = R({ name: "material-symbols-frame-inspect", render: Oa }), Ua = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function Na(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const Wa = z({ name: "material-symbols-refresh-rounded", render: Na }), Ka = { class: "grid grow place-items-center" }, Qa = { class: "flex flex-col items-center p-8" }, Za = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Ja = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ga = /* @__PURE__ */ v({
+const Wa = R({ name: "material-symbols-refresh-rounded", render: Na }), Ka = { class: "grid grow place-items-center" }, Qa = { class: "flex flex-col items-center p-8" }, Ja = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Za = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ga = /* @__PURE__ */ v({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
       await D.confirm(
-        T("startupCrash.purgeConfirmTitle", "Delete everything?"),
-        T(
+        S("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        S(
           "startupCrash.purgeConfirmMessage",
           `If the problem persists, one drastic solution may be to wipe the storage in this device to start from scratch. However, keep in mind that **all the data that you haven't synchronized will be deleted forever**.
 
@@ -2984,61 +2996,61 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: T("startupCrash.purgeConfirmAccept", "Purge device")
+          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(), b("div", Ka, [
+      return i(), y("div", Ka, [
         w("div", Qa, [
           p(n, { class: "size-20 text-red-600" }),
-          w("h1", Za, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          p(P, {
+          w("h1", Ja, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          p(A, {
             text: e.$td(
               "startupCrash.message",
               "There was a problem starting the application, but here's some things you can do:"
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          w("div", Ja, [
-            p(R, {
+          w("div", Za, [
+            p(q, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
               default: h(() => [
                 p(l(Wa)),
-                I(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+                z(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            p(R, {
+            p(q, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
               default: h(() => [
-                p(l(Pa)),
-                I(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+                p(l(Aa)),
+                z(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            p(R, {
+            p(q, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
               default: h(() => [
                 p(l(Ba)),
-                I(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+                z(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            p(R, {
+            p(q, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
               default: h(() => [
-                p(l(Oa)),
-                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+                p(l(Fa)),
+                z(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -3053,12 +3065,12 @@ Do you still want to proceed?`
     action: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(te(s.action.dismiss ? l(Ns) : "button"), {
+    return (s, e) => (i(), g(re(s.action.dismiss ? l(Ns) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
       default: h(() => [
-        I(x(s.action.label), 1)
+        z(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
@@ -3071,11 +3083,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(), b("span", Xa, x(s.message), 1)) : M("", !0),
-          (o(!0), b(j, null, O(s.actions, (r, n) => (o(), g(jt, {
+          s.message ? (i(), y("span", Xa, x(s.message), 1)) : T("", !0),
+          (i(!0), y(j, null, O(s.actions, (r, n) => (i(), g(jt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3093,7 +3105,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",
@@ -3109,17 +3121,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"])) : M("", !0),
-        (o(!0), b(j, null, O(r.actions, (a, u) => (o(), g(R, {
-          key: u,
+        }, null, 8, ["text"])) : T("", !0),
+        (i(!0), y(j, null, O(r.actions, (a, c) => (i(), g(q, {
+          key: c,
           action: a,
           variant: r.variant,
           as: jt
@@ -3131,7 +3143,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,
@@ -3142,7 +3154,7 @@ Do you still want to proceed?`
     };
     for (const [r, n] of Object.entries(e))
       D.registerComponent(r, n);
-    await Ve(t, tl);
+    await Ee(t, tl);
   }
 }, rl = {
   async install(t, { formValidationRules: s }) {
@@ -3152,20 +3164,20 @@ Do you still want to proceed?`
 };
 async function nl(t, s = {}) {
   var r;
-  const e = [Sn, Ar, kn, dn, Fr, sl, rl, ...s.plugins ?? []];
-  A.instance = t, await br(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await N.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 N.emit("application-ready");
 }
 async function $o(t, s = {}) {
   var r;
   const e = Yt(t);
-  G() && (window.$aerogel = e), await nl(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await N.emit("application-mounted");
+  Y() && (window.$aerogel = e), await nl(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await N.emit("application-mounted");
 }
 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), b(j, null, O(s.$ui.toasts, (r) => (o(), g(te(r.component), L({
+        (i(!0), y(j, null, O(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)),
@@ -3177,7 +3189,7 @@ const al = /* @__PURE__ */ v({
 }), ll = /* @__PURE__ */ v({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (o(), b(j, null, [
+    return (s, e) => (i(), y(j, null, [
       p(l(Cs), { nested: "" }),
       p(al)
     ], 64));
@@ -3185,9 +3197,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(), b("div", ol, [
+    return (s, e) => (i(), y("div", ol, [
       s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (o(), g(te(s.$ui.requireComponent("startup-crash"))))
+        (i(), g(re(s.$ui.requireComponent("startup-crash"))))
       ]) : $(s.$slots, "default", { key: 1 }),
       p(ll)
     ]));
@@ -3195,17 +3207,17 @@ const al = /* @__PURE__ */ v({
 }), il = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], ul = /* @__PURE__ */ v({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = Z("$textAreaRef"), e = H(
+    const s = Z("$textAreaRef"), e = L(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
     ), r = d(() => e.name ?? void 0), n = d(() => e.value);
     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(), b("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,
@@ -3225,16 +3237,16 @@ const al = /* @__PURE__ */ v({
     summaryClass: {}
   },
   setup(t) {
-    const s = d(() => S("pt-2 pl-4", t.contentClass)), e = d(() => S(
+    const s = d(() => k("pt-2 pl-4", t.contentClass)), e = d(() => k(
       "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 max-w-full",
       "hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700",
       t.summaryClass
     ));
-    return (r, n) => (o(), b("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)
         ])
@@ -3249,7 +3261,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(() => [
@@ -3271,48 +3283,48 @@ const al = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = W(t, ["inputClass", "labelClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => S("relative flex items-start", n.value)), u = d(() => {
-      var c, f;
-      return S(
+    const s = W(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(() => S("ml-2 text-sm leading-6", t.labelClass));
-    return (c, f) => (o(), g(je, L({
+    }), 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, L(l(r), {
+          p(Dt, I(l(r), {
             type: "checkbox",
-            class: u.value
+            class: c.value
           }), null, 16, ["class"])
         ]),
-        c.$slots.default ? (o(), b("div", {
+        u.$slots.default ? (i(), y("div", {
           key: 0,
-          class: _(i.value)
+          class: _(o.value)
         }, [
-          p($e, { class: "text-gray-900" }, {
+          p(_e, { class: "text-gray-900" }, {
             default: h(() => [
-              $(c.$slots, "default")
+              $(u.$slots, "default")
             ]),
             _: 3
           }),
-          p(_e, { class: "text-red-600" })
-        ], 2)) : c.label ? (o(), b("div", {
+          p(xe, { class: "text-red-600" })
+        ], 2)) : u.label ? (i(), y("div", {
           key: 1,
-          class: _(i.value)
+          class: _(o.value)
         }, [
-          p($e, { class: "text-gray-900" }),
-          p(_e, { class: "text-red-600" })
-        ], 2)) : M("", !0)
+          p(_e, { class: "text-gray-900" }),
+          p(xe, { class: "text-red-600" })
+        ], 2)) : T("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
@@ -3324,9 +3336,9 @@ const al = /* @__PURE__ */ v({
     value: {}
   },
   setup(t) {
-    return le(t.name, t.value), (s, e) => $(s.$slots, "default");
+    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: {},
@@ -3337,22 +3349,22 @@ const al = /* @__PURE__ */ v({
   },
   emits: ["select"],
   setup(t, { emit: s }) {
-    const e = s, r = H("select", "<ComboboxOption> must be a child of a <Combobox>"), n = Zs(), a = H("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) : F(t.value);
+      const u = (f = r.options) == null ? void 0 : f.find((m) => m.value === t.value);
+      return u ? r.renderOption(u.value) : K(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(Js), L(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", {}, () => [
-            I(x(u.value), 1)
+          $(u.$slots, "default", {}, () => [
+            z(x(c.value), 1)
           ])
         ])
       ]),
@@ -3366,35 +3378,35 @@ const al = /* @__PURE__ */ v({
   },
   emits: ["select"],
   setup(t) {
-    const { contains: s } = Gs({ sensitivity: "base" }), e = H("select", "<ComboboxOptions> must be a child of a <Combobox>"), r = H("combobox"), n = Z("$group"), a = d(
+    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 = S(
+    ), 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 ae(n, () => {
-      var c;
-      return r.$group = ((c = n.value) == null ? void 0 : c.$el) ?? null;
-    }), (c, f) => (o(), g(l(Xs), null, {
+    return X(n, () => {
+      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
                 }),
@@ -3405,20 +3417,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] = (y) => 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(() => [
-                          I(x(l(r).input), 1)
+                          z(x(l(r).input), 1)
                         ]),
                         _: 1
-                      }, 8, ["value"])) : M("", !0),
-                      (o(!0), b(j, null, O(a.value, (y) => (o(), g(rt, {
-                        key: y.key,
-                        value: y.value,
-                        onSelect: f[1] || (f[1] = (C) => c.$emit("select"))
+                      }, 8, ["value"])) : T("", !0),
+                      (i(!0), y(j, null, O(a.value, (b) => (i(), g(nt, {
+                        key: b.key,
+                        value: b.value,
+                        onSelect: f[1] || (f[1] = (M) => u.$emit("select"))
                       }, null, 8, ["value"]))), 128))
                     ];
                   }),
@@ -3441,7 +3453,7 @@ const al = /* @__PURE__ */ v({
   __name: "ComboboxTrigger",
   emits: ["focus", "change", "blur"],
   setup(t, { emit: s }) {
-    const e = s, r = H("select", "<ComboboxTrigger> must be a child of a <Combobox>"), n = H("combobox"), a = d(() => S(
+    const e = s, r = L("select", "<ComboboxTrigger> must be a child of a <Combobox>"), n = L("combobox"), a = d(() => k(
       // eslint-disable-next-line vue/max-len
       "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
       {
@@ -3451,13 +3463,13 @@ 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 ae(
+    return X(
       () => n.input,
       () => {
         if (n.preventChange) {
@@ -3466,25 +3478,25 @@ 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(), b("div", vl, [
-            p(l(fe), { class: "size-5 text-red-500" })
-          ])) : M("", !0)
+          (f = l(r)) != null && f.errors ? (i(), y("div", vl, [
+            p(l(he), { class: "size-5 text-red-500" })
+          ])) : T("", !0)
         ];
       }),
       _: 1
@@ -3497,19 +3509,19 @@ const al = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    const s = H("select", "<ComboboxLabel> must be a child of a <Combobox>"), e = ke(), r = d(() => !!(s.label || e.default)), n = d(() => S("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
-    return (a, u) => r.value ? (o(), g(l(mt), L({
+    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, c) => r.value ? (i(), g(l(ft), I({
       key: 0,
       for: l(s).id,
       class: n.value
     }, a.$props), {
       default: h(() => [
         $(a.$slots, "default", {}, () => [
-          I(x(l(s).label), 1)
+          z(x(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for", "class"])) : M("", !0);
+    }, 16, ["for", "class"])) : T("", !0);
   }
 }), ko = /* @__PURE__ */ v({
   __name: "Combobox",
@@ -3533,48 +3545,58 @@ const al = /* @__PURE__ */ v({
   setup(t, { expose: s, emit: e }) {
     const r = e, n = W(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 = {
-      input: B(u.value ? c(u.value) : ""),
+    ), 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(c.value ? u(c.value) : ""),
       preventChange: B(!1),
       $group: B(null)
     };
-    function y(C) {
-      m.input.value = c(C), i(C);
+    function M(H) {
+      b.input.value = u(H), o(H);
     }
-    return ae(m.input, (C) => {
-      const E = t.newInputValue ? t.newInputValue(C) : C, q = c(a.value.value), Ee = c(a.value.value);
-      q !== Ee && y(E);
-    }), s(a), (C, E) => (o(), g(l(ar), {
+    return X(a.value, (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, F = u(V);
+      if (F in m.value) {
+        M(m.value[F]);
+        return;
+      }
+      M(V);
+    }), 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),
-      by: C.compareOptions,
-      "onUpdate:modelValue": E[4] || (E[4] = (q) => y(q))
+      "model-value": l(c),
+      by: H.compareOptions,
+      "onUpdate:modelValue": V[4] || (V[4] = (F) => M(F))
     }, {
       default: h(() => [
         p(ml, {
           name: "combobox",
-          value: m
+          value: b
         }, {
           default: h(() => [
             p(yl),
             p(bl, {
-              onFocus: E[0] || (E[0] = (q) => f.value = !0),
-              onChange: E[1] || (E[1] = (q) => f.value = !0),
-              onBlur: E[2] || (E[2] = (q) => f.value = !1)
+              onFocus: V[0] || (V[0] = (F) => f.value = !0),
+              onChange: V[1] || (V[1] = (F) => f.value = !0),
+              onBlur: V[2] || (V[2] = (F) => 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": C.newInputValue,
-              onSelect: E[3] || (E[3] = (q) => f.value = !1)
+              "new-input-value": H.newInputValue,
+              onSelect: V[3] || (V[3] = (F) => f.value = !1)
             }, null, 8, ["new-input-value"])
           ]),
           _: 1
@@ -3592,11 +3614,11 @@ const al = /* @__PURE__ */ v({
   },
   emits: ["select"],
   setup(t) {
-    const s = W(t, ["class"]), e = d(() => S(
+    const s = W(t, ["class"]), e = d(() => k(
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (o(), g(l(lr), L({ 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(() => [
@@ -3608,21 +3630,21 @@ const al = /* @__PURE__ */ v({
 }), $l = /* @__PURE__ */ v({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = H(
+    const s = L(
       "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), b(j, null, O(l(s).options, (n, a) => (o(), g(wl, L(
+          (i(!0), y(j, null, O(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 },
@@ -3633,14 +3655,14 @@ 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);
               }
             }
           ), {
             default: h(() => [
-              I(x(n.label), 1)
+              z(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3665,7 +3687,7 @@ const al = /* @__PURE__ */ v({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return le("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(() => [
@@ -3698,50 +3720,50 @@ 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(() => S("inline whitespace-pre", t.contentClass)), i = d(() => S("invisible whitespace-pre", t.contentClass)), c = d(() => S("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    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 ee(() => a.value = t.text), (y, C) => (o(), b("div", {
-      class: _(["relative", { "pointer-events-none!": y.disabled && !n.value }])
+    return se(() => a.value = t.text), (b, M) => (i(), y("div", {
+      class: _(["relative", { "pointer-events-none!": b.disabled && !n.value }])
     }, [
-      n.value ? (o(), b("span", {
+      n.value ? (i(), y("span", {
         key: 1,
-        class: _(i.value)
-      }, x(a.value), 3)) : (o(), b("div", {
+        class: _(o.value)
+      }, x(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: _(u.value)
+        class: _(c.value)
       }, [
-        $(y.$slots, "default")
+        $(b.$slots, "default")
       ], 2)),
-      y.type === "number" ? (o(), b("span", {
+      b.type === "number" ? (i(), y("span", {
         key: 2,
         class: _(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : M("", !0),
+      }, null, 2)) : T("", !0),
       w("form", {
         class: "w-full",
-        "aria-hidden": y.formAriaHidden,
-        onSubmit: C[4] || (C[4] = lt((E) => {
-          var q;
-          return (q = r.value) == null ? void 0 : q.blur();
+        "aria-hidden": b.formAriaHidden,
+        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": C[0] || (C[0] = (E) => a.value = E),
-          tabindex: y.tabindex ?? void 0,
-          "aria-label": y.ariaLabel ?? void 0,
-          type: y.type,
+          "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,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && y.type === "number" }
+            u.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && b.type === "number" }
           ]),
-          onKeyup: C[1] || (C[1] = (E) => y.$emit("update", a.value)),
-          onFocus: C[2] || (C[2] = (E) => f()),
-          onBlur: C[3] || (C[3] = (E) => m())
+          onKeyup: M[1] || (M[1] = (H) => b.$emit("update", a.value)),
+          onFocus: M[2] || (M[2] = (H) => f()),
+          onBlur: M[3] || (M[3] = (H) => m())
         }, null, 42, xl), [
           [ts, a.value]
         ])
@@ -3754,35 +3776,35 @@ const al = /* @__PURE__ */ v({
   height: "1.2em"
 };
 function kl(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const Sl = z({ name: "ion-warning", render: kl }), Tl = {
+const Sl = R({ name: "ion-warning", render: kl }), Tl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
 function Ml(t, s) {
-  return o(), b("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"
     }, null, -1)
   ]));
 }
-const Vl = z({ name: "zondicons-view-show", render: Ml }), El = { class: "font-medium" }, Hl = ["datetime"], Ll = /* @__PURE__ */ v({
+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(ne, {
+    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), b(j, null, O(s.$errors.logs, (r, n) => (o(), b("li", {
+          (i(!0), y(j, null, O(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"
           }, [
@@ -3792,12 +3814,12 @@ const Vl = z({ 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(R, {
+            p(q, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3805,7 +3827,7 @@ const Vl = z({ 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(() => [
@@ -3825,7 +3847,7 @@ const Vl = z({ 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(R, {
+    return (s, e) => s.$errors.logs.length > 0 ? (i(), g(q, {
       key: 0,
       size: "icon",
       variant: "ghost",
@@ -3837,7 +3859,7 @@ const Vl = z({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
         p(l(Sl), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : M("", !0);
+    }, 8, ["title", "aria-label"])) : T("", !0);
   }
 }), Vo = /* @__PURE__ */ v({
   __name: "ErrorMessage",
@@ -3845,8 +3867,8 @@ const Vl = z({ 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"]));
@@ -3866,7 +3888,7 @@ const Vl = z({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (o(), g(R, L({ variant: "link" }, s.$props), {
+    return (s, e) => (i(), g(q, I({ variant: "link" }, s.$props), {
       default: h(() => [
         $(s.$slots, "default")
       ]),
@@ -3876,13 +3898,13 @@ const Vl = z({ 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(ne, {
+    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), b(j, null, O(s.value, (n, a) => (o(), g(te(n.component), { key: a }))), 128))
+        (i(!0), y(j, null, O(s.value, (n, a) => (i(), g(re(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title", "fullscreen-on-mobile"]));
@@ -3903,40 +3925,40 @@ const Vl = z({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = W(t, ["label", "inputClass", "wrapperClass"]), e = Z("$inputRef"), [r, n] = De(), a = d(() => S("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = d(() => {
-      var i, c, f;
-      return S(
+    const s = W(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, L({
+    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;
         return [
-          p($e, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          p(_e, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           w("div", {
             class: _(a.value)
           }, [
-            p(ul, L(l(r), { class: u.value }), null, 16, ["class"]),
-            (f = e.value) != null && f.errors ? (o(), b("div", Il, [
-              p(l(fe), { class: "size-5 text-red-500" })
-            ])) : M("", !0)
+            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),
           p(Bt, { class: "mt-2 text-sm text-gray-600" }),
-          p(_e, { class: "mt-2 text-sm text-red-600" })
+          p(xe, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
@@ -3945,28 +3967,28 @@ const Vl = z({ name: "zondicons-view-show", render: Ml }), El = { class: "font-m
 });
 class Io {
   constructor() {
-    k(this, "status");
-    k(this, "_listeners");
-    k(this, "_progress");
-    k(this, "_cancelled");
-    k(this, "_started");
-    k(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new ms(), this._started = new J(), this._completed = new J();
+    C(this, "status");
+    C(this, "_listeners");
+    C(this, "_progress");
+    C(this, "_cancelled");
+    C(this, "_started");
+    C(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new ms(), this._started = new G(), this._completed = new G();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof st)
+      if (s instanceof rt)
         return;
-      throw se(fs(s), (e) => {
+      throw ne(fs(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new J(), await this._cancelled;
+    this._cancelled = new G(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -4001,7 +4023,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(
@@ -4023,19 +4045,19 @@ 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,
   al as AppToasts,
-  R as Button,
+  q as Button,
   lo as Cache,
   Dr as CacheService,
   Co as Checkbox,
   ko as Combobox,
   yl as ComboboxLabel,
-  rt as ComboboxOption,
+  nt as ComboboxOption,
   gl as ComboboxOptions,
   bl as ComboboxTrigger,
   Nn as ConfirmModal,
@@ -4050,18 +4072,18 @@ export {
   va as ErrorReportModal,
   ia as ErrorReportModalButtons,
   ua as ErrorReportModalTitle,
-  Ct as Errors,
+  St as Errors,
   Ql as EventListenerPriorities,
   N 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,
-  _e as HeadlessInputError,
+  xe as HeadlessInputError,
   Dt as HeadlessInputInput,
-  $e as HeadlessInputLabel,
+  _e as HeadlessInputLabel,
   ul as HeadlessInputTextArea,
   En as HeadlessModal,
   Hn as HeadlessModalContent,
@@ -4069,54 +4091,53 @@ 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,
-  Xe as LOCAL_TIMEZONE_OFFSET,
-  X as Lang,
-  we as Layouts,
+  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,
-  ne as Modal,
-  Po as ModalComponent,
-  Ao as ModalsPortal,
+  Ct as MOBILE_BREAKPOINT,
+  A as Markdown,
+  le as Modal,
+  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,
-  Me as Service,
+  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,
-  Ve as bootServices,
+  Ee as bootServices,
   $o as bootstrap,
   nl as bootstrapApplication,
-  S as classes,
+  k as classes,
   Do as closeModal,
   ro as computedAsync,
   no as computedDebounce,
@@ -4124,33 +4145,34 @@ export {
   co as dateInput,
   Gl as defineDirective,
   Yl as defineFormValidationRules,
-  Jl as definePlugin,
-  Te as defineServiceState,
+  Zl as definePlugin,
+  Me as defineServiceState,
   fr as defineServiceStore,
-  Zl as defineSettings,
+  Jl as defineSettings,
   zo as dispatch,
   po as enumInput,
-  _t as getCurrentLayout,
-  qt as getErrorMessage,
+  kt as getCurrentLayout,
+  Be as getErrorMessage,
+  Ye as getLocalTimezoneOffset,
   Ir as getMarkdownRouter,
   mr as getPiniaStore,
-  Jr as hasSelectOptionLabel,
+  Zr as hasSelectOptionLabel,
   jo as injectModal,
   $r as injectOrFail,
   wr as injectReactive,
-  H as injectReactiveOrFail,
+  L as injectReactiveOrFail,
   br as installPlugins,
-  Fo as modals,
+  Oo as modals,
   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,
@@ -4159,25 +4181,25 @@ export {
   vo as requiredObjectInput,
   Ha as requiredStringInput,
   pr as resetPiniaStore,
-  yt as safeHtml,
+  wt as safeHtml,
   ao as setMarkdownRouter,
-  Oo as showModal,
+  Fo as showModal,
   wo as stringInput,
-  xt as translate,
-  T as translateWithDefault,
-  Pn as useAlertModal,
+  _t as translate,
+  S as translateWithDefault,
+  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,
-  be as validators,
-  gt as variantClasses
+  ye as validators,
+  vt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map