@aerogel/core 0.0.0-next.b656a964404fbde17d9cce7668722596098e47fd → 0.0.0-next.b9379d15fd4f40346d655134b49c9015ead9c536

package/dist/aerogel-core.js

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