@aerogel/core 0.0.0-next.8ae083000611b11799d37033e9a5250d0d07c324 → 0.0.0-next.8bd66d5f5e264650120ea3cc37519f2409c6cc39

package/dist/aerogel-core.js

@@ -1,39 +1,39 @@
-var bt = Object.defineProperty;
-var yt = (t, s, e) => s in t ? bt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var w = (t, s, e) => yt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as j, Comment as _t, Text as wt, Static as $t, inject as oe, reactive as ce, nextTick as Be, defineComponent as v, useAttrs as De, useSlots as ke, computed as u, createBlock as m, openBlock as i, h as xt, unref as l, mergeProps as T, withCtx as p, renderSlot as _, createPropsRestProxy as X, onUnmounted as de, ref as q, readonly as Me, onMounted as Ct, watch as Ee, toRaw as St, watchEffect as le, createVNode as f, normalizeProps as Y, guardReactiveProps as ee, createTextVNode as V, toDisplayString as x, normalizeClass as k, createElementBlock as b, Fragment as D, renderList as F, provide as te, resolveDynamicComponent as N, createCommentVNode as M, createElementVNode as y, toRef as Re, useTemplateRef as se, withModifiers as qe, withDirectives as Fe, vModelCheckbox as kt, normalizeStyle as Mt, createApp as Et, vModelText as Ht } from "vue";
-import { JSError as pe, tap as J, MagicObject as Ue, PromisedValue as W, Storage as U, objectOnly as ne, arrayFrom as Oe, isEmpty as ve, objectDeepClone as It, fail as K, facade as Z, arrayRemove as _e, getEnv as Lt, updateLocationQueryParameters as Rt, forever as Tt, toString as B, isDevelopment as G, isTesting as He, after as we, uuid as ae, required as Vt, isObject as $e, objectWithoutEmpty as Ne, stringMatchAll as Pt, isInstanceOf as jt, objectWithout as At, noop as zt, debounce as Bt, value as Dt, stringExcerpt as qt, arraySorted as Ft, ListenersManager as Ut, toError as Ot, round as Nt } from "@noeldemartin/utils";
+var Ct = Object.defineProperty;
+var kt = (t, s, e) => s in t ? Ct(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => kt(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as A, Comment as St, Text as Mt, Static as Et, inject as Z, reactive as pe, nextTick as Oe, 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 N, onUnmounted as ge, ref as B, readonly as ve, useAttrs as Ne, onMounted as Ht, watch as Ee, toRaw as Vt, watchEffect as X, createVNode as m, normalizeProps as ne, guardReactiveProps as ae, createTextVNode as P, toDisplayString as k, normalizeClass as C, createElementBlock as b, Fragment as j, renderList as F, provide as le, resolveDynamicComponent as W, useSlots as He, createCommentVNode as M, createElementVNode as y, h as Lt, toRef as Pe, useTemplateRef as Y, withModifiers as We, withDirectives as Ke, vModelCheckbox as Tt, normalizeStyle as It, createApp as Rt, vModelText as At } from "vue";
+import { JSError as be, tap as G, MagicObject as Qe, PromisedValue as K, Storage as U, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as Pt, fail as Q, facade as ee, arrayRemove as Se, getEnv as zt, updateLocationQueryParameters as Dt, forever as jt, toString as q, isDevelopment as se, isTesting as Ve, after as ce, uuid as re, required as Bt, isObject as ue, objectWithoutEmpty as Ze, stringMatchAll as Xe, objectWithout as qt, noop as Ft, debounce as Ut, value as Ot, isInstanceOf as ze, stringExcerpt as Nt, arraySorted as Wt, ListenersManager as Kt, toError as Qt, round as Jt } from "@noeldemartin/utils";
 import O from "virtual:aerogel";
-import { createPinia as Wt, setActivePinia as Kt, defineStore as Qt } from "pinia";
-import Jt from "dompurify";
-import { marked as Zt, Renderer as Te } from "marked";
-import { Primitive as Gt, SelectValue as Ve, SelectTrigger as Xt, SelectIcon as Yt, SelectItem as es, SelectItemText as ts, SelectPortal as ss, SelectContent as rs, SelectViewport as ns, SelectRoot as as, Label as os, useForwardExpose as Ie, DialogRoot as ls, DialogPortal as is, DialogContent as cs, DialogDescription as us, DialogOverlay as ds, DialogTitle as ps, ToastClose as ms, ToastRoot as fs, ToastProvider as hs, ToastViewport as gs, DropdownMenuItem as vs, DropdownMenuContent as bs, DropdownMenuRoot as ys, DropdownMenuTrigger as _s, DropdownMenuPortal as ws } from "reka-ui";
-import $s from "clsx";
-import { cva as xs } from "class-variance-authority";
-import { twMerge as Cs } from "tailwind-merge";
-class xe extends pe {
+import { createPinia as Zt, setActivePinia as Xt, defineStore as Yt } from "pinia";
+import Gt from "dompurify";
+import { marked as es, Renderer as De } from "marked";
+import ts from "clsx";
+import { cva as ss } from "class-variance-authority";
+import { twMerge as rs } from "tailwind-merge";
+import { Primitive as ns, SelectValue as je, SelectTrigger as as, SelectIcon as ls, SelectItem as os, SelectItemText as is, SelectPortal as cs, SelectContent as us, SelectViewport as ds, SelectRoot as ps, Label as ms, useForwardExpose as Le, SwitchRoot as fs, SwitchThumb as hs, DialogRoot as gs, DialogPortal as vs, DialogContent as bs, DialogDescription as ys, DialogOverlay as ws, DialogTitle as $s, ToastClose as _s, ToastRoot as xs, ToastProvider as Cs, ToastViewport as ks, DropdownMenuItem as Ss, DropdownMenuContent as Ms, DropdownMenuRoot as Es, DropdownMenuTrigger as Hs, DropdownMenuPortal as Vs } from "reka-ui";
+class Me extends be {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-let Le = null;
-function We() {
-  return Le ?? Ss();
+let Te = null;
+function Ye() {
+  return Te ?? Ls();
 }
-function Ss() {
-  return J(Wt(), (t) => {
-    Le = t, Kt(t);
+function Ls() {
+  return G(Zt(), (t) => {
+    Te = t, Xt(t);
   });
 }
-function ks() {
-  return Le ?? We();
+function Ts() {
+  return Te ?? Ye();
 }
-function Ms(t, s) {
-  return We(), Qt(t, s)();
+function Is(t, s) {
+  return Ye(), Yt(t, s)();
 }
-function me(t) {
+function ye(t) {
   var s;
-  return s = class extends fe {
+  return s = class extends we {
     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 ye;
-let fe = (ye = class extends Ue {
+var ke;
+let we = (ke = class extends Qe {
   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() && Ms(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new K(), 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 fe = (ye = class extends Ue {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new xe(this._name, r));
+    const e = (r) => this._booted.reject(new Me(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -113,14 +113,14 @@ let fe = (ye = class extends Ue {
   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 = Oe(e), n = ne(this._store.$state, r);
-    ve(n) || this.onPersistentStateUpdated(n);
+    const r = Je(e), n = oe(this._store.$state, r);
+    xe(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -129,18 +129,18 @@ let fe = (ye = class extends Ue {
     this.setState({ [e]: r });
   }
   onStateUpdated(e, r) {
-    const n = ne(e, this.static("persist"));
-    ve(n) || this.onPersistentStateUpdated(n);
+    const n = oe(e, this.static("persist"));
+    xe(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
-      const o = this._watchers[a];
-      !o || e[a] === r[a] || o.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) {
     const r = U.get(this._name);
     r && U.set(this._name, {
       ...r,
-      ...this.serializePersistedState(It(e))
+      ...this.serializePersistedState(Pt(e))
     });
   }
   usesStore() {
@@ -170,28 +170,28 @@ let fe = (ye = class extends Ue {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || ve(this.static("persist")))) {
+    if (!(!this.usesStore() || xe(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`);
+    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
   }
-}, w(ye, "persist", []), ye);
-const ba = {
+}, _(ke, "persist", []), ke);
+const Ua = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Es extends fe {
+class Rs extends we {
   constructor() {
     super(...arguments);
-    w(this, "listeners", {});
+    _(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -202,55 +202,55 @@ class Es extends fe {
   async emit(e, r) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const o of n.priorities)
-      await Promise.all(((a = n.handlers[o]) == 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, o = typeof r == "function" ? r : n;
-    return this.registerListener(e, a, o), () => this.off(e, o);
+    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 o = typeof r == "function" ? {} : r, c = typeof r == "function" ? r : n;
-    return J(
+    const i = typeof r == "function" ? {} : r, l = typeof r == "function" ? r : n;
+    return G(
       () => a && this.off(e, a),
       (d) => {
-        a = (...g) => (d(), c(...g)), this.registerListener(e, o, c);
+        a = (...v) => (d(), l(...v)), this.registerListener(e, i, l);
       }
     );
   }
   off(e, r) {
-    var o;
+    var i;
     const n = this.listeners[e];
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const c of a)
-      _e(n.handlers[c] ?? [], r), ((o = n.handlers[c]) == null ? void 0 : o.length) === 0 && (delete n.handlers[c], _e(n.priorities, c));
+    for (const l of a)
+      Se(n.handlers[l] ?? [], r), ((i = n.handlers[l]) == null ? void 0 : i.length) === 0 && (delete n.handlers[l], Se(n.priorities, l));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var d, g, $;
+    var d, v, $;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const o = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? K(`priorities missing for event '${e}'`), c = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? K(`handlers missing for event '${e}'`);
-    o.includes(a) || (o.push(a), o.sort((h, C) => C - h), c[a] = []), ($ = c[a]) == null || $.push(n);
+    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? Q(`priorities missing for event '${e}'`), l = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? Q(`handlers missing for event '${e}'`);
+    i.includes(a) || (i.push(a), i.sort((p, x) => x - p), l[a] = []), ($ = l[a]) == null || $.push(n);
   }
 }
-const I = Z(Es);
-function ya(t) {
+const T = ee(Rs);
+function Oa(t) {
   return t;
 }
-const Hs = me({
+const As = ye({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Lt() ?? "development",
+    environment: zt() ?? "development",
     version: O.version,
     sourceUrl: O.sourceUrl,
     settings: []
@@ -267,12 +267,12 @@ const Hs = me({
     }
   }
 });
-class Is extends Hs {
+class Ps extends As {
   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 K());
+    _(this, "mounted", new K());
   }
   isReady() {
     return this.ready.isResolved();
@@ -281,13 +281,13 @@ class Is extends Hs {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(j(e));
+    this.settings.push(A(e));
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Rt(e), location.reload(), await Tt();
+    e && Dt(e), location.reload(), await jt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -297,15 +297,15 @@ class Is extends Hs {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    I.once("application-ready", () => this.ready.resolve()), I.once("application-mounted", () => this.mounted.resolve());
+    T.once("application-ready", () => this.ready.resolve()), T.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const z = Z(Is);
-function _a(t) {
+const D = ee(Ps);
+function Na(t) {
   return t;
 }
-async function Ls(t, ...s) {
-  z.setState(
+async function zs(t, ...s) {
+  D.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -313,55 +313,55 @@ async function Ls(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Rs(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+function Ds(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${q(r)}"`, "");
 }
-function wa(t) {
+function Wa(t) {
   return t;
 }
-function Ts(t) {
-  const s = oe(t);
-  return s ? ce(s) : void 0;
+function js(t) {
+  const s = Z(t);
+  return s ? pe(s) : void 0;
 }
-function H(t, s) {
-  return Ts(t) ?? K(s ?? `Could not resolve '${B(t)}' injection key`);
+function V(t, s) {
+  return js(t) ?? Q(s ?? `Could not resolve '${q(t)}' injection key`);
 }
-function Vs(t, s) {
-  return oe(t) ?? K(s ?? `Could not resolve '${B(t)}' injection key`);
+function Bs(t, s) {
+  return Z(t) ?? Q(s ?? `Could not resolve '${q(t)}' injection key`);
 }
-function Ke(t) {
-  return typeof t == "string" ? t : t.type === _t ? "" : t.type === wt || t.type === $t ? t.children : t.type === "br" ? `
+function Ge(t) {
+  return typeof t == "string" ? t : t.type === St ? "" : t.type === Mt || t.type === Et ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${Rs(t)}>${Array.from(t.children).map(Ke).join("")}</${t.type}>`;
+` : `<${t.type} ${Ds(t)}>${Array.from(t.children).map(Ge).join("")}</${t.type}>`;
 }
-const be = /* @__PURE__ */ new WeakMap(), Ps = {
-  mounted(t, { value: s }) {
-    const e = typeof s == "function" ? s : null, r = () => {
-      const n = t.getBoundingClientRect();
-      t.style.setProperty("--width", `${n.width}px`), t.style.setProperty("--height", `${n.height}px`), e == null || e({ width: n.width, height: n.height });
+const Ce = /* @__PURE__ */ new WeakMap(), qs = {
+  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 });
     };
-    be.set(t, J(new ResizeObserver(r)).observe(t)), r();
+    e.watch && Ce.set(t, G(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = be.get(t)) == null || s.unobserve(t), be.delete(t);
+    (s = Ce.get(t)) == null || s.unobserve(t), Ce.delete(t);
   }
-}, js = {
-  measure: Ps
-}, As = {
+}, Fs = {
+  measure: qs
+}, Us = {
   install(t, s) {
     const e = {
-      ...js,
+      ...Fs,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class zs extends fe {
+class Os extends we {
   constructor() {
     super(...arguments);
-    w(this, "cache");
+    _(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -374,73 +374,73 @@ class zs extends fe {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? J(new W(), (e) => {
+    return this.cache = this.cache ?? G(new K(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const $a = Z(zs);
-class Bs extends fe {
+const Ka = ee(Os);
+class Ns extends we {
   async purge() {
-    await I.emit("purge-storage");
+    await T.emit("purge-storage");
   }
 }
-const Ds = Z(Bs);
-function xa(t, s) {
+const Ws = ee(Ns);
+function Qa(t, s) {
   return {
     ...t,
-    ...ne(s, Object.keys(t))
+    ...oe(s, Object.keys(t))
   };
 }
-const qs = {
-  $app: z,
-  $events: I,
-  $storage: Ds
+const Ks = {
+  $app: D,
+  $events: T,
+  $storage: Ws
 };
-async function he(t, s) {
+async function $e(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
-        var a, o;
-        return (o = (a = t.config).errorHandler) == null ? void 0 : o.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), (G() || He()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (se() || Ve()) && Object.assign(globalThis, s);
 }
-const Fs = {
+const Qs = {
   async install(t, s) {
     var r;
     const e = {
-      ...qs,
+      ...Ks,
       ...s.services
     };
-    t.use(ks()), (r = s.settings) == null || r.forEach((n) => z.addSetting(n)), await he(t, e);
+    t.use(Ts()), (r = s.settings) == null || r.forEach((n) => D.addSetting(n)), await $e(t, e);
   }
-}, Qe = 768, ue = {
+}, et = 768, me = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function Je() {
-  return globalThis.innerWidth > Qe ? ue.Desktop : ue.Mobile;
+function tt() {
+  return globalThis.innerWidth > et ? me.Desktop : me.Mobile;
 }
-const Us = me({
+const Js = ye({
   name: "ui",
   initialState: {
     modals: [],
     toasts: [],
-    layout: Je()
+    layout: tt()
   },
   computed: {
-    desktop: ({ layout: t }) => t === ue.Desktop,
-    mobile: ({ layout: t }) => t === ue.Mobile,
+    desktop: ({ layout: t }) => t === me.Desktop,
+    mobile: ({ layout: t }) => t === me.Mobile,
     openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
   }
 });
-class Os extends Us {
+class Zs extends Js {
   constructor() {
     super(...arguments);
-    w(this, "modalCallbacks", {});
-    w(this, "components", {});
+    _(this, "modalCallbacks", {});
+    _(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -449,7 +449,7 @@ class Os extends Us {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? K(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -461,7 +461,7 @@ class Os extends Us {
   // prettier-ignore
   /* eslint-enable max-len */
   async confirm(e, r, n) {
-    const o = typeof r != "string" ? {
+    const i = typeof r != "string" ? {
       ...r ?? {},
       message: e,
       required: !!(r != null && r.required)
@@ -470,76 +470,89 @@ class Os extends Us {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, c = await this.modalForm(this.requireComponent("confirm-modal"), o), d = typeof c == "object" ? c[0] : c ?? !1, g = typeof c == "object" ? c[1] : Object.entries(o.checkboxes ?? {}).reduce(
-      ($, [h, { default: C }]) => ({
-        [h]: C ?? !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(
+      ($, [p, { default: x }]) => ({
+        [p]: x ?? !1,
         ...$
       }),
       {}
     );
-    for (const [$, h] of Object.entries(o.checkboxes ?? {}))
-      if (!(!h.required || g[$]))
-        return d && G() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, g];
-    return "checkboxes" in o ? [d, g] : d;
+    for (const [$, p] of Object.entries(i.checkboxes ?? {}))
+      if (!(!p.required || v[$]))
+        return d && se() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' 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, o = () => 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"), o());
-    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 = (g) => typeof g == "function" ? Promise.resolve(g()) : g, 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: o, 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, ...x } = e;
+      return {
+        props: x,
+        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 $ = await this.modal(this.requireComponent("loading-modal"), d);
     try {
-      const g = await o;
-      return await we({ ms: 500 }), g;
+      const p = await l;
+      return await ce({ ms: 500 }), p;
     } finally {
-      await this.closeModal(d.id);
+      await this.closeModal($.id);
     }
   }
   toast(e, r = {}) {
-    const { component: n, ...a } = r, o = {
-      id: ae(),
+    const { component: n, ...a } = r, i = {
+      id: re(),
       properties: { message: e, ...a },
-      component: j(n ?? this.requireComponent("toast"))
+      component: A(n ?? this.requireComponent("toast"))
     };
-    this.setState("toasts", this.toasts.concat(o));
+    this.setState("toasts", this.toasts.concat(i));
   }
   async modal(e, r) {
-    const n = ae(), a = {}, o = {
+    const n = re(), a = {}, i = {
       id: n,
       closing: !1,
       properties: r ?? {},
-      component: j(e),
+      component: A(e),
       beforeClose: new Promise((d) => a.willClose = d),
       afterClose: new Promise((d) => a.hasClosed = d)
-    }, c = this.modals.concat(o);
-    return this.modalCallbacks[o.id] = a, this.setState({ modals: c }), await Be(), o;
+    }, l = this.modals.concat(i);
+    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), await Oe(), i;
   }
   async modalForm(e, r) {
     return await (await this.modal(e, r)).beforeClose;
   }
   async closeModal(e, r) {
-    if (!z.isMounted()) {
+    if (!D.isMounted()) {
       await this.removeModal(e, r);
       return;
     }
-    await I.emit("close-modal", { id: e, result: r });
+    await T.emit("close-modal", { id: e, result: r });
   }
   async closeAllModals() {
     for (; this.modals.length > 0; )
-      await this.closeModal(Vt(this.modals[this.modals.length - 1]).id);
+      await this.closeModal(Bt(this.modals[this.modals.length - 1]).id);
   }
   async boot() {
     this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -548,34 +561,34 @@ class Os extends Us {
     var n, a;
     this.setState(
       "modals",
-      this.modals.filter((o) => o.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() {
-    I.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
-      var a, o;
-      const n = this.modals.find((c) => e === c.id);
-      n && (n.closing = !0), (o = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || o.call(a, r);
-    }), I.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
+    T.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);
+    }), T.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
       await this.removeModal(e, r);
     });
   }
   watchMountedEvent() {
-    I.once("application-mounted", async () => {
+    T.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 we({ 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: ${Qe}px)`).addEventListener("change", () => this.setState({ layout: Je() }));
+    globalThis.matchMedia(`(min-width: ${et}px)`).addEventListener("change", () => this.setState({ layout: tt() }));
   }
 }
-const R = Z(Os);
-class Ns {
+const R = ee(Zs);
+class Xs {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -595,13 +608,13 @@ class Ns {
     return ["en"];
   }
   translate(s) {
-    return G() && console.warn("Lang provider is missing"), s;
+    return se() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return G() && console.warn("Lang provider is missing"), e;
+    return se() && console.warn("Lang provider is missing"), e;
   }
 }
-const Ws = me({
+const Ys = ye({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -610,11 +623,11 @@ const Ws = me({
     fallbackLocale: "en"
   }
 });
-class Ks extends Ws {
+class Gs extends Ys {
   constructor() {
     super();
-    w(this, "provider");
-    this.provider = new Ns(
+    _(this, "provider");
+    this.provider = new Xs(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -642,7 +655,7 @@ class Ks extends Ws {
     );
   }
 }
-const Q = Z(Ks), Ze = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Qs = me({
+const J = ee(Gs), st = J.translate.bind(J), S = J.translateWithDefault.bind(J), er = ye({
   name: "errors",
   initialState: {
     logs: [],
@@ -654,11 +667,11 @@ const Q = Z(Ks), Ze = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Q
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Js extends Qs {
+class tr extends er {
   constructor() {
     super(...arguments);
-    w(this, "forceReporting", !1);
-    w(this, "enabled", !0);
+    _(this, "forceReporting", !1);
+    _(this, "enabled", !0);
   }
   enable() {
     this.enabled = !0;
@@ -666,20 +679,20 @@ class Js extends Qs {
   disable() {
     this.enabled = !1;
   }
-  async inspect(e) {
-    const r = Array.isArray(e) ? e : [await this.createErrorReport(e)];
-    if (r.length === 0) {
+  async inspect(e, r) {
+    if (Array.isArray(e) && e.length === 0) {
       R.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
-    R.modal(R.requireComponent("error-report-modal"), { reports: r });
+    const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
+    R.modal(R.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await I.emit("error", { error: e, message: r }), He("unit") || (G() && this.logError(e), !this.enabled))
+    if (await T.emit("error", { error: e, message: r }), Ve("unit") || (se() && this.logError(e), !this.enabled))
       throw e;
-    if (!z.isMounted()) {
-      const o = await this.createStartupErrorReport(e);
-      o && this.setState({ startupErrors: this.startupErrors.concat(o) });
+    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 = {
@@ -695,7 +708,7 @@ class Js extends Qs {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => R.modal(R.requireComponent("error-report-modal"), { reports: [n] })
+            click: () => R.modal(R.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
@@ -718,14 +731,17 @@ class Js extends Qs {
     });
   }
   logError(e) {
-    console.error(e), $e(e) && e.cause && this.logError(e.cause);
+    console.error(e), ue(e) && e.cause && this.logError(e.cause);
+  }
+  isErrorReport(e) {
+    return ue(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof pe ? this.createErrorReportFromError(e) : $e(e) ? Ne({
-      title: B(
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof be ? this.createErrorReportFromError(e) : ue(e) ? Ze({
+      title: q(
         e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: B(
+      description: q(
         e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
@@ -735,7 +751,7 @@ class Js extends Qs {
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof xe ? e.cause instanceof xe ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Me ? e.cause instanceof Me ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -747,89 +763,44 @@ class Js extends Qs {
     };
   }
 }
-const Ge = Z(Js), Xe = [];
-function Ca(t) {
-  Xe.push(t);
-}
-function Zs(t) {
-  for (const s of Xe) {
-    const e = s(t);
-    if (e)
-      return e;
-  }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof pe ? t.message : $e(t) ? B(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
-}
-class Pe extends pe {
-}
-const Gs = { $errors: Ge }, Xs = (t) => (Ge.report(t), !0);
-function Ys(t, s = () => !1) {
-  const e = (r) => s(r) || Xs(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, o, c) => e(c ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
-}
-const er = {
-  async install(t, s) {
-    Ys(t, s.handleError), await he(t, Gs);
-  }
-};
-function tr() {
-  return J(new Te(), (t) => {
+const rt = ee(tr);
+let ie = null;
+function sr() {
+  return G(new De(), (t) => {
     t.link = function(s) {
-      return Te.prototype.link.apply(this, [s]).replace("<a", '<a target="_blank"');
+      const e = De.prototype.link.apply(this, [s]);
+      return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function sr(t) {
-  const s = Pt(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function rr(t) {
+  const s = Xe(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 rr(t) {
-  let s = Zt(t, { renderer: tr(), async: !1 });
-  return s = nr(s), s = sr(s), s;
-}
 function nr(t) {
-  return Jt.sanitize(t, { ADD_ATTR: ["target"] });
-}
-const ar = /* @__PURE__ */ v({
-  __name: "Markdown",
-  props: {
-    as: {},
-    inline: { type: Boolean },
-    langKey: {},
-    langParams: {},
-    langDefault: {},
-    text: {},
-    actions: {}
-  },
-  setup(t) {
-    const s = De(), e = ke(), r = u(() => e.default ? e.default().map(Ke).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : Ze(t.langKey, t.langParams ?? {})))), n = u(() => {
-      if (!r.value)
-        return null;
-      let c = rr(r.value);
-      return t.inline && (c = c.replace("<p>", "<span>").replace("</p>", "</span>")), c;
-    }), a = () => xt(t.as ?? (t.inline ? "span" : "div"), {
-      innerHTML: n.value,
-      onClick: o,
-      ...s,
-      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
-    });
-    async function o(c) {
-      var g, $;
-      const { target: d } = c;
-      if (jt(d, HTMLElement) && d.dataset.markdownAction) {
-        ($ = (g = t.actions) == null ? void 0 : g[d.dataset.markdownAction]) == null || $.call(g);
-        return;
-      }
-    }
-    return (c, d) => (i(), m(a));
+  const s = Xe(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, n] of s) {
+    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
+    t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
-}), or = (t, s) => {
-  const e = t.__vccOpts || t;
-  for (const [r, n] of s)
-    e[r] = n;
-  return e;
-}, P = /* @__PURE__ */ or(ar, [["__scopeId", "data-v-ba56d181"]]), lr = /* @__PURE__ */ v({
+  return t;
+}
+function ar() {
+  return ie;
+}
+function Ja(t) {
+  ie = t;
+}
+function lr(t) {
+  let s = es(t, { renderer: sr(), async: !1 });
+  return s = or(s), s = rr(s), s = nr(s), s;
+}
+function or(t) {
+  return Gt.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const nt = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -847,7 +818,7 @@ const ar = /* @__PURE__ */ v({
   setup(t) {
     const s = u(() => t.as ? { as: t.as } : t.route ? {
       as: R.resolveComponent("router-link") ?? "a",
-      to: Ne({
+      to: Ze({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -860,28 +831,26 @@ const ar = /* @__PURE__ */ v({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), m(l(Gt), T({
+    return (e, r) => (c(), h(o(ns), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: p(() => [
-        _(e.$slots, "default")
+      default: f(() => [
+        w(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
 });
-function Ye(t, s) {
-  return u(() => {
-    const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, o = xs(n, a), c = Object.entries(r).reduce((d, [g, $]) => (d[g] = l($), d), {});
-    return E(o(c), l(e));
-  });
+function at(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = ss(n, a);
+  return E(i(r), o(e));
 }
 function E(...t) {
-  return Cs($s(t));
+  return rs(ts(t));
 }
-const A = /* @__PURE__ */ v({
+const z = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
@@ -897,7 +866,7 @@ const A = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    const s = X(t, ["class", "size", "variant", "disabled"]), e = Ye(
+    const s = N(t, ["class", "size", "variant", "disabled"]), e = u(() => at(
       { 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",
@@ -911,9 +880,9 @@ const A = /* @__PURE__ */ v({
             link: "text-links"
           },
           size: {
-            small: "text-xs",
-            default: "text-sm",
-            large: "text-base",
+            small: "text-xs min-h-6",
+            default: "text-sm min-h-8",
+            large: "text-base min-h-10",
             icon: "rounded-full p-2.5"
           },
           disabled: {
@@ -968,6 +937,21 @@ const A = /* @__PURE__ */ v({
             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: {
@@ -976,13 +960,13 @@ const A = /* @__PURE__ */ v({
           disabled: !1
         }
       }
-    );
-    return (r, n) => (i(), m(lr, T({
-      class: l(e),
+    ));
+    return (r, n) => (c(), h(nt, H({
+      class: e.value,
       disabled: r.disabled
     }, s), {
-      default: p(() => [
-        _(r.$slots, "default")
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
@@ -991,46 +975,46 @@ const A = /* @__PURE__ */ v({
 function ir(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function et(t, s) {
-  const e = I.on(t, s);
-  de(() => e());
+function lt(t, s) {
+  const e = T.on(t, s);
+  ge(() => e());
 }
 const cr = {
   required: (t) => t ? void 0 : "required"
-}, ie = { ...cr };
-function Sa(t, s) {
-  ie[t] = s;
+}, de = { ...cr };
+function Za(t, s) {
+  de[t] = s;
 }
 function ur(t, s) {
   var r;
-  const e = (r = ie[s]) == null ? void 0 : r.call(ie, t);
-  return e ? Oe(e) : [];
+  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
+  return e ? Je(e) : [];
 }
-const ka = Symbol(), je = /* @__PURE__ */ new WeakMap();
-class dr extends Ue {
+const Xa = Symbol(), Be = /* @__PURE__ */ new WeakMap();
+class dr extends Qe {
   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 = q(!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), Be.set(
       this,
       u(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = Me(this._errors);
+    ), this.errors = ve(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = je.get(this)) != null && e.value);
+    return !!((e = Be.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? K(`Trying to set undefined '${B(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? Q(`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];
@@ -1039,6 +1023,10 @@ class dr extends Ue {
     var r, n;
     return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
   }
+  getFieldType(e) {
+    var r;
+    return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
+  }
   data() {
     return { ...this._data };
   }
@@ -1063,11 +1051,11 @@ class dr extends Ue {
     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);
+    Se(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await Be(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Oe(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -1080,23 +1068,23 @@ class dr extends Ue {
     this.setFieldValue(e, r);
   }
   getFieldErrors(e, r) {
-    var c;
-    const n = [], a = this._data[e], o = ((c = r.rules) == null ? void 0 : c.split("|")) ?? [];
-    for (const d of o)
+    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(...ur(a, d));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
-    const r = Object.entries(e).reduce((n, [a, o]) => (n[a] = o.default ?? null, n), {});
-    return ce(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 ce(r);
+    return pe(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -1106,75 +1094,75 @@ class dr extends Ue {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function tt(t, s) {
-  const e = oe("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  de(() => r == null ? void 0 : r());
+function ot(t, s) {
+  const e = Z("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  ge(() => r == null ? void 0 : r());
 }
-function st(t) {
+function it(t) {
   return new dr(t);
 }
-function rt() {
-  const t = De(), s = u(() => t.class);
-  return [u(() => At(t, "class")), s];
+function Ie() {
+  const t = Ne(), s = u(() => t.class);
+  return [u(() => qt(t, "class")), s];
 }
-function Ma(t) {
-  let s = zt;
-  Ct(() => s = t()), de(() => s());
+function Ya(t) {
+  let s = Ft;
+  Ht(() => s = t()), ge(() => s());
 }
-function Ea(t, s) {
-  const e = ce(U.get(t) ?? s);
-  return Ee(e, () => U.set(t, St(e))), e;
+function Ga(t, s) {
+  const e = pe(U.get(t) ?? s);
+  return Ee(e, () => U.set(t, Vt(e))), e;
 }
-function Ha(t) {
-  const s = q(), e = u(t);
+function el(t) {
+  const s = B(), e = u(t);
   return Ee(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Ia(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = q(e.initial ?? null), a = Bt((o) => n.value = o, e.delay ?? 300);
-  return le(() => a(r())), n;
+function tl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = Ut((i) => n.value = i, e.delay ?? 300);
+  return X(() => a(r())), n;
 }
-const nt = /* @__PURE__ */ v({
+const ct = /* @__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(), m(l(Ve), {
+    return (e, r) => e.$slots.default ? (c(), h(o(je), {
       key: 0,
-      placeholder: l(s).placeholder
+      placeholder: o(s).placeholder
     }, {
-      default: p(() => [
-        _(e.$slots, "default")
+      default: f(() => [
+        w(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), m(l(Ve), {
+    }, 8, ["placeholder"])) : (c(), h(o(je), {
       key: 1,
-      placeholder: l(s).placeholder
+      placeholder: o(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), at = /* @__PURE__ */ v({
+}), ut = /* @__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(), m(l(Xt), {
-      id: l(s).id
+    return (e, r) => (c(), h(o(as), {
+      id: o(s).id
     }, {
-      default: p(() => [
-        _(e.$slots, "default", {}, () => [
-          f(nt, {
-            placeholder: l(s).placeholder
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          m(ct, {
+            placeholder: o(s).placeholder
           }, null, 8, ["placeholder"]),
-          f(l(Yt))
+          m(o(ls))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), ot = /* @__PURE__ */ v({
+}), dt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1184,20 +1172,20 @@ const nt = /* @__PURE__ */ v({
     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 : B(t.value);
+      return r ? r.label : q(t.value);
     });
-    return (r, n) => (i(), m(l(es), Y(ee(r.$props)), {
-      default: p(() => [
-        f(l(ts), null, {
-          default: p(() => [
-            _(r.$slots, "default", {}, () => [
-              V(x(e.value), 1)
+    return (r, n) => (c(), h(o(os), ne(ae(r.$props)), {
+      default: f(() => [
+        m(o(is), null, {
+          default: f(() => [
+            w(r.$slots, "default", {}, () => [
+              P(k(e.value), 1)
             ])
           ]),
           _: 3
@@ -1206,33 +1194,33 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }, 16));
   }
-}), lt = /* @__PURE__ */ v({
+}), pt = /* @__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(), m(l(ss), null, {
-      default: p(() => [
-        f(l(rs), {
+    return (r, n) => (c(), h(o(cs), null, {
+      default: f(() => [
+        m(o(us), {
           position: "popper",
-          class: k(e.value),
-          align: l(s).align,
-          side: l(s).side,
+          class: C(e.value),
+          align: o(s).align,
+          side: o(s).side,
           "side-offset": 4
         }, {
-          default: p(() => [
-            f(l(ns), {
-              class: k(r.innerClass)
+          default: f(() => [
+            m(o(ds), {
+              class: C(r.innerClass)
             }, {
-              default: p(() => [
-                _(r.$slots, "default", {}, () => [
-                  (i(!0), b(D, null, F(l(s).options ?? [], (a) => (i(), m(ot, {
+              default: f(() => [
+                w(r.$slots, "default", {}, () => [
+                  (c(!0), b(j, null, F(o(s).options ?? [], (a) => (c(), h(dt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1247,7 +1235,7 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }));
   }
-}), pr = /* @__PURE__ */ v({
+}), pr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1267,56 +1255,56 @@ const nt = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = oe("form", null), a = u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), o = u(() => a.value), c = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = u(() => t.options ? t.options.map((h) => ({
-      key: ae(),
-      label: t.renderOption ? t.renderOption(h) : ir(h) ? Dt(h.label) : B(h),
-      value: h
-    })) : null), g = {
+    const r = e, n = Z("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: re(),
+      label: t.renderOption ? t.renderOption(p) : ir(p) ? Ot(p.label) : q(p),
+      value: p
+    })) : null), v = {
       labelClass: t.labelClass,
       optionsClass: t.optionsClass,
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${ae()}`,
+      id: `select-${re()}`,
       name: u(() => t.name),
       label: u(() => t.label),
       description: u(() => t.description),
       placeholder: u(() => t.placeholder ?? S("ui.select", "Select an option")),
       options: d,
       selectedOption: u(() => {
-        var h;
-        return (h = d.value) == null ? void 0 : h.find((C) => C.value === t.modelValue);
+        var p;
+        return (p = d.value) == null ? void 0 : p.find((x) => x.value === t.modelValue);
       }),
-      errors: Me(c),
+      errors: ve(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 $(h) {
-      g.update(h);
+    function $(p) {
+      v.update(p);
     }
-    return te("select", g), s(g), (h, C) => (i(), m(l(as), {
-      "model-value": o.value,
-      by: h.compareOptions,
-      "onUpdate:modelValue": C[0] || (C[0] = (L) => $(L))
+    return le("select", v), s(v), (p, x) => (c(), h(o(ps), {
+      "model-value": i.value,
+      by: p.compareOptions,
+      "onUpdate:modelValue": x[0] || (x[0] = (L) => $(L))
     }, {
-      default: p(({ open: L }) => [
-        (i(), m(N(h.as), Y(ee(h.$attrs)), {
-          default: p(() => [
-            _(h.$slots, "default", {
-              modelValue: h.modelValue,
+      default: f(({ open: L }) => [
+        (c(), h(W(p.as), ne(ae(p.$attrs)), {
+          default: f(() => [
+            w(p.$slots, "default", {
+              modelValue: p.modelValue,
               open: L
             }, () => [
-              f(at),
-              f(lt)
+              m(ut),
+              m(pt)
             ])
           ]),
           _: 2
@@ -1325,47 +1313,50 @@ const nt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Ae = /* @__PURE__ */ v({
+}), qe = /* @__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 = ke(), r = u(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), m(l(os), T({
+    ), e = He(), r = u(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (c(), h(o(ms), H({
       key: 0,
-      for: l(s).id
+      for: o(s).id
     }, n.$props), {
-      default: p(() => [
-        _(n.$slots, "default", {}, () => [
-          V(x(l(s).label), 1)
+      default: f(() => [
+        w(n.$slots, "default", {}, () => [
+          P(k(o(s).label), 1)
         ])
       ]),
       _: 3
     }, 16, ["for"])) : M("", !0);
   }
-}), it = /* @__PURE__ */ v({
+}), mt = /* @__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(), m(Ae, {
+    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(qe, {
       key: 0,
-      class: k(e.value)
+      class: C(e.value)
     }, {
-      default: p(() => [
-        _(r.$slots, "default")
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), m(Ae, {
+    }, 8, ["class"])) : (c(), h(qe, {
       key: 1,
-      class: k(e.value)
+      class: C(e.value)
     }, null, 8, ["class"]));
   }
-}), ze = /* @__PURE__ */ v({
+}), Fe = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1378,57 +1369,57 @@ const nt = /* @__PURE__ */ v({
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (i(), m(ot, {
-      class: k(s.value),
+    return (r, n) => (c(), h(dt, {
+      class: C(s.value),
       value: r.value
     }, {
-      default: p(() => [
+      default: f(() => [
         y("div", {
-          class: k(e.value)
+          class: C(e.value)
         }, [
-          _(r.$slots, "default")
+          w(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), ct = /* @__PURE__ */ v({
+}), ft = /* @__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(), m(lt, {
-      class: k(e.value)
+    return (r, n) => (c(), h(pt, {
+      class: C(e.value)
     }, {
-      default: p(() => {
+      default: f(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? _(r.$slots, "default", { key: 0 }, () => {
-            var o;
+          (a = o(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+            var i;
             return [
-              (i(!0), b(D, null, F(((o = l(s)) == null ? void 0 : o.options) ?? [], (c) => (i(), m(ze, {
-                key: c.key,
-                value: c.value
+              (c(!0), b(j, null, F(((i = o(s)) == null ? void 0 : i.options) ?? [], (l) => (c(), h(Fe, {
+                key: l.key,
+                value: l.value
               }, {
-                default: p(() => [
-                  V(x(c.label), 1)
+                default: f(() => [
+                  P(k(l.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : _(r.$slots, "default", { key: 1 }, () => [
-            f(ze, {
+          }) : w(r.$slots, "default", { key: 1 }, () => [
+            m(Fe, {
               disabled: "",
               value: null
             }, {
-              default: p(() => [
-                V(x(r.$td("ui.selectEmpty", "No options available")), 1)
+              default: f(() => [
+                P(k(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1444,36 +1435,36 @@ const nt = /* @__PURE__ */ v({
   height: "1.2em"
 };
 function fr(t, s) {
-  return i(), b("svg", mr, s[0] || (s[0] = [
+  return c(), b("svg", mr, 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 hr = j({ name: "zondicons-cheveron-down", render: fr }), ut = /* @__PURE__ */ v({
+const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__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(), m(at, {
-      class: k(e.value)
+    return (r, n) => (c(), h(ut, {
+      class: C(e.value)
     }, {
-      default: p(() => [
-        f(nt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        f(l(hr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: f(() => [
+        m(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        m(o(hr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), gr = /* @__PURE__ */ v({
+}), gr = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1492,57 +1483,57 @@ const hr = j({ name: "zondicons-cheveron-down", render: fr }), ut = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ie();
-    return (e, r) => (i(), m(pr, T({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Le();
+    return (e, r) => (c(), h(pr, H({ ref: o(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: p(() => [
-        f(it),
-        _(e.$slots, "default", {}, () => [
-          f(ut),
-          f(ct)
+      default: f(() => [
+        m(mt),
+        w(e.$slots, "default", {}, () => [
+          m(ht),
+          m(ft)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), vr = { class: "grow" }, br = /* @__PURE__ */ v({
+}), vr = { class: "grow" }, br = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
-    const s = Q.getBrowserLocale(), e = u(() => [null, ...Q.locales]);
+    const s = J.getBrowserLocale(), e = u(() => [null, ...J.locales]);
     function r(n) {
       return (n && O.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
         locale: O.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), m(gr, {
+    return (n, a) => (c(), h(gr, {
       modelValue: n.$lang.locale,
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => n.$lang.locale = o),
+      "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: p(() => [
+      default: f(() => [
         y("div", vr, [
-          f(it, null, {
-            default: p(() => [
-              V(x(n.$td("settings.locale", "Language")), 1)
+          m(mt, { class: "text-base font-semibold" }, {
+            default: f(() => [
+              P(k(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          f(P, {
+          m(I, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        f(A, {
+        m(z, {
           variant: "ghost",
-          as: ut,
+          as: ht,
           class: "grid w-auto outline-none"
         }),
-        f(ct)
+        m(ft)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
@@ -1552,31 +1543,231 @@ const hr = j({ name: "zondicons-cheveron-down", render: fr }), ut = /* @__PURE__
     priority: 100,
     component: br
   }
-], _r = { $lang: Q }, wr = {
+], wr = { $lang: J }, $r = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = Ze), t.config.globalProperties.$td = S, yr.forEach((e) => z.addSetting(e)), await he(t, _r);
+    (s = t.config.globalProperties).$t ?? (s.$t = st), t.config.globalProperties.$td = S, yr.forEach((e) => D.addSetting(e)), await $e(t, wr);
+  }
+}, _r = /* @__PURE__ */ g({
+  __name: "Markdown",
+  props: {
+    as: {},
+    inline: { type: Boolean },
+    langKey: {},
+    langParams: {},
+    langDefault: {},
+    text: {},
+    actions: {}
+  },
+  setup(t) {
+    const s = Ne(), e = He(), r = u(() => e.default ? e.default().map(Ge).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : st(t.langKey, t.langParams ?? {})))), n = u(() => {
+      if (!r.value)
+        return null;
+      let l = lr(r.value);
+      return t.inline && (l = l.replace("<p>", "<span>").replace("</p>", "</span>")), l;
+    }), a = () => Lt(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: n.value,
+      onClick: i,
+      ...s,
+      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function i(l) {
+      var v, $;
+      const { target: d } = l;
+      if (ze(d, HTMLElement) && d.dataset.markdownAction) {
+        ($ = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || $.call(v);
+        return;
+      }
+      if (ze(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
+        const p = ar();
+        p && (l.preventDefault(), p.visit(d.dataset.markdownRoute));
+        return;
+      }
+    }
+    return (l, d) => (c(), h(a));
+  }
+}), xr = (t, s) => {
+  const e = t.__vccOpts || t;
+  for (const [r, n] of s)
+    e[r] = n;
+  return e;
+}, I = /* @__PURE__ */ xr(_r, [["__scopeId", "data-v-8b211cfb"]]), Cr = { class: "flex-grow" }, kr = ["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", Cr, [
+        y("h3", {
+          id: e.titleId,
+          class: "text-base font-semibold"
+        }, k(e.title), 9, kr),
+        e.description ? (c(), h(I, {
+          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));
   }
-}, $r = {
+}), Mr = ["for"], Er = /* @__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 = Z("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `switch-${re()}`,
+      name: u(() => t.name),
+      label: u(() => t.label),
+      description: u(() => t.description),
+      value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: ve(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), X(() => {
+      !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)
+      }, k(l.label), 11, Mr)) : M("", !0),
+      m(o(fs), 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(hs), {
+            class: C(l.thumbClass)
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["id", "name", "model-value", "class"])
+    ], 2));
+  }
+}), Hr = /* @__PURE__ */ g({
+  __name: "Switch",
+  setup(t) {
+    return (s, e) => (c(), h(Er, {
+      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"
+    }));
+  }
+}), Vr = /* @__PURE__ */ g({
+  __name: "Debug",
+  setup(t) {
+    let s = null;
+    const e = B(!1);
+    return X(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(Hr, {
+          modelValue: e.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
+          "aria-labelledby": "debug-setting"
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["title", "description"]));
+  }
+}), Lr = [
+  {
+    priority: 10,
+    component: Vr
+  }
+], gt = [];
+function sl(t) {
+  gt.push(t);
+}
+function vt(t) {
+  for (const s of gt) {
+    const e = s(t);
+    if (e)
+      return e;
+  }
+  return typeof t == "string" ? t : t instanceof Error || t instanceof be ? t.message : ue(t) ? q(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+}
+class Ue extends be {
+}
+const Tr = { $errors: rt }, Ir = (t) => (rt.report(t), !0);
+function Rr(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 Ar = {
+  async install(t, s) {
+    Rr(t, s.handleError), Lr.forEach((e) => D.addSetting(e)), await $e(t, Tr);
+  }
+}, Pr = {
   async install() {
-    He() && (globalThis.testingRuntime = {
-      on: (...t) => I.on(...t)
+    Ve() && (globalThis.testingRuntime = {
+      on: (...t) => T.on(...t),
+      service: (t) => D.service(t)
     });
   }
-}, xr = {
+}, zr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Cr(t, s) {
-  return i(), b("svg", xr, s[0] || (s[0] = [
+function Dr(t, s) {
+  return c(), b("svg", zr, 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 Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
+const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1586,27 +1777,27 @@ const Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = q(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: o, $content: e });
-    const { forwardRef: n } = Ie(), a = q(!1);
-    te("$modalContentRef", e), et("close-modal", async ({ id: c, result: d }) => {
-      c === r.id && await o(d);
+    s({ close: i, $content: e });
+    const { forwardRef: n } = Le(), a = B(!1);
+    le("$modalContentRef", e), lt("close-modal", async ({ id: l, result: d }) => {
+      l === r.id && await i(d);
     });
-    async function o(c) {
-      a.value || (await I.emit("modal-will-close", { modal: r, result: c }), a.value = !0, await I.emit("modal-has-closed", { modal: r, result: c }));
+    async function i(l) {
+      a.value || (await T.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await T.emit("modal-has-closed", { modal: r, result: l }));
     }
-    return (c, d) => (i(), m(l(ls), {
-      ref: l(n),
+    return (l, d) => (c(), h(o(gs), {
+      ref: o(n),
       open: "",
-      "onUpdate:open": d[0] || (d[0] = (g) => c.persistent || o())
+      "onUpdate:open": d[0] || (d[0] = (v) => l.persistent || i())
     }, {
-      default: p(() => [
-        f(l(is), null, {
-          default: p(() => [
-            _(c.$slots, "default", { close: o })
+      default: f(() => [
+        m(o(vs), null, {
+          default: f(() => [
+            w(l.$slots, "default", { close: i })
           ]),
           _: 3
         })
@@ -1614,7 +1805,7 @@ const Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
       _: 3
     }, 512));
   }
-}), dt = /* @__PURE__ */ v({
+}), bt = /* @__PURE__ */ g({
   __name: "ModalContext",
   props: {
     modal: {},
@@ -1624,48 +1815,48 @@ const Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
     const s = t, e = u(() => {
       const r = {};
       for (const n in s.modal.properties)
-        r[n] = l(s.modal.properties[n]);
+        r[n] = o(s.modal.properties[n]);
       return r;
     });
-    return te("modal", {
-      modal: Re(s, "modal"),
-      childIndex: Re(s, "childIndex")
-    }), (r, n) => (i(), m(N(r.modal.component), Y(ee(e.value)), null, 16));
+    return le("modal", {
+      modal: Pe(s, "modal"),
+      childIndex: Pe(s, "childIndex")
+    }), (r, n) => (c(), h(W(r.modal.component), ne(ae(e.value)), null, 16));
   }
-}), Mr = /* @__PURE__ */ v({
+}), qr = /* @__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 = Vs("$modalContentRef"), r = se("$contentRef"), n = u(() => R.modals[s] ?? null);
-    return le(() => e.value = r.value), (a, o) => (i(), m(l(cs), { ref: "$contentRef" }, {
-      default: p(() => [
-        _(a.$slots, "default"),
-        n.value ? (i(), m(dt, {
+    ), e = Bs("$modalContentRef"), r = Y("$contentRef"), n = u(() => R.modals[s] ?? null);
+    return X(() => e.value = r.value), (a, i) => (c(), h(o(bs), { ref: "$contentRef" }, {
+      default: f(() => [
+        w(a.$slots, "default"),
+        n.value ? (c(), h(bt, {
           key: 0,
-          "child-index": l(s) + 1,
+          "child-index": o(s) + 1,
           modal: n.value
         }, null, 8, ["child-index", "modal"])) : M("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), Er = /* @__PURE__ */ v({
+}), Fr = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(us), Y(ee(s.$props)), {
-      default: p(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(o(ys), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Hr = /* @__PURE__ */ v({
+}), Ur = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1673,31 +1864,31 @@ const Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(ds), Y(ee(s.$props)), {
-      default: p(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(o(ws), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ir = /* @__PURE__ */ v({
+}), Or = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(ps), Y(ee(s.$props)), {
-      default: p(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(o($s), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Lr = {
+}), Nr = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Rr = ["onClick"], Tr = { class: "sr-only" }, re = /* @__PURE__ */ v({
+}, Wr = ["onClick"], Kr = { class: "sr-only" }, te = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1705,86 +1896,90 @@ const Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean },
-    dismissable: { type: Boolean, default: !0 },
     wrapperClass: { default: "" },
-    class: { default: "" }
+    class: { default: "" },
+    closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = X(t, ["class", "dismissable", "wrapperClass", "title", "titleHidden", "description", "persistent"]);
+    const e = N(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
     s({
-      close: async (h) => {
-        var C;
-        return (C = a.value) == null ? void 0 : C.close(h);
+      close: async (p) => {
+        var x;
+        return (x = a.value) == null ? void 0 : x.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, o = H("modal"), c = u(() => !o.modal.closing && o.childIndex === R.openModals.length), d = u(() => t.description ? {} : { "aria-describedby": void 0 }), g = u(() => E({ "mt-2": t.title && !t.titleHidden }, t.class)), $ = 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)), $ = 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 px-4 pt-5 pb-4 text-left shadow-xl sm:max-w-lg",
+      "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 et("modal-will-close", async ({ modal: { id: h } }) => {
-      h === o.modal.id && await we({ ms: 300 });
-    }), (h, C) => (i(), m(kr, T(e, {
-      ref: (L) => l(r)(L),
-      persistent: h.persistent
+    return lt("modal-will-close", async ({ modal: { id: p } }) => {
+      p === i.modal.id && await ce({ ms: 300 });
+    }), (p, x) => (c(), h(Br, H(e, {
+      ref: (L) => o(r)(L),
+      persistent: p.persistent
     }), {
-      default: p(({ close: L }) => [
-        f(Hr, {
-          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
-            "bg-black/30": l(o).childIndex === 1,
-            "opacity-0": l(o).childIndex === 1 && l(o).modal.closing
+      default: f(({ close: L }) => [
+        m(Ur, {
+          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"]),
-        f(Mr, T(d.value, { class: $.value }), {
-          default: p(() => [
-            !h.persistent && h.dismissable ? (i(), b("div", Lr, [
+        m(qr, H(d.value, { class: $.value }), {
+          default: f(() => [
+            !p.persistent && !p.closeHidden ? (c(), b("div", Nr, [
               y("button", {
                 type: "button",
                 class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                onClick: (ge) => L()
+                onClick: (_e) => L()
               }, [
-                y("span", Tr, x(h.$td("ui.close", "Close")), 1),
-                f(l(Sr), { class: "size-4" })
-              ], 8, Rr)
+                y("span", Kr, k(p.$td("ui.close", "Close")), 1),
+                m(o(jr), { class: "size-4" })
+              ], 8, Wr)
             ])) : M("", !0),
-            h.title ? (i(), m(Ir, {
+            p.title ? (c(), h(Or, {
               key: 1,
-              class: k(["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: p(() => [
-                f(P, {
-                  text: h.title,
+              default: f(() => [
+                m(I, {
+                  text: p.title,
                   inline: ""
                 }, null, 8, ["text"])
               ]),
               _: 1
             }, 8, ["class"])) : M("", !0),
-            h.description ? (i(), m(Er, {
+            p.description ? (c(), h(Fr, {
               key: 2,
-              class: k({ "sr-only": h.descriptionHidden })
+              class: C(["px-4 pt-1 pb-2", { "sr-only": p.descriptionHidden }])
             }, {
-              default: p(() => [
-                f(P, {
-                  text: h.description,
-                  class: "mt-1 text-sm leading-6 text-gray-500"
+              default: f(() => [
+                m(I, {
+                  text: p.description,
+                  class: "text-sm leading-6 text-gray-500"
                 }, null, 8, ["text"])
               ]),
               _: 1
             }, 8, ["class"])) : M("", !0),
             y("div", {
-              class: k(g.value)
+              class: C(v.value)
             }, [
-              _(h.$slots, "default", { close: L })
+              w(p.$slots, "default", { close: L })
             ], 2)
           ]),
           _: 2
@@ -1793,21 +1988,30 @@ const Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
       _: 3
     }, 16, ["persistent"]));
   }
-}), Vr = /* @__PURE__ */ v({
+});
+function Qr(t) {
+  const s = u(() => t.title ?? S("ui.alert", "Alert")), e = u(() => !t.title);
+  return { renderedTitle: s, titleHidden: e };
+}
+const Jr = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    return s(), (e, r) => (i(), m(re, { title: e.title }, {
-      default: p(() => [
-        f(P, { text: e.message }, null, 8, ["text"])
+    const e = t, { renderedTitle: r, titleHidden: n } = Qr(e);
+    return s(), (a, i) => (c(), h(te, {
+      title: o(r),
+      "title-hidden": o(n)
+    }, {
+      default: f(() => [
+        m(I, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "title-hidden"]));
   }
-}), pt = /* @__PURE__ */ v({
+}), yt = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -1816,39 +2020,39 @@ const Sr = j({ name: "zondicons-close", render: Cr }), kr = /* @__PURE__ */ v({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return le((n) => {
+    return X((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), te("form", t.form), (n, a) => (i(), b("form", {
-      onSubmit: a[0] || (a[0] = qe((o) => {
-        var c;
-        return (c = n.form) == null ? void 0 : c.submit();
+    }), le("form", t.form), (n, a) => (c(), b("form", {
+      onSubmit: a[0] || (a[0] = We((i) => {
+        var l;
+        return (l = n.form) == null ? void 0 : l.submit();
       }, ["prevent"]))
     }, [
-      _(n.$slots, "default")
+      w(n.$slots, "default")
     ], 32));
   }
 });
-function Pr(t) {
-  const s = st(
+function Zr(t) {
+  const s = it(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (n, [a, o]) => ({
-        [a]: {
+      (i, [l, d]) => ({
+        [l]: {
           type: "boolean",
-          default: o.default,
-          required: o.required ? "required" : void 0
+          default: d.default,
+          required: d.required ? "required" : void 0
         },
-        ...n
+        ...i
       }),
       {}
     )
-  ), e = u(() => t.acceptText ?? S("ui.accept", "Ok")), r = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
-  return { form: s, renderedAcceptText: e, renderedCancelText: r };
+  ), 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"));
+  return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const jr = {
+const Xr = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, Ar = { class: "flex items-center" }, zr = ["onUpdate:modelValue", "required"], Br = { class: "ml-1.5" }, Dr = { class: "mt-4 flex flex-row-reverse gap-2" }, qr = /* @__PURE__ */ v({
+}, Yr = { class: "flex items-center" }, Gr = ["onUpdate:modelValue", "required"], en = { class: "ml-1.5" }, tn = { class: "mt-4 flex flex-row-reverse gap-2" }, sn = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -1862,53 +2066,54 @@ const jr = {
     required: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = X(t, ["cancelVariant"]), { form: r, renderedAcceptText: n, renderedCancelText: a } = Pr(e);
-    return s(), (o, c) => (i(), m(re, {
-      title: o.title,
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = Zr(e);
+    return s(), (d, v) => (c(), h(te, {
+      title: o(n),
+      "title-hidden": o(a),
       persistent: ""
     }, {
-      default: p(({ close: d }) => [
-        f(pt, {
-          form: l(r),
-          onSubmit: (g) => d([!0, l(r).data()])
+      default: f(({ close: $ }) => [
+        m(yt, {
+          form: o(r),
+          onSubmit: (p) => $([!0, o(r).data()])
         }, {
-          default: p(() => [
-            f(P, {
-              text: o.message,
-              actions: o.actions
+          default: f(() => [
+            m(I, {
+              text: d.message,
+              actions: d.actions
             }, null, 8, ["text", "actions"]),
-            o.checkboxes ? (i(), b("ul", jr, [
-              (i(!0), b(D, null, F(o.checkboxes, (g, $) => (i(), b("li", { key: $ }, [
-                y("label", Ar, [
-                  Fe(y("input", {
-                    "onUpdate:modelValue": (h) => l(r)[$] = h,
+            d.checkboxes ? (c(), b("ul", Xr, [
+              (c(!0), b(j, null, F(d.checkboxes, (p, x) => (c(), b("li", { key: x }, [
+                y("label", Yr, [
+                  Ke(y("input", {
+                    "onUpdate:modelValue": (L) => o(r)[x] = L,
                     type: "checkbox",
-                    required: g.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, zr), [
-                    [kt, l(r)[$]]
+                  }, null, 8, Gr), [
+                    [Tt, o(r)[x]]
                   ]),
-                  y("span", Br, x(g.label), 1)
+                  y("span", en, k(p.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
-            y("div", Dr, [
-              f(A, {
-                variant: o.acceptVariant,
+            y("div", tn, [
+              m(z, {
+                variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: p(() => [
-                  V(x(l(n)), 1)
+                default: f(() => [
+                  P(k(o(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              o.required ? M("", !0) : (i(), m(A, {
+              d.required ? M("", !0) : (c(), h(z, {
                 key: 0,
-                variant: o.cancelVariant,
-                onClick: (g) => d(!1)
+                variant: d.cancelVariant,
+                onClick: (p) => $(!1)
               }, {
-                default: p(() => [
-                  V(x(l(a)), 1)
+                default: f(() => [
+                  P(k(o(l)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -1918,116 +2123,116 @@ const jr = {
         }, 1032, ["form", "onSubmit"])
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "title-hidden"]));
   }
-}), Fr = {
+}), rn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ur(t, s) {
-  return i(), b("svg", Fr, s[0] || (s[0] = [
+function nn(t, s) {
+  return c(), b("svg", rn, 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 Or = j({ name: "zondicons-cheveron-left", render: Ur }), Nr = {
+const an = A({ name: "zondicons-cheveron-left", render: nn }), ln = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Wr(t, s) {
-  return i(), b("svg", Nr, s[0] || (s[0] = [
+function on(t, s) {
+  return c(), b("svg", ln, 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 mt = j({ name: "zondicons-cheveron-right", render: Wr }), Kr = {
+const wt = A({ name: "zondicons-cheveron-right", render: on }), cn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Qr(t, s) {
-  return i(), b("svg", Kr, s[0] || (s[0] = [
+function un(t, s) {
+  return c(), b("svg", cn, 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 ft = j({ name: "zondicons-exclamation-solid", render: Qr }), Jr = {
+const Re = A({ name: "zondicons-exclamation-solid", render: un }), dn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Zr(t, s) {
-  return i(), b("svg", Jr, s[0] || (s[0] = [
+function pn(t, s) {
+  return c(), b("svg", dn, 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 Gr = j({ name: "mdi-console", render: Zr }), Xr = {
+const mn = A({ name: "mdi-console", render: pn }), fn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Yr(t, s) {
-  return i(), b("svg", Xr, s[0] || (s[0] = [
+function hn(t, s) {
+  return c(), b("svg", fn, 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 en = j({ name: "zondicons-copy", render: Yr }), tn = {
+const gn = A({ name: "zondicons-copy", render: hn }), vn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function sn(t, s) {
-  return i(), b("svg", tn, s[0] || (s[0] = [
+function bn(t, s) {
+  return c(), b("svg", vn, 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 rn = j({ name: "mdi-github", render: sn }), nn = { class: "flex" }, an = { class: "sr-only" }, on = /* @__PURE__ */ v({
+const yn = A({ name: "mdi-github", render: bn }), wn = { class: "flex" }, $n = { 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 (!z.sourceUrl)
+      if (!D.sourceUrl)
         return !1;
-      const a = encodeURIComponent(e.value), o = encodeURIComponent(
+      const a = encodeURIComponent(e.value), i = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
           "Error details:",
           "```",
-          qt(
+          Nt(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - z.sourceUrl.length
+            1800 - a.length - D.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${z.sourceUrl}/issues/new?title=${a}&body=${o}`;
-    }), n = u(() => J(
+      return `${D.sourceUrl}/issues/new?title=${a}&body=${i}`;
+    }), n = u(() => G(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: en,
+          iconComponent: gn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
@@ -2037,7 +2242,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
         {
           id: "console",
           description: "Log to console",
-          iconComponent: Gr,
+          iconComponent: mn,
           click() {
             const a = s.report.error ?? s.report;
             window.error = a, console.error(a), R.toast(
@@ -2053,24 +2258,24 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: rn,
+          iconComponent: yn,
           url: r.value
         });
       }
     ));
-    return (a, o) => (i(), b("div", nn, [
-      (i(!0), b(D, null, F(n.value, (c) => _(a.$slots, "default", T({ ref_for: !0 }, c), () => [
-        f(A, {
+    return (a, i) => (c(), b("div", wn, [
+      (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: p(() => [
-            y("span", an, x(a.$td(`errors.report_${c.id}`, c.description)), 1),
-            (i(), m(N(c.iconComponent), {
+          default: f(() => [
+            y("span", $n, k(a.$td(`errors.report_${l.id}`, l.description)), 1),
+            (c(), h(W(l.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2080,7 +2285,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), ln = /* @__PURE__ */ v({
+}), xn = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2089,17 +2294,17 @@ ${s.report.details}`), R.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(), m(P, {
+    return (e, r) => (c(), h(I, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function cn(t) {
-  const s = q(0), e = u(() => t.reports[s.value]), r = u(
+function Cn(t) {
+  const s = B(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = u(() => t.reports[s.value]), r = u(
     () => {
-      var o;
-      return ((o = e.value.details) == null ? void 0 : o.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var i;
+      return ((i = e.value.details) == null ? void 0 : i.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
   ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
@@ -2107,88 +2312,95 @@ function cn(t) {
     details: r,
     nextReportText: a,
     previousReportText: n,
-    report: e
+    activeReport: e
   };
 }
-const un = { class: "px-4 pt-5 pb-4" }, dn = { class: "flex justify-between gap-4" }, pn = { class: "flex items-center gap-2" }, mn = {
+const kn = { class: "px-4 pt-5 pb-4" }, Sn = { class: "flex justify-between gap-4" }, Mn = { class: "flex items-center gap-2" }, En = {
   key: 0,
   class: "flex gap-0.5"
-}, fn = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, hn = ["textContent"], gn = /* @__PURE__ */ v({
+}, Hn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Vn = ["textContent"], Ln = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
+    report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: o, report: c } = cn(e);
-    return s(), (d, g) => (i(), m(re, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
-      default: p(() => [
-        y("div", un, [
-          y("h2", dn, [
-            y("div", pn, [
-              f(l(ft), { class: "size-5 text-red-600" }),
-              f(ln, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = Cn(e);
+    return s(), (d, v) => (c(), h(te, {
+      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: f(() => [
+        y("div", kn, [
+          y("h2", Sn, [
+            y("div", Mn, [
+              m(o(Re), { class: "size-5 text-red-600" }),
+              m(xn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: l(c),
-                "current-report": l(r) + 1,
+                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", mn, [
-                f(A, {
+              d.reports.length > 1 ? (c(), b("span", En, [
+                m(z, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: l(r) === 0,
-                  "aria-label": l(o),
-                  title: l(o),
-                  onClick: g[0] || (g[0] = ($) => r.value--)
+                  disabled: o(r) === 0,
+                  "aria-label": o(i),
+                  title: o(i),
+                  onClick: v[0] || (v[0] = ($) => r.value--)
                 }, {
-                  default: p(() => [
-                    f(l(Or), { class: "size-4" })
+                  default: f(() => [
+                    m(o(an), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                f(A, {
+                m(z, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: l(r) === d.reports.length - 1,
-                  "aria-label": l(a),
-                  title: l(a),
-                  onClick: g[1] || (g[1] = ($) => r.value++)
+                  disabled: o(r) === d.reports.length - 1,
+                  "aria-label": o(a),
+                  title: o(a),
+                  onClick: v[1] || (v[1] = ($) => r.value++)
                 }, {
-                  default: p(() => [
-                    f(l(mt), { class: "size-4" })
+                  default: f(() => [
+                    m(o(wt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : M("", !0)
             ]),
-            f(on, {
-              report: l(c),
+            m(_n, {
+              report: o(l),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(c).description ? (i(), m(P, {
+          o(l).description ? (c(), h(I, {
             key: 0,
-            text: l(c).description,
+            text: o(l).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : M("", !0)
         ]),
-        y("div", fn, [
+        y("div", Hn, [
           y("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: x(l(n))
-          }, null, 8, hn)
+            textContent: k(o(n))
+          }, null, 8, Vn)
         ])
       ]),
       _: 1
-    }));
+    }, 8, ["title"]));
   }
-}), vn = {
+}), Tn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function bn(t, s) {
-  return i(), b("svg", vn, s[0] || (s[0] = [
+function In(t, s) {
+  return c(), b("svg", Tn, 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",
@@ -2208,7 +2420,7 @@ function bn(t, s) {
     ], -1)
   ]));
 }
-const yn = j({ name: "svg-spinners-90-ring-with-bg", render: bn }), _n = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, wn = { class: "sr-only" }, $n = /* @__PURE__ */ v({
+const Rn = A({ name: "svg-spinners-90-ring-with-bg", render: In }), An = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Pn = { class: "sr-only" }, zn = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2217,31 +2429,31 @@ const yn = j({ name: "svg-spinners-90-ring-with-bg", render: bn }), _n = { class
   },
   setup(t) {
     let s;
-    const e = q(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);
+    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 }
-    ), de(() => s && s()), (a, o) => (i(), b("div", _n, [
+    ), ge(() => s && s()), (a, i) => (c(), b("div", An, [
       y("div", {
-        class: k(r.value),
-        style: Mt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        class: C(r.value),
+        style: It(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", wn, x(a.$td("ui.progress", "{progress}% complete", {
+      y("span", Pn, k(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function xn(t) {
+function Dn(t) {
   const s = u(() => t.title ?? S("ui.loading", "Loading")), e = u(
     () => t.message ?? S("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 Cn = /* @__PURE__ */ v({
+const jn = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2250,30 +2462,30 @@ const Cn = /* @__PURE__ */ v({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: o } = xn(e);
-    return s(), (c, d) => (i(), m(re, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Dn(e);
+    return s(), (l, d) => (c(), h(te, {
       persistent: "",
-      class: k(["flex", { "flex-col-reverse": l(o), "items-center justify-center gap-2": !l(o) }]),
+      class: C(["flex", { "flex-col-reverse": o(i), "items-center justify-center gap-2": !o(i) }]),
       "wrapper-class": "w-auto",
-      title: l(r),
-      "title-hidden": l(a)
+      title: o(r),
+      "title-hidden": o(a)
     }, {
-      default: p(() => [
-        l(o) ? (i(), m($n, {
+      default: f(() => [
+        o(i) ? (c(), h(zn, {
           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(), m(l(yn), {
+        }, null, 8, ["progress", "job"])) : (c(), h(o(Rn), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        f(P, { text: l(n) }, null, 8, ["text"])
+        m(I, { text: o(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), ht = /* @__PURE__ */ v({
+}), Ae = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2284,59 +2496,64 @@ const Cn = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = oe("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), o = {
-      id: `input-${ae()}`,
+    const r = e, n = Z("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `input-${re()}`,
       name: u(() => t.name),
       label: u(() => t.label),
       description: u(() => t.description),
       value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: Me(a),
+      errors: ve(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 te("input", o), s(o), (c, d) => (i(), m(N(c.as), null, {
-      default: p(() => [
-        _(c.$slots, "default")
+    return le("input", i), s(i), (l, d) => (c(), h(W(l.as), null, {
+      default: f(() => [
+        w(l.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Sn = ["for"], Ce = /* @__PURE__ */ v({
+}), Bn = ["for"], fe = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = H("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = ke(), 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: l(s).id
+      for: o(s).id
     }, [
-      _(n.$slots, "default", {}, () => [
-        V(x(l(s).label), 1)
+      w(n.$slots, "default", {}, () => [
+        P(k(o(s).label), 1)
       ])
-    ], 8, Sn)) : M("", !0);
+    ], 8, Bn)) : M("", !0);
   }
-}), kn = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], gt = /* @__PURE__ */ v({
+}), qn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], $t = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
-    type: { default: "text" }
+    type: {}
   },
   setup(t) {
-    const s = se("$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 = Y("$inputRef"), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = Z("form", null), n = u(() => e.name ?? void 0), a = u(() => e.value), i = u(() => {
+      if (t.type)
+        return t.type;
+      const $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
+    }), l = u(() => {
       if (t.type === "checkbox")
-        return !!n.value;
+        return !!a.value;
     });
-    function o() {
-      s.value && e.update(c());
+    function d() {
+      s.value && e.update(v());
     }
-    function c() {
+    function v() {
       if (!s.value)
         return null;
       switch (t.type) {
@@ -2348,59 +2565,59 @@ const Cn = /* @__PURE__ */ v({
           return s.value.value;
       }
     }
-    return tt(e, () => {
-      var d;
-      return (d = s.value) == null ? void 0 : d.focus();
-    }), le(() => {
+    return ot(e, () => {
+      var $;
+      return ($ = s.value) == null ? void 0 : $.focus();
+    }), X(() => {
       if (s.value) {
-        if (t.type === "date") {
-          s.value.valueAsDate = n.value;
+        if (t.type === "date" && a.value instanceof Date) {
+          s.value.valueAsDate = a.value;
           return;
         }
-        s.value.value = n.value ?? null;
+        s.value.value = a.value ?? null;
       }
-    }), (d, g) => (i(), b("input", {
-      id: l(e).id,
+    }), ($, p) => (c(), b("input", {
+      id: o(e).id,
       ref: "$inputRef",
-      name: r.value,
-      type: d.type,
-      checked: a.value,
-      required: l(e).required ?? void 0,
-      "aria-invalid": l(e).errors ? "true" : "false",
-      "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
-      onInput: o
-    }, null, 40, kn));
-  }
-}), Mn = /* @__PURE__ */ v({
+      name: n.value,
+      checked: l.value,
+      type: i.value,
+      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: d
+    }, null, 40, qn));
+  }
+}), _t = /* @__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", {
-      id: `${l(s).id}-description`
+    return (n, a) => w(n.$slots, "default", {
+      id: `${o(s).id}-description`
     }, () => [
-      r.value ? (i(), m(P, T({ key: 0 }, n.$attrs, {
-        id: `${l(s).id}-description`,
+      r.value ? (c(), h(I, H({ key: 0 }, n.$attrs, {
+        id: `${o(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), En = ["id"], Se = /* @__PURE__ */ v({
+}), Fn = ["id"], he = /* @__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 ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (c(), b("p", {
       key: 0,
-      id: `${l(s).id}-error`
-    }, x(e.value), 9, En)) : M("", !0);
+      id: `${o(s).id}-error`
+    }, k(e.value), 9, Fn)) : M("", !0);
   }
-}), Hn = {
+}), Un = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, In = /* @__PURE__ */ v({
+}, On = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2413,123 +2630,123 @@ const Cn = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = X(t, ["label", "inputClass", "wrapperClass"]), e = se("$inputRef"), [r, n] = rt(), a = u(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), o = u(() => {
-      var c, d, g;
+    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = Y("$inputRef"), [r, n] = Ie(), 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),
-          "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": (g = e.value) == null ? void 0 : g.errors
+          "focus:ring-primary-600": !((l = e.value) != null && l.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
     });
-    return (c, d) => (i(), m(ht, T({
+    return (l, d) => (c(), h(Ae, H({
       ref: "$inputRef",
-      label: c.label,
-      class: l(n)
+      label: l.label,
+      class: o(n)
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (g) => c.$emit("update:modelValue", g))
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
     }), {
-      default: p(() => {
-        var g;
+      default: f(() => {
+        var v;
         return [
-          f(Ce, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          m(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           y("div", {
-            class: k(a.value)
+            class: C(a.value)
           }, [
-            f(gt, T(l(r), { class: o.value }), null, 16, ["class"]),
-            (g = l(e)) != null && g.errors ? (i(), b("div", Hn, [
-              f(l(ft), { 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(Re), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          f(Mn, { class: "mt-2 text-sm text-gray-600" }),
-          f(Se, { class: "mt-2 text-sm text-red-600" })
+          m(_t, { class: "mt-2 text-sm text-gray-600" }),
+          m(he, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function La(t, s = {}) {
+function rl(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Ra(t, s = {}) {
+function nl(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Ta(t) {
+function al(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Va(t) {
+function ll(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Pa(t) {
+function ol(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function ja(t) {
+function il(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Ln(t) {
+function Nn(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Aa(t, s = {}) {
+function cl(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function za(t, s = {}) {
+function ul(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Ba(t, s = {}) {
+function dl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function Rn(t) {
-  const s = st({
-    draft: Ln(t.defaultValue ?? "")
+function Wn(t) {
+  const s = it({
+    draft: Nn(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"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Tn = { class: "mt-4 flex flex-row-reverse gap-2" }, Vn = /* @__PURE__ */ v({
+const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2543,43 +2760,43 @@ const Tn = { class: "mt-4 flex flex-row-reverse gap-2" }, Vn = /* @__PURE__ */ v
     cancelVariant: { default: "secondary" }
   },
   setup(t, { expose: s }) {
-    const e = X(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: o, renderedCancelText: c } = Rn(e);
-    return s(), (d, g) => (i(), m(re, {
-      title: l(n),
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: l } = Wn(e);
+    return s(), (d, v) => (c(), h(te, {
+      title: o(n),
       persistent: ""
     }, {
-      default: p(({ close: $ }) => [
-        f(pt, {
-          form: l(r),
-          onSubmit: (h) => $(l(r).draft)
+      default: f(({ close: $ }) => [
+        m(yt, {
+          form: o(r),
+          onSubmit: (p) => $(o(r).draft)
         }, {
-          default: p(() => [
-            l(a) ? (i(), m(P, {
+          default: f(() => [
+            o(a) ? (c(), h(I, {
               key: 0,
-              text: l(a)
+              text: o(a)
             }, null, 8, ["text"])) : M("", !0),
-            f(In, {
+            m(On, {
               name: "draft",
               class: "mt-2",
               placeholder: d.placeholder,
               label: d.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Tn, [
-              f(A, {
+            y("div", Kn, [
+              m(z, {
                 variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: p(() => [
-                  V(x(l(o)), 1)
+                default: f(() => [
+                  P(k(o(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              f(A, {
+              m(z, {
                 variant: d.cancelVariant,
-                onClick: (h) => $()
+                onClick: (p) => $()
               }, {
-                default: p(() => [
-                  V(x(l(c)), 1)
+                default: f(() => [
+                  P(k(o(l)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2591,13 +2808,13 @@ const Tn = { class: "mt-4 flex flex-row-reverse gap-2" }, Vn = /* @__PURE__ */ v
       _: 1
     }, 8, ["title"]));
   }
-}), Pn = { class: "grid grow place-items-center" }, jn = { class: "flex flex-col items-center space-y-6 p-8" }, An = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, zn = { class: "mt-4 flex flex-col space-y-4" }, Bn = /* @__PURE__ */ v({
+}), 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", Pn, [
-      y("div", jn, [
-        y("h1", An, x(s.$td("startupCrash.title", "Something went wrong!")), 1),
-        f(P, {
+    return (s, e) => (c(), b("div", Jn, [
+      y("div", Zn, [
+        y("h1", Xn, k(s.$td("startupCrash.title", "Something went wrong!")), 1),
+        m(I, {
           text: s.$td(
             "startupCrash.message",
             `Something failed trying to start the application.
@@ -2606,22 +2823,22 @@ Here's some things you can do:`
           ),
           class: "mt-4 text-center"
         }, null, 8, ["text"]),
-        y("div", zn, [
-          f(A, {
+        y("div", Yn, [
+          m(z, {
             variant: "danger",
             onClick: e[0] || (e[0] = (r) => s.$app.reload())
           }, {
-            default: p(() => [
-              V(x(s.$td("startupCrash.reload", "Try again")), 1)
+            default: f(() => [
+              P(k(s.$td("startupCrash.reload", "Try again")), 1)
             ]),
             _: 1
           }),
-          f(A, {
+          m(z, {
             variant: "danger",
             onClick: e[1] || (e[1] = (r) => s.$errors.inspect(s.$errors.startupErrors))
           }, {
-            default: p(() => [
-              V(x(s.$td("startupCrash.inspect", "View error details")), 1)
+            default: f(() => [
+              P(k(s.$td("startupCrash.inspect", "View error details")), 1)
             ]),
             _: 1
           })
@@ -2629,23 +2846,23 @@ Here's some things you can do:`
       ])
     ]));
   }
-}), vt = /* @__PURE__ */ v({
+}), xt = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(N(s.action.dismiss ? l(ms) : "button"), {
+    return (s, e) => (c(), h(W(s.action.dismiss ? o(_s) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: p(() => [
-        V(x(s.action.label), 1)
+      default: f(() => [
+        P(k(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), Dn = { key: 0 }, qn = /* @__PURE__ */ v({
+}), ea = { key: 0 }, ta = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2653,11 +2870,11 @@ Here's some things you can do:`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(l(fs), null, {
-      default: p(() => [
-        _(s.$slots, "default", {}, () => [
-          s.message ? (i(), b("span", Dn, x(s.message), 1)) : M("", !0),
-          (i(!0), b(D, null, F(s.actions, (r, n) => (i(), m(vt, {
+    return (s, e) => (c(), h(o(xs), null, {
+      default: f(() => [
+        w(s.$slots, "default", {}, () => [
+          s.message ? (c(), b("span", ea, k(s.message), 1)) : M("", !0),
+          (c(!0), b(j, null, F(s.actions, (r, n) => (c(), h(xt, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2666,7 +2883,7 @@ Here's some things you can do:`
       _: 3
     }));
   }
-}), Fn = /* @__PURE__ */ v({
+}), sa = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -2675,7 +2892,7 @@ Here's some things you can do:`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = Ye(
+    const e = u(() => at(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -2689,135 +2906,135 @@ Here's some things you can do:`
           variant: "secondary"
         }
       }
-    );
-    return s(), (r, n) => (i(), m(qn, {
-      class: k(l(e))
+    ));
+    return s(), (r, n) => (c(), h(ta, {
+      class: C(e.value)
     }, {
-      default: p(() => [
-        r.message ? (i(), m(P, {
+      default: f(() => [
+        r.message ? (c(), h(I, {
           key: 0,
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : M("", !0),
-        (i(!0), b(D, null, F(r.actions, (a, o) => (i(), m(A, {
-          key: o,
+        (c(!0), b(j, null, F(r.actions, (a, i) => (c(), h(z, {
+          key: i,
           action: a,
           variant: r.variant,
-          as: vt
+          as: xt
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Un = { $ui: R }, On = {
+}), ra = { $ui: R }, na = {
   async install(t, s) {
     const e = {
-      "alert-modal": Vr,
-      "confirm-modal": qr,
-      "error-report-modal": gn,
-      "loading-modal": Cn,
-      "prompt-modal": Vn,
-      "startup-crash": Bn,
-      toast: Fn,
+      "alert-modal": Jr,
+      "confirm-modal": sn,
+      "error-report-modal": Ln,
+      "loading-modal": jn,
+      "prompt-modal": Qn,
+      "startup-crash": Gn,
+      toast: sa,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
       R.registerComponent(r, n);
-    await he(t, Un);
+    await $e(t, ra);
   }
 };
-async function Nn(t, s = {}) {
+async function aa(t, s = {}) {
   var r;
-  const e = [$r, As, er, wr, Fs, On, ...s.plugins ?? []];
-  z.instance = t, await Ls(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await I.emit("application-ready");
+  const e = [Pr, Us, Ar, $r, Qs, na, ...s.plugins ?? []];
+  D.instance = t, await zs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await T.emit("application-ready");
 }
-async function Da(t, s = {}) {
+async function pl(t, s = {}) {
   var r;
-  const e = Et(t);
-  G() && (window.$aerogel = e), await Nn(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await I.emit("application-mounted");
+  const e = Rt(t);
+  se() && (window.$aerogel = e), await aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await T.emit("application-mounted");
 }
-const Wn = { key: 0 }, Kn = /* @__PURE__ */ v({
+const la = { key: 0 }, oa = /* @__PURE__ */ g({
   __name: "AppModals",
   setup(t) {
     const s = u(() => R.modals[0] ?? null);
-    return (e, r) => s.value ? (i(), b("aside", Wn, [
-      f(dt, {
+    return (e, r) => s.value ? (c(), b("aside", la, [
+      m(bt, {
         "child-index": 1,
         modal: s.value
       }, null, 8, ["modal"])
     ])) : M("", !0);
   }
-}), Qn = /* @__PURE__ */ v({
+}), ia = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), m(l(hs), null, {
-      default: p(() => [
-        (i(!0), b(D, null, F(s.$ui.toasts, (r) => (i(), m(N(r.component), T({
+    return (s, e) => (c(), h(o(Cs), null, {
+      default: f(() => [
+        (c(!0), b(j, null, F(s.$ui.toasts, (r) => (c(), h(W(r.component), H({
           id: r.id,
           key: r.id,
           ref_for: !0
         }, r.properties), null, 16, ["id"]))), 128)),
-        f(l(gs), { 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(ks), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Jn = /* @__PURE__ */ v({
+}), ca = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (i(), b(D, null, [
-      f(Kn),
-      f(Qn)
+    return (s, e) => (c(), b(j, null, [
+      m(oa),
+      m(ia)
     ], 64));
   }
-}), Zn = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, qa = /* @__PURE__ */ v({
+}), ua = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, ml = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), b("div", Zn, [
-      s.$errors.hasStartupErrors ? _(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), m(N(s.$ui.requireComponent("startup-crash"))))
-      ]) : _(s.$slots, "default", { key: 1 }),
-      f(Jn)
+    return (s, e) => (c(), b("div", ua, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (c(), h(W(s.$ui.requireComponent("startup-crash"))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      m(ca)
     ]));
   }
-}), Gn = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Fa = /* @__PURE__ */ v({
+}), da = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], pa = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = se("$textAreaRef"), e = H(
+    const s = Y("$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 tt(e, () => {
-      var o;
-      return (o = s.value) == null ? void 0 : o.focus();
-    }), (o, c) => (i(), b("textarea", {
-      id: l(e).id,
+    return ot(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,
       value: n.value,
-      required: l(e).required ?? void 0,
-      "aria-invalid": l(e).errors ? "true" : "false",
-      "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
+      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: a
-    }, null, 40, Gn));
+    }, null, 40, da));
   }
-}), Xn = { class: "group" }, Yn = { class: "-ml-2 flex w-[max-content] cursor-pointer items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, ea = { class: "pt-2 pl-4" }, Ua = /* @__PURE__ */ v({
+}), ma = { class: "group" }, fa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, ha = { class: "pt-2 pl-4" }, fl = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), b("details", Xn, [
-      y("summary", Yn, [
-        f(l(mt), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (c(), b("details", ma, [
+      y("summary", fa, [
+        m(o(wt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, k(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", ea, [
-        _(s.$slots, "default")
+      y("div", ha, [
+        w(s.$slots, "default")
       ])
     ]));
   }
-}), ta = { class: "flex h-6 items-center" }, Oa = /* @__PURE__ */ v({
+}), ga = { class: "flex h-6 items-center" }, hl = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -2830,95 +3047,119 @@ const Wn = { key: 0 }, Kn = /* @__PURE__ */ v({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = X(t, ["inputClass", "labelClass"]), e = se("$inputRef"), [r, n] = rt(), a = u(() => E("relative flex items-start", n.value)), o = u(() => {
-      var d, g;
+    const s = N(t, ["inputClass", "labelClass"]), e = Y("$inputRef"), [r, n] = Ie(), 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",
         {
           "border-gray-300 focus:ring-primary-600": !((d = e.value) != null && d.errors),
-          "border-red-400 border-2 focus:ring-red-600": (g = e.value) == null ? void 0 : g.errors
+          "border-red-400 border-2 focus:ring-red-600": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
-    }), c = u(() => E("ml-2 text-sm leading-6", t.labelClass));
-    return (d, g) => (i(), m(ht, T({
+    }), l = u(() => E("ml-2 text-sm leading-6", t.labelClass));
+    return (d, v) => (c(), h(Ae, H({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": g[0] || (g[0] = ($) => d.$emit("update:modelValue", $))
+      "onUpdate:modelValue": v[0] || (v[0] = ($) => d.$emit("update:modelValue", $))
     }), {
-      default: p(() => [
-        y("div", ta, [
-          f(gt, T(l(r), {
+      default: f(() => [
+        y("div", ga, [
+          m($t, H(o(r), {
             type: "checkbox",
-            class: o.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)
         }, [
-          f(Ce, { class: "text-gray-900" }, {
-            default: p(() => [
-              _(d.$slots, "default")
+          m(fe, { class: "text-gray-900" }, {
+            default: f(() => [
+              w(d.$slots, "default")
             ]),
             _: 3
           }),
-          f(Se, { class: "text-red-600" })
-        ], 2)) : d.label ? (i(), b("div", {
+          m(he, { class: "text-red-600" })
+        ], 2)) : d.label ? (c(), b("div", {
           key: 1,
-          class: k(c.value)
+          class: C(l.value)
         }, [
-          f(Ce, { class: "text-gray-900" }),
-          f(Se, { class: "text-red-600" })
+          m(fe, { class: "text-gray-900" }),
+          m(he, { class: "text-red-600" })
         ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), sa = /* @__PURE__ */ v({
+}), va = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
   emits: ["select"],
   setup(t) {
-    return (s, e) => (i(), m(l(vs), {
-      class: "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
-      onSelect: e[0] || (e[0] = (r) => s.$emit("select"))
-    }, {
-      default: p(() => [
-        _(s.$slots, "default")
+    const s = N(t, ["class"]), e = u(() => E(
+      "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
+      t.class
+    ));
+    return (r, n) => (c(), h(o(Ss), H({ class: e.value }, s, {
+      onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
+    }), {
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
-    }));
+    }, 16, ["class"]));
   }
-}), ra = /* @__PURE__ */ v({
+}), ba = /* @__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(), m(l(bs), {
+    return (e, r) => (c(), h(o(Ms), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
-      align: l(s).align,
-      side: l(s).side
+      align: o(s).align,
+      side: o(s).side
     }, {
-      default: p(() => [
-        _(e.$slots, "default", {}, () => [
-          (i(!0), b(D, null, F(l(s).options, (n, a) => (i(), m(sa, {
-            key: a,
-            onSelect: n.click
-          }, {
-            default: p(() => [
-              V(x(n.label), 1)
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          (c(!0), b(j, null, F(o(s).options, (n, a) => (c(), h(va, H(
+            {
+              key: a,
+              as: n.route || n.href ? nt : void 0,
+              class: n.class,
+              ref_for: !0
+            },
+            n.route || n.href ? {
+              href: n.href,
+              route: n.route,
+              routeParams: n.routeParams,
+              routeQuery: n.routeQuery
+            } : {},
+            {
+              onSelect: (i) => {
+                var l;
+                return (l = n.click) == null ? void 0 : l.call(n);
+              }
+            }
+          ), {
+            default: f(() => [
+              P(k(n.label), 1)
             ]),
             _: 2
-          }, 1032, ["onSelect"]))), 128))
+          }, 1040, ["as", "class", "onSelect"]))), 128))
         ])
       ]),
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Na = /* @__PURE__ */ v({
+}), gl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -2934,18 +3175,18 @@ const Wn = { key: 0 }, Kn = /* @__PURE__ */ v({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return te("dropdown-menu", e), s(e), (r, n) => (i(), m(l(ys), null, {
-      default: p(() => [
-        f(l(_s), null, {
-          default: p(() => [
-            _(r.$slots, "default")
+    return le("dropdown-menu", e), s(e), (r, n) => (c(), h(o(Es), null, {
+      default: f(() => [
+        m(o(Hs), null, {
+          default: f(() => [
+            w(r.$slots, "default")
           ]),
           _: 3
         }),
-        f(l(ws), null, {
-          default: p(() => [
-            _(r.$slots, "options", {}, () => [
-              f(ra)
+        m(o(Vs), null, {
+          default: f(() => [
+            w(r.$slots, "options", {}, () => [
+              m(ba)
             ])
           ]),
           _: 3
@@ -2954,7 +3195,7 @@ const Wn = { key: 0 }, Kn = /* @__PURE__ */ v({
       _: 3
     }));
   }
-}), na = ["aria-hidden"], aa = ["tabindex", "aria-label", "type"], Wa = /* @__PURE__ */ v({
+}), ya = ["aria-hidden"], wa = ["tabindex", "aria-label", "type"], vl = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -2967,69 +3208,160 @@ const Wn = { key: 0 }, Kn = /* @__PURE__ */ v({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = se("$inputRef"), n = q(null), a = q(t.text), o = 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));
-    function g() {
+    const e = s, r = Y("$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 $() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return le(() => a.value = t.text), (h, C) => (i(), b("div", {
-      class: k(["relative", { "pointer-events-none!": h.disabled && !n.value }])
+    return X(() => a.value = t.text), (p, x) => (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)
-      }, x(a.value), 3)) : (i(), b("div", {
+        class: C(l.value)
+      }, k(a.value), 3)) : (c(), b("div", {
         key: 0,
-        class: k(o.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: C[4] || (C[4] = qe((L) => {
-          var ge;
-          return (ge = l(r)) == null ? void 0 : ge.blur();
+        "aria-hidden": p.formAriaHidden,
+        onSubmit: x[4] || (x[4] = We((L) => {
+          var _e;
+          return (_e = o(r)) == null ? void 0 : _e.blur();
         }, ["prevent"]))
       }, [
-        Fe(y("input", {
+        Ke(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": C[0] || (C[0] = (L) => a.value = L),
-          tabindex: h.tabindex ?? void 0,
-          "aria-label": h.ariaLabel ?? void 0,
-          type: h.type,
-          class: k([
+          "onUpdate:modelValue": x[0] || (x[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: C[1] || (C[1] = (L) => h.$emit("update", a.value)),
-          onFocus: C[2] || (C[2] = (L) => g()),
-          onBlur: C[3] || (C[3] = (L) => $())
-        }, null, 42, aa), [
-          [Ht, a.value]
+          onKeyup: x[1] || (x[1] = (L) => p.$emit("update", a.value)),
+          onFocus: x[2] || (x[2] = (L) => v()),
+          onBlur: x[3] || (x[3] = (L) => $())
+        }, null, 42, wa), [
+          [At, a.value]
         ])
-      ], 40, na)
+      ], 40, ya)
     ], 2));
   }
-}), Ka = /* @__PURE__ */ v({
+}), $a = {
+  viewBox: "0 0 512 512",
+  width: "1.2em",
+  height: "1.2em"
+};
+function _a(t, s) {
+  return c(), b("svg", $a, 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 xa = A({ name: "ion-warning", render: _a }), Ca = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ka(t, s) {
+  return c(), b("svg", Ca, 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 Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-medium" }, Ea = ["datetime"], Ha = /* @__PURE__ */ g({
+  __name: "ErrorLogsModal",
+  setup(t) {
+    return (s, e) => (c(), h(te, {
+      title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
+    }, {
+      default: f(() => [
+        y("ol", null, [
+          (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", Ma, k(r.report.title), 1),
+              y("time", {
+                datetime: r.date.toISOString(),
+                class: "text-xs text-gray-700"
+              }, k(r.date.toLocaleTimeString()), 9, Ea),
+              m(I, {
+                class: "text-sm text-gray-500",
+                text: r.report.description ?? o(vt)(r.report)
+              }, null, 8, ["text"])
+            ]),
+            m(z, {
+              size: "icon",
+              variant: "ghost",
+              "aria-label": s.$td("errors.viewDetails", "View details"),
+              title: s.$td("errors.viewDetails", "View details"),
+              class: "self-center",
+              onClick: (a) => s.$errors.inspect(
+                r.report,
+                s.$errors.logs.map(({ report: i }) => i)
+              )
+            }, {
+              default: f(() => [
+                m(o(Sa), {
+                  class: "size-4",
+                  "aria-hidden": "true"
+                })
+              ]),
+              _: 2
+            }, 1032, ["aria-label", "title", "onClick"])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), bl = /* @__PURE__ */ g({
+  __name: "ErrorLogs",
+  setup(t) {
+    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(Ha))
+    }, {
+      default: f(() => [
+        m(o(xa), { class: "size-6 text-red-500" })
+      ]),
+      _: 1
+    }, 8, ["title", "aria-label"])) : M("", !0);
+  }
+}), yl = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = u(() => Zs(t.error));
-    return (e, r) => (i(), m(P, {
+    const s = u(() => vt(t.error));
+    return (e, r) => (c(), h(I, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Qa = /* @__PURE__ */ v({
+}), wl = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3044,51 +3376,106 @@ const Wn = { key: 0 }, Kn = /* @__PURE__ */ v({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), m(A, T({ variant: "link" }, s.$props), {
-      default: p(() => [
-        _(s.$slots, "default")
+    return (s, e) => (c(), h(z, H({ variant: "link" }, s.$props), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ja = /* @__PURE__ */ v({
+}), $l = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = u(() => Ft(z.settings, "priority", "desc"));
-    return (e, r) => (i(), m(re, {
+    const s = u(() => Wt(D.settings, "priority", "desc"));
+    return (e, r) => (c(), h(te, {
       title: e.$td("settings.title", "Settings")
     }, {
-      default: p(() => [
-        (i(!0), b(D, null, F(s.value, (n, a) => (i(), m(N(n.component), { key: a }))), 128))
+      default: f(() => [
+        (c(!0), b(j, null, F(s.value, (n, a) => (c(), h(W(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
+}), Va = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, _l = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "TextArea",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    wrapperClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = Y("$inputRef"), [r, n] = Ie(), 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": !((l = e.value) != null && l.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+        },
+        t.inputClass
+      );
+    });
+    return (l, d) => (c(), h(Ae, H({
+      ref: "$inputRef",
+      label: l.label,
+      class: o(n)
+    }, s, {
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+    }), {
+      default: f(() => {
+        var v;
+        return [
+          m(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: C(a.value)
+          }, [
+            m(pa, H(o(r), { class: i.value }), null, 16, ["class"]),
+            (v = o(e)) != null && v.errors ? (c(), b("div", Va, [
+              m(o(Re), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
+          ], 2),
+          m(_t, { class: "mt-2 text-sm text-gray-600" }),
+          m(he, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16, ["label", "class"]));
+  }
 });
-class Za {
+class xl {
   constructor() {
-    w(this, "status");
-    w(this, "_listeners");
-    w(this, "_progress");
-    w(this, "_cancelled");
-    w(this, "_started");
-    w(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Ut(), this._started = new W(), this._completed = new W();
+    _(this, "status");
+    _(this, "_listeners");
+    _(this, "_progress");
+    _(this, "_cancelled");
+    _(this, "_started");
+    _(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new Kt(), this._started = new K(), this._completed = new K();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof Pe)
+      if (s instanceof Ue)
         return;
-      throw J(Ot(s), (e) => {
+      throw G(Qt(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new W(), await this._cancelled;
+    this._cancelled = new K(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3123,10 +3510,10 @@ class Za {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Pe();
+      throw this._cancelled.resolve(), new Ue();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? Nt(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? Jt(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3140,134 +3527,143 @@ class Za {
     return { ...s };
   }
 }
-async function Ga(t) {
+async function Cl(t) {
   await t.start();
 }
 export {
-  Ua as AdvancedOptions,
-  Vr as AlertModal,
-  z as App,
-  qa as AppLayout,
-  Kn as AppModals,
-  Jn as AppOverlays,
-  Is as AppService,
-  Qn as AppToasts,
-  A as Button,
-  $a as Cache,
-  zs as CacheService,
-  Oa as Checkbox,
-  qr as ConfirmModal,
-  Na as DropdownMenu,
-  sa as DropdownMenuOption,
-  ra as DropdownMenuOptions,
-  Wa as EditableContent,
-  Ka as ErrorMessage,
-  gn as ErrorReportModal,
-  on as ErrorReportModalButtons,
-  ln as ErrorReportModalTitle,
-  Ge as Errors,
-  ba as EventListenerPriorities,
-  I as Events,
-  Es as EventsService,
-  pt as Form,
+  fl as AdvancedOptions,
+  Jr as AlertModal,
+  D as App,
+  ml as AppLayout,
+  oa as AppModals,
+  ca as AppOverlays,
+  Ps as AppService,
+  ia as AppToasts,
+  z as Button,
+  Ka as Cache,
+  Os as CacheService,
+  hl as Checkbox,
+  sn as ConfirmModal,
+  gl as DropdownMenu,
+  va as DropdownMenuOption,
+  ba as DropdownMenuOptions,
+  vl as EditableContent,
+  bl as ErrorLogs,
+  Ha as ErrorLogsModal,
+  yl as ErrorMessage,
+  Ln as ErrorReportModal,
+  _n as ErrorReportModalButtons,
+  xn as ErrorReportModalTitle,
+  rt as Errors,
+  Ua as EventListenerPriorities,
+  T as Events,
+  Rs as EventsService,
+  yt as Form,
   dr as FormController,
-  lr as HeadlessButton,
-  ht as HeadlessInput,
-  Mn as HeadlessInputDescription,
-  Se as HeadlessInputError,
-  gt as HeadlessInputInput,
-  Ce as HeadlessInputLabel,
-  Fa as HeadlessInputTextArea,
-  kr as HeadlessModal,
-  Mr as HeadlessModalContent,
-  Er as HeadlessModalDescription,
-  Hr as HeadlessModalOverlay,
-  Ir as HeadlessModalTitle,
+  nt as HeadlessButton,
+  Ae as HeadlessInput,
+  _t as HeadlessInputDescription,
+  he as HeadlessInputError,
+  $t as HeadlessInputInput,
+  fe as HeadlessInputLabel,
+  pa as HeadlessInputTextArea,
+  Br as HeadlessModal,
+  qr as HeadlessModalContent,
+  Fr as HeadlessModalDescription,
+  Ur as HeadlessModalOverlay,
+  Or as HeadlessModalTitle,
   pr as HeadlessSelect,
-  Ae as HeadlessSelectLabel,
-  ot as HeadlessSelectOption,
-  lt as HeadlessSelectOptions,
-  at as HeadlessSelectTrigger,
-  nt as HeadlessSelectValue,
-  qn as HeadlessToast,
-  In as Input,
-  Za as Job,
-  Pe as JobCancelledError,
-  Q as Lang,
-  ue as Layouts,
-  Qa as Link,
-  Cn as LoadingModal,
-  Qe as MOBILE_BREAKPOINT,
-  P as Markdown,
-  re as Modal,
-  dt as ModalContext,
-  $n as ProgressBar,
-  Vn as PromptModal,
+  qe as HeadlessSelectLabel,
+  dt as HeadlessSelectOption,
+  pt as HeadlessSelectOptions,
+  ut as HeadlessSelectTrigger,
+  ct as HeadlessSelectValue,
+  Er as HeadlessSwitch,
+  ta as HeadlessToast,
+  On as Input,
+  xl as Job,
+  Ue as JobCancelledError,
+  J as Lang,
+  me as Layouts,
+  wl as Link,
+  jn as LoadingModal,
+  et as MOBILE_BREAKPOINT,
+  I as Markdown,
+  te as Modal,
+  bt as ModalContext,
+  zn as ProgressBar,
+  Qn as PromptModal,
   gr as Select,
-  it as SelectLabel,
-  ze as SelectOption,
-  ct as SelectOptions,
-  ut as SelectTrigger,
-  fe as Service,
-  xe as ServiceBootError,
-  Ja as SettingsModal,
-  Bn as StartupCrash,
-  Ds as Storage,
-  Fn as Toast,
+  mt as SelectLabel,
+  Fe as SelectOption,
+  ft as SelectOptions,
+  ht as SelectTrigger,
+  we as Service,
+  Me as ServiceBootError,
+  Sr as Setting,
+  $l as SettingsModal,
+  Gn as StartupCrash,
+  Ws as Storage,
+  Hr as Switch,
+  _l as TextArea,
+  sa as Toast,
   R as UI,
-  Os as UIService,
-  ka as __objectType,
-  La as booleanInput,
-  he as bootServices,
-  Da as bootstrap,
-  Nn as bootstrapApplication,
+  Zs as UIService,
+  Xa as __objectType,
+  rl as booleanInput,
+  $e as bootServices,
+  pl as bootstrap,
+  aa as bootstrapApplication,
   E as classes,
-  Ha as computedAsync,
-  Ia as computedDebounce,
-  Ye as computedVariantClasses,
-  Ra as dateInput,
-  wa as defineDirective,
-  Sa as defineFormValidationRule,
-  _a as definePlugin,
-  me as defineServiceState,
-  Ms as defineServiceStore,
-  ya as defineSettings,
-  Ga as dispatch,
-  Je as getCurrentLayout,
-  Zs as getErrorMessage,
-  ks as getPiniaStore,
+  el as computedAsync,
+  tl as computedDebounce,
+  nl as dateInput,
+  Wa as defineDirective,
+  Za as defineFormValidationRule,
+  Na as definePlugin,
+  ye as defineServiceState,
+  Is as defineServiceStore,
+  Oa as defineSettings,
+  Cl as dispatch,
+  tt as getCurrentLayout,
+  vt as getErrorMessage,
+  ar as getMarkdownRouter,
+  Ts as getPiniaStore,
   ir as hasSelectOptionLabel,
-  Vs as injectOrFail,
-  Ts as injectReactive,
-  H as injectReactiveOrFail,
-  Ls as installPlugins,
-  Aa as numberInput,
-  za as objectInput,
-  Ma as onCleanMounted,
-  tt as onFormFocus,
-  Ea as persistent,
-  Ca as registerErrorHandler,
-  rr as renderMarkdown,
-  Ke as renderVNode,
-  xa as replaceExisting,
-  Ta as requiredBooleanInput,
-  Va as requiredDateInput,
-  Pa as requiredNumberInput,
-  ja as requiredObjectInput,
-  Ln as requiredStringInput,
-  Ss as resetPiniaStore,
-  nr as safeHtml,
-  Ba as stringInput,
-  Ze as translate,
+  Bs as injectOrFail,
+  js as injectReactive,
+  V as injectReactiveOrFail,
+  zs as installPlugins,
+  cl as numberInput,
+  ul as objectInput,
+  Ya as onCleanMounted,
+  ot as onFormFocus,
+  Ga as persistent,
+  sl as registerErrorHandler,
+  lr as renderMarkdown,
+  Ge as renderVNode,
+  Qa as replaceExisting,
+  al as requiredBooleanInput,
+  ll as requiredDateInput,
+  ol as requiredNumberInput,
+  il as requiredObjectInput,
+  Nn as requiredStringInput,
+  Ls as resetPiniaStore,
+  or as safeHtml,
+  Ja as setMarkdownRouter,
+  dl as stringInput,
+  st as translate,
   S as translateWithDefault,
-  Pr as useConfirmModal,
-  cn as useErrorReportModal,
-  et as useEvent,
-  st as useForm,
-  rt as useInputAttrs,
-  xn as useLoadingModal,
-  Rn as usePromptModal,
+  Qr as useAlertModal,
+  Zr as useConfirmModal,
+  Cn as useErrorReportModal,
+  lt as useEvent,
+  it as useForm,
+  Ie as useInputAttrs,
+  Dn as useLoadingModal,
+  Wn as usePromptModal,
   ur as validate,
-  ie as validators
+  de as validators,
+  at as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map