@aerogel/core 0.0.0-next.e4c0d5bd2801fbe93545477ea515af53df69b522 → 0.0.0-next.ec720bb060627e76b204dc15f6bf955d11a77cbc

package/dist/aerogel-core.js

@@ -1,39 +1,39 @@
 var xt = Object.defineProperty;
 var Ct = (t, s, e) => s in t ? xt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var w = (t, s, e) => Ct(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as R, Comment as St, Text as kt, Static as Mt, inject as le, reactive as de, nextTick as qe, defineComponent as g, useAttrs as Fe, useSlots as Me, computed as u, createBlock as f, openBlock as i, h as Et, unref as o, mergeProps as I, withCtx as m, renderSlot as _, createPropsRestProxy as J, onUnmounted as me, ref as F, readonly as Ee, onMounted as Ht, watch as He, toRaw as Lt, watchEffect as ie, createVNode as p, normalizeProps as ee, guardReactiveProps as te, createTextVNode as P, toDisplayString as C, normalizeClass as k, createElementBlock as b, Fragment as B, renderList as q, provide as se, resolveDynamicComponent as N, createCommentVNode as M, createElementVNode as y, toRef as Ve, useTemplateRef as re, withModifiers as Ue, withDirectives as Oe, vModelCheckbox as It, normalizeStyle as Tt, createApp as Vt, vModelText as Rt } from "vue";
-import { JSError as fe, tap as Z, MagicObject as Ne, PromisedValue as W, Storage as U, objectOnly as ne, arrayFrom as We, isEmpty as ye, objectDeepClone as Pt, fail as K, facade as G, arrayRemove as $e, getEnv as At, updateLocationQueryParameters as zt, forever as jt, toString as D, isDevelopment as Y, isTesting as Le, after as xe, uuid as oe, required as Bt, isObject as ce, objectWithoutEmpty as Ke, stringMatchAll as Qe, isInstanceOf as Re, objectWithout as Dt, noop as qt, debounce as Ft, value as Ut, stringExcerpt as Ot, arraySorted as Nt, ListenersManager as Wt, toError as Kt, round as Qt } from "@noeldemartin/utils";
+var $ = (t, s, e) => Ct(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as P, Comment as St, Text as kt, Static as Mt, inject as se, reactive as pe, nextTick as qe, unref as o, defineComponent as g, computed as u, createBlock as h, openBlock as c, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as J, onUnmounted as fe, ref as B, readonly as he, useAttrs as Fe, onMounted as Et, watch as Ee, toRaw as Ht, watchEffect as Z, createVNode as m, normalizeProps as re, guardReactiveProps as ne, createTextVNode as A, toDisplayString as S, normalizeClass as C, createElementBlock as b, Fragment as j, renderList as F, provide as ae, resolveDynamicComponent as N, useSlots as He, createCommentVNode as M, createElementVNode as y, h as Vt, toRef as Te, useTemplateRef as le, withModifiers as Ue, withDirectives as Oe, vModelCheckbox as Lt, normalizeStyle as It, createApp as Tt, vModelText as Rt } from "vue";
+import { JSError as ge, tap as X, MagicObject as Ne, PromisedValue as W, Storage as U, objectOnly as oe, arrayFrom as We, isEmpty as $e, objectDeepClone as Pt, fail as K, facade as Y, arrayRemove as Ce, getEnv as At, updateLocationQueryParameters as zt, forever as Dt, toString as q, isDevelopment as ee, isTesting as Ve, after as ce, uuid as te, required as jt, isObject as ue, objectWithoutEmpty as Ke, stringMatchAll as Qe, objectWithout as Bt, noop as qt, debounce as Ft, value as Ut, isInstanceOf as Re, stringExcerpt as Ot, arraySorted as Nt, ListenersManager as Wt, toError as Kt, round as Qt } from "@noeldemartin/utils";
 import O from "virtual:aerogel";
-import { createPinia as Jt, setActivePinia as Zt, defineStore as Gt } from "pinia";
-import Xt from "dompurify";
-import { marked as Yt, Renderer as Pe } from "marked";
-import { Primitive as es, SelectValue as Ae, SelectTrigger as ts, SelectIcon as ss, SelectItem as rs, SelectItemText as ns, SelectPortal as as, SelectContent as os, SelectViewport as ls, SelectRoot as is, Label as cs, useForwardExpose as Ie, DialogRoot as us, DialogPortal as ds, DialogContent as ps, DialogDescription as ms, DialogOverlay as fs, DialogTitle as hs, ToastClose as gs, ToastRoot as vs, ToastProvider as bs, ToastViewport as ys, DropdownMenuItem as _s, DropdownMenuContent as ws, DropdownMenuRoot as $s, DropdownMenuTrigger as xs, DropdownMenuPortal as Cs } from "reka-ui";
-import Ss from "clsx";
-import { cva as ks } from "class-variance-authority";
-import { twMerge as Ms } from "tailwind-merge";
-class Ce extends fe {
+import { createPinia as Jt, setActivePinia as Zt, defineStore as Xt } from "pinia";
+import Yt from "dompurify";
+import { marked as Gt, Renderer as Pe } from "marked";
+import es from "clsx";
+import { cva as ts } from "class-variance-authority";
+import { twMerge as ss } from "tailwind-merge";
+import { Primitive as rs, SelectValue as Ae, SelectTrigger as ns, SelectIcon as as, SelectItem as ls, SelectItemText as os, SelectPortal as is, SelectContent as cs, SelectViewport as us, SelectRoot as ds, Label as ps, useForwardExpose as Le, SwitchRoot as ms, SwitchThumb as fs, DialogRoot as hs, DialogPortal as gs, DialogContent as vs, DialogDescription as bs, DialogOverlay as ys, DialogTitle as ws, ToastClose as $s, ToastRoot as _s, ToastProvider as xs, ToastViewport as Cs, DropdownMenuItem as Ss, DropdownMenuContent as ks, DropdownMenuRoot as Ms, DropdownMenuTrigger as Es, DropdownMenuPortal as Hs } from "reka-ui";
+class Se extends ge {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-let Te = null;
+let Ie = null;
 function Je() {
-  return Te ?? Es();
+  return Ie ?? Vs();
 }
-function Es() {
-  return Z(Jt(), (t) => {
-    Te = t, Zt(t);
+function Vs() {
+  return X(Jt(), (t) => {
+    Ie = t, Zt(t);
   });
 }
-function Hs() {
-  return Te ?? Je();
+function Ls() {
+  return Ie ?? Je();
 }
-function Ls(t, s) {
-  return Je(), Gt(t, s)();
+function Is(t, s) {
+  return Je(), Xt(t, s)();
 }
-function he(t) {
+function ve(t) {
   var s;
-  return s = class extends ge {
+  return s = class extends be {
     usesStore() {
       return !0;
     }
@@ -67,19 +67,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, w(s, "persist", t.persist ?? []), s;
+  }, $(s, "persist", t.persist ?? []), s;
 }
-var we;
-let ge = (we = class extends Ne {
+var xe;
+let be = (xe = class extends Ne {
   constructor() {
     super();
-    w(this, "_name");
-    w(this, "_booted");
-    w(this, "_computedStateKeys");
-    w(this, "_watchers");
-    w(this, "_store");
+    $(this, "_name");
+    $(this, "_booted");
+    $(this, "_computedStateKeys");
+    $(this, "_watchers");
+    $(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new W(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Ls(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new W(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Is(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -92,7 +92,7 @@ let ge = (we = class extends Ne {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Ce(this._name, r));
+    const e = (r) => this._booted.reject(new Se(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -113,14 +113,14 @@ let ge = (we = class extends Ne {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = ne(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = oe(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = We(e), n = ne(this._store.$state, r);
-    ye(n) || this.onPersistentStateUpdated(n);
+    const r = We(e), n = oe(this._store.$state, r);
+    $e(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -129,11 +129,11 @@ let ge = (we = class extends Ne {
     this.setState({ [e]: r });
   }
   onStateUpdated(e, r) {
-    const n = ne(e, this.static("persist"));
-    ye(n) || this.onPersistentStateUpdated(n);
+    const n = oe(e, this.static("persist"));
+    $e(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
-      const l = this._watchers[a];
-      !l || e[a] === r[a] || l.call(this, e[a], r[a]);
+      const i = this._watchers[a];
+      !i || e[a] === r[a] || i.call(this, e[a], r[a]);
     }
   }
   onPersistentStateUpdated(e) {
@@ -170,28 +170,28 @@ let ge = (we = class extends Ne {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || ye(this.static("persist")))) {
+    if (!(!this.usesStore() || $e(this.static("persist")))) {
       if (U.has(this._name)) {
         const e = U.require(this._name);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      U.set(this._name, ne(this.getState(), this.static("persist")));
+      U.set(this._name, oe(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
     return this._store ? this._store : K(`Failed getting '${this._name}' store`);
   }
-}, w(we, "persist", []), we);
-const Ia = {
+}, $(xe, "persist", []), xe);
+const qa = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Is extends ge {
+class Ts extends be {
   constructor() {
     super(...arguments);
-    w(this, "listeners", {});
+    $(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -202,50 +202,50 @@ class Is extends ge {
   async emit(e, r) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const l of n.priorities)
-      await Promise.all(((a = n.handlers[l]) == null ? void 0 : a.map((c) => c(r))) ?? []);
+    for (const i of n.priorities)
+      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((l) => l(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   on(e, r, n) {
-    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, l = typeof r == "function" ? r : n;
-    return this.registerListener(e, a, l), () => this.off(e, l);
+    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, i = typeof r == "function" ? r : n;
+    return this.registerListener(e, a, i), () => this.off(e, i);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const l = typeof r == "function" ? {} : r, c = typeof r == "function" ? r : n;
-    return Z(
+    const i = typeof r == "function" ? {} : r, l = typeof r == "function" ? r : n;
+    return X(
       () => a && this.off(e, a),
       (d) => {
-        a = (...v) => (d(), c(...v)), this.registerListener(e, l, c);
+        a = (...v) => (d(), l(...v)), this.registerListener(e, i, l);
       }
     );
   }
   off(e, r) {
-    var l;
+    var i;
     const n = this.listeners[e];
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const c of a)
-      $e(n.handlers[c] ?? [], r), ((l = n.handlers[c]) == null ? void 0 : l.length) === 0 && (delete n.handlers[c], $e(n.priorities, c));
+    for (const l of a)
+      Ce(n.handlers[l] ?? [], r), ((i = n.handlers[l]) == null ? void 0 : i.length) === 0 && (delete n.handlers[l], Ce(n.priorities, l));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
     var d, v, x;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const l = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? K(`priorities missing for event '${e}'`), c = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? K(`handlers missing for event '${e}'`);
-    l.includes(a) || (l.push(a), l.sort((h, $) => $ - h), c[a] = []), (x = c[a]) == null || x.push(n);
+    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? K(`priorities missing for event '${e}'`), l = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? K(`handlers missing for event '${e}'`);
+    i.includes(a) || (i.push(a), i.sort((p, _) => _ - p), l[a] = []), (x = l[a]) == null || x.push(n);
   }
 }
-const T = G(Is);
-function Ta(t) {
+const I = Y(Ts);
+function Fa(t) {
   return t;
 }
-const Ts = he({
+const Rs = ve({
   name: "app",
   initialState: {
     plugins: {},
@@ -267,12 +267,12 @@ const Ts = he({
     }
   }
 });
-class Vs extends Ts {
+class Ps extends Rs {
   constructor() {
     super(...arguments);
-    w(this, "name", O.name);
-    w(this, "ready", new W());
-    w(this, "mounted", new W());
+    $(this, "name", O.name);
+    $(this, "ready", new W());
+    $(this, "mounted", new W());
   }
   isReady() {
     return this.ready.isResolved();
@@ -281,13 +281,13 @@ class Vs extends Ts {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(R(e));
+    this.settings.push(P(e));
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && zt(e), location.reload(), await jt();
+    e && zt(e), location.reload(), await Dt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -297,15 +297,15 @@ class Vs extends Ts {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    T.once("application-ready", () => this.ready.resolve()), T.once("application-mounted", () => this.mounted.resolve());
+    I.once("application-ready", () => this.ready.resolve()), I.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const j = G(Vs);
-function Va(t) {
+const D = Y(Ps);
+function Ua(t) {
   return t;
 }
-async function Rs(t, ...s) {
-  j.setState(
+async function As(t, ...s) {
+  D.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -313,55 +313,55 @@ async function Rs(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Ps(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${D(r)}"`, "");
+function zs(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${q(r)}"`, "");
 }
-function Ra(t) {
+function Oa(t) {
   return t;
 }
-function As(t) {
-  const s = le(t);
-  return s ? de(s) : void 0;
+function Ds(t) {
+  const s = se(t);
+  return s ? pe(s) : void 0;
 }
-function H(t, s) {
-  return As(t) ?? K(s ?? `Could not resolve '${D(t)}' injection key`);
+function V(t, s) {
+  return Ds(t) ?? K(s ?? `Could not resolve '${q(t)}' injection key`);
 }
-function zs(t, s) {
-  return le(t) ?? K(s ?? `Could not resolve '${D(t)}' injection key`);
+function js(t, s) {
+  return se(t) ?? K(s ?? `Could not resolve '${q(t)}' injection key`);
 }
 function Ze(t) {
   return typeof t == "string" ? t : t.type === St ? "" : t.type === kt || t.type === Mt ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${Ps(t)}>${Array.from(t.children).map(Ze).join("")}</${t.type}>`;
+` : `<${t.type} ${zs(t)}>${Array.from(t.children).map(Ze).join("")}</${t.type}>`;
 }
-const _e = /* @__PURE__ */ new WeakMap(), js = {
+const _e = /* @__PURE__ */ new WeakMap(), Bs = {
   mounted(t, { value: s, modifiers: e }) {
     const r = typeof s == "function" ? s : null, n = () => {
       const a = t.getBoundingClientRect();
       e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
     };
-    e.watch && _e.set(t, Z(new ResizeObserver(n)).observe(t)), n();
+    e.watch && _e.set(t, X(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
     (s = _e.get(t)) == null || s.unobserve(t), _e.delete(t);
   }
-}, Bs = {
-  measure: js
-}, Ds = {
+}, qs = {
+  measure: Bs
+}, Fs = {
   install(t, s) {
     const e = {
-      ...Bs,
+      ...qs,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class qs extends ge {
+class Us extends be {
   constructor() {
     super(...arguments);
-    w(this, "cache");
+    $(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -374,73 +374,73 @@ class qs extends ge {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? Z(new W(), (e) => {
+    return this.cache = this.cache ?? X(new W(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const Pa = G(qs);
-class Fs extends ge {
+const Na = Y(Us);
+class Os extends be {
   async purge() {
-    await T.emit("purge-storage");
+    await I.emit("purge-storage");
   }
 }
-const Us = G(Fs);
-function Aa(t, s) {
+const Ns = Y(Os);
+function Wa(t, s) {
   return {
     ...t,
-    ...ne(s, Object.keys(t))
+    ...oe(s, Object.keys(t))
   };
 }
-const Os = {
-  $app: j,
-  $events: T,
-  $storage: Us
+const Ws = {
+  $app: D,
+  $events: I,
+  $storage: Ns
 };
-async function ve(t, s) {
+async function ye(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
-        var a, l;
-        return (l = (a = t.config).errorHandler) == null ? void 0 : l.call(a, n, null, `Failed launching ${e}.`);
+        var a, i;
+        return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (Y() || Le()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (ee() || Ve()) && Object.assign(globalThis, s);
 }
-const Ns = {
+const Ks = {
   async install(t, s) {
     var r;
     const e = {
-      ...Os,
+      ...Ws,
       ...s.services
     };
-    t.use(Hs()), (r = s.settings) == null || r.forEach((n) => j.addSetting(n)), await ve(t, e);
+    t.use(Ls()), (r = s.settings) == null || r.forEach((n) => D.addSetting(n)), await ye(t, e);
   }
-}, Ge = 768, pe = {
+}, Xe = 768, me = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function Xe() {
-  return globalThis.innerWidth > Ge ? pe.Desktop : pe.Mobile;
+function Ye() {
+  return globalThis.innerWidth > Xe ? me.Desktop : me.Mobile;
 }
-const Ws = he({
+const Qs = ve({
   name: "ui",
   initialState: {
     modals: [],
     toasts: [],
-    layout: Xe()
+    layout: Ye()
   },
   computed: {
-    desktop: ({ layout: t }) => t === pe.Desktop,
-    mobile: ({ layout: t }) => t === pe.Mobile,
+    desktop: ({ layout: t }) => t === me.Desktop,
+    mobile: ({ layout: t }) => t === me.Mobile,
     openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
   }
 });
-class Ks extends Ws {
+class Js extends Qs {
   constructor() {
     super(...arguments);
-    w(this, "modalCallbacks", {});
-    w(this, "components", {});
+    $(this, "modalCallbacks", {});
+    $(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -461,7 +461,7 @@ class Ks extends Ws {
   // prettier-ignore
   /* eslint-enable max-len */
   async confirm(e, r, n) {
-    const l = typeof r != "string" ? {
+    const i = typeof r != "string" ? {
       ...r ?? {},
       message: e,
       required: !!(r != null && r.required)
@@ -470,76 +470,89 @@ class Ks extends Ws {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, c = await this.modalForm(this.requireComponent("confirm-modal"), l), d = typeof c == "object" ? c[0] : c ?? !1, v = typeof c == "object" ? c[1] : Object.entries(l.checkboxes ?? {}).reduce(
-      (x, [h, { default: $ }]) => ({
-        [h]: $ ?? !1,
+    }, l = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof l == "object" ? l[0] : l ?? !1, v = typeof l == "object" ? l[1] : Object.entries(i.checkboxes ?? {}).reduce(
+      (x, [p, { default: _ }]) => ({
+        [p]: _ ?? !1,
         ...x
       }),
       {}
     );
-    for (const [x, h] of Object.entries(l.checkboxes ?? {}))
-      if (!(!h.required || v[x]))
-        return d && Y() && console.warn(`Confirmed confirm modal was suppressed because required '${x}' checkbox was missing`), [!1, v];
-    return "checkboxes" in l ? [d, v] : d;
+    for (const [x, p] of Object.entries(i.checkboxes ?? {}))
+      if (!(!p.required || v[x]))
+        return d && ee() && console.warn(`Confirmed confirm modal was suppressed because required '${x}' checkbox was missing`), [!1, v];
+    return "checkboxes" in i ? [d, v] : d;
   }
   async prompt(e, r, n) {
-    const a = (n == null ? void 0 : n.trim) ?? !0, l = () => typeof r != "string" ? {
+    const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof r != "string" ? {
       message: e,
       ...r ?? {}
     } : {
       title: e,
       message: r,
       ...n ?? {}
-    }, c = await this.modalForm(this.requireComponent("prompt-modal"), l());
-    return (a && typeof c == "string" ? c == null ? void 0 : c.trim() : c) ?? null;
+    }, l = await this.modalForm(this.requireComponent("prompt-modal"), i());
+    return (a && typeof l == "string" ? l == null ? void 0 : l.trim() : l) ?? null;
   }
   async loading(e, r) {
-    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => typeof e == "string" ? {
-      props: { message: e },
-      operationPromise: n(r)
-    } : typeof e == "function" || e instanceof Promise ? { operationPromise: n(e) } : {
-      props: e,
-      operationPromise: n(r)
-    }, { operationPromise: l, props: c } = a(), d = await this.modal(this.requireComponent("loading-modal"), c);
+    const n = (p) => typeof p == "function" ? Promise.resolve(p()) : p, a = () => {
+      if (typeof e == "string")
+        return {
+          props: { message: e },
+          operationPromise: n(r)
+        };
+      if (typeof e == "function" || e instanceof Promise)
+        return { operationPromise: n(e) };
+      const { delay: p, ..._ } = e;
+      return {
+        props: _,
+        delay: o(p),
+        operationPromise: n(r)
+      };
+    };
+    let i = !1;
+    const { operationPromise: l, props: d, delay: v } = a();
+    if (v && await Promise.race([ce({ ms: v }).then(() => i = !0), l]), v && !i)
+      return l;
+    const x = await this.modal(this.requireComponent("loading-modal"), d);
     try {
-      const v = await l;
-      return await xe({ ms: 500 }), v;
+      const p = await l;
+      return await ce({ ms: 500 }), p;
     } finally {
-      await this.closeModal(d.id);
+      await this.closeModal(x.id);
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, l = {
-      id: oe(),
+    const { component: n, ...a } = r, i = {
+      id: te(),
       properties: { message: e, ...a },
-      component: R(n ?? this.requireComponent("toast"))
+      component: P(n ?? this.requireComponent("toast"))
     };
-    this.setState("toasts", this.toasts.concat(l));
+    this.setState("toasts", this.toasts.concat(i));
   }
   async modal(e, r) {
-    const n = oe(), a = {}, l = {
+    const n = te(), a = {}, i = {
       id: n,
       closing: !1,
       properties: r ?? {},
-      component: R(e),
+      component: P(e),
       beforeClose: new Promise((d) => a.willClose = d),
       afterClose: new Promise((d) => a.hasClosed = d)
-    }, c = this.modals.concat(l);
-    return this.modalCallbacks[l.id] = a, this.setState({ modals: c }), await qe(), l;
+    }, l = this.modals.concat(i);
+    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), await qe(), i;
   }
   async modalForm(e, r) {
     return await (await this.modal(e, r)).beforeClose;
   }
   async closeModal(e, r) {
-    if (!j.isMounted()) {
+    if (!D.isMounted()) {
       await this.removeModal(e, r);
       return;
     }
-    await T.emit("close-modal", { id: e, result: r });
+    await I.emit("close-modal", { id: e, result: r });
   }
   async closeAllModals() {
     for (; this.modals.length > 0; )
-      await this.closeModal(Bt(this.modals[this.modals.length - 1]).id);
+      await this.closeModal(jt(this.modals[this.modals.length - 1]).id);
   }
   async boot() {
     this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -548,34 +561,34 @@ class Ks extends Ws {
     var n, a;
     this.setState(
       "modals",
-      this.modals.filter((l) => l.id !== e)
+      this.modals.filter((i) => i.id !== e)
     ), (a = (n = this.modalCallbacks[e]) == null ? void 0 : n.hasClosed) == null || a.call(n, r), delete this.modalCallbacks[e];
   }
   watchModalEvents() {
-    T.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
-      var a, l;
-      const n = this.modals.find((c) => e === c.id);
-      n && (n.closing = !0), (l = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || l.call(a, r);
-    }), T.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
+    I.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
+      var a, i;
+      const n = this.modals.find((l) => e === l.id);
+      n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
+    }), I.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
       await this.removeModal(e, r);
     });
   }
   watchMountedEvent() {
-    T.once("application-mounted", async () => {
+    I.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await xe({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ce({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${Ge}px)`).addEventListener("change", () => this.setState({ layout: Xe() }));
+    globalThis.matchMedia(`(min-width: ${Xe}px)`).addEventListener("change", () => this.setState({ layout: Ye() }));
   }
 }
-const V = G(Ks);
-class Qs {
+const R = Y(Js);
+class Zs {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -595,13 +608,13 @@ class Qs {
     return ["en"];
   }
   translate(s) {
-    return Y() && console.warn("Lang provider is missing"), s;
+    return ee() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return Y() && console.warn("Lang provider is missing"), e;
+    return ee() && console.warn("Lang provider is missing"), e;
   }
 }
-const Js = he({
+const Xs = ve({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -610,11 +623,11 @@ const Js = he({
     fallbackLocale: "en"
   }
 });
-class Zs extends Js {
+class Ys extends Xs {
   constructor() {
     super();
-    w(this, "provider");
-    this.provider = new Qs(
+    $(this, "provider");
+    this.provider = new Zs(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -642,7 +655,7 @@ class Zs extends Js {
     );
   }
 }
-const Q = G(Zs), Ye = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Gs = he({
+const Q = Y(Ys), Ge = Q.translate.bind(Q), k = Q.translateWithDefault.bind(Q), Gs = ve({
   name: "errors",
   initialState: {
     logs: [],
@@ -654,11 +667,11 @@ const Q = G(Zs), Ye = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), G
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Xs extends Gs {
+class er extends Gs {
   constructor() {
     super(...arguments);
-    w(this, "forceReporting", !1);
-    w(this, "enabled", !0);
+    $(this, "forceReporting", !1);
+    $(this, "enabled", !0);
   }
   enable() {
     this.enabled = !0;
@@ -668,18 +681,18 @@ class Xs extends Gs {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      V.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      R.alert(k("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
-    V.modal(V.requireComponent("error-report-modal"), { report: n, reports: a });
+    R.modal(R.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await T.emit("error", { error: e, message: r }), Le("unit") || (Y() && this.logError(e), !this.enabled))
+    if (await I.emit("error", { error: e, message: r }), Ve("unit") || (ee() && this.logError(e), !this.enabled))
       throw e;
-    if (!j.isMounted()) {
-      const l = await this.createStartupErrorReport(e);
-      l && this.setState({ startupErrors: this.startupErrors.concat(l) });
+    if (!D.isMounted()) {
+      const i = await this.createStartupErrorReport(e);
+      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -687,15 +700,15 @@ class Xs extends Gs {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    V.toast(
-      r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+    R.toast(
+      r ?? k("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: S("errors.viewDetails", "View details"),
+            label: k("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => V.modal(V.requireComponent("error-report-modal"), { report: n, reports: [n] })
+            click: () => R.modal(R.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
@@ -718,27 +731,27 @@ class Xs extends Gs {
     });
   }
   logError(e) {
-    console.error(e), ce(e) && e.cause && this.logError(e.cause);
+    console.error(e), ue(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return ce(e) && "title" in e;
+    return ue(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof fe ? this.createErrorReportFromError(e) : ce(e) ? Ke({
-      title: D(
-        e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof ge ? this.createErrorReportFromError(e) : ue(e) ? Ke({
+      title: q(
+        e.name ?? e.title ?? k("errors.unknown", "Unknown Error")
       ),
-      description: D(
-        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
+      description: q(
+        e.message ?? e.description ?? k("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: S("errors.unknown", "Unknown Error"),
+      title: k("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Ce ? e.cause instanceof Ce ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Se ? e.cause instanceof Se ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -750,110 +763,44 @@ class Xs extends Gs {
     };
   }
 }
-const et = G(Xs), tt = [];
-function za(t) {
-  tt.push(t);
-}
-function st(t) {
-  for (const s of tt) {
-    const e = s(t);
-    if (e)
-      return e;
-  }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof fe ? t.message : ce(t) ? D(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
-}
-class ze extends fe {
-}
-const Ys = { $errors: et }, er = (t) => (et.report(t), !0);
-function tr(t, s = () => !1) {
-  const e = (r) => s(r) || er(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, l, c) => e(c ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
-}
-const sr = {
-  async install(t, s) {
-    tr(t, s.handleError), await ve(t, Ys);
-  }
-};
-let ae = null;
-function rr() {
-  return Z(new Pe(), (t) => {
+const et = Y(er);
+let ie = null;
+function tr() {
+  return X(new Pe(), (t) => {
     t.link = function(s) {
       const e = Pe.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function nr(t) {
+function sr(t) {
   const s = Qe(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 ar(t) {
+function rr(t) {
   const s = Qe(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s) {
-    const a = (ae == null ? void 0 : ae.resolve(r)) ?? r;
+    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 or() {
-  return ae;
+function nr() {
+  return ie;
 }
-function ja(t) {
-  ae = t;
+function Ka(t) {
+  ie = t;
 }
-function lr(t) {
-  let s = Yt(t, { renderer: rr(), async: !1 });
-  return s = ir(s), s = nr(s), s = ar(s), s;
+function ar(t) {
+  let s = Gt(t, { renderer: tr(), async: !1 });
+  return s = lr(s), s = sr(s), s = rr(s), s;
 }
-function ir(t) {
-  return Xt.sanitize(t, { ADD_ATTR: ["target"] });
+function lr(t) {
+  return Yt.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const cr = /* @__PURE__ */ g({
-  __name: "Markdown",
-  props: {
-    as: {},
-    inline: { type: Boolean },
-    langKey: {},
-    langParams: {},
-    langDefault: {},
-    text: {},
-    actions: {}
-  },
-  setup(t) {
-    const s = Fe(), e = Me(), r = u(() => e.default ? e.default().map(Ze).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : Ye(t.langKey, t.langParams ?? {})))), n = u(() => {
-      if (!r.value)
-        return null;
-      let c = lr(r.value);
-      return t.inline && (c = c.replace("<p>", "<span>").replace("</p>", "</span>")), c;
-    }), a = () => Et(t.as ?? (t.inline ? "span" : "div"), {
-      innerHTML: n.value,
-      onClick: l,
-      ...s,
-      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
-    });
-    async function l(c) {
-      var v, x;
-      const { target: d } = c;
-      if (Re(d, HTMLElement) && d.dataset.markdownAction) {
-        (x = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || x.call(v);
-        return;
-      }
-      if (Re(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
-        const h = or();
-        h && (c.preventDefault(), h.visit(d.dataset.markdownRoute));
-        return;
-      }
-    }
-    return (c, d) => (i(), f(a));
-  }
-}), ur = (t, s) => {
-  const e = t.__vccOpts || t;
-  for (const [r, n] of s)
-    e[r] = n;
-  return e;
-}, A = /* @__PURE__ */ ur(cr, [["__scopeId", "data-v-8b211cfb"]]), rt = /* @__PURE__ */ g({
+const tt = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -870,7 +817,7 @@ const cr = /* @__PURE__ */ g({
   },
   setup(t) {
     const s = u(() => t.as ? { as: t.as } : t.route ? {
-      as: V.resolveComponent("router-link") ?? "a",
+      as: R.resolveComponent("router-link") ?? "a",
       to: Ke({
         name: t.route,
         params: t.routeParams,
@@ -884,24 +831,24 @@ const cr = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), f(o(es), I({
+    return (e, r) => (c(), h(o(rs), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: m(() => [
-        _(e.$slots, "default")
+      default: f(() => [
+        w(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
 });
-function nt(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, l = ks(n, a);
-  return E(l(r), o(e));
+function st(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = ts(n, a);
+  return E(i(r), o(e));
 }
 function E(...t) {
-  return Ms(Ss(t));
+  return ss(es(t));
 }
 const z = /* @__PURE__ */ g({
   __name: "Button",
@@ -919,7 +866,7 @@ const z = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = J(t, ["class", "size", "variant", "disabled"]), e = u(() => nt(
+    const s = J(t, ["class", "size", "variant", "disabled"]), e = u(() => st(
       { 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",
@@ -990,6 +937,21 @@ const z = /* @__PURE__ */ g({
             variant: "link",
             disabled: !1,
             class: "hover:underline"
+          },
+          {
+            variant: "link",
+            size: "small",
+            class: "leading-6"
+          },
+          {
+            variant: "link",
+            size: "default",
+            class: "leading-8"
+          },
+          {
+            variant: "link",
+            size: "large",
+            class: "leading-10"
           }
         ],
         defaultVariants: {
@@ -999,60 +961,60 @@ const z = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (i(), f(rt, I({
+    return (r, n) => (c(), h(tt, H({
       class: e.value,
       disabled: r.disabled
     }, s), {
-      default: m(() => [
-        _(r.$slots, "default")
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function dr(t) {
+function or(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function at(t, s) {
-  const e = T.on(t, s);
-  me(() => e());
+function rt(t, s) {
+  const e = I.on(t, s);
+  fe(() => e());
 }
-const pr = {
+const ir = {
   required: (t) => t ? void 0 : "required"
-}, ue = { ...pr };
-function Ba(t, s) {
-  ue[t] = s;
+}, de = { ...ir };
+function Qa(t, s) {
+  de[t] = s;
 }
-function mr(t, s) {
+function cr(t, s) {
   var r;
-  const e = (r = ue[s]) == null ? void 0 : r.call(ue, t);
+  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
   return e ? We(e) : [];
 }
-const Da = Symbol(), je = /* @__PURE__ */ new WeakMap();
-class fr extends Ne {
+const Ja = Symbol(), ze = /* @__PURE__ */ new WeakMap();
+class ur extends Ne {
   constructor(e) {
     super();
-    w(this, "errors");
-    w(this, "_fields");
-    w(this, "_data");
-    w(this, "_submitted");
-    w(this, "_errors");
-    w(this, "_listeners", {});
-    this._fields = e, this._submitted = F(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
+    $(this, "errors");
+    $(this, "_fields");
+    $(this, "_data");
+    $(this, "_submitted");
+    $(this, "_errors");
+    $(this, "_listeners", {});
+    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), ze.set(
       this,
       u(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = Ee(this._errors);
+    ), this.errors = he(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = je.get(this)) != null && e.value);
+    return !!((e = ze.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? K(`Trying to set undefined '${D(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? D(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? K(`Trying to set undefined '${q(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? q(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -1085,7 +1047,7 @@ class fr extends Ne {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    $e(this._listeners[e] ?? [], r);
+    Ce(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
@@ -1102,23 +1064,23 @@ class fr extends Ne {
     this.setFieldValue(e, r);
   }
   getFieldErrors(e, r) {
-    var c;
-    const n = [], a = this._data[e], l = ((c = r.rules) == null ? void 0 : c.split("|")) ?? [];
-    for (const d of l)
-      d !== "required" && a == null || n.push(...mr(a, d));
+    var l;
+    const n = [], a = this._data[e], i = ((l = r.rules) == null ? void 0 : l.split("|")) ?? [];
+    for (const d of i)
+      d !== "required" && a == null || n.push(...cr(a, d));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
-    const r = Object.entries(e).reduce((n, [a, l]) => (n[a] = l.default ?? null, n), {});
-    return de(r);
+    const r = Object.entries(e).reduce((n, [a, i]) => (n[a] = i.default ?? null, n), {});
+    return pe(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return de(r);
+    return pe(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -1128,75 +1090,75 @@ class fr extends Ne {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function ot(t, s) {
-  const e = le("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  me(() => r == null ? void 0 : r());
+function nt(t, s) {
+  const e = se("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  fe(() => r == null ? void 0 : r());
 }
-function lt(t) {
-  return new fr(t);
+function at(t) {
+  return new ur(t);
 }
-function it() {
+function lt() {
   const t = Fe(), s = u(() => t.class);
-  return [u(() => Dt(t, "class")), s];
+  return [u(() => Bt(t, "class")), s];
 }
-function qa(t) {
+function Za(t) {
   let s = qt;
-  Ht(() => s = t()), me(() => s());
+  Et(() => s = t()), fe(() => s());
 }
-function Fa(t, s) {
-  const e = de(U.get(t) ?? s);
-  return He(e, () => U.set(t, Lt(e))), e;
+function Xa(t, s) {
+  const e = pe(U.get(t) ?? s);
+  return Ee(e, () => U.set(t, Ht(e))), e;
 }
-function Ua(t) {
-  const s = F(), e = u(t);
-  return He(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function Ya(t) {
+  const s = B(), e = u(t);
+  return Ee(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Oa(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = F(e.initial ?? null), a = Ft((l) => n.value = l, e.delay ?? 300);
-  return ie(() => a(r())), n;
+function Ga(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = Ft((i) => n.value = i, e.delay ?? 300);
+  return Z(() => a(r())), n;
 }
-const ct = /* @__PURE__ */ g({
+const ot = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = H(
+    const s = V(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (i(), f(o(Ae), {
+    return (e, r) => e.$slots.default ? (c(), h(o(Ae), {
       key: 0,
       placeholder: o(s).placeholder
     }, {
-      default: m(() => [
-        _(e.$slots, "default")
+      default: f(() => [
+        w(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), f(o(Ae), {
+    }, 8, ["placeholder"])) : (c(), h(o(Ae), {
       key: 1,
       placeholder: o(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), ut = /* @__PURE__ */ g({
+}), it = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = H(
+    const s = V(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), f(o(ts), {
+    return (e, r) => (c(), h(o(ns), {
       id: o(s).id
     }, {
-      default: m(() => [
-        _(e.$slots, "default", {}, () => [
-          p(ct, {
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          m(ot, {
             placeholder: o(s).placeholder
           }, null, 8, ["placeholder"]),
-          p(o(ss))
+          m(o(as))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), dt = /* @__PURE__ */ g({
+}), ct = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1206,20 +1168,20 @@ const ct = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = H(
+    const s = V(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = u(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : D(t.value);
+      return r ? r.label : q(t.value);
     });
-    return (r, n) => (i(), f(o(rs), ee(te(r.$props)), {
-      default: m(() => [
-        p(o(ns), null, {
-          default: m(() => [
-            _(r.$slots, "default", {}, () => [
-              P(C(e.value), 1)
+    return (r, n) => (c(), h(o(ls), re(ne(r.$props)), {
+      default: f(() => [
+        m(o(os), null, {
+          default: f(() => [
+            w(r.$slots, "default", {}, () => [
+              A(S(e.value), 1)
             ])
           ]),
           _: 3
@@ -1228,33 +1190,33 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), pt = /* @__PURE__ */ g({
+}), ut = /* @__PURE__ */ g({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = H(
+    const s = V(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
     ), e = u(() => E("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (i(), f(o(as), null, {
-      default: m(() => [
-        p(o(os), {
+    return (r, n) => (c(), h(o(is), null, {
+      default: f(() => [
+        m(o(cs), {
           position: "popper",
-          class: k(e.value),
+          class: C(e.value),
           align: o(s).align,
           side: o(s).side,
           "side-offset": 4
         }, {
-          default: m(() => [
-            p(o(ls), {
-              class: k(r.innerClass)
+          default: f(() => [
+            m(o(us), {
+              class: C(r.innerClass)
             }, {
-              default: m(() => [
-                _(r.$slots, "default", {}, () => [
-                  (i(!0), b(B, null, q(o(s).options ?? [], (a) => (i(), f(dt, {
+              default: f(() => [
+                w(r.$slots, "default", {}, () => [
+                  (c(!0), b(j, null, F(o(s).options ?? [], (a) => (c(), h(ct, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1269,7 +1231,7 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), hr = /* @__PURE__ */ g({
+}), dr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1289,56 +1251,56 @@ const ct = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = le("form", null), a = u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), l = u(() => a.value), c = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = u(() => t.options ? t.options.map((h) => ({
-      key: oe(),
-      label: t.renderOption ? t.renderOption(h) : dr(h) ? Ut(h.label) : D(h),
-      value: h
+    const r = e, n = se("form", null), a = u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = u(() => a.value), l = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = u(() => t.options ? t.options.map((p) => ({
+      key: te(),
+      label: t.renderOption ? t.renderOption(p) : or(p) ? Ut(p.label) : q(p),
+      value: p
     })) : null), v = {
       labelClass: t.labelClass,
       optionsClass: t.optionsClass,
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${oe()}`,
+      id: `select-${te()}`,
       name: u(() => t.name),
       label: u(() => t.label),
       description: u(() => t.description),
-      placeholder: u(() => t.placeholder ?? S("ui.select", "Select an option")),
+      placeholder: u(() => t.placeholder ?? k("ui.select", "Select an option")),
       options: d,
       selectedOption: u(() => {
-        var h;
-        return (h = d.value) == null ? void 0 : h.find(($) => $.value === t.modelValue);
+        var p;
+        return (p = d.value) == null ? void 0 : p.find((_) => _.value === t.modelValue);
       }),
-      errors: Ee(c),
+      errors: he(l),
       required: u(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(h) {
+      update(p) {
         if (n && t.name) {
-          n.setFieldValue(t.name, h);
+          n.setFieldValue(t.name, p);
           return;
         }
-        r("update:modelValue", h);
+        r("update:modelValue", p);
       }
     };
-    function x(h) {
-      v.update(h);
+    function x(p) {
+      v.update(p);
     }
-    return se("select", v), s(v), (h, $) => (i(), f(o(is), {
-      "model-value": l.value,
-      by: h.compareOptions,
-      "onUpdate:modelValue": $[0] || ($[0] = (L) => x(L))
+    return ae("select", v), s(v), (p, _) => (c(), h(o(ds), {
+      "model-value": i.value,
+      by: p.compareOptions,
+      "onUpdate:modelValue": _[0] || (_[0] = (L) => x(L))
     }, {
-      default: m(({ open: L }) => [
-        (i(), f(N(h.as), ee(te(h.$attrs)), {
-          default: m(() => [
-            _(h.$slots, "default", {
-              modelValue: h.modelValue,
+      default: f(({ open: L }) => [
+        (c(), h(N(p.as), re(ne(p.$attrs)), {
+          default: f(() => [
+            w(p.$slots, "default", {
+              modelValue: p.modelValue,
               open: L
             }, () => [
-              p(ut),
-              p(pt)
+              m(it),
+              m(ut)
             ])
           ]),
           _: 2
@@ -1347,47 +1309,50 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Be = /* @__PURE__ */ g({
+}), De = /* @__PURE__ */ g({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = H(
+    const s = V(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Me(), r = u(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), f(o(cs), I({
+    ), e = He(), r = u(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (c(), h(o(ps), H({
       key: 0,
       for: o(s).id
     }, n.$props), {
-      default: m(() => [
-        _(n.$slots, "default", {}, () => [
-          P(C(o(s).label), 1)
+      default: f(() => [
+        w(n.$slots, "default", {}, () => [
+          A(S(o(s).label), 1)
         ])
       ]),
       _: 3
     }, 16, ["for"])) : M("", !0);
   }
-}), mt = /* @__PURE__ */ g({
+}), dt = /* @__PURE__ */ g({
   __name: "SelectLabel",
+  props: {
+    class: {}
+  },
   setup(t) {
-    const s = H("select", "<SelectLabel> must be a child of a <Select>"), e = u(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
-    return (r, n) => r.$slots.default ? (i(), f(Be, {
+    const s = V("select", "<SelectLabel> must be a child of a <Select>"), e = u(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (c(), h(De, {
       key: 0,
-      class: k(e.value)
+      class: C(e.value)
     }, {
-      default: m(() => [
-        _(r.$slots, "default")
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), f(Be, {
+    }, 8, ["class"])) : (c(), h(De, {
       key: 1,
-      class: k(e.value)
+      class: C(e.value)
     }, null, 8, ["class"]));
   }
-}), De = /* @__PURE__ */ g({
+}), je = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1400,57 +1365,57 @@ const ct = /* @__PURE__ */ g({
       "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(dt, {
-      class: k(s.value),
+    return (r, n) => (c(), h(ct, {
+      class: C(s.value),
       value: r.value
     }, {
-      default: m(() => [
+      default: f(() => [
         y("div", {
-          class: k(e.value)
+          class: C(e.value)
         }, [
-          _(r.$slots, "default")
+          w(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), ft = /* @__PURE__ */ g({
+}), pt = /* @__PURE__ */ g({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = H("select", "<SelectOptions> must be a child of a <Select>"), e = u(() => E(
+    const s = V("select", "<SelectOptions> must be a child of a <Select>"), e = u(() => E(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (i(), f(pt, {
-      class: k(e.value)
+    return (r, n) => (c(), h(ut, {
+      class: C(e.value)
     }, {
-      default: m(() => {
+      default: f(() => {
         var a;
         return [
-          (a = o(s).options) != null && a.length ? _(r.$slots, "default", { key: 0 }, () => {
-            var l;
+          (a = o(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+            var i;
             return [
-              (i(!0), b(B, null, q(((l = o(s)) == null ? void 0 : l.options) ?? [], (c) => (i(), f(De, {
-                key: c.key,
-                value: c.value
+              (c(!0), b(j, null, F(((i = o(s)) == null ? void 0 : i.options) ?? [], (l) => (c(), h(je, {
+                key: l.key,
+                value: l.value
               }, {
-                default: m(() => [
-                  P(C(c.label), 1)
+                default: f(() => [
+                  A(S(l.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : _(r.$slots, "default", { key: 1 }, () => [
-            p(De, {
+          }) : w(r.$slots, "default", { key: 1 }, () => [
+            m(je, {
               disabled: "",
               value: null
             }, {
-              default: m(() => [
-                P(C(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: f(() => [
+                A(S(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1460,42 +1425,42 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), gr = {
+}), pr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function vr(t, s) {
-  return i(), b("svg", gr, s[0] || (s[0] = [
+function mr(t, s) {
+  return c(), b("svg", pr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const br = R({ name: "zondicons-cheveron-down", render: vr }), ht = /* @__PURE__ */ g({
+const fr = P({ name: "zondicons-cheveron-down", render: mr }), mt = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = H("select", "<SelectTrigger> must be a child of a <Select>"), e = u(() => E(
+    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = u(() => E(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (i(), f(ut, {
-      class: k(e.value)
+    return (r, n) => (c(), h(it, {
+      class: C(e.value)
     }, {
-      default: m(() => [
-        p(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        p(o(br), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: f(() => [
+        m(ot, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        m(o(fr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), yr = /* @__PURE__ */ g({
+}), hr = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1514,91 +1479,291 @@ const br = R({ name: "zondicons-cheveron-down", render: vr }), ht = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ie();
-    return (e, r) => (i(), f(hr, I({ ref: o(s) }, e.$props, {
+    const { forwardRef: s } = Le();
+    return (e, r) => (c(), h(dr, H({ ref: o(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: m(() => [
-        p(mt),
-        _(e.$slots, "default", {}, () => [
-          p(ht),
-          p(ft)
+      default: f(() => [
+        m(dt),
+        w(e.$slots, "default", {}, () => [
+          m(mt),
+          m(pt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), _r = { class: "grow" }, wr = /* @__PURE__ */ g({
+}), gr = { class: "grow" }, vr = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
     const s = Q.getBrowserLocale(), e = u(() => [null, ...Q.locales]);
     function r(n) {
-      return (n && O.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+      return (n && O.locales[n]) ?? k("settings.localeDefault", "{locale} (default)", {
         locale: O.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), f(yr, {
+    return (n, a) => (c(), h(hr, {
       modelValue: n.$lang.locale,
-      "onUpdate:modelValue": a[0] || (a[0] = (l) => n.$lang.locale = l),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.$lang.locale = i),
       class: "flex flex-col items-start md:flex-row",
       as: "div",
       options: e.value,
       "render-option": r
     }, {
-      default: m(() => [
-        y("div", _r, [
-          p(mt, null, {
-            default: m(() => [
-              P(C(n.$td("settings.locale", "Language")), 1)
+      default: f(() => [
+        y("div", gr, [
+          m(dt, { class: "text-base font-semibold" }, {
+            default: f(() => [
+              A(S(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          p(A, {
+          m(T, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        p(z, {
+        m(z, {
           variant: "ghost",
-          as: ht,
+          as: mt,
           class: "grid w-auto outline-none"
         }),
-        p(ft)
+        m(pt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), $r = [
+}), br = [
   {
     priority: 100,
-    component: wr
+    component: vr
   }
-], xr = { $lang: Q }, Cr = {
+], yr = { $lang: Q }, wr = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = Ye), t.config.globalProperties.$td = S, $r.forEach((e) => j.addSetting(e)), await ve(t, xr);
+    (s = t.config.globalProperties).$t ?? (s.$t = Ge), t.config.globalProperties.$td = k, br.forEach((e) => D.addSetting(e)), await ye(t, yr);
+  }
+}, $r = /* @__PURE__ */ g({
+  __name: "Markdown",
+  props: {
+    as: {},
+    inline: { type: Boolean },
+    langKey: {},
+    langParams: {},
+    langDefault: {},
+    text: {},
+    actions: {}
+  },
+  setup(t) {
+    const s = Fe(), e = He(), r = u(() => e.default ? e.default().map(Ze).join("") : t.text ?? (t.langKey && (t.langDefault ? k(t.langKey, t.langDefault, t.langParams ?? {}) : Ge(t.langKey, t.langParams ?? {})))), n = u(() => {
+      if (!r.value)
+        return null;
+      let l = ar(r.value);
+      return t.inline && (l = l.replace("<p>", "<span>").replace("</p>", "</span>")), l;
+    }), a = () => Vt(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: n.value,
+      onClick: i,
+      ...s,
+      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function i(l) {
+      var v, x;
+      const { target: d } = l;
+      if (Re(d, HTMLElement) && d.dataset.markdownAction) {
+        (x = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || x.call(v);
+        return;
+      }
+      if (Re(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
+        const p = nr();
+        p && (l.preventDefault(), p.visit(d.dataset.markdownRoute));
+        return;
+      }
+    }
+    return (l, d) => (c(), h(a));
   }
-}, Sr = {
+}), _r = (t, s) => {
+  const e = t.__vccOpts || t;
+  for (const [r, n] of s)
+    e[r] = n;
+  return e;
+}, T = /* @__PURE__ */ _r($r, [["__scopeId", "data-v-8b211cfb"]]), xr = { class: "flex-grow" }, Cr = ["id"], Sr = /* @__PURE__ */ g({
+  __name: "Setting",
+  props: {
+    title: {},
+    titleId: {},
+    description: {},
+    class: {},
+    layout: { default: "horizontal" }
+  },
+  setup(t) {
+    const s = u(() => E(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (c(), b("div", {
+      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    }, [
+      y("div", xr, [
+        y("h3", {
+          id: e.titleId,
+          class: "text-base font-semibold"
+        }, S(e.title), 9, Cr),
+        e.description ? (c(), h(T, {
+          key: 0,
+          text: e.description,
+          class: "mt-1 text-sm text-gray-500"
+        }, null, 8, ["text"])) : M("", !0)
+      ]),
+      y("div", {
+        class: C(s.value)
+      }, [
+        w(e.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+}), kr = ["for"], Mr = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessSwitch",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    class: {},
+    labelClass: {},
+    inputClass: {},
+    thumbClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = se("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `switch-${te()}`,
+      name: u(() => t.name),
+      label: u(() => t.label),
+      description: u(() => t.description),
+      value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: he(a),
+      required: u(() => {
+        if (!(!t.name || !n))
+          return n.getFieldRules(t.name).includes("required");
+      }),
+      update(l) {
+        if (n && t.name) {
+          n.setFieldValue(t.name, l);
+          return;
+        }
+        r("update:modelValue", l);
+      }
+    };
+    return s(i), Z(() => {
+      !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
+    }), (l, d) => (c(), b("div", {
+      class: C(t.class)
+    }, [
+      l.label ? (c(), b("label", {
+        key: 0,
+        for: i.id,
+        class: C(l.labelClass)
+      }, S(l.label), 11, kr)) : M("", !0),
+      m(o(ms), H({
+        id: i.id,
+        name: l.name,
+        "model-value": i.value.value
+      }, l.$attrs, {
+        class: l.inputClass,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+      }), {
+        default: f(() => [
+          m(o(fs), {
+            class: C(l.thumbClass)
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["id", "name", "model-value", "class"])
+    ], 2));
+  }
+}), Er = /* @__PURE__ */ g({
+  __name: "Switch",
+  setup(t) {
+    return (s, e) => (c(), h(Mr, {
+      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"
+    }));
+  }
+}), Hr = /* @__PURE__ */ g({
+  __name: "Debug",
+  setup(t) {
+    let s = null;
+    const e = B(!1);
+    return Z(async () => {
+      if (!e.value) {
+        s == null || s.destroy();
+        return;
+      }
+      s ?? (s = (await import("eruda")).default), s.init();
+    }), (r, n) => (c(), h(Sr, {
+      "title-id": "debug-setting",
+      title: r.$td("settings.debug", "Debugging"),
+      description: r.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
+    }, {
+      default: f(() => [
+        m(Er, {
+          modelValue: e.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
+          "aria-labelledby": "debug-setting"
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["title", "description"]));
+  }
+}), Vr = [
+  {
+    priority: 10,
+    component: Hr
+  }
+], ft = [];
+function el(t) {
+  ft.push(t);
+}
+function ht(t) {
+  for (const s of ft) {
+    const e = s(t);
+    if (e)
+      return e;
+  }
+  return typeof t == "string" ? t : t instanceof Error || t instanceof ge ? t.message : ue(t) ? q(t.message ?? t.description ?? "Unknown error object") : k("errors.unknown", "Unknown Error");
+}
+class Be extends ge {
+}
+const Lr = { $errors: et }, Ir = (t) => (et.report(t), !0);
+function Tr(t, s = () => !1) {
+  const e = (r) => s(r) || Ir(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, l) => e(l ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+}
+const Rr = {
+  async install(t, s) {
+    Tr(t, s.handleError), Vr.forEach((e) => D.addSetting(e)), await ye(t, Lr);
+  }
+}, Pr = {
   async install() {
-    Le() && (globalThis.testingRuntime = {
-      on: (...t) => T.on(...t)
+    Ve() && (globalThis.testingRuntime = {
+      on: (...t) => I.on(...t),
+      service: (t) => D.service(t)
     });
   }
-}, kr = {
+}, Ar = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Mr(t, s) {
-  return i(), b("svg", kr, s[0] || (s[0] = [
+function zr(t, s) {
+  return c(), b("svg", Ar, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const Er = R({ name: "zondicons-close", render: Mr }), Hr = /* @__PURE__ */ g({
+const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1608,27 +1773,27 @@ const Er = R({ name: "zondicons-close", render: Mr }), Hr = /* @__PURE__ */ g({
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = F(null), { modal: r } = H(
+    const e = B(null), { modal: r } = V(
       "modal",
       "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.modal() instead"
     );
-    s({ close: l, $content: e });
-    const { forwardRef: n } = Ie(), a = F(!1);
-    se("$modalContentRef", e), at("close-modal", async ({ id: c, result: d }) => {
-      c === r.id && await l(d);
+    s({ close: i, $content: e });
+    const { forwardRef: n } = Le(), a = B(!1);
+    ae("$modalContentRef", e), rt("close-modal", async ({ id: l, result: d }) => {
+      l === r.id && await i(d);
     });
-    async function l(c) {
-      a.value || (await T.emit("modal-will-close", { modal: r, result: c }), a.value = !0, await T.emit("modal-has-closed", { modal: r, result: c }));
+    async function i(l) {
+      a.value || (await I.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await I.emit("modal-has-closed", { modal: r, result: l }));
     }
-    return (c, d) => (i(), f(o(us), {
+    return (l, d) => (c(), h(o(hs), {
       ref: o(n),
       open: "",
-      "onUpdate:open": d[0] || (d[0] = (v) => c.persistent || l())
+      "onUpdate:open": d[0] || (d[0] = (v) => l.persistent || i())
     }, {
-      default: m(() => [
-        p(o(ds), null, {
-          default: m(() => [
-            _(c.$slots, "default", { close: l })
+      default: f(() => [
+        m(o(gs), null, {
+          default: f(() => [
+            w(l.$slots, "default", { close: i })
           ]),
           _: 3
         })
@@ -1649,22 +1814,22 @@ const Er = R({ name: "zondicons-close", render: Mr }), Hr = /* @__PURE__ */ g({
         r[n] = o(s.modal.properties[n]);
       return r;
     });
-    return se("modal", {
-      modal: Ve(s, "modal"),
-      childIndex: Ve(s, "childIndex")
-    }), (r, n) => (i(), f(N(r.modal.component), ee(te(e.value)), null, 16));
+    return ae("modal", {
+      modal: Te(s, "modal"),
+      childIndex: Te(s, "childIndex")
+    }), (r, n) => (c(), h(N(r.modal.component), re(ne(e.value)), null, 16));
   }
-}), Lr = /* @__PURE__ */ g({
+}), Br = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { childIndex: s = 0 } = H(
+    const { childIndex: s = 0 } = V(
       "modal",
       "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.modal() instead"
-    ), e = zs("$modalContentRef"), r = re("$contentRef"), n = u(() => V.modals[s] ?? null);
-    return ie(() => e.value = r.value), (a, l) => (i(), f(o(ps), { ref: "$contentRef" }, {
-      default: m(() => [
-        _(a.$slots, "default"),
-        n.value ? (i(), f(gt, {
+    ), e = js("$modalContentRef"), r = le("$contentRef"), n = u(() => R.modals[s] ?? null);
+    return Z(() => e.value = r.value), (a, i) => (c(), h(o(vs), { ref: "$contentRef" }, {
+      default: f(() => [
+        w(a.$slots, "default"),
+        n.value ? (c(), h(gt, {
           key: 0,
           "child-index": o(s) + 1,
           modal: n.value
@@ -1673,21 +1838,21 @@ const Er = R({ name: "zondicons-close", render: Mr }), Hr = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), Ir = /* @__PURE__ */ g({
+}), qr = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(o(ms), ee(te(s.$props)), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(o(bs), re(ne(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Tr = /* @__PURE__ */ g({
+}), Fr = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1695,31 +1860,31 @@ const Er = R({ name: "zondicons-close", render: Mr }), Hr = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(o(fs), ee(te(s.$props)), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(o(ys), re(ne(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Vr = /* @__PURE__ */ g({
+}), Ur = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(o(hs), ee(te(s.$props)), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(o(ws), re(ne(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Rr = {
+}), Or = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Pr = ["onClick"], Ar = { class: "sr-only" }, X = /* @__PURE__ */ g({
+}, Nr = ["onClick"], Wr = { class: "sr-only" }, G = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1734,79 +1899,83 @@ const Er = R({ name: "zondicons-close", render: Mr }), Hr = /* @__PURE__ */ g({
   setup(t, { expose: s }) {
     const e = J(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
     s({
-      close: async (h) => {
-        var $;
-        return ($ = a.value) == null ? void 0 : $.close(h);
+      close: async (p) => {
+        var _;
+        return (_ = a.value) == null ? void 0 : _.close(p);
       },
       $content: u(() => {
-        var h;
-        return (h = a.value) == null ? void 0 : h.$content;
+        var p;
+        return (p = a.value) == null ? void 0 : p.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ie(), a = n, l = H("modal"), c = u(() => !l.modal.closing && l.childIndex === V.openModals.length), d = u(() => t.description ? {} : { "aria-describedby": void 0 }), v = u(() => E("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), x = u(() => E(
+    const { forwardRef: r, currentRef: n } = Le(), a = n, i = V("modal"), l = u(() => !i.modal.closing && i.childIndex === R.openModals.length), d = u(() => t.description ? {} : { "aria-describedby": void 0 }), v = u(() => E("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), x = u(() => E(
       "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",
       "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": !c.value,
-        "scale-100 opacity-100": c.value
+        "scale-50 opacity-0": !l.value,
+        "scale-100 opacity-100": l.value
       },
       t.wrapperClass
     ));
-    return at("modal-will-close", async ({ modal: { id: h } }) => {
-      h === l.modal.id && await xe({ ms: 300 });
-    }), (h, $) => (i(), f(Hr, I(e, {
+    return rt("modal-will-close", async ({ modal: { id: p } }) => {
+      p === i.modal.id && await ce({ ms: 300 });
+    }), (p, _) => (c(), h(jr, H(e, {
       ref: (L) => o(r)(L),
-      persistent: h.persistent
+      persistent: p.persistent
     }), {
-      default: m(({ close: L }) => [
-        p(Tr, {
-          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
-            "bg-black/30": o(l).childIndex === 1,
-            "opacity-0": o(l).childIndex === 1 && o(l).modal.closing
+      default: f(({ close: L }) => [
+        m(Fr, {
+          class: C(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
+            "bg-black/30": o(i).childIndex === 1,
+            "opacity-0": o(i).childIndex === 1 && o(i).modal.closing
           }])
         }, null, 8, ["class"]),
-        p(Lr, I(d.value, { class: x.value }), {
-          default: m(() => [
-            !h.persistent && !h.closeHidden ? (i(), b("div", Rr, [
+        m(Br, H(d.value, { class: x.value }), {
+          default: f(() => [
+            !p.persistent && !p.closeHidden ? (c(), b("div", Or, [
               y("button", {
                 type: "button",
                 class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                onClick: (be) => L()
+                onClick: (we) => L()
               }, [
-                y("span", Ar, C(h.$td("ui.close", "Close")), 1),
-                p(o(Er), { class: "size-4" })
-              ], 8, Pr)
+                y("span", Wr, S(p.$td("ui.close", "Close")), 1),
+                m(o(Dr), { class: "size-4" })
+              ], 8, Nr)
             ])) : M("", !0),
-            h.title ? (i(), f(Vr, {
+            p.title ? (c(), h(Ur, {
               key: 1,
-              class: k(["px-4 pt-5 pb-2 text-base font-semibold text-gray-900", { "sr-only": h.titleHidden }])
+              class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                "sr-only": p.titleHidden,
+                "pb-0": p.description && !p.descriptionHidden,
+                "pb-2": !p.description || p.descriptionHidden
+              }])
             }, {
-              default: m(() => [
-                p(A, {
-                  text: h.title,
+              default: f(() => [
+                m(T, {
+                  text: p.title,
                   inline: ""
                 }, null, 8, ["text"])
               ]),
               _: 1
             }, 8, ["class"])) : M("", !0),
-            h.description ? (i(), f(Ir, {
+            p.description ? (c(), h(qr, {
               key: 2,
-              class: k({ "sr-only": h.descriptionHidden })
+              class: C(["px-4 pt-1 pb-2", { "sr-only": p.descriptionHidden }])
             }, {
-              default: m(() => [
-                p(A, {
-                  text: h.description,
-                  class: "mt-1 text-sm leading-6 text-gray-500"
+              default: f(() => [
+                m(T, {
+                  text: p.description,
+                  class: "text-sm leading-6 text-gray-500"
                 }, null, 8, ["text"])
               ]),
               _: 1
             }, 8, ["class"])) : M("", !0),
             y("div", {
-              class: k(v.value)
+              class: C(v.value)
             }, [
-              _(h.$slots, "default", { close: L })
+              w(p.$slots, "default", { close: L })
             ], 2)
           ]),
           _: 2
@@ -1816,24 +1985,24 @@ const Er = R({ name: "zondicons-close", render: Mr }), Hr = /* @__PURE__ */ g({
     }, 16, ["persistent"]));
   }
 });
-function zr(t) {
-  const s = u(() => t.title ?? S("ui.alert", "Alert")), e = u(() => !t.title);
+function Kr(t) {
+  const s = u(() => t.title ?? k("ui.alert", "Alert")), e = u(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const jr = /* @__PURE__ */ g({
+const Qr = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = zr(e);
-    return s(), (a, l) => (i(), f(X, {
+    const e = t, { renderedTitle: r, titleHidden: n } = Kr(e);
+    return s(), (a, i) => (c(), h(G, {
       title: o(r),
       "title-hidden": o(n)
     }, {
-      default: m(() => [
-        p(A, { text: a.message }, null, 8, ["text"])
+      default: f(() => [
+        m(T, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
@@ -1847,39 +2016,39 @@ const jr = /* @__PURE__ */ g({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return ie((n) => {
+    return Z((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), se("form", t.form), (n, a) => (i(), b("form", {
-      onSubmit: a[0] || (a[0] = Ue((l) => {
-        var c;
-        return (c = n.form) == null ? void 0 : c.submit();
+    }), ae("form", t.form), (n, a) => (c(), b("form", {
+      onSubmit: a[0] || (a[0] = Ue((i) => {
+        var l;
+        return (l = n.form) == null ? void 0 : l.submit();
       }, ["prevent"]))
     }, [
-      _(n.$slots, "default")
+      w(n.$slots, "default")
     ], 32));
   }
 });
-function Br(t) {
-  const s = lt(
+function Jr(t) {
+  const s = at(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (l, [c, d]) => ({
-        [c]: {
+      (i, [l, d]) => ({
+        [l]: {
           type: "boolean",
           default: d.default,
           required: d.required ? "required" : void 0
         },
-        ...l
+        ...i
       }),
       {}
     )
-  ), e = u(() => t.title ?? S("ui.confirm", "Confirm")), r = u(() => !t.title), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  ), e = u(() => t.title ?? k("ui.confirm", "Confirm")), r = u(() => !t.title), n = u(() => t.acceptText ?? k("ui.accept", "Ok")), a = u(() => t.cancelText ?? k("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Dr = {
+const Zr = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, qr = { class: "flex items-center" }, Fr = ["onUpdate:modelValue", "required"], Ur = { class: "ml-1.5" }, Or = { class: "mt-4 flex flex-row-reverse gap-2" }, Nr = /* @__PURE__ */ g({
+}, Xr = { class: "flex items-center" }, Yr = ["onUpdate:modelValue", "required"], Gr = { class: "ml-1.5" }, en = { class: "mt-4 flex flex-row-reverse gap-2" }, tn = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -1893,54 +2062,54 @@ const Dr = {
     required: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = J(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: l, renderedCancelText: c } = Br(e);
-    return s(), (d, v) => (i(), f(X, {
+    const e = J(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = Jr(e);
+    return s(), (d, v) => (c(), h(G, {
       title: o(n),
       "title-hidden": o(a),
       persistent: ""
     }, {
-      default: m(({ close: x }) => [
-        p(vt, {
+      default: f(({ close: x }) => [
+        m(vt, {
           form: o(r),
-          onSubmit: (h) => x([!0, o(r).data()])
+          onSubmit: (p) => x([!0, o(r).data()])
         }, {
-          default: m(() => [
-            p(A, {
+          default: f(() => [
+            m(T, {
               text: d.message,
               actions: d.actions
             }, null, 8, ["text", "actions"]),
-            d.checkboxes ? (i(), b("ul", Dr, [
-              (i(!0), b(B, null, q(d.checkboxes, (h, $) => (i(), b("li", { key: $ }, [
-                y("label", qr, [
+            d.checkboxes ? (c(), b("ul", Zr, [
+              (c(!0), b(j, null, F(d.checkboxes, (p, _) => (c(), b("li", { key: _ }, [
+                y("label", Xr, [
                   Oe(y("input", {
-                    "onUpdate:modelValue": (L) => o(r)[$] = L,
+                    "onUpdate:modelValue": (L) => o(r)[_] = L,
                     type: "checkbox",
-                    required: h.required,
+                    required: p.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, Fr), [
-                    [It, o(r)[$]]
+                  }, null, 8, Yr), [
+                    [Lt, o(r)[_]]
                   ]),
-                  y("span", Ur, C(h.label), 1)
+                  y("span", Gr, S(p.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
-            y("div", Or, [
-              p(z, {
+            y("div", en, [
+              m(z, {
                 variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  P(C(o(l)), 1)
+                default: f(() => [
+                  A(S(o(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d.required ? M("", !0) : (i(), f(z, {
+              d.required ? M("", !0) : (c(), h(z, {
                 key: 0,
                 variant: d.cancelVariant,
-                onClick: (h) => x(!1)
+                onClick: (p) => x(!1)
               }, {
-                default: m(() => [
-                  P(C(o(c)), 1)
+                default: f(() => [
+                  A(S(o(l)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -1952,94 +2121,94 @@ const Dr = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Wr = {
+}), sn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Kr(t, s) {
-  return i(), b("svg", Wr, s[0] || (s[0] = [
+function rn(t, s) {
+  return c(), b("svg", sn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const Qr = R({ name: "zondicons-cheveron-left", render: Kr }), Jr = {
+const nn = P({ name: "zondicons-cheveron-left", render: rn }), an = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Zr(t, s) {
-  return i(), b("svg", Jr, s[0] || (s[0] = [
+function ln(t, s) {
+  return c(), b("svg", an, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
     }, null, -1)
   ]));
 }
-const bt = R({ name: "zondicons-cheveron-right", render: Zr }), Gr = {
+const bt = P({ name: "zondicons-cheveron-right", render: ln }), on = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Xr(t, s) {
-  return i(), b("svg", Gr, s[0] || (s[0] = [
+function cn(t, s) {
+  return c(), b("svg", on, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const yt = R({ name: "zondicons-exclamation-solid", render: Xr }), Yr = {
+const yt = P({ name: "zondicons-exclamation-solid", render: cn }), un = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function en(t, s) {
-  return i(), b("svg", Yr, s[0] || (s[0] = [
+function dn(t, s) {
+  return c(), b("svg", un, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const tn = R({ name: "mdi-console", render: en }), sn = {
+const pn = P({ name: "mdi-console", render: dn }), mn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function rn(t, s) {
-  return i(), b("svg", sn, s[0] || (s[0] = [
+function fn(t, s) {
+  return c(), b("svg", mn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const nn = R({ name: "zondicons-copy", render: rn }), an = {
+const hn = P({ name: "zondicons-copy", render: fn }), gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function on(t, s) {
-  return i(), b("svg", an, s[0] || (s[0] = [
+function vn(t, s) {
+  return c(), b("svg", gn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const ln = R({ name: "mdi-github", render: on }), cn = { class: "flex" }, un = { class: "sr-only" }, dn = /* @__PURE__ */ g({
+const bn = P({ name: "mdi-github", render: vn }), yn = { class: "flex" }, wn = { class: "sr-only" }, $n = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
     const s = t, e = u(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = u(() => {
-      if (!j.sourceUrl)
+      if (!D.sourceUrl)
         return !1;
-      const a = encodeURIComponent(e.value), l = encodeURIComponent(
+      const a = encodeURIComponent(e.value), i = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
@@ -2047,33 +2216,33 @@ const ln = R({ name: "mdi-github", render: on }), cn = { class: "flex" }, un = {
           "```",
           Ot(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - j.sourceUrl.length
+            1800 - a.length - D.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${j.sourceUrl}/issues/new?title=${a}&body=${l}`;
-    }), n = u(() => Z(
+      return `${D.sourceUrl}/issues/new?title=${a}&body=${i}`;
+    }), n = u(() => X(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: nn,
+          iconComponent: hn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), V.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), R.toast(k("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: tn,
+          iconComponent: pn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), V.toast(
-              S(
+            window.error = a, console.error(a), R.toast(
+              k(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2085,24 +2254,24 @@ ${s.report.details}`), V.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: ln,
+          iconComponent: bn,
           url: r.value
         });
       }
     ));
-    return (a, l) => (i(), b("div", cn, [
-      (i(!0), b(B, null, q(n.value, (c) => _(a.$slots, "default", I({ ref_for: !0 }, c), () => [
-        p(z, {
+    return (a, i) => (c(), b("div", yn, [
+      (c(!0), b(j, null, F(n.value, (l) => w(a.$slots, "default", H({ ref_for: !0 }, l), () => [
+        m(z, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: c.url,
-          title: a.$td(`errors.report_${c.id}`, c.description),
-          onClick: c.click
+          href: l.url,
+          title: a.$td(`errors.report_${l.id}`, l.description),
+          onClick: l.click
         }, {
-          default: m(() => [
-            y("span", un, C(a.$td(`errors.report_${c.id}`, c.description)), 1),
-            (i(), f(N(c.iconComponent), {
+          default: f(() => [
+            y("span", wn, S(a.$td(`errors.report_${l.id}`, l.description)), 1),
+            (c(), h(N(l.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2112,7 +2281,7 @@ ${s.report.details}`), V.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), pn = /* @__PURE__ */ g({
+}), _n = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2121,19 +2290,19 @@ ${s.report.details}`), V.toast(S("errors.copiedToClipboard", "Debug information
   },
   setup(t) {
     const s = u(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (i(), f(A, {
+    return (e, r) => (c(), h(T, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function mn(t) {
-  const s = F(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = u(() => t.reports[s.value]), r = u(
+function xn(t) {
+  const s = B(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = u(() => t.reports[s.value]), r = u(
     () => {
-      var l;
-      return ((l = e.value.details) == null ? void 0 : l.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var i;
+      return ((i = e.value.details) == null ? void 0 : i.trim()) || k("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
+  ), n = k("errors.previousReport", "Show previous report"), a = k("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2142,50 +2311,50 @@ function mn(t) {
     activeReport: e
   };
 }
-const fn = { class: "px-4 pt-5 pb-4" }, hn = { class: "flex justify-between gap-4" }, gn = { class: "flex items-center gap-2" }, vn = {
+const Cn = { class: "px-4 pt-5 pb-4" }, Sn = { class: "flex justify-between gap-4" }, kn = { class: "flex items-center gap-2" }, Mn = {
   key: 0,
   class: "flex gap-0.5"
-}, bn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, yn = ["textContent"], _n = /* @__PURE__ */ g({
+}, En = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Hn = ["textContent"], Vn = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: l, activeReport: c } = mn(e);
-    return s(), (d, v) => (i(), f(X, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = xn(e);
+    return s(), (d, v) => (c(), h(G, {
       title: d.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
       class: "p-0",
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
-      default: m(() => [
-        y("div", fn, [
-          y("h2", hn, [
-            y("div", gn, [
-              p(o(yt), { class: "size-5 text-red-600" }),
-              p(pn, {
+      default: f(() => [
+        y("div", Cn, [
+          y("h2", Sn, [
+            y("div", kn, [
+              m(o(yt), { class: "size-5 text-red-600" }),
+              m(_n, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: o(c),
+                report: o(l),
                 "current-report": o(r) + 1,
                 "total-reports": d.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              d.reports.length > 1 ? (i(), b("span", vn, [
-                p(z, {
+              d.reports.length > 1 ? (c(), b("span", Mn, [
+                m(z, {
                   size: "icon",
                   variant: "ghost",
                   disabled: o(r) === 0,
-                  "aria-label": o(l),
-                  title: o(l),
+                  "aria-label": o(i),
+                  title: o(i),
                   onClick: v[0] || (v[0] = (x) => r.value--)
                 }, {
-                  default: m(() => [
-                    p(o(Qr), { class: "size-4" })
+                  default: f(() => [
+                    m(o(nn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                p(z, {
+                m(z, {
                   size: "icon",
                   variant: "ghost",
                   disabled: o(r) === d.reports.length - 1,
@@ -2193,41 +2362,41 @@ const fn = { class: "px-4 pt-5 pb-4" }, hn = { class: "flex justify-between gap-
                   title: o(a),
                   onClick: v[1] || (v[1] = (x) => r.value++)
                 }, {
-                  default: m(() => [
-                    p(o(bt), { class: "size-4" })
+                  default: f(() => [
+                    m(o(bt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : M("", !0)
             ]),
-            p(dn, {
-              report: o(c),
+            m($n, {
+              report: o(l),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          o(c).description ? (i(), f(A, {
+          o(l).description ? (c(), h(T, {
             key: 0,
-            text: o(c).description,
+            text: o(l).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : M("", !0)
         ]),
-        y("div", bn, [
+        y("div", En, [
           y("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: C(o(n))
-          }, null, 8, yn)
+            textContent: S(o(n))
+          }, null, 8, Hn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), wn = {
+}), Ln = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function $n(t, s) {
-  return i(), b("svg", wn, s[0] || (s[0] = [
+function In(t, s) {
+  return c(), b("svg", Ln, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
@@ -2247,7 +2416,7 @@ function $n(t, s) {
     ], -1)
   ]));
 }
-const xn = R({ name: "svg-spinners-90-ring-with-bg", render: $n }), Cn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Sn = { class: "sr-only" }, kn = /* @__PURE__ */ g({
+const Tn = P({ name: "svg-spinners-90-ring-with-bg", render: In }), Rn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Pn = { class: "sr-only" }, An = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2256,31 +2425,31 @@ const xn = R({ name: "svg-spinners-90-ring-with-bg", render: $n }), Cn = { class
   },
   setup(t) {
     let s;
-    const e = F(0), r = u(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = u(() => typeof t.progress == "number" ? t.progress : e.value);
-    return He(
+    const e = B(0), r = u(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = u(() => typeof t.progress == "number" ? t.progress : e.value);
+    return Ee(
       () => 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 }
-    ), me(() => s && s()), (a, l) => (i(), b("div", Cn, [
+    ), fe(() => s && s()), (a, i) => (c(), b("div", Rn, [
       y("div", {
-        class: k(r.value),
-        style: Tt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        class: C(r.value),
+        style: It(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", Sn, C(a.$td("ui.progress", "{progress}% complete", {
+      y("span", Pn, S(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function Mn(t) {
-  const s = u(() => t.title ?? S("ui.loading", "Loading")), e = u(
-    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
+function zn(t) {
+  const s = u(() => t.title ?? k("ui.loading", "Loading")), e = u(
+    () => t.message ?? k("ui.loadingInProgress", "Loading in progress...")
   ), r = u(() => typeof t.progress == "number" || !!t.job), n = u(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const En = /* @__PURE__ */ g({
+const Dn = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2289,30 +2458,30 @@ const En = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: l } = Mn(e);
-    return s(), (c, d) => (i(), f(X, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = zn(e);
+    return s(), (l, d) => (c(), h(G, {
       persistent: "",
-      class: k(["flex", { "flex-col-reverse": o(l), "items-center justify-center gap-2": !o(l) }]),
+      class: C(["flex", { "flex-col-reverse": o(i), "items-center justify-center gap-2": !o(i) }]),
       "wrapper-class": "w-auto",
       title: o(r),
       "title-hidden": o(a)
     }, {
-      default: m(() => [
-        o(l) ? (i(), f(kn, {
+      default: f(() => [
+        o(i) ? (c(), h(An, {
           key: 0,
-          progress: c.progress,
-          job: c.job,
+          progress: l.progress,
+          job: l.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (i(), f(o(xn), {
+        }, null, 8, ["progress", "job"])) : (c(), h(o(Tn), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        p(A, { text: o(n) }, null, 8, ["text"])
+        m(T, { text: o(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), _t = /* @__PURE__ */ g({
+}), wt = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2323,59 +2492,59 @@ const En = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = le("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), l = {
-      id: `input-${oe()}`,
+    const r = e, n = se("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `input-${te()}`,
       name: u(() => t.name),
       label: u(() => t.label),
       description: u(() => t.description),
       value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: Ee(a),
+      errors: he(a),
       required: u(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(c) {
+      update(l) {
         if (n && t.name) {
-          n.setFieldValue(t.name, c);
+          n.setFieldValue(t.name, l);
           return;
         }
-        r("update:modelValue", c);
+        r("update:modelValue", l);
       }
     };
-    return se("input", l), s(l), (c, d) => (i(), f(N(c.as), null, {
-      default: m(() => [
-        _(c.$slots, "default")
+    return ae("input", i), s(i), (l, d) => (c(), h(N(l.as), null, {
+      default: f(() => [
+        w(l.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Hn = ["for"], Se = /* @__PURE__ */ g({
+}), jn = ["for"], ke = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = H("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Me(), r = u(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), b("label", {
+    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = He(), r = u(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (c(), b("label", {
       key: 0,
       for: o(s).id
     }, [
-      _(n.$slots, "default", {}, () => [
-        P(C(o(s).label), 1)
+      w(n.$slots, "default", {}, () => [
+        A(S(o(s).label), 1)
       ])
-    ], 8, Hn)) : M("", !0);
+    ], 8, jn)) : M("", !0);
   }
-}), Ln = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], wt = /* @__PURE__ */ g({
+}), Bn = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], $t = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
     type: { default: "text" }
   },
   setup(t) {
-    const s = re("$inputRef"), e = H("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = u(() => e.name ?? void 0), n = u(() => e.value), a = u(() => {
+    const s = le("$inputRef"), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = u(() => e.name ?? void 0), n = u(() => e.value), a = u(() => {
       if (t.type === "checkbox")
         return !!n.value;
     });
-    function l() {
-      s.value && e.update(c());
+    function i() {
+      s.value && e.update(l());
     }
-    function c() {
+    function l() {
       if (!s.value)
         return null;
       switch (t.type) {
@@ -2387,18 +2556,18 @@ const En = /* @__PURE__ */ g({
           return s.value.value;
       }
     }
-    return ot(e, () => {
+    return nt(e, () => {
       var d;
       return (d = s.value) == null ? void 0 : d.focus();
-    }), ie(() => {
+    }), Z(() => {
       if (s.value) {
-        if (t.type === "date") {
+        if (t.type === "date" && n.value instanceof Date) {
           s.value.valueAsDate = n.value;
           return;
         }
         s.value.value = n.value ?? null;
       }
-    }), (d, v) => (i(), b("input", {
+    }), (d, v) => (c(), b("input", {
       id: o(e).id,
       ref: "$inputRef",
       name: r.value,
@@ -2407,39 +2576,39 @@ const En = /* @__PURE__ */ g({
       required: o(e).required ?? void 0,
       "aria-invalid": o(e).errors ? "true" : "false",
       "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
-      onInput: l
-    }, null, 40, Ln));
+      onInput: i
+    }, null, 40, Bn));
   }
-}), In = /* @__PURE__ */ g({
+}), qn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = H(
+    const s = V(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
     ), e = u(() => typeof s.description == "string" ? s.description : ""), r = u(() => !!s.description);
-    return (n, a) => _(n.$slots, "default", {
+    return (n, a) => w(n.$slots, "default", {
       id: `${o(s).id}-description`
     }, () => [
-      r.value ? (i(), f(A, I({ key: 0 }, n.$attrs, {
+      r.value ? (c(), h(T, H({ key: 0 }, n.$attrs, {
         id: `${o(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), Tn = ["id"], ke = /* @__PURE__ */ g({
+}), Fn = ["id"], Me = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = H("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = u(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (i(), b("p", {
+    const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = u(() => s.errors ? k(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (c(), b("p", {
       key: 0,
       id: `${o(s).id}-error`
-    }, C(e.value), 9, Tn)) : M("", !0);
+    }, S(e.value), 9, Fn)) : M("", !0);
   }
-}), Vn = {
+}), Un = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Rn = /* @__PURE__ */ g({
+}, On = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2452,123 +2621,123 @@ const En = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = J(t, ["label", "inputClass", "wrapperClass"]), e = re("$inputRef"), [r, n] = it(), a = u(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), l = u(() => {
-      var c, d, v;
+    const s = J(t, ["label", "inputClass", "wrapperClass"]), e = le("$inputRef"), [r, n] = lt(), a = u(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = u(() => {
+      var l, d, v;
       return E(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((c = e.value) != null && c.errors),
+          "focus:ring-primary-600": !((l = e.value) != null && l.errors),
           "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
           "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
     });
-    return (c, d) => (i(), f(_t, I({
+    return (l, d) => (c(), h(wt, H({
       ref: "$inputRef",
-      label: c.label,
+      label: l.label,
       class: o(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (v) => c.$emit("update:modelValue", v))
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
     }), {
-      default: m(() => {
+      default: f(() => {
         var v;
         return [
-          p(Se, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          m(ke, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           y("div", {
-            class: k(a.value)
+            class: C(a.value)
           }, [
-            p(wt, I(o(r), { class: l.value }), null, 16, ["class"]),
-            (v = o(e)) != null && v.errors ? (i(), b("div", Vn, [
-              p(o(yt), { class: "size-5 text-red-500" })
+            m($t, H(o(r), { class: i.value }), null, 16, ["class"]),
+            (v = o(e)) != null && v.errors ? (c(), b("div", Un, [
+              m(o(yt), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          p(In, { class: "mt-2 text-sm text-gray-600" }),
-          p(ke, { class: "mt-2 text-sm text-red-600" })
+          m(qn, { class: "mt-2 text-sm text-gray-600" }),
+          m(Me, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function Na(t, s = {}) {
+function tl(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Wa(t, s = {}) {
+function sl(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Ka(t) {
+function rl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Qa(t) {
+function nl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Ja(t) {
+function al(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Za(t) {
+function ll(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Pn(t) {
+function Nn(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Ga(t, s = {}) {
+function ol(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Xa(t, s = {}) {
+function il(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Ya(t, s = {}) {
+function cl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function An(t) {
-  const s = lt({
-    draft: Pn(t.defaultValue ?? "")
-  }), e = u(() => t.title ?? t.message), r = u(() => t.title ? t.message : null), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+function Wn(t) {
+  const s = at({
+    draft: Nn(t.defaultValue ?? "")
+  }), e = u(() => t.title ?? t.message), r = u(() => t.title ? t.message : null), n = u(() => t.acceptText ?? k("ui.accept", "Ok")), a = u(() => t.cancelText ?? k("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const zn = { class: "mt-4 flex flex-row-reverse gap-2" }, jn = /* @__PURE__ */ g({
+const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2582,43 +2751,43 @@ const zn = { class: "mt-4 flex flex-row-reverse gap-2" }, jn = /* @__PURE__ */ g
     cancelVariant: { default: "secondary" }
   },
   setup(t, { expose: s }) {
-    const e = J(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: l, renderedCancelText: c } = An(e);
-    return s(), (d, v) => (i(), f(X, {
+    const e = J(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: l } = Wn(e);
+    return s(), (d, v) => (c(), h(G, {
       title: o(n),
       persistent: ""
     }, {
-      default: m(({ close: x }) => [
-        p(vt, {
+      default: f(({ close: x }) => [
+        m(vt, {
           form: o(r),
-          onSubmit: (h) => x(o(r).draft)
+          onSubmit: (p) => x(o(r).draft)
         }, {
-          default: m(() => [
-            o(a) ? (i(), f(A, {
+          default: f(() => [
+            o(a) ? (c(), h(T, {
               key: 0,
               text: o(a)
             }, null, 8, ["text"])) : M("", !0),
-            p(Rn, {
+            m(On, {
               name: "draft",
               class: "mt-2",
               placeholder: d.placeholder,
               label: d.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", zn, [
-              p(z, {
+            y("div", Kn, [
+              m(z, {
                 variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  P(C(o(l)), 1)
+                default: f(() => [
+                  A(S(o(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p(z, {
+              m(z, {
                 variant: d.cancelVariant,
-                onClick: (h) => x()
+                onClick: (p) => x()
               }, {
-                default: m(() => [
-                  P(C(o(c)), 1)
+                default: f(() => [
+                  A(S(o(l)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2630,13 +2799,13 @@ const zn = { class: "mt-4 flex flex-row-reverse gap-2" }, jn = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), Bn = { class: "grid grow place-items-center" }, Dn = { class: "flex flex-col items-center space-y-6 p-8" }, qn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Fn = { class: "mt-4 flex flex-col space-y-4" }, Un = /* @__PURE__ */ g({
+}), Jn = { class: "grid grow place-items-center" }, Zn = { class: "flex flex-col items-center space-y-6 p-8" }, Xn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Yn = { class: "mt-4 flex flex-col space-y-4" }, Gn = /* @__PURE__ */ g({
   __name: "StartupCrash",
   setup(t) {
-    return (s, e) => (i(), b("div", Bn, [
-      y("div", Dn, [
-        y("h1", qn, C(s.$td("startupCrash.title", "Something went wrong!")), 1),
-        p(A, {
+    return (s, e) => (c(), b("div", Jn, [
+      y("div", Zn, [
+        y("h1", Xn, S(s.$td("startupCrash.title", "Something went wrong!")), 1),
+        m(T, {
           text: s.$td(
             "startupCrash.message",
             `Something failed trying to start the application.
@@ -2645,22 +2814,22 @@ Here's some things you can do:`
           ),
           class: "mt-4 text-center"
         }, null, 8, ["text"]),
-        y("div", Fn, [
-          p(z, {
+        y("div", Yn, [
+          m(z, {
             variant: "danger",
             onClick: e[0] || (e[0] = (r) => s.$app.reload())
           }, {
-            default: m(() => [
-              P(C(s.$td("startupCrash.reload", "Try again")), 1)
+            default: f(() => [
+              A(S(s.$td("startupCrash.reload", "Try again")), 1)
             ]),
             _: 1
           }),
-          p(z, {
+          m(z, {
             variant: "danger",
             onClick: e[1] || (e[1] = (r) => s.$errors.inspect(s.$errors.startupErrors))
           }, {
-            default: m(() => [
-              P(C(s.$td("startupCrash.inspect", "View error details")), 1)
+            default: f(() => [
+              A(S(s.$td("startupCrash.inspect", "View error details")), 1)
             ]),
             _: 1
           })
@@ -2668,23 +2837,23 @@ Here's some things you can do:`
       ])
     ]));
   }
-}), $t = /* @__PURE__ */ g({
+}), _t = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(N(s.action.dismiss ? o(gs) : "button"), {
+    return (s, e) => (c(), h(N(s.action.dismiss ? o($s) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: m(() => [
-        P(C(s.action.label), 1)
+      default: f(() => [
+        A(S(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), On = { key: 0 }, Nn = /* @__PURE__ */ g({
+}), ea = { key: 0 }, ta = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2692,11 +2861,11 @@ Here's some things you can do:`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(o(vs), null, {
-      default: m(() => [
-        _(s.$slots, "default", {}, () => [
-          s.message ? (i(), b("span", On, C(s.message), 1)) : M("", !0),
-          (i(!0), b(B, null, q(s.actions, (r, n) => (i(), f($t, {
+    return (s, e) => (c(), h(o(_s), null, {
+      default: f(() => [
+        w(s.$slots, "default", {}, () => [
+          s.message ? (c(), b("span", ea, S(s.message), 1)) : M("", !0),
+          (c(!0), b(j, null, F(s.actions, (r, n) => (c(), h(_t, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2705,7 +2874,7 @@ Here's some things you can do:`
       _: 3
     }));
   }
-}), Wn = /* @__PURE__ */ g({
+}), sa = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -2714,7 +2883,7 @@ Here's some things you can do:`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = u(() => nt(
+    const e = u(() => st(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -2729,110 +2898,110 @@ Here's some things you can do:`
         }
       }
     ));
-    return s(), (r, n) => (i(), f(Nn, {
-      class: k(e.value)
+    return s(), (r, n) => (c(), h(ta, {
+      class: C(e.value)
     }, {
-      default: m(() => [
-        r.message ? (i(), f(A, {
+      default: f(() => [
+        r.message ? (c(), h(T, {
           key: 0,
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : M("", !0),
-        (i(!0), b(B, null, q(r.actions, (a, l) => (i(), f(z, {
-          key: l,
+        (c(!0), b(j, null, F(r.actions, (a, i) => (c(), h(z, {
+          key: i,
           action: a,
           variant: r.variant,
-          as: $t
+          as: _t
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Kn = { $ui: V }, Qn = {
+}), ra = { $ui: R }, na = {
   async install(t, s) {
     const e = {
-      "alert-modal": jr,
-      "confirm-modal": Nr,
-      "error-report-modal": _n,
-      "loading-modal": En,
-      "prompt-modal": jn,
-      "startup-crash": Un,
-      toast: Wn,
+      "alert-modal": Qr,
+      "confirm-modal": tn,
+      "error-report-modal": Vn,
+      "loading-modal": Dn,
+      "prompt-modal": Qn,
+      "startup-crash": Gn,
+      toast: sa,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      V.registerComponent(r, n);
-    await ve(t, Kn);
+      R.registerComponent(r, n);
+    await ye(t, ra);
   }
 };
-async function Jn(t, s = {}) {
+async function aa(t, s = {}) {
   var r;
-  const e = [Sr, Ds, sr, Cr, Ns, Qn, ...s.plugins ?? []];
-  j.instance = t, await Rs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await T.emit("application-ready");
+  const e = [Pr, Fs, Rr, wr, Ks, na, ...s.plugins ?? []];
+  D.instance = t, await As(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await I.emit("application-ready");
 }
-async function eo(t, s = {}) {
+async function ul(t, s = {}) {
   var r;
-  const e = Vt(t);
-  Y() && (window.$aerogel = e), await Jn(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await T.emit("application-mounted");
+  const e = Tt(t);
+  ee() && (window.$aerogel = e), await aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await I.emit("application-mounted");
 }
-const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
+const la = { key: 0 }, oa = /* @__PURE__ */ g({
   __name: "AppModals",
   setup(t) {
-    const s = u(() => V.modals[0] ?? null);
-    return (e, r) => s.value ? (i(), b("aside", Zn, [
-      p(gt, {
+    const s = u(() => R.modals[0] ?? null);
+    return (e, r) => s.value ? (c(), b("aside", la, [
+      m(gt, {
         "child-index": 1,
         modal: s.value
       }, null, 8, ["modal"])
     ])) : M("", !0);
   }
-}), Xn = /* @__PURE__ */ g({
+}), ia = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), f(o(bs), null, {
-      default: m(() => [
-        (i(!0), b(B, null, q(s.$ui.toasts, (r) => (i(), f(N(r.component), I({
+    return (s, e) => (c(), h(o(xs), null, {
+      default: f(() => [
+        (c(!0), b(j, null, F(s.$ui.toasts, (r) => (c(), h(N(r.component), H({
           id: r.id,
           key: r.id,
           ref_for: !0
         }, r.properties), null, 16, ["id"]))), 128)),
-        p(o(ys), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        m(o(Cs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Yn = /* @__PURE__ */ g({
+}), ca = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (i(), b(B, null, [
-      p(Gn),
-      p(Xn)
+    return (s, e) => (c(), b(j, null, [
+      m(oa),
+      m(ia)
     ], 64));
   }
-}), ea = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, to = /* @__PURE__ */ g({
+}), ua = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, dl = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), b("div", ea, [
-      s.$errors.hasStartupErrors ? _(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), f(N(s.$ui.requireComponent("startup-crash"))))
-      ]) : _(s.$slots, "default", { key: 1 }),
-      p(Yn)
+    return (s, e) => (c(), b("div", ua, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (c(), h(N(s.$ui.requireComponent("startup-crash"))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      m(ca)
     ]));
   }
-}), ta = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], so = /* @__PURE__ */ g({
+}), da = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], pl = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = re("$textAreaRef"), e = H(
+    const s = le("$textAreaRef"), e = V(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
     ), r = u(() => e.name ?? void 0), n = u(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return ot(e, () => {
-      var l;
-      return (l = s.value) == null ? void 0 : l.focus();
-    }), (l, c) => (i(), b("textarea", {
+    return nt(e, () => {
+      var i;
+      return (i = s.value) == null ? void 0 : i.focus();
+    }), (i, l) => (c(), b("textarea", {
       id: o(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -2841,22 +3010,22 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
       "aria-invalid": o(e).errors ? "true" : "false",
       "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, ta));
+    }, null, 40, da));
   }
-}), sa = { class: "group" }, ra = { 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" }, ro = /* @__PURE__ */ g({
+}), pa = { class: "group" }, ma = { 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" }, fa = { class: "pt-2 pl-4" }, ml = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), b("details", sa, [
-      y("summary", ra, [
-        p(o(bt), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (c(), b("details", pa, [
+      y("summary", ma, [
+        m(o(bt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, S(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", na, [
-        _(s.$slots, "default")
+      y("div", fa, [
+        w(s.$slots, "default")
       ])
     ]));
   }
-}), aa = { class: "flex h-6 items-center" }, no = /* @__PURE__ */ g({
+}), ha = { class: "flex h-6 items-center" }, fl = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -2869,7 +3038,7 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = J(t, ["inputClass", "labelClass"]), e = re("$inputRef"), [r, n] = it(), a = u(() => E("relative flex items-start", n.value)), l = u(() => {
+    const s = J(t, ["inputClass", "labelClass"]), e = le("$inputRef"), [r, n] = lt(), a = u(() => E("relative flex items-start", n.value)), i = u(() => {
       var d, v;
       return E(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
@@ -2879,43 +3048,43 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
         },
         t.inputClass
       );
-    }), c = u(() => E("ml-2 text-sm leading-6", t.labelClass));
-    return (d, v) => (i(), f(_t, I({
+    }), l = u(() => E("ml-2 text-sm leading-6", t.labelClass));
+    return (d, v) => (c(), h(wt, H({
       ref: "$inputRef",
       class: a.value
     }, s, {
       "onUpdate:modelValue": v[0] || (v[0] = (x) => d.$emit("update:modelValue", x))
     }), {
-      default: m(() => [
-        y("div", aa, [
-          p(wt, I(o(r), {
+      default: f(() => [
+        y("div", ha, [
+          m($t, H(o(r), {
             type: "checkbox",
-            class: l.value
+            class: i.value
           }), null, 16, ["class"])
         ]),
-        d.$slots.default ? (i(), b("div", {
+        d.$slots.default ? (c(), b("div", {
           key: 0,
-          class: k(c.value)
+          class: C(l.value)
         }, [
-          p(Se, { class: "text-gray-900" }, {
-            default: m(() => [
-              _(d.$slots, "default")
+          m(ke, { class: "text-gray-900" }, {
+            default: f(() => [
+              w(d.$slots, "default")
             ]),
             _: 3
           }),
-          p(ke, { class: "text-red-600" })
-        ], 2)) : d.label ? (i(), b("div", {
+          m(Me, { class: "text-red-600" })
+        ], 2)) : d.label ? (c(), b("div", {
           key: 1,
-          class: k(c.value)
+          class: C(l.value)
         }, [
-          p(Se, { class: "text-gray-900" }),
-          p(ke, { class: "text-red-600" })
+          m(ke, { class: "text-gray-900" }),
+          m(Me, { class: "text-red-600" })
         ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), oa = /* @__PURE__ */ g({
+}), ga = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -2928,33 +3097,33 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
       "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(o(_s), I({ class: e.value }, s, {
+    return (r, n) => (c(), h(o(Ss), H({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
-      default: m(() => [
-        _(r.$slots, "default")
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), la = /* @__PURE__ */ g({
+}), va = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = H(
+    const s = V(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), f(o(ws), {
+    return (e, r) => (c(), h(o(ks), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: o(s).align,
       side: o(s).side
     }, {
-      default: m(() => [
-        _(e.$slots, "default", {}, () => [
-          (i(!0), b(B, null, q(o(s).options, (n, a) => (i(), f(oa, I(
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          (c(!0), b(j, null, F(o(s).options, (n, a) => (c(), h(ga, H(
             {
               key: a,
-              as: n.route || n.href ? rt : void 0,
+              as: n.route || n.href ? tt : void 0,
               class: n.class,
               ref_for: !0
             },
@@ -2965,14 +3134,14 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
               routeQuery: n.routeQuery
             } : {},
             {
-              onSelect: (l) => {
-                var c;
-                return (c = n.click) == null ? void 0 : c.call(n);
+              onSelect: (i) => {
+                var l;
+                return (l = n.click) == null ? void 0 : l.call(n);
               }
             }
           ), {
-            default: m(() => [
-              P(C(n.label), 1)
+            default: f(() => [
+              A(S(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -2981,7 +3150,7 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), ao = /* @__PURE__ */ g({
+}), hl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -2997,18 +3166,18 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return se("dropdown-menu", e), s(e), (r, n) => (i(), f(o($s), null, {
-      default: m(() => [
-        p(o(xs), null, {
-          default: m(() => [
-            _(r.$slots, "default")
+    return ae("dropdown-menu", e), s(e), (r, n) => (c(), h(o(Ms), null, {
+      default: f(() => [
+        m(o(Es), null, {
+          default: f(() => [
+            w(r.$slots, "default")
           ]),
           _: 3
         }),
-        p(o(Cs), null, {
-          default: m(() => [
-            _(r.$slots, "options", {}, () => [
-              p(la)
+        m(o(Hs), null, {
+          default: f(() => [
+            w(r.$slots, "options", {}, () => [
+              m(va)
             ])
           ]),
           _: 3
@@ -3017,7 +3186,7 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), ia = ["aria-hidden"], ca = ["tabindex", "aria-label", "type"], oo = /* @__PURE__ */ g({
+}), ba = ["aria-hidden"], ya = ["tabindex", "aria-label", "type"], gl = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3030,106 +3199,106 @@ const Zn = { key: 0 }, Gn = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = re("$inputRef"), n = F(null), a = F(t.text), l = u(() => E("inline whitespace-pre", t.contentClass)), c = u(() => E("invisible whitespace-pre", t.contentClass)), d = u(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    const e = s, r = le("$inputRef"), n = B(null), a = B(t.text), i = u(() => E("inline whitespace-pre", t.contentClass)), l = u(() => E("invisible whitespace-pre", t.contentClass)), d = u(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
     function v() {
       n.value = t.text;
     }
     function x() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return ie(() => a.value = t.text), (h, $) => (i(), b("div", {
-      class: k(["relative", { "pointer-events-none!": h.disabled && !n.value }])
+    return Z(() => a.value = t.text), (p, _) => (c(), b("div", {
+      class: C(["relative", { "pointer-events-none!": p.disabled && !n.value }])
     }, [
-      n.value ? (i(), b("span", {
+      n.value ? (c(), b("span", {
         key: 1,
-        class: k(c.value)
-      }, C(a.value), 3)) : (i(), b("div", {
+        class: C(l.value)
+      }, S(a.value), 3)) : (c(), b("div", {
         key: 0,
-        class: k(l.value)
+        class: C(i.value)
       }, [
-        _(h.$slots, "default")
+        w(p.$slots, "default")
       ], 2)),
-      h.type === "number" ? (i(), b("span", {
+      p.type === "number" ? (c(), b("span", {
         key: 2,
-        class: k(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+        class: C(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
       }, null, 2)) : M("", !0),
       y("form", {
         class: "w-full",
-        "aria-hidden": h.formAriaHidden,
-        onSubmit: $[4] || ($[4] = Ue((L) => {
-          var be;
-          return (be = o(r)) == null ? void 0 : be.blur();
+        "aria-hidden": p.formAriaHidden,
+        onSubmit: _[4] || (_[4] = Ue((L) => {
+          var we;
+          return (we = o(r)) == null ? void 0 : we.blur();
         }, ["prevent"]))
       }, [
         Oe(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": $[0] || ($[0] = (L) => a.value = L),
-          tabindex: h.tabindex ?? void 0,
-          "aria-label": h.ariaLabel ?? void 0,
-          type: h.type,
-          class: k([
+          "onUpdate:modelValue": _[0] || (_[0] = (L) => a.value = L),
+          tabindex: p.tabindex ?? void 0,
+          "aria-label": p.ariaLabel ?? void 0,
+          type: p.type,
+          class: C([
             d.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && h.type === "number" }
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && p.type === "number" }
           ]),
-          onKeyup: $[1] || ($[1] = (L) => h.$emit("update", a.value)),
-          onFocus: $[2] || ($[2] = (L) => v()),
-          onBlur: $[3] || ($[3] = (L) => x())
-        }, null, 42, ca), [
+          onKeyup: _[1] || (_[1] = (L) => p.$emit("update", a.value)),
+          onFocus: _[2] || (_[2] = (L) => v()),
+          onBlur: _[3] || (_[3] = (L) => x())
+        }, null, 42, ya), [
           [Rt, a.value]
         ])
-      ], 40, ia)
+      ], 40, ba)
     ], 2));
   }
-}), ua = {
+}), wa = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function da(t, s) {
-  return i(), b("svg", ua, s[0] || (s[0] = [
+function $a(t, s) {
+  return c(), b("svg", wa, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const pa = R({ name: "ion-warning", render: da }), ma = {
+const _a = P({ name: "ion-warning", render: $a }), xa = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function fa(t, s) {
-  return i(), b("svg", ma, s[0] || (s[0] = [
+function Ca(t, s) {
+  return c(), b("svg", xa, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const ha = R({ name: "zondicons-view-show", render: fa }), ga = { class: "font-medium" }, va = ["datetime"], ba = /* @__PURE__ */ g({
+const Sa = P({ name: "zondicons-view-show", render: Ca }), ka = { class: "font-medium" }, Ma = ["datetime"], Ea = /* @__PURE__ */ g({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (i(), f(X, {
+    return (s, e) => (c(), h(G, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
-      default: m(() => [
+      default: f(() => [
         y("ol", null, [
-          (i(!0), b(B, null, q(s.$errors.logs, (r, n) => (i(), b("li", {
+          (c(!0), b(j, null, F(s.$errors.logs, (r, n) => (c(), b("li", {
             key: n,
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
             y("div", null, [
-              y("h3", ga, C(r.report.title), 1),
+              y("h3", ka, S(r.report.title), 1),
               y("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, C(r.date.toLocaleTimeString()), 9, va),
-              p(A, {
+              }, S(r.date.toLocaleTimeString()), 9, Ma),
+              m(T, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? o(st)(r.report)
+                text: r.report.description ?? o(ht)(r.report)
               }, null, 8, ["text"])
             ]),
-            p(z, {
+            m(z, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3137,11 +3306,11 @@ const ha = R({ name: "zondicons-view-show", render: fa }), ga = { class: "font-m
               class: "self-center",
               onClick: (a) => s.$errors.inspect(
                 r.report,
-                s.$errors.logs.map(({ report: l }) => l)
+                s.$errors.logs.map(({ report: i }) => i)
               )
             }, {
-              default: m(() => [
-                p(o(ha), {
+              default: f(() => [
+                m(o(Sa), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3154,36 +3323,36 @@ const ha = R({ name: "zondicons-view-show", render: fa }), ga = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), lo = /* @__PURE__ */ g({
+}), vl = /* @__PURE__ */ g({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (i(), f(z, {
+    return (s, e) => s.$errors.logs.length > 0 ? (c(), h(z, {
       key: 0,
       size: "icon",
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(ba))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Ea))
     }, {
-      default: m(() => [
-        p(o(pa), { class: "size-6 text-red-500" })
+      default: f(() => [
+        m(o(_a), { class: "size-6 text-red-500" })
       ]),
       _: 1
     }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), io = /* @__PURE__ */ g({
+}), bl = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = u(() => st(t.error));
-    return (e, r) => (i(), f(A, {
+    const s = u(() => ht(t.error));
+    return (e, r) => (c(), h(T, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), co = /* @__PURE__ */ g({
+}), yl = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3198,35 +3367,35 @@ const ha = R({ name: "zondicons-view-show", render: fa }), ga = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(z, I({ variant: "link" }, s.$props), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(z, H({ variant: "link" }, s.$props), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), uo = /* @__PURE__ */ g({
+}), wl = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = u(() => Nt(j.settings, "priority", "desc"));
-    return (e, r) => (i(), f(X, {
+    const s = u(() => Nt(D.settings, "priority", "desc"));
+    return (e, r) => (c(), h(G, {
       title: e.$td("settings.title", "Settings")
     }, {
-      default: m(() => [
-        (i(!0), b(B, null, q(s.value, (n, a) => (i(), f(N(n.component), { key: a }))), 128))
+      default: f(() => [
+        (c(!0), b(j, null, F(s.value, (n, a) => (c(), h(N(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
 });
-class po {
+class $l {
   constructor() {
-    w(this, "status");
-    w(this, "_listeners");
-    w(this, "_progress");
-    w(this, "_cancelled");
-    w(this, "_started");
-    w(this, "_completed");
+    $(this, "status");
+    $(this, "_listeners");
+    $(this, "_progress");
+    $(this, "_cancelled");
+    $(this, "_started");
+    $(this, "_completed");
     this.status = this.getInitialStatus(), this._listeners = new Wt(), this._started = new W(), this._completed = new W();
   }
   async start() {
@@ -3234,9 +3403,9 @@ class po {
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof ze)
+      if (s instanceof Be)
         return;
-      throw Z(Kt(s), (e) => {
+      throw X(Kt(s), (e) => {
         this._completed.reject(e);
       });
     }
@@ -3277,7 +3446,7 @@ class po {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new ze();
+      throw this._cancelled.resolve(), new Be();
   }
   calculateCurrentProgress(s) {
     return s ?? (s = this.status), s.completed ? 1 : s.children ? Qt(
@@ -3294,139 +3463,142 @@ class po {
     return { ...s };
   }
 }
-async function mo(t) {
+async function _l(t) {
   await t.start();
 }
 export {
-  ro as AdvancedOptions,
-  jr as AlertModal,
-  j as App,
-  to as AppLayout,
-  Gn as AppModals,
-  Yn as AppOverlays,
-  Vs as AppService,
-  Xn as AppToasts,
+  ml as AdvancedOptions,
+  Qr as AlertModal,
+  D as App,
+  dl as AppLayout,
+  oa as AppModals,
+  ca as AppOverlays,
+  Ps as AppService,
+  ia as AppToasts,
   z as Button,
-  Pa as Cache,
-  qs as CacheService,
-  no as Checkbox,
-  Nr as ConfirmModal,
-  ao as DropdownMenu,
-  oa as DropdownMenuOption,
-  la as DropdownMenuOptions,
-  oo as EditableContent,
-  lo as ErrorLogs,
-  ba as ErrorLogsModal,
-  io as ErrorMessage,
-  _n as ErrorReportModal,
-  dn as ErrorReportModalButtons,
-  pn as ErrorReportModalTitle,
+  Na as Cache,
+  Us as CacheService,
+  fl as Checkbox,
+  tn as ConfirmModal,
+  hl as DropdownMenu,
+  ga as DropdownMenuOption,
+  va as DropdownMenuOptions,
+  gl as EditableContent,
+  vl as ErrorLogs,
+  Ea as ErrorLogsModal,
+  bl as ErrorMessage,
+  Vn as ErrorReportModal,
+  $n as ErrorReportModalButtons,
+  _n as ErrorReportModalTitle,
   et as Errors,
-  Ia as EventListenerPriorities,
-  T as Events,
-  Is as EventsService,
+  qa as EventListenerPriorities,
+  I as Events,
+  Ts as EventsService,
   vt as Form,
-  fr as FormController,
-  rt as HeadlessButton,
-  _t as HeadlessInput,
-  In as HeadlessInputDescription,
-  ke as HeadlessInputError,
-  wt as HeadlessInputInput,
-  Se as HeadlessInputLabel,
-  so as HeadlessInputTextArea,
-  Hr as HeadlessModal,
-  Lr as HeadlessModalContent,
-  Ir as HeadlessModalDescription,
-  Tr as HeadlessModalOverlay,
-  Vr as HeadlessModalTitle,
-  hr as HeadlessSelect,
-  Be as HeadlessSelectLabel,
-  dt as HeadlessSelectOption,
-  pt as HeadlessSelectOptions,
-  ut as HeadlessSelectTrigger,
-  ct as HeadlessSelectValue,
-  Nn as HeadlessToast,
-  Rn as Input,
-  po as Job,
-  ze as JobCancelledError,
+  ur as FormController,
+  tt as HeadlessButton,
+  wt as HeadlessInput,
+  qn as HeadlessInputDescription,
+  Me as HeadlessInputError,
+  $t as HeadlessInputInput,
+  ke as HeadlessInputLabel,
+  pl as HeadlessInputTextArea,
+  jr as HeadlessModal,
+  Br as HeadlessModalContent,
+  qr as HeadlessModalDescription,
+  Fr as HeadlessModalOverlay,
+  Ur as HeadlessModalTitle,
+  dr as HeadlessSelect,
+  De as HeadlessSelectLabel,
+  ct as HeadlessSelectOption,
+  ut as HeadlessSelectOptions,
+  it as HeadlessSelectTrigger,
+  ot as HeadlessSelectValue,
+  Mr as HeadlessSwitch,
+  ta as HeadlessToast,
+  On as Input,
+  $l as Job,
+  Be as JobCancelledError,
   Q as Lang,
-  pe as Layouts,
-  co as Link,
-  En as LoadingModal,
-  Ge as MOBILE_BREAKPOINT,
-  A as Markdown,
-  X as Modal,
+  me as Layouts,
+  yl as Link,
+  Dn as LoadingModal,
+  Xe as MOBILE_BREAKPOINT,
+  T as Markdown,
+  G as Modal,
   gt as ModalContext,
-  kn as ProgressBar,
-  jn as PromptModal,
-  yr as Select,
-  mt as SelectLabel,
-  De as SelectOption,
-  ft as SelectOptions,
-  ht as SelectTrigger,
-  ge as Service,
-  Ce as ServiceBootError,
-  uo as SettingsModal,
-  Un as StartupCrash,
-  Us as Storage,
-  Wn as Toast,
-  V as UI,
-  Ks as UIService,
-  Da as __objectType,
-  Na as booleanInput,
-  ve as bootServices,
-  eo as bootstrap,
-  Jn as bootstrapApplication,
+  An as ProgressBar,
+  Qn as PromptModal,
+  hr as Select,
+  dt as SelectLabel,
+  je as SelectOption,
+  pt as SelectOptions,
+  mt as SelectTrigger,
+  be as Service,
+  Se as ServiceBootError,
+  Sr as Setting,
+  wl as SettingsModal,
+  Gn as StartupCrash,
+  Ns as Storage,
+  Er as Switch,
+  sa as Toast,
+  R as UI,
+  Js as UIService,
+  Ja as __objectType,
+  tl as booleanInput,
+  ye as bootServices,
+  ul as bootstrap,
+  aa as bootstrapApplication,
   E as classes,
-  Ua as computedAsync,
-  Oa as computedDebounce,
-  Wa as dateInput,
-  Ra as defineDirective,
-  Ba as defineFormValidationRule,
-  Va as definePlugin,
-  he as defineServiceState,
-  Ls as defineServiceStore,
-  Ta as defineSettings,
-  mo as dispatch,
-  Xe as getCurrentLayout,
-  st as getErrorMessage,
-  or as getMarkdownRouter,
-  Hs as getPiniaStore,
-  dr as hasSelectOptionLabel,
-  zs as injectOrFail,
-  As as injectReactive,
-  H as injectReactiveOrFail,
-  Rs as installPlugins,
-  Ga as numberInput,
-  Xa as objectInput,
-  qa as onCleanMounted,
-  ot as onFormFocus,
-  Fa as persistent,
-  za as registerErrorHandler,
-  lr as renderMarkdown,
+  Ya as computedAsync,
+  Ga as computedDebounce,
+  sl as dateInput,
+  Oa as defineDirective,
+  Qa as defineFormValidationRule,
+  Ua as definePlugin,
+  ve as defineServiceState,
+  Is as defineServiceStore,
+  Fa as defineSettings,
+  _l as dispatch,
+  Ye as getCurrentLayout,
+  ht as getErrorMessage,
+  nr as getMarkdownRouter,
+  Ls as getPiniaStore,
+  or as hasSelectOptionLabel,
+  js as injectOrFail,
+  Ds as injectReactive,
+  V as injectReactiveOrFail,
+  As as installPlugins,
+  ol as numberInput,
+  il as objectInput,
+  Za as onCleanMounted,
+  nt as onFormFocus,
+  Xa as persistent,
+  el as registerErrorHandler,
+  ar as renderMarkdown,
   Ze as renderVNode,
-  Aa as replaceExisting,
-  Ka as requiredBooleanInput,
-  Qa as requiredDateInput,
-  Ja as requiredNumberInput,
-  Za as requiredObjectInput,
-  Pn as requiredStringInput,
-  Es as resetPiniaStore,
-  ir as safeHtml,
-  ja as setMarkdownRouter,
-  Ya as stringInput,
-  Ye as translate,
-  S as translateWithDefault,
-  zr as useAlertModal,
-  Br as useConfirmModal,
-  mn as useErrorReportModal,
-  at as useEvent,
-  lt as useForm,
-  it as useInputAttrs,
-  Mn as useLoadingModal,
-  An as usePromptModal,
-  mr as validate,
-  ue as validators,
-  nt as variantClasses
+  Wa as replaceExisting,
+  rl as requiredBooleanInput,
+  nl as requiredDateInput,
+  al as requiredNumberInput,
+  ll as requiredObjectInput,
+  Nn as requiredStringInput,
+  Vs as resetPiniaStore,
+  lr as safeHtml,
+  Ka as setMarkdownRouter,
+  cl as stringInput,
+  Ge as translate,
+  k as translateWithDefault,
+  Kr as useAlertModal,
+  Jr as useConfirmModal,
+  xn as useErrorReportModal,
+  rt as useEvent,
+  at as useForm,
+  lt as useInputAttrs,
+  zn as useLoadingModal,
+  Wn as usePromptModal,
+  cr as validate,
+  de as validators,
+  st as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map