@aerogel/core 0.1.1-next.7fce7b4ce55cfb9c329a7746f571015aedc8e3bd → 0.1.1-next.97f5cf5c97f16ab8a0ef63b82aaab049a0f9e15b

package/dist/aerogel-core.js

@@ -1,44 +1,44 @@
-var Rt = Object.defineProperty;
-var zt = (t, s, e) => s in t ? Rt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => zt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as It, Text as qt, Static as At, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as Pt, useAttrs as Ye, onMounted as et, watch as Le, toRaw as Dt, customRef as jt, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as x, normalizeClass as C, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as H, createElementVNode as b, h as Bt, useTemplateRef as ee, withModifiers as tt, withDirectives as st, vModelCheckbox as Ft, normalizeStyle as Ut, resolveComponent as Ot, createApp as Nt, vModelText as Wt } from "vue";
-import { JSError as _e, stringToSlug as Kt, tap as te, MagicObject as rt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as nt, isEmpty as Se, objectDeepClone as Qt, fail as W, facade as se, arrayRemove as Ve, getEnv as Jt, updateLocationQueryParameters as Zt, forever as Xt, toString as B, objectWithout as Gt, noop as Yt, debounce as es, stringMatchAll as at, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as lt, value as ts, isInstanceOf as Oe, stringExcerpt as ss, arraySorted as rs, ListenersManager as ns, toError as as, round as ls } from "@noeldemartin/utils";
+var It = Object.defineProperty;
+var qt = (t, s, e) => s in t ? It(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => qt(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as E, Comment as At, Text as Pt, Static as Dt, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as jt, useAttrs as et, onMounted as tt, watch as Le, toRaw as Bt, customRef as Ft, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as C, normalizeClass as x, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as M, createElementVNode as b, h as Ut, useTemplateRef as ee, withModifiers as st, withDirectives as rt, vModelCheckbox as Ot, normalizeStyle as Nt, resolveComponent as Wt, createApp as Kt, vModelText as Qt } from "vue";
+import { JSError as _e, stringToSlug as Jt, tap as te, MagicObject as nt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as at, isEmpty as Se, objectDeepClone as Zt, fail as W, facade as se, arrayRemove as Ve, getEnv as Xt, updateLocationQueryParameters as Gt, forever as Yt, toString as B, objectWithout as es, noop as ts, debounce as ss, stringMatchAll as lt, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as it, value as rs, isInstanceOf as Oe, stringExcerpt as ns, arraySorted as as, ListenersManager as ls, toError as is, round as os } from "@noeldemartin/utils";
 import j from "virtual:aerogel";
-import { createPinia as is, setActivePinia as os, defineStore as us } from "pinia";
-import cs from "dompurify";
-import { marked as ds, Renderer as Ne } from "marked";
-import { createModal as ps, showModal as We, closeModal as Ke, modals as ae, useModal as Ie, ModalComponent as ms, injectModal as fs, ModalsPortal as hs } from "@noeldemartin/vue-modals";
-import { useModal as li } from "@noeldemartin/vue-modals";
-import gs from "clsx";
-import { cva as vs } from "class-variance-authority";
-import { twMerge as bs } from "tailwind-merge";
-import { Primitive as ys, SelectValue as Qe, SelectTrigger as $s, SelectIcon as ws, SelectItem as _s, SelectItemText as xs, SelectPortal as Cs, SelectContent as ks, SelectViewport as Ss, SelectRoot as Ts, Label as Hs, useForwardExpose as qe, SwitchRoot as Ms, SwitchThumb as Vs, DialogRoot as Es, DialogPortal as Ls, DialogContent as Rs, DialogDescription as zs, DialogOverlay as Is, DialogTitle as qs, ToastClose as As, ToastRoot as Ps, ToastProvider as Ds, ToastViewport as js, DropdownMenuItem as Bs, DropdownMenuContent as Fs, DropdownMenuRoot as Us, DropdownMenuTrigger as Os, DropdownMenuPortal as Ns } from "reka-ui";
+import { createPinia as us, setActivePinia as cs, defineStore as ds } from "pinia";
+import ps from "dompurify";
+import { marked as ms, Renderer as Ne } from "marked";
+import { injectModal as ot, useModal as fs, createModal as hs, showModal as We, closeModal as Ke, modals as ae, ModalComponent as gs, ModalsPortal as vs } from "@noeldemartin/vue-modals";
+import { ModalComponent as oi, ModalsPortal as ui, closeModal as ci, createModal as di, injectModal as pi, modals as mi, showModal as fi } from "@noeldemartin/vue-modals";
+import bs from "clsx";
+import { cva as ys } from "class-variance-authority";
+import { twMerge as $s } from "tailwind-merge";
+import { Primitive as ws, SelectValue as Qe, SelectTrigger as _s, SelectIcon as Cs, SelectItem as xs, SelectItemText as ks, SelectPortal as Ss, SelectContent as Ts, SelectViewport as Ms, SelectRoot as Hs, Label as Vs, useForwardExpose as Ie, SwitchRoot as Es, SwitchThumb as Ls, DialogRoot as Rs, DialogPortal as zs, DialogContent as Is, DialogDescription as qs, DialogOverlay as As, DialogTitle as Ps, ToastClose as Ds, ToastRoot as js, ToastProvider as Bs, ToastViewport as Fs, DropdownMenuItem as Us, DropdownMenuContent as Os, DropdownMenuRoot as Ns, DropdownMenuTrigger as Ws, DropdownMenuPortal as Ks } from "reka-ui";
 class Ee extends _e {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function Ws() {
-  return j.namespace ?? Kt(j.name);
+function Qs() {
+  return j.namespace ?? Jt(j.name);
 }
-let Ae = null;
-function it() {
-  return Ae ?? Ks();
+let qe = null;
+function ut() {
+  return qe ?? Js();
 }
-function Ks() {
-  return te(is(), (t) => {
-    Ae = t, os(t);
+function Js() {
+  return te(us(), (t) => {
+    qe = t, cs(t);
   });
 }
-function Qs() {
-  return Ae ?? it();
+function Zs() {
+  return qe ?? ut();
 }
-function Js(t, s) {
-  return it(), us(t, s)();
+function Xs(t, s) {
+  return ut(), ds(t, s)();
 }
-function xe(t) {
+function Ce(t) {
   var s;
-  return s = class extends Ce {
+  return s = class extends xe {
     usesStore() {
       return !0;
     }
@@ -74,8 +74,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, _(s, "persist", t.persist ?? []), s;
 }
-var Me;
-let Ce = (Me = class extends rt {
+var He;
+let xe = (He = class extends nt {
   constructor() {
     super();
     _(this, "_name");
@@ -84,7 +84,7 @@ let Ce = (Me = class extends rt {
     _(this, "_watchers");
     _(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new Q(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Js(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new Q(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Xs(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -124,7 +124,7 @@ let Ce = (Me = class extends rt {
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = nt(e), n = ne(this._store.$state, r);
+    const r = at(e), n = ne(this._store.$state, r);
     Se(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
@@ -134,7 +134,7 @@ let Ce = (Me = class extends rt {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${Ws()}:${this._name}`;
+    return `${Qs()}:${this._name}`;
   }
   onStateUpdated(e, r) {
     const n = ne(e, this.static("persist"));
@@ -148,7 +148,7 @@ let Ce = (Me = class extends rt {
     const r = O.get(this.storageKey);
     r && O.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Qt(e))
+      ...this.serializePersistedState(Zt(e))
     });
   }
   usesStore() {
@@ -190,13 +190,13 @@ let Ce = (Me = class extends rt {
   requireStore() {
     return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
-}, _(Me, "persist", []), Me);
-const yl = {
+}, _(He, "persist", []), He);
+const wl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Zs extends Ce {
+class Gs extends xe {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -249,16 +249,16 @@ class Zs extends Ce {
     u.includes(a) || (u.push(a), u.sort((v, S) => S - v), o[a] = []), ($ = o[a]) == null || $.push(n);
   }
 }
-const F = se(Zs);
-function $l(t) {
+const F = se(Gs);
+function _l(t) {
   return t;
 }
-const Xs = xe({
+const Ys = Ce({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Jt() ?? "development",
+    environment: Xt() ?? "development",
     version: j.version,
     sourceUrl: j.sourceUrl,
     settings: []
@@ -275,7 +275,7 @@ const Xs = xe({
     }
   }
 });
-class Gs extends Xs {
+class er extends Ys {
   constructor() {
     super(...arguments);
     _(this, "name", j.name);
@@ -295,7 +295,7 @@ class Gs extends Xs {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Zt(e), location.reload(), await Xt();
+    e && Gt(e), location.reload(), await Yt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -308,11 +308,11 @@ class Gs extends Xs {
     F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = se(Gs);
-function wl(t) {
+const A = se(er);
+function Cl(t) {
   return t;
 }
-async function Ys(t, ...s) {
+async function tr(t, ...s) {
   A.setState(
     "plugins",
     t.reduce(
@@ -321,28 +321,28 @@ async function Ys(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function er(t) {
+function sr(t) {
   return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
 }
-function _l(t) {
+function xl(t) {
   return t;
 }
-function tr(t) {
+function rr(t) {
   const s = X(t);
   return s ? ge(s) : void 0;
 }
 function I(t, s) {
-  return tr(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+  return rr(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function sr(t, s) {
+function nr(t, s) {
   return X(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function ot(t) {
-  return typeof t == "string" ? t : t.type === It ? "" : t.type === qt || t.type === At ? t.children : t.type === "br" ? `
+function ct(t) {
+  return typeof t == "string" ? t : t.type === At ? "" : t.type === Pt || t.type === Dt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${er(t)}>${Array.from(t.children).map(ot).join("")}</${t.type}>`;
+` : `<${t.type} ${sr(t)}>${Array.from(t.children).map(ct).join("")}</${t.type}>`;
 }
-const Te = /* @__PURE__ */ new WeakMap(), rr = {
+const Te = /* @__PURE__ */ new WeakMap(), ar = {
   mounted(t, { value: s, modifiers: e }) {
     const r = typeof s == "function" ? s : null, n = () => {
       const a = t.getBoundingClientRect();
@@ -355,21 +355,21 @@ const Te = /* @__PURE__ */ new WeakMap(), rr = {
     (s = Te.get(t)) == null || s.unobserve(t), Te.delete(t);
   }
 };
-function ut(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = vs(n, a);
-  return M(u(r), l(e));
+function dt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ys(n, a);
+  return H(u(r), l(e));
 }
-function M(...t) {
-  return bs(gs(t));
+function H(...t) {
+  return $s(bs(t));
 }
-function xl(t, s) {
+function kl(t, s) {
   const e = F.on(t, s);
   $e(() => e());
 }
-const nr = {
+const lr = {
   required: (t) => t ? void 0 : "required"
 };
-function ar(t, s) {
+function ir(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -388,20 +388,20 @@ function ar(t, s) {
       return typeof t == "object";
   }
 }
-const he = { ...nr };
-function Cl(t, s) {
+const he = { ...lr };
+function Sl(t, s) {
   he[t] = s;
 }
-function lr(t, s) {
-  return ar(t, s) ? [] : ["invalid_value"];
+function or(t, s) {
+  return ir(t, s) ? [] : ["invalid_value"];
 }
-function ir(t, s) {
+function ur(t, s) {
   var r;
   const e = (r = he[s]) == null ? void 0 : r.call(he, t);
-  return e ? nt(e) : [];
+  return e ? at(e) : [];
 }
-const kl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-class or extends rt {
+const Tl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+class cr extends nt {
   constructor(e) {
     super();
     _(this, "errors");
@@ -465,7 +465,7 @@ class or extends rt {
   }
   async focus(e) {
     var r;
-    await Pt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await jt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -480,9 +480,9 @@ class or extends rt {
   getFieldErrors(e, r) {
     var o;
     const n = [], a = this._data[e], u = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
-    n.push(...lr(a, r));
+    n.push(...or(a, r));
     for (const p of u)
-      p !== "required" && a == null || n.push(...ir(a, p));
+      p !== "required" && a == null || n.push(...ur(a, p));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
@@ -505,28 +505,28 @@ class or extends rt {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function ct(t, s) {
+function pt(t, s) {
   const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
   $e(() => r == null ? void 0 : r());
 }
-function dt(t) {
-  return new or(t);
+function mt(t) {
+  return new cr(t);
 }
-function Pe() {
-  const t = Ye(), s = c(() => t.class);
-  return [c(() => Gt(t, "class")), s];
+function Ae() {
+  const t = et(), s = c(() => t.class);
+  return [c(() => es(t, "class")), s];
 }
-function Sl(t) {
-  let s = Yt;
-  et(() => s = t()), $e(() => s());
+function Ml(t) {
+  let s = ts;
+  tt(() => s = t()), $e(() => s());
 }
-function Tl(t, s) {
+function Hl(t, s) {
   const e = ge(O.get(t) ?? s);
-  return Le(e, () => O.set(t, Dt(e))), e;
+  return Le(e, () => O.set(t, Bt(e))), e;
 }
-function ur(t) {
+function dr(t) {
   let s = new Set(t), e, r;
-  const n = jt((a, u) => (r = a, e = u, {
+  const n = Ft((a, u) => (r = a, e = u, {
     get: () => s,
     set: () => W("Attempted to write read-only reactive set")
   }));
@@ -551,16 +551,16 @@ function ur(t) {
     }
   };
 }
-function Hl(t) {
+function Vl(t) {
   const s = N(), e = c(t);
   return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Ml(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = es((u) => n.value = u, e.delay ?? 300);
+function El(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ss((u) => n.value = u, e.delay ?? 300);
   return G(() => a(r())), n;
 }
 let ie = null;
-function cr() {
+function pr() {
   return te(new Ne(), (t) => {
     t.link = function(s) {
       const e = Ne.prototype.link.apply(this, [s]);
@@ -568,51 +568,51 @@ function cr() {
     };
   });
 }
-function dr(t) {
-  const s = at(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function mr(t) {
+  const s = lt(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 pr(t) {
-  const s = at(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function fr(t) {
+  const s = lt(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s) {
     const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
-function mr() {
+function hr() {
   return ie;
 }
-function Vl(t) {
+function Ll(t) {
   ie = t;
 }
-function fr(t) {
-  let s = ds(t, { renderer: cr(), async: !1 });
-  return s = pt(s), s = dr(s), s = pr(s), s;
+function gr(t) {
+  let s = ms(t, { renderer: pr(), async: !1 });
+  return s = ft(s), s = mr(s), s = fr(s), s;
 }
-function pt(t) {
-  return cs.sanitize(t, { ADD_ATTR: ["target"] });
+function ft(t) {
+  return ps.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const hr = {
+const vr = {
   mounted(t, { value: s }) {
-    t.innerHTML = pt(s);
+    t.innerHTML = ft(s);
   }
-}, gr = {
-  measure: rr,
-  "safe-html": hr
-}, vr = {
+}, br = {
+  measure: ar,
+  "safe-html": vr
+}, yr = {
   install(t, s) {
     const e = {
-      ...gr,
+      ...br,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class br extends Ce {
+class $r extends xe {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -633,23 +633,23 @@ class br extends Ce {
     });
   }
 }
-const El = se(br);
-class yr extends Ce {
+const Rl = se($r);
+class wr extends xe {
   async purge() {
     await F.emit("purge-storage");
   }
 }
-const mt = se(yr);
-function Ll(t, s) {
+const ht = se(wr);
+function zl(t, s) {
   return {
     ...t,
     ...ne(s, Object.keys(t))
   };
 }
-const $r = {
+const _r = {
   $app: A,
   $events: F,
-  $storage: mt
+  $storage: ht
 };
 async function ke(t, s) {
   await Promise.all(
@@ -661,34 +661,44 @@ async function ke(t, s) {
     })
   ), Object.assign(t.config.globalProperties, s), (J() || ze()) && Object.assign(globalThis, s);
 }
-const wr = {
+const Cr = {
   async install(t, s) {
     var r;
     const e = {
-      ...$r,
+      ..._r,
       ...s.services
     };
-    t.use(Qs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
+    t.use(Zs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
   }
-}, ft = 768, ve = {
+}, Ze = /* @__PURE__ */ new WeakSet();
+function Pe() {
+  const t = ot(), { close: s, remove: e, ...r } = fs(Ze.has(t) ? {} : { removeOnClose: !1 });
+  return Ze.add(t), {
+    ...r,
+    async close(n) {
+      s(n), await le(1e3), e();
+    }
+  };
+}
+const gt = 768, ve = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function ht() {
-  return globalThis.innerWidth > ft ? ve.Desktop : ve.Mobile;
+function vt() {
+  return globalThis.innerWidth > gt ? ve.Desktop : ve.Mobile;
 }
-const _r = xe({
+const xr = Ce({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: ht()
+    layout: vt()
   },
   computed: {
     desktop: ({ layout: t }) => t === ve.Desktop,
     mobile: ({ layout: t }) => t === ve.Mobile
   }
 });
-class xr extends _r {
+class kr extends xr {
   constructor() {
     super(...arguments);
     _(this, "components", {});
@@ -764,7 +774,7 @@ class xr extends _r {
     const { operationPromise: o, props: p, delay: g } = a();
     if (g && await Promise.race([le({ ms: g }).then(() => u = !0), o]), g && !u)
       return o;
-    const $ = ps(this.requireComponent("loading-modal"), p);
+    const $ = hs(this.requireComponent("loading-modal"), p);
     We($);
     try {
       const v = await o;
@@ -801,11 +811,11 @@ class xr extends _r {
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${ft}px)`).addEventListener("change", () => this.setState({ layout: ht() }));
+    globalThis.matchMedia(`(min-width: ${gt}px)`).addEventListener("change", () => this.setState({ layout: vt() }));
   }
 }
-const P = se(xr);
-class Cr {
+const P = se(kr);
+class Sr {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -831,7 +841,7 @@ class Cr {
     return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const kr = xe({
+const Tr = Ce({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -840,11 +850,11 @@ const kr = xe({
     fallbackLocale: "en"
   }
 });
-class Sr extends kr {
+class Mr extends Tr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new Cr(
+    this.provider = new Sr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -872,7 +882,7 @@ class Sr extends kr {
     );
   }
 }
-const Z = se(Sr), gt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Tr = xe({
+const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = Ce({
   name: "errors",
   initialState: {
     logs: [],
@@ -885,7 +895,7 @@ const Z = se(Sr), gt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Hr extends Tr {
+class Vr extends Hr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
@@ -961,7 +971,7 @@ class Hr extends Tr {
     return fe(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof _e ? this.createErrorReportFromError(e) : fe(e) ? lt({
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof _e ? this.createErrorReportFromError(e) : fe(e) ? it({
       title: B(
         e.name ?? e.title ?? k("errors.unknown", "Unknown Error")
       ),
@@ -987,7 +997,7 @@ class Hr extends Tr {
     };
   }
 }
-const vt = se(Hr), bt = /* @__PURE__ */ h({
+const yt = se(Vr), $t = /* @__PURE__ */ h({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1005,7 +1015,7 @@ const vt = se(Hr), bt = /* @__PURE__ */ h({
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
       as: P.resolveComponent("router-link") ?? "a",
-      to: lt({
+      to: it({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1018,7 +1028,7 @@ const vt = se(Hr), bt = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), f(l(ys), V({
+    return (e, r) => (i(), f(l(ws), V({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
@@ -1045,7 +1055,7 @@ const vt = se(Hr), bt = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => ut(
+    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => dt(
       { 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",
@@ -1140,7 +1150,7 @@ const vt = se(Hr), bt = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (i(), f(bt, V({
+    return (r, n) => (i(), f($t, V({
       class: e.value,
       disabled: r.disabled
     }, s), {
@@ -1151,10 +1161,10 @@ const vt = se(Hr), bt = /* @__PURE__ */ h({
     }, 16, ["class", "disabled"]));
   }
 });
-function Mr(t) {
+function Er(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const yt = /* @__PURE__ */ h({
+const wt = /* @__PURE__ */ h({
   __name: "HeadlessSelectValue",
   setup(t) {
     const s = I(
@@ -1174,28 +1184,28 @@ const yt = /* @__PURE__ */ h({
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), $t = /* @__PURE__ */ h({
+}), _t = /* @__PURE__ */ h({
   __name: "HeadlessSelectTrigger",
   setup(t) {
     const s = I(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), f(l($s), {
+    return (e, r) => (i(), f(l(_s), {
       id: l(s).id
     }, {
       default: m(() => [
         w(e.$slots, "default", {}, () => [
-          d(yt, {
+          d(wt, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(ws))
+          d(l(Cs))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), wt = /* @__PURE__ */ h({
+}), Ct = /* @__PURE__ */ h({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1213,12 +1223,12 @@ const yt = /* @__PURE__ */ h({
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
       return r ? r.label : B(t.value);
     });
-    return (r, n) => (i(), f(l(_s), ue(ce(r.$props)), {
+    return (r, n) => (i(), f(l(xs), ue(ce(r.$props)), {
       default: m(() => [
-        d(l(xs), null, {
+        d(l(ks), null, {
           default: m(() => [
             w(r.$slots, "default", {}, () => [
-              L(x(e.value), 1)
+              L(C(e.value), 1)
             ])
           ]),
           _: 3
@@ -1227,7 +1237,7 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), _t = /* @__PURE__ */ h({
+}), xt = /* @__PURE__ */ h({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
@@ -1237,23 +1247,23 @@ const yt = /* @__PURE__ */ h({
     const s = I(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => M("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (i(), f(l(Cs), null, {
+    ), e = c(() => H("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), f(l(Ss), null, {
       default: m(() => [
-        d(l(ks), {
+        d(l(Ts), {
           position: "popper",
-          class: C(e.value),
+          class: x(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
           default: m(() => [
-            d(l(Ss), {
-              class: C(r.innerClass)
+            d(l(Ms), {
+              class: x(r.innerClass)
             }, {
               default: m(() => [
                 w(r.$slots, "default", {}, () => [
-                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(wt, {
+                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(Ct, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1268,7 +1278,7 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Vr = /* @__PURE__ */ h({
+}), Lr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1290,7 +1300,7 @@ const yt = /* @__PURE__ */ h({
   setup(t, { expose: s, emit: e }) {
     const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
       key: oe(),
-      label: t.renderOption ? t.renderOption(v) : Mr(v) ? ts(v.label) : B(v),
+      label: t.renderOption ? t.renderOption(v) : Er(v) ? rs(v.label) : B(v),
       value: v
     })) : null), g = {
       labelClass: t.labelClass,
@@ -1324,7 +1334,7 @@ const yt = /* @__PURE__ */ h({
     function $(v) {
       g.update(v);
     }
-    return de("select", g), s(g), (v, S) => (i(), f(l(Ts), {
+    return de("select", g), s(g), (v, S) => (i(), f(l(Hs), {
       "model-value": u.value,
       by: v.compareOptions,
       "onUpdate:modelValue": S[0] || (S[0] = (q) => $(q))
@@ -1336,8 +1346,8 @@ const yt = /* @__PURE__ */ h({
               modelValue: v.modelValue,
               open: q
             }, () => [
-              d($t),
-              d(_t)
+              d(_t),
+              d(xt)
             ])
           ]),
           _: 2
@@ -1346,7 +1356,7 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Ze = /* @__PURE__ */ h({
+}), Xe = /* @__PURE__ */ h({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
@@ -1357,39 +1367,39 @@ const yt = /* @__PURE__ */ h({
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
     ), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), f(l(Hs), V({
+    return (n, a) => r.value ? (i(), f(l(Vs), V({
       key: 0,
       for: l(s).id
     }, n.$props), {
       default: m(() => [
         w(n.$slots, "default", {}, () => [
-          L(x(l(s).label), 1)
+          L(C(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : H("", !0);
+    }, 16, ["for"])) : M("", !0);
   }
-}), xt = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ h({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => M("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (i(), f(Ze, {
+    const s = I("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => H("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (i(), f(Xe, {
       key: 0,
-      class: C(e.value)
+      class: x(e.value)
     }, {
       default: m(() => [
         w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), f(Ze, {
+    }, 8, ["class"])) : (i(), f(Xe, {
       key: 1,
-      class: C(e.value)
+      class: x(e.value)
     }, null, 8, ["class"]));
   }
-}), Xe = /* @__PURE__ */ h({
+}), Ge = /* @__PURE__ */ h({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1397,18 +1407,18 @@ const yt = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
+    const s = c(() => H("group p-1 outline-none", t.class)), e = c(() => H(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (i(), f(wt, {
-      class: C(s.value),
+    return (r, n) => (i(), f(Ct, {
+      class: x(s.value),
       value: r.value
     }, {
       default: m(() => [
         b("div", {
-          class: C(e.value)
+          class: x(e.value)
         }, [
           w(r.$slots, "default")
         ], 2)
@@ -1416,19 +1426,19 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), Ct = /* @__PURE__ */ h({
+}), St = /* @__PURE__ */ h({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => M(
+    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => H(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (i(), f(_t, {
-      class: C(e.value)
+    return (r, n) => (i(), f(xt, {
+      class: x(e.value)
     }, {
       default: m(() => {
         var a;
@@ -1436,23 +1446,23 @@ const yt = /* @__PURE__ */ h({
           (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
             var u;
             return [
-              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), f(Xe, {
+              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), f(Ge, {
                 key: o.key,
                 value: o.value
               }, {
                 default: m(() => [
-                  L(x(o.label), 1)
+                  L(C(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
           }) : w(r.$slots, "default", { key: 1 }, () => [
-            d(Xe, {
+            d(Ge, {
               disabled: "",
               value: null
             }, {
               default: m(() => [
-                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
+                L(C(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1462,42 +1472,42 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"]));
   }
-}), Er = {
+}), Rr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Lr(t, s) {
-  return i(), y("svg", Er, s[0] || (s[0] = [
+function zr(t, s) {
+  return i(), y("svg", Rr, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__ */ h({
+const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__ */ h({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
+    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => H(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (i(), f($t, {
-      class: C(e.value)
+    return (r, n) => (i(), f(_t, {
+      class: x(e.value)
     }, {
       default: m(() => [
-        d(yt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        d(l(Rr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+        d(wt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d(l(Ir), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), zr = /* @__PURE__ */ h({
+}), qr = /* @__PURE__ */ h({
   __name: "Select",
   props: {
     as: {},
@@ -1516,21 +1526,21 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = qe();
-    return (e, r) => (i(), f(Vr, V({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Ie();
+    return (e, r) => (i(), f(Lr, V({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: m(() => [
-        d(xt),
+        d(kt),
         w(e.$slots, "default", {}, () => [
-          d(kt),
-          d(Ct)
+          d(Tt),
+          d(St)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Ir = { class: "grow" }, qr = /* @__PURE__ */ h({
+}), Ar = { class: "grow" }, Pr = /* @__PURE__ */ h({
   __name: "Language",
   setup(t) {
     const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
@@ -1539,7 +1549,7 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
         locale: j.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), f(zr, {
+    return (n, a) => (i(), f(qr, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
@@ -1548,10 +1558,10 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
       "render-option": r
     }, {
       default: m(() => [
-        b("div", Ir, [
-          d(xt, { class: "text-base font-semibold" }, {
+        b("div", Ar, [
+          d(kt, { class: "text-base font-semibold" }, {
             default: m(() => [
-              L(x(n.$td("settings.locale", "Language")), 1)
+              L(C(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
@@ -1563,25 +1573,25 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
         ]),
         d(R, {
           variant: "ghost",
-          as: kt,
+          as: Tt,
           class: "grid w-auto outline-none"
         }),
-        d(Ct)
+        d(St)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Ar = [
+}), Dr = [
   {
     priority: 100,
-    component: qr
+    component: Pr
   }
-], Pr = { $lang: Z }, Dr = {
+], jr = { $lang: Z }, Br = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = gt), t.config.globalProperties.$td = k, Ar.forEach((e) => A.addSetting(e)), await ke(t, Pr);
+    (s = t.config.globalProperties).$t ?? (s.$t = bt), t.config.globalProperties.$td = k, Dr.forEach((e) => A.addSetting(e)), await ke(t, jr);
   }
-}, jr = /* @__PURE__ */ h({
+}, Fr = /* @__PURE__ */ h({
   __name: "Markdown",
   props: {
     as: {},
@@ -1593,12 +1603,12 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = Ye(), e = Re(), r = c(() => e.default ? e.default().map(ot).join("") : t.text ?? (t.langKey && (t.langDefault ? k(t.langKey, t.langDefault, t.langParams ?? {}) : gt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = et(), e = Re(), r = c(() => e.default ? e.default().map(ct).join("") : t.text ?? (t.langKey && (t.langDefault ? k(t.langKey, t.langDefault, t.langParams ?? {}) : bt(t.langKey, t.langParams ?? {})))), n = c(() => {
       if (!r.value)
         return null;
-      let o = fr(r.value);
+      let o = gr(r.value);
       return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => Bt(t.as ?? (t.inline ? "span" : "div"), {
+    }), a = () => Ut(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: u,
       ...s,
@@ -1612,19 +1622,19 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
         return;
       }
       if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
-        const v = mr();
+        const v = hr();
         v && (o.preventDefault(), v.visit(p.dataset.markdownRoute));
         return;
       }
     }
     return (o, p) => (i(), f(a));
   }
-}), Br = (t, s) => {
+}), Ur = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, z = /* @__PURE__ */ Br(jr, [["__scopeId", "data-v-8b211cfb"]]), Fr = { class: "flex-grow" }, Ur = ["id"], Or = /* @__PURE__ */ h({
+}, z = /* @__PURE__ */ Ur(Fr, [["__scopeId", "data-v-8b211cfb"]]), Or = { class: "flex-grow" }, Nr = ["id"], Wr = /* @__PURE__ */ h({
   __name: "Setting",
   props: {
     title: {},
@@ -1634,29 +1644,29 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
+    const s = c(() => H(t.class, "flex flex-col justify-center gap-1"));
     return (e, r) => (i(), y("div", {
-      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+      class: x(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      b("div", Fr, [
+      b("div", Or, [
         b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Ur),
+        }, C(e.title), 9, Nr),
         e.description ? (i(), f(z, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : H("", !0)
+        }, null, 8, ["text"])) : M("", !0)
       ]),
       b("div", {
-        class: C(s.value)
+        class: x(s.value)
       }, [
         w(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Nr = ["for"], Wr = /* @__PURE__ */ h({
+}), Kr = ["for"], Qr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1693,14 +1703,14 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     return s(u), G(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
     }), (o, p) => (i(), y("div", {
-      class: C(t.class)
+      class: x(t.class)
     }, [
       o.label ? (i(), y("label", {
         key: 0,
         for: u.id,
-        class: C(o.labelClass)
-      }, x(o.label), 11, Nr)) : H("", !0),
-      d(l(Ms), V({
+        class: x(o.labelClass)
+      }, C(o.label), 11, Kr)) : M("", !0),
+      d(l(Es), V({
         id: u.id,
         name: o.name,
         "model-value": u.value.value
@@ -1709,33 +1719,33 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
         "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
       }), {
         default: m(() => [
-          d(l(Vs), {
-            class: C(o.thumbClass)
+          d(l(Ls), {
+            class: x(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Kr = /* @__PURE__ */ h({
+}), Jr = /* @__PURE__ */ h({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (i(), f(Wr, {
+    return (s, e) => (i(), f(Qr, {
       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"
     }));
   }
-}), Qr = /* @__PURE__ */ h({
+}), Zr = /* @__PURE__ */ h({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (i(), f(Or, {
+    return (s, e) => (i(), f(Wr, {
       "title-id": "debug-setting",
       title: s.$td("settings.debug", "Debugging"),
       description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
     }, {
       default: m(() => [
-        d(Kr, {
+        d(Jr, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1744,55 +1754,55 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Jr = [
+}), Xr = [
   {
     priority: 10,
-    component: Qr
+    component: Zr
   }
-], St = [];
-function Rl(t) {
-  St.push(t);
+], Mt = [];
+function Il(t) {
+  Mt.push(t);
 }
-function Tt(t) {
-  for (const s of St) {
+function Ht(t) {
+  for (const s of Mt) {
     const e = s(t);
     if (e)
       return e;
   }
   return typeof t == "string" ? t : t instanceof Error || t instanceof _e ? t.message : fe(t) ? B(t.message ?? t.description ?? "Unknown error object") : k("errors.unknown", "Unknown Error");
 }
-class Ge extends _e {
+class Ye extends _e {
 }
-const Zr = { $errors: vt }, Xr = (t) => (vt.report(t), !0);
-function Gr(t, s = () => !1) {
-  const e = (r) => s(r) || Xr(r);
+const Gr = { $errors: yt }, Yr = (t) => (yt.report(t), !0);
+function en(t, s = () => !1) {
+  const e = (r) => s(r) || Yr(r);
   t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const Yr = {
+const tn = {
   async install(t, s) {
-    Gr(t, s.handleError), Jr.forEach((e) => A.addSetting(e)), await ke(t, Zr);
+    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Gr);
   }
-}, en = {
+}, sn = {
   async install() {
     ze() && (globalThis.testingRuntime = {
       on: (...t) => F.on(...t),
       service: (t) => A.service(t)
     });
   }
-}, tn = {
+}, rn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function sn(t, s) {
-  return i(), y("svg", tn, s[0] || (s[0] = [
+function nn(t, s) {
+  return i(), y("svg", rn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
+const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1802,22 +1812,18 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(null), r = Ie({ removeOnClose: !1 });
+    const e = N(null), { close: r } = Pe();
     s({ $content: e });
-    const { forwardRef: n } = qe();
-    de("$modalContentRef", e);
-    async function a(u) {
-      r.close(u), await le(1e3), r.remove();
-    }
-    return (u, o) => (i(), f(l(Es), {
+    const { forwardRef: n } = Ie();
+    return de("$modalContentRef", e), (a, u) => (i(), f(l(Rs), {
       ref: l(n),
       open: "",
-      "onUpdate:open": o[0] || (o[0] = (p) => u.persistent || a())
+      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
     }, {
       default: m(() => [
-        d(l(Ls), null, {
+        d(l(zs), null, {
           default: m(() => [
-            w(u.$slots, "default", { close: a })
+            w(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1825,36 +1831,36 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), an = /* @__PURE__ */ h({
+}), on = /* @__PURE__ */ h({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Ie(), e = sr("$modalContentRef"), r = ee("$contentRef");
-    return G(() => e.value = r.value), (n, a) => (i(), f(l(Rs), { ref: "$contentRef" }, {
+    const { child: s } = Pe(), e = nr("$modalContentRef"), r = ee("$contentRef");
+    return G(() => e.value = r.value), (n, a) => (i(), f(l(Is), { ref: "$contentRef" }, {
       default: m(() => [
         w(n.$slots, "default"),
-        l(s) ? (i(), f(l(ms), {
+        l(s) ? (i(), f(l(gs), {
           key: 0,
           is: l(s)
-        }, null, 8, ["is"])) : H("", !0)
+        }, null, 8, ["is"])) : M("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), ln = /* @__PURE__ */ h({
+}), un = /* @__PURE__ */ h({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(zs), ue(ce(s.$props)), {
+    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
       default: m(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), on = /* @__PURE__ */ h({
+}), cn = /* @__PURE__ */ h({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1862,31 +1868,31 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(Is), ue(ce(s.$props)), {
+    return (s, e) => (i(), f(l(As), ue(ce(s.$props)), {
       default: m(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), un = /* @__PURE__ */ h({
+}), dn = /* @__PURE__ */ h({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
+    return (s, e) => (i(), f(l(Ps), ue(ce(s.$props)), {
       default: m(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), cn = {
+}), pn = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, dn = ["onClick"], pn = { class: "sr-only" }, He = ur(), re = /* @__PURE__ */ h({
+}, mn = ["onClick"], fn = { class: "sr-only" }, Me = dr(), re = /* @__PURE__ */ h({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1906,15 +1912,15 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
         return (T = o.value) == null ? void 0 : T.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = qe(), { id: a, visible: u } = Ie(), o = n, p = fs(), g = c(
+    const { forwardRef: r, currentRef: n } = Ie(), { id: a, visible: u } = Pe(), o = n, p = ot(), g = c(
       () => {
         var T;
         return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
       }
-    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => He.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => M("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => M(
+    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => Me.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => H("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => H(
       "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
       "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
-      He.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+      Me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
       "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
       {
         "scale-50 opacity-0": !g.value,
@@ -1922,35 +1928,35 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
       },
       t.wrapperClass
     ));
-    return et(() => le(500).then(() => He.add(p.value))), (T, Be) => (i(), f(nn, V(e, {
+    return tt(() => le(500).then(() => Me.add(p.value))), (T, Be) => (i(), f(ln, V(e, {
       ref: (me) => l(r)(me),
       persistent: T.persistent
     }), {
       default: m(({ close: me }) => {
         var Fe, Ue;
         return [
-          d(on, {
-            class: C(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+          d(cn, {
+            class: x(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
               "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
               "bg-black/30": ((Fe = $.value) == null ? void 0 : Fe.id) === l(a) || !$.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
               "opacity-0": !$.value
             }])
           }, null, 8, ["class"]),
-          d(an, V(S.value, { class: pe.value }), {
+          d(on, V(S.value, { class: pe.value }), {
             default: m(() => [
-              !T.persistent && !T.closeHidden ? (i(), y("div", cn, [
+              !T.persistent && !T.closeHidden ? (i(), y("div", pn, [
                 b("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (al) => me()
+                  onClick: (il) => me()
                 }, [
-                  b("span", pn, x(T.$td("ui.close", "Close")), 1),
-                  d(l(rn), { class: "size-4" })
-                ], 8, dn)
-              ])) : H("", !0),
-              T.title ? (i(), f(un, {
+                  b("span", fn, C(T.$td("ui.close", "Close")), 1),
+                  d(l(an), { class: "size-4" })
+                ], 8, mn)
+              ])) : M("", !0),
+              T.title ? (i(), f(dn, {
                 key: 1,
-                class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                class: x(["px-4 pt-5 text-base font-semibold text-gray-900", {
                   "sr-only": T.titleHidden,
                   "pb-0": T.description && !T.descriptionHidden,
                   "pb-2": !T.description || T.descriptionHidden
@@ -1963,10 +1969,10 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : H("", !0),
-              T.description ? (i(), f(ln, {
+              }, 8, ["class"])) : M("", !0),
+              T.description ? (i(), f(un, {
                 key: 2,
-                class: C(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: x(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
               }, {
                 default: m(() => [
                   d(z, {
@@ -1975,9 +1981,9 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : H("", !0),
+              }, 8, ["class"])) : M("", !0),
               b("div", {
-                class: C(q.value)
+                class: x(q.value)
               }, [
                 w(T.$slots, "default", { close: me })
               ], 2)
@@ -1990,18 +1996,18 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
     }, 16, ["persistent"]));
   }
 });
-function mn(t) {
+function hn(t) {
   const s = c(() => t.title ?? k("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const fn = /* @__PURE__ */ h({
+const gn = /* @__PURE__ */ h({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = mn(e);
+    const e = t, { renderedTitle: r, titleHidden: n } = hn(e);
     return s(), (a, u) => (i(), f(re, {
       title: l(r),
       "title-hidden": l(n)
@@ -2012,7 +2018,7 @@ const fn = /* @__PURE__ */ h({
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Ht = /* @__PURE__ */ h({
+}), Vt = /* @__PURE__ */ h({
   __name: "Form",
   props: {
     form: {}
@@ -2025,14 +2031,14 @@ const fn = /* @__PURE__ */ h({
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
     }), de("form", t.form), (n, a) => (i(), y("form", {
-      onSubmit: a[0] || (a[0] = tt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
+      onSubmit: a[0] || (a[0] = st((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
       w(n.$slots, "default")
     ], 32));
   }
 });
-function hn(t) {
-  const s = dt(
+function vn(t) {
+  const s = mt(
     Object.entries(t.checkboxes ?? {}).reduce(
       (u, [o, p]) => ({
         [o]: {
@@ -2047,10 +2053,10 @@ function hn(t) {
   ), e = c(() => t.title ?? k("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const gn = {
+const bn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, vn = { class: "flex items-center" }, bn = ["onUpdate:modelValue", "required"], yn = { class: "ml-1.5" }, $n = { class: "mt-4 flex flex-row-reverse gap-2" }, wn = /* @__PURE__ */ h({
+}, yn = { class: "flex items-center" }, $n = ["onUpdate:modelValue", "required"], wn = { class: "ml-1.5" }, _n = { class: "mt-4 flex flex-row-reverse gap-2" }, Cn = /* @__PURE__ */ h({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2065,14 +2071,14 @@ const gn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = hn(e);
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = vn(e);
     return s(), (p, g) => (i(), f(re, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
       default: m(({ close: $ }) => [
-        d(Ht, {
+        d(Vt, {
           form: l(r),
           onSubmit: (v) => $([!0, l(r).data()])
         }, {
@@ -2081,38 +2087,38 @@ const gn = {
               text: p.message,
               actions: p.actions
             }, null, 8, ["text", "actions"]),
-            p.checkboxes ? (i(), y("ul", gn, [
+            p.checkboxes ? (i(), y("ul", bn, [
               (i(!0), y(D, null, U(p.checkboxes, (v, S) => (i(), y("li", { key: S }, [
-                b("label", vn, [
-                  st(b("input", {
+                b("label", yn, [
+                  rt(b("input", {
                     "onUpdate:modelValue": (q) => l(r)[S] = q,
                     type: "checkbox",
                     required: v.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
-                  }, null, 8, bn), [
-                    [Ft, l(r)[S]]
+                  }, null, 8, $n), [
+                    [Ot, l(r)[S]]
                   ]),
-                  b("span", yn, x(v.label), 1)
+                  b("span", wn, C(v.label), 1)
                 ])
               ]))), 128))
-            ])) : H("", !0),
-            b("div", $n, [
+            ])) : M("", !0),
+            b("div", _n, [
               d(R, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: m(() => [
-                  L(x(l(u)), 1)
+                  L(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? H("", !0) : (i(), f(R, {
+              p.required ? M("", !0) : (i(), f(R, {
                 key: 0,
                 variant: p.cancelVariant,
                 onClick: (v) => $(!1)
               }, {
                 default: m(() => [
-                  L(x(l(o)), 1)
+                  L(C(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2124,85 +2130,85 @@ const gn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), _n = {
+}), xn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function xn(t, s) {
-  return i(), y("svg", _n, s[0] || (s[0] = [
+function kn(t, s) {
+  return i(), y("svg", xn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const Cn = E({ name: "zondicons-cheveron-left", render: xn }), kn = {
+const Sn = E({ name: "zondicons-cheveron-left", render: kn }), Tn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Sn(t, s) {
-  return i(), y("svg", kn, s[0] || (s[0] = [
+function Mn(t, s) {
+  return i(), y("svg", Tn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
     }, null, -1)
   ]));
 }
-const Mt = E({ name: "zondicons-cheveron-right", render: Sn }), Tn = {
+const Et = E({ name: "zondicons-cheveron-right", render: Mn }), Hn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Hn(t, s) {
-  return i(), y("svg", Tn, s[0] || (s[0] = [
+function Vn(t, s) {
+  return i(), y("svg", Hn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const De = E({ name: "zondicons-exclamation-solid", render: Hn }), Mn = {
+const De = E({ name: "zondicons-exclamation-solid", render: Vn }), En = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Vn(t, s) {
-  return i(), y("svg", Mn, s[0] || (s[0] = [
+function Ln(t, s) {
+  return i(), y("svg", En, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const En = E({ name: "mdi-console", render: Vn }), Ln = {
+const Rn = E({ name: "mdi-console", render: Ln }), zn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Rn(t, s) {
-  return i(), y("svg", Ln, s[0] || (s[0] = [
+function In(t, s) {
+  return i(), y("svg", zn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const zn = E({ name: "zondicons-copy", render: Rn }), In = {
+const qn = E({ name: "zondicons-copy", render: In }), An = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function qn(t, s) {
-  return i(), y("svg", In, s[0] || (s[0] = [
+function Pn(t, s) {
+  return i(), y("svg", An, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const An = E({ name: "mdi-github", render: qn }), Pn = { class: "flex" }, Dn = { class: "sr-only" }, jn = /* @__PURE__ */ h({
+const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ h({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
@@ -2217,7 +2223,7 @@ const An = E({ name: "mdi-github", render: qn }), Pn = { class: "flex" }, Dn = {
           "",
           "Error details:",
           "```",
-          ss(
+          ns(
             s.report.details ?? "Details missing from report",
             1800 - a.length - A.sourceUrl.length
           ).trim(),
@@ -2231,7 +2237,7 @@ const An = E({ name: "mdi-github", render: qn }), Pn = { class: "flex" }, Dn = {
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: zn,
+          iconComponent: qn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
@@ -2241,7 +2247,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
         {
           id: "console",
           description: "Log to console",
-          iconComponent: En,
+          iconComponent: Rn,
           click() {
             const a = s.report.error ?? s.report;
             window.error = a, console.error(a), P.toast(
@@ -2257,12 +2263,12 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: An,
+          iconComponent: Dn,
           url: r.value
         });
       }
     ));
-    return (a, u) => (i(), y("div", Pn, [
+    return (a, u) => (i(), y("div", jn, [
       (i(!0), y(D, null, U(n.value, (o) => w(a.$slots, "default", V({ ref_for: !0 }, o), () => [
         d(R, {
           size: "icon",
@@ -2273,7 +2279,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
           onClick: o.click
         }, {
           default: m(() => [
-            b("span", Dn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            b("span", Bn, C(a.$td(`errors.report_${o.id}`, o.description)), 1),
             (i(), f(Y(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
@@ -2284,7 +2290,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Bn = /* @__PURE__ */ h({
+}), Un = /* @__PURE__ */ h({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2299,7 +2305,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
     }, null, 8, ["text"]));
   }
 });
-function Fn(t) {
+function On(t) {
   const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
     () => {
       var u;
@@ -2314,17 +2320,17 @@ function Fn(t) {
     activeReport: e
   };
 }
-const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-4" }, Nn = { class: "flex items-center gap-2" }, Wn = {
+const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-4" }, Kn = { class: "flex items-center gap-2" }, Qn = {
   key: 0,
   class: "flex gap-0.5"
-}, Kn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Qn = ["textContent"], Jn = /* @__PURE__ */ h({
+}, Jn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Zn = ["textContent"], Xn = /* @__PURE__ */ h({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = Fn(e);
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = On(e);
     return s(), (p, g) => (i(), f(re, {
       title: p.$td("errors.report", "Error report"),
       "title-hidden": "",
@@ -2333,17 +2339,17 @@ const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
       default: m(() => [
-        b("div", Un, [
-          b("h2", On, [
-            b("div", Nn, [
+        b("div", Nn, [
+          b("h2", Wn, [
+            b("div", Kn, [
               d(l(De), { class: "size-5 text-red-600" }),
-              d(Bn, {
+              d(Un, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
                 report: l(o),
                 "current-report": l(r) + 1,
                 "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              p.reports.length > 1 ? (i(), y("span", Wn, [
+              p.reports.length > 1 ? (i(), y("span", Qn, [
                 d(R, {
                   size: "icon",
                   variant: "ghost",
@@ -2353,7 +2359,7 @@ const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-
                   onClick: g[0] || (g[0] = ($) => r.value--)
                 }, {
                   default: m(() => [
-                    d(l(Cn), { class: "size-4" })
+                    d(l(Sn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
@@ -2366,13 +2372,13 @@ const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-
                   onClick: g[1] || (g[1] = ($) => r.value++)
                 }, {
                   default: m(() => [
-                    d(l(Mt), { class: "size-4" })
+                    d(l(Et), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : H("", !0)
+              ])) : M("", !0)
             ]),
-            d(jn, {
+            d(Fn, {
               report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
@@ -2381,25 +2387,25 @@ const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-
             key: 0,
             text: l(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : H("", !0)
+          }, null, 8, ["text"])) : M("", !0)
         ]),
-        b("div", Kn, [
+        b("div", Jn, [
           b("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: x(l(n))
-          }, null, 8, Qn)
+            textContent: C(l(n))
+          }, null, 8, Zn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Zn = {
+}), Gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Xn(t, s) {
-  return i(), y("svg", Zn, s[0] || (s[0] = [
+function Yn(t, s) {
+  return i(), y("svg", Gn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
@@ -2419,7 +2425,7 @@ function Xn(t, s) {
     ], -1)
   ]));
 }
-const Gn = E({ name: "svg-spinners-90-ring-with-bg", render: Xn }), Yn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, ea = { class: "sr-only" }, ta = /* @__PURE__ */ h({
+const ea = E({ name: "svg-spinners-90-ring-with-bg", render: Yn }), ta = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, sa = { class: "sr-only" }, ra = /* @__PURE__ */ h({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2428,31 +2434,31 @@ const Gn = E({ name: "svg-spinners-90-ring-with-bg", render: Xn }), Yn = { class
   },
   setup(t) {
     let s;
-    const e = N(0), r = c(() => M("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
+    const e = N(0), r = c(() => H("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
     return Le(
       () => t.job,
       () => {
         s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
       },
       { immediate: !0 }
-    ), $e(() => s && s()), (a, u) => (i(), y("div", Yn, [
+    ), $e(() => s && s()), (a, u) => (i(), y("div", ta, [
       b("div", {
-        class: C(r.value),
-        style: Ut(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        class: x(r.value),
+        style: Nt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      b("span", ea, x(a.$td("ui.progress", "{progress}% complete", {
+      b("span", sa, C(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function sa(t) {
+function na(t) {
   const s = c(() => t.title ?? k("ui.loading", "Loading")), e = c(
     () => t.message ?? k("ui.loadingInProgress", "Loading in progress...")
   ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const ra = /* @__PURE__ */ h({
+const aa = /* @__PURE__ */ h({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2461,21 +2467,21 @@ const ra = /* @__PURE__ */ h({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = sa(e);
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = na(e);
     return s(), (o, p) => (i(), f(re, {
       persistent: "",
-      class: C(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
+      class: x(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
       title: l(r),
       "title-hidden": l(a)
     }, {
       default: m(() => [
-        l(u) ? (i(), f(ta, {
+        l(u) ? (i(), f(ra, {
           key: 0,
           progress: o.progress,
           job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (i(), f(l(Gn), {
+        }, null, 8, ["progress", "job"])) : (i(), f(l(ea), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
@@ -2521,7 +2527,7 @@ const ra = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), na = ["for"], be = /* @__PURE__ */ h({
+}), la = ["for"], be = /* @__PURE__ */ h({
   __name: "HeadlessInputLabel",
   setup(t) {
     const s = I("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Re(), r = c(() => !!(s.label || e.default));
@@ -2530,11 +2536,11 @@ const ra = /* @__PURE__ */ h({
       for: l(s).id
     }, [
       w(n.$slots, "default", {}, () => [
-        L(x(l(s).label), 1)
+        L(C(l(s).label), 1)
       ])
-    ], 8, na)) : H("", !0);
+    ], 8, la)) : M("", !0);
   }
-}), aa = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Vt = /* @__PURE__ */ h({
+}), ia = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Lt = /* @__PURE__ */ h({
   __name: "HeadlessInputInput",
   props: {
     type: {}
@@ -2564,7 +2570,7 @@ const ra = /* @__PURE__ */ h({
           return s.value.value;
       }
     }
-    return ct(e, () => {
+    return pt(e, () => {
       var $;
       return ($ = s.value) == null ? void 0 : $.focus();
     }), G(() => {
@@ -2585,9 +2591,9 @@ const ra = /* @__PURE__ */ h({
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: p
-    }, null, 40, aa));
+    }, null, 40, ia));
   }
-}), Et = /* @__PURE__ */ h({
+}), Rt = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
@@ -2601,22 +2607,22 @@ const ra = /* @__PURE__ */ h({
       r.value ? (i(), f(z, V({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : H("", !0)
+      }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), la = ["id"], ye = /* @__PURE__ */ h({
+}), oa = ["id"], ye = /* @__PURE__ */ h({
   __name: "HeadlessInputError",
   setup(t) {
     const s = I("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? k(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
     return (r, n) => e.value ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, la)) : H("", !0);
+    }, C(e.value), 9, oa)) : M("", !0);
   }
-}), ia = {
+}), ua = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, oa = /* @__PURE__ */ h({
+}, ca = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2629,9 +2635,9 @@ const ra = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
       var o, p, g;
-      return M(
+      return H(
         // 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",
         {
@@ -2654,14 +2660,14 @@ const ra = /* @__PURE__ */ h({
         return [
           d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: C(a.value)
+            class: x(a.value)
           }, [
-            d(Vt, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ia, [
+            d(Lt, V(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", ua, [
               d(l(De), { class: "size-5 text-red-500" })
-            ])) : H("", !0)
+            ])) : M("", !0)
           ], 2),
-          d(Et, { class: "mt-2 text-sm text-gray-600" }),
+          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
           d(ye, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
@@ -2669,21 +2675,21 @@ const ra = /* @__PURE__ */ h({
     }, 16, ["label", "class"]));
   }
 });
-function zl(t, s = {}) {
+function ql(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Il(t, s = {}) {
+function Al(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function ql(t, s, e = {}) {
+function Pl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2691,21 +2697,21 @@ function ql(t, s, e = {}) {
     values: t
   };
 }
-function Al(t) {
+function Dl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Pl(t) {
+function jl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Dl(t, s) {
+function Bl(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2713,55 +2719,55 @@ function Dl(t, s) {
     values: t
   };
 }
-function jl(t) {
+function Fl(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Bl(t) {
+function Ul(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function ua(t) {
+function da(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Fl(t, s = {}) {
+function Ol(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Ul(t, s = {}) {
+function Nl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Ol(t, s = {}) {
+function Wl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function ca(t) {
-  const s = dt({
-    draft: ua(t.defaultValue ?? "")
+function pa(t) {
+  const s = mt({
+    draft: da(t.defaultValue ?? "")
   }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h({
+const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2776,13 +2782,13 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = ca(e);
+    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = pa(e);
     return s(), (p, g) => (i(), f(re, {
       title: l(n),
       persistent: ""
     }, {
       default: m(({ close: $ }) => [
-        d(Ht, {
+        d(Vt, {
           form: l(r),
           onSubmit: (v) => $(l(r).draft)
         }, {
@@ -2790,20 +2796,20 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
             l(a) ? (i(), f(z, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : H("", !0),
-            d(oa, {
+            }, null, 8, ["text"])) : M("", !0),
+            d(ca, {
               name: "draft",
               class: "mt-2",
               placeholder: p.placeholder,
               label: p.label
             }, null, 8, ["placeholder", "label"]),
-            b("div", da, [
+            b("div", ma, [
               d(R, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: m(() => [
-                  L(x(l(u)), 1)
+                  L(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
@@ -2812,7 +2818,7 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
                 onClick: (v) => $()
               }, {
                 default: m(() => [
-                  L(x(l(o)), 1)
+                  L(C(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2824,59 +2830,59 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), ma = {
+}), ha = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function fa(t, s) {
-  return i(), y("svg", ma, s[0] || (s[0] = [
+function ga(t, s) {
+  return i(), y("svg", ha, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
     }, null, -1)
   ]));
 }
-const ha = E({ name: "material-symbols-bug-report", render: fa }), ga = {
+const va = E({ name: "material-symbols-bug-report", render: ga }), ba = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function va(t, s) {
-  return i(), y("svg", ga, s[0] || (s[0] = [
+function ya(t, s) {
+  return i(), y("svg", ba, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
     }, null, -1)
   ]));
 }
-const ba = E({ name: "material-symbols-delete-forever-rounded", render: va }), ya = {
+const $a = E({ name: "material-symbols-delete-forever-rounded", render: ya }), wa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function $a(t, s) {
-  return i(), y("svg", ya, s[0] || (s[0] = [
+function _a(t, s) {
+  return i(), y("svg", wa, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
     }, null, -1)
   ]));
 }
-const wa = E({ name: "material-symbols-frame-inspect", render: $a }), _a = {
+const Ca = E({ name: "material-symbols-frame-inspect", render: _a }), xa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function xa(t, s) {
-  return i(), y("svg", _a, s[0] || (s[0] = [
+function ka(t, s) {
+  return i(), y("svg", xa, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
     }, null, -1)
   ]));
 }
-const Ca = E({ name: "material-symbols-refresh-rounded", render: xa }), ka = { class: "grid grow place-items-center" }, Sa = { class: "flex flex-col items-center p-8" }, Ta = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Ha = { 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" }, Ma = /* @__PURE__ */ h({
+const Sa = E({ name: "material-symbols-refresh-rounded", render: ka }), Ta = { class: "grid grow place-items-center" }, Ma = { class: "flex flex-col items-center p-8" }, Ha = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Va = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ea = /* @__PURE__ */ h({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
@@ -2892,14 +2898,14 @@ Do you still want to proceed?`
           acceptVariant: "danger",
           acceptText: k("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await mt.purge(), await A.reload());
+      ) && (await ht.purge(), await A.reload());
     }
     return (e, r) => {
-      const n = Ot("i-majesticons-exclamation");
-      return i(), y("div", ka, [
-        b("div", Sa, [
+      const n = Wt("i-majesticons-exclamation");
+      return i(), y("div", Ta, [
+        b("div", Ma, [
           d(n, { class: "size-20 text-red-600" }),
-          b("h1", Ta, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          b("h1", Ha, C(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
           d(z, {
             text: e.$td(
               "startupCrash.message",
@@ -2907,14 +2913,14 @@ Do you still want to proceed?`
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          b("div", Ha, [
+          b("div", Va, [
             d(R, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
               default: m(() => [
-                d(l(Ca)),
-                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+                d(l(Sa)),
+                L(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
@@ -2923,8 +2929,8 @@ Do you still want to proceed?`
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
               default: m(() => [
-                d(l(ha)),
-                L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+                d(l(va)),
+                L(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
@@ -2933,8 +2939,8 @@ Do you still want to proceed?`
               onClick: r[2] || (r[2] = (a) => s())
             }, {
               default: m(() => [
-                d(l(ba)),
-                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+                d(l($a)),
+                L(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
@@ -2943,8 +2949,8 @@ Do you still want to proceed?`
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
               default: m(() => [
-                d(l(wa)),
-                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+                d(l(Ca)),
+                L(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2953,23 +2959,23 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), Lt = /* @__PURE__ */ h({
+}), zt = /* @__PURE__ */ h({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(Y(s.action.dismiss ? l(As) : "button"), {
+    return (s, e) => (i(), f(Y(s.action.dismiss ? l(Ds) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
       default: m(() => [
-        L(x(s.action.label), 1)
+        L(C(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), Va = { key: 0 }, Ea = /* @__PURE__ */ h({
+}), La = { key: 0 }, Ra = /* @__PURE__ */ h({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2977,11 +2983,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(Ps), null, {
+    return (s, e) => (i(), f(l(js), null, {
       default: m(() => [
         w(s.$slots, "default", {}, () => [
-          s.message ? (i(), y("span", Va, x(s.message), 1)) : H("", !0),
-          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(Lt, {
+          s.message ? (i(), y("span", La, C(s.message), 1)) : M("", !0),
+          (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(zt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2990,7 +2996,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), La = /* @__PURE__ */ h({
+}), za = /* @__PURE__ */ h({
   __name: "Toast",
   props: {
     message: {},
@@ -2999,7 +3005,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => ut(
+    const e = c(() => dt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -3014,85 +3020,85 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (i(), f(Ea, {
-      class: C(e.value)
+    return s(), (r, n) => (i(), f(Ra, {
+      class: x(e.value)
     }, {
       default: m(() => [
         r.message ? (i(), f(z, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : H("", !0),
+        }, null, 8, ["text"])) : M("", !0),
         (i(!0), y(D, null, U(r.actions, (a, u) => (i(), f(R, {
           key: u,
           action: a,
           variant: r.variant,
-          as: Lt
+          as: zt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Ra = { $ui: P }, za = {
+}), Ia = { $ui: P }, qa = {
   async install(t, s) {
     const e = {
-      "alert-modal": fn,
-      "confirm-modal": wn,
-      "error-report-modal": Jn,
-      "loading-modal": ra,
-      "prompt-modal": pa,
-      "startup-crash": Ma,
-      toast: La,
+      "alert-modal": gn,
+      "confirm-modal": Cn,
+      "error-report-modal": Xn,
+      "loading-modal": aa,
+      "prompt-modal": fa,
+      "startup-crash": Ea,
+      toast: za,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
       P.registerComponent(r, n);
-    await ke(t, Ra);
+    await ke(t, Ia);
   }
 };
-async function Ia(t, s = {}) {
+async function Aa(t, s = {}) {
   var r;
-  const e = [en, vr, Yr, Dr, wr, za, ...s.plugins ?? []];
-  A.instance = t, await Ys(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
+  const e = [sn, yr, tn, Br, Cr, qa, ...s.plugins ?? []];
+  A.instance = t, await tr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Nl(t, s = {}) {
+async function Kl(t, s = {}) {
   var r;
-  const e = Nt(t);
-  J() && (window.$aerogel = e), await Ia(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
+  const e = Kt(t);
+  J() && (window.$aerogel = e), await Aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
 }
-const qa = /* @__PURE__ */ h({
+const Pa = /* @__PURE__ */ h({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), f(l(Ds), null, {
+    return (s, e) => (i(), f(l(Bs), null, {
       default: m(() => [
         (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), f(Y(r.component), V({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
-        d(l(js), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        d(l(Fs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Aa = /* @__PURE__ */ h({
+}), Da = /* @__PURE__ */ h({
   __name: "AppOverlays",
   setup(t) {
     return (s, e) => (i(), y(D, null, [
-      d(l(hs), { nested: "" }),
-      d(qa)
+      d(l(vs), { nested: "" }),
+      d(Pa)
     ], 64));
   }
-}), Pa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Wl = /* @__PURE__ */ h({
+}), ja = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ql = /* @__PURE__ */ h({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), y("div", Pa, [
+    return (s, e) => (i(), y("div", ja, [
       s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
         (i(), f(Y(s.$ui.requireComponent("startup-crash"))))
       ]) : w(s.$slots, "default", { key: 1 }),
-      d(Aa)
+      d(Da)
     ]));
   }
-}), Da = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], ja = /* @__PURE__ */ h({
+}), Ba = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Fa = /* @__PURE__ */ h({
   __name: "HeadlessInputTextArea",
   setup(t) {
     const s = ee("$textAreaRef"), e = I(
@@ -3102,7 +3108,7 @@ const qa = /* @__PURE__ */ h({
     function a() {
       s.value && e.update(s.value.value);
     }
-    return ct(e, () => {
+    return pt(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
     }), (u, o) => (i(), y("textarea", {
@@ -3114,22 +3120,22 @@ const qa = /* @__PURE__ */ h({
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, Da));
+    }, null, 40, Ba));
   }
-}), Ba = { class: "group" }, Fa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Ua = { class: "pt-2 pl-4" }, Kl = /* @__PURE__ */ h({
+}), Ua = { class: "group" }, Oa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Na = { class: "pt-2 pl-4" }, Jl = /* @__PURE__ */ h({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), y("details", Ba, [
-      b("summary", Fa, [
-        d(l(Mt), { class: "size-6 transition-transform group-open:rotate-90" }),
-        b("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (i(), y("details", Ua, [
+      b("summary", Oa, [
+        d(l(Et), { class: "size-6 transition-transform group-open:rotate-90" }),
+        b("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      b("div", Ua, [
+      b("div", Na, [
         w(s.$slots, "default")
       ])
     ]));
   }
-}), Oa = { class: "flex h-6 items-center" }, Ql = /* @__PURE__ */ h({
+}), Wa = { class: "flex h-6 items-center" }, Zl = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3142,9 +3148,9 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => M("relative flex items-start", n.value)), u = c(() => {
+    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative flex items-start", n.value)), u = c(() => {
       var p, g;
-      return M(
+      return H(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
           "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
@@ -3152,7 +3158,7 @@ const qa = /* @__PURE__ */ h({
         },
         t.inputClass
       );
-    }), o = c(() => M("ml-2 text-sm leading-6", t.labelClass));
+    }), o = c(() => H("ml-2 text-sm leading-6", t.labelClass));
     return (p, g) => (i(), f(je, V({
       ref: "$inputRef",
       class: a.value
@@ -3160,15 +3166,15 @@ const qa = /* @__PURE__ */ h({
       "onUpdate:modelValue": g[0] || (g[0] = ($) => p.$emit("update:modelValue", $))
     }), {
       default: m(() => [
-        b("div", Oa, [
-          d(Vt, V(l(r), {
+        b("div", Wa, [
+          d(Lt, V(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
         ]),
         p.$slots.default ? (i(), y("div", {
           key: 0,
-          class: C(o.value)
+          class: x(o.value)
         }, [
           d(be, { class: "text-gray-900" }, {
             default: m(() => [
@@ -3179,16 +3185,16 @@ const qa = /* @__PURE__ */ h({
           d(ye, { class: "text-red-600" })
         ], 2)) : p.label ? (i(), y("div", {
           key: 1,
-          class: C(o.value)
+          class: x(o.value)
         }, [
           d(be, { class: "text-gray-900" }),
           d(ye, { class: "text-red-600" })
-        ], 2)) : H("", !0)
+        ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Na = /* @__PURE__ */ h({
+}), Ka = /* @__PURE__ */ h({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3197,11 +3203,11 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => M(
+    const s = K(t, ["class"]), e = c(() => H(
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (i(), f(l(Bs), V({ class: e.value }, s, {
+    return (r, n) => (i(), f(l(Us), V({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: m(() => [
@@ -3210,24 +3216,24 @@ const qa = /* @__PURE__ */ h({
       _: 3
     }, 16, ["class"]));
   }
-}), Wa = /* @__PURE__ */ h({
+}), Qa = /* @__PURE__ */ h({
   __name: "DropdownMenuOptions",
   setup(t) {
     const s = I(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), f(l(Fs), {
+    return (e, r) => (i(), f(l(Os), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: l(s).align,
       side: l(s).side
     }, {
       default: m(() => [
         w(e.$slots, "default", {}, () => [
-          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Na, V(
+          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Ka, V(
             {
               key: a,
-              as: n.route || n.href ? bt : void 0,
+              as: n.route || n.href ? $t : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3245,7 +3251,7 @@ const qa = /* @__PURE__ */ h({
             }
           ), {
             default: m(() => [
-              L(x(n.label), 1)
+              L(C(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3254,7 +3260,7 @@ const qa = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Jl = /* @__PURE__ */ h({
+}), Xl = /* @__PURE__ */ h({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3270,18 +3276,18 @@ const qa = /* @__PURE__ */ h({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return de("dropdown-menu", e), s(e), (r, n) => (i(), f(l(Us), null, {
+    return de("dropdown-menu", e), s(e), (r, n) => (i(), f(l(Ns), null, {
       default: m(() => [
-        d(l(Os), null, {
+        d(l(Ws), null, {
           default: m(() => [
             w(r.$slots, "default")
           ]),
           _: 3
         }),
-        d(l(Ns), null, {
+        d(l(Ks), null, {
           default: m(() => [
             w(r.$slots, "options", {}, () => [
-              d(Wa)
+              d(Qa)
             ])
           ]),
           _: 3
@@ -3290,7 +3296,7 @@ const qa = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Ka = ["aria-hidden"], Qa = ["tabindex", "aria-label", "type"], Zl = /* @__PURE__ */ h({
+}), Ja = ["aria-hidden"], Za = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3303,7 +3309,7 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => M("inline whitespace-pre", t.contentClass)), o = c(() => M("invisible whitespace-pre", t.contentClass)), p = c(() => M("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => H("inline whitespace-pre", t.contentClass)), o = c(() => H("invisible whitespace-pre", t.contentClass)), p = c(() => H("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
     function g() {
       n.value = t.text;
     }
@@ -3311,75 +3317,75 @@ const qa = /* @__PURE__ */ h({
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
     return G(() => a.value = t.text), (v, S) => (i(), y("div", {
-      class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+      class: x(["relative", { "pointer-events-none!": v.disabled && !n.value }])
     }, [
       n.value ? (i(), y("span", {
         key: 1,
-        class: C(o.value)
-      }, x(a.value), 3)) : (i(), y("div", {
+        class: x(o.value)
+      }, C(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: C(u.value)
+        class: x(u.value)
       }, [
         w(v.$slots, "default")
       ], 2)),
       v.type === "number" ? (i(), y("span", {
         key: 2,
-        class: C(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : H("", !0),
+        class: x(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : M("", !0),
       b("form", {
         class: "w-full",
         "aria-hidden": v.formAriaHidden,
-        onSubmit: S[4] || (S[4] = tt((q) => {
+        onSubmit: S[4] || (S[4] = st((q) => {
           var pe;
           return (pe = r.value) == null ? void 0 : pe.blur();
         }, ["prevent"]))
       }, [
-        st(b("input", {
+        rt(b("input", {
           ref: "$inputRef",
           "onUpdate:modelValue": S[0] || (S[0] = (q) => a.value = q),
           tabindex: v.tabindex ?? void 0,
           "aria-label": v.ariaLabel ?? void 0,
           type: v.type,
-          class: C([
+          class: x([
             p.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
           ]),
           onKeyup: S[1] || (S[1] = (q) => v.$emit("update", a.value)),
           onFocus: S[2] || (S[2] = (q) => g()),
           onBlur: S[3] || (S[3] = (q) => $())
-        }, null, 42, Qa), [
-          [Wt, a.value]
+        }, null, 42, Za), [
+          [Qt, a.value]
         ])
-      ], 40, Ka)
+      ], 40, Ja)
     ], 2));
   }
-}), Ja = {
+}), Xa = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Za(t, s) {
-  return i(), y("svg", Ja, s[0] || (s[0] = [
+function Ga(t, s) {
+  return i(), y("svg", Xa, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const Xa = E({ name: "ion-warning", render: Za }), Ga = {
+const Ya = E({ name: "ion-warning", render: Ga }), el = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ya(t, s) {
-  return i(), y("svg", Ga, s[0] || (s[0] = [
+function tl(t, s) {
+  return i(), y("svg", el, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-medium" }, sl = ["datetime"], rl = /* @__PURE__ */ h({
+const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-medium" }, nl = ["datetime"], al = /* @__PURE__ */ h({
   __name: "ErrorLogsModal",
   setup(t) {
     return (s, e) => (i(), f(re, {
@@ -3392,14 +3398,14 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
             b("div", null, [
-              b("h3", tl, x(r.report.title), 1),
+              b("h3", rl, C(r.report.title), 1),
               b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, sl),
+              }, C(r.date.toLocaleTimeString()), 9, nl),
               d(z, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(Tt)(r.report)
+                text: r.report.description ?? l(Ht)(r.report)
               }, null, 8, ["text"])
             ]),
             d(R, {
@@ -3414,7 +3420,7 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
               )
             }, {
               default: m(() => [
-                d(l(el), {
+                d(l(sl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3427,7 +3433,7 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Xl = /* @__PURE__ */ h({
+}), Yl = /* @__PURE__ */ h({
   __name: "ErrorLogs",
   setup(t) {
     return (s, e) => s.$errors.logs.length > 0 ? (i(), f(R, {
@@ -3436,27 +3442,27 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(rl))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(al))
     }, {
       default: m(() => [
-        d(l(Xa), { class: "size-6 text-red-500" })
+        d(l(Ya), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : H("", !0);
+    }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), Gl = /* @__PURE__ */ h({
+}), ei = /* @__PURE__ */ h({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => Tt(t.error));
+    const s = c(() => Ht(t.error));
     return (e, r) => (i(), f(z, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Yl = /* @__PURE__ */ h({
+}), ti = /* @__PURE__ */ h({
   __name: "Link",
   props: {
     class: {},
@@ -3478,10 +3484,10 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
       _: 3
     }, 16));
   }
-}), ei = /* @__PURE__ */ h({
+}), si = /* @__PURE__ */ h({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => rs(A.settings, "priority", "desc"));
+    const s = c(() => as(A.settings, "priority", "desc"));
     return (e, r) => (i(), f(re, {
       title: e.$td("settings.title", "Settings")
     }, {
@@ -3491,10 +3497,10 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), nl = {
+}), ll = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ti = /* @__PURE__ */ h({
+}, ri = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3507,9 +3513,9 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
       var o, p, g;
-      return M(
+      return H(
         // 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",
         {
@@ -3532,14 +3538,14 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
         return [
           d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: C(a.value)
+            class: x(a.value)
           }, [
-            d(ja, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", nl, [
+            d(Fa, V(l(r), { class: u.value }), null, 16, ["class"]),
+            (g = e.value) != null && g.errors ? (i(), y("div", ll, [
               d(l(De), { class: "size-5 text-red-500" })
-            ])) : H("", !0)
+            ])) : M("", !0)
           ], 2),
-          d(Et, { class: "mt-2 text-sm text-gray-600" }),
+          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
           d(ye, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
@@ -3547,7 +3553,7 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
     }, 16, ["label", "class"]));
   }
 });
-class si {
+class ni {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3555,16 +3561,16 @@ class si {
     _(this, "_cancelled");
     _(this, "_started");
     _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new ns(), this._started = new Q(), this._completed = new Q();
+    this.status = this.getInitialStatus(), this._listeners = new ls(), this._started = new Q(), this._completed = new Q();
   }
   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 Ge)
+      if (s instanceof Ye)
         return;
-      throw te(as(s), (e) => {
+      throw te(is(s), (e) => {
         this._completed.reject(e);
       });
     }
@@ -3605,10 +3611,10 @@ class si {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ge();
+      throw this._cancelled.resolve(), new Ye();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? ls(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? os(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3622,148 +3628,155 @@ class si {
     return { ...s };
   }
 }
-async function ri(t) {
+async function ai(t) {
   await t.start();
 }
 export {
-  Kl as AdvancedOptions,
-  fn as AlertModal,
+  Jl as AdvancedOptions,
+  gn as AlertModal,
   A as App,
-  Wl as AppLayout,
-  Aa as AppOverlays,
-  Gs as AppService,
-  qa as AppToasts,
+  Ql as AppLayout,
+  Da as AppOverlays,
+  er as AppService,
+  Pa as AppToasts,
   R as Button,
-  El as Cache,
-  br as CacheService,
-  Ql as Checkbox,
-  wn as ConfirmModal,
-  Jl as DropdownMenu,
-  Na as DropdownMenuOption,
-  Wa as DropdownMenuOptions,
-  Zl as EditableContent,
-  Xl as ErrorLogs,
-  rl as ErrorLogsModal,
-  Gl as ErrorMessage,
-  Jn as ErrorReportModal,
-  jn as ErrorReportModalButtons,
-  Bn as ErrorReportModalTitle,
-  vt as Errors,
-  yl as EventListenerPriorities,
+  Rl as Cache,
+  $r as CacheService,
+  Zl as Checkbox,
+  Cn as ConfirmModal,
+  Xl as DropdownMenu,
+  Ka as DropdownMenuOption,
+  Qa as DropdownMenuOptions,
+  Gl as EditableContent,
+  Yl as ErrorLogs,
+  al as ErrorLogsModal,
+  ei as ErrorMessage,
+  Xn as ErrorReportModal,
+  Fn as ErrorReportModalButtons,
+  Un as ErrorReportModalTitle,
+  yt as Errors,
+  wl as EventListenerPriorities,
   F as Events,
-  Zs as EventsService,
-  Ht as Form,
-  or as FormController,
-  bt as HeadlessButton,
+  Gs as EventsService,
+  Vt as Form,
+  cr as FormController,
+  $t as HeadlessButton,
   je as HeadlessInput,
-  Et as HeadlessInputDescription,
+  Rt as HeadlessInputDescription,
   ye as HeadlessInputError,
-  Vt as HeadlessInputInput,
+  Lt as HeadlessInputInput,
   be as HeadlessInputLabel,
-  ja as HeadlessInputTextArea,
-  nn as HeadlessModal,
-  an as HeadlessModalContent,
-  ln as HeadlessModalDescription,
-  on as HeadlessModalOverlay,
-  un as HeadlessModalTitle,
-  Vr as HeadlessSelect,
-  Ze as HeadlessSelectLabel,
-  wt as HeadlessSelectOption,
-  _t as HeadlessSelectOptions,
-  $t as HeadlessSelectTrigger,
-  yt as HeadlessSelectValue,
-  Wr as HeadlessSwitch,
-  Ea as HeadlessToast,
-  oa as Input,
-  si as Job,
-  Ge as JobCancelledError,
+  Fa as HeadlessInputTextArea,
+  ln as HeadlessModal,
+  on as HeadlessModalContent,
+  un as HeadlessModalDescription,
+  cn as HeadlessModalOverlay,
+  dn as HeadlessModalTitle,
+  Lr as HeadlessSelect,
+  Xe as HeadlessSelectLabel,
+  Ct as HeadlessSelectOption,
+  xt as HeadlessSelectOptions,
+  _t as HeadlessSelectTrigger,
+  wt as HeadlessSelectValue,
+  Qr as HeadlessSwitch,
+  Ra as HeadlessToast,
+  ca as Input,
+  ni as Job,
+  Ye as JobCancelledError,
   Z as Lang,
   ve as Layouts,
-  Yl as Link,
-  ra as LoadingModal,
-  ft as MOBILE_BREAKPOINT,
+  ti as Link,
+  aa as LoadingModal,
+  gt as MOBILE_BREAKPOINT,
   z as Markdown,
   re as Modal,
-  ta as ProgressBar,
-  pa as PromptModal,
-  zr as Select,
-  xt as SelectLabel,
-  Xe as SelectOption,
-  Ct as SelectOptions,
-  kt as SelectTrigger,
-  Ce as Service,
+  oi as ModalComponent,
+  ui as ModalsPortal,
+  ra as ProgressBar,
+  fa as PromptModal,
+  qr as Select,
+  kt as SelectLabel,
+  Ge as SelectOption,
+  St as SelectOptions,
+  Tt as SelectTrigger,
+  xe as Service,
   Ee as ServiceBootError,
-  Or as Setting,
-  ei as SettingsModal,
-  Ma as StartupCrash,
-  mt as Storage,
-  Kr as Switch,
-  ti as TextArea,
-  La as Toast,
+  Wr as Setting,
+  si as SettingsModal,
+  Ea as StartupCrash,
+  ht as Storage,
+  Jr as Switch,
+  ri as TextArea,
+  za as Toast,
   P as UI,
-  xr as UIService,
-  kl as __valueType,
-  gr as aerogelDirectives,
-  Ws as appNamespace,
-  zl as booleanInput,
+  kr as UIService,
+  Tl as __valueType,
+  br as aerogelDirectives,
+  Qs as appNamespace,
+  ql as booleanInput,
   ke as bootServices,
-  Nl as bootstrap,
-  Ia as bootstrapApplication,
-  M as classes,
-  Hl as computedAsync,
-  Ml as computedDebounce,
-  Il as dateInput,
-  _l as defineDirective,
-  Cl as defineFormValidationRule,
-  wl as definePlugin,
-  xe as defineServiceState,
-  Js as defineServiceStore,
-  $l as defineSettings,
-  ri as dispatch,
-  ql as enumInput,
-  ht as getCurrentLayout,
-  Tt as getErrorMessage,
-  mr as getMarkdownRouter,
-  Qs as getPiniaStore,
-  Mr as hasSelectOptionLabel,
-  sr as injectOrFail,
-  tr as injectReactive,
+  Kl as bootstrap,
+  Aa as bootstrapApplication,
+  H as classes,
+  ci as closeModal,
+  Vl as computedAsync,
+  El as computedDebounce,
+  di as createModal,
+  Al as dateInput,
+  xl as defineDirective,
+  Sl as defineFormValidationRule,
+  Cl as definePlugin,
+  Ce as defineServiceState,
+  Xs as defineServiceStore,
+  _l as defineSettings,
+  ai as dispatch,
+  Pl as enumInput,
+  vt as getCurrentLayout,
+  Ht as getErrorMessage,
+  hr as getMarkdownRouter,
+  Zs as getPiniaStore,
+  Er as hasSelectOptionLabel,
+  pi as injectModal,
+  nr as injectOrFail,
+  rr as injectReactive,
   I as injectReactiveOrFail,
-  Ys as installPlugins,
-  Fl as numberInput,
-  Ul as objectInput,
-  Sl as onCleanMounted,
-  ct as onFormFocus,
-  Tl as persistent,
-  ur as reactiveSet,
-  Rl as registerErrorHandler,
-  fr as renderMarkdown,
-  ot as renderVNode,
-  Ll as replaceExisting,
-  Al as requiredBooleanInput,
-  Pl as requiredDateInput,
-  Dl as requiredEnumInput,
-  jl as requiredNumberInput,
-  Bl as requiredObjectInput,
-  ua as requiredStringInput,
-  Ks as resetPiniaStore,
-  pt as safeHtml,
-  Vl as setMarkdownRouter,
-  Ol as stringInput,
-  gt as translate,
+  tr as installPlugins,
+  mi as modals,
+  Ol as numberInput,
+  Nl as objectInput,
+  Ml as onCleanMounted,
+  pt as onFormFocus,
+  Hl as persistent,
+  dr as reactiveSet,
+  Il as registerErrorHandler,
+  gr as renderMarkdown,
+  ct as renderVNode,
+  zl as replaceExisting,
+  Dl as requiredBooleanInput,
+  jl as requiredDateInput,
+  Bl as requiredEnumInput,
+  Fl as requiredNumberInput,
+  Ul as requiredObjectInput,
+  da as requiredStringInput,
+  Js as resetPiniaStore,
+  ft as safeHtml,
+  Ll as setMarkdownRouter,
+  fi as showModal,
+  Wl as stringInput,
+  bt as translate,
   k as translateWithDefault,
-  mn as useAlertModal,
-  hn as useConfirmModal,
-  Fn as useErrorReportModal,
-  xl as useEvent,
-  dt as useForm,
-  Pe as useInputAttrs,
-  sa as useLoadingModal,
-  li as useModal,
-  ca as usePromptModal,
-  ir as validate,
-  lr as validateType,
+  hn as useAlertModal,
+  vn as useConfirmModal,
+  On as useErrorReportModal,
+  kl as useEvent,
+  mt as useForm,
+  Ae as useInputAttrs,
+  na as useLoadingModal,
+  Pe as useModal,
+  pa as usePromptModal,
+  ur as validate,
+  or as validateType,
   he as validators,
-  ut as variantClasses
+  dt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map