@aerogel/core 0.0.0-next.ea2e864c719d0a4d01b04729a9b681c0e9c85ea7 → 0.0.0-next.eb6fcafb87cdccbc72933f616799ca3124d1eca8

package/dist/aerogel-core.js

@@ -1,39 +1,42 @@
-var xt = Object.defineProperty;
-var Ct = (t, s, e) => s in t ? xt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var _ = (t, s, e) => Ct(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as P, Comment as kt, Text as St, Static as Mt, inject as se, reactive as de, nextTick as qe, defineComponent as g, computed as u, readonly as me, watchEffect as J, createElementBlock as b, openBlock as c, normalizeClass as k, createCommentVNode as M, createVNode as p, toDisplayString as $, unref as l, mergeProps as H, withCtx as f, createBlock as h, renderSlot as w, createPropsRestProxy as Z, onUnmounted as fe, ref as B, useAttrs as Fe, onMounted as Et, watch as Ee, toRaw as Ht, normalizeProps as re, guardReactiveProps as ne, createTextVNode as A, Fragment as j, renderList as F, provide as ae, resolveDynamicComponent as N, useSlots as He, createElementVNode as y, h as Vt, toRef as Te, useTemplateRef as le, withModifiers as Ue, withDirectives as Oe, vModelCheckbox as Lt, normalizeStyle as It, createApp as Tt, vModelText as Rt } from "vue";
-import { JSError as he, tap as X, MagicObject as Ne, PromisedValue as W, Storage as U, objectOnly as oe, arrayFrom as We, isEmpty as we, objectDeepClone as Pt, fail as K, facade as G, arrayRemove as xe, getEnv as At, updateLocationQueryParameters as zt, forever as Dt, toString as q, isDevelopment as ee, isTesting as Ve, after as Ce, uuid as te, required as jt, isObject as ce, objectWithoutEmpty as Ke, stringMatchAll as Qe, objectWithout as Bt, noop as qt, debounce as Ft, value as Ut, isInstanceOf as Re, stringExcerpt as Ot, arraySorted as Nt, ListenersManager as Wt, toError as Kt, round as Qt } from "@noeldemartin/utils";
-import O from "virtual:aerogel";
-import { createPinia as Jt, setActivePinia as Zt, defineStore as Xt } from "pinia";
-import { SwitchRoot as Gt, SwitchThumb as Yt, Primitive as es, SelectValue as Pe, SelectTrigger as ts, SelectIcon as ss, SelectItem as rs, SelectItemText as ns, SelectPortal as as, SelectContent as ls, SelectViewport as os, SelectRoot as is, Label as cs, useForwardExpose as Le, DialogRoot as us, DialogPortal as ds, DialogContent as ps, DialogDescription as ms, DialogOverlay as fs, DialogTitle as hs, ToastClose as gs, ToastRoot as vs, ToastProvider as bs, ToastViewport as ys, DropdownMenuItem as ws, DropdownMenuContent as _s, DropdownMenuRoot as $s, DropdownMenuTrigger as xs, DropdownMenuPortal as Cs } from "reka-ui";
-import ks from "dompurify";
-import { marked as Ss, Renderer as Ae } from "marked";
-import Ms from "clsx";
-import { cva as Es } from "class-variance-authority";
-import { twMerge as Hs } from "tailwind-merge";
-class ke 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 l, 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 Ie = null;
-function Je() {
-  return Ie ?? Vs();
+function qs() {
+  return j.namespace ?? At(j.name);
 }
-function Vs() {
-  return X(Jt(), (t) => {
-    Ie = t, Zt(t);
+let Le = null;
+function Ye() {
+  return Le ?? zs();
+}
+function zs() {
+  return ee(Gt(), (t) => {
+    Le = t, es(t);
   });
 }
-function Ls() {
-  return Ie ?? Je();
+function Rs() {
+  return Le ?? Ye();
 }
-function Is(t, s) {
-  return Je(), Xt(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;
     }
@@ -69,8 +72,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, _(s, "persist", t.persist ?? []), s;
 }
-var $e;
-let ve = ($e = class extends Ne {
+var ke;
+let we = (ke = class extends Qe {
   constructor() {
     super();
     _(this, "_name");
@@ -79,7 +82,7 @@ let ve = ($e = class extends Ne {
     _(this, "_watchers");
     _(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new W(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Is(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 = ($e = class extends Ne {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new ke(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 = ($e = class extends Ne {
     return this._booted;
   }
   hasPersistedState() {
-    return U.has(this._name);
+    return O.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -119,8 +122,8 @@ let ve = ($e = class extends Ne {
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = We(e), n = oe(this._store.$state, r);
-    we(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 = ($e = class extends Ne {
   __set(e, r) {
     this.setState({ [e]: r });
   }
+  get storageKey() {
+    return `${qs()}:${this._name}`;
+  }
   onStateUpdated(e, r) {
     const n = oe(e, this.static("persist"));
-    we(n) || this.onPersistentStateUpdated(n);
+    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 = U.get(this._name);
-    r && U.set(this._name, {
+    const r = O.get(this.storageKey);
+    r && O.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Pt(e))
+      ...this.serializePersistedState(Dt(e))
     });
   }
   usesStore() {
@@ -170,25 +176,25 @@ let ve = ($e = class extends Ne {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || we(this.static("persist")))) {
-      if (U.has(this._name)) {
-        const e = U.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;
       }
-      U.set(this._name, oe(this.getState(), this.static("persist")));
+      O.set(this.storageKey, oe(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : K(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
   }
-}, _($e, "persist", []), $e);
-const qa = {
+}, _(ke, "persist", []), ke);
+const ll = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Ts extends ve {
+class As extends we {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -216,7 +222,7 @@ class Ts extends ve {
   once(e, r, n) {
     let a = null;
     const i = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return X(
+    return ee(
       () => a && this.off(e, a),
       (d) => {
         a = (...v) => (d(), o(...v)), this.registerListener(e, i, o);
@@ -230,29 +236,29 @@ class Ts extends ve {
       return;
     const a = [...n.priorities];
     for (const o of a)
-      xe(n.handlers[o] ?? [], r), ((i = n.handlers[o]) == null ? void 0 : i.length) === 0 && (delete n.handlers[o], xe(n.priorities, o));
+      Se(n.handlers[o] ?? [], r), ((i = n.handlers[o]) == null ? void 0 : i.length) === 0 && (delete n.handlers[o], Se(n.priorities, o));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var d, v, C;
+    var d, v, $;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? K(`priorities missing for event '${e}'`), o = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? K(`handlers missing for event '${e}'`);
-    i.includes(a) || (i.push(a), i.sort((m, x) => x - m), o[a] = []), (C = o[a]) == null || C.push(n);
+    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? Q(`priorities missing for event '${e}'`), o = ((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), o[a] = []), ($ = o[a]) == null || $.push(n);
   }
 }
-const I = G(Ts);
-function Fa(t) {
+const R = te(As);
+function ol(t) {
   return t;
 }
-const Rs = ge({
+const Ds = ye({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: At() ?? "development",
-    version: O.version,
-    sourceUrl: O.sourceUrl,
+    environment: jt() ?? "development",
+    version: j.version,
+    sourceUrl: j.sourceUrl,
     settings: []
   },
   computed: {
@@ -260,19 +266,19 @@ const Rs = ge({
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + O.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + O.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/${O.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class Ps extends Rs {
+class js extends Ds {
   constructor() {
     super(...arguments);
-    _(this, "name", O.name);
-    _(this, "ready", new W());
-    _(this, "mounted", new W());
+    _(this, "name", j.name);
+    _(this, "ready", new K());
+    _(this, "mounted", new K());
   }
   isReady() {
     return this.ready.isResolved();
@@ -281,13 +287,13 @@ class Ps extends Rs {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(P(e));
+    this.settings.push(E(e));
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && zt(e), location.reload(), await Dt();
+    e && Bt(e), location.reload(), await Ft();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -297,15 +303,15 @@ class Ps extends Rs {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    I.once("application-ready", () => this.ready.resolve()), I.once("application-mounted", () => this.mounted.resolve());
+    R.once("application-ready", () => this.ready.resolve()), R.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const D = G(Ps);
-function Ua(t) {
+const A = te(js);
+function il(t) {
   return t;
 }
-async function As(t, ...s) {
-  D.setState(
+async function Bs(t, ...s) {
+  A.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -313,52 +319,52 @@ async function As(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function zs(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${q(r)}"`, "");
+function Fs(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
 }
-function Oa(t) {
+function ul(t) {
   return t;
 }
-function Ds(t) {
-  const s = se(t);
-  return s ? de(s) : void 0;
+function Us(t) {
+  const s = X(t);
+  return s ? pe(s) : void 0;
 }
 function V(t, s) {
-  return Ds(t) ?? K(s ?? `Could not resolve '${q(t)}' injection key`);
+  return Us(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function js(t, s) {
-  return se(t) ?? K(s ?? `Could not resolve '${q(t)}' injection key`);
+function Os(t, s) {
+  return X(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
 }
-function Ze(t) {
-  return typeof t == "string" ? t : t.type === kt ? "" : t.type === St || t.type === Mt ? 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} ${zs(t)}>${Array.from(t.children).map(Ze).join("")}</${t.type}>`;
+` : `<${t.type} ${Fs(t)}>${Array.from(t.children).map(Ge).join("")}</${t.type}>`;
 }
-const _e = /* @__PURE__ */ new WeakMap(), Bs = {
+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.watch && _e.set(t, X(new ResizeObserver(n)).observe(t)), n();
+    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);
   }
-}, qs = {
-  measure: Bs
-}, Fs = {
+}, Ws = {
+  measure: Ns
+}, Ks = {
   install(t, s) {
     const e = {
-      ...qs,
+      ...Ws,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class Us extends ve {
+class Qs extends we {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -374,30 +380,30 @@ class Us extends ve {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? X(new W(), (e) => {
+    return this.cache = this.cache ?? ee(new K(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const Na = G(Us);
-class Os extends ve {
+const cl = te(Qs);
+class Js extends we {
   async purge() {
-    await I.emit("purge-storage");
+    await R.emit("purge-storage");
   }
 }
-const Ns = G(Os);
-function Wa(t, s) {
+const et = te(Js);
+function dl(t, s) {
   return {
     ...t,
     ...oe(s, Object.keys(t))
   };
 }
-const Ws = {
-  $app: D,
-  $events: I,
-  $storage: Ns
+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) => {
@@ -405,38 +411,38 @@ 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), (ee() || Ve()) && Object.assign(globalThis, s);
+  ), Object.assign(t.config.globalProperties, s), (J() || Ee()) && Object.assign(globalThis, s);
 }
-const Ks = {
+const Xs = {
   async install(t, s) {
     var r;
     const e = {
-      ...Ws,
+      ...Zs,
       ...s.services
     };
-    t.use(Ls()), (r = s.settings) == null || r.forEach((n) => D.addSetting(n)), await be(t, e);
+    t.use(Rs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await $e(t, e);
   }
-}, Xe = 768, pe = {
+}, tt = 768, me = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function Ge() {
-  return globalThis.innerWidth > Xe ? pe.Desktop : pe.Mobile;
+function st() {
+  return globalThis.innerWidth > tt ? me.Desktop : me.Mobile;
 }
-const Qs = ge({
+const Ys = ye({
   name: "ui",
   initialState: {
     modals: [],
     toasts: [],
-    layout: Ge()
+    layout: st()
   },
   computed: {
-    desktop: ({ layout: t }) => t === pe.Desktop,
-    mobile: ({ layout: t }) => t === pe.Mobile,
+    desktop: ({ layout: t }) => t === me.Desktop,
+    mobile: ({ layout: t }) => t === me.Mobile,
     openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
   }
 });
-class Js extends Qs {
+class Gs extends Ys {
   constructor() {
     super(...arguments);
     _(this, "modalCallbacks", {});
@@ -449,7 +455,7 @@ class Js extends Qs {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? K(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -471,15 +477,15 @@ class Js extends Qs {
       message: r,
       required: !!(n != null && n.required)
     }, o = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof o == "object" ? o[0] : o ?? !1, v = typeof o == "object" ? o[1] : Object.entries(i.checkboxes ?? {}).reduce(
-      (C, [m, { default: x }]) => ({
-        [m]: x ?? !1,
-        ...C
+      ($, [m, { default: C }]) => ({
+        [m]: C ?? !1,
+        ...$
       }),
       {}
     );
-    for (const [C, m] of Object.entries(i.checkboxes ?? {}))
-      if (!(!m.required || v[C]))
-        return d && ee() && console.warn(`Confirmed confirm modal was suppressed because required '${C}' checkbox was missing`), [!1, v];
+    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) {
@@ -494,52 +500,65 @@ class Js extends Qs {
     return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
   }
   async loading(e, r) {
-    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => typeof e == "string" ? {
-      props: { message: e },
-      operationPromise: n(r)
-    } : typeof e == "function" || e instanceof Promise ? { operationPromise: n(e) } : {
-      props: e,
-      operationPromise: n(r)
-    }, { operationPromise: i, props: o } = a(), d = await this.modal(this.requireComponent("loading-modal"), o);
+    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: l(m),
+        operationPromise: n(r)
+      };
+    };
+    let i = !1;
+    const { operationPromise: o, props: d, delay: v } = a();
+    if (v && await Promise.race([ue({ ms: v }).then(() => i = !0), o]), v && !i)
+      return o;
+    const $ = await this.modal(this.requireComponent("loading-modal"), d);
     try {
-      const v = await i;
-      return await Ce({ ms: 500 }), v;
+      const m = await o;
+      return await ue({ ms: 500 }), m;
     } finally {
-      await this.closeModal(d.id);
+      await this.closeModal($.id);
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, i = {
-      id: te(),
+      id: re(),
       properties: { message: e, ...a },
-      component: P(n ?? this.requireComponent("toast"))
+      component: E(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(i));
   }
   async modal(e, r) {
-    const n = te(), a = {}, i = {
+    const n = re(), a = {}, i = {
       id: n,
       closing: !1,
       properties: r ?? {},
-      component: P(e),
+      component: E(e),
       beforeClose: new Promise((d) => a.willClose = d),
       afterClose: new Promise((d) => a.hasClosed = d)
     }, o = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: o }), await qe(), i;
+    return this.modalCallbacks[i.id] = a, this.setState({ modals: o }), await Oe(), i;
   }
   async modalForm(e, r) {
     return await (await this.modal(e, r)).beforeClose;
   }
   async closeModal(e, r) {
-    if (!D.isMounted()) {
+    if (!A.isMounted()) {
       await this.removeModal(e, r);
       return;
     }
-    await I.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(jt(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();
@@ -552,30 +571,30 @@ class Js extends Qs {
     ), (a = (n = this.modalCallbacks[e]) == null ? void 0 : n.hasClosed) == null || a.call(n, r), delete this.modalCallbacks[e];
   }
   watchModalEvents() {
-    I.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
+    R.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
       var a, i;
       const n = this.modals.find((o) => e === o.id);
       n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
-    }), I.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
+    }), R.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
       await this.removeModal(e, r);
     });
   }
   watchMountedEvent() {
-    I.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 Ce({ 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: ${Xe}px)`).addEventListener("change", () => this.setState({ layout: Ge() }));
+    globalThis.matchMedia(`(min-width: ${tt}px)`).addEventListener("change", () => this.setState({ layout: st() }));
   }
 }
-const R = G(Js);
-class Zs {
+const z = te(Gs);
+class er {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -595,13 +614,13 @@ class Zs {
     return ["en"];
   }
   translate(s) {
-    return ee() && console.warn("Lang provider is missing"), s;
+    return J() && console.warn("Lang provider is missing"), s;
   }
   translateWithDefault(s, e) {
-    return ee() && console.warn("Lang provider is missing"), e;
+    return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const Xs = ge({
+const tr = ye({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -610,11 +629,11 @@ const Xs = ge({
     fallbackLocale: "en"
   }
 });
-class Gs extends Xs {
+class sr extends tr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new Zs(
+    this.provider = new er(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -642,11 +661,12 @@ class Gs extends Xs {
     );
   }
 }
-const Q = G(Gs), Ye = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Ys = 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,
@@ -654,11 +674,12 @@ const Q = G(Gs), Ye = Q.translate.bind(Q), S = Q.translateWithDefault.bind(Q), Y
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class er extends Ys {
+class nr extends rr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
     _(this, "enabled", !0);
+    _(this, "eruda", null);
   }
   enable() {
     this.enabled = !0;
@@ -668,16 +689,16 @@ class er extends Ys {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      R.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      z.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
-    R.modal(R.requireComponent("error-report-modal"), { report: n, reports: a });
+    z.modal(z.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await I.emit("error", { error: e, message: r }), Ve("unit") || (ee() && 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 (!D.isMounted()) {
+    if (!A.isMounted()) {
       const i = await this.createStartupErrorReport(e);
       i && this.setState({ startupErrors: this.startupErrors.concat(i) });
       return;
@@ -687,7 +708,7 @@ class er extends Ys {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    R.toast(
+    z.toast(
       r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
@@ -695,12 +716,15 @@ class er extends Ys {
           {
             label: S("errors.viewDetails", "View details"),
             dismiss: !0,
-            click: () => R.modal(R.requireComponent("error-report-modal"), { report: n, 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 : {
@@ -709,12 +733,14 @@ class er extends Ys {
       })
     });
   }
-  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) {
@@ -724,11 +750,11 @@ class er extends Ys {
     return ce(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof he ? this.createErrorReportFromError(e) : ce(e) ? Ke({
-      title: q(
+    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: q(
+      description: B(
         e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
@@ -738,7 +764,7 @@ class er extends Ys {
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof ke ? e.cause instanceof ke ? 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 {
@@ -750,114 +776,44 @@ class er extends Ys {
     };
   }
 }
-const et = G(er), tr = ["for"], sr = /* @__PURE__ */ g({
-  inheritAttrs: !1,
-  __name: "HeadlessSwitch",
-  props: {
-    name: {},
-    label: {},
-    description: {},
-    modelValue: {},
-    class: {},
-    labelClass: {},
-    inputClass: {},
-    thumbClass: {}
-  },
-  emits: ["update:modelValue"],
-  setup(t, { expose: s, emit: e }) {
-    const r = e, n = se("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `switch-${te()}`,
-      name: u(() => t.name),
-      label: u(() => t.label),
-      description: u(() => t.description),
-      value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: me(a),
-      required: u(() => {
-        if (!(!t.name || !n))
-          return n.getFieldRules(t.name).includes("required");
-      }),
-      update(o) {
-        if (n && t.name) {
-          n.setFieldValue(t.name, o);
-          return;
-        }
-        r("update:modelValue", o);
-      }
-    };
-    return s(i), J(() => {
-      !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (o, d) => (c(), b("div", {
-      class: k(t.class)
-    }, [
-      o.label ? (c(), b("label", {
-        key: 0,
-        for: i.id,
-        class: k(o.labelClass)
-      }, $(o.label), 11, tr)) : M("", !0),
-      p(l(Gt), H({
-        id: i.id,
-        name: o.name,
-        "model-value": i.value.value
-      }, o.$attrs, {
-        class: o.inputClass,
-        "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
-      }), {
-        default: f(() => [
-          p(l(Yt), {
-            class: k(o.thumbClass)
-          }, null, 8, ["class"])
-        ]),
-        _: 1
-      }, 16, ["id", "name", "model-value", "class"])
-    ], 2));
-  }
-}), rr = /* @__PURE__ */ g({
-  __name: "Switch",
-  setup(t) {
-    return (s, e) => (c(), h(sr, {
-      class: "flex flex-row items-center gap-1",
-      "input-class": "disabled:opacity-50 disabled:cursor-not-allowed data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200 relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focusdisabled:opacity-50 disabled:cursor-not-allowed :ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden",
-      "thumb-class": "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
-    }));
-  }
-});
+const nt = te(nr);
 let ie = null;
-function nr() {
-  return X(new Ae(), (t) => {
+function ar() {
+  return ee(new Ae(), (t) => {
     t.link = function(s) {
       const e = Ae.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function ar(t) {
-  const s = Qe(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 lr(t) {
-  const s = Qe(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+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 or() {
+function ir() {
   return ie;
 }
-function Ka(t) {
+function pl(t) {
   ie = t;
 }
-function ir(t) {
-  let s = Ss(t, { renderer: nr(), async: !1 });
-  return s = cr(s), s = ar(s), s = lr(s), s;
+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 ks.sanitize(t, { ADD_ATTR: ["target"] });
+  return ss.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const tt = /* @__PURE__ */ g({
+const at = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -873,9 +829,9 @@ const tt = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = u(() => t.as ? { as: t.as } : t.route ? {
-      as: R.resolveComponent("router-link") ?? "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
@@ -888,7 +844,7 @@ const tt = /* @__PURE__ */ g({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (c(), h(l(es), H({
+    return (e, r) => (u(), h(l(os), H({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
@@ -900,14 +856,14 @@ const tt = /* @__PURE__ */ g({
     }, 16, ["class", "as-child", "disabled"]));
   }
 });
-function st(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = Es(n, a);
-  return E(i(r), l(e));
+function lt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = as(n, a);
+  return M(i(r), l(e));
 }
-function E(...t) {
-  return Hs(Ms(t));
+function M(...t) {
+  return ls(ns(t));
 }
-const z = /* @__PURE__ */ g({
+const q = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
@@ -923,7 +879,7 @@ const z = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    const s = Z(t, ["class", "size", "variant", "disabled"]), e = u(() => st(
+    const s = N(t, ["class", "size", "variant", "disabled"]), e = c(() => lt(
       { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
       {
         baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
@@ -1018,7 +974,7 @@ const z = /* @__PURE__ */ g({
         }
       }
     ));
-    return (r, n) => (c(), h(tt, H({
+    return (r, n) => (u(), h(at, H({
       class: e.value,
       disabled: r.disabled
     }, s), {
@@ -1029,26 +985,49 @@ const z = /* @__PURE__ */ g({
     }, 16, ["class", "disabled"]));
   }
 });
-function ur(t) {
+function dr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-function rt(t, s) {
-  const e = I.on(t, s);
-  fe(() => e());
+function ot(t, s) {
+  const e = R.on(t, s);
+  ge(() => e());
 }
-const dr = {
+const pr = {
   required: (t) => t ? void 0 : "required"
-}, ue = { ...dr };
-function Qa(t, s) {
-  ue[t] = s;
-}
-function pr(t, s) {
+};
+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 = ue[s]) == null ? void 0 : r.call(ue, t);
-  return e ? We(e) : [];
+  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
+  return e ? Je(e) : [];
 }
-const Ja = Symbol(), ze = /* @__PURE__ */ new WeakMap();
-class mr extends Ne {
+const fl = Symbol(), je = /* @__PURE__ */ new WeakMap();
+class gr extends Qe {
   constructor(e) {
     super();
     _(this, "errors");
@@ -1057,21 +1036,21 @@ class mr extends Ne {
     _(this, "_submitted");
     _(this, "_errors");
     _(this, "_listeners", {});
-    this._fields = e, this._submitted = B(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), ze.set(
+    this._fields = e, this._submitted = U(!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 = me(this._errors);
+      c(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = ve(this._errors);
   }
   get valid() {
     var e;
-    return !!((e = ze.get(this)) != null && e.value);
+    return !!((e = je.get(this)) != null && e.value);
   }
   get submitted() {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? K(`Trying to set undefined '${q(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? q(r).trim() : r, this._submitted.value && this.validate();
+    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];
@@ -1080,6 +1059,10 @@ class mr extends Ne {
     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 };
   }
@@ -1104,11 +1087,11 @@ class mr extends Ne {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    xe(this._listeners[e] ?? [], r);
+    Se(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await qe(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Oe(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -1123,21 +1106,22 @@ class mr extends Ne {
   getFieldErrors(e, r) {
     var o;
     const n = [], a = this._data[e], i = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
+    n.push(...fr(a, r));
     for (const d of i)
-      d !== "required" && a == null || n.push(...pr(a, d));
+      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 de(r);
+    return pe(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return de(r);
+    return pe(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -1147,41 +1131,41 @@ class mr extends Ne {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function nt(t, s) {
-  const e = se("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  fe(() => r == null ? void 0 : r());
+function 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 at(t) {
-  return new mr(t);
+function ut(t) {
+  return new gr(t);
 }
-function lt() {
-  const t = Fe(), s = u(() => t.class);
-  return [u(() => Bt(t, "class")), s];
+function Ie() {
+  const t = Ne(), s = c(() => t.class);
+  return [c(() => Ot(t, "class")), s];
 }
-function Za(t) {
-  let s = qt;
-  Et(() => s = t()), fe(() => s());
+function hl(t) {
+  let s = Nt;
+  Et(() => s = t()), ge(() => s());
 }
-function Xa(t, s) {
-  const e = de(U.get(t) ?? s);
-  return Ee(e, () => U.set(t, Ht(e))), e;
+function gl(t, s) {
+  const e = pe(O.get(t) ?? s);
+  return Me(e, () => O.set(t, Vt(e))), e;
 }
-function Ga(t) {
-  const s = B(), e = u(t);
-  return Ee(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 Ya(t, s) {
-  const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = Ft((i) => n.value = i, e.delay ?? 300);
-  return J(() => a(r())), n;
+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 ot = /* @__PURE__ */ g({
+const ct = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
     const s = V(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (c(), h(l(Pe), {
+    return (e, r) => e.$slots.default ? (u(), h(l(De), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
@@ -1189,33 +1173,33 @@ const ot = /* @__PURE__ */ g({
         w(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (c(), h(l(Pe), {
+    }, 8, ["placeholder"])) : (u(), h(l(De), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), it = /* @__PURE__ */ g({
+}), dt = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
     const s = V(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (c(), h(l(ts), {
+    return (e, r) => (u(), h(l(is), {
       id: l(s).id
     }, {
       default: f(() => [
         w(e.$slots, "default", {}, () => [
-          p(ot, {
+          p(ct, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          p(l(ss))
+          p(l(us))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), ct = /* @__PURE__ */ g({
+}), pt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1228,17 +1212,17 @@ const ot = /* @__PURE__ */ g({
     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 : q(t.value);
+      return r ? r.label : B(t.value);
     });
-    return (r, n) => (c(), h(l(rs), re(ne(r.$props)), {
+    return (r, n) => (u(), h(l(cs), ne(ae(r.$props)), {
       default: f(() => [
-        p(l(ns), null, {
+        p(l(ds), null, {
           default: f(() => [
             w(r.$slots, "default", {}, () => [
-              A($(e.value), 1)
+              I(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1247,7 +1231,7 @@ const ot = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), ut = /* @__PURE__ */ g({
+}), mt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
@@ -1257,10 +1241,10 @@ const ot = /* @__PURE__ */ g({
     const s = V(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = u(() => E("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (c(), h(l(as), null, {
+    ), e = c(() => M("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (u(), h(l(ps), null, {
       default: f(() => [
-        p(l(ls), {
+        p(l(ms), {
           position: "popper",
           class: k(e.value),
           align: l(s).align,
@@ -1268,12 +1252,12 @@ const ot = /* @__PURE__ */ g({
           "side-offset": 4
         }, {
           default: f(() => [
-            p(l(os), {
+            p(l(fs), {
               class: k(r.innerClass)
             }, {
               default: f(() => [
                 w(r.$slots, "default", {}, () => [
-                  (c(!0), b(j, null, F(l(s).options ?? [], (a) => (c(), h(ct, {
+                  (u(!0), b(D, null, F(l(s).options ?? [], (a) => (u(), h(pt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1288,7 +1272,7 @@ const ot = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), fr = /* @__PURE__ */ g({
+}), vr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1308,9 +1292,9 @@ const ot = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = se("form", null), a = u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = u(() => a.value), o = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = u(() => t.options ? t.options.map((m) => ({
-      key: te(),
-      label: t.renderOption ? t.renderOption(m) : ur(m) ? Ut(m.label) : q(m),
+    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = c(() => a.value), o = 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,
@@ -1318,18 +1302,18 @@ const ot = /* @__PURE__ */ g({
       align: t.align,
       side: t.side,
       value: a,
-      id: `select-${te()}`,
-      name: u(() => t.name),
-      label: u(() => t.label),
-      description: u(() => t.description),
-      placeholder: u(() => t.placeholder ?? S("ui.select", "Select an option")),
+      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: u(() => {
+      selectedOption: c(() => {
         var m;
-        return (m = d.value) == null ? void 0 : m.find((x) => x.value === t.modelValue);
+        return (m = d.value) == null ? void 0 : m.find((C) => C.value === t.modelValue);
       }),
-      errors: me(o),
-      required: u(() => {
+      errors: ve(o),
+      required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
@@ -1341,23 +1325,23 @@ const ot = /* @__PURE__ */ g({
         r("update:modelValue", m);
       }
     };
-    function C(m) {
+    function $(m) {
       v.update(m);
     }
-    return ae("select", v), s(v), (m, x) => (c(), h(l(is), {
+    return le("select", v), s(v), (m, C) => (u(), h(l(hs), {
       "model-value": i.value,
       by: m.compareOptions,
-      "onUpdate:modelValue": x[0] || (x[0] = (L) => C(L))
+      "onUpdate:modelValue": C[0] || (C[0] = (L) => $(L))
     }, {
       default: f(({ open: L }) => [
-        (c(), h(N(m.as), re(ne(m.$attrs)), {
+        (u(), h(W(m.as), ne(ae(m.$attrs)), {
           default: f(() => [
             w(m.$slots, "default", {
               modelValue: m.modelValue,
               open: L
             }, () => [
-              p(it),
-              p(ut)
+              p(dt),
+              p(mt)
             ])
           ]),
           _: 2
@@ -1366,7 +1350,7 @@ const ot = /* @__PURE__ */ g({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), De = /* @__PURE__ */ g({
+}), Be = /* @__PURE__ */ g({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
@@ -1376,27 +1360,27 @@ const ot = /* @__PURE__ */ g({
     const s = V(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = He(), r = u(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (c(), h(l(cs), H({
+    ), e = He(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (u(), h(l(gs), H({
       key: 0,
       for: l(s).id
     }, n.$props), {
       default: f(() => [
         w(n.$slots, "default", {}, () => [
-          A($(l(s).label), 1)
+          I(x(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : M("", !0);
+    }, 16, ["for"])) : T("", !0);
   }
-}), dt = /* @__PURE__ */ g({
+}), ft = /* @__PURE__ */ g({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectLabel> must be a child of a <Select>"), e = u(() => E("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
-    return (r, n) => r.$slots.default ? (c(), h(De, {
+    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)
     }, {
@@ -1404,12 +1388,12 @@ const ot = /* @__PURE__ */ g({
         w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (c(), h(De, {
+    }, 8, ["class"])) : (u(), h(Be, {
       key: 1,
       class: k(e.value)
     }, null, 8, ["class"]));
   }
-}), je = /* @__PURE__ */ g({
+}), Fe = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1417,12 +1401,12 @@ const ot = /* @__PURE__ */ g({
     innerClass: {}
   },
   setup(t) {
-    const s = u(() => E("group p-1 outline-none", t.class)), e = u(() => E(
+    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) => (c(), h(ct, {
+    return (r, n) => (u(), h(pt, {
       class: k(s.value),
       value: r.value
     }, {
@@ -1436,18 +1420,18 @@ const ot = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), pt = /* @__PURE__ */ g({
+}), ht = /* @__PURE__ */ g({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectOptions> must be a child of a <Select>"), e = u(() => E(
+    const s = V("select", "<SelectOptions> must be a child of a <Select>"), e = 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) => (c(), h(ut, {
+    return (r, n) => (u(), h(mt, {
       class: k(e.value)
     }, {
       default: f(() => {
@@ -1456,23 +1440,23 @@ const ot = /* @__PURE__ */ g({
           (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
             var i;
             return [
-              (c(!0), b(j, null, F(((i = l(s)) == null ? void 0 : i.options) ?? [], (o) => (c(), h(je, {
+              (u(!0), b(D, null, F(((i = l(s)) == null ? void 0 : i.options) ?? [], (o) => (u(), h(Fe, {
                 key: o.key,
                 value: o.value
               }, {
                 default: f(() => [
-                  A($(o.label), 1)
+                  I(x(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
           }) : w(r.$slots, "default", { key: 1 }, () => [
-            p(je, {
+            p(Fe, {
               disabled: "",
               value: null
             }, {
               default: f(() => [
-                A($(r.$td("ui.selectEmpty", "No options available")), 1)
+                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1482,42 +1466,42 @@ const ot = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), hr = {
+}), br = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function gr(t, s) {
-  return c(), b("svg", hr, 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 vr = P({ name: "zondicons-cheveron-down", render: gr }), mt = /* @__PURE__ */ g({
+const wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = u(() => E(
+    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (c(), h(it, {
+    return (r, n) => (u(), h(dt, {
       class: k(e.value)
     }, {
       default: f(() => [
-        p(ot, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        p(l(vr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+        p(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        p(l(wr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), br = /* @__PURE__ */ g({
+}), $r = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1536,30 +1520,30 @@ const vr = P({ name: "zondicons-cheveron-down", render: gr }), mt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Le();
-    return (e, r) => (c(), h(fr, H({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Ve();
+    return (e, r) => (u(), h(vr, H({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: f(() => [
-        p(dt),
+        p(ft),
         w(e.$slots, "default", {}, () => [
-          p(mt),
-          p(pt)
+          p(gt),
+          p(ht)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), yr = { class: "grow" }, wr = /* @__PURE__ */ g({
+}), _r = { class: "grow" }, xr = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
-    const s = Q.getBrowserLocale(), e = u(() => [null, ...Q.locales]);
+    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
     function r(n) {
-      return (n && O.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
-        locale: O.locales[s] ?? s
+      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: j.locales[s] ?? s
       });
     }
-    return (n, a) => (c(), h(br, {
+    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",
@@ -1568,40 +1552,40 @@ const vr = P({ name: "zondicons-cheveron-down", render: gr }), mt = /* @__PURE__
       "render-option": r
     }, {
       default: f(() => [
-        y("div", yr, [
-          p(dt, { class: "text-base font-semibold" }, {
+        y("div", _r, [
+          p(ft, { class: "text-base font-semibold" }, {
             default: f(() => [
-              A($(n.$td("settings.locale", "Language")), 1)
+              I(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          p(T, {
+          p(P, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        p(z, {
+        p(q, {
           variant: "ghost",
-          as: mt,
+          as: gt,
           class: "grid w-auto outline-none"
         }),
-        p(pt)
+        p(ht)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), _r = [
+}), Cr = [
   {
     priority: 100,
-    component: wr
+    component: xr
   }
-], $r = { $lang: Q }, xr = {
+], kr = { $lang: Z }, Sr = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = Ye), t.config.globalProperties.$td = S, _r.forEach((e) => D.addSetting(e)), await be(t, $r);
+    (s = t.config.globalProperties).$t ?? (s.$t = rt), t.config.globalProperties.$td = S, Cr.forEach((e) => A.addSetting(e)), await $e(t, kr);
   }
-}, Cr = /* @__PURE__ */ g({
+}, Tr = /* @__PURE__ */ g({
   __name: "Markdown",
   props: {
     as: {},
@@ -1613,115 +1597,206 @@ const vr = P({ name: "zondicons-cheveron-down", render: gr }), mt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = Fe(), e = He(), r = u(() => e.default ? e.default().map(Ze).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : Ye(t.langKey, t.langParams ?? {})))), n = u(() => {
+    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 o = ir(r.value);
+      let o = ur(r.value);
       return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => Vt(t.as ?? (t.inline ? "span" : "div"), {
+    }), a = () => Lt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: i,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
     async function i(o) {
-      var v, C;
+      var v, $;
       const { target: d } = o;
-      if (Re(d, HTMLElement) && d.dataset.markdownAction) {
-        (C = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || C.call(v);
+      if (Pe(d, HTMLElement) && d.dataset.markdownAction) {
+        ($ = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || $.call(v);
         return;
       }
-      if (Re(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
-        const m = or();
+      if (Pe(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
+        const m = ir();
         m && (o.preventDefault(), m.visit(d.dataset.markdownRoute));
         return;
       }
     }
-    return (o, d) => (c(), h(a));
+    return (o, d) => (u(), h(a));
   }
-}), kr = (t, s) => {
+}), Mr = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, T = /* @__PURE__ */ kr(Cr, [["__scopeId", "data-v-8b211cfb"]]), Sr = { class: "mt-4 flex flex-row" }, Mr = { class: "flex-grow" }, Er = {
-  id: "debug-setting",
-  class: "text-base font-semibold"
-}, Hr = /* @__PURE__ */ g({
-  __name: "Debug",
+}, P = /* @__PURE__ */ Mr(Tr, [["__scopeId", "data-v-8b211cfb"]]), Hr = { class: "flex-grow" }, Er = ["id"], Vr = /* @__PURE__ */ g({
+  __name: "Setting",
+  props: {
+    title: {},
+    titleId: {},
+    description: {},
+    class: {},
+    layout: { default: "horizontal" }
+  },
   setup(t) {
-    let s = null;
-    const e = B(!1);
-    return J(async () => {
-      if (!e.value) {
-        s == null || s.destroy();
-        return;
-      }
-      s ?? (s = (await import("eruda")).default), s.init();
-    }), (r, n) => (c(), b("div", Sr, [
-      y("div", Mr, [
-        y("h3", Er, $(r.$td("settings.debug", "Debugging")), 1),
-        p(T, {
-          "lang-key": "settings.debugDescription",
-          "lang-default": "Enable debugging with [Eruda](https://eruda.liriliri.io/).",
+    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)
       ]),
-      p(rr, {
-        modelValue: e.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
-        "aria-labelledby": "debug-setting"
-      }, null, 8, ["modelValue"])
-    ]));
+      y("div", {
+        class: k(s.value)
+      }, [
+        w(e.$slots, "default")
+      ], 2)
+    ], 2));
   }
-}), Vr = [
+}), Lr = ["for"], Ir = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessSwitch",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    class: {},
+    labelClass: {},
+    inputClass: {},
+    thumbClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = 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(o) {
+        if (n && t.name) {
+          n.setFieldValue(t.name, o);
+          return;
+        }
+        r("update:modelValue", o);
+      }
+    };
+    return s(i), Y(() => {
+      !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
+    }), (o, d) => (u(), b("div", {
+      class: k(t.class)
+    }, [
+      o.label ? (u(), b("label", {
+        key: 0,
+        for: i.id,
+        class: k(o.labelClass)
+      }, x(o.label), 11, Lr)) : T("", !0),
+      p(l(vs), H({
+        id: i.id,
+        name: o.name,
+        "model-value": i.value.value
+      }, o.$attrs, {
+        class: o.inputClass,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$emit("update:modelValue", v))
+      }), {
+        default: f(() => [
+          p(l(bs), {
+            class: k(o.thumbClass)
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["id", "name", "model-value", "class"])
+    ], 2));
+  }
+}), qr = /* @__PURE__ */ g({
+  __name: "Switch",
+  setup(t) {
+    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: Hr
+    component: zr
   }
-], ft = [];
-function el(t) {
-  ft.push(t);
+], vt = [];
+function yl(t) {
+  vt.push(t);
 }
-function ht(t) {
-  for (const s of ft) {
+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 he ? t.message : ce(t) ? q(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+  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 Be extends he {
+class Ue extends be {
 }
-const Lr = { $errors: et }, Ir = (t) => (et.report(t), !0);
-function Tr(t, s = () => !1) {
-  const e = (r) => s(r) || Ir(r);
+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, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const Rr = {
+const jr = {
   async install(t, s) {
-    Tr(t, s.handleError), Vr.forEach((e) => D.addSetting(e)), await be(t, Lr);
+    Dr(t, s.handleError), Rr.forEach((e) => A.addSetting(e)), await $e(t, Pr);
   }
-}, Pr = {
+}, Br = {
   async install() {
-    Ve() && (globalThis.testingRuntime = {
-      on: (...t) => I.on(...t)
+    Ee() && (globalThis.testingRuntime = {
+      on: (...t) => R.on(...t),
+      service: (t) => A.service(t)
     });
   }
-}, Ar = {
+}, Fr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function zr(t, s) {
-  return c(), b("svg", Ar, s[0] || (s[0] = [
+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 Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
+const Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1731,25 +1806,25 @@ const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = B(null), { modal: r } = V(
+    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 } = Le(), a = B(!1);
-    ae("$modalContentRef", e), rt("close-modal", async ({ id: o, result: d }) => {
+    const { forwardRef: n } = Ve(), a = U(!1);
+    le("$modalContentRef", e), ot("close-modal", async ({ id: o, result: d }) => {
       o === r.id && await i(d);
     });
     async function i(o) {
-      a.value || (await I.emit("modal-will-close", { modal: r, result: o }), a.value = !0, await I.emit("modal-has-closed", { modal: r, result: o }));
+      a.value || (await R.emit("modal-will-close", { modal: r, result: o }), a.value = !0, await R.emit("modal-has-closed", { modal: r, result: o }));
     }
-    return (o, d) => (c(), h(l(us), {
+    return (o, d) => (u(), h(l(ys), {
       ref: l(n),
       open: "",
       "onUpdate:open": d[0] || (d[0] = (v) => o.persistent || i())
     }, {
       default: f(() => [
-        p(l(ds), null, {
+        p(l(ws), null, {
           default: f(() => [
             w(o.$slots, "default", { close: i })
           ]),
@@ -1759,58 +1834,58 @@ const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), gt = /* @__PURE__ */ g({
+}), yt = /* @__PURE__ */ g({
   __name: "ModalContext",
   props: {
     modal: {},
     childIndex: {}
   },
   setup(t) {
-    const s = t, e = u(() => {
+    const s = t, e = c(() => {
       const r = {};
       for (const n in s.modal.properties)
         r[n] = l(s.modal.properties[n]);
       return r;
     });
-    return ae("modal", {
-      modal: Te(s, "modal"),
-      childIndex: Te(s, "childIndex")
-    }), (r, n) => (c(), h(N(r.modal.component), re(ne(e.value)), null, 16));
+    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));
   }
-}), Br = /* @__PURE__ */ g({
+}), Wr = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
     const { childIndex: s = 0 } = V(
       "modal",
       "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.modal() instead"
-    ), e = js("$modalContentRef"), r = le("$contentRef"), n = u(() => R.modals[s] ?? null);
-    return J(() => e.value = r.value), (a, i) => (c(), h(l(ps), { ref: "$contentRef" }, {
+    ), e = Os("$modalContentRef"), r = G("$contentRef"), n = c(() => z.modals[s] ?? null);
+    return Y(() => e.value = r.value), (a, i) => (u(), h(l($s), { ref: "$contentRef" }, {
       default: f(() => [
         w(a.$slots, "default"),
-        n.value ? (c(), h(gt, {
+        n.value ? (u(), h(yt, {
           key: 0,
           "child-index": l(s) + 1,
           modal: n.value
-        }, null, 8, ["child-index", "modal"])) : M("", !0)
+        }, null, 8, ["child-index", "modal"])) : T("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), qr = /* @__PURE__ */ g({
+}), Kr = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (c(), h(l(ms), re(ne(s.$props)), {
+    return (s, e) => (u(), h(l(_s), ne(ae(s.$props)), {
       default: f(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Fr = /* @__PURE__ */ g({
+}), Qr = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1818,31 +1893,31 @@ const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
     as: {}
   },
   setup(t) {
-    return (s, e) => (c(), h(l(fs), re(ne(s.$props)), {
+    return (s, e) => (u(), h(l(xs), ne(ae(s.$props)), {
       default: f(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ur = /* @__PURE__ */ g({
+}), Jr = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (c(), h(l(hs), re(ne(s.$props)), {
+    return (s, e) => (u(), h(l(Cs), ne(ae(s.$props)), {
       default: f(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Or = {
+}), Zr = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Nr = ["onClick"], Wr = { class: "sr-only" }, Y = /* @__PURE__ */ g({
+}, Xr = ["onClick"], Yr = { class: "sr-only" }, se = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1855,18 +1930,18 @@ const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = Z(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
+    const e = N(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
     s({
       close: async (m) => {
-        var x;
-        return (x = a.value) == null ? void 0 : x.close(m);
+        var C;
+        return (C = a.value) == null ? void 0 : C.close(m);
       },
-      $content: u(() => {
+      $content: c(() => {
         var m;
         return (m = a.value) == null ? void 0 : m.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Le(), a = n, i = V("modal"), o = u(() => !i.modal.closing && i.childIndex === R.openModals.length), d = u(() => t.description ? {} : { "aria-describedby": void 0 }), v = u(() => E("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), C = u(() => E(
+    const { forwardRef: r, currentRef: n } = Ve(), a = n, i = V("modal"), o = 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]",
@@ -1877,32 +1952,32 @@ const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
       },
       t.wrapperClass
     ));
-    return rt("modal-will-close", async ({ modal: { id: m } }) => {
-      m === i.modal.id && await Ce({ ms: 300 });
-    }), (m, x) => (c(), h(jr, H(e, {
+    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) => l(r)(L),
       persistent: m.persistent
     }), {
       default: f(({ close: L }) => [
-        p(Fr, {
+        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": l(i).childIndex === 1,
             "opacity-0": l(i).childIndex === 1 && l(i).modal.closing
           }])
         }, null, 8, ["class"]),
-        p(Br, H(d.value, { class: C.value }), {
+        p(Wr, H(d.value, { class: $.value }), {
           default: f(() => [
-            !m.persistent && !m.closeHidden ? (c(), b("div", Or, [
+            !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: (ye) => L()
+                onClick: (_e) => L()
               }, [
-                y("span", Wr, $(m.$td("ui.close", "Close")), 1),
-                p(l(Dr), { class: "size-4" })
-              ], 8, Nr)
-            ])) : M("", !0),
-            m.title ? (c(), h(Ur, {
+                y("span", Yr, x(m.$td("ui.close", "Close")), 1),
+                p(l(Or), { class: "size-4" })
+              ], 8, Xr)
+            ])) : T("", !0),
+            m.title ? (u(), h(Jr, {
               key: 1,
               class: k(["px-4 pt-5 text-base font-semibold text-gray-900", {
                 "sr-only": m.titleHidden,
@@ -1911,25 +1986,25 @@ const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
               }])
             }, {
               default: f(() => [
-                p(T, {
+                p(P, {
                   text: m.title,
                   inline: ""
                 }, null, 8, ["text"])
               ]),
               _: 1
-            }, 8, ["class"])) : M("", !0),
-            m.description ? (c(), h(qr, {
+            }, 8, ["class"])) : T("", !0),
+            m.description ? (u(), h(Kr, {
               key: 2,
               class: k(["px-4 pt-1 pb-2", { "sr-only": m.descriptionHidden }])
             }, {
               default: f(() => [
-                p(T, {
+                p(P, {
                   text: m.description,
                   class: "text-sm leading-6 text-gray-500"
                 }, null, 8, ["text"])
               ]),
               _: 1
-            }, 8, ["class"])) : M("", !0),
+            }, 8, ["class"])) : T("", !0),
             y("div", {
               class: k(v.value)
             }, [
@@ -1943,29 +2018,29 @@ const Dr = P({ name: "zondicons-close", render: zr }), jr = /* @__PURE__ */ g({
     }, 16, ["persistent"]));
   }
 });
-function Kr(t) {
-  const s = u(() => t.title ?? S("ui.alert", "Alert")), e = u(() => !t.title);
+function Gr(t) {
+  const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const Qr = /* @__PURE__ */ g({
+const en = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = Kr(e);
-    return s(), (a, i) => (c(), h(Y, {
+    const e = t, { renderedTitle: r, titleHidden: n } = Gr(e);
+    return s(), (a, i) => (u(), h(se, {
       title: l(r),
       "title-hidden": l(n)
     }, {
       default: f(() => [
-        p(T, { text: a.message }, null, 8, ["text"])
+        p(P, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), vt = /* @__PURE__ */ g({
+}), wt = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -1974,11 +2049,11 @@ const Qr = /* @__PURE__ */ g({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return J((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());
-    }), ae("form", t.form), (n, a) => (c(), b("form", {
-      onSubmit: a[0] || (a[0] = Ue((i) => {
+    }), le("form", t.form), (n, a) => (u(), b("form", {
+      onSubmit: a[0] || (a[0] = We((i) => {
         var o;
         return (o = n.form) == null ? void 0 : o.submit();
       }, ["prevent"]))
@@ -1987,8 +2062,8 @@ const Qr = /* @__PURE__ */ g({
     ], 32));
   }
 });
-function Jr(t) {
-  const s = at(
+function tn(t) {
+  const s = ut(
     Object.entries(t.checkboxes ?? {}).reduce(
       (i, [o, d]) => ({
         [o]: {
@@ -2000,13 +2075,13 @@ function Jr(t) {
       }),
       {}
     )
-  ), e = u(() => t.title ?? S("ui.confirm", "Confirm")), r = u(() => !t.title), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  ), e = 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 Zr = {
+const sn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, Xr = { class: "flex items-center" }, Gr = ["onUpdate:modelValue", "required"], Yr = { class: "ml-1.5" }, en = { class: "mt-4 flex flex-row-reverse gap-2" }, tn = /* @__PURE__ */ g({
+}, 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: {},
@@ -2020,54 +2095,54 @@ const Zr = {
     required: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = Z(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: o } = Jr(e);
-    return s(), (d, v) => (c(), h(Y, {
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: o } = tn(e);
+    return s(), (d, v) => (u(), h(se, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: f(({ close: C }) => [
-        p(vt, {
+      default: f(({ close: $ }) => [
+        p(wt, {
           form: l(r),
-          onSubmit: (m) => C([!0, l(r).data()])
+          onSubmit: (m) => $([!0, l(r).data()])
         }, {
           default: f(() => [
-            p(T, {
+            p(P, {
               text: d.message,
               actions: d.actions
             }, null, 8, ["text", "actions"]),
-            d.checkboxes ? (c(), b("ul", Zr, [
-              (c(!0), b(j, null, F(d.checkboxes, (m, x) => (c(), b("li", { key: x }, [
-                y("label", Xr, [
-                  Oe(y("input", {
-                    "onUpdate:modelValue": (L) => l(r)[x] = L,
+            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) => l(r)[C] = L,
                     type: "checkbox",
                     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, Gr), [
-                    [Lt, l(r)[x]]
+                  }, null, 8, nn), [
+                    [It, l(r)[C]]
                   ]),
-                  y("span", Yr, $(m.label), 1)
+                  y("span", an, x(m.label), 1)
                 ])
               ]))), 128))
-            ])) : M("", !0),
-            y("div", en, [
-              p(z, {
+            ])) : T("", !0),
+            y("div", ln, [
+              p(q, {
                 variant: d.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  A($(l(i)), 1)
+                  I(x(l(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d.required ? M("", !0) : (c(), h(z, {
+              d.required ? T("", !0) : (u(), h(q, {
                 key: 0,
                 variant: d.cancelVariant,
-                onClick: (m) => C(!1)
+                onClick: (m) => $(!1)
               }, {
                 default: f(() => [
-                  A($(l(o)), 1)
+                  I(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2079,92 +2154,92 @@ const Zr = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), sn = {
+}), un = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function rn(t, s) {
-  return c(), b("svg", sn, 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 nn = P({ name: "zondicons-cheveron-left", render: rn }), an = {
+const dn = E({ name: "zondicons-cheveron-left", render: cn }), pn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function ln(t, s) {
-  return c(), b("svg", an, 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 bt = P({ name: "zondicons-cheveron-right", render: ln }), on = {
+const $t = E({ name: "zondicons-cheveron-right", render: mn }), fn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function cn(t, s) {
-  return c(), b("svg", on, 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 yt = P({ name: "zondicons-exclamation-solid", render: cn }), un = {
+const qe = E({ name: "zondicons-exclamation-solid", render: hn }), gn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function dn(t, s) {
-  return c(), b("svg", un, 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 pn = P({ name: "mdi-console", render: dn }), mn = {
+const bn = E({ name: "mdi-console", render: vn }), yn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function fn(t, s) {
-  return c(), b("svg", mn, 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 hn = P({ name: "zondicons-copy", render: fn }), gn = {
+const $n = E({ name: "zondicons-copy", render: wn }), _n = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function vn(t, s) {
-  return c(), b("svg", gn, 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 bn = P({ name: "mdi-github", render: vn }), yn = { class: "flex" }, wn = { class: "sr-only" }, _n = /* @__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 (!D.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(
         [
@@ -2172,34 +2247,34 @@ const bn = P({ name: "mdi-github", render: vn }), yn = { class: "flex" }, wn = {
           "",
           "Error details:",
           "```",
-          Ot(
+          Qt(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - D.sourceUrl.length
+            1800 - a.length - A.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${D.sourceUrl}/issues/new?title=${a}&body=${i}`;
-    }), n = u(() => X(
+      return `${A.sourceUrl}/issues/new?title=${a}&body=${i}`;
+    }), n = c(() => ee(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: hn,
+          iconComponent: $n,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), R.toast(S("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: pn,
+          iconComponent: bn,
           click() {
             const a = s.report.error ?? s.report;
-            window.error = a, console.error(a), R.toast(
+            window.error = a, console.error(a), z.toast(
               S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
@@ -2212,14 +2287,14 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: bn,
+          iconComponent: Cn,
           url: r.value
         });
       }
     ));
-    return (a, i) => (c(), b("div", yn, [
-      (c(!0), b(j, null, F(n.value, (o) => w(a.$slots, "default", H({ ref_for: !0 }, o), () => [
-        p(z, {
+    return (a, i) => (u(), b("div", kn, [
+      (u(!0), b(D, null, F(n.value, (o) => w(a.$slots, "default", H({ ref_for: !0 }, o), () => [
+        p(q, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
@@ -2228,8 +2303,8 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
           onClick: o.click
         }, {
           default: f(() => [
-            y("span", wn, $(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (c(), h(N(o.iconComponent), {
+            y("span", Sn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (u(), h(W(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2239,7 +2314,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), $n = /* @__PURE__ */ g({
+}), Mn = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2247,15 +2322,15 @@ ${s.report.details}`), R.toast(S("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) => (c(), h(T, {
+    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 xn(t) {
-  const s = B(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 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()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
@@ -2269,18 +2344,18 @@ function xn(t) {
     activeReport: e
   };
 }
-const Cn = { class: "px-4 pt-5 pb-4" }, kn = { class: "flex justify-between gap-4" }, Sn = { 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"
-}, En = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Hn = ["textContent"], Vn = /* @__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, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: o } = xn(e);
-    return s(), (d, v) => (c(), h(Y, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: o } = Hn(e);
+    return s(), (d, v) => (u(), h(se, {
       title: d.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
@@ -2288,73 +2363,73 @@ const Cn = { class: "px-4 pt-5 pb-4" }, kn = { class: "flex justify-between gap-
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
       default: f(() => [
-        y("div", Cn, [
-          y("h2", kn, [
-            y("div", Sn, [
-              p(l(yt), { class: "size-5 text-red-600" }),
-              p($n, {
+        y("div", En, [
+          y("h2", Vn, [
+            y("div", Ln, [
+              p(l(qe), { class: "size-5 text-red-600" }),
+              p(Mn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
                 report: l(o),
                 "current-report": l(r) + 1,
                 "total-reports": d.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              d.reports.length > 1 ? (c(), b("span", Mn, [
-                p(z, {
+              d.reports.length > 1 ? (u(), b("span", In, [
+                p(q, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
                   "aria-label": l(i),
                   title: l(i),
-                  onClick: v[0] || (v[0] = (C) => r.value--)
+                  onClick: v[0] || (v[0] = ($) => r.value--)
                 }, {
                   default: f(() => [
-                    p(l(nn), { class: "size-4" })
+                    p(l(dn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                p(z, {
+                p(q, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === d.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: v[1] || (v[1] = (C) => r.value++)
+                  onClick: v[1] || (v[1] = ($) => r.value++)
                 }, {
                   default: f(() => [
-                    p(l(bt), { class: "size-4" })
+                    p(l($t), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : M("", !0)
+              ])) : T("", !0)
             ]),
-            p(_n, {
+            p(Tn, {
               report: l(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (c(), h(T, {
+          l(o).description ? (u(), h(P, {
             key: 0,
             text: l(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : M("", !0)
+          }, null, 8, ["text"])) : T("", !0)
         ]),
-        y("div", En, [
+        y("div", qn, [
           y("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: $(l(n))
-          }, null, 8, Hn)
+            textContent: x(l(n))
+          }, null, 8, zn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Ln = {
+}), Pn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function In(t, s) {
-  return c(), b("svg", Ln, 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",
@@ -2374,7 +2449,7 @@ function In(t, s) {
     ], -1)
   ]));
 }
-const Tn = P({ name: "svg-spinners-90-ring-with-bg", render: In }), Rn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Pn = { class: "sr-only" }, An = /* @__PURE__ */ g({
+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: {},
@@ -2383,31 +2458,31 @@ const Tn = P({ name: "svg-spinners-90-ring-with-bg", render: In }), Rn = { class
   },
   setup(t) {
     let s;
-    const e = B(0), r = u(() => E("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = u(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Ee(
+    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) => (c(), b("div", Rn, [
+    ), ge(() => s && s()), (a, i) => (u(), b("div", jn, [
       y("div", {
         class: k(r.value),
-        style: It(`transform:translateX(-${(1 - n.value) * 100}%)`)
+        style: qt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", Pn, $(a.$td("ui.progress", "{progress}% complete", {
+      y("span", Bn, x(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function zn(t) {
-  const s = u(() => t.title ?? S("ui.loading", "Loading")), e = u(
+function Un(t) {
+  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
     () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
-  ), r = u(() => typeof t.progress == "number" || !!t.job), n = u(() => !t.title);
+  ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const Dn = /* @__PURE__ */ g({
+const On = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2416,8 +2491,8 @@ const Dn = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = zn(e);
-    return s(), (o, d) => (c(), h(Y, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Un(e);
+    return s(), (o, d) => (u(), h(se, {
       persistent: "",
       class: k(["flex", { "flex-col-reverse": l(i), "items-center justify-center gap-2": !l(i) }]),
       "wrapper-class": "w-auto",
@@ -2425,21 +2500,21 @@ const Dn = /* @__PURE__ */ g({
       "title-hidden": l(a)
     }, {
       default: f(() => [
-        l(i) ? (c(), h(An, {
+        l(i) ? (u(), h(Fn, {
           key: 0,
           progress: o.progress,
           job: o.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (c(), h(l(Tn), {
+        }, null, 8, ["progress", "job"])) : (u(), h(l(Dn), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        p(T, { text: l(n) }, null, 8, ["text"])
+        p(P, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), wt = /* @__PURE__ */ g({
+}), ze = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2450,14 +2525,14 @@ const Dn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = se("form", null), a = u(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `input-${te()}`,
-      name: u(() => t.name),
-      label: u(() => t.label),
-      description: u(() => t.description),
-      value: u(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: me(a),
-      required: u(() => {
+    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");
       }),
@@ -2469,40 +2544,45 @@ const Dn = /* @__PURE__ */ g({
         r("update:modelValue", o);
       }
     };
-    return ae("input", i), s(i), (o, d) => (c(), h(N(o.as), null, {
+    return le("input", i), s(i), (o, d) => (u(), h(W(o.as), null, {
       default: f(() => [
         w(o.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), jn = ["for"], Se = /* @__PURE__ */ g({
+}), Nn = ["for"], fe = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = He(), r = u(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (c(), b("label", {
+    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: l(s).id
     }, [
       w(n.$slots, "default", {}, () => [
-        A($(l(s).label), 1)
+        I(x(l(s).label), 1)
       ])
-    ], 8, jn)) : M("", !0);
+    ], 8, Nn)) : T("", !0);
   }
-}), Bn = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], _t = /* @__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 = le("$inputRef"), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = u(() => e.name ?? void 0), n = u(() => e.value), a = u(() => {
+    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";
+    }), o = c(() => {
       if (t.type === "checkbox")
-        return !!n.value;
+        return !!a.value;
     });
-    function i() {
-      s.value && e.update(o());
+    function d() {
+      s.value && e.update(v());
     }
-    function o() {
+    function v() {
       if (!s.value)
         return null;
       switch (t.type) {
@@ -2514,59 +2594,59 @@ const Dn = /* @__PURE__ */ g({
           return s.value.value;
       }
     }
-    return nt(e, () => {
-      var d;
-      return (d = s.value) == null ? void 0 : d.focus();
-    }), J(() => {
+    return it(e, () => {
+      var $;
+      return ($ = s.value) == null ? void 0 : $.focus();
+    }), Y(() => {
       if (s.value) {
-        if (t.type === "date" && n.value instanceof Date) {
-          s.value.valueAsDate = n.value;
+        if (t.type === "date" && a.value instanceof Date) {
+          s.value.valueAsDate = a.value;
           return;
         }
-        s.value.value = n.value ?? null;
+        s.value.value = a.value ?? null;
       }
-    }), (d, v) => (c(), b("input", {
+    }), ($, m) => (u(), b("input", {
       id: l(e).id,
       ref: "$inputRef",
-      name: r.value,
-      type: d.type,
-      checked: a.value,
+      name: n.value,
+      checked: o.value,
+      type: i.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
-      onInput: i
-    }, null, 40, Bn));
+      onInput: d
+    }, null, 40, Wn));
   }
-}), qn = /* @__PURE__ */ g({
+}), xt = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
     const s = V(
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = u(() => typeof s.description == "string" ? s.description : ""), r = u(() => !!s.description);
+    ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
     return (n, a) => w(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (c(), h(T, H({ key: 0 }, n.$attrs, {
+      r.value ? (u(), h(P, H({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : M("", !0)
+      }), null, 16, ["id", "text"])) : T("", !0)
     ]);
   }
-}), Fn = ["id"], Me = /* @__PURE__ */ g({
+}), Kn = ["id"], he = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = u(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (c(), b("p", {
+    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: `${l(s).id}-error`
-    }, $(e.value), 9, Fn)) : M("", !0);
+    }, x(e.value), 9, Kn)) : T("", !0);
   }
-}), Un = {
+}), Qn = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, On = /* @__PURE__ */ g({
+}, Jn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2579,20 +2659,20 @@ const Dn = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = Z(t, ["label", "inputClass", "wrapperClass"]), e = le("$inputRef"), [r, n] = lt(), a = u(() => E("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = u(() => {
+    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 o, d, v;
-      return E(
+      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": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
-          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+          "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 (o, d) => (c(), h(wt, H({
+    return (o, d) => (u(), h(ze, H({
       ref: "$inputRef",
       label: o.label,
       class: l(n)
@@ -2602,100 +2682,116 @@ const Dn = /* @__PURE__ */ g({
       default: f(() => {
         var v;
         return [
-          p(Se, { 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)
           }, [
             p(_t, H(l(r), { class: i.value }), null, 16, ["class"]),
-            (v = l(e)) != null && v.errors ? (c(), b("div", Un, [
-              p(l(yt), { class: "size-5 text-red-500" })
-            ])) : M("", !0)
+            (v = l(e)) != null && v.errors ? (u(), b("div", Qn, [
+              p(l(qe), { class: "size-5 text-red-500" })
+            ])) : T("", !0)
           ], 2),
-          p(qn, { class: "mt-2 text-sm text-gray-600" }),
-          p(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 tl(t, s = {}) {
+function wl(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function sl(t, s = {}) {
+function $l(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function rl(t) {
+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 nl(t) {
+function Cl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function al(t) {
+function kl(t, s) {
+  return {
+    default: s,
+    type: "enum",
+    rules: "required",
+    values: t
+  };
+}
+function Sl(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function ll(t) {
+function Tl(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Nn(t) {
+function Zn(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function ol(t, s = {}) {
+function Ml(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function il(t, s = {}) {
+function Hl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function cl(t, s = {}) {
+function El(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function Wn(t) {
-  const s = at({
-    draft: Nn(t.defaultValue ?? "")
-  }), e = u(() => t.title ?? t.message), r = u(() => t.title ? t.message : null), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+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 Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g({
+const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2709,43 +2805,43 @@ const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g
     cancelVariant: { default: "secondary" }
   },
   setup(t, { expose: s }) {
-    const e = Z(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: o } = Wn(e);
-    return s(), (d, v) => (c(), h(Y, {
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: o } = Xn(e);
+    return s(), (d, v) => (u(), h(se, {
       title: l(n),
       persistent: ""
     }, {
-      default: f(({ close: C }) => [
-        p(vt, {
+      default: f(({ close: $ }) => [
+        p(wt, {
           form: l(r),
-          onSubmit: (m) => C(l(r).draft)
+          onSubmit: (m) => $(l(r).draft)
         }, {
           default: f(() => [
-            l(a) ? (c(), h(T, {
+            l(a) ? (u(), h(P, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : M("", !0),
-            p(On, {
+            }, null, 8, ["text"])) : T("", !0),
+            p(Jn, {
               name: "draft",
               class: "mt-2",
               placeholder: d.placeholder,
               label: d.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Kn, [
-              p(z, {
+            y("div", Yn, [
+              p(q, {
                 variant: d.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  A($(l(i)), 1)
+                  I(x(l(i)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p(z, {
+              p(q, {
                 variant: d.cancelVariant,
-                onClick: (m) => C()
+                onClick: (m) => $()
               }, {
                 default: f(() => [
-                  A($(l(o)), 1)
+                  I(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2757,61 +2853,152 @@ const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), Jn = { class: "grid grow place-items-center" }, Zn = { class: "flex flex-col items-center space-y-6 p-8" }, Xn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Gn = { class: "mt-4 flex flex-col space-y-4" }, Yn = /* @__PURE__ */ g({
+}), 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) => (c(), b("div", Jn, [
-      y("div", Zn, [
-        y("h1", Xn, $(s.$td("startupCrash.title", "Something went wrong!")), 1),
-        p(T, {
-          text: s.$td(
-            "startupCrash.message",
-            `Something failed trying to start the application.
+    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", Gn, [
-          p(z, {
-            variant: "danger",
-            onClick: e[0] || (e[0] = (r) => s.$app.reload())
-          }, {
-            default: f(() => [
-              A($(s.$td("startupCrash.reload", "Try again")), 1)
-            ]),
-            _: 1
-          }),
-          p(z, {
-            variant: "danger",
-            onClick: e[1] || (e[1] = (r) => s.$errors.inspect(s.$errors.startupErrors))
-          }, {
-            default: f(() => [
-              A($(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(l(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(l(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(l(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(l(ia)),
+                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              ]),
+              _: 1
+            })
+          ])
         ])
-      ])
-    ]));
+      ]);
+    };
   }
-}), $t = /* @__PURE__ */ g({
+}), Ct = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (c(), h(N(s.action.dismiss ? l(gs) : "button"), {
+    return (s, e) => (u(), h(W(s.action.dismiss ? l(ks) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
       default: f(() => [
-        A($(s.action.label), 1)
+        I(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
   }
-}), ea = { key: 0 }, ta = /* @__PURE__ */ g({
+}), va = { key: 0 }, ba = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2819,11 +3006,11 @@ Here's some things you can do:`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (c(), h(l(vs), null, {
+    return (s, e) => (u(), h(l(Ss), null, {
       default: f(() => [
         w(s.$slots, "default", {}, () => [
-          s.message ? (c(), b("span", ea, $(s.message), 1)) : M("", !0),
-          (c(!0), b(j, null, F(s.actions, (r, n) => (c(), h($t, {
+          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))
@@ -2832,7 +3019,7 @@ Here's some things you can do:`
       _: 3
     }));
   }
-}), sa = /* @__PURE__ */ g({
+}), ya = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -2841,7 +3028,7 @@ Here's some things you can do:`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = u(() => st(
+    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",
@@ -2856,110 +3043,110 @@ Here's some things you can do:`
         }
       }
     ));
-    return s(), (r, n) => (c(), h(ta, {
+    return s(), (r, n) => (u(), h(ba, {
       class: k(e.value)
     }, {
       default: f(() => [
-        r.message ? (c(), h(T, {
+        r.message ? (u(), h(P, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : M("", !0),
-        (c(!0), b(j, null, F(r.actions, (a, i) => (c(), h(z, {
+        }, 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: $t
+          as: Ct
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), ra = { $ui: R }, na = {
+}), wa = { $ui: z }, $a = {
   async install(t, s) {
     const e = {
-      "alert-modal": Qr,
-      "confirm-modal": tn,
-      "error-report-modal": Vn,
-      "loading-modal": Dn,
-      "prompt-modal": Qn,
-      "startup-crash": Yn,
-      toast: sa,
+      "alert-modal": en,
+      "confirm-modal": on,
+      "error-report-modal": Rn,
+      "loading-modal": On,
+      "prompt-modal": Gn,
+      "startup-crash": ga,
+      toast: ya,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
-      R.registerComponent(r, n);
-    await be(t, ra);
+      z.registerComponent(r, n);
+    await $e(t, wa);
   }
 };
-async function aa(t, s = {}) {
+async function _a(t, s = {}) {
   var r;
-  const e = [Pr, Fs, Rr, xr, Ks, na, ...s.plugins ?? []];
-  D.instance = t, await As(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await I.emit("application-ready");
+  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 ul(t, s = {}) {
+async function Vl(t, s = {}) {
   var r;
-  const e = Tt(t);
-  ee() && (window.$aerogel = e), await aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await I.emit("application-mounted");
+  const 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 la = { key: 0 }, oa = /* @__PURE__ */ g({
+const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
   __name: "AppModals",
   setup(t) {
-    const s = u(() => R.modals[0] ?? null);
-    return (e, r) => s.value ? (c(), b("aside", la, [
-      p(gt, {
+    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"])
-    ])) : M("", !0);
+    ])) : T("", !0);
   }
-}), ia = /* @__PURE__ */ g({
+}), ka = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (c(), h(l(bs), null, {
+    return (s, e) => (u(), h(l(Ts), null, {
       default: f(() => [
-        (c(!0), b(j, null, F(s.$ui.toasts, (r) => (c(), h(N(r.component), H({
+        (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)),
-        p(l(ys), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        p(l(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
     }));
   }
-}), ca = /* @__PURE__ */ g({
+}), Sa = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (c(), b(j, null, [
-      p(oa),
-      p(ia)
+    return (s, e) => (u(), b(D, null, [
+      p(Ca),
+      p(ka)
     ], 64));
   }
-}), ua = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, dl = /* @__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) => (c(), b("div", ua, [
+    return (s, e) => (u(), b("div", Ta, [
       s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (c(), h(N(s.$ui.requireComponent("startup-crash"))))
+        (u(), h(W(s.$ui.requireComponent("startup-crash"))))
       ]) : w(s.$slots, "default", { key: 1 }),
-      p(ca)
+      p(Sa)
     ]));
   }
-}), da = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], pl = /* @__PURE__ */ g({
+}), Ma = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ha = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = le("$textAreaRef"), e = V(
+    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 nt(e, () => {
+    return it(e, () => {
       var i;
       return (i = s.value) == null ? void 0 : i.focus();
-    }), (i, o) => (c(), b("textarea", {
+    }), (i, o) => (u(), b("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -2968,22 +3155,22 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, da));
+    }, null, 40, Ma));
   }
-}), pa = { class: "group" }, ma = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, fa = { class: "pt-2 pl-4" }, ml = /* @__PURE__ */ g({
+}), 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) => (c(), b("details", pa, [
-      y("summary", ma, [
-        p(l(bt), { class: "size-6 transition-transform group-open:rotate-90" }),
-        y("span", null, $(s.$td("ui.advancedOptions", "Advanced options")), 1)
+    return (s, e) => (u(), b("details", Ea, [
+      y("summary", Va, [
+        p(l($t), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", fa, [
+      y("div", La, [
         w(s.$slots, "default")
       ])
     ]));
   }
-}), ha = { class: "flex h-6 items-center" }, fl = /* @__PURE__ */ g({
+}), Ia = { class: "flex h-6 items-center" }, ql = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -2996,9 +3183,9 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = Z(t, ["inputClass", "labelClass"]), e = le("$inputRef"), [r, n] = lt(), a = u(() => E("relative flex items-start", n.value)), i = u(() => {
+    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 E(
+      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": !((d = e.value) != null && d.errors),
@@ -3006,43 +3193,43 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
         },
         t.inputClass
       );
-    }), o = u(() => E("ml-2 text-sm leading-6", t.labelClass));
-    return (d, v) => (c(), h(wt, H({
+    }), o = 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": v[0] || (v[0] = (C) => d.$emit("update:modelValue", C))
+      "onUpdate:modelValue": v[0] || (v[0] = ($) => d.$emit("update:modelValue", $))
     }), {
       default: f(() => [
-        y("div", ha, [
+        y("div", Ia, [
           p(_t, H(l(r), {
             type: "checkbox",
             class: i.value
           }), null, 16, ["class"])
         ]),
-        d.$slots.default ? (c(), b("div", {
+        d.$slots.default ? (u(), b("div", {
           key: 0,
           class: k(o.value)
         }, [
-          p(Se, { class: "text-gray-900" }, {
+          p(fe, { class: "text-gray-900" }, {
             default: f(() => [
               w(d.$slots, "default")
             ]),
             _: 3
           }),
-          p(Me, { class: "text-red-600" })
-        ], 2)) : d.label ? (c(), b("div", {
+          p(he, { class: "text-red-600" })
+        ], 2)) : d.label ? (u(), b("div", {
           key: 1,
           class: k(o.value)
         }, [
-          p(Se, { class: "text-gray-900" }),
-          p(Me, { class: "text-red-600" })
-        ], 2)) : M("", !0)
+          p(fe, { class: "text-gray-900" }),
+          p(he, { class: "text-red-600" })
+        ], 2)) : T("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), ga = /* @__PURE__ */ g({
+}), qa = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3051,11 +3238,11 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
   },
   emits: ["select"],
   setup(t) {
-    const s = Z(t, ["class"]), e = u(() => E(
+    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) => (c(), h(l(ws), H({ class: e.value }, s, {
+    return (r, n) => (u(), h(l(Hs), H({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: f(() => [
@@ -3064,24 +3251,24 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 3
     }, 16, ["class"]));
   }
-}), va = /* @__PURE__ */ g({
+}), za = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
     const s = V(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (c(), h(l(_s), {
+    return (e, r) => (u(), h(l(Es), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: l(s).align,
       side: l(s).side
     }, {
       default: f(() => [
         w(e.$slots, "default", {}, () => [
-          (c(!0), b(j, null, F(l(s).options, (n, a) => (c(), h(ga, H(
+          (u(!0), b(D, null, F(l(s).options, (n, a) => (u(), h(qa, H(
             {
               key: a,
-              as: n.route || n.href ? tt : void 0,
+              as: n.route || n.href ? at : void 0,
               class: n.class,
               ref_for: !0
             },
@@ -3099,7 +3286,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
             }
           ), {
             default: f(() => [
-              A($(n.label), 1)
+              I(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3108,7 +3295,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), hl = /* @__PURE__ */ g({
+}), zl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3119,23 +3306,23 @@ const la = { key: 0 }, oa = /* @__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 ae("dropdown-menu", e), s(e), (r, n) => (c(), h(l($s), null, {
+    return le("dropdown-menu", e), s(e), (r, n) => (u(), h(l(Vs), null, {
       default: f(() => [
-        p(l(xs), null, {
+        p(l(Ls), null, {
           default: f(() => [
             w(r.$slots, "default")
           ]),
           _: 3
         }),
-        p(l(Cs), null, {
+        p(l(Is), null, {
           default: f(() => [
             w(r.$slots, "options", {}, () => [
-              p(va)
+              p(za)
             ])
           ]),
           _: 3
@@ -3144,7 +3331,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), ba = ["aria-hidden"], ya = ["tabindex", "aria-label", "type"], gl = /* @__PURE__ */ g({
+}), Ra = ["aria-hidden"], Pa = ["tabindex", "aria-label", "type"], Rl = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3157,40 +3344,40 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = le("$inputRef"), n = B(null), a = B(t.text), i = u(() => E("inline whitespace-pre", t.contentClass)), o = u(() => E("invisible whitespace-pre", t.contentClass)), d = u(() => E("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    const e = s, r = G("$inputRef"), n = U(null), a = U(t.text), i = c(() => M("inline whitespace-pre", t.contentClass)), o = 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 C() {
+    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 J(() => a.value = t.text), (m, x) => (c(), b("div", {
+    return Y(() => a.value = t.text), (m, C) => (u(), b("div", {
       class: k(["relative", { "pointer-events-none!": m.disabled && !n.value }])
     }, [
-      n.value ? (c(), b("span", {
+      n.value ? (u(), b("span", {
         key: 1,
         class: k(o.value)
-      }, $(a.value), 3)) : (c(), b("div", {
+      }, x(a.value), 3)) : (u(), b("div", {
         key: 0,
         class: k(i.value)
       }, [
         w(m.$slots, "default")
       ], 2)),
-      m.type === "number" ? (c(), b("span", {
+      m.type === "number" ? (u(), b("span", {
         key: 2,
         class: k(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : M("", !0),
+      }, null, 2)) : T("", !0),
       y("form", {
         class: "w-full",
         "aria-hidden": m.formAriaHidden,
-        onSubmit: x[4] || (x[4] = Ue((L) => {
-          var ye;
-          return (ye = l(r)) == null ? void 0 : ye.blur();
+        onSubmit: C[4] || (C[4] = We((L) => {
+          var _e;
+          return (_e = l(r)) == null ? void 0 : _e.blur();
         }, ["prevent"]))
       }, [
-        Oe(y("input", {
+        Ke(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": x[0] || (x[0] = (L) => a.value = L),
+          "onUpdate:modelValue": C[0] || (C[0] = (L) => a.value = L),
           tabindex: m.tabindex ?? void 0,
           "aria-label": m.ariaLabel ?? void 0,
           type: m.type,
@@ -3198,65 +3385,65 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
             d.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && m.type === "number" }
           ]),
-          onKeyup: x[1] || (x[1] = (L) => m.$emit("update", a.value)),
-          onFocus: x[2] || (x[2] = (L) => v()),
-          onBlur: x[3] || (x[3] = (L) => C())
-        }, null, 42, ya), [
-          [Rt, 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, ba)
+      ], 40, Ra)
     ], 2));
   }
-}), wa = {
+}), Aa = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function _a(t, s) {
-  return c(), b("svg", wa, s[0] || (s[0] = [
+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 $a = P({ name: "ion-warning", render: _a }), xa = {
+const ja = E({ name: "ion-warning", render: Da }), Ba = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ca(t, s) {
-  return c(), b("svg", xa, s[0] || (s[0] = [
+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 ka = P({ name: "zondicons-view-show", render: Ca }), Sa = { class: "font-medium" }, Ma = ["datetime"], Ea = /* @__PURE__ */ g({
+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) => (c(), h(Y, {
+    return (s, e) => (u(), h(se, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
       default: f(() => [
         y("ol", null, [
-          (c(!0), b(j, null, F(s.$errors.logs, (r, n) => (c(), b("li", {
+          (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", Sa, $(r.report.title), 1),
+              y("h3", Oa, x(r.report.title), 1),
               y("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, $(r.date.toLocaleTimeString()), 9, Ma),
-              p(T, {
+              }, x(r.date.toLocaleTimeString()), 9, Na),
+              p(P, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(ht)(r.report)
+                text: r.report.description ?? l(bt)(r.report)
               }, null, 8, ["text"])
             ]),
-            p(z, {
+            p(q, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3268,7 +3455,7 @@ const ka = P({ name: "zondicons-view-show", render: Ca }), Sa = { class: "font-m
               )
             }, {
               default: f(() => [
-                p(l(ka), {
+                p(l(Ua), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3281,36 +3468,36 @@ const ka = P({ name: "zondicons-view-show", render: Ca }), Sa = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), vl = /* @__PURE__ */ g({
+}), Pl = /* @__PURE__ */ g({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (c(), h(z, {
+    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(Ea))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Wa))
     }, {
       default: f(() => [
-        p(l($a), { class: "size-6 text-red-500" })
+        p(l(ja), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : M("", !0);
+    }, 8, ["title", "aria-label"])) : T("", !0);
   }
-}), bl = /* @__PURE__ */ g({
+}), Al = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = u(() => ht(t.error));
-    return (e, r) => (c(), h(T, {
+    const s = c(() => bt(t.error));
+    return (e, r) => (u(), h(P, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), yl = /* @__PURE__ */ g({
+}), Dl = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3325,28 +3512,83 @@ const ka = P({ name: "zondicons-view-show", render: Ca }), Sa = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (c(), h(z, H({ variant: "link" }, s.$props), {
+    return (s, e) => (u(), h(q, H({ variant: "link" }, s.$props), {
       default: f(() => [
         w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), wl = /* @__PURE__ */ g({
+}), jl = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = u(() => Nt(D.settings, "priority", "desc"));
-    return (e, r) => (c(), h(Y, {
+    const s = c(() => Jt(A.settings, "priority", "desc"));
+    return (e, r) => (u(), h(se, {
       title: e.$td("settings.title", "Settings")
     }, {
       default: f(() => [
-        (c(!0), b(j, null, F(s.value, (n, a) => (c(), h(N(n.component), { key: a }))), 128))
+        (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 o, 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": !((o = e.value) != null && o.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 (o, d) => (u(), h(ze, H({
+      ref: "$inputRef",
+      label: o.label,
+      class: l(n)
+    }, s, {
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => o.$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(l(r), { class: i.value }), null, 16, ["class"]),
+            (v = l(e)) != null && v.errors ? (u(), b("div", Ka, [
+              p(l(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 _l {
+class Fl {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3354,22 +3596,22 @@ class _l {
     _(this, "_cancelled");
     _(this, "_started");
     _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Wt(), this._started = new W(), this._completed = new W();
+    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 Be)
+      if (s instanceof Ue)
         return;
-      throw X(Kt(s), (e) => {
+      throw ee(Xt(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new W(), await this._cancelled;
+    this._cancelled = new K(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3404,10 +3646,10 @@ class _l {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Be();
+      throw this._cancelled.resolve(), new Ue();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? Qt(
+    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;
@@ -3421,141 +3663,147 @@ class _l {
     return { ...s };
   }
 }
-async function $l(t) {
+async function Ul(t) {
   await t.start();
 }
 export {
-  ml as AdvancedOptions,
-  Qr as AlertModal,
-  D as App,
-  dl as AppLayout,
-  oa as AppModals,
-  ca as AppOverlays,
-  Ps as AppService,
-  ia as AppToasts,
-  z as Button,
-  Na as Cache,
-  Us as CacheService,
-  fl as Checkbox,
-  tn as ConfirmModal,
-  hl as DropdownMenu,
-  ga as DropdownMenuOption,
-  va as DropdownMenuOptions,
-  gl as EditableContent,
-  vl as ErrorLogs,
-  Ea as ErrorLogsModal,
-  bl as ErrorMessage,
-  Vn as ErrorReportModal,
-  _n as ErrorReportModalButtons,
-  $n as ErrorReportModalTitle,
-  et as Errors,
-  qa as EventListenerPriorities,
-  I as Events,
-  Ts as EventsService,
-  vt as Form,
-  mr as FormController,
-  tt as HeadlessButton,
-  wt as HeadlessInput,
-  qn as HeadlessInputDescription,
-  Me as HeadlessInputError,
+  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,
-  Se as HeadlessInputLabel,
-  pl as HeadlessInputTextArea,
-  jr as HeadlessModal,
-  Br as HeadlessModalContent,
-  qr as HeadlessModalDescription,
-  Fr as HeadlessModalOverlay,
-  Ur as HeadlessModalTitle,
-  fr as HeadlessSelect,
-  De as HeadlessSelectLabel,
-  ct as HeadlessSelectOption,
-  ut as HeadlessSelectOptions,
-  it as HeadlessSelectTrigger,
-  ot as HeadlessSelectValue,
-  sr as HeadlessSwitch,
-  ta as HeadlessToast,
-  On as Input,
-  _l as Job,
-  Be as JobCancelledError,
-  Q as Lang,
-  pe as Layouts,
-  yl as Link,
-  Dn as LoadingModal,
-  Xe as MOBILE_BREAKPOINT,
-  T as Markdown,
-  Y as Modal,
-  gt as ModalContext,
-  An as ProgressBar,
-  Qn as PromptModal,
-  br as Select,
-  dt as SelectLabel,
-  je as SelectOption,
-  pt as SelectOptions,
-  mt as SelectTrigger,
-  ve as Service,
-  ke as ServiceBootError,
-  wl as SettingsModal,
-  Yn as StartupCrash,
-  Ns as Storage,
-  rr as Switch,
-  sa as Toast,
-  R as UI,
-  Js as UIService,
-  Ja as __objectType,
-  tl as booleanInput,
-  be as bootServices,
-  ul as bootstrap,
-  aa as bootstrapApplication,
-  E as classes,
-  Ga as computedAsync,
-  Ya as computedDebounce,
-  sl as dateInput,
-  Oa as defineDirective,
-  Qa as defineFormValidationRule,
-  Ua as definePlugin,
-  ge as defineServiceState,
-  Is as defineServiceStore,
-  Fa as defineSettings,
-  $l as dispatch,
-  Ge as getCurrentLayout,
-  ht as getErrorMessage,
-  or as getMarkdownRouter,
-  Ls as getPiniaStore,
-  ur as hasSelectOptionLabel,
-  js as injectOrFail,
-  Ds as injectReactive,
+  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,
+  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,
-  As as installPlugins,
-  ol as numberInput,
-  il as objectInput,
-  Za as onCleanMounted,
-  nt as onFormFocus,
-  Xa as persistent,
-  el as registerErrorHandler,
-  ir as renderMarkdown,
-  Ze as renderVNode,
-  Wa as replaceExisting,
-  rl as requiredBooleanInput,
-  nl as requiredDateInput,
-  al as requiredNumberInput,
-  ll as requiredObjectInput,
-  Nn as requiredStringInput,
-  Vs as resetPiniaStore,
+  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,
-  Ka as setMarkdownRouter,
-  cl as stringInput,
-  Ye as translate,
+  pl as setMarkdownRouter,
+  El as stringInput,
+  rt as translate,
   S as translateWithDefault,
-  Kr as useAlertModal,
-  Jr as useConfirmModal,
-  xn as useErrorReportModal,
-  rt as useEvent,
-  at as useForm,
-  lt as useInputAttrs,
-  zn as useLoadingModal,
-  Wn as usePromptModal,
-  pr as validate,
-  ue as validators,
-  st as variantClasses
+  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