@aerogel/core 0.0.0-next.fcfbfdc3428c34c4d1c0e781b61d244f13232fc9 → 0.1.0-next.c4b24f52d8b652bd5c14c2d12e1b38b779ab7682

package/dist/aerogel-core.js

@@ -1,39 +1,42 @@
-var yt = Object.defineProperty;
-var _t = (t, s, e) => s in t ? yt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var $ = (t, s, e) => _t(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as $e, Comment as wt, Text as $t, Static as Ct, inject as ie, reactive as pe, nextTick as qe, defineComponent as g, useAttrs as Fe, useSlots as Ee, computed as u, createBlock as f, openBlock as l, h as xt, unref as o, mergeProps as P, withCtx as m, renderSlot as _, createPropsRestProxy as Y, onUnmounted as fe, onMounted as St, watch as He, toRaw as kt, ref as D, watchEffect as ce, createVNode as h, normalizeProps as ee, guardReactiveProps as te, createTextVNode as V, toDisplayString as S, normalizeClass as k, createElementBlock as b, Fragment as q, renderList as U, readonly as Le, provide as se, resolveDynamicComponent as W, createCommentVNode as E, createElementVNode as y, toRef as Ie, useTemplateRef as re, withModifiers as Ue, withDirectives as Oe, vModelCheckbox as Mt, normalizeStyle as Et, createApp as Ht, vModelText as Lt } from "vue";
-import { JSError as he, tap as Z, MagicObject as Ne, PromisedValue as K, Storage as O, objectOnly as ae, arrayFrom as We, isEmpty as ye, objectDeepClone as Rt, fail as Q, facade as G, arrayRemove as Ce, getEnv as Tt, updateLocationQueryParameters as Pt, forever as It, toString as j, isDevelopment as X, isTesting as Re, after as Ve, uuid as le, required as Vt, isObject as xe, objectWithoutEmpty as Ke, stringMatchAll as At, isInstanceOf as Bt, objectWithout as Dt, noop as zt, debounce as jt, value as qt, stringExcerpt as Ft, arraySorted as Ut, ListenersManager as Ot, toError as Nt, round as Wt } from "@noeldemartin/utils";
-import N from "virtual:aerogel";
-import { createPinia as Kt, setActivePinia as Qt, defineStore as Jt } from "pinia";
-import Zt from "dompurify";
-import { marked as Gt, Renderer as Ae } from "marked";
-import { Primitive as Xt, SelectValue as Be, SelectTrigger as Yt, SelectIcon as es, SelectItem as ts, SelectItemText as ss, SelectPortal as rs, SelectContent as ns, SelectViewport as as, SelectRoot as os, Label as ls, useForwardExpose as Te, DialogRoot as is, DialogPortal as cs, DialogContent as us, DialogDescription as ds, DialogOverlay as ps, DialogTitle as ms, ToastClose as fs, ToastRoot as hs, ToastProvider as gs, ToastViewport as vs, DropdownMenuItem as bs, DropdownMenuContent as ys, DropdownMenuRoot as _s, DropdownMenuTrigger as ws, DropdownMenuPortal as $s } from "reka-ui";
-import Cs from "clsx";
-import { cva as xs } from "class-variance-authority";
-import { twMerge as Ss } from "tailwind-merge";
-class Se extends he {
+var kt = Object.defineProperty;
+var St = (t, s, e) => s in t ? kt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => St(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as E, Comment as Tt, Text as Mt, Static as Ht, inject as X, reactive as pe, nextTick as Oe, unref as o, watchEffect as Y, defineComponent as g, computed as c, createBlock as h, openBlock as u, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as N, onUnmounted as ge, ref as U, readonly as ve, useAttrs as Ne, onMounted as Et, watch as Me, toRaw as Vt, createVNode as p, normalizeProps as ne, guardReactiveProps as ae, createTextVNode as I, toDisplayString as x, normalizeClass as k, createElementBlock as b, Fragment as D, renderList as F, provide as le, resolveDynamicComponent as W, useSlots as He, createCommentVNode as T, createElementVNode as y, h as Lt, toRef as Re, useTemplateRef as G, withModifiers as We, withDirectives as Ke, vModelCheckbox as It, normalizeStyle as qt, resolveComponent as zt, createApp as Rt, vModelText as Pt } from "vue";
+import { JSError as be, stringToSlug as At, tap as ee, MagicObject as Qe, PromisedValue as K, Storage as O, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as Dt, fail as Q, facade as te, arrayRemove as Se, getEnv as jt, updateLocationQueryParameters as Bt, forever as Ft, toString as B, isDevelopment as J, isTesting as Ee, after as ue, uuid as re, required as Ut, isObject as ce, objectWithoutEmpty as Ze, stringMatchAll as Xe, objectWithout as Ot, noop as Nt, debounce as Wt, value as Kt, isInstanceOf as Pe, stringExcerpt as Qt, arraySorted as Jt, ListenersManager as Zt, toError as Xt, round as Yt } from "@noeldemartin/utils";
+import j from "virtual:aerogel";
+import { createPinia as Gt, setActivePinia as es, defineStore as ts } from "pinia";
+import ss from "dompurify";
+import { marked as rs, Renderer as Ae } from "marked";
+import ns from "clsx";
+import { cva as as } from "class-variance-authority";
+import { twMerge as ls } from "tailwind-merge";
+import { Primitive as os, SelectValue as De, SelectTrigger as is, SelectIcon as us, SelectItem as cs, SelectItemText as ds, SelectPortal as ps, SelectContent as ms, SelectViewport as fs, SelectRoot as hs, Label as gs, useForwardExpose as Ve, SwitchRoot as vs, SwitchThumb as bs, DialogRoot as ys, DialogPortal as ws, DialogContent as $s, DialogDescription as _s, DialogOverlay as xs, DialogTitle as Cs, ToastClose as ks, ToastRoot as Ss, ToastProvider as Ts, ToastViewport as Ms, DropdownMenuItem as Hs, DropdownMenuContent as Es, DropdownMenuRoot as Vs, DropdownMenuTrigger as Ls, DropdownMenuPortal as Is } from "reka-ui";
+class Te extends be {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-let Pe = null;
-function Qe() {
-  return Pe ?? ks();
+function qs() {
+  return j.namespace ?? At(j.name);
 }
-function ks() {
-  return Z(Kt(), (t) => {
-    Pe = t, Qt(t);
+let Le = null;
+function Ye() {
+  return Le ?? zs();
+}
+function zs() {
+  return ee(Gt(), (t) => {
+    Le = t, es(t);
   });
 }
-function Ms() {
-  return Pe ?? Qe();
+function Rs() {
+  return Le ?? Ye();
 }
-function Es(t, s) {
-  return Qe(), Jt(t, s)();
+function Ps(t, s) {
+  return Ye(), ts(t, s)();
 }
-function ge(t) {
+function ye(t) {
   var s;
-  return s = class extends ve {
+  return s = class extends we {
     usesStore() {
       return !0;
     }
@@ -67,19 +70,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, $(s, "persist", t.persist ?? []), s;
+  }, _(s, "persist", t.persist ?? []), s;
 }
-var we;
-let ve = (we = class extends Ne {
+var ke;
+let we = (ke = class extends Qe {
   constructor() {
     super();
-    $(this, "_name");
-    $(this, "_booted");
-    $(this, "_computedStateKeys");
-    $(this, "_watchers");
-    $(this, "_store");
+    _(this, "_name");
+    _(this, "_booted");
+    _(this, "_computedStateKeys");
+    _(this, "_watchers");
+    _(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new K(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Es(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new K(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Ps(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -92,7 +95,7 @@ let ve = (we = class extends Ne {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Se(this._name, r));
+    const e = (r) => this._booted.reject(new Te(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -101,7 +104,7 @@ let ve = (we = class extends Ne {
     return this._booted;
   }
   hasPersistedState() {
-    return O.has(this._name);
+    return O.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -113,14 +116,14 @@ let ve = (we = class extends Ne {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = ae(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = oe(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = We(e), n = ae(this._store.$state, r);
-    ye(n) || this.onPersistentStateUpdated(n);
+    const r = Je(e), n = oe(this._store.$state, r);
+    xe(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -128,19 +131,22 @@ let ve = (we = class extends Ne {
   __set(e, r) {
     this.setState({ [e]: r });
   }
+  get storageKey() {
+    return `${qs()}:${this._name}`;
+  }
   onStateUpdated(e, r) {
-    const n = ae(e, this.static("persist"));
-    ye(n) || this.onPersistentStateUpdated(n);
+    const n = oe(e, this.static("persist"));
+    xe(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 = O.get(this._name);
-    r && O.set(this._name, {
+    const r = O.get(this.storageKey);
+    r && O.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Rt(e))
+      ...this.serializePersistedState(Dt(e))
     });
   }
   usesStore() {
@@ -170,37 +176,40 @@ let ve = (we = class extends Ne {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || ye(this.static("persist")))) {
-      if (O.has(this._name)) {
-        const e = O.require(this._name);
+    if (!(!this.usesStore() || xe(this.static("persist")))) {
+      if (O.has(this.storageKey)) {
+        const e = O.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this._name, ae(this.getState(), this.static("persist")));
+      O.set(this.storageKey, oe(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
     return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
   }
-}, $(we, "persist", []), we);
-const va = {
+}, _(ke, "persist", []), ke);
+const ll = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Hs extends ve {
+class As extends we {
   constructor() {
     super(...arguments);
-    $(this, "listeners", {});
+    _(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 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((c) => c(r))) ?? []);
+      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((l) => l(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
@@ -212,11 +221,11 @@ class Hs extends ve {
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const i = typeof r == "function" ? {} : r, c = typeof r == "function" ? r : n;
-    return Z(
+    const i = typeof r == "function" ? {} : r, l = typeof r == "function" ? r : n;
+    return ee(
       () => a && this.off(e, a),
-      (p) => {
-        a = (...d) => (p(), c(...d)), this.registerListener(e, i, c);
+      (d) => {
+        a = (...v) => (d(), l(...v)), this.registerListener(e, i, l);
       }
     );
   }
@@ -226,30 +235,30 @@ class Hs extends ve {
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const c of a)
-      Ce(n.handlers[c] ?? [], r), ((i = n.handlers[c]) == null ? void 0 : i.length) === 0 && (delete n.handlers[c], Ce(n.priorities, c));
+    for (const l of a)
+      Se(n.handlers[l] ?? [], r), ((i = n.handlers[l]) == null ? void 0 : i.length) === 0 && (delete n.handlers[l], Se(n.priorities, l));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var p, d, w;
+    var d, v, $;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const i = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? Q(`priorities missing for event '${e}'`), c = ((d = this.listeners[e]) == null ? void 0 : d.handlers) ?? Q(`handlers missing for event '${e}'`);
-    i.includes(a) || (i.push(a), i.sort((v, C) => C - v), c[a] = []), (w = c[a]) == null || w.push(n);
+    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? Q(`priorities missing for event '${e}'`), l = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? Q(`handlers missing for event '${e}'`);
+    i.includes(a) || (i.push(a), i.sort((m, C) => C - m), l[a] = []), ($ = l[a]) == null || $.push(n);
   }
 }
-const M = G(Hs);
-function ba(t) {
+const R = te(As);
+function ol(t) {
   return t;
 }
-const Ls = ge({
+const Ds = ye({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Tt() ?? "development",
-    version: N.version,
-    sourceUrl: N.sourceUrl,
+    environment: jt() ?? "development",
+    version: j.version,
+    sourceUrl: j.sourceUrl,
     settings: []
   },
   computed: {
@@ -257,19 +266,19 @@ const Ls = ge({
     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." + j.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + j.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/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class Rs extends Ls {
+class js extends Ds {
   constructor() {
     super(...arguments);
-    $(this, "name", N.name);
-    $(this, "ready", new K());
-    $(this, "mounted", new K());
+    _(this, "name", j.name);
+    _(this, "ready", new K());
+    _(this, "mounted", new K());
   }
   isReady() {
     return this.ready.isResolved();
@@ -278,13 +287,13 @@ class Rs extends Ls {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push($e(e));
+    this.settings.push(E(e));
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Pt(e), location.reload(), await It();
+    e && Bt(e), location.reload(), await Ft();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -294,15 +303,15 @@ class Rs extends Ls {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    M.once("application-ready", () => this.ready.resolve()), M.once("application-mounted", () => this.mounted.resolve());
+    R.once("application-ready", () => this.ready.resolve()), R.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const z = G(Rs);
-function ya(t) {
+const A = te(js);
+function il(t) {
   return t;
 }
-async function Ts(t, ...s) {
-  z.setState(
+async function Bs(t, ...s) {
+  A.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -310,55 +319,55 @@ async function Ts(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function Ps(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${j(r)}"`, "");
+function Fs(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
 }
-function _a(t) {
+function ul(t) {
   return t;
 }
-function Is(t) {
-  const s = ie(t);
+function Us(t) {
+  const s = X(t);
   return s ? pe(s) : void 0;
 }
-function R(t, s) {
-  return Is(t) ?? Q(s ?? `Could not resolve '${j(t)}' injection key`);
+function V(t, s) {
+  return Us(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function Vs(t, s) {
-  return ie(t) ?? Q(s ?? `Could not resolve '${j(t)}' injection key`);
+function Os(t, s) {
+  return X(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function Je(t) {
-  return typeof t == "string" ? t : t.type === wt ? "" : t.type === $t || t.type === Ct ? t.children : t.type === "br" ? `
+function Ge(t) {
+  return typeof t == "string" ? t : t.type === Tt ? "" : t.type === Mt || t.type === Ht ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${Ps(t)}>${Array.from(t.children).map(Je).join("")}</${t.type}>`;
+` : `<${t.type} ${Fs(t)}>${Array.from(t.children).map(Ge).join("")}</${t.type}>`;
 }
-const _e = /* @__PURE__ */ new WeakMap(), As = {
-  mounted(t, { value: s }) {
-    const e = typeof s == "function" ? s : null, r = () => {
-      const n = t.getBoundingClientRect();
-      t.style.setProperty("--width", `${n.width}px`), t.style.setProperty("--height", `${n.height}px`), e == null || e({ width: n.width, height: n.height });
+const Ce = /* @__PURE__ */ new WeakMap(), Ns = {
+  mounted(t, { value: s, modifiers: e }) {
+    const r = typeof s == "function" ? s : null, n = () => {
+      const a = t.getBoundingClientRect();
+      e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
     };
-    _e.set(t, Z(new ResizeObserver(r)).observe(t)), r();
+    e.watch && Ce.set(t, ee(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = _e.get(t)) == null || s.unobserve(t), _e.delete(t);
+    (s = Ce.get(t)) == null || s.unobserve(t), Ce.delete(t);
   }
-}, Bs = {
-  measure: As
-}, Ds = {
+}, Ws = {
+  measure: Ns
+}, Ks = {
   install(t, s) {
     const e = {
-      ...Bs,
+      ...Ws,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class zs extends ve {
+class Qs extends we {
   constructor() {
     super(...arguments);
-    $(this, "cache");
+    _(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -371,30 +380,30 @@ class zs extends ve {
     (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 ?? ee(new K(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const wa = G(zs);
-class js extends ve {
+const cl = te(Qs);
+class Js extends we {
   async purge() {
-    await M.emit("purge-storage");
+    await R.emit("purge-storage");
   }
 }
-const qs = G(js);
-function $a(t, s) {
+const et = te(Js);
+function dl(t, s) {
   return {
     ...t,
-    ...ae(s, Object.keys(t))
+    ...oe(s, Object.keys(t))
   };
 }
-const Fs = {
-  $app: z,
-  $events: M,
-  $storage: qs
+const Zs = {
+  $app: A,
+  $events: R,
+  $storage: et
 };
-async function be(t, s) {
+async function $e(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
@@ -402,50 +411,45 @@ async function be(t, s) {
         return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, s), (X() || Re()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (J() || Ee()) && Object.assign(globalThis, s);
 }
-const Us = {
+const Xs = {
   async install(t, s) {
     var r;
     const e = {
-      ...Fs,
+      ...Zs,
       ...s.services
     };
-    t.use(Ms()), (r = s.settings) == null || r.forEach((n) => z.addSetting(n)), await be(t, e);
+    t.use(Rs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await $e(t, e);
   }
-}, Ze = 768, me = {
+}, tt = 768, me = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function Ge() {
-  return globalThis.innerWidth > Ze ? me.Desktop : me.Mobile;
+function st() {
+  return globalThis.innerWidth > tt ? me.Desktop : me.Mobile;
 }
-const Os = ge({
+const Ys = ye({
   name: "ui",
   initialState: {
     modals: [],
     toasts: [],
-    layout: Ge()
+    layout: st()
   },
   computed: {
+    desktop: ({ layout: t }) => t === me.Desktop,
     mobile: ({ layout: t }) => t === me.Mobile,
-    desktop: ({ layout: t }) => t === me.Desktop
-  }
-}), L = {
-  AlertModal: "alert-modal",
-  ConfirmModal: "confirm-modal",
-  ErrorReportModal: "error-report-modal",
-  LoadingModal: "loading-modal",
-  PromptModal: "prompt-modal",
-  Toast: "toast",
-  StartupCrash: "startup-crash",
-  RouterLink: "router-link"
-};
-class Ns extends Os {
+    openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
+  }
+});
+class Gs extends Ys {
   constructor() {
     super(...arguments);
-    $(this, "modalCallbacks", {});
-    $(this, "components", {});
+    _(this, "modalCallbacks", {});
+    _(this, "components", {});
+  }
+  registerComponent(e, r) {
+    this.components[e] = r;
   }
   resolveComponent(e) {
     return this.components[e] ?? null;
@@ -458,10 +462,7 @@ class Ns extends Os {
       title: e,
       message: r
     };
-    this.openModal(
-      this.requireComponent(L.AlertModal),
-      n()
-    );
+    this.modal(this.requireComponent("alert-modal"), n());
   }
   // prettier-ignore
   /* eslint-enable max-len */
@@ -475,20 +476,17 @@ class Ns extends Os {
       title: e,
       message: r,
       required: !!(n != null && n.required)
-    }, p = await (await this.openModal(
-      this.requireComponent(L.ConfirmModal),
-      i
-    )).beforeClose, d = typeof p == "object" ? p[0] : p ?? !1, w = typeof p == "object" ? p[1] : Object.entries(i.checkboxes ?? {}).reduce(
-      (v, [C, { default: T }]) => ({
-        [C]: T ?? !1,
-        ...v
+    }, l = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof l == "object" ? l[0] : l ?? !1, v = typeof l == "object" ? l[1] : Object.entries(i.checkboxes ?? {}).reduce(
+      ($, [m, { default: C }]) => ({
+        [m]: C ?? !1,
+        ...$
       }),
       {}
     );
-    for (const [v, C] of Object.entries(i.checkboxes ?? {}))
-      if (!(!C.required || w[v]))
-        return d && X() && console.warn(`Confirmed confirm modal was suppressed because required '${v}' checkbox was missing`), [!1, w];
-    return "checkboxes" in i ? [d, w] : d;
+    for (const [$, m] of Object.entries(i.checkboxes ?? {}))
+      if (!(!m.required || v[$]))
+        return d && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, v];
+    return "checkboxes" in i ? [d, v] : d;
   }
   async prompt(e, r, n) {
     const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof r != "string" ? {
@@ -498,98 +496,105 @@ class Ns extends Os {
       title: e,
       message: r,
       ...n ?? {}
-    }, p = await (await this.openModal(
-      this.requireComponent(L.PromptModal),
-      i()
-    )).beforeClose;
-    return (a && typeof p == "string" ? p == null ? void 0 : p.trim() : p) ?? null;
+    }, l = await this.modalForm(this.requireComponent("prompt-modal"), i());
+    return (a && typeof l == "string" ? l == null ? void 0 : l.trim() : l) ?? null;
   }
   async loading(e, r) {
-    const n = (d) => typeof d == "function" ? Promise.resolve(d()) : d, a = () => typeof e == "string" ? {
-      props: { message: e },
-      operationPromise: n(r)
-    } : typeof e == "function" || e instanceof Promise ? { operationPromise: n(e) } : {
-      props: e,
-      operationPromise: n(r)
-    }, { operationPromise: i, props: c } = a(), p = await this.openModal(this.requireComponent(L.LoadingModal), c);
+    const n = (m) => typeof m == "function" ? Promise.resolve(m()) : m, a = () => {
+      if (typeof e == "string")
+        return {
+          props: { message: e },
+          operationPromise: n(r)
+        };
+      if (typeof e == "function" || e instanceof Promise)
+        return { operationPromise: n(e) };
+      const { delay: m, ...C } = e;
+      return {
+        props: C,
+        delay: o(m),
+        operationPromise: n(r)
+      };
+    };
+    let i = !1;
+    const { operationPromise: l, props: d, delay: v } = a();
+    if (v && await Promise.race([ue({ ms: v }).then(() => i = !0), l]), v && !i)
+      return l;
+    const $ = await this.modal(this.requireComponent("loading-modal"), d);
     try {
-      const d = await i;
-      return await Ve({ ms: 500 }), d;
+      const m = await l;
+      return await ue({ ms: 500 }), m;
     } finally {
-      await this.closeModal(p.id);
+      await this.closeModal($.id);
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, i = {
-      id: le(),
+      id: re(),
       properties: { message: e, ...a },
-      component: $e(n ?? this.requireComponent(L.Toast))
+      component: E(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(i));
   }
-  registerComponent(e, r) {
-    this.components[e] = r;
-  }
-  async openModal(e, r) {
-    const n = le(), a = {}, i = {
+  async modal(e, r) {
+    const n = re(), a = {}, i = {
       id: n,
+      closing: !1,
       properties: r ?? {},
-      component: $e(e),
+      component: E(e),
       beforeClose: new Promise((d) => a.willClose = d),
-      afterClose: new Promise((d) => a.closed = d)
-    }, c = this.modals.at(-1), p = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: p }), await qe(), await (c && M.emit("hide-modal", { id: c.id })), await Promise.all([
-      c || M.emit("show-overlays-backdrop"),
-      M.emit("show-modal", { id: i.id })
-    ]), i;
+      afterClose: new Promise((d) => a.hasClosed = d)
+    }, l = this.modals.concat(i);
+    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), await Oe(), i;
+  }
+  async modalForm(e, r) {
+    return await (await this.modal(e, r)).beforeClose;
   }
   async closeModal(e, r) {
-    if (!z.isMounted()) {
+    if (!A.isMounted()) {
       await this.removeModal(e, r);
       return;
     }
-    await M.emit("close-modal", { id: e, result: r });
+    await R.emit("close-modal", { id: e, result: r });
   }
   async closeAllModals() {
     for (; this.modals.length > 0; )
-      await this.closeModal(Vt(this.modals[this.modals.length - 1]).id);
+      await this.closeModal(Ut(this.modals[this.modals.length - 1]).id);
   }
   async boot() {
     this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   async removeModal(e, r) {
-    var a, i;
+    var n, a;
     this.setState(
       "modals",
-      this.modals.filter((c) => c.id !== e)
-    ), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.closed) == null || i.call(a, r), delete this.modalCallbacks[e];
-    const n = this.modals.at(-1);
-    await (n && M.emit("show-modal", { id: n.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() {
-    M.on("modal-will-close", ({ modal: e, result: r }) => {
-      var n, a;
-      (a = (n = this.modalCallbacks[e.id]) == null ? void 0 : n.willClose) == null || a.call(n, r), this.modals.length === 1 && M.emit("hide-overlays-backdrop");
-    }), M.on("modal-closed", async ({ modal: { id: e }, result: r }) => {
+    R.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
+      var a, i;
+      const n = this.modals.find((l) => e === l.id);
+      n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
+    }), R.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
       await this.removeModal(e, r);
     });
   }
   watchMountedEvent() {
-    M.once("application-mounted", async () => {
+    R.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 Ve({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await ue({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${Ze}px)`).addEventListener("change", () => this.setState({ layout: Ge() }));
+    globalThis.matchMedia(`(min-width: ${tt}px)`).addEventListener("change", () => this.setState({ layout: st() }));
   }
 }
-const I = G(Ns);
-class Ws {
+const z = te(Gs);
+class er {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -609,13 +614,13 @@ class Ws {
     return ["en"];
   }
   translate(s) {
-    return X() && console.warn("Lang provider is missing"), s;
+    return J() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return X() && console.warn("Lang provider is missing"), e;
+    return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const Ks = ge({
+const tr = ye({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -624,11 +629,11 @@ const Ks = ge({
     fallbackLocale: "en"
   }
 });
-class Qs extends Ks {
+class sr extends tr {
   constructor() {
     super();
-    $(this, "provider");
-    this.provider = new Ws(
+    _(this, "provider");
+    this.provider = new er(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -656,11 +661,12 @@ class Qs extends Ks {
     );
   }
 }
-const J = G(Qs), Xe = J.translate.bind(J), x = J.translateWithDefault.bind(J), Js = ge({
+const Z = te(sr), rt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z), rr = ye({
   name: "errors",
   initialState: {
     logs: [],
-    startupErrors: []
+    startupErrors: [],
+    debug: !1
   },
   computed: {
     hasErrors: ({ logs: t }) => t.length > 0,
@@ -668,11 +674,12 @@ const J = G(Qs), Xe = J.translate.bind(J), x = J.translateWithDefault.bind(J), J
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Zs extends Js {
+class nr extends rr {
   constructor() {
     super(...arguments);
-    $(this, "forceReporting", !1);
-    $(this, "enabled", !0);
+    _(this, "forceReporting", !1);
+    _(this, "enabled", !0);
+    _(this, "eruda", null);
   }
   enable() {
     this.enabled = !0;
@@ -680,20 +687,18 @@ class Zs extends Js {
   disable() {
     this.enabled = !1;
   }
-  async inspect(e) {
-    const r = Array.isArray(e) ? e : [await this.createErrorReport(e)];
-    if (r.length === 0) {
-      I.alert(x("errors.inspectEmpty", "Nothing to inspect!"));
+  async inspect(e, r) {
+    if (Array.isArray(e) && e.length === 0) {
+      z.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
-    I.openModal(I.requireComponent(L.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];
+    z.modal(z.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await M.emit("error", { error: e, message: r }), Re("unit") || (X() && this.logError(e), !this.enabled))
+    if (await R.emit("error", { error: e, message: r }), Ee("unit") || (J() && this.logError(e), !this.enabled))
       throw e;
-    if (!z.isMounted()) {
+    if (!A.isMounted()) {
       const i = await this.createStartupErrorReport(e);
       i && this.setState({ startupErrors: this.startupErrors.concat(i) });
       return;
@@ -703,23 +708,23 @@ class Zs extends Js {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    I.toast(
-      r ?? x("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+    z.toast(
+      r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: x("errors.viewDetails", "View details"),
+            label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => I.openModal(
-              I.requireComponent(L.ErrorReportModal),
-              { reports: [n] }
-            )
+            click: () => z.modal(z.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
         ]
       }
     ), this.setState({ logs: [a].concat(this.logs) });
   }
+  reportDevelopmentError(e, r) {
+    J() && (r && console.warn(r), this.logError(e));
+  }
   see(e) {
     this.setState({
       logs: this.logs.map((r) => r.report !== e ? r : {
@@ -728,33 +733,38 @@ class Zs extends Js {
       })
     });
   }
-  seeAll() {
-    this.setState({
-      logs: this.logs.map((e) => ({
-        ...e,
-        seen: !0
-      }))
+  async boot() {
+    Y(async () => {
+      var e;
+      if (!this.debug) {
+        (e = this.eruda) == null || e.destroy();
+        return;
+      }
+      this.eruda ?? (this.eruda = (await import("eruda")).default), this.eruda.init();
     });
   }
   logError(e) {
-    console.error(e), xe(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 he ? this.createErrorReportFromError(e) : xe(e) ? Ke({
-      title: j(
-        e.name ?? e.title ?? x("errors.unknown", "Unknown Error")
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof be ? this.createErrorReportFromError(e) : ce(e) ? Ze({
+      title: B(
+        e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: j(
-        e.message ?? e.description ?? x("errors.unknownDescription", "Unknown error object")
+      description: B(
+        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: x("errors.unknown", "Unknown Error"),
+      title: S("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Se ? e.cause instanceof Se ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Te ? e.cause instanceof Te ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -766,84 +776,44 @@ class Zs extends Js {
     };
   }
 }
-const Ye = G(Zs), et = [];
-function Ca(t) {
-  et.push(t);
-}
-function Gs(t) {
-  for (const s of et) {
-    const e = s(t);
-    if (e)
-      return e;
-  }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof he ? t.message : xe(t) ? j(t.message ?? t.description ?? "Unknown error object") : x("errors.unknown", "Unknown Error");
-}
-class De extends he {
-}
-const Xs = { $errors: Ye }, Ys = (t) => (Ye.report(t), !0);
-function er(t, s = () => !1) {
-  const e = (r) => s(r) || Ys(r);
-  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, c) => e(c ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
-}
-const tr = {
-  async install(t, s) {
-    er(t, s.handleError), await be(t, Xs);
-  }
-};
-function sr() {
-  return Z(new Ae(), (t) => {
+const nt = te(nr);
+let ie = null;
+function ar() {
+  return ee(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 rr(t) {
-  const s = At(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function lr(t) {
+  const s = Xe(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s)
     t = t.replace(e, `<button type="button" data-markdown-action="${r}">${n}</button>`);
   return t;
 }
-function nr(t) {
-  let s = Gt(t, { renderer: sr(), async: !1 });
-  return s = ar(s), s = rr(s), s;
+function or(t) {
+  const s = Xe(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, n] of s) {
+    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
+    t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
+  }
+  return t;
 }
-function ar(t) {
-  return Zt.sanitize(t, { ADD_ATTR: ["target"] });
+function ir() {
+  return ie;
 }
-const A = /* @__PURE__ */ g({
-  __name: "Markdown",
-  props: {
-    as: {},
-    inline: { type: Boolean },
-    langKey: {},
-    langParams: {},
-    langDefault: {},
-    text: {},
-    actions: {}
-  },
-  setup(t) {
-    const s = Fe(), e = Ee(), r = u(() => e.default ? e.default().map(Je).join("") : t.text ?? (t.langKey && (t.langDefault ? x(t.langKey, t.langDefault, t.langParams ?? {}) : Xe(t.langKey, t.langParams ?? {})))), n = u(() => {
-      if (!r.value)
-        return null;
-      let c = nr(r.value);
-      return t.inline && (c = c.replace("<p>", "<span>").replace("</p>", "</span>")), c;
-    }), a = () => xt(t.as ?? (t.inline ? "span" : "div"), {
-      innerHTML: n.value,
-      onClick: i,
-      ...s,
-      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
-    });
-    async function i(c) {
-      var d, w;
-      const { target: p } = c;
-      if (Bt(p, HTMLElement) && p.dataset.markdownAction) {
-        (w = (d = t.actions) == null ? void 0 : d[p.dataset.markdownAction]) == null || w.call(d);
-        return;
-      }
-    }
-    return (c, p) => (l(), f(a));
-  }
-}), or = /* @__PURE__ */ g({
+function pl(t) {
+  ie = t;
+}
+function ur(t) {
+  let s = rs(t, { renderer: ar(), async: !1 });
+  return s = cr(s), s = lr(s), s = or(s), s;
+}
+function cr(t) {
+  return ss.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const at = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -859,9 +829,9 @@ const A = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = u(() => t.as ? { as: t.as } : t.route ? {
-      as: I.resolveComponent(L.RouterLink) ?? "a",
-      to: Ke({
+    const s = c(() => t.as ? { as: t.as } : t.route ? {
+      as: z.resolveComponent("router-link") ?? "a",
+      to: Ze({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -874,28 +844,26 @@ const A = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (l(), f(o(Xt), P({
+    return (e, r) => (u(), h(o(os), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
-      default: m(() => [
-        _(e.$slots, "default")
+      default: f(() => [
+        w(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
 });
-function tt(t, s) {
-  return u(() => {
-    const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = xs(n, a), c = Object.entries(r).reduce((p, [d, w]) => (p[d] = o(w), p), {});
-    return H(i(c), o(e));
-  });
+function lt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = as(n, a);
+  return M(i(r), o(e));
 }
-function H(...t) {
-  return Ss(Cs(t));
+function M(...t) {
+  return ls(ns(t));
 }
-const B = /* @__PURE__ */ g({
+const q = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
@@ -911,10 +879,10 @@ const B = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = Y(t, ["class", "size", "variant", "disabled"]), e = tt(
+    const s = N(t, ["class", "size", "variant", "disabled"]), e = c(() => lt(
       { 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-600 text-white focus-visible:outline-primary-600",
@@ -922,12 +890,12 @@ const B = /* @__PURE__ */ g({
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
-            link: "text-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: {
@@ -938,7 +906,7 @@ const B = /* @__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"],
@@ -976,12 +944,27 @@ const B = /* @__PURE__ */ g({
           {
             variant: "danger",
             disabled: !1,
-            class: "hover:bg-red-50"
+            class: "hover:bg-red-500"
           },
           {
             variant: "link",
             disabled: !1,
             class: "hover:underline"
+          },
+          {
+            variant: "link",
+            size: "small",
+            class: "leading-6"
+          },
+          {
+            variant: "link",
+            size: "default",
+            class: "leading-8"
+          },
+          {
+            variant: "link",
+            size: "large",
+            class: "leading-10"
           }
         ],
         defaultVariants: {
@@ -990,91 +973,233 @@ const B = /* @__PURE__ */ g({
           disabled: !1
         }
       }
-    );
-    return (r, n) => (l(), f(or, P({
-      class: o(e),
+    ));
+    return (r, n) => (u(), h(at, H({
+      class: e.value,
       disabled: r.disabled
     }, s), {
-      default: m(() => [
-        _(r.$slots, "default")
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function lr(t) {
+function dr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function oe(t, s) {
-  const e = M.on(t, s);
-  fe(() => e());
+function ot(t, s) {
+  const e = R.on(t, s);
+  ge(() => e());
+}
+const pr = {
+  required: (t) => t ? void 0 : "required"
+};
+function mr(t, s) {
+  var e;
+  if (t == null)
+    return !0;
+  switch (s.type) {
+    case "string":
+      return typeof t == "string";
+    case "enum":
+      return !!((e = s.values) != null && e.includes(t));
+    case "number":
+      return typeof t == "number";
+    case "boolean":
+      return typeof t == "boolean";
+    case "date":
+      return t instanceof Date;
+    case "object":
+      return typeof t == "object";
+  }
+}
+const de = { ...pr };
+function ml(t, s) {
+  de[t] = s;
+}
+function fr(t, s) {
+  return mr(t, s) ? [] : ["invalid_value"];
+}
+function hr(t, s) {
+  var r;
+  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
+  return e ? Je(e) : [];
+}
+const fl = Symbol(), je = /* @__PURE__ */ new WeakMap();
+class gr extends Qe {
+  constructor(e) {
+    super();
+    _(this, "errors");
+    _(this, "_fields");
+    _(this, "_data");
+    _(this, "_submitted");
+    _(this, "_errors");
+    _(this, "_listeners", {});
+    this._fields = e, this._submitted = U(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
+      this,
+      c(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = ve(this._errors);
+  }
+  get valid() {
+    var e;
+    return !!((e = je.get(this)) != null && e.value);
+  }
+  get submitted() {
+    return this._submitted.value;
+  }
+  setFieldValue(e, r) {
+    const n = this._fields[e] ?? Q(`Trying to set undefined '${B(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+  }
+  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("|")) ?? [];
+  }
+  getFieldType(e) {
+    var r;
+    return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
+  }
+  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) {
+    Se(this._listeners[e] ?? [], r);
+  }
+  async focus(e) {
+    var r;
+    await Oe(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+  }
+  __get(e) {
+    return e in this._fields ? this.getFieldValue(e) : super.__get(e);
+  }
+  __set(e, r) {
+    if (!(e in this._fields)) {
+      super.__set(e, r);
+      return;
+    }
+    this.setFieldValue(e, r);
+  }
+  getFieldErrors(e, r) {
+    var l;
+    const n = [], a = this._data[e], i = ((l = r.rules) == null ? void 0 : l.split("|")) ?? [];
+    n.push(...fr(a, r));
+    for (const d of i)
+      d !== "required" && a == null || n.push(...hr(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 pe(r);
+  }
+  getInitialErrors(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
+    return pe(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 it(t, s) {
+  const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  ge(() => r == null ? void 0 : r());
 }
-function st(t, s) {
-  const e = ie("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  fe(() => r == null ? void 0 : r());
+function ut(t) {
+  return new gr(t);
 }
-function rt() {
-  const t = Fe(), s = u(() => t.class);
-  return [u(() => Dt(t, "class")), s];
+function Ie() {
+  const t = Ne(), s = c(() => t.class);
+  return [c(() => Ot(t, "class")), s];
 }
-function xa(t) {
-  let s = zt;
-  St(() => s = t()), fe(() => s());
+function hl(t) {
+  let s = Nt;
+  Et(() => s = t()), ge(() => s());
 }
-function Sa(t, s) {
+function gl(t, s) {
   const e = pe(O.get(t) ?? s);
-  return He(e, () => O.set(t, kt(e))), e;
+  return Me(e, () => O.set(t, Vt(e))), e;
 }
-function ka(t) {
-  const s = D(), e = u(t);
-  return He(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function vl(t) {
+  const s = U(), e = c(t);
+  return Me(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Ma(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = D(e.initial ?? null), a = jt((i) => n.value = i, e.delay ?? 300);
-  return ce(() => a(r())), n;
+function bl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = U(e.initial ?? null), a = Wt((i) => n.value = i, e.delay ?? 300);
+  return Y(() => a(r())), n;
 }
-const nt = /* @__PURE__ */ g({
+const ct = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = R(
+    const s = V(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (l(), f(o(Be), {
+    return (e, r) => e.$slots.default ? (u(), h(o(De), {
       key: 0,
       placeholder: o(s).placeholder
     }, {
-      default: m(() => [
-        _(e.$slots, "default")
+      default: f(() => [
+        w(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (l(), f(o(Be), {
+    }, 8, ["placeholder"])) : (u(), h(o(De), {
       key: 1,
       placeholder: o(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), at = /* @__PURE__ */ g({
+}), dt = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = R(
+    const s = V(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (l(), f(o(Yt), {
+    return (e, r) => (u(), h(o(is), {
       id: o(s).id
     }, {
-      default: m(() => [
-        _(e.$slots, "default", {}, () => [
-          h(nt, {
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          p(ct, {
             placeholder: o(s).placeholder
           }, null, 8, ["placeholder"]),
-          h(o(es))
+          p(o(us))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), ot = /* @__PURE__ */ g({
+}), pt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1084,20 +1209,20 @@ const nt = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = R(
+    const s = V(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
-    ), e = u(() => {
+    ), e = c(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : j(t.value);
+      return r ? r.label : B(t.value);
     });
-    return (r, n) => (l(), f(o(ts), ee(te(r.$props)), {
-      default: m(() => [
-        h(o(ss), null, {
-          default: m(() => [
-            _(r.$slots, "default", {}, () => [
-              V(S(e.value), 1)
+    return (r, n) => (u(), h(o(cs), ne(ae(r.$props)), {
+      default: f(() => [
+        p(o(ds), null, {
+          default: f(() => [
+            w(r.$slots, "default", {}, () => [
+              I(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1106,34 +1231,35 @@ const nt = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), lt = /* @__PURE__ */ g({
+}), mt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = R(
+    const s = V(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    );
-    return (e, r) => (l(), f(o(rs), null, {
-      default: m(() => [
-        h(o(ns), {
+    ), e = c(() => M("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (u(), h(o(ps), null, {
+      default: f(() => [
+        p(o(ms), {
           position: "popper",
-          class: k(e.$props.class),
+          class: k(e.value),
           align: o(s).align,
-          side: o(s).side
+          side: o(s).side,
+          "side-offset": 4
         }, {
-          default: m(() => [
-            h(o(as), {
-              class: k(e.innerClass)
+          default: f(() => [
+            p(o(fs), {
+              class: k(r.innerClass)
             }, {
-              default: m(() => [
-                _(e.$slots, "default", {}, () => [
-                  (l(!0), b(q, null, U(o(s).options ?? [], (n) => (l(), f(ot, {
-                    key: n.key,
-                    value: n.value
+              default: f(() => [
+                w(r.$slots, "default", {}, () => [
+                  (u(!0), b(D, null, F(o(s).options ?? [], (a) => (u(), h(pt, {
+                    key: a.key,
+                    value: a.value
                   }, null, 8, ["value"]))), 128))
                 ])
               ]),
@@ -1146,7 +1272,7 @@ const nt = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), ir = /* @__PURE__ */ g({
+}), vr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1154,6 +1280,7 @@ const nt = /* @__PURE__ */ g({
     options: {},
     placeholder: {},
     renderOption: { type: Function },
+    compareOptions: { type: Function, default: (t, s) => t === s },
     labelClass: {},
     optionsClass: {},
     align: {},
@@ -1165,56 +1292,56 @@ const nt = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = ie("form", null), a = u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = u(() => a.value), c = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = u(() => t.options ? t.options.map((v) => ({
-      key: le(),
-      label: t.renderOption ? t.renderOption(v) : lr(v) ? qt(v.label) : j(v),
-      value: v
-    })) : null), d = {
+    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = c(() => a.value), l = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = c(() => t.options ? t.options.map((m) => ({
+      key: re(),
+      label: t.renderOption ? t.renderOption(m) : dr(m) ? Kt(m.label) : B(m),
+      value: m
+    })) : null), v = {
       labelClass: t.labelClass,
       optionsClass: t.optionsClass,
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${le()}`,
-      name: u(() => t.name),
-      label: u(() => t.label),
-      description: u(() => t.description),
-      placeholder: u(() => t.placeholder ?? x("ui.select", "Select an option")),
-      options: p,
-      selectedOption: u(() => {
-        var v;
-        return (v = p.value) == null ? void 0 : v.find((C) => C.value === t.modelValue);
+      id: `select-${re()}`,
+      name: c(() => t.name),
+      label: c(() => t.label),
+      description: c(() => t.description),
+      placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
+      options: d,
+      selectedOption: c(() => {
+        var m;
+        return (m = d.value) == null ? void 0 : m.find((C) => C.value === t.modelValue);
       }),
-      errors: Le(c),
-      required: u(() => {
+      errors: ve(l),
+      required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(v) {
+      update(m) {
         if (n && t.name) {
-          n.setFieldValue(t.name, v);
+          n.setFieldValue(t.name, m);
           return;
         }
-        r("update:modelValue", v);
+        r("update:modelValue", m);
       }
     };
-    function w(v) {
-      d.update(v);
+    function $(m) {
+      v.update(m);
     }
-    return se("select", d), s(d), (v, C) => (l(), f(o(os), {
+    return le("select", v), s(v), (m, C) => (u(), h(o(hs), {
       "model-value": i.value,
-      by: (T, ue) => T === ue,
-      "onUpdate:modelValue": C[0] || (C[0] = (T) => w(T))
+      by: m.compareOptions,
+      "onUpdate:modelValue": C[0] || (C[0] = (L) => $(L))
     }, {
-      default: m(({ open: T }) => [
-        (l(), f(W(v.as), ee(te(v.$attrs)), {
-          default: m(() => [
-            _(v.$slots, "default", {
-              modelValue: v.modelValue,
-              open: T
+      default: f(({ open: L }) => [
+        (u(), h(W(m.as), ne(ae(m.$attrs)), {
+          default: f(() => [
+            w(m.$slots, "default", {
+              modelValue: m.modelValue,
+              open: L
             }, () => [
-              h(at),
-              h(lt)
+              p(dt),
+              p(mt)
             ])
           ]),
           _: 2
@@ -1223,47 +1350,50 @@ const nt = /* @__PURE__ */ g({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), ze = /* @__PURE__ */ g({
+}), Be = /* @__PURE__ */ g({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = R(
+    const s = V(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Ee(), r = u(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (l(), f(o(ls), P({
+    ), e = He(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (u(), h(o(gs), H({
       key: 0,
       for: o(s).id
     }, n.$props), {
-      default: m(() => [
-        _(n.$slots, "default", {}, () => [
-          V(S(o(s).label), 1)
+      default: f(() => [
+        w(n.$slots, "default", {}, () => [
+          I(x(o(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : E("", !0);
+    }, 16, ["for"])) : T("", !0);
   }
-}), it = /* @__PURE__ */ g({
+}), ft = /* @__PURE__ */ g({
   __name: "SelectLabel",
+  props: {
+    class: {}
+  },
   setup(t) {
-    const s = R("select", "<SelectLabel> must be a child of a <Select>"), e = u(() => H("block text-sm leading-6 font-medium text-gray-900", s.labelClass));
-    return (r, n) => r.$slots.default ? (l(), f(ze, {
+    const s = V("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => M("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (u(), h(Be, {
       key: 0,
       class: k(e.value)
     }, {
-      default: m(() => [
-        _(r.$slots, "default")
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (l(), f(ze, {
+    }, 8, ["class"])) : (u(), h(Be, {
       key: 1,
       class: k(e.value)
     }, null, 8, ["class"]));
   }
-}), cr = /* @__PURE__ */ g({
+}), Fe = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1271,100 +1401,114 @@ const nt = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = u(() => H("group p-1 outline-none", t.class)), e = u(() => H(
+    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
       // 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) => (l(), f(ot, {
+    return (r, n) => (u(), h(pt, {
       class: k(s.value),
       value: r.value
     }, {
-      default: m(() => [
+      default: f(() => [
         y("div", {
           class: k(e.value)
         }, [
-          _(r.$slots, "default")
+          w(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), ct = /* @__PURE__ */ g({
+}), ht = /* @__PURE__ */ g({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectOptions> must be a child of a <Select>"), e = u(() => H(
+    const s = V("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => M(
       "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) => (l(), f(lt, {
+    return (r, n) => (u(), h(mt, {
       class: k(e.value)
     }, {
-      default: m(() => [
-        _(r.$slots, "default", {}, () => {
-          var a;
-          return [
-            (l(!0), b(q, null, U(((a = o(s)) == null ? void 0 : a.options) ?? [], (i) => (l(), f(cr, {
-              key: i.key,
-              value: i.value
+      default: f(() => {
+        var a;
+        return [
+          (a = o(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+            var i;
+            return [
+              (u(!0), b(D, null, F(((i = o(s)) == null ? void 0 : i.options) ?? [], (l) => (u(), h(Fe, {
+                key: l.key,
+                value: l.value
+              }, {
+                default: f(() => [
+                  I(x(l.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ];
+          }) : w(r.$slots, "default", { key: 1 }, () => [
+            p(Fe, {
+              disabled: "",
+              value: null
             }, {
-              default: m(() => [
-                V(S(i.label), 1)
+              default: f(() => [
+                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
-              _: 2
-            }, 1032, ["value"]))), 128))
-          ];
-        })
-      ]),
+              _: 1
+            })
+          ])
+        ];
+      }),
       _: 3
     }, 8, ["class"]));
   }
-}), ur = {
+}), br = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function dr(t, s) {
-  return l(), b("svg", ur, s[0] || (s[0] = [
+function yr(t, s) {
+  return u(), b("svg", br, 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 pr = { name: "zondicons-cheveron-down", render: dr }, ut = /* @__PURE__ */ g({
+const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = R("select", "<SelectTrigger> must be a child of a <Select>"), e = u(() => H(
+    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
       // eslint-disable-next-line vue/max-len
-      "focus: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",
+      "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (l(), f(at, {
+    return (r, n) => (u(), h(dt, {
       class: k(e.value)
     }, {
-      default: m(() => [
-        h(nt, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        h(o(pr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      default: f(() => [
+        p(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        p(o(wr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), mr = /* @__PURE__ */ g({
+}), $r = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
     options: {},
     placeholder: {},
     renderOption: { type: Function },
+    compareOptions: { type: Function },
     labelClass: {},
     optionsClass: {},
     align: {},
@@ -1376,30 +1520,30 @@ const pr = { name: "zondicons-cheveron-down", render: dr }, ut = /* @__PURE__ */
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Te();
-    return (e, r) => (l(), f(ir, P({ ref: o(s) }, e.$props, {
+    const { forwardRef: s } = Ve();
+    return (e, r) => (u(), h(vr, H({ ref: o(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
-      default: m(() => [
-        h(it),
-        _(e.$slots, "default", {}, () => [
-          h(ut),
-          h(ct)
+      default: f(() => [
+        p(ft),
+        w(e.$slots, "default", {}, () => [
+          p(gt),
+          p(ht)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), fr = { class: "grow" }, hr = /* @__PURE__ */ g({
+}), _r = { class: "grow" }, xr = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
-    const s = J.getBrowserLocale(), e = u(() => [null, ...J.locales]);
+    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
     function r(n) {
-      return (n && N.locales[n]) ?? x("settings.localeDefault", "{locale} (default)", {
-        locale: N.locales[s] ?? s
+      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: j.locales[s] ?? s
       });
     }
-    return (n, a) => (l(), f(mr, {
+    return (n, a) => (u(), h($r, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (i) => n.$lang.locale = i),
       class: "flex flex-col items-start md:flex-row",
@@ -1407,159 +1551,341 @@ const pr = { name: "zondicons-cheveron-down", render: dr }, ut = /* @__PURE__ */
       options: e.value,
       "render-option": r
     }, {
-      default: m(() => [
-        y("div", fr, [
-          h(it, null, {
-            default: m(() => [
-              V(S(n.$td("settings.locale", "Language")), 1)
+      default: f(() => [
+        y("div", _r, [
+          p(ft, { class: "text-base font-semibold" }, {
+            default: f(() => [
+              I(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          h(A, {
+          p(P, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        h(B, {
+        p(q, {
           variant: "ghost",
-          as: ut,
+          as: gt,
           class: "grid w-auto outline-none"
         }),
-        h(ct)
+        p(ht)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), gr = [
+}), Cr = [
   {
     priority: 100,
-    component: hr
+    component: xr
   }
-], vr = { $lang: J }, br = {
+], kr = { $lang: Z }, Sr = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = Xe), t.config.globalProperties.$td = x, gr.forEach((e) => z.addSetting(e)), await be(t, vr);
+    (s = t.config.globalProperties).$t ?? (s.$t = rt), t.config.globalProperties.$td = S, Cr.forEach((e) => A.addSetting(e)), await $e(t, kr);
   }
-}, yr = {
-  async install() {
-    Re() && (globalThis.testingRuntime = {
-      on: (...t) => M.on(...t)
+}, Tr = /* @__PURE__ */ g({
+  __name: "Markdown",
+  props: {
+    as: {},
+    inline: { type: Boolean },
+    langKey: {},
+    langParams: {},
+    langDefault: {},
+    text: {},
+    actions: {}
+  },
+  setup(t) {
+    const s = Ne(), e = He(), r = c(() => e.default ? e.default().map(Ge).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : rt(t.langKey, t.langParams ?? {})))), n = c(() => {
+      if (!r.value)
+        return null;
+      let l = ur(r.value);
+      return t.inline && (l = l.replace("<p>", "<span>").replace("</p>", "</span>")), l;
+    }), a = () => Lt(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: n.value,
+      onClick: i,
+      ...s,
+      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-  }
-}, _r = {
-  viewBox: "0 0 20 20",
-  width: "1.2em",
-  height: "1.2em"
-};
-function wr(t, s) {
-  return l(), b("svg", _r, 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: wr }, Cr = /* @__PURE__ */ g({
-  __name: "HeadlessModal",
+    async function i(l) {
+      var v, $;
+      const { target: d } = l;
+      if (Pe(d, HTMLElement) && d.dataset.markdownAction) {
+        ($ = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || $.call(v);
+        return;
+      }
+      if (Pe(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
+        const m = ir();
+        m && (l.preventDefault(), m.visit(d.dataset.markdownRoute));
+        return;
+      }
+    }
+    return (l, d) => (u(), h(a));
+  }
+}), Mr = (t, s) => {
+  const e = t.__vccOpts || t;
+  for (const [r, n] of s)
+    e[r] = n;
+  return e;
+}, P = /* @__PURE__ */ Mr(Tr, [["__scopeId", "data-v-8b211cfb"]]), Hr = { class: "flex-grow" }, Er = ["id"], Vr = /* @__PURE__ */ g({
+  __name: "Setting",
   props: {
-    persistent: { type: Boolean },
     title: {},
-    titleHidden: { type: Boolean },
+    titleId: {},
     description: {},
-    descriptionHidden: { type: Boolean }
+    class: {},
+    layout: { default: "horizontal" }
   },
-  setup(t, { expose: s }) {
-    const e = D(null), { modal: r } = R(
-      "modal",
-      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
-    );
-    s({ close: w, $content: e });
-    const { forwardRef: n, currentElement: a } = Te(), i = D(!0), c = D(!1);
-    se("$modalContentRef", e), oe("close-modal", async ({ id: v, result: C }) => {
-      v === r.id && await w(C);
-    }), oe("hide-modal", async ({ id: v }) => {
-      v === r.id && await p();
-    }), oe("show-modal", async ({ id: v }) => {
-      v === r.id && await d();
-    });
-    async function p() {
-      a.value && (i.value = !0);
-    }
-    async function d() {
-      a.value && (i.value = !1);
-    }
-    async function w(v) {
-      c.value || (M.emit("modal-will-close", { modal: r, result: v }), await p(), c.value = !0, M.emit("modal-closed", { modal: r, result: v }));
-    }
-    return (v, C) => (l(), f(o(is), {
-      ref: o(n),
-      open: "",
-      "onUpdate:open": C[0] || (C[0] = (T) => v.persistent || w())
-    }, {
-      default: m(() => [
-        h(o(cs), null, {
-          default: m(() => [
-            _(v.$slots, "default", { close: w })
-          ]),
-          _: 3
-        })
+  setup(t) {
+    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (u(), b("div", {
+      class: k(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    }, [
+      y("div", Hr, [
+        y("h3", {
+          id: e.titleId,
+          class: "text-base font-semibold"
+        }, x(e.title), 9, Er),
+        e.description ? (u(), h(P, {
+          key: 0,
+          text: e.description,
+          class: "mt-1 text-sm text-gray-500"
+        }, null, 8, ["text"])) : T("", !0)
       ]),
-      _: 3
-    }, 512));
+      y("div", {
+        class: k(s.value)
+      }, [
+        w(e.$slots, "default")
+      ], 2)
+    ], 2));
   }
-}), dt = /* @__PURE__ */ g({
-  __name: "ModalContext",
+}), Lr = ["for"], Ir = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessSwitch",
   props: {
-    modal: {},
-    childIndex: {}
-  },
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    class: {},
+    labelClass: {},
+    inputClass: {},
+    thumbClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `switch-${re()}`,
+      name: c(() => t.name),
+      label: c(() => t.label),
+      description: c(() => t.description),
+      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: ve(a),
+      required: c(() => {
+        if (!(!t.name || !n))
+          return n.getFieldRules(t.name).includes("required");
+      }),
+      update(l) {
+        if (n && t.name) {
+          n.setFieldValue(t.name, l);
+          return;
+        }
+        r("update:modelValue", l);
+      }
+    };
+    return s(i), Y(() => {
+      !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
+    }), (l, d) => (u(), b("div", {
+      class: k(t.class)
+    }, [
+      l.label ? (u(), b("label", {
+        key: 0,
+        for: i.id,
+        class: k(l.labelClass)
+      }, x(l.label), 11, Lr)) : T("", !0),
+      p(o(vs), H({
+        id: i.id,
+        name: l.name,
+        "model-value": i.value.value
+      }, l.$attrs, {
+        class: l.inputClass,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+      }), {
+        default: f(() => [
+          p(o(bs), {
+            class: k(l.thumbClass)
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["id", "name", "model-value", "class"])
+    ], 2));
+  }
+}), qr = /* @__PURE__ */ g({
+  __name: "Switch",
   setup(t) {
-    const s = t, e = u(() => {
+    return (s, e) => (u(), h(Ir, {
+      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"
+    }));
+  }
+}), zr = /* @__PURE__ */ g({
+  __name: "Debug",
+  setup(t) {
+    return (s, e) => (u(), h(Vr, {
+      "title-id": "debug-setting",
+      title: s.$td("settings.debug", "Debugging"),
+      description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
+    }, {
+      default: f(() => [
+        p(qr, {
+          modelValue: s.$errors.debug,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
+          "aria-labelledby": "debug-setting"
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["title", "description"]));
+  }
+}), Rr = [
+  {
+    priority: 10,
+    component: zr
+  }
+], vt = [];
+function yl(t) {
+  vt.push(t);
+}
+function bt(t) {
+  for (const s of vt) {
+    const e = s(t);
+    if (e)
+      return e;
+  }
+  return typeof t == "string" ? t : t instanceof Error || t instanceof be ? t.message : ce(t) ? B(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+}
+class Ue extends be {
+}
+const Pr = { $errors: nt }, Ar = (t) => (nt.report(t), !0);
+function Dr(t, s = () => !1) {
+  const e = (r) => s(r) || Ar(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, l) => e(l ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+}
+const jr = {
+  async install(t, s) {
+    Dr(t, s.handleError), Rr.forEach((e) => A.addSetting(e)), await $e(t, Pr);
+  }
+}, Br = {
+  async install() {
+    Ee() && (globalThis.testingRuntime = {
+      on: (...t) => R.on(...t),
+      service: (t) => A.service(t)
+    });
+  }
+}, Fr = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ur(t, s) {
+  return u(), b("svg", Fr, 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 Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
+  __name: "HeadlessModal",
+  props: {
+    persistent: { type: Boolean },
+    title: {},
+    titleHidden: { type: Boolean },
+    description: {},
+    descriptionHidden: { type: Boolean }
+  },
+  setup(t, { expose: s }) {
+    const e = U(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 } = Ve(), a = U(!1);
+    le("$modalContentRef", e), ot("close-modal", async ({ id: l, result: d }) => {
+      l === r.id && await i(d);
+    });
+    async function i(l) {
+      a.value || (await R.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await R.emit("modal-has-closed", { modal: r, result: l }));
+    }
+    return (l, d) => (u(), h(o(ys), {
+      ref: o(n),
+      open: "",
+      "onUpdate:open": d[0] || (d[0] = (v) => l.persistent || i())
+    }, {
+      default: f(() => [
+        p(o(ws), null, {
+          default: f(() => [
+            w(l.$slots, "default", { close: i })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+}), yt = /* @__PURE__ */ g({
+  __name: "ModalContext",
+  props: {
+    modal: {},
+    childIndex: {}
+  },
+  setup(t) {
+    const s = t, e = c(() => {
       const r = {};
       for (const n in s.modal.properties)
         r[n] = o(s.modal.properties[n]);
       return r;
     });
-    return se("modal", {
-      modal: Ie(s, "modal"),
-      childIndex: Ie(s, "childIndex")
-    }), (r, n) => (l(), f(W(r.modal.component), ee(te(e.value)), null, 16));
+    return le("modal", {
+      modal: Re(s, "modal"),
+      childIndex: Re(s, "childIndex")
+    }), (r, n) => (u(), h(W(r.modal.component), ne(ae(e.value)), null, 16));
   }
-}), xr = /* @__PURE__ */ g({
+}), Wr = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { childIndex: s = 0 } = R(
+    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 = Vs("$modalContentRef"), r = re("$contentRef"), n = u(() => I.modals[s] ?? null);
-    return ce(() => e.value = r.value), (a, i) => (l(), f(o(us), { ref: "$contentRef" }, {
-      default: m(() => [
-        _(a.$slots, "default"),
-        n.value ? (l(), f(dt, {
+      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.modal() instead"
+    ), e = Os("$modalContentRef"), r = G("$contentRef"), n = c(() => z.modals[s] ?? null);
+    return Y(() => e.value = r.value), (a, i) => (u(), h(o($s), { ref: "$contentRef" }, {
+      default: f(() => [
+        w(a.$slots, "default"),
+        n.value ? (u(), h(yt, {
           key: 0,
           "child-index": o(s) + 1,
           modal: n.value
-        }, null, 8, ["child-index", "modal"])) : E("", !0)
+        }, null, 8, ["child-index", "modal"])) : T("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), Sr = /* @__PURE__ */ g({
+}), Kr = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (l(), f(o(ds), ee(te(s.$props)), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (u(), h(o(_s), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), kr = /* @__PURE__ */ g({
+}), Qr = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1567,31 +1893,31 @@ const $r = { name: "zondicons-close", render: wr }, Cr = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (l(), f(o(ps), ee(te(s.$props)), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (u(), h(o(xs), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Mr = /* @__PURE__ */ g({
+}), Jr = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (l(), f(o(ms), ee(te(s.$props)), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (u(), h(o(Cs), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Er = {
+}), Zr = {
   key: 0,
-  class: "absolute top-0 right-0 hidden pt-1.5 pr-1.5 sm:block"
-}, Hr = { class: "sr-only" }, ne = /* @__PURE__ */ g({
+  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
+}, Xr = ["onClick"], Yr = { class: "sr-only" }, se = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1599,76 +1925,90 @@ const $r = { name: "zondicons-close", render: wr }, Cr = /* @__PURE__ */ g({
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean },
-    dismissable: { type: Boolean, default: !0 },
     wrapperClass: { default: "" },
-    class: { default: "" }
+    class: { default: "" },
+    closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = Y(t, ["class", "dismissable", "wrapperClass", "title", "titleHidden", "description", "persistent"]);
+    const e = N(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
     s({
-      close: async (d) => {
-        var w;
-        return (w = a.value) == null ? void 0 : w.close(d);
+      close: async (m) => {
+        var C;
+        return (C = a.value) == null ? void 0 : C.close(m);
       },
-      $content: u(() => {
-        var d;
-        return (d = a.value) == null ? void 0 : d.$content;
+      $content: c(() => {
+        var m;
+        return (m = a.value) == null ? void 0 : m.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Te(), a = n, i = u(() => t.description ? {} : { "aria-describedby": void 0 }), c = u(() => H({ "mt-2": t.title && !t.titleHidden }, t.class)), p = u(() => H(
-      // 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 { forwardRef: r, currentRef: n } = Ve(), a = n, i = V("modal"), l = c(() => !i.modal.closing && i.childIndex === z.openModals.length), d = c(() => t.description ? {} : { "aria-describedby": void 0 }), v = c(() => M("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), $ = c(() => M(
+      "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": !l.value,
+        "scale-100 opacity-100": l.value
+      },
       t.wrapperClass
     ));
-    return (d, w) => (l(), f(Cr, P(e, {
-      ref: (v) => o(r)(v),
-      persistent: d.persistent
+    return ot("modal-will-close", async ({ modal: { id: m } }) => {
+      m === i.modal.id && await ue({ ms: 300 });
+    }), (m, C) => (u(), h(Nr, H(e, {
+      ref: (L) => o(r)(L),
+      persistent: m.persistent
     }), {
-      default: m(({ close: v }) => [
-        h(kr, { class: "fixed inset-0 bg-black/30" }),
-        h(xr, P(i.value, { class: p.value }), {
-          default: m(() => [
-            !d.persistent && d.dismissable ? (l(), b("div", Er, [
-              h(B, {
-                variant: "ghost",
-                size: "icon",
-                onClick: (C) => v()
-              }, {
-                default: m(() => [
-                  y("span", Hr, S(d.$td("ui.close", "Close")), 1),
-                  h(o($r), { class: "size-3 text-gray-400" })
-                ]),
-                _: 2
-              }, 1032, ["onClick"])
-            ])) : E("", !0),
-            d.title ? (l(), f(Mr, {
+      default: f(({ close: L }) => [
+        p(Qr, {
+          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
+            "bg-black/30": o(i).childIndex === 1,
+            "opacity-0": o(i).childIndex === 1 && o(i).modal.closing
+          }])
+        }, null, 8, ["class"]),
+        p(Wr, H(d.value, { class: $.value }), {
+          default: f(() => [
+            !m.persistent && !m.closeHidden ? (u(), b("div", Zr, [
+              y("button", {
+                type: "button",
+                class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
+                onClick: (_e) => L()
+              }, [
+                y("span", Yr, x(m.$td("ui.close", "Close")), 1),
+                p(o(Or), { class: "size-4" })
+              ], 8, Xr)
+            ])) : T("", !0),
+            m.title ? (u(), h(Jr, {
               key: 1,
-              class: k(["text-base font-semibold text-gray-900", { "sr-only": d.titleHidden }])
+              class: k(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                "sr-only": m.titleHidden,
+                "pb-0": m.description && !m.descriptionHidden,
+                "pb-2": !m.description || m.descriptionHidden
+              }])
             }, {
-              default: m(() => [
-                h(A, {
-                  text: d.title,
+              default: f(() => [
+                p(P, {
+                  text: m.title,
                   inline: ""
                 }, null, 8, ["text"])
               ]),
               _: 1
-            }, 8, ["class"])) : E("", !0),
-            d.description ? (l(), f(Sr, {
+            }, 8, ["class"])) : T("", !0),
+            m.description ? (u(), h(Kr, {
               key: 2,
-              class: k({ "sr-only": d.descriptionHidden })
+              class: k(["px-4 pt-1 pb-2", { "sr-only": m.descriptionHidden }])
             }, {
-              default: m(() => [
-                h(A, {
-                  text: d.description,
-                  class: "mt-1 text-sm leading-6 text-gray-500"
+              default: f(() => [
+                p(P, {
+                  text: m.description,
+                  class: "text-sm leading-6 text-gray-500"
                 }, null, 8, ["text"])
               ]),
               _: 1
-            }, 8, ["class"])) : E("", !0),
+            }, 8, ["class"])) : T("", !0),
             y("div", {
-              class: k(c.value)
+              class: k(v.value)
             }, [
-              _(d.$slots, "default", { close: v })
+              w(m.$slots, "default", { close: L })
             ], 2)
           ]),
           _: 2
@@ -1677,21 +2017,30 @@ const $r = { name: "zondicons-close", render: wr }, Cr = /* @__PURE__ */ g({
       _: 3
     }, 16, ["persistent"]));
   }
-}), Lr = /* @__PURE__ */ g({
+});
+function Gr(t) {
+  const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
+  return { renderedTitle: s, titleHidden: e };
+}
+const en = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
-  setup(t) {
-    return (s, e) => (l(), f(ne, { title: s.title }, {
-      default: m(() => [
-        h(A, { text: s.message }, null, 8, ["text"])
+  setup(t, { expose: s }) {
+    const e = t, { renderedTitle: r, titleHidden: n } = Gr(e);
+    return s(), (a, i) => (u(), h(se, {
+      title: o(r),
+      "title-hidden": o(n)
+    }, {
+      default: f(() => [
+        p(P, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "title-hidden"]));
   }
-}), pt = /* @__PURE__ */ g({
+}), wt = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -1700,214 +2049,39 @@ const $r = { name: "zondicons-close", render: wr }, Cr = /* @__PURE__ */ g({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return ce((n) => {
+    return Y((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
-    }), se("form", t.form), (n, a) => (l(), b("form", {
-      onSubmit: a[0] || (a[0] = Ue((i) => {
-        var c;
-        return (c = n.form) == null ? void 0 : c.submit();
+    }), le("form", t.form), (n, a) => (u(), b("form", {
+      onSubmit: a[0] || (a[0] = We((i) => {
+        var l;
+        return (l = n.form) == null ? void 0 : l.submit();
       }, ["prevent"]))
     }, [
-      _(n.$slots, "default")
+      w(n.$slots, "default")
     ], 32));
   }
-}), Rr = {
-  required: (t) => t ? void 0 : "required"
-}, de = { ...Rr };
-function Ea(t, s) {
-  de[t] = s;
-}
-function Tr(t, s) {
-  var r;
-  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
-  return e ? We(e) : [];
-}
-const F = {
-  String: "string",
-  Number: "number",
-  Boolean: "boolean",
-  Object: "object",
-  Date: "date"
-}, je = /* @__PURE__ */ new WeakMap();
-class Pr extends Ne {
-  constructor(e) {
-    super();
-    $(this, "errors");
-    $(this, "_fields");
-    $(this, "_data");
-    $(this, "_submitted");
-    $(this, "_errors");
-    $(this, "_listeners", {});
-    this._fields = e, this._submitted = D(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
-      this,
-      u(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = Le(this._errors);
-  }
-  get valid() {
-    var e;
-    return !!((e = je.get(this)) != null && e.value);
-  }
-  get submitted() {
-    return this._submitted.value;
-  }
-  setFieldValue(e, r) {
-    const n = this._fields[e] ?? Q(`Trying to set undefined '${j(e)}' field`);
-    this._data[e] = n.type === F.String && (n.trim ?? !0) ? j(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) {
-    Ce(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 c;
-    const n = [], a = this._data[e], i = ((c = r.rules) == null ? void 0 : c.split("|")) ?? [];
-    for (const p of i)
-      p !== "required" && a == null || n.push(...Tr(a, p));
-    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 pe(r);
-  }
-  getInitialErrors(e) {
-    if (this.static().isConjuring())
-      return {};
-    const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return pe(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 mt(t) {
-  return new Pr(t);
-}
-function Ha(t, s = {}) {
-  return {
-    default: t,
-    type: F.Boolean,
-    rules: s.rules
-  };
-}
-function La(t, s = {}) {
-  return {
-    default: t,
-    type: F.Date,
-    rules: s.rules
-  };
-}
-function Ra(t) {
-  return {
-    default: t,
-    type: F.Boolean,
-    rules: "required"
-  };
-}
-function Ta(t) {
-  return {
-    default: t,
-    type: F.Date,
-    rules: "required"
-  };
-}
-function Pa(t) {
-  return {
-    default: t,
-    type: F.Number,
-    rules: "required"
-  };
-}
-function Ir(t) {
-  return {
-    default: t,
-    type: F.String,
-    rules: "required"
-  };
-}
-function Ia(t, s = {}) {
-  return {
-    default: t,
-    type: F.Number,
-    rules: s.rules
-  };
-}
-function Va(t, s = {}) {
-  return {
-    default: t,
-    type: F.String,
-    rules: s.rules
-  };
-}
-function Vr(t) {
-  const s = mt(
+});
+function tn(t) {
+  const s = ut(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (n, [a, i]) => ({
-        [a]: {
-          type: F.Boolean,
-          default: i.default,
-          required: i.required ? "required" : void 0
+      (i, [l, d]) => ({
+        [l]: {
+          type: "boolean",
+          default: d.default,
+          required: d.required ? "required" : void 0
         },
-        ...n
+        ...i
       }),
       {}
     )
-  ), e = u(() => t.acceptText ?? x("ui.accept", "Ok")), r = u(() => t.cancelText ?? x("ui.cancel", "Cancel"));
-  return { form: s, renderedAcceptText: e, renderedCancelText: r };
+  ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Ar = {
+const sn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, Br = { class: "flex items-center" }, Dr = ["onUpdate:modelValue", "required"], zr = { class: "ml-1.5" }, jr = { class: "mt-4 flex flex-row-reverse gap-2" }, qr = /* @__PURE__ */ g({
+}, rn = { class: "flex items-center" }, nn = ["onUpdate:modelValue", "required"], an = { class: "ml-1.5" }, ln = { class: "mt-4 flex flex-row-reverse gap-2" }, on = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -1920,54 +2094,55 @@ const Ar = {
     actions: {},
     required: { type: Boolean }
   },
-  setup(t) {
-    const s = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: r, renderedCancelText: n } = Vr(s);
-    return (a, i) => (l(), f(ne, {
-      title: a.title,
+  setup(t, { expose: s }) {
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = tn(e);
+    return s(), (d, v) => (u(), h(se, {
+      title: o(n),
+      "title-hidden": o(a),
       persistent: ""
     }, {
-      default: m(({ close: c }) => [
-        h(pt, {
-          form: o(e),
-          onSubmit: (p) => c([!0, o(e).data()])
+      default: f(({ close: $ }) => [
+        p(wt, {
+          form: o(r),
+          onSubmit: (m) => $([!0, o(r).data()])
         }, {
-          default: m(() => [
-            h(A, {
-              text: a.message,
-              actions: a.actions
+          default: f(() => [
+            p(P, {
+              text: d.message,
+              actions: d.actions
             }, null, 8, ["text", "actions"]),
-            a.checkboxes ? (l(), b("ul", Ar, [
-              (l(!0), b(q, null, U(a.checkboxes, (p, d) => (l(), b("li", { key: d }, [
-                y("label", Br, [
-                  Oe(y("input", {
-                    "onUpdate:modelValue": (w) => o(e)[d] = w,
+            d.checkboxes ? (u(), b("ul", sn, [
+              (u(!0), b(D, null, F(d.checkboxes, (m, C) => (u(), b("li", { key: C }, [
+                y("label", rn, [
+                  Ke(y("input", {
+                    "onUpdate:modelValue": (L) => o(r)[C] = L,
                     type: "checkbox",
-                    required: p.required,
+                    required: m.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, Dr), [
-                    [Mt, o(e)[d]]
+                  }, null, 8, nn), [
+                    [It, o(r)[C]]
                   ]),
-                  y("span", zr, S(p.label), 1)
+                  y("span", an, x(m.label), 1)
                 ])
               ]))), 128))
-            ])) : E("", !0),
-            y("div", jr, [
-              h(B, {
-                variant: a.acceptVariant,
+            ])) : T("", !0),
+            y("div", ln, [
+              p(q, {
+                variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  V(S(o(r)), 1)
+                default: f(() => [
+                  I(x(o(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              a.required ? E("", !0) : (l(), f(B, {
+              d.required ? T("", !0) : (u(), h(q, {
                 key: 0,
-                variant: a.cancelVariant,
-                onClick: (p) => c(!1)
+                variant: d.cancelVariant,
+                onClick: (m) => $(!1)
               }, {
-                default: m(() => [
-                  V(S(o(n)), 1)
+                default: f(() => [
+                  I(x(o(l)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -1977,94 +2152,94 @@ const Ar = {
         }, 1032, ["form", "onSubmit"])
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "title-hidden"]));
   }
-}), Fr = {
+}), un = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ur(t, s) {
-  return l(), b("svg", Fr, s[0] || (s[0] = [
+function cn(t, s) {
+  return u(), b("svg", un, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const Or = { name: "zondicons-cheveron-left", render: Ur }, Nr = {
+const dn = E({ name: "zondicons-cheveron-left", render: cn }), pn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Wr(t, s) {
-  return l(), b("svg", Nr, s[0] || (s[0] = [
+function mn(t, s) {
+  return u(), b("svg", pn, 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 ft = { name: "zondicons-cheveron-right", render: Wr }, Kr = {
+const $t = E({ name: "zondicons-cheveron-right", render: mn }), fn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Qr(t, s) {
-  return l(), b("svg", Kr, s[0] || (s[0] = [
+function hn(t, s) {
+  return u(), b("svg", fn, 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 ht = { name: "zondicons-exclamation-solid", render: Qr }, Jr = {
+const qe = E({ name: "zondicons-exclamation-solid", render: hn }), gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Zr(t, s) {
-  return l(), b("svg", Jr, s[0] || (s[0] = [
+function vn(t, s) {
+  return u(), b("svg", gn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const Gr = { name: "mdi-console", render: Zr }, Xr = {
+const bn = E({ name: "mdi-console", render: vn }), yn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Yr(t, s) {
-  return l(), b("svg", Xr, s[0] || (s[0] = [
+function wn(t, s) {
+  return u(), b("svg", yn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const en = { name: "zondicons-copy", render: Yr }, tn = {
+const $n = E({ name: "zondicons-copy", render: wn }), _n = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function sn(t, s) {
-  return l(), b("svg", tn, s[0] || (s[0] = [
+function xn(t, s) {
+  return u(), b("svg", _n, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const rn = { name: "mdi-github", render: sn }, nn = { class: "flex" }, an = { class: "sr-only" }, on = /* @__PURE__ */ g({
+const Cn = E({ name: "mdi-github", render: xn }), kn = { class: "flex" }, Sn = { class: "sr-only" }, Tn = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
-    const s = t, e = u(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = u(() => {
-      if (!z.sourceUrl)
+    const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
+      if (!A.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), i = encodeURIComponent(
         [
@@ -2072,35 +2247,35 @@ const rn = { name: "mdi-github", render: sn }, nn = { class: "flex" }, an = { cl
           "",
           "Error details:",
           "```",
-          Ft(
+          Qt(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - z.sourceUrl.length
+            1800 - a.length - A.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${z.sourceUrl}/issues/new?title=${a}&body=${i}`;
-    }), n = u(() => Z(
+      return `${A.sourceUrl}/issues/new?title=${a}&body=${i}`;
+    }), n = c(() => ee(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: en,
+          iconComponent: $n,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), I.toast(x("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: Gr,
+          iconComponent: bn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), I.toast(
-              x(
+            window.error = a, console.error(a), z.toast(
+              S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2112,24 +2287,24 @@ ${s.report.details}`), I.toast(x("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: rn,
+          iconComponent: Cn,
           url: r.value
         });
       }
     ));
-    return (a, i) => (l(), b("div", nn, [
-      (l(!0), b(q, null, U(n.value, (c) => _(a.$slots, "default", P({ ref_for: !0 }, c), () => [
-        h(B, {
+    return (a, i) => (u(), b("div", kn, [
+      (u(!0), b(D, null, F(n.value, (l) => w(a.$slots, "default", H({ ref_for: !0 }, l), () => [
+        p(q, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: c.url,
-          title: a.$td(`errors.report_${c.id}`, c.description),
-          onClick: c.click
+          href: l.url,
+          title: a.$td(`errors.report_${l.id}`, l.description),
+          onClick: l.click
         }, {
-          default: m(() => [
-            y("span", an, S(a.$td(`errors.report_${c.id}`, c.description)), 1),
-            (l(), f(W(c.iconComponent), {
+          default: f(() => [
+            y("span", Sn, x(a.$td(`errors.report_${l.id}`, l.description)), 1),
+            (u(), h(W(l.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2139,7 +2314,7 @@ ${s.report.details}`), I.toast(x("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), ln = /* @__PURE__ */ g({
+}), Mn = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2147,107 +2322,114 @@ ${s.report.details}`), I.toast(x("errors.copiedToClipboard", "Debug information
     totalReports: {}
   },
   setup(t) {
-    const s = u(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (l(), f(A, {
+    const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (u(), h(P, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function cn(t) {
-  const s = D(0), e = u(() => t.reports[s.value]), r = u(
+function Hn(t) {
+  const s = U(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
     () => {
       var i;
-      return ((i = e.value.details) == null ? void 0 : i.trim()) || x("errors.detailsEmpty", "This error is missing a stacktrace.");
+      return ((i = e.value.details) == null ? void 0 : i.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = x("errors.previousReport", "Show previous report"), a = x("errors.nextReport", "Show next report");
+  ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
     nextReportText: a,
     previousReportText: n,
-    report: e
+    activeReport: e
   };
 }
-const un = { class: "px-4 pt-5 pb-4" }, dn = { class: "flex justify-between gap-4" }, pn = { class: "flex items-center gap-2" }, mn = {
+const En = { class: "px-4 pt-5 pb-4" }, Vn = { class: "flex justify-between gap-4" }, Ln = { class: "flex items-center gap-2" }, In = {
   key: 0,
   class: "flex gap-0.5"
-}, fn = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, hn = ["textContent"], gn = /* @__PURE__ */ g({
+}, qn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, zn = ["textContent"], Rn = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
+    report: {},
     reports: {}
   },
-  setup(t) {
-    const s = t, { activeReportIndex: e, details: r, nextReportText: n, previousReportText: a, report: i } = cn(s);
-    return (c, p) => (l(), f(ne, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
-      default: m(() => [
-        y("div", un, [
-          y("h2", dn, [
-            y("div", pn, [
-              h(o(ht), { class: "size-5 text-red-600" }),
-              h(ln, {
+  setup(t, { expose: s }) {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = Hn(e);
+    return s(), (d, v) => (u(), h(se, {
+      title: d.$td("errors.report", "Error report"),
+      "title-hidden": "",
+      "close-hidden": "",
+      class: "p-0",
+      "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
+    }, {
+      default: f(() => [
+        y("div", En, [
+          y("h2", Vn, [
+            y("div", Ln, [
+              p(o(qe), { class: "size-5 text-red-600" }),
+              p(Mn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: o(i),
-                "current-report": o(e) + 1,
-                "total-reports": c.reports.length
+                report: o(l),
+                "current-report": o(r) + 1,
+                "total-reports": d.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              c.reports.length > 1 ? (l(), b("span", mn, [
-                h(B, {
+              d.reports.length > 1 ? (u(), b("span", In, [
+                p(q, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: o(e) === 0,
-                  "aria-label": o(a),
-                  title: o(a),
-                  onClick: p[0] || (p[0] = (d) => e.value--)
+                  disabled: o(r) === 0,
+                  "aria-label": o(i),
+                  title: o(i),
+                  onClick: v[0] || (v[0] = ($) => r.value--)
                 }, {
-                  default: m(() => [
-                    h(o(Or), { class: "size-4" })
+                  default: f(() => [
+                    p(o(dn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                h(B, {
+                p(q, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: o(e) === c.reports.length - 1,
-                  "aria-label": o(n),
-                  title: o(n),
-                  onClick: p[1] || (p[1] = (d) => e.value++)
+                  disabled: o(r) === d.reports.length - 1,
+                  "aria-label": o(a),
+                  title: o(a),
+                  onClick: v[1] || (v[1] = ($) => r.value++)
                 }, {
-                  default: m(() => [
-                    h(o(ft), { class: "size-4" })
+                  default: f(() => [
+                    p(o($t), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : E("", !0)
+              ])) : T("", !0)
             ]),
-            h(on, {
-              report: o(i),
+            p(Tn, {
+              report: o(l),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          o(i).description ? (l(), f(A, {
+          o(l).description ? (u(), h(P, {
             key: 0,
-            text: o(i).description,
+            text: o(l).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : E("", !0)
+          }, null, 8, ["text"])) : T("", !0)
         ]),
-        y("div", fn, [
+        y("div", qn, [
           y("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: S(o(r))
-          }, null, 8, hn)
+            textContent: x(o(n))
+          }, null, 8, zn)
         ])
       ]),
       _: 1
-    }));
+    }, 8, ["title"]));
   }
-}), vn = {
+}), Pn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function bn(t, s) {
-  return l(), b("svg", vn, s[0] || (s[0] = [
+function An(t, s) {
+  return u(), b("svg", Pn, 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",
@@ -2267,7 +2449,7 @@ function bn(t, s) {
     ], -1)
   ]));
 }
-const yn = { name: "svg-spinners-90-ring-with-bg", render: bn }, _n = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, wn = { class: "sr-only" }, $n = /* @__PURE__ */ g({
+const Dn = E({ name: "svg-spinners-90-ring-with-bg", render: An }), jn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2276,31 +2458,31 @@ const yn = { name: "svg-spinners-90-ring-with-bg", render: bn }, _n = { class: "
   },
   setup(t) {
     let s;
-    const e = D(0), r = u(() => H("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = u(() => typeof t.progress == "number" ? t.progress : e.value);
-    return He(
+    const e = U(0), r = c(() => M("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
+    return Me(
       () => t.job,
       () => {
         s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
       },
       { immediate: !0 }
-    ), fe(() => s && s()), (a, i) => (l(), b("div", _n, [
+    ), ge(() => s && s()), (a, i) => (u(), b("div", jn, [
       y("div", {
         class: k(r.value),
-        style: Et(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        style: qt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", wn, S(a.$td("ui.progress", "{progress}% complete", {
+      y("span", Bn, x(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function Cn(t) {
-  const s = u(() => t.title ?? x("ui.loading", "Loading")), e = u(
-    () => t.message ?? x("ui.loadingInProgress", "Loading in progress...")
-  ), r = u(() => typeof t.progress == "number" || !!t.job), n = u(() => !t.title);
+function Un(t) {
+  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
+    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
+  ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const xn = /* @__PURE__ */ g({
+const On = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2308,31 +2490,31 @@ const xn = /* @__PURE__ */ g({
     progress: {},
     job: {}
   },
-  setup(t) {
-    const s = t, { renderedTitle: e, renderedMessage: r, titleHidden: n, showProgress: a } = Cn(s);
-    return (i, c) => (l(), f(ne, {
+  setup(t, { expose: s }) {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Un(e);
+    return s(), (l, d) => (u(), h(se, {
       persistent: "",
-      class: k(["flex", { "flex-col-reverse": o(a), "items-center justify-center gap-2": !o(a) }]),
+      class: k(["flex", { "flex-col-reverse": o(i), "items-center justify-center gap-2": !o(i) }]),
       "wrapper-class": "w-auto",
-      title: o(e),
-      "title-hidden": o(n)
+      title: o(r),
+      "title-hidden": o(a)
     }, {
-      default: m(() => [
-        o(a) ? (l(), f($n, {
+      default: f(() => [
+        o(i) ? (u(), h(Fn, {
           key: 0,
-          progress: i.progress,
-          job: i.job,
+          progress: l.progress,
+          job: l.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (l(), f(o(yn), {
+        }, null, 8, ["progress", "job"])) : (u(), h(o(Dn), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        h(A, { text: o(r) }, null, 8, ["text"])
+        p(P, { text: o(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), gt = /* @__PURE__ */ g({
+}), ze = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2343,59 +2525,64 @@ const xn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = ie("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `input-${le()}`,
-      name: u(() => t.name),
-      label: u(() => t.label),
-      description: u(() => t.description),
-      value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: Le(a),
-      required: u(() => {
+    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `input-${re()}`,
+      name: c(() => t.name),
+      label: c(() => t.label),
+      description: c(() => t.description),
+      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: ve(a),
+      required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(c) {
+      update(l) {
         if (n && t.name) {
-          n.setFieldValue(t.name, c);
+          n.setFieldValue(t.name, l);
           return;
         }
-        r("update:modelValue", c);
+        r("update:modelValue", l);
       }
     };
-    return se("input", i), s(i), (c, p) => (l(), f(W(c.as), null, {
-      default: m(() => [
-        _(c.$slots, "default")
+    return le("input", i), s(i), (l, d) => (u(), h(W(l.as), null, {
+      default: f(() => [
+        w(l.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Sn = ["for"], ke = /* @__PURE__ */ g({
+}), Nn = ["for"], fe = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = R("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Ee(), r = u(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (l(), b("label", {
+    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = He(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (u(), b("label", {
       key: 0,
       for: o(s).id
     }, [
-      _(n.$slots, "default", {}, () => [
-        V(S(o(s).label), 1)
+      w(n.$slots, "default", {}, () => [
+        I(x(o(s).label), 1)
       ])
-    ], 8, Sn)) : E("", !0);
+    ], 8, Nn)) : T("", !0);
   }
-}), kn = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], vt = /* @__PURE__ */ g({
+}), Wn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], _t = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
-    type: { default: "text" }
+    type: {}
   },
   setup(t) {
-    const s = re("$inputRef"), e = R("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = u(() => e.name ?? void 0), n = u(() => e.value), a = u(() => {
+    const s = G("$inputRef"), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), i = c(() => {
+      if (t.type)
+        return t.type;
+      const $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
+    }), l = c(() => {
       if (t.type === "checkbox")
-        return !!n.value;
+        return !!a.value;
     });
-    function i() {
-      s.value && e.update(c());
+    function d() {
+      s.value && e.update(v());
     }
-    function c() {
+    function v() {
       if (!s.value)
         return null;
       switch (t.type) {
@@ -2407,59 +2594,59 @@ const xn = /* @__PURE__ */ g({
           return s.value.value;
       }
     }
-    return st(e, () => {
-      var p;
-      return (p = s.value) == null ? void 0 : p.focus();
-    }), ce(() => {
+    return it(e, () => {
+      var $;
+      return ($ = s.value) == null ? void 0 : $.focus();
+    }), Y(() => {
       if (s.value) {
-        if (t.type === "date") {
-          s.value.valueAsDate = n.value;
+        if (t.type === "date" && a.value instanceof Date) {
+          s.value.valueAsDate = a.value;
           return;
         }
-        s.value.value = n.value ?? null;
+        s.value.value = a.value ?? null;
       }
-    }), (p, d) => (l(), b("input", {
+    }), ($, m) => (u(), b("input", {
       id: o(e).id,
       ref: "$inputRef",
-      name: r.value,
-      type: p.type,
-      checked: a.value,
+      name: n.value,
+      checked: l.value,
+      type: i.value,
       required: o(e).required ?? void 0,
       "aria-invalid": o(e).errors ? "true" : "false",
       "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
-      onInput: i
-    }, null, 40, kn));
+      onInput: d
+    }, null, 40, Wn));
   }
-}), Mn = /* @__PURE__ */ g({
+}), xt = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = R(
+    const s = V(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = u(() => typeof s.description == "string" ? s.description : ""), r = u(() => !!s.description);
-    return (n, a) => _(n.$slots, "default", {
+    ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
+    return (n, a) => w(n.$slots, "default", {
       id: `${o(s).id}-description`
     }, () => [
-      r.value ? (l(), f(A, P({ key: 0 }, n.$attrs, {
+      r.value ? (u(), h(P, H({ key: 0 }, n.$attrs, {
         id: `${o(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : E("", !0)
+      }), null, 16, ["id", "text"])) : T("", !0)
     ]);
   }
-}), En = ["id"], Me = /* @__PURE__ */ g({
+}), Kn = ["id"], he = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = R("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = u(() => s.errors ? x(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (l(), b("p", {
+    const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (u(), b("p", {
       key: 0,
       id: `${o(s).id}-error`
-    }, S(e.value), 9, En)) : E("", !0);
+    }, x(e.value), 9, Kn)) : T("", !0);
   }
-}), Hn = {
+}), Qn = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, Ln = /* @__PURE__ */ g({
+}, Jn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2472,53 +2659,139 @@ const xn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = Y(t, ["label", "inputClass", "wrapperClass"]), e = re("$inputRef"), [r, n] = rt(), a = u(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = u(() => {
-      var c, p, d;
-      return H(
+    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
+      var l, d, v;
+      return M(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((c = e.value) != null && c.errors),
-          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((p = e.value) != null && p.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": !((l = e.value) != null && l.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
     });
-    return (c, p) => (l(), f(gt, P({
+    return (l, d) => (u(), h(ze, H({
       ref: "$inputRef",
-      label: c.label,
+      label: l.label,
       class: o(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (d) => c.$emit("update:modelValue", d))
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
     }), {
-      default: m(() => {
-        var d;
+      default: f(() => {
+        var v;
         return [
-          h(ke, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           y("div", {
             class: k(a.value)
           }, [
-            h(vt, P(o(r), { class: i.value }), null, 16, ["class"]),
-            (d = o(e)) != null && d.errors ? (l(), b("div", Hn, [
-              h(o(ht), { class: "size-5 text-red-500" })
-            ])) : E("", !0)
+            p(_t, H(o(r), { class: i.value }), null, 16, ["class"]),
+            (v = e.value) != null && v.errors ? (u(), b("div", Qn, [
+              p(o(qe), { class: "size-5 text-red-500" })
+            ])) : T("", !0)
           ], 2),
-          h(Mn, { class: "mt-2 text-sm text-gray-600" }),
-          h(Me, { class: "mt-2 text-sm text-red-600" })
+          p(xt, { class: "mt-2 text-sm text-gray-600" }),
+          p(he, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function Rn(t) {
-  const s = mt({
-    draft: Ir(t.defaultValue ?? "")
-  }), e = u(() => t.title ?? t.message), r = u(() => t.title ? t.message : null), n = u(() => t.acceptText ?? x("ui.accept", "Ok")), a = u(() => t.cancelText ?? x("ui.cancel", "Cancel"));
+function wl(t, s = {}) {
+  return {
+    default: t,
+    type: "boolean",
+    rules: s.rules
+  };
+}
+function $l(t, s = {}) {
+  return {
+    default: t,
+    type: "date",
+    rules: s.rules
+  };
+}
+function _l(t, s, e = {}) {
+  return {
+    default: s,
+    type: "enum",
+    rules: e.rules,
+    values: t
+  };
+}
+function xl(t) {
+  return {
+    default: t,
+    type: "boolean",
+    rules: "required"
+  };
+}
+function Cl(t) {
+  return {
+    default: t,
+    type: "date",
+    rules: "required"
+  };
+}
+function kl(t, s) {
+  return {
+    default: s,
+    type: "enum",
+    rules: "required",
+    values: t
+  };
+}
+function Sl(t) {
+  return {
+    default: t,
+    type: "number",
+    rules: "required"
+  };
+}
+function Tl(t) {
+  return {
+    default: t,
+    type: "object",
+    rules: "required"
+  };
+}
+function Zn(t) {
+  return {
+    default: t,
+    type: "string",
+    rules: "required"
+  };
+}
+function Ml(t, s = {}) {
+  return {
+    default: t,
+    type: "number",
+    rules: s.rules
+  };
+}
+function Hl(t, s = {}) {
+  return {
+    default: t,
+    type: "object",
+    rules: s.rules
+  };
+}
+function El(t, s = {}) {
+  return {
+    default: t,
+    type: "string",
+    rules: s.rules
+  };
+}
+function Xn(t) {
+  const s = ut({
+    draft: Zn(t.defaultValue ?? "")
+  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Tn = { class: "mt-4 flex flex-row-reverse gap-2" }, Pn = /* @__PURE__ */ g({
+const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2531,44 +2804,44 @@ const Tn = { class: "mt-4 flex flex-row-reverse gap-2" }, Pn = /* @__PURE__ */ g
     cancelText: {},
     cancelVariant: { default: "secondary" }
   },
-  setup(t) {
-    const s = Y(t, ["cancelVariant"]), { form: e, renderedTitle: r, renderedMessage: n, renderedAcceptText: a, renderedCancelText: i } = Rn(s);
-    return (c, p) => (l(), f(ne, {
-      title: o(r),
+  setup(t, { expose: s }) {
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: l } = Xn(e);
+    return s(), (d, v) => (u(), h(se, {
+      title: o(n),
       persistent: ""
     }, {
-      default: m(({ close: d }) => [
-        h(pt, {
-          form: o(e),
-          onSubmit: (w) => d(o(e).draft)
+      default: f(({ close: $ }) => [
+        p(wt, {
+          form: o(r),
+          onSubmit: (m) => $(o(r).draft)
         }, {
-          default: m(() => [
-            o(n) ? (l(), f(A, {
+          default: f(() => [
+            o(a) ? (u(), h(P, {
               key: 0,
-              text: o(n)
-            }, null, 8, ["text"])) : E("", !0),
-            h(Ln, {
+              text: o(a)
+            }, null, 8, ["text"])) : T("", !0),
+            p(Jn, {
               name: "draft",
               class: "mt-2",
-              placeholder: c.placeholder,
-              label: c.label
+              placeholder: d.placeholder,
+              label: d.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Tn, [
-              h(B, {
-                variant: c.acceptVariant,
+            y("div", Yn, [
+              p(q, {
+                variant: d.acceptVariant,
                 submit: ""
               }, {
-                default: m(() => [
-                  V(S(o(a)), 1)
+                default: f(() => [
+                  I(x(o(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              h(B, {
-                variant: c.cancelVariant,
-                onClick: (w) => d(!1)
+              p(q, {
+                variant: d.cancelVariant,
+                onClick: (m) => $()
               }, {
-                default: m(() => [
-                  V(S(o(i)), 1)
+                default: f(() => [
+                  I(x(o(l)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2580,61 +2853,152 @@ const Tn = { class: "mt-4 flex flex-row-reverse gap-2" }, Pn = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), In = { class: "grid grow place-items-center" }, Vn = { class: "flex flex-col items-center space-y-6 p-8" }, An = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Bn = { class: "mt-4 flex flex-col space-y-4" }, Dn = /* @__PURE__ */ g({
+}), ea = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ta(t, s) {
+  return u(), b("svg", ea, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
+    }, null, -1)
+  ]));
+}
+const sa = E({ name: "material-symbols-bug-report", render: ta }), ra = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function na(t, s) {
+  return u(), b("svg", ra, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
+    }, null, -1)
+  ]));
+}
+const aa = E({ name: "material-symbols-delete-forever-rounded", render: na }), la = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function oa(t, s) {
+  return u(), b("svg", la, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
+    }, null, -1)
+  ]));
+}
+const ia = E({ name: "material-symbols-frame-inspect", render: oa }), ua = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ca(t, s) {
+  return u(), b("svg", ua, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
+    }, null, -1)
+  ]));
+}
+const da = E({ name: "material-symbols-refresh-rounded", render: ca }), pa = { class: "grid grow place-items-center" }, ma = { class: "flex flex-col items-center p-8" }, fa = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, ha = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, ga = /* @__PURE__ */ g({
   __name: "StartupCrash",
   setup(t) {
-    return (s, e) => (l(), b("div", In, [
-      y("div", Vn, [
-        y("h1", An, S(s.$td("startupCrash.title", "Something went wrong!")), 1),
-        h(A, {
-          text: s.$td(
-            "startupCrash.message",
-            `Something failed trying to start the application.
+    async function s() {
+      await z.confirm(
+        S("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        S(
+          "startupCrash.purgeConfirmMessage",
+          `If the problem persists, one drastic solution may be to wipe the storage in this device to start from scratch. However, keep in mind that **all the data that you haven't synchronized will be deleted forever**.
 
-Here's some things you can do:`
-          ),
-          class: "mt-4 text-center"
-        }, null, 8, ["text"]),
-        y("div", Bn, [
-          h(B, {
-            variant: "danger",
-            onClick: e[0] || (e[0] = (r) => s.$app.reload())
-          }, {
-            default: m(() => [
-              V(S(s.$td("startupCrash.reload", "Try again")), 1)
-            ]),
-            _: 1
-          }),
-          h(B, {
-            variant: "danger",
-            onClick: e[1] || (e[1] = (r) => s.$errors.inspect(s.$errors.startupErrors))
-          }, {
-            default: m(() => [
-              V(S(s.$td("startupCrash.inspect", "View error details")), 1)
-            ]),
-            _: 1
-          })
+Do you still want to proceed?`
+        ),
+        {
+          acceptVariant: "danger",
+          acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
+        }
+      ) && (await et.purge(), await A.reload());
+    }
+    return (e, r) => {
+      const n = zt("i-majesticons-exclamation");
+      return u(), b("div", pa, [
+        y("div", ma, [
+          p(n, { class: "size-20 text-red-600" }),
+          y("h1", fa, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          p(P, {
+            text: e.$td(
+              "startupCrash.message",
+              "There was a problem starting the application, but here's some things you can do:"
+            ),
+            class: "mt-4 text-center"
+          }, null, 8, ["text"]),
+          y("div", ha, [
+            p(q, {
+              variant: "danger",
+              onClick: r[0] || (r[0] = (a) => e.$app.reload())
+            }, {
+              default: f(() => [
+                p(o(da)),
+                I(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+              ]),
+              _: 1
+            }),
+            p(q, {
+              variant: "danger",
+              onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
+            }, {
+              default: f(() => [
+                p(o(sa)),
+                I(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+              ]),
+              _: 1
+            }),
+            p(q, {
+              variant: "danger",
+              onClick: r[2] || (r[2] = (a) => s())
+            }, {
+              default: f(() => [
+                p(o(aa)),
+                I(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+              ]),
+              _: 1
+            }),
+            p(q, {
+              variant: "danger",
+              onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
+            }, {
+              default: f(() => [
+                p(o(ia)),
+                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              ]),
+              _: 1
+            })
+          ])
         ])
-      ])
-    ]));
+      ]);
+    };
   }
-}), bt = /* @__PURE__ */ g({
+}), Ct = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (l(), f(W(s.action.dismiss ? o(fs) : "button"), {
+    return (s, e) => (u(), h(W(s.action.dismiss ? o(ks) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
-      default: m(() => [
-        V(S(s.action.label), 1)
+      default: f(() => [
+        I(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), zn = { key: 0 }, jn = /* @__PURE__ */ g({
+}), va = { key: 0 }, ba = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2642,11 +3006,11 @@ Here's some things you can do:`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (l(), f(o(hs), null, {
-      default: m(() => [
-        _(s.$slots, "default", {}, () => [
-          s.message ? (l(), b("span", zn, S(s.message), 1)) : E("", !0),
-          (l(!0), b(q, null, U(s.actions, (r, n) => (l(), f(bt, {
+    return (s, e) => (u(), h(o(Ss), null, {
+      default: f(() => [
+        w(s.$slots, "default", {}, () => [
+          s.message ? (u(), b("span", va, x(s.message), 1)) : T("", !0),
+          (u(!0), b(D, null, F(s.actions, (r, n) => (u(), h(Ct, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -2655,7 +3019,7 @@ Here's some things you can do:`
       _: 3
     }));
   }
-}), qn = /* @__PURE__ */ g({
+}), ya = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -2663,8 +3027,8 @@ Here's some things you can do:`
     variant: { default: "secondary" },
     class: {}
   },
-  setup(t) {
-    const s = tt(
+  setup(t, { expose: s }) {
+    const e = c(() => lt(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -2678,116 +3042,111 @@ Here's some things you can do:`
           variant: "secondary"
         }
       }
-    );
-    return (e, r) => (l(), f(jn, {
-      class: k(o(s))
+    ));
+    return s(), (r, n) => (u(), h(ba, {
+      class: k(e.value)
     }, {
-      default: m(() => [
-        e.message ? (l(), f(A, {
+      default: f(() => [
+        r.message ? (u(), h(P, {
           key: 0,
-          text: e.message,
+          text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : E("", !0),
-        (l(!0), b(q, null, U(e.actions, (n, a) => (l(), f(B, {
-          key: a,
-          action: n,
-          variant: e.variant,
-          as: bt
+        }, null, 8, ["text"])) : T("", !0),
+        (u(!0), b(D, null, F(r.actions, (a, i) => (u(), h(q, {
+          key: i,
+          action: a,
+          variant: r.variant,
+          as: Ct
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Fn = { $ui: I }, Un = {
+}), wa = { $ui: z }, $a = {
   async install(t, s) {
     const e = {
-      [L.AlertModal]: Lr,
-      [L.ConfirmModal]: qr,
-      [L.ErrorReportModal]: gn,
-      [L.LoadingModal]: xn,
-      [L.PromptModal]: Pn,
-      [L.Toast]: qn,
-      [L.StartupCrash]: Dn
-    };
-    Object.entries({
-      ...e,
+      "alert-modal": en,
+      "confirm-modal": on,
+      "error-report-modal": Rn,
+      "loading-modal": On,
+      "prompt-modal": Gn,
+      "startup-crash": ga,
+      toast: ya,
       ...s.components
-    }).forEach(([r, n]) => I.registerComponent(r, n)), await be(t, Fn);
+    };
+    for (const [r, n] of Object.entries(e))
+      z.registerComponent(r, n);
+    await $e(t, wa);
   }
 };
-async function On(t, s = {}) {
+async function _a(t, s = {}) {
   var r;
-  const e = [yr, Ds, tr, br, Us, Un, ...s.plugins ?? []];
-  z.instance = t, await Ts(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await M.emit("application-ready");
+  const e = [Br, Ks, jr, Sr, Xs, $a, ...s.plugins ?? []];
+  A.instance = t, await Bs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await R.emit("application-ready");
 }
-async function Aa(t, s = {}) {
+async function Vl(t, s = {}) {
   var r;
-  const e = Ht(t);
-  X() && (window.$aerogel = e), await On(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await M.emit("application-mounted");
+  const e = Rt(t);
+  J() && (window.$aerogel = e), await _a(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await R.emit("application-mounted");
 }
-const Nn = { key: 0 }, Wn = /* @__PURE__ */ g({
+const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
   __name: "AppModals",
   setup(t) {
-    const s = u(() => I.modals[0] ?? null);
-    return (e, r) => s.value ? (l(), b("aside", Nn, [
-      h(dt, {
+    const s = c(() => z.modals[0] ?? null);
+    return (e, r) => s.value ? (u(), b("aside", xa, [
+      p(yt, {
         "child-index": 1,
         modal: s.value
       }, null, 8, ["modal"])
-    ])) : E("", !0);
+    ])) : T("", !0);
   }
-}), Kn = /* @__PURE__ */ g({
+}), ka = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (l(), f(o(gs), null, {
-      default: m(() => [
-        (l(!0), b(q, null, U(s.$ui.toasts, (r) => (l(), f(W(r.component), P({
+    return (s, e) => (u(), h(o(Ts), null, {
+      default: f(() => [
+        (u(!0), b(D, null, F(s.$ui.toasts, (r) => (u(), h(W(r.component), H({
           id: r.id,
           key: r.id,
           ref_for: !0
         }, r.properties), null, 16, ["id"]))), 128)),
-        h(o(vs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        p(o(Ms), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Qn = /* @__PURE__ */ g({
+}), Sa = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    const s = D(null), e = D(!0);
-    return oe("show-overlays-backdrop", async () => {
-      !s.value || !e.value || (e.value = !1, s.value.classList.remove("opacity-0"));
-    }), oe("hide-overlays-backdrop", async () => {
-      !s.value || e.value || (e.value = !0, s.value.classList.add("opacity-0"));
-    }), (r, n) => (l(), b(q, null, [
-      h(Wn),
-      h(Kn)
+    return (s, e) => (u(), b(D, null, [
+      p(Ca),
+      p(ka)
     ], 64));
   }
-}), Jn = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ba = /* @__PURE__ */ g({
+}), Ta = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ll = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (l(), b("div", Jn, [
-      s.$errors.hasStartupErrors ? _(s.$slots, "startup-crash", { key: 0 }, () => [
-        (l(), f(W(s.$ui.requireComponent(o(L).StartupCrash))))
-      ]) : _(s.$slots, "default", { key: 1 }),
-      h(Qn)
+    return (s, e) => (u(), b("div", Ta, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (u(), h(W(s.$ui.requireComponent("startup-crash"))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      p(Sa)
     ]));
   }
-}), Zn = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Da = /* @__PURE__ */ g({
+}), Ma = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ha = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = re("$textAreaRef"), e = R(
+    const s = G("$textAreaRef"), e = V(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
-    ), r = u(() => e.name ?? void 0), n = u(() => e.value);
+    ), r = c(() => e.name ?? void 0), n = c(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return st(e, () => {
+    return it(e, () => {
       var i;
       return (i = s.value) == null ? void 0 : i.focus();
-    }), (i, c) => (l(), b("textarea", {
+    }), (i, l) => (u(), b("textarea", {
       id: o(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -2796,22 +3155,22 @@ const Nn = { key: 0 }, Wn = /* @__PURE__ */ g({
       "aria-invalid": o(e).errors ? "true" : "false",
       "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, Zn));
+    }, null, 40, Ma));
   }
-}), Gn = { class: "group" }, Xn = { 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" }, Yn = { class: "pt-2 pl-4" }, za = /* @__PURE__ */ g({
+}), Ea = { class: "group" }, Va = { 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" }, La = { class: "pt-2 pl-4" }, Il = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (l(), b("details", Gn, [
-      y("summary", Xn, [
-        h(o(ft), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, S(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (u(), b("details", Ea, [
+      y("summary", Va, [
+        p(o($t), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", Yn, [
-        _(s.$slots, "default")
+      y("div", La, [
+        w(s.$slots, "default")
       ])
     ]));
   }
-}), ea = { class: "flex h-6 items-center" }, ja = /* @__PURE__ */ g({
+}), Ia = { class: "flex h-6 items-center" }, ql = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -2824,95 +3183,119 @@ const Nn = { key: 0 }, Wn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = Y(t, ["inputClass", "labelClass"]), e = re("$inputRef"), [r, n] = rt(), a = u(() => H("relative flex items-start", n.value)), i = u(() => {
-      var p, d;
-      return H(
+    const s = N(t, ["inputClass", "labelClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative flex items-start", n.value)), i = c(() => {
+      var d, v;
+      return M(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
-          "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
-          "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 = u(() => H("ml-2 text-sm leading-6", t.labelClass));
-    return (p, d) => (l(), f(gt, P({
+    }), l = c(() => M("ml-2 text-sm leading-6", t.labelClass));
+    return (d, v) => (u(), h(ze, H({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": d[0] || (d[0] = (w) => p.$emit("update:modelValue", w))
+      "onUpdate:modelValue": v[0] || (v[0] = ($) => d.$emit("update:modelValue", $))
     }), {
-      default: m(() => [
-        y("div", ea, [
-          h(vt, P(o(r), {
+      default: f(() => [
+        y("div", Ia, [
+          p(_t, H(o(r), {
             type: "checkbox",
             class: i.value
           }), null, 16, ["class"])
         ]),
-        p.$slots.default ? (l(), b("div", {
+        d.$slots.default ? (u(), b("div", {
           key: 0,
-          class: k(c.value)
+          class: k(l.value)
         }, [
-          h(ke, { class: "text-gray-900" }, {
-            default: m(() => [
-              _(p.$slots, "default")
+          p(fe, { class: "text-gray-900" }, {
+            default: f(() => [
+              w(d.$slots, "default")
             ]),
             _: 3
           }),
-          h(Me, { class: "text-red-600" })
-        ], 2)) : p.label ? (l(), b("div", {
+          p(he, { class: "text-red-600" })
+        ], 2)) : d.label ? (u(), b("div", {
           key: 1,
-          class: k(c.value)
+          class: k(l.value)
         }, [
-          h(ke, { class: "text-gray-900" }),
-          h(Me, { class: "text-red-600" })
-        ], 2)) : E("", !0)
+          p(fe, { class: "text-gray-900" }),
+          p(he, { class: "text-red-600" })
+        ], 2)) : T("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), ta = /* @__PURE__ */ g({
+}), qa = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
   emits: ["select"],
   setup(t) {
-    return (s, e) => (l(), f(o(bs), {
-      class: "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
-      onSelect: e[0] || (e[0] = (r) => s.$emit("select"))
-    }, {
-      default: m(() => [
-        _(s.$slots, "default")
+    const s = N(t, ["class"]), e = c(() => M(
+      "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) => (u(), h(o(Hs), H({ class: e.value }, s, {
+      onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
+    }), {
+      default: f(() => [
+        w(r.$slots, "default")
       ]),
       _: 3
-    }));
+    }, 16, ["class"]));
   }
-}), sa = /* @__PURE__ */ g({
+}), za = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = R(
+    const s = V(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (l(), f(o(ys), {
+    return (e, r) => (u(), h(o(Es), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: o(s).align,
       side: o(s).side
     }, {
-      default: m(() => [
-        _(e.$slots, "default", {}, () => [
-          (l(!0), b(q, null, U(o(s).options, (n, a) => (l(), f(ta, {
-            key: a,
-            onSelect: n.click
-          }, {
-            default: m(() => [
-              V(S(n.label), 1)
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          (u(!0), b(D, null, F(o(s).options, (n, a) => (u(), h(qa, H(
+            {
+              key: a,
+              as: n.route || n.href ? at : void 0,
+              class: n.class,
+              ref_for: !0
+            },
+            n.route || n.href ? {
+              href: n.href,
+              route: n.route,
+              routeParams: n.routeParams,
+              routeQuery: n.routeQuery
+            } : {},
+            {
+              onSelect: (i) => {
+                var l;
+                return (l = n.click) == null ? void 0 : l.call(n);
+              }
+            }
+          ), {
+            default: f(() => [
+              I(x(n.label), 1)
             ]),
             _: 2
-          }, 1032, ["onSelect"]))), 128))
+          }, 1040, ["as", "class", "onSelect"]))), 128))
         ])
       ]),
       _: 3
     }, 8, ["align", "side"]));
   }
-}), qa = /* @__PURE__ */ g({
+}), zl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -2923,23 +3306,23 @@ const Nn = { key: 0 }, Wn = /* @__PURE__ */ g({
     const e = {
       align: t.align,
       side: t.side,
-      options: u(() => {
+      options: c(() => {
         var r;
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return se("dropdown-menu", e), s(e), (r, n) => (l(), f(o(_s), null, {
-      default: m(() => [
-        h(o(ws), null, {
-          default: m(() => [
-            _(r.$slots, "default")
+    return le("dropdown-menu", e), s(e), (r, n) => (u(), h(o(Vs), null, {
+      default: f(() => [
+        p(o(Ls), null, {
+          default: f(() => [
+            w(r.$slots, "default")
           ]),
           _: 3
         }),
-        h(o($s), null, {
-          default: m(() => [
-            _(r.$slots, "options", {}, () => [
-              h(sa)
+        p(o(Is), null, {
+          default: f(() => [
+            w(r.$slots, "options", {}, () => [
+              p(za)
             ])
           ]),
           _: 3
@@ -2948,7 +3331,7 @@ const Nn = { key: 0 }, Wn = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), ra = ["aria-hidden"], na = ["tabindex", "aria-label", "type"], Fa = /* @__PURE__ */ g({
+}), Ra = ["aria-hidden"], Pa = ["tabindex", "aria-label", "type"], Rl = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -2961,69 +3344,160 @@ const Nn = { key: 0 }, Wn = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = re("$inputRef"), n = D(null), a = D(t.text), i = u(() => H("inline whitespace-pre", t.contentClass)), c = u(() => H("invisible whitespace-pre", t.contentClass)), p = u(() => H("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    function d() {
+    const e = s, r = G("$inputRef"), n = U(null), a = U(t.text), i = c(() => M("inline whitespace-pre", t.contentClass)), l = c(() => M("invisible whitespace-pre", t.contentClass)), d = c(() => M("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 w() {
+    function $() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return ce(() => a.value = t.text), (v, C) => (l(), b("div", {
-      class: k(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+    return Y(() => a.value = t.text), (m, C) => (u(), b("div", {
+      class: k(["relative", { "pointer-events-none!": m.disabled && !n.value }])
     }, [
-      n.value ? (l(), b("span", {
+      n.value ? (u(), b("span", {
         key: 1,
-        class: k(c.value)
-      }, S(a.value), 3)) : (l(), b("div", {
+        class: k(l.value)
+      }, x(a.value), 3)) : (u(), b("div", {
         key: 0,
         class: k(i.value)
       }, [
-        _(v.$slots, "default")
+        w(m.$slots, "default")
       ], 2)),
-      v.type === "number" ? (l(), b("span", {
+      m.type === "number" ? (u(), b("span", {
         key: 2,
         class: k(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : E("", !0),
+      }, null, 2)) : T("", !0),
       y("form", {
         class: "w-full",
-        "aria-hidden": v.formAriaHidden,
-        onSubmit: C[4] || (C[4] = Ue((T) => {
-          var ue;
-          return (ue = o(r)) == null ? void 0 : ue.blur();
+        "aria-hidden": m.formAriaHidden,
+        onSubmit: C[4] || (C[4] = We((L) => {
+          var _e;
+          return (_e = r.value) == null ? void 0 : _e.blur();
         }, ["prevent"]))
       }, [
-        Oe(y("input", {
+        Ke(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": C[0] || (C[0] = (T) => a.value = T),
-          tabindex: v.tabindex ?? void 0,
-          "aria-label": v.ariaLabel ?? void 0,
-          type: v.type,
+          "onUpdate:modelValue": C[0] || (C[0] = (L) => a.value = L),
+          tabindex: m.tabindex ?? void 0,
+          "aria-label": m.ariaLabel ?? void 0,
+          type: m.type,
           class: k([
-            p.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
+            d.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && m.type === "number" }
           ]),
-          onKeyup: C[1] || (C[1] = (T) => v.$emit("update", a.value)),
-          onFocus: C[2] || (C[2] = (T) => d()),
-          onBlur: C[3] || (C[3] = (T) => w())
-        }, null, 42, na), [
-          [Lt, a.value]
+          onKeyup: C[1] || (C[1] = (L) => m.$emit("update", a.value)),
+          onFocus: C[2] || (C[2] = (L) => v()),
+          onBlur: C[3] || (C[3] = (L) => $())
+        }, null, 42, Pa), [
+          [Pt, a.value]
         ])
-      ], 40, ra)
+      ], 40, Ra)
     ], 2));
   }
-}), Ua = /* @__PURE__ */ g({
+}), Aa = {
+  viewBox: "0 0 512 512",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Da(t, s) {
+  return u(), b("svg", Aa, 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 ja = E({ name: "ion-warning", render: Da }), Ba = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Fa(t, s) {
+  return u(), b("svg", Ba, 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 Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-medium" }, Na = ["datetime"], Wa = /* @__PURE__ */ g({
+  __name: "ErrorLogsModal",
+  setup(t) {
+    return (s, e) => (u(), h(se, {
+      title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
+    }, {
+      default: f(() => [
+        y("ol", null, [
+          (u(!0), b(D, null, F(s.$errors.logs, (r, n) => (u(), 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", Oa, x(r.report.title), 1),
+              y("time", {
+                datetime: r.date.toISOString(),
+                class: "text-xs text-gray-700"
+              }, x(r.date.toLocaleTimeString()), 9, Na),
+              p(P, {
+                class: "text-sm text-gray-500",
+                text: r.report.description ?? o(bt)(r.report)
+              }, null, 8, ["text"])
+            ]),
+            p(q, {
+              size: "icon",
+              variant: "ghost",
+              "aria-label": s.$td("errors.viewDetails", "View details"),
+              title: s.$td("errors.viewDetails", "View details"),
+              class: "self-center",
+              onClick: (a) => s.$errors.inspect(
+                r.report,
+                s.$errors.logs.map(({ report: i }) => i)
+              )
+            }, {
+              default: f(() => [
+                p(o(Ua), {
+                  class: "size-4",
+                  "aria-hidden": "true"
+                })
+              ]),
+              _: 2
+            }, 1032, ["aria-label", "title", "onClick"])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Pl = /* @__PURE__ */ g({
+  __name: "ErrorLogs",
+  setup(t) {
+    return (s, e) => s.$errors.logs.length > 0 ? (u(), h(q, {
+      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(Wa))
+    }, {
+      default: f(() => [
+        p(o(ja), { class: "size-6 text-red-500" })
+      ]),
+      _: 1
+    }, 8, ["title", "aria-label"])) : T("", !0);
+  }
+}), Al = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = u(() => Gs(t.error));
-    return (e, r) => (l(), f(A, {
+    const s = c(() => bt(t.error));
+    return (e, r) => (u(), h(P, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), Oa = /* @__PURE__ */ g({
+}), Dl = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3038,45 +3512,100 @@ const Nn = { key: 0 }, Wn = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (l(), f(B, P({ variant: "link" }, s.$props), {
-      default: m(() => [
-        _(s.$slots, "default")
+    return (s, e) => (u(), h(q, H({ variant: "link" }, s.$props), {
+      default: f(() => [
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Na = /* @__PURE__ */ g({
+}), jl = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = u(() => Ut(z.settings, "priority", "desc"));
-    return (e, r) => (l(), f(ne, {
+    const s = c(() => Jt(A.settings, "priority", "desc"));
+    return (e, r) => (u(), h(se, {
       title: e.$td("settings.title", "Settings")
     }, {
-      default: m(() => [
-        (l(!0), b(q, null, U(s.value, (n, a) => (l(), f(W(n.component), { key: a }))), 128))
+      default: f(() => [
+        (u(!0), b(D, null, F(s.value, (n, a) => (u(), h(W(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
+}), Ka = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, Bl = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "TextArea",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    wrapperClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
+      var l, d, v;
+      return M(
+        // eslint-disable-next-line vue/max-len
+        "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
+        {
+          "focus:ring-primary-600": !((l = e.value) != null && l.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+        },
+        t.inputClass
+      );
+    });
+    return (l, d) => (u(), h(ze, H({
+      ref: "$inputRef",
+      label: l.label,
+      class: o(n)
+    }, s, {
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+    }), {
+      default: f(() => {
+        var v;
+        return [
+          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: k(a.value)
+          }, [
+            p(Ha, H(o(r), { class: i.value }), null, 16, ["class"]),
+            (v = e.value) != null && v.errors ? (u(), b("div", Ka, [
+              p(o(qe), { class: "size-5 text-red-500" })
+            ])) : T("", !0)
+          ], 2),
+          p(xt, { class: "mt-2 text-sm text-gray-600" }),
+          p(he, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16, ["label", "class"]));
+  }
 });
-class Wa {
+class Fl {
   constructor() {
-    $(this, "status");
-    $(this, "_listeners");
-    $(this, "_progress");
-    $(this, "_cancelled");
-    $(this, "_started");
-    $(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Ot(), this._started = new K(), this._completed = new K();
+    _(this, "status");
+    _(this, "_listeners");
+    _(this, "_progress");
+    _(this, "_cancelled");
+    _(this, "_started");
+    _(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new Zt(), this._started = new K(), this._completed = new K();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof De)
+      if (s instanceof Ue)
         return;
-      throw Z(Nt(s), (e) => {
+      throw ee(Xt(s), (e) => {
         this._completed.reject(e);
       });
     }
@@ -3117,10 +3646,10 @@ class Wa {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new De();
+      throw this._cancelled.resolve(), new Ue();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? Wt(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? Yt(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3134,133 +3663,147 @@ class Wa {
     return { ...s };
   }
 }
-async function Ka(t) {
+async function Ul(t) {
   await t.start();
 }
 export {
-  za as AdvancedOptions,
-  Lr as AlertModal,
-  z as App,
-  Ba as AppLayout,
-  Wn as AppModals,
-  Qn as AppOverlays,
-  Rs as AppService,
-  Kn as AppToasts,
-  B as Button,
-  wa as Cache,
-  zs as CacheService,
-  ja as Checkbox,
-  qr as ConfirmModal,
-  qa as DropdownMenu,
-  ta as DropdownMenuOption,
-  sa as DropdownMenuOptions,
-  Fa as EditableContent,
-  Ua as ErrorMessage,
-  gn as ErrorReportModal,
-  on as ErrorReportModalButtons,
-  ln as ErrorReportModalTitle,
-  Ye as Errors,
-  va as EventListenerPriorities,
-  M as Events,
-  Hs as EventsService,
-  pt as Form,
-  Pr as FormController,
-  F as FormFieldTypes,
-  or as HeadlessButton,
-  gt as HeadlessInput,
-  Mn as HeadlessInputDescription,
-  Me as HeadlessInputError,
-  vt as HeadlessInputInput,
-  ke as HeadlessInputLabel,
-  Da as HeadlessInputTextArea,
-  Cr as HeadlessModal,
-  xr as HeadlessModalContent,
-  Sr as HeadlessModalDescription,
-  kr as HeadlessModalOverlay,
-  Mr as HeadlessModalTitle,
-  ir as HeadlessSelect,
-  ze as HeadlessSelectLabel,
-  ot as HeadlessSelectOption,
-  lt as HeadlessSelectOptions,
-  at as HeadlessSelectTrigger,
-  nt as HeadlessSelectValue,
-  jn as HeadlessToast,
-  Ln as Input,
-  Wa as Job,
-  De as JobCancelledError,
-  J as Lang,
+  Il as AdvancedOptions,
+  en as AlertModal,
+  A as App,
+  Ll as AppLayout,
+  Ca as AppModals,
+  Sa as AppOverlays,
+  js as AppService,
+  ka as AppToasts,
+  q as Button,
+  cl as Cache,
+  Qs as CacheService,
+  ql as Checkbox,
+  on as ConfirmModal,
+  zl as DropdownMenu,
+  qa as DropdownMenuOption,
+  za as DropdownMenuOptions,
+  Rl as EditableContent,
+  Pl as ErrorLogs,
+  Wa as ErrorLogsModal,
+  Al as ErrorMessage,
+  Rn as ErrorReportModal,
+  Tn as ErrorReportModalButtons,
+  Mn as ErrorReportModalTitle,
+  nt as Errors,
+  ll as EventListenerPriorities,
+  R as Events,
+  As as EventsService,
+  wt as Form,
+  gr as FormController,
+  at as HeadlessButton,
+  ze as HeadlessInput,
+  xt as HeadlessInputDescription,
+  he as HeadlessInputError,
+  _t as HeadlessInputInput,
+  fe as HeadlessInputLabel,
+  Ha as HeadlessInputTextArea,
+  Nr as HeadlessModal,
+  Wr as HeadlessModalContent,
+  Kr as HeadlessModalDescription,
+  Qr as HeadlessModalOverlay,
+  Jr as HeadlessModalTitle,
+  vr as HeadlessSelect,
+  Be as HeadlessSelectLabel,
+  pt as HeadlessSelectOption,
+  mt as HeadlessSelectOptions,
+  dt as HeadlessSelectTrigger,
+  ct as HeadlessSelectValue,
+  Ir as HeadlessSwitch,
+  ba as HeadlessToast,
+  Jn as Input,
+  Fl as Job,
+  Ue as JobCancelledError,
+  Z as Lang,
   me as Layouts,
-  Oa as Link,
-  xn as LoadingModal,
-  Ze as MOBILE_BREAKPOINT,
-  A as Markdown,
-  ne as Modal,
-  dt as ModalContext,
-  $n as ProgressBar,
-  Pn as PromptModal,
-  mr as Select,
-  it as SelectLabel,
-  cr as SelectOption,
-  ct as SelectOptions,
-  ut as SelectTrigger,
-  ve as Service,
-  Se as ServiceBootError,
-  Na as SettingsModal,
-  Dn as StartupCrash,
-  qs as Storage,
-  qn as Toast,
-  I as UI,
-  L as UIComponents,
-  Ns as UIService,
-  Ha as booleanInput,
-  be as bootServices,
-  Aa as bootstrap,
-  On as bootstrapApplication,
-  H as classes,
-  ka as computedAsync,
-  Ma as computedDebounce,
-  tt as computedVariantClasses,
-  La as dateInput,
-  _a as defineDirective,
-  Ea as defineFormValidationRule,
-  ya as definePlugin,
-  ge as defineServiceState,
-  Es as defineServiceStore,
-  ba as defineSettings,
-  Ka as dispatch,
-  Ge as getCurrentLayout,
-  Gs as getErrorMessage,
-  Ms as getPiniaStore,
-  lr as hasSelectOptionLabel,
-  Vs as injectOrFail,
-  Is as injectReactive,
-  R as injectReactiveOrFail,
-  Ts as installPlugins,
-  Ia as numberInput,
-  xa as onCleanMounted,
-  st as onFormFocus,
-  Sa as persistent,
-  Ca as registerErrorHandler,
-  nr as renderMarkdown,
-  Je as renderVNode,
-  $a as replaceExisting,
-  Ra as requiredBooleanInput,
-  Ta as requiredDateInput,
-  Pa as requiredNumberInput,
-  Ir as requiredStringInput,
-  ks as resetPiniaStore,
-  ar as safeHtml,
-  Va as stringInput,
-  Xe as translate,
-  x as translateWithDefault,
-  Vr as useConfirmModal,
-  cn as useErrorReportModal,
-  oe as useEvent,
-  mt as useForm,
-  rt as useInputAttrs,
-  Cn as useLoadingModal,
-  Rn as usePromptModal,
-  Tr as validate,
-  de as validators
+  Dl as Link,
+  On as LoadingModal,
+  tt as MOBILE_BREAKPOINT,
+  P as Markdown,
+  se as Modal,
+  yt as ModalContext,
+  Fn as ProgressBar,
+  Gn as PromptModal,
+  $r as Select,
+  ft as SelectLabel,
+  Fe as SelectOption,
+  ht as SelectOptions,
+  gt as SelectTrigger,
+  we as Service,
+  Te as ServiceBootError,
+  Vr as Setting,
+  jl as SettingsModal,
+  ga as StartupCrash,
+  et as Storage,
+  qr as Switch,
+  Bl as TextArea,
+  ya as Toast,
+  z as UI,
+  Gs as UIService,
+  fl as __valueType,
+  qs as appNamespace,
+  wl as booleanInput,
+  $e as bootServices,
+  Vl as bootstrap,
+  _a as bootstrapApplication,
+  M as classes,
+  vl as computedAsync,
+  bl as computedDebounce,
+  $l as dateInput,
+  ul as defineDirective,
+  ml as defineFormValidationRule,
+  il as definePlugin,
+  ye as defineServiceState,
+  Ps as defineServiceStore,
+  ol as defineSettings,
+  Ul as dispatch,
+  _l as enumInput,
+  st as getCurrentLayout,
+  bt as getErrorMessage,
+  ir as getMarkdownRouter,
+  Rs as getPiniaStore,
+  dr as hasSelectOptionLabel,
+  Os as injectOrFail,
+  Us as injectReactive,
+  V as injectReactiveOrFail,
+  Bs as installPlugins,
+  Ml as numberInput,
+  Hl as objectInput,
+  hl as onCleanMounted,
+  it as onFormFocus,
+  gl as persistent,
+  yl as registerErrorHandler,
+  ur as renderMarkdown,
+  Ge as renderVNode,
+  dl as replaceExisting,
+  xl as requiredBooleanInput,
+  Cl as requiredDateInput,
+  kl as requiredEnumInput,
+  Sl as requiredNumberInput,
+  Tl as requiredObjectInput,
+  Zn as requiredStringInput,
+  zs as resetPiniaStore,
+  cr as safeHtml,
+  pl as setMarkdownRouter,
+  El as stringInput,
+  rt as translate,
+  S as translateWithDefault,
+  Gr as useAlertModal,
+  tn as useConfirmModal,
+  Hn as useErrorReportModal,
+  ot as useEvent,
+  ut as useForm,
+  Ie as useInputAttrs,
+  Un as useLoadingModal,
+  Xn as usePromptModal,
+  hr as validate,
+  fr as validateType,
+  de as validators,
+  lt as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map