@aerogel/core 0.0.0-next.c2e6acc000e97a1020c2e232678563c53884dd0e → 0.0.0-next.c33ad773d3eb977461630ff22012d99eeedf46cb

package/dist/aerogel-core.js

@@ -1,39 +1,39 @@
-var ut = Object.defineProperty;
-var dt = (t, r, e) => r in t ? ut(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
-var _ = (t, r, e) => dt(t, typeof r != "symbol" ? r + "" : r, e);
-import { ref as I, computed as d, watch as Se, inject as X, reactive as ue, markRaw as Ie, nextTick as Ve, defineComponent as h, createElementBlock as b, openBlock as u, renderSlot as y, createBlock as g, unref as c, mergeProps as A, withCtx as f, onUnmounted as oe, createPropsRestProxy as Y, Comment as pt, Text as mt, Static as ft, useAttrs as ze, useSlots as qe, h as ht, normalizeClass as H, createVNode as m, Fragment as ee, renderList as ie, createTextVNode as B, toDisplayString as k, createElementVNode as v, provide as fe, toRef as Ae, resolveDynamicComponent as te, normalizeProps as ke, guardReactiveProps as Ce, createCommentVNode as E, resolveComponent as j, watchEffect as Be, withModifiers as gt, readonly as De, withDirectives as Fe, vModelCheckbox as vt, normalizeStyle as bt, createApp as _t, customRef as yt, resolveDirective as wt, onMounted as $t, toRaw as xt } from "vue";
-import { JSError as he, tap as K, MagicObject as Ue, PromisedValue as W, Storage as U, objectOnly as re, arrayFrom as Ge, isEmpty as _e, objectDeepClone as St, fail as O, facade as Q, arrayRemove as $e, getEnv as kt, updateLocationQueryParameters as Ct, forever as Mt, toString as V, isDevelopment as Z, isTesting as Me, after as He, uuid as de, required as Et, isObject as pe, objectWithoutEmpty as Ne, objectWithout as We, stringMatchAll as Pt, isInstanceOf as It, stringExcerpt as At, ListenersManager as Ht, toError as Lt, round as Tt, noop as jt } from "@noeldemartin/utils";
-import J from "virtual:aerogel";
-import { createPinia as Rt, setActivePinia as Vt, defineStore as zt } from "pinia";
-import { Primitive as qt, DialogRoot as Bt, DialogPortal as Dt, DialogContent as Ft, DialogOverlay as Ut, DialogTitle as Gt, SelectRoot as Nt, SelectTrigger as Wt, SelectValue as Ot, SelectItem as Kt, SelectItemText as Qt, SelectPortal as Jt, SelectContent as Zt, SelectViewport as Xt } from "reka-ui";
-import Yt from "clsx";
-import { cva as er } from "class-variance-authority";
-import { twMerge as tr } from "tailwind-merge";
-import rr from "dompurify";
-import { marked as sr, Renderer as Le } from "marked";
-class xe extends he {
+var mt = Object.defineProperty;
+var ft = (t, r, e) => r in t ? mt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var _ = (t, r, e) => ft(t, typeof r != "symbol" ? r + "" : r, e);
+import { ref as H, computed as p, watch as ke, inject as se, reactive as oe, markRaw as Le, nextTick as ze, createElementBlock as v, openBlock as l, createElementVNode as y, Comment as ht, Text as gt, Static as vt, defineComponent as g, useAttrs as Be, useSlots as Se, createBlock as h, h as bt, unref as i, mergeProps as I, withCtx as f, renderSlot as w, onUnmounted as ue, createPropsRestProxy as Z, createVNode as m, provide as ce, toRef as Te, resolveDynamicComponent as X, normalizeProps as de, guardReactiveProps as pe, createCommentVNode as M, useTemplateRef as me, normalizeClass as P, toDisplayString as x, watchEffect as Me, withModifiers as qe, readonly as Ee, Fragment as q, renderList as U, withDirectives as De, vModelCheckbox as yt, createTextVNode as A, normalizeStyle as _t, createApp as wt, customRef as $t, onMounted as xt, toRaw as Ct, vModelText as kt } from "vue";
+import { JSError as fe, tap as K, MagicObject as Fe, PromisedValue as O, Storage as D, objectOnly as Y, arrayFrom as Ue, isEmpty as be, objectDeepClone as St, fail as W, facade as J, arrayRemove as we, getEnv as Mt, updateLocationQueryParameters as Et, forever as Pt, toString as z, isDevelopment as G, isTesting as Pe, after as Ve, uuid as te, required as Ht, isObject as ie, objectWithoutEmpty as Ne, stringMatchAll as It, isInstanceOf as Lt, stringExcerpt as Tt, objectWithout as Vt, noop as jt, value as At, ListenersManager as Rt, toError as zt, round as Bt } from "@noeldemartin/utils";
+import Q from "virtual:aerogel";
+import { createPinia as qt, setActivePinia as Dt, defineStore as Ft } from "pinia";
+import Ut from "dompurify";
+import { marked as Nt, Renderer as je } from "marked";
+import { Primitive as Ot, DialogRoot as Wt, DialogPortal as Kt, DialogContent as Jt, DialogOverlay as Qt, DialogTitle as Gt, ToastClose as Zt, ToastRoot as Xt, ToastProvider as Yt, ToastViewport as er, SelectValue as tr, SelectTrigger as rr, SelectIcon as sr, SelectItem as nr, SelectItemText as ar, SelectPortal as or, SelectContent as ir, SelectViewport as lr, SelectRoot as ur, Label as cr, DropdownMenuRoot as dr, DropdownMenuTrigger as pr, DropdownMenuPortal as mr, DropdownMenuContent as fr, DropdownMenuItem as hr } from "reka-ui";
+import gr from "clsx";
+import { cva as vr } from "class-variance-authority";
+import { twMerge as br } from "tailwind-merge";
+class $e extends fe {
   constructor(r, e) {
     super(`Service '${r}' failed booting`, { cause: e });
   }
 }
-let Ee = null;
+let He = null;
 function Oe() {
-  return Ee ?? nr();
+  return He ?? yr();
 }
-function nr() {
-  return K(Rt(), (t) => {
-    Ee = t, Vt(t);
+function yr() {
+  return K(qt(), (t) => {
+    He = t, Dt(t);
   });
 }
-function ar() {
-  return Ee ?? Oe();
+function _r() {
+  return He ?? Oe();
 }
-function or(t, r) {
-  return Oe(), zt(t, r)();
+function wr(t, r) {
+  return Oe(), Ft(t, r)();
 }
-function ge(t) {
+function he(t) {
   var r;
-  return r = class extends ve {
+  return r = class extends ge {
     usesStore() {
       return !0;
     }
@@ -69,8 +69,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, _(r, "persist", t.persist ?? []), r;
 }
-var we;
-let ve = (we = class extends Ue {
+var _e;
+let ge = (_e = class extends Fe {
   constructor() {
     super();
     _(this, "_name");
@@ -79,7 +79,7 @@ let ve = (we = class extends Ue {
     _(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() && or(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new O(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && wr(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -92,7 +92,7 @@ let ve = (we = class extends Ue {
     return super.static(e);
   }
   launch() {
-    const e = (s) => this._booted.reject(new xe(this._name, s));
+    const e = (s) => this._booted.reject(new $e(this._name, s));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (s) {
@@ -101,7 +101,7 @@ let ve = (we = class extends Ue {
     return this._booted;
   }
   hasPersistedState() {
-    return U.has(this._name);
+    return D.has(this._name);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -113,14 +113,14 @@ let ve = (we = class extends Ue {
   setState(e, s) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: s } : e, a = re(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: s } : e, a = Y(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const s = Ge(e), n = re(this._store.$state, s);
-    _e(n) || this.onPersistentStateUpdated(n);
+    const s = Ue(e), n = Y(this._store.$state, s);
+    be(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -129,16 +129,16 @@ let ve = (we = class extends Ue {
     this.setState({ [e]: s });
   }
   onStateUpdated(e, s) {
-    const n = re(e, this.static("persist"));
-    _e(n) || this.onPersistentStateUpdated(n);
+    const n = Y(e, this.static("persist"));
+    be(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
-      const i = this._watchers[a];
-      !i || e[a] === s[a] || i.call(this, e[a], s[a]);
+      const o = this._watchers[a];
+      !o || e[a] === s[a] || o.call(this, e[a], s[a]);
     }
   }
   onPersistentStateUpdated(e) {
-    const s = U.get(this._name);
-    s && U.set(this._name, {
+    const s = D.get(this._name);
+    s && D.set(this._name, {
       ...s,
       ...this.serializePersistedState(St(e))
     });
@@ -170,25 +170,25 @@ let ve = (we = class extends Ue {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || _e(this.static("persist")))) {
-      if (U.has(this._name)) {
-        const e = U.require(this._name);
+    if (!(!this.usesStore() || be(this.static("persist")))) {
+      if (D.has(this._name)) {
+        const e = D.require(this._name);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      U.set(this._name, re(this.getState(), this.static("persist")));
+      D.set(this._name, Y(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : O(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
-}, _(we, "persist", []), we);
-const ia = {
+}, _(_e, "persist", []), _e);
+const oa = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class ir extends ve {
+class $r extends ge {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -199,72 +199,72 @@ class ir extends ve {
   async emit(e, s) {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
-    for (const i of n.priorities)
-      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((o) => o(s))) ?? []);
+    for (const o of n.priorities)
+      await Promise.all(((a = n.handlers[o]) == null ? void 0 : a.map((u) => u(s))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   on(e, s, n) {
-    const a = typeof s == "function" ? {} : typeof s == "number" ? { priority: s } : s, i = typeof s == "function" ? s : n;
-    return this.registerListener(e, a, i), () => this.off(e, i);
+    const a = typeof s == "function" ? {} : typeof s == "number" ? { priority: s } : s, o = typeof s == "function" ? s : n;
+    return this.registerListener(e, a, o), () => this.off(e, o);
   }
   // prettier-ignore
   /* eslint-enable max-len */
   once(e, s, n) {
     let a = null;
-    const i = typeof s == "function" ? {} : s, o = typeof s == "function" ? s : n;
+    const o = typeof s == "function" ? {} : s, u = typeof s == "function" ? s : n;
     return K(
       () => a && this.off(e, a),
-      (l) => {
-        a = (...p) => (l(), o(...p)), this.registerListener(e, i, o);
+      (c) => {
+        a = (...d) => (c(), u(...d)), this.registerListener(e, o, u);
       }
     );
   }
   off(e, s) {
-    var i;
+    var o;
     const n = this.listeners[e];
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const o of a)
-      $e(n.handlers[o] ?? [], s), ((i = n.handlers[o]) == null ? void 0 : i.length) === 0 && (delete n.handlers[o], $e(n.priorities, o));
+    for (const u of a)
+      we(n.handlers[u] ?? [], s), ((o = n.handlers[u]) == null ? void 0 : o.length) === 0 && (delete n.handlers[u], we(n.priorities, u));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, s, n) {
-    var l, p, w;
+    var c, d, b;
     const a = s.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
-    const i = ((l = this.listeners[e]) == null ? void 0 : l.priorities) ?? O(`priorities missing for event '${e}'`), o = ((p = this.listeners[e]) == null ? void 0 : p.handlers) ?? O(`handlers missing for event '${e}'`);
-    i.includes(a) || (i.push(a), i.sort((M, S) => S - M), o[a] = []), (w = o[a]) == null || w.push(n);
+    const o = ((c = this.listeners[e]) == null ? void 0 : c.priorities) ?? W(`priorities missing for event '${e}'`), u = ((d = this.listeners[e]) == null ? void 0 : d.handlers) ?? W(`handlers missing for event '${e}'`);
+    o.includes(a) || (o.push(a), o.sort(($, k) => k - $), u[a] = []), (b = u[a]) == null || b.push(n);
   }
 }
-const x = Q(ir), lr = ge({
+const S = J($r), xr = he({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: kt() ?? "development",
-    version: J.version,
-    sourceUrl: J.sourceUrl
+    environment: Mt() ?? "development",
+    version: Q.version,
+    sourceUrl: Q.sourceUrl
   },
   computed: {
     development: (t) => t.environment === "development",
     staging: (t) => t.environment === "staging",
     testing: (t) => t.environment === "test" || t.environment === "testing",
     versionName(t) {
-      return this.development ? "dev." + J.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + J.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+      return this.development ? "dev." + Q.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + Q.sourceHash.toString().substring(0, 7) : `v${t.version}`;
     },
     versionUrl(t) {
-      return t.sourceUrl + (this.development || this.staging ? `/tree/${J.sourceHash}` : `/releases/tag/${this.versionName}`);
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${Q.sourceHash}` : `/releases/tag/${this.versionName}`);
     }
   }
 });
-class cr extends lr {
+class Cr extends xr {
   constructor() {
     super(...arguments);
-    _(this, "name", J.name);
-    _(this, "ready", new W());
-    _(this, "mounted", new W());
+    _(this, "name", Q.name);
+    _(this, "ready", new O());
+    _(this, "mounted", new O());
   }
   isReady() {
     return this.ready.isResolved();
@@ -276,7 +276,7 @@ class cr extends lr {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Ct(e), location.reload(), await Mt();
+    e && Et(e), location.reload(), await Pt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -286,15 +286,15 @@ class cr extends lr {
     return ((s = this.instance) == null ? void 0 : s.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    x.once("application-ready", () => this.ready.resolve()), x.once("application-mounted", () => this.mounted.resolve());
+    S.once("application-ready", () => this.ready.resolve()), S.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const G = Q(cr);
-function la(t) {
+const F = J(Cr);
+function ia(t) {
   return t;
 }
-async function ur(t, ...r) {
-  G.setState(
+async function kr(t, ...r) {
+  F.setState(
     "plugins",
     t.reduce(
       (e, s) => (s.name && (e[s.name] = s), e),
@@ -302,29 +302,26 @@ async function ur(t, ...r) {
     )
   ), await Promise.all(t.map((e) => e.install(...r)) ?? []);
 }
-function dr(t) {
+function la(t) {
   return {
     type: Array,
     default: t ?? (() => [])
   };
 }
-function ca(t = !1) {
+function ua(t = !1) {
   return {
     type: Boolean,
     default: t
   };
 }
-function Pe() {
-  return I();
-}
-function ua(t) {
-  const r = I(), e = d(t);
-  return Se(e, async () => r.value = await e.value, { immediate: !0 }), r;
+function ca(t) {
+  const r = H(), e = p(t);
+  return ke(e, async () => r.value = await e.value, { immediate: !0 }), r;
 }
 function da(t) {
   return t;
 }
-function pr(t, r) {
+function pa(t, r) {
   const e = Object.values(t);
   return {
     type: String,
@@ -332,47 +329,47 @@ function pr(t, r) {
     validator: (s) => e.includes(s)
   };
 }
-function mr(t) {
-  const r = X(t);
-  return r ? ue(r) : void 0;
+function Sr(t) {
+  const r = se(t);
+  return r ? oe(r) : void 0;
 }
-function z(t, r) {
-  return mr(t) ?? O(r ?? `Could not resolve '${V(t)}' injection key`);
+function j(t, r) {
+  return Sr(t) ?? W(r ?? `Could not resolve '${z(t)}' injection key`);
 }
-function pa(t, r) {
-  return X(t) ?? O(r ?? `Could not resolve '${V(t)}' injection key`);
+function ma(t, r) {
+  return se(t) ?? W(r ?? `Could not resolve '${z(t)}' injection key`);
 }
-function ma() {
+function fa() {
   return {
     type: Function,
     default: null
   };
 }
-function Ke(t, r) {
+function ha(t, r) {
   return {
     type: t,
     default: r ?? null
   };
 }
-function fa(t = null) {
+function ga(t = null) {
   return {
     type: Number,
     default: t
   };
 }
-function ha(t = null) {
+function va(t = null) {
   return {
     type: Object,
     default: t
   };
 }
-function fr() {
+function ba() {
   return {
     type: Array,
     required: !0
   };
 }
-function ga(t) {
+function ya(t) {
   const r = Object.values(t);
   return {
     type: String,
@@ -380,37 +377,37 @@ function ga(t) {
     validator: (e) => r.includes(e)
   };
 }
-function hr(t) {
+function _a(t) {
   return {
     type: t,
     required: !0
   };
 }
-function va() {
+function wa() {
   return {
     type: Number,
     required: !0
   };
 }
-function gr() {
+function $a() {
   return {
     type: Object,
     required: !0
   };
 }
-function Te() {
+function xa() {
   return {
     type: String,
     required: !0
   };
 }
-function R(t = null) {
+function Ca(t = null) {
   return {
     type: String,
     default: t
   };
 }
-const ye = /* @__PURE__ */ new WeakMap(), vr = {
+const ye = /* @__PURE__ */ new WeakMap(), Mr = {
   mounted(t, { value: r }) {
     const e = typeof r == "function" ? r : null, s = () => {
       const n = t.getBoundingClientRect();
@@ -422,19 +419,19 @@ const ye = /* @__PURE__ */ new WeakMap(), vr = {
     var r;
     (r = ye.get(t)) == null || r.unobserve(t), ye.delete(t);
   }
-}, br = {
-  measure: vr
-}, _r = {
+}, Er = {
+  measure: Mr
+}, Pr = {
   install(t, r) {
     const e = {
-      ...br,
+      ...Er,
       ...r.directives
     };
     for (const [s, n] of Object.entries(e))
       t.directive(s, n);
   }
 };
-class yr extends ve {
+class Hr extends ge {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -450,82 +447,82 @@ class yr extends ve {
     (await n.keys(e)).length !== 0 && await n.put(e, s);
   }
   async open() {
-    return this.cache = this.cache ?? K(new W(), (e) => {
+    return this.cache = this.cache ?? K(new O(), (e) => {
       caches.open("app").then((s) => e.resolve(s));
     });
   }
 }
-const ba = Q(yr);
-class wr extends ve {
+const ka = J(Hr);
+class Ir extends ge {
   async purge() {
-    await x.emit("purge-storage");
+    await S.emit("purge-storage");
   }
 }
-const $r = Q(wr);
-function _a(t, r) {
+const Lr = J(Ir);
+function Sa(t, r) {
   return {
     ...t,
-    ...re(r, Object.keys(t))
+    ...Y(r, Object.keys(t))
   };
 }
-const xr = {
-  $app: G,
-  $events: x,
-  $storage: $r
+const Tr = {
+  $app: F,
+  $events: S,
+  $storage: Lr
 };
-async function be(t, r) {
+async function ve(t, r) {
   await Promise.all(
     Object.entries(r).map(async ([e, s]) => {
       await s.launch().catch((n) => {
-        var a, i;
-        return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
+        var a, o;
+        return (o = (a = t.config).errorHandler) == null ? void 0 : o.call(a, n, null, `Failed launching ${e}.`);
       });
     })
-  ), Object.assign(t.config.globalProperties, r), (Z() || Me()) && Object.assign(globalThis, r);
+  ), Object.assign(t.config.globalProperties, r), (G() || Pe()) && Object.assign(globalThis, r);
 }
-const Sr = {
+const Vr = {
   async install(t, r) {
     const e = {
-      ...xr,
+      ...Tr,
       ...r.services
     };
-    t.use(ar()), await be(t, e);
+    t.use(_r()), await ve(t, e);
   }
-}, Qe = 768, me = {
+}, We = 768, le = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function Je() {
-  return globalThis.innerWidth > Qe ? me.Desktop : me.Mobile;
+function Ke() {
+  return globalThis.innerWidth > We ? le.Desktop : le.Mobile;
 }
-const kr = ge({
+const jr = he({
   name: "ui",
   initialState: {
     modals: [],
-    snackbars: [],
-    layout: Je()
+    toasts: [],
+    layout: Ke()
   },
   computed: {
-    mobile: ({ layout: t }) => t === me.Mobile,
-    desktop: ({ layout: t }) => t === me.Desktop
+    mobile: ({ layout: t }) => t === le.Mobile,
+    desktop: ({ layout: t }) => t === le.Desktop
   }
-}), C = {
+}), E = {
   AlertModal: "alert-modal",
   ConfirmModal: "confirm-modal",
   ErrorReportModal: "error-report-modal",
   LoadingModal: "loading-modal",
   PromptModal: "prompt-modal",
-  Snackbar: "snackbar",
+  Toast: "toast",
   StartupCrash: "startup-crash"
 };
-class Cr extends kr {
+class Ar extends jr {
   constructor() {
     super(...arguments);
     _(this, "modalCallbacks", {});
     _(this, "components", {});
   }
   requireComponent(e) {
-    return this.components[e] ?? O(`UI Component '${e}' is not defined!`);
+    return this.components[e] ?? W(`UI Component '${e}' is not defined!`);
   }
   alert(e, s) {
     const n = () => typeof s != "string" ? { message: e } : {
@@ -533,14 +530,14 @@ class Cr extends kr {
       message: s
     };
     this.openModal(
-      this.requireComponent(C.AlertModal),
+      this.requireComponent(E.AlertModal),
       n()
     );
   }
   // prettier-ignore
   /* eslint-enable max-len */
   async confirm(e, s, n) {
-    const i = typeof s != "string" ? {
+    const o = typeof s != "string" ? {
       ...s ?? {},
       message: e,
       required: !!(s != null && s.required)
@@ -549,127 +546,121 @@ class Cr extends kr {
       title: e,
       message: s,
       required: !!(n != null && n.required)
-    }, l = await (await this.openModal(
-      this.requireComponent(C.ConfirmModal),
-      i
-    )).beforeClose, p = typeof l == "object" ? l[0] : l ?? !1, w = typeof l == "object" ? l[1] : Object.entries(i.checkboxes ?? {}).reduce(
-      (M, [S, { default: D }]) => ({
-        [S]: D ?? !1,
-        ...M
+    }, c = await (await this.openModal(
+      this.requireComponent(E.ConfirmModal),
+      o
+    )).beforeClose, d = typeof c == "object" ? c[0] : c ?? !1, b = typeof c == "object" ? c[1] : Object.entries(o.checkboxes ?? {}).reduce(
+      ($, [k, { default: N }]) => ({
+        [k]: N ?? !1,
+        ...$
       }),
       {}
     );
-    for (const [M, S] of Object.entries(i.checkboxes ?? {}))
-      if (!(!S.required || w[M]))
-        return p && Z() && console.warn(`Confirmed confirm modal was suppressed because required '${M}' checkbox was missing`), [!1, w];
-    return "checkboxes" in i ? [p, w] : p;
+    for (const [$, k] of Object.entries(o.checkboxes ?? {}))
+      if (!(!k.required || b[$]))
+        return d && G() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, b];
+    return "checkboxes" in o ? [d, b] : d;
   }
   async prompt(e, s, n) {
-    const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof s != "string" ? {
+    const a = (n == null ? void 0 : n.trim) ?? !0, o = () => typeof s != "string" ? {
       message: e,
       ...s ?? {}
     } : {
       title: e,
       message: s,
       ...n ?? {}
-    }, l = await (await this.openModal(
-      this.requireComponent(C.PromptModal),
-      i()
+    }, c = await (await this.openModal(
+      this.requireComponent(E.PromptModal),
+      o()
     )).beforeClose;
-    return (a && typeof l == "string" ? l == null ? void 0 : l.trim() : l) ?? null;
+    return (a && typeof c == "string" ? c == null ? void 0 : c.trim() : c) ?? null;
   }
   async loading(e, s) {
-    const n = (p) => typeof p == "function" ? Promise.resolve(p()) : p, a = () => typeof e == "string" ? {
+    const n = (d) => typeof d == "function" ? Promise.resolve(d()) : d, a = () => typeof e == "string" ? {
       props: { message: e },
       operationPromise: n(s)
     } : typeof e == "function" || e instanceof Promise ? { operationPromise: n(e) } : {
       props: e,
       operationPromise: n(s)
-    }, { operationPromise: i, props: o } = a(), l = await this.openModal(this.requireComponent(C.LoadingModal), o);
+    }, { operationPromise: o, props: u } = a(), c = await this.openModal(this.requireComponent(E.LoadingModal), u);
     try {
-      const p = await i;
-      return await He({ ms: 500 }), p;
+      const d = await o;
+      return await Ve({ ms: 500 }), d;
     } finally {
-      await this.closeModal(l.id);
+      await this.closeModal(c.id);
     }
   }
-  showSnackbar(e, s = {}) {
-    const n = {
-      id: de(),
-      properties: { message: e, ...s },
-      component: Ie(s.component ?? this.requireComponent(C.Snackbar))
+  toast(e, s = {}) {
+    const { component: n, ...a } = s, o = {
+      id: te(),
+      properties: { message: e, ...a },
+      component: Le(n ?? this.requireComponent(E.Toast))
     };
-    this.setState("snackbars", this.snackbars.concat(n)), setTimeout(() => this.hideSnackbar(n.id), 5e3);
-  }
-  hideSnackbar(e) {
-    this.setState(
-      "snackbars",
-      this.snackbars.filter((s) => s.id !== e)
-    );
+    this.setState("toasts", this.toasts.concat(o));
   }
   registerComponent(e, s) {
     this.components[e] = s;
   }
   async openModal(e, s) {
-    const n = de(), a = {}, i = {
+    const n = te(), a = {}, o = {
       id: n,
       properties: s ?? {},
-      component: Ie(e),
-      beforeClose: new Promise((p) => a.willClose = p),
-      afterClose: new Promise((p) => a.closed = p)
-    }, o = this.modals.at(-1), l = this.modals.concat(i);
-    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), await Ve(), await (o && x.emit("hide-modal", { id: o.id })), await Promise.all([
-      o || x.emit("show-overlays-backdrop"),
-      x.emit("show-modal", { id: i.id })
-    ]), i;
+      component: Le(e),
+      beforeClose: new Promise((d) => a.willClose = d),
+      afterClose: new Promise((d) => a.closed = d)
+    }, u = this.modals.at(-1), c = this.modals.concat(o);
+    return this.modalCallbacks[o.id] = a, this.setState({ modals: c }), await ze(), await (u && S.emit("hide-modal", { id: u.id })), await Promise.all([
+      u || S.emit("show-overlays-backdrop"),
+      S.emit("show-modal", { id: o.id })
+    ]), o;
   }
   async closeModal(e, s) {
-    if (!G.isMounted()) {
+    if (!F.isMounted()) {
       await this.removeModal(e, s);
       return;
     }
-    await x.emit("close-modal", { id: e, result: s });
+    await S.emit("close-modal", { id: e, result: s });
   }
   async closeAllModals() {
     for (; this.modals.length > 0; )
-      await this.closeModal(Et(this.modals[this.modals.length - 1]).id);
+      await this.closeModal(Ht(this.modals[this.modals.length - 1]).id);
   }
   async boot() {
     this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
   }
   async removeModal(e, s) {
-    var a, i;
+    var a, o;
     this.setState(
       "modals",
-      this.modals.filter((o) => o.id !== e)
-    ), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.closed) == null || i.call(a, s), delete this.modalCallbacks[e];
+      this.modals.filter((u) => u.id !== e)
+    ), (o = (a = this.modalCallbacks[e]) == null ? void 0 : a.closed) == null || o.call(a, s), delete this.modalCallbacks[e];
     const n = this.modals.at(-1);
-    await (n && x.emit("show-modal", { id: n.id }));
+    await (n && S.emit("show-modal", { id: n.id }));
   }
   watchModalEvents() {
-    x.on("modal-will-close", ({ modal: e, result: s }) => {
+    S.on("modal-will-close", ({ modal: e, result: s }) => {
       var n, a;
-      (a = (n = this.modalCallbacks[e.id]) == null ? void 0 : n.willClose) == null || a.call(n, s), this.modals.length === 1 && x.emit("hide-overlays-backdrop");
-    }), x.on("modal-closed", async ({ modal: { id: e }, result: s }) => {
+      (a = (n = this.modalCallbacks[e.id]) == null ? void 0 : n.willClose) == null || a.call(n, s), this.modals.length === 1 && S.emit("hide-overlays-backdrop");
+    }), S.on("modal-closed", async ({ modal: { id: e }, result: s }) => {
       await this.removeModal(e, s);
     });
   }
   watchMountedEvent() {
-    x.once("application-mounted", async () => {
+    S.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 He({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await Ve({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${Qe}px)`).addEventListener("change", () => this.setState({ layout: Je() }));
+    globalThis.matchMedia(`(min-width: ${We}px)`).addEventListener("change", () => this.setState({ layout: Ke() }));
   }
 }
-const P = Q(Cr);
-class Mr {
+const L = J(Ar);
+class Rr {
   constructor(r, e) {
     this.locale = r, this.fallbackLocale = e;
   }
@@ -689,13 +680,13 @@ class Mr {
     return ["en"];
   }
   translate(r) {
-    return Z() && console.warn("Lang provider is missing"), r;
+    return G() && console.warn("Lang provider is missing"), r;
   }
   translateWithDefault(r, e) {
-    return Z() && console.warn("Lang provider is missing"), e;
+    return G() && console.warn("Lang provider is missing"), e;
   }
 }
-const Er = ge({
+const zr = he({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -704,11 +695,11 @@ const Er = ge({
     fallbackLocale: "en"
   }
 });
-class Pr extends Er {
+class Br extends zr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new Mr(
+    this.provider = new Rr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -736,12 +727,7 @@ class Pr extends Er {
     );
   }
 }
-const ne = Q(Pr), Ze = ne.translate.bind(ne), $ = ne.translateWithDefault.bind(ne), ae = {
-  Primary: "primary",
-  Secondary: "secondary",
-  Danger: "danger",
-  Clear: "clear"
-}, Ir = ge({
+const re = J(Br), Je = re.translate.bind(re), C = re.translateWithDefault.bind(re), qr = he({
   name: "errors",
   initialState: {
     logs: [],
@@ -753,7 +739,7 @@ const ne = Q(Pr), Ze = ne.translate.bind(ne), $ = ne.translateWithDefault.bind(n
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Ar extends Ir {
+class Dr extends qr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
@@ -768,19 +754,19 @@ class Ar extends Ir {
   async inspect(e) {
     const s = Array.isArray(e) ? e : [await this.createErrorReport(e)];
     if (s.length === 0) {
-      P.alert($("errors.inspectEmpty", "Nothing to inspect!"));
+      L.alert(C("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
-    P.openModal(P.requireComponent(C.ErrorReportModal), {
+    L.openModal(L.requireComponent(E.ErrorReportModal), {
       reports: s
     });
   }
   async report(e, s) {
-    if (await x.emit("error", { error: e, message: s }), Me("unit") || (Z() && this.logError(e), !this.enabled))
+    if (await S.emit("error", { error: e, message: s }), Pe("unit") || (G() && this.logError(e), !this.enabled))
       throw e;
-    if (!G.isMounted()) {
-      const i = await this.createStartupErrorReport(e);
-      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
+    if (!F.isMounted()) {
+      const o = await this.createStartupErrorReport(e);
+      o && this.setState({ startupErrors: this.startupErrors.concat(o) });
       return;
     }
     const n = await this.createErrorReport(e), a = {
@@ -788,16 +774,16 @@ class Ar extends Ir {
       seen: !1,
       date: /* @__PURE__ */ new Date()
     };
-    P.showSnackbar(
-      s ?? $("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+    L.toast(
+      s ?? C("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
-        color: ae.Danger,
+        variant: "danger",
         actions: [
           {
-            text: $("errors.viewDetails", "View details"),
+            label: C("errors.viewDetails", "View details"),
             dismiss: !0,
-            handler: () => P.openModal(
-              P.requireComponent(C.ErrorReportModal),
+            click: () => L.openModal(
+              L.requireComponent(E.ErrorReportModal),
               { reports: [n] }
             )
           }
@@ -822,24 +808,24 @@ class Ar extends Ir {
     });
   }
   logError(e) {
-    console.error(e), pe(e) && e.cause && this.logError(e.cause);
+    console.error(e), ie(e) && e.cause && this.logError(e.cause);
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof he ? this.createErrorReportFromError(e) : pe(e) ? Ne({
-      title: V(
-        e.name ?? e.title ?? $("errors.unknown", "Unknown Error")
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof fe ? this.createErrorReportFromError(e) : ie(e) ? Ne({
+      title: z(
+        e.name ?? e.title ?? C("errors.unknown", "Unknown Error")
       ),
-      description: V(
-        e.message ?? e.description ?? $("errors.unknownDescription", "Unknown error object")
+      description: z(
+        e.message ?? e.description ?? C("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: $("errors.unknown", "Unknown Error"),
+      title: C("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof xe ? e.cause instanceof xe ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof $e ? e.cause instanceof $e ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, s = {}) {
     return {
@@ -851,67 +837,120 @@ class Ar extends Ir {
     };
   }
 }
-const Xe = Q(Ar), Ye = [];
-function ya(t) {
-  Ye.push(t);
+const Qe = J(Dr), Ge = [];
+function Ma(t) {
+  Ge.push(t);
 }
-function Hr(t) {
-  for (const r of Ye) {
+function Fr(t) {
+  for (const r of Ge) {
     const e = r(t);
     if (e)
       return e;
   }
-  return typeof t == "string" ? t : t instanceof Error || t instanceof he ? t.message : pe(t) ? V(t.message ?? t.description ?? "Unknown error object") : $("errors.unknown", "Unknown Error");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof fe ? t.message : ie(t) ? z(t.message ?? t.description ?? "Unknown error object") : C("errors.unknown", "Unknown Error");
 }
-class je extends he {
+class Ae extends fe {
 }
-const Lr = { $errors: Xe }, Tr = (t) => (Xe.report(t), !0);
-function jr(t, r = () => !1) {
-  const e = (s) => r(s) || Tr(s);
-  t.config.errorHandler = e, globalThis.onerror = (s, n, a, i, o) => e(o ?? s), globalThis.onunhandledrejection = (s) => e(s.reason);
+const Ur = { $errors: Qe }, Nr = (t) => (Qe.report(t), !0);
+function Or(t, r = () => !1) {
+  const e = (s) => r(s) || Nr(s);
+  t.config.errorHandler = e, globalThis.onerror = (s, n, a, o, u) => e(u ?? s), globalThis.onunhandledrejection = (s) => e(s.reason);
 }
-const Rr = {
+const Wr = {
   async install(t, r) {
-    jr(t, r.handleError), await be(t, Lr);
+    Or(t, r.handleError), await ve(t, Ur);
   }
-}, Vr = { $lang: ne }, zr = {
+}, Kr = { $lang: re }, Jr = {
   async install(t) {
     var r;
-    (r = t.config.globalProperties).$t ?? (r.$t = Ze), t.config.globalProperties.$td = $, await be(t, Vr);
+    (r = t.config.globalProperties).$t ?? (r.$t = Je), t.config.globalProperties.$td = C, await ve(t, Kr);
   }
-}, qr = {
+}, Qr = {
   async install() {
-    Me() && (globalThis.testingRuntime = {
-      on: (...t) => x.on(...t)
+    Pe() && (globalThis.testingRuntime = {
+      on: (...t) => S.on(...t)
     });
   }
-}, Br = { class: "pointer-events-auto" }, Dr = /* @__PURE__ */ h({
-  __name: "AGHeadlessSnackbar",
-  setup(t) {
-    return (r, e) => (u(), b("div", Br, [
-      y(r.$slots, "default")
-    ]));
-  }
-}), Fr = We(ae, ["Primary", "Clear"]), Ur = {
-  id: Te(),
-  message: Te(),
-  actions: dr(() => []),
-  color: pr(Fr, ae.Secondary)
+}, Gr = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
 };
-function Gr() {
-  return Ur;
+function Zr(t, r) {
+  return l(), v("svg", Gr, r[0] || (r[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)
+  ]));
 }
-function Nr(t) {
-  function r(e) {
-    var s;
-    (s = e.handler) == null || s.call(e), e.dismiss && P.hideSnackbar(t.id);
-  }
-  return { activate: r };
+const Xr = { name: "zondicons-close", render: Zr };
+function Yr() {
+  return K(new je(), (t) => {
+    t.link = function(r) {
+      return je.prototype.link.apply(this, [r]).replace("<a", '<a target="_blank"');
+    };
+  });
+}
+function es(t) {
+  const r = It(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, s, n] of r)
+    t = t.replace(e, `<button type="button" data-markdown-action="${s}">${n}</button>`);
+  return t;
+}
+function ts(t) {
+  let r = Nt(t, { renderer: Yr(), async: !1 });
+  return r = rs(r), r = es(r), r;
+}
+function rs(t) {
+  return Ut.sanitize(t, { ADD_ATTR: ["target"] });
+}
+function ss(t) {
+  return Object.entries(t.props ?? {}).reduce((r, [e, s]) => r + `${e}="${z(s)}"`, "");
+}
+function Ze(t) {
+  return typeof t == "string" ? t : t.type === ht ? "" : t.type === gt || t.type === vt ? t.children : t.type === "br" ? `
+
+` : `<${t.type} ${ss(t)}>${Array.from(t.children).map(Ze).join("")}</${t.type}>`;
 }
-const Wr = /* @__PURE__ */ h({
+const R = /* @__PURE__ */ g({
+  __name: "Markdown",
+  props: {
+    as: {},
+    inline: { type: Boolean },
+    langKey: {},
+    langParams: {},
+    langDefault: {},
+    text: {},
+    actions: {}
+  },
+  setup(t) {
+    const r = Be(), e = Se(), s = p(() => e.default ? e.default().map(Ze).join("") : t.text ?? (t.langKey && (t.langDefault ? C(t.langKey, t.langDefault, t.langParams ?? {}) : Je(t.langKey, t.langParams ?? {})))), n = p(() => {
+      if (!s.value)
+        return null;
+      let u = ts(s.value);
+      return t.inline && (u = u.replace("<p>", "<span>").replace("</p>", "</span>")), u;
+    }), a = () => bt(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: n.value,
+      onClick: o,
+      ...r,
+      class: `${r.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function o(u) {
+      var d, b;
+      const { target: c } = u;
+      if (Lt(c, HTMLElement) && c.dataset.markdownAction) {
+        (b = (d = t.actions) == null ? void 0 : d[c.dataset.markdownAction]) == null || b.call(d);
+        return;
+      }
+    }
+    return (u, c) => (l(), h(a));
+  }
+}), ns = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
+    disabled: { type: Boolean },
     href: {},
     route: {},
     routeParams: {},
@@ -923,7 +962,7 @@ const Wr = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const r = d(() => t.as ? { as: t.as } : t.route ? {
+    const r = p(() => t.as ? { as: t.as } : t.route ? {
       as: "router-link",
       to: Ne({
         name: t.route,
@@ -938,49 +977,45 @@ const Wr = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, s) => (u(), g(c(qt), A({
+    return (e, s) => (l(), h(i(Ot), I({
       class: t.class,
-      "as-child": e.asChild
+      "as-child": e.asChild,
+      disabled: e.disabled
     }, r.value), {
       default: f(() => [
-        y(e.$slots, "default")
+        w(e.$slots, "default")
       ]),
       _: 3
-    }, 16, ["class", "as-child"]));
+    }, 16, ["class", "as-child", "disabled"]));
   }
 });
-function Or(t, r) {
-  return d(() => {
-    const { baseClasses: e, ...s } = t, { baseClasses: n, ...a } = r, i = er(n, a), o = Object.entries(s).reduce((l, [p, w]) => (l[p] = c(w), l), {});
-    return N(i(o), c(e));
+function Xe(t, r) {
+  return p(() => {
+    const { baseClasses: e, ...s } = t, { baseClasses: n, ...a } = r, o = vr(n, a), u = Object.entries(s).reduce((c, [d, b]) => (c[d] = i(b), c), {});
+    return T(o(u), i(e));
   });
 }
-function N(...t) {
-  return tr(Yt(t));
-}
-function Kr(t, r) {
-  return Object.keys(r).reduce(
-    (e, s) => (e[s] = t[s], e),
-    {}
-  );
+function T(...t) {
+  return br(gr(t));
 }
-function Qr(t) {
+function as(t) {
   if (t instanceof HTMLElement)
     return t;
-  if (Jr(t))
+  if (os(t))
     return t.$el;
 }
-function Jr(t) {
-  return pe(t) && "$el" in t;
+function os(t) {
+  return ie(t) && "$el" in t;
 }
-function et(t, r) {
-  const e = X("form", null), s = e == null ? void 0 : e.on("focus", (n) => t.name === n && r());
-  oe(() => s == null ? void 0 : s());
+function Ye(t, r) {
+  const e = se("form", null), s = e == null ? void 0 : e.on("focus", (n) => t.name === n && r());
+  ue(() => s == null ? void 0 : s());
 }
-const L = /* @__PURE__ */ h({
+const V = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
+    disabled: { type: Boolean },
     href: {},
     route: {},
     routeParams: {},
@@ -992,24 +1027,28 @@ const L = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const r = Y(t, ["class", "size", "variant"]), e = Or(
-      { baseClasses: t.class, variant: t.variant, size: t.size },
+    const r = Z(t, ["class", "size", "variant", "disabled"]), e = Xe(
+      { 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",
+        baseClasses: "flex items-center justify-center gap-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
         variants: {
           variant: {
-            default: "bg-primary text-white hover:bg-primary/90 focus-visible:outline-primary",
-            secondary: "bg-background text-gray-900 ring-gray-300 hover:bg-accent",
-            danger: "bg-danger text-white hover:bg-danger/80 focus-visible:outline-danger",
-            ghost: "bg-background hover:bg-accent",
-            outline: "bg-background text-primary ring-primary hover:bg-accent",
-            link: "text-primary hover:underline"
+            default: "bg-primary text-white focus-visible:outline-primary",
+            secondary: "bg-background text-gray-900 ring-gray-300",
+            danger: "bg-danger text-white focus-visible:outline-danger",
+            ghost: "bg-transparent",
+            outline: "bg-transparent text-primary ring-primary",
+            link: "text-primary"
           },
           size: {
-            small: "rounded px-2 py-1 text-xs",
-            default: "rounded-md px-2.5 py-1.5 text-sm",
-            large: "rounded-md px-3 py-2 text-base",
+            small: "text-xs",
+            default: "text-sm",
+            large: "text-base",
             icon: "rounded-full p-2.5"
+          },
+          disabled: {
+            false: null,
+            true: "opacity-50 cursor-not-allowed"
           }
         },
         compoundVariants: [
@@ -1024,212 +1063,104 @@ const L = /* @__PURE__ */ h({
           {
             variant: ["secondary", "outline"],
             class: "ring-1 ring-inset"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "small",
+            class: "rounded px-2 py-1"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "default",
+            class: "rounded-md px-2.5 py-1.5"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "large",
+            class: "rounded-md px-3 py-2"
+          },
+          {
+            variant: "default",
+            disabled: !1,
+            class: "hover:bg-primary/90"
+          },
+          {
+            variant: ["secondary", "ghost", "outline"],
+            disabled: !1,
+            class: "hover:bg-accent"
+          },
+          {
+            variant: "danger",
+            disabled: !1,
+            class: "hover:bg-danger/80"
+          },
+          {
+            variant: "link",
+            disabled: !1,
+            class: "hover:underline"
           }
         ],
         defaultVariants: {
           variant: "default",
-          size: "default"
+          size: "default",
+          disabled: !1
         }
       }
     );
-    return (s, n) => (u(), g(Wr, A({ class: c(e) }, r), {
+    return (s, n) => (l(), h(ns, I({
+      class: i(e),
+      disabled: s.disabled
+    }, r), {
       default: f(() => [
-        y(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 16, ["class", "disabled"]));
   }
 });
-function Zr() {
-  return K(new Le(), (t) => {
-    t.link = function(r) {
-      return Le.prototype.link.apply(this, [r]).replace("<a", '<a target="_blank"');
-    };
-  });
-}
-function Xr(t) {
-  const r = Pt(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
-  for (const [e, s, n] of r)
-    t = t.replace(e, `<button type="button" data-markdown-action="${s}">${n}</button>`);
-  return t;
-}
-function Yr(t) {
-  let r = sr(t, { renderer: Zr(), async: !1 });
-  return r = es(r), r = Xr(r), r;
-}
-function es(t) {
-  return rr.sanitize(t, { ADD_ATTR: ["target"] });
-}
-function ts(t) {
-  return Object.entries(t.props ?? {}).reduce((r, [e, s]) => r + `${e}="${V(s)}"`, "");
-}
-function tt(t) {
-  return typeof t == "string" ? t : t.type === pt ? "" : t.type === mt || t.type === ft ? t.children : t.type === "br" ? `
-
-` : `<${t.type} ${ts(t)}>${Array.from(t.children).map(tt).join("")}</${t.type}>`;
-}
-const T = /* @__PURE__ */ h({
-  __name: "Markdown",
-  props: {
-    as: {},
-    inline: { type: Boolean },
-    langKey: {},
-    langParams: {},
-    text: {},
-    actions: {}
-  },
-  setup(t) {
-    const r = ze(), e = qe(), s = d(() => e.default ? e.default().map(tt).join("") : t.text ?? (t.langKey && Ze(t.langKey, t.langParams ?? {}))), n = d(() => {
-      if (!s.value)
-        return null;
-      let o = Yr(s.value);
-      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => ht(t.as ?? (t.inline ? "span" : "div"), {
-      innerHTML: n.value,
-      onClick: i,
-      ...r,
-      class: `${r.class ?? ""} ${t.inline ? "" : "prose"}`
-    });
-    async function i(o) {
-      var p, w;
-      const { target: l } = o;
-      if (It(l, HTMLElement) && l.dataset.markdownAction) {
-        (w = (p = t.actions) == null ? void 0 : p[l.dataset.markdownAction]) == null || w.call(p);
-        return;
-      }
-    }
-    return (o, l) => (u(), g(a));
-  }
-}), rs = /* @__PURE__ */ h({
-  __name: "AGSnackbar",
-  props: Gr(),
-  setup(t) {
-    const r = t, { activate: e } = Nr(r), s = d(() => {
-      switch (r.color) {
-        case ae.Danger:
-          return "bg-red-200 text-red-900";
-        default:
-        case ae.Secondary:
-          return "bg-gray-900 text-white";
-      }
-    }), n = d(() => r.color);
-    return (a, i) => (u(), g(Dr, {
-      class: H(["flex flex-row items-center justify-center gap-3 p-4", s.value])
-    }, {
-      default: f(() => [
-        m(T, {
-          text: a.message,
-          inline: ""
-        }, null, 8, ["text"]),
-        (u(!0), b(ee, null, ie(a.actions, (o, l) => (u(), g(L, {
-          key: l,
-          variant: n.value,
-          onClick: (p) => c(e)(o)
-        }, {
-          default: f(() => [
-            B(k(o.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["variant", "onClick"]))), 128))
-      ]),
-      _: 1
-    }, 8, ["class"]));
-  }
-}), ss = { class: "grid grow place-items-center" }, ns = { class: "flex flex-col items-center space-y-6 p-8" }, as = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, os = { class: "mt-4 flex flex-col space-y-4" }, is = /* @__PURE__ */ h({
-  __name: "AGStartupCrash",
-  setup(t) {
-    return (r, e) => (u(), b("div", ss, [
-      v("div", ns, [
-        v("h1", as, k(r.$td("startupCrash.title", "Something went wrong!")), 1),
-        m(T, {
-          text: r.$td(
-            "startupCrash.message",
-            `Something failed trying to start the application.
-
-Here's some things you can do:`
-          ),
-          class: "mt-4 text-center"
-        }, null, 8, ["text"]),
-        v("div", os, [
-          m(L, {
-            variant: "danger",
-            onClick: e[0] || (e[0] = (s) => r.$app.reload())
-          }, {
-            default: f(() => [
-              B(k(r.$td("startupCrash.reload", "Try again")), 1)
-            ]),
-            _: 1
-          }),
-          m(L, {
-            variant: "danger",
-            onClick: e[1] || (e[1] = (s) => r.$errors.inspect(r.$errors.startupErrors))
-          }, {
-            default: f(() => [
-              B(k(r.$td("startupCrash.inspect", "View error details")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ])
-    ]));
-  }
-}), ls = {
-  viewBox: "0 0 20 20",
-  width: "1.2em",
-  height: "1.2em"
-};
-function cs(t, r) {
-  return u(), b("svg", ls, r[0] || (r[0] = [
-    v("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 us = { name: "zondicons-close", render: cs };
-function se(t, r) {
-  const e = x.on(t, r);
-  oe(() => e());
+function ee(t, r) {
+  const e = S.on(t, r);
+  ue(() => e());
 }
-const ds = /* @__PURE__ */ h({
+const is = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
     title: {},
     description: {}
   },
-  setup(t) {
-    const r = I(null), e = I(!0), s = I(!1), { modal: n } = z(
+  setup(t, { expose: r }) {
+    const e = H(null), s = H(!0), n = H(!1), { modal: a } = j(
       "modal",
       "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
     );
-    async function a() {
-      var l;
-      (l = r.value) != null && l.$el && (e.value = !0);
+    async function o() {
+      var d;
+      (d = e.value) != null && d.$el && (s.value = !0);
     }
-    async function i() {
-      var l;
-      (l = r.value) != null && l.$el && (e.value = !1);
+    async function u() {
+      var d;
+      (d = e.value) != null && d.$el && (s.value = !1);
     }
-    async function o(l) {
-      s.value || (x.emit("modal-will-close", { modal: n, result: l }), await a(), s.value = !0, x.emit("modal-closed", { modal: n, result: l }));
+    async function c(d) {
+      n.value || (S.emit("modal-will-close", { modal: a, result: d }), await o(), n.value = !0, S.emit("modal-closed", { modal: a, result: d }));
     }
-    return se("close-modal", async ({ id: l, result: p }) => {
-      l === n.id && await o(p);
-    }), se("hide-modal", async ({ id: l }) => {
-      l === n.id && await a();
-    }), se("show-modal", async ({ id: l }) => {
-      l === n.id && await i();
-    }), (l, p) => (u(), g(c(Bt), {
+    return ee("close-modal", async ({ id: d, result: b }) => {
+      d === a.id && await c(b);
+    }), ee("hide-modal", async ({ id: d }) => {
+      d === a.id && await o();
+    }), ee("show-modal", async ({ id: d }) => {
+      d === a.id && await u();
+    }), r({ close: c }), (d, b) => (l(), h(i(Wt), {
       ref_key: "$root",
-      ref: r,
-      open: !0,
-      "onUpdate:open": p[0] || (p[0] = (w) => l.persistent || o())
+      ref: e,
+      open: "",
+      "onUpdate:open": b[0] || (b[0] = ($) => d.persistent || c())
     }, {
       default: f(() => [
-        m(c(Dt), null, {
+        m(i(Kt), null, {
           default: f(() => [
-            y(l.$slots, "default", { close: o })
+            w(d.$slots, "default", { close: c })
           ]),
           _: 3
         })
@@ -1237,44 +1168,44 @@ const ds = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), rt = /* @__PURE__ */ h({
+}), et = /* @__PURE__ */ g({
   __name: "ModalContext",
   props: {
     modal: {},
     childIndex: {}
   },
   setup(t) {
-    const r = t, e = d(() => {
+    const r = t, e = p(() => {
       const s = {};
       for (const n in r.modal.properties)
-        s[n] = c(r.modal.properties[n]);
+        s[n] = i(r.modal.properties[n]);
       return s;
     });
-    return fe("modal", {
-      modal: Ae(r, "modal"),
-      childIndex: Ae(r, "childIndex")
-    }), (s, n) => (u(), g(te(s.modal.component), ke(Ce(e.value)), null, 16));
+    return ce("modal", {
+      modal: Te(r, "modal"),
+      childIndex: Te(r, "childIndex")
+    }), (s, n) => (l(), h(X(s.modal.component), de(pe(e.value)), null, 16));
   }
-}), ps = /* @__PURE__ */ h({
+}), ls = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { childIndex: r = 0 } = z(
+    const { childIndex: r = 0 } = j(
       "modal",
       "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.openModal() instead"
-    ), e = d(() => P.modals[r] ?? null);
-    return (s, n) => (u(), g(c(Ft), null, {
+    ), e = p(() => L.modals[r] ?? null);
+    return (s, n) => (l(), h(i(Jt), null, {
       default: f(() => [
-        y(s.$slots, "default"),
-        e.value ? (u(), g(rt, {
+        w(s.$slots, "default"),
+        e.value ? (l(), h(et, {
           key: 0,
-          "child-index": c(r) + 1,
+          "child-index": i(r) + 1,
           modal: e.value
-        }, null, 8, ["child-index", "modal"])) : E("", !0)
+        }, null, 8, ["child-index", "modal"])) : M("", !0)
       ]),
       _: 3
     }));
   }
-}), ms = /* @__PURE__ */ h({
+}), us = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1282,109 +1213,112 @@ const ds = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const r = t;
-    return (e, s) => (u(), g(c(Ut), ke(Ce(r)), {
+    return (r, e) => (l(), h(i(Qt), de(pe(r.$props)), {
       default: f(() => [
-        y(e.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), fs = /* @__PURE__ */ h({
+}), cs = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const r = t;
-    return (e, s) => (u(), g(c(Gt), ke(Ce(r)), {
+    return (r, e) => (l(), h(i(Gt), de(pe(r.$props)), {
       default: f(() => [
-        y(e.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), hs = {
+}), ds = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-1.5 pr-1.5 sm:block"
-}, gs = { class: "sr-only" }, le = /* @__PURE__ */ h({
+}, ps = { class: "sr-only" }, ne = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
     title: {},
     description: {},
+    dismissable: { type: Boolean, default: !0 },
     wrapperClass: { default: "" },
     class: { default: "" }
   },
-  setup(t) {
-    const r = Y(t, ["class", "wrapperClass", "title", "persistent"]), e = d(() => N({ "mt-2": t.title }, t.class)), s = d(() => N(
+  setup(t, { expose: r }) {
+    const e = Z(t, ["class", "dismissable", "wrapperClass", "title", "persistent"]), s = me("$modal"), n = p(() => T({ "mt-2": t.title }, t.class)), a = p(() => T(
       // eslint-disable-next-line vue/max-len
       "fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl sm:max-w-lg",
       t.wrapperClass
     ));
-    return (n, a) => {
-      const i = j("Button");
-      return u(), g(ds, A({ persistent: n.persistent }, r), {
-        default: f(({ close: o }) => [
-          m(ms, { class: "fixed inset-0 bg-gray-500/75" }),
-          m(ps, {
-            class: H(s.value)
-          }, {
-            default: f(() => [
-              n.persistent ? E("", !0) : (u(), b("div", hs, [
-                m(i, {
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: (l) => o()
-                }, {
-                  default: f(() => [
-                    v("span", gs, k(n.$td("ui.close", "Close")), 1),
-                    m(c(us), { class: "size-3 text-gray-400" })
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ])),
-              n.title ? (u(), g(fs, {
-                key: 1,
-                class: "text-base font-semibold text-gray-900"
+    return r({ close: async () => {
+      var o;
+      return (o = s.value) == null ? void 0 : o.close();
+    } }), (o, u) => (l(), h(is, I(e, {
+      ref_key: "$modal",
+      ref: s,
+      persistent: o.persistent
+    }), {
+      default: f(({ close: c }) => [
+        m(us, { class: "fixed inset-0 bg-gray-500/75" }),
+        m(ls, {
+          class: P(a.value)
+        }, {
+          default: f(() => [
+            !o.persistent && o.dismissable ? (l(), v("div", ds, [
+              m(V, {
+                variant: "ghost",
+                size: "icon",
+                onClick: (d) => c()
               }, {
                 default: f(() => [
-                  m(T, {
-                    text: n.title,
-                    inline: ""
-                  }, null, 8, ["text"])
+                  y("span", ps, x(o.$td("ui.close", "Close")), 1),
+                  m(i(Xr), { class: "size-3 text-gray-400" })
                 ]),
-                _: 1
-              })) : E("", !0),
-              v("div", {
-                class: H(e.value)
-              }, [
-                y(n.$slots, "default", { close: o })
-              ], 2)
-            ]),
-            _: 2
-          }, 1032, ["class"])
-        ]),
-        _: 3
-      }, 16, ["persistent"]);
-    };
+                _: 2
+              }, 1032, ["onClick"])
+            ])) : M("", !0),
+            o.title ? (l(), h(cs, {
+              key: 1,
+              class: "text-base font-semibold text-gray-900"
+            }, {
+              default: f(() => [
+                m(R, {
+                  text: o.title,
+                  inline: ""
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            })) : M("", !0),
+            y("div", {
+              class: P(n.value)
+            }, [
+              w(o.$slots, "default", { close: c })
+            ], 2)
+          ]),
+          _: 2
+        }, 1032, ["class"])
+      ]),
+      _: 3
+    }, 16, ["persistent"]));
   }
-}), vs = /* @__PURE__ */ h({
+}), ms = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t) {
-    return (r, e) => (u(), g(le, { title: r.title }, {
+    return (r, e) => (l(), h(ne, { title: r.title }, {
       default: f(() => [
-        m(T, { text: r.message }, null, 8, ["text"])
+        m(R, { text: r.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), st = /* @__PURE__ */ h({
+}), tt = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -1393,37 +1327,37 @@ const ds = /* @__PURE__ */ h({
   setup(t, { emit: r }) {
     let e;
     const s = r;
-    return Be((n) => {
+    return Me((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => s("submit")), n(() => e == null ? void 0 : e());
-    }), fe("form", t.form), (n, a) => (u(), b("form", {
-      onSubmit: a[0] || (a[0] = gt((i) => {
-        var o;
-        return (o = n.form) == null ? void 0 : o.submit();
+    }), ce("form", t.form), (n, a) => (l(), v("form", {
+      onSubmit: a[0] || (a[0] = qe((o) => {
+        var u;
+        return (u = n.form) == null ? void 0 : u.submit();
       }, ["prevent"]))
     }, [
-      y(n.$slots, "default")
+      w(n.$slots, "default")
     ], 32));
   }
-}), bs = {
+}), fs = {
   required: (t) => t ? void 0 : "required"
-}, ce = { ...bs };
-function wa(t, r) {
-  ce[t] = r;
+}, ae = { ...fs };
+function Ea(t, r) {
+  ae[t] = r;
 }
-function _s(t, r) {
+function hs(t, r) {
   var s;
-  const e = (s = ce[r]) == null ? void 0 : s.call(ce, t);
-  return e ? Ge(e) : [];
+  const e = (s = ae[r]) == null ? void 0 : s.call(ae, t);
+  return e ? Ue(e) : [];
 }
-const q = {
+const B = {
   String: "string",
   Number: "number",
   Boolean: "boolean",
   Object: "object",
   Date: "date"
 }, Re = /* @__PURE__ */ new WeakMap();
-class ys extends Ue {
+class gs extends Fe {
   constructor(e) {
     super();
     _(this, "errors");
@@ -1432,10 +1366,10 @@ class ys extends Ue {
     _(this, "_submitted");
     _(this, "_errors");
     _(this, "_listeners", {});
-    this._fields = e, this._submitted = I(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Re.set(
+    this._fields = e, this._submitted = H(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Re.set(
       this,
-      d(() => !Object.values(this._errors).some((s) => s !== null))
-    ), this.errors = De(this._errors);
+      p(() => !Object.values(this._errors).some((s) => s !== null))
+    ), this.errors = Ee(this._errors);
   }
   get valid() {
     var e;
@@ -1445,8 +1379,8 @@ class ys extends Ue {
     return this._submitted.value;
   }
   setFieldValue(e, s) {
-    const n = this._fields[e] ?? O(`Trying to set undefined '${V(e)}' field`);
-    this._data[e] = n.type === q.String && (n.trim ?? !0) ? V(s).trim() : s, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? W(`Trying to set undefined '${z(e)}' field`);
+    this._data[e] = n.type === B.String && (n.trim ?? !0) ? z(s).trim() : s, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -1479,11 +1413,11 @@ class ys extends Ue {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(s), () => this.off(e, s);
   }
   off(e, s) {
-    $e(this._listeners[e] ?? [], s);
+    we(this._listeners[e] ?? [], s);
   }
   async focus(e) {
     var s;
-    await Ve(), (s = this._listeners.focus) == null || s.forEach((n) => n(e));
+    await ze(), (s = this._listeners.focus) == null || s.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -1496,23 +1430,23 @@ class ys extends Ue {
     this.setFieldValue(e, s);
   }
   getFieldErrors(e, s) {
-    var o;
-    const n = [], a = this._data[e], i = ((o = s.rules) == null ? void 0 : o.split("|")) ?? [];
-    for (const l of i)
-      l !== "required" && a == null || n.push(..._s(a, l));
+    var u;
+    const n = [], a = this._data[e], o = ((u = s.rules) == null ? void 0 : u.split("|")) ?? [];
+    for (const c of o)
+      c !== "required" && a == null || n.push(...hs(a, c));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
-    const s = Object.entries(e).reduce((n, [a, i]) => (n[a] = i.default ?? null, n), {});
-    return ue(s);
+    const s = Object.entries(e).reduce((n, [a, o]) => (n[a] = o.default ?? null, n), {});
+    return oe(s);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const s = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ue(s);
+    return oe(s);
   }
   resetData() {
     for (const [e, s] of Object.entries(this._fields))
@@ -1522,85 +1456,85 @@ class ys extends Ue {
     Object.keys(this._errors).forEach((s) => delete this._errors[s]), e && Object.assign(this._errors, e);
   }
 }
-function nt(t) {
-  return new ys(t);
+function rt(t) {
+  return new gs(t);
 }
-function $a(t, r = {}) {
+function Pa(t, r = {}) {
   return {
     default: t,
-    type: q.Boolean,
+    type: B.Boolean,
     rules: r.rules
   };
 }
-function xa(t, r = {}) {
+function Ha(t, r = {}) {
   return {
     default: t,
-    type: q.Date,
+    type: B.Date,
     rules: r.rules
   };
 }
-function Sa(t) {
+function Ia(t) {
   return {
     default: t,
-    type: q.Boolean,
+    type: B.Boolean,
     rules: "required"
   };
 }
-function ka(t) {
+function La(t) {
   return {
     default: t,
-    type: q.Date,
+    type: B.Date,
     rules: "required"
   };
 }
-function Ca(t) {
+function Ta(t) {
   return {
     default: t,
-    type: q.Number,
+    type: B.Number,
     rules: "required"
   };
 }
-function ws(t) {
+function vs(t) {
   return {
     default: t,
-    type: q.String,
+    type: B.String,
     rules: "required"
   };
 }
-function Ma(t, r = {}) {
+function Va(t, r = {}) {
   return {
     default: t,
-    type: q.Number,
+    type: B.Number,
     rules: r.rules
   };
 }
-function Ea(t, r = {}) {
+function ja(t, r = {}) {
   return {
     default: t,
-    type: q.String,
+    type: B.String,
     rules: r.rules
   };
 }
-function $s(t) {
-  const r = nt(
+function bs(t) {
+  const r = rt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (n, [a, i]) => ({
+      (n, [a, o]) => ({
         [a]: {
-          type: q.Boolean,
-          default: i.default,
-          required: i.required ? "required" : void 0
+          type: B.Boolean,
+          default: o.default,
+          required: o.required ? "required" : void 0
         },
         ...n
       }),
       {}
     )
-  ), e = d(() => t.acceptText ?? $("ui.accept", "Ok")), s = d(() => t.cancelText ?? $("ui.cancel", "Cancel"));
+  ), e = p(() => t.acceptText ?? C("ui.accept", "Ok")), s = p(() => t.cancelText ?? C("ui.cancel", "Cancel"));
   return { form: r, renderedAcceptText: e, renderedCancelText: s };
 }
-const xs = {
+const ys = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, Ss = { class: "flex items-center" }, ks = ["onUpdate:modelValue", "required"], Cs = { class: "ml-1.5" }, Ms = { class: "mt-4 flex flex-row-reverse gap-2" }, Es = /* @__PURE__ */ h({
+}, _s = { class: "flex items-center" }, ws = ["onUpdate:modelValue", "required"], $s = { class: "ml-1.5" }, xs = { class: "mt-4 flex flex-row-reverse gap-2" }, Cs = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -1614,53 +1548,53 @@ const xs = {
     required: { type: Boolean }
   },
   setup(t) {
-    const r = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: s, renderedCancelText: n } = $s(r);
-    return (a, i) => (u(), g(le, {
+    const r = Z(t, ["cancelVariant"]), { form: e, renderedAcceptText: s, renderedCancelText: n } = bs(r);
+    return (a, o) => (l(), h(ne, {
       title: a.title,
       persistent: ""
     }, {
-      default: f(({ close: o }) => [
-        m(st, {
-          form: c(e),
-          onSubmit: (l) => o([!0, c(e).data()])
+      default: f(({ close: u }) => [
+        m(tt, {
+          form: i(e),
+          onSubmit: (c) => u([!0, i(e).data()])
         }, {
           default: f(() => [
-            m(T, {
+            m(R, {
               text: a.message,
               actions: a.actions
             }, null, 8, ["text", "actions"]),
-            a.checkboxes ? (u(), b("ul", xs, [
-              (u(!0), b(ee, null, ie(a.checkboxes, (l, p) => (u(), b("li", { key: p }, [
-                v("label", Ss, [
-                  Fe(v("input", {
-                    "onUpdate:modelValue": (w) => c(e)[p] = w,
+            a.checkboxes ? (l(), v("ul", ys, [
+              (l(!0), v(q, null, U(a.checkboxes, (c, d) => (l(), v("li", { key: d }, [
+                y("label", _s, [
+                  De(y("input", {
+                    "onUpdate:modelValue": (b) => i(e)[d] = b,
                     type: "checkbox",
-                    required: l.required,
+                    required: c.required,
                     class: "border-primary text-primary hover:bg-primary/10 hover:checked:bg-primary/80 focus:ring-primary focus-visible:ring-primary rounded border-2"
-                  }, null, 8, ks), [
-                    [vt, c(e)[p]]
+                  }, null, 8, ws), [
+                    [yt, i(e)[d]]
                   ]),
-                  v("span", Cs, k(l.label), 1)
+                  y("span", $s, x(c.label), 1)
                 ])
               ]))), 128))
-            ])) : E("", !0),
-            v("div", Ms, [
-              m(L, {
+            ])) : M("", !0),
+            y("div", xs, [
+              m(V, {
                 variant: a.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  B(k(c(s)), 1)
+                  A(x(i(s)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              a.required ? E("", !0) : (u(), g(L, {
+              a.required ? M("", !0) : (l(), h(V, {
                 key: 0,
                 variant: a.cancelVariant,
-                onClick: (l) => o(!1)
+                onClick: (c) => u(!1)
               }, {
                 default: f(() => [
-                  B(k(c(n)), 1)
+                  A(x(i(n)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -1672,130 +1606,128 @@ const xs = {
       _: 1
     }, 8, ["title"]));
   }
-}), Ps = {
+}), ks = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Is(t, r) {
-  return u(), b("svg", Ps, r[0] || (r[0] = [
-    v("path", {
+function Ss(t, r) {
+  return l(), v("svg", ks, r[0] || (r[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 As = { name: "zondicons-cheveron-left", render: Is }, Hs = {
+const Ms = { name: "zondicons-cheveron-left", render: Ss }, Es = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ls(t, r) {
-  return u(), b("svg", Hs, r[0] || (r[0] = [
-    v("path", {
+function Ps(t, r) {
+  return l(), v("svg", Es, r[0] || (r[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 Ts = { name: "zondicons-cheveron-right", render: Ls }, js = {
+const st = { name: "zondicons-cheveron-right", render: Ps }, Hs = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Rs(t, r) {
-  return u(), b("svg", js, r[0] || (r[0] = [
-    v("path", {
+function Is(t, r) {
+  return l(), v("svg", Hs, r[0] || (r[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 at = { name: "zondicons-exclamation-solid", render: Rs }, Vs = {
+const nt = { name: "zondicons-exclamation-solid", render: Is }, Ls = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function zs(t, r) {
-  return u(), b("svg", Vs, r[0] || (r[0] = [
-    v("path", {
+function Ts(t, r) {
+  return l(), v("svg", Ls, r[0] || (r[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 qs = { name: "mdi-console", render: zs }, Bs = {
+const Vs = { name: "mdi-console", render: Ts }, js = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Ds(t, r) {
-  return u(), b("svg", Bs, r[0] || (r[0] = [
-    v("path", {
+function As(t, r) {
+  return l(), v("svg", js, r[0] || (r[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 Fs = { name: "zondicons-copy", render: Ds }, Us = {
+const Rs = { name: "zondicons-copy", render: As }, zs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Gs(t, r) {
-  return u(), b("svg", Us, r[0] || (r[0] = [
-    v("path", {
+function Bs(t, r) {
+  return l(), v("svg", zs, r[0] || (r[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 Ns = { name: "mdi-github", render: Gs }, Ws = { class: "flex" }, Os = { class: "sr-only" }, Ks = /* @__PURE__ */ h({
+const qs = { name: "mdi-github", render: Bs }, Ds = { class: "flex" }, Fs = { class: "sr-only" }, Us = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
-    const r = t, e = d(() => r.report.description ? `${r.report.title}: ${r.report.description}` : r.report.title), s = d(() => {
-      if (!G.sourceUrl)
+    const r = t, e = p(() => r.report.description ? `${r.report.title}: ${r.report.description}` : r.report.title), s = p(() => {
+      if (!F.sourceUrl)
         return !1;
-      const a = encodeURIComponent(e.value), i = encodeURIComponent(
+      const a = encodeURIComponent(e.value), o = encodeURIComponent(
         [
           "[Please, explain here what you were trying to do when this error appeared]",
           "",
           "Error details:",
           "```",
-          At(
+          Tt(
             r.report.details ?? "Details missing from report",
-            1800 - a.length - G.sourceUrl.length
+            1800 - a.length - F.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${G.sourceUrl}/issues/new?title=${a}&body=${i}`;
-    }), n = d(() => K(
+      return `${F.sourceUrl}/issues/new?title=${a}&body=${o}`;
+    }), n = p(() => K(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: Fs,
-          async handler() {
+          iconComponent: Rs,
+          async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${r.report.details}`), P.showSnackbar(
-              $("errors.copiedToClipboard", "Debug information copied to clipboard")
-            );
+${r.report.details}`), L.toast(C("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: qs,
-          handler() {
+          iconComponent: Vs,
+          click() {
             const a = r.report.error ?? r.report;
-            window.error = a, console.error(a), P.showSnackbar(
-              $(
+            window.error = a, console.error(a), L.toast(
+              C(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -1807,24 +1739,24 @@ ${r.report.details}`), P.showSnackbar(
         s.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Ns,
+          iconComponent: qs,
           url: s.value
         });
       }
     ));
-    return (a, i) => (u(), b("div", Ws, [
-      (u(!0), b(ee, null, ie(n.value, (o) => y(a.$slots, "default", A({ ref_for: !0 }, o), () => [
-        m(L, {
+    return (a, o) => (l(), v("div", Ds, [
+      (l(!0), v(q, null, U(n.value, (u) => w(a.$slots, "default", I({ ref_for: !0 }, u), () => [
+        m(V, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: o.url,
-          title: a.$td(`errors.report_${o.id}`, o.description),
-          onClick: o.handler
+          href: u.url,
+          title: a.$td(`errors.report_${u.id}`, u.description),
+          onClick: u.click
         }, {
           default: f(() => [
-            v("span", Os, k(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (u(), g(te(o.iconComponent), {
+            y("span", Fs, x(a.$td(`errors.report_${u.id}`, u.description)), 1),
+            (l(), h(X(u.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -1834,7 +1766,7 @@ ${r.report.details}`), P.showSnackbar(
       ])), 256))
     ]));
   }
-}), Qs = /* @__PURE__ */ h({
+}), Ns = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -1842,20 +1774,20 @@ ${r.report.details}`), P.showSnackbar(
     totalReports: {}
   },
   setup(t) {
-    const r = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, s) => (u(), g(T, {
+    const r = p(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, s) => (l(), h(R, {
       text: r.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function Js(t) {
-  const r = I(0), e = d(() => t.reports[r.value]), s = d(
+function Os(t) {
+  const r = H(0), e = p(() => t.reports[r.value]), s = p(
     () => {
-      var i;
-      return ((i = e.value.details) == null ? void 0 : i.trim()) || $("errors.detailsEmpty", "This error is missing a stacktrace.");
+      var o;
+      return ((o = e.value.details) == null ? void 0 : o.trim()) || C("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = $("errors.previousReport", "Show previous report"), a = $("errors.nextReport", "Show next report");
+  ), n = C("errors.previousReport", "Show previous report"), a = C("errors.nextReport", "Show next report");
   return {
     activeReportIndex: r,
     details: s,
@@ -1864,95 +1796,95 @@ function Js(t) {
     report: e
   };
 }
-const Zs = { class: "px-4 pt-5 pb-4" }, Xs = { class: "flex justify-between gap-4" }, Ys = { class: "flex items-center gap-2" }, en = {
+const Ws = { class: "px-4 pt-5 pb-4" }, Ks = { class: "flex justify-between gap-4" }, Js = { class: "flex items-center gap-2" }, Qs = {
   key: 0,
   class: "flex gap-0.5"
-}, tn = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, rn = ["textContent"], sn = /* @__PURE__ */ h({
+}, Gs = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, Zs = ["textContent"], Xs = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
     reports: {}
   },
   setup(t) {
-    const r = t, { activeReportIndex: e, details: s, nextReportText: n, previousReportText: a, report: i } = Js(r);
-    return (o, l) => (u(), g(le, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
+    const r = t, { activeReportIndex: e, details: s, nextReportText: n, previousReportText: a, report: o } = Os(r);
+    return (u, c) => (l(), h(ne, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
       default: f(() => [
-        v("div", Zs, [
-          v("h2", Xs, [
-            v("div", Ys, [
-              m(c(at), { class: "size-5 text-red-600" }),
-              m(Qs, {
+        y("div", Ws, [
+          y("h2", Ks, [
+            y("div", Js, [
+              m(i(nt), { class: "size-5 text-red-600" }),
+              m(Ns, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: c(i),
-                "current-report": c(e) + 1,
-                "total-reports": o.reports.length
+                report: i(o),
+                "current-report": i(e) + 1,
+                "total-reports": u.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              o.reports.length > 1 ? (u(), b("span", en, [
-                m(L, {
+              u.reports.length > 1 ? (l(), v("span", Qs, [
+                m(V, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: c(e) === 0,
-                  "aria-label": c(a),
-                  title: c(a),
-                  onClick: l[0] || (l[0] = (p) => e.value--)
+                  disabled: i(e) === 0,
+                  "aria-label": i(a),
+                  title: i(a),
+                  onClick: c[0] || (c[0] = (d) => e.value--)
                 }, {
                   default: f(() => [
-                    m(c(As), { class: "size-4" })
+                    m(i(Ms), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                m(L, {
+                m(V, {
                   size: "icon",
                   variant: "ghost",
-                  disabled: c(e) === o.reports.length - 1,
-                  "aria-label": c(n),
-                  title: c(n),
-                  onClick: l[1] || (l[1] = (p) => e.value++)
+                  disabled: i(e) === u.reports.length - 1,
+                  "aria-label": i(n),
+                  title: i(n),
+                  onClick: c[1] || (c[1] = (d) => e.value++)
                 }, {
                   default: f(() => [
-                    m(c(Ts), { class: "size-4" })
+                    m(i(st), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : E("", !0)
+              ])) : M("", !0)
             ]),
-            m(Ks, {
-              report: c(i),
+            m(Us, {
+              report: i(o),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          c(i).description ? (u(), g(T, {
+          i(o).description ? (l(), h(R, {
             key: 0,
-            text: c(i).description,
+            text: i(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : E("", !0)
+          }, null, 8, ["text"])) : M("", !0)
         ]),
-        v("div", tn, [
-          v("pre", {
+        y("div", Gs, [
+          y("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: k(c(s))
-          }, null, 8, rn)
+            textContent: x(i(s))
+          }, null, 8, Zs)
         ])
       ]),
       _: 1
     }));
   }
-}), nn = {
+}), Ys = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function an(t, r) {
-  return u(), b("svg", nn, r[0] || (r[0] = [
-    v("path", {
+function en(t, r) {
+  return l(), v("svg", Ys, r[0] || (r[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",
       opacity: ".25"
     }, null, -1),
-    v("path", {
+    y("path", {
       fill: "currentColor",
       d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
     }, [
-      v("animateTransform", {
+      y("animateTransform", {
         attributeName: "transform",
         dur: "0.75s",
         repeatCount: "indefinite",
@@ -1962,7 +1894,7 @@ function an(t, r) {
     ], -1)
   ]));
 }
-const on = { name: "svg-spinners-90-ring-with-bg", render: an }, ln = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, cn = { class: "sr-only" }, un = /* @__PURE__ */ h({
+const tn = { name: "svg-spinners-90-ring-with-bg", render: en }, rn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, sn = { class: "sr-only" }, nn = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -1971,30 +1903,30 @@ const on = { name: "svg-spinners-90-ring-with-bg", render: an }, ln = { class: "
   },
   setup(t) {
     let r;
-    const e = I(0), s = d(() => N("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary", t.filledClass)), n = d(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Se(
+    const e = H(0), s = p(() => T("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary", t.filledClass)), n = p(() => typeof t.progress == "number" ? t.progress : e.value);
+    return ke(
       () => t.job,
       () => {
-        var a, i;
-        r == null || r(), e.value = ((a = t.job) == null ? void 0 : a.progress) ?? 0, r = (i = t.job) == null ? void 0 : i.listeners.add({ onUpdated: (o) => e.value = o });
+        var a, o;
+        r == null || r(), e.value = ((a = t.job) == null ? void 0 : a.progress) ?? 0, r = (o = t.job) == null ? void 0 : o.listeners.add({ onUpdated: (u) => e.value = u });
       },
       { immediate: !0 }
-    ), oe(() => r == null ? void 0 : r()), (a, i) => (u(), b("div", ln, [
-      v("div", {
-        class: H(s.value),
-        style: bt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+    ), ue(() => r == null ? void 0 : r()), (a, o) => (l(), v("div", rn, [
+      y("div", {
+        class: P(s.value),
+        style: _t(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      v("span", cn, k(a.$td("ui.progress", "{progress}% complete", {
+      y("span", sn, x(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function dn(t) {
-  const r = d(() => t.message ?? $("ui.loading", "Loading...")), e = d(() => typeof t.progress == "number" || !!t.job);
+function an(t) {
+  const r = p(() => t.message ?? C("ui.loading", "Loading...")), e = p(() => typeof t.progress == "number" || !!t.job);
   return { renderedMessage: r, showProgress: e };
 }
-const pn = /* @__PURE__ */ h({
+const on = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2003,147 +1935,269 @@ const pn = /* @__PURE__ */ h({
     job: {}
   },
   setup(t) {
-    const r = t, { renderedMessage: e, showProgress: s } = dn(r);
-    return (n, a) => (u(), g(le, {
+    const r = t, { renderedMessage: e, showProgress: s } = an(r);
+    return (n, a) => (l(), h(ne, {
       persistent: "",
-      class: H(["flex", { "flex-col-reverse": c(s), "items-center justify-center gap-2": !c(s) }]),
+      class: P(["flex", { "flex-col-reverse": i(s), "items-center justify-center gap-2": !i(s) }]),
       "wrapper-class": "w-auto",
       title: n.title
     }, {
       default: f(() => [
-        c(s) ? (u(), g(un, {
+        i(s) ? (l(), h(nn, {
           key: 0,
           progress: n.progress,
           job: n.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (u(), g(c(on), {
+        }, null, 8, ["progress", "job"])) : (l(), h(i(tn), {
           key: 1,
           class: "text-primary mr-1 size-6"
         })),
-        m(T, { text: c(e) }, null, 8, ["text"])
+        m(R, { text: i(e) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "class"]));
   }
-});
-function ot() {
-  const t = ze(), r = d(() => t.class);
-  return [d(() => We(t, "class")), r];
-}
-const mn = {
-  key: 0,
-  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, fn = /* @__PURE__ */ h({
-  inheritAttrs: !1,
-  __name: "Input",
+}), at = /* @__PURE__ */ g({
+  __name: "HeadlessInput",
   props: {
     name: {},
     label: {},
     description: {},
     modelValue: {},
-    inputClass: {},
-    wrapperClass: {}
+    as: { default: "div" }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const r = Y(t, ["label", "inputClass", "wrapperClass"]), e = Pe(), [s, n] = ot(), a = d(() => N("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = d(() => {
-      var o, l, p;
-      return N(
-        // eslint-disable-next-line vue/max-len
-        "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
-        {
-          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((o = e.value) != null && o.errors),
-          "hover:ring-1 hover:ring-primary/80 hover:ring-inset focus:ring-primary": !((l = e.value) != null && l.errors),
-          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (p = e.value) == null ? void 0 : p.errors
-        },
-        t.inputClass
-      );
-    });
-    return (o, l) => {
-      const p = j("HeadlessInputLabel"), w = j("HeadlessInputInput"), M = j("HeadlessInputDescription"), S = j("HeadlessInputError"), D = j("HeadlessInput");
-      return u(), g(D, A({
-        ref_key: "$input",
-        ref: e,
-        label: o.label,
-        class: c(n)
-      }, r, {
-        "onUpdate:modelValue": l[0] || (l[0] = (F) => o.$emit("update:modelValue", F))
-      }), {
-        default: f(() => {
-          var F;
-          return [
-            m(p, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-            v("div", {
-              class: H(a.value)
-            }, [
-              m(w, A(c(s), { class: i.value }), null, 16, ["class"]),
-              (F = c(e)) != null && F.errors ? (u(), b("div", mn, [
-                m(c(at), { class: "size-5 text-red-500" })
-              ])) : E("", !0)
-            ], 2),
-            m(M, { class: "mt-2 text-sm text-gray-600" }),
-            m(S, { class: "mt-2 text-sm text-red-600" })
-          ];
-        }),
-        _: 1
-      }, 16, ["label", "class"]);
+  setup(t, { expose: r, emit: e }) {
+    const s = e, n = se("form", null), a = p(() => !n || !t.name ? null : n.errors[t.name] ?? null), o = {
+      id: `input-${te()}`,
+      name: p(() => t.name),
+      label: p(() => t.label),
+      description: p(() => t.description),
+      value: p(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: Ee(a),
+      required: p(() => {
+        if (!(!t.name || !n))
+          return n.getFieldRules(t.name).includes("required");
+      }),
+      update(u) {
+        if (n && t.name) {
+          n.setFieldValue(t.name, u);
+          return;
+        }
+        s("update:modelValue", u);
+      }
     };
+    return ce("input", o), r(o), (u, c) => (l(), h(X(u.as), null, {
+      default: f(() => [
+        w(u.$slots, "default")
+      ]),
+      _: 3
+    }));
   }
-});
-function hn(t) {
-  const r = nt({
-    draft: ws(t.defaultValue ?? "")
-  }), e = d(() => t.acceptText ?? $("ui.accept", "Ok")), s = d(() => t.cancelText ?? $("ui.cancel", "Cancel"));
-  return { form: r, renderedAcceptText: e, renderedCancelText: s };
-}
-const gn = { class: "mt-4 flex flex-row-reverse gap-2" }, vn = /* @__PURE__ */ h({
-  __name: "PromptModal",
+}), ln = ["for"], xe = /* @__PURE__ */ g({
+  __name: "HeadlessInputLabel",
+  setup(t) {
+    const r = j("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Se(), s = p(() => !!(r.label || e.default));
+    return (n, a) => s.value ? (l(), v("label", {
+      key: 0,
+      for: i(r).id
+    }, [
+      w(n.$slots, "default", {}, () => [
+        A(x(i(r).label), 1)
+      ])
+    ], 8, ln)) : M("", !0);
+  }
+}), un = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], ot = /* @__PURE__ */ g({
+  __name: "HeadlessInputInput",
   props: {
-    title: {},
-    message: {},
-    label: {},
-    defaultValue: {},
-    placeholder: {},
-    acceptText: {},
-    acceptVariant: {},
-    cancelText: {},
-    cancelVariant: { default: "secondary" }
+    type: { default: "text" }
   },
   setup(t) {
-    const r = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: s, renderedCancelText: n } = hn(r);
-    return (a, i) => (u(), g(le, {
-      title: a.title,
-      persistent: ""
-    }, {
-      default: f(({ close: o }) => [
-        m(st, {
-          form: c(e),
-          onSubmit: (l) => o(c(e).draft)
-        }, {
+    const r = H(), e = j("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), s = p(() => e.name ?? void 0), n = p(() => e.value), a = p(() => {
+      if (t.type === "checkbox")
+        return !!n.value;
+    });
+    function o() {
+      r.value && e.update(u());
+    }
+    function u() {
+      if (!r.value)
+        return null;
+      switch (t.type) {
+        case "checkbox":
+          return r.value.checked;
+        case "date":
+          return r.value.valueAsDate;
+        default:
+          return r.value.value;
+      }
+    }
+    return Ye(e, () => {
+      var c;
+      return (c = r.value) == null ? void 0 : c.focus();
+    }), Me(() => {
+      if (r.value) {
+        if (t.type === "date") {
+          r.value.valueAsDate = n.value;
+          return;
+        }
+        r.value.value = n.value ?? null;
+      }
+    }), (c, d) => (l(), v("input", {
+      id: i(e).id,
+      ref_key: "$input",
+      ref: r,
+      name: s.value,
+      type: c.type,
+      checked: a.value,
+      required: i(e).required ?? void 0,
+      "aria-invalid": i(e).errors ? "true" : "false",
+      "aria-describedby": i(e).errors ? `${i(e).id}-error` : i(e).description ? `${i(e).id}-description` : void 0,
+      onInput: o
+    }, null, 40, un));
+  }
+}), cn = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessInputDescription",
+  setup(t) {
+    const r = j(
+      "input",
+      "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
+    ), e = p(() => typeof r.description == "string" ? r.description : ""), s = p(() => !!r.description);
+    return (n, a) => w(n.$slots, "default", {
+      id: `${i(r).id}-description`
+    }, () => [
+      s.value ? (l(), h(R, I({ key: 0 }, n.$attrs, {
+        id: `${i(r).id}-description`,
+        text: e.value
+      }), null, 16, ["id", "text"])) : M("", !0)
+    ]);
+  }
+}), dn = ["id"], Ce = /* @__PURE__ */ g({
+  __name: "HeadlessInputError",
+  setup(t) {
+    const r = j("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = p(() => r.errors ? C(`errors.${r.errors[0]}`, `Error: ${r.errors[0]}`) : null);
+    return (s, n) => e.value ? (l(), v("p", {
+      key: 0,
+      id: `${i(r).id}-error`
+    }, x(e.value), 9, dn)) : M("", !0);
+  }
+});
+function it() {
+  const t = Be(), r = p(() => t.class);
+  return [p(() => Vt(t, "class")), r];
+}
+const pn = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, mn = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    wrapperClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const r = Z(t, ["label", "inputClass", "wrapperClass"]), e = me("$input"), [s, n] = it(), a = p(() => T("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), o = p(() => {
+      var u, c, d;
+      return T(
+        // eslint-disable-next-line vue/max-len
+        "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
+        {
+          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((u = e.value) != null && u.errors),
+          "hover:ring-1 hover:ring-primary/80 hover:ring-inset focus:ring-primary": !((c = e.value) != null && c.errors),
+          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (d = e.value) == null ? void 0 : d.errors
+        },
+        t.inputClass
+      );
+    });
+    return (u, c) => (l(), h(at, I({
+      ref_key: "$input",
+      ref: e,
+      label: u.label,
+      class: i(n)
+    }, r, {
+      "onUpdate:modelValue": c[0] || (c[0] = (d) => u.$emit("update:modelValue", d))
+    }), {
+      default: f(() => {
+        var d;
+        return [
+          m(xe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: P(a.value)
+          }, [
+            m(ot, I(i(s), { class: o.value }), null, 16, ["class"]),
+            (d = i(e)) != null && d.errors ? (l(), v("div", pn, [
+              m(i(nt), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
+          ], 2),
+          m(cn, { class: "mt-2 text-sm text-gray-600" }),
+          m(Ce, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16, ["label", "class"]));
+  }
+});
+function fn(t) {
+  const r = rt({
+    draft: vs(t.defaultValue ?? "")
+  }), e = p(() => t.acceptText ?? C("ui.accept", "Ok")), s = p(() => t.cancelText ?? C("ui.cancel", "Cancel"));
+  return { form: r, renderedAcceptText: e, renderedCancelText: s };
+}
+const hn = { class: "mt-4 flex flex-row-reverse gap-2" }, gn = /* @__PURE__ */ g({
+  __name: "PromptModal",
+  props: {
+    title: {},
+    message: {},
+    label: {},
+    defaultValue: {},
+    placeholder: {},
+    acceptText: {},
+    acceptVariant: {},
+    cancelText: {},
+    cancelVariant: { default: "secondary" }
+  },
+  setup(t) {
+    const r = Z(t, ["cancelVariant"]), { form: e, renderedAcceptText: s, renderedCancelText: n } = fn(r);
+    return (a, o) => (l(), h(ne, {
+      title: a.title,
+      persistent: ""
+    }, {
+      default: f(({ close: u }) => [
+        m(tt, {
+          form: i(e),
+          onSubmit: (c) => u(i(e).draft)
+        }, {
           default: f(() => [
-            m(T, { text: a.message }, null, 8, ["text"]),
-            m(fn, {
+            m(R, { text: a.message }, null, 8, ["text"]),
+            m(mn, {
               name: "draft",
               class: "mt-2",
               placeholder: a.placeholder,
               label: a.label
             }, null, 8, ["placeholder", "label"]),
-            v("div", gn, [
-              m(L, {
+            y("div", hn, [
+              m(V, {
                 variant: a.acceptVariant,
                 submit: ""
               }, {
                 default: f(() => [
-                  B(k(c(s)), 1)
+                  A(x(i(s)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              m(L, {
+              m(V, {
                 variant: a.cancelVariant,
-                onClick: (l) => o(!1)
+                onClick: (c) => u(!1)
               }, {
                 default: f(() => [
-                  B(k(c(n)), 1)
+                  A(x(i(n)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2155,264 +2209,342 @@ const gn = { class: "mt-4 flex flex-row-reverse gap-2" }, vn = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), bn = { $ui: P }, _n = {
+}), vn = { class: "grid grow place-items-center" }, bn = { class: "flex flex-col items-center space-y-6 p-8" }, yn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, _n = { class: "mt-4 flex flex-col space-y-4" }, wn = /* @__PURE__ */ g({
+  __name: "StartupCrash",
+  setup(t) {
+    return (r, e) => (l(), v("div", vn, [
+      y("div", bn, [
+        y("h1", yn, x(r.$td("startupCrash.title", "Something went wrong!")), 1),
+        m(R, {
+          text: r.$td(
+            "startupCrash.message",
+            `Something failed trying to start the application.
+
+Here's some things you can do:`
+          ),
+          class: "mt-4 text-center"
+        }, null, 8, ["text"]),
+        y("div", _n, [
+          m(V, {
+            variant: "danger",
+            onClick: e[0] || (e[0] = (s) => r.$app.reload())
+          }, {
+            default: f(() => [
+              A(x(r.$td("startupCrash.reload", "Try again")), 1)
+            ]),
+            _: 1
+          }),
+          m(V, {
+            variant: "danger",
+            onClick: e[1] || (e[1] = (s) => r.$errors.inspect(r.$errors.startupErrors))
+          }, {
+            default: f(() => [
+              A(x(r.$td("startupCrash.inspect", "View error details")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+}), lt = /* @__PURE__ */ g({
+  __name: "HeadlessToastAction",
+  props: {
+    action: {}
+  },
+  setup(t) {
+    return (r, e) => (l(), h(X(r.action.dismiss ? i(Zt) : "button"), {
+      type: "button",
+      onClick: r.action.click
+    }, {
+      default: f(() => [
+        A(x(r.action.label), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+}), $n = { key: 0 }, xn = /* @__PURE__ */ g({
+  __name: "HeadlessToast",
+  props: {
+    message: {},
+    actions: {},
+    variant: {}
+  },
+  setup(t) {
+    return (r, e) => (l(), h(i(Xt), null, {
+      default: f(() => [
+        w(r.$slots, "default", {}, () => [
+          r.message ? (l(), v("span", $n, x(r.message), 1)) : M("", !0),
+          (l(!0), v(q, null, U(r.actions, (s, n) => (l(), h(lt, {
+            key: n,
+            action: s
+          }, null, 8, ["action"]))), 128))
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), Cn = /* @__PURE__ */ g({
+  __name: "Toast",
+  props: {
+    message: {},
+    actions: {},
+    variant: { default: "secondary" },
+    class: {}
+  },
+  setup(t) {
+    const r = Xe(
+      { baseClasses: t.class, variant: t.variant },
+      {
+        baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
+        variants: {
+          variant: {
+            secondary: "bg-gray-900 text-white ring-black",
+            danger: "bg-red-50 text-red-900 ring-red-100"
+          }
+        },
+        defaultVariants: {
+          variant: "secondary"
+        }
+      }
+    );
+    return (e, s) => (l(), h(xn, {
+      class: P(i(r))
+    }, {
+      default: f(() => [
+        e.message ? (l(), h(R, {
+          key: 0,
+          text: e.message,
+          inline: ""
+        }, null, 8, ["text"])) : M("", !0),
+        (l(!0), v(q, null, U(e.actions, (n, a) => (l(), h(V, {
+          key: a,
+          action: n,
+          variant: e.variant,
+          as: lt
+        }, null, 8, ["action", "variant"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), kn = { $ui: L }, Sn = {
   async install(t, r) {
     const e = {
-      [C.AlertModal]: vs,
-      [C.ConfirmModal]: Es,
-      [C.ErrorReportModal]: sn,
-      [C.LoadingModal]: pn,
-      [C.PromptModal]: vn,
-      [C.Snackbar]: rs,
-      [C.StartupCrash]: is
+      [E.AlertModal]: ms,
+      [E.ConfirmModal]: Cs,
+      [E.ErrorReportModal]: Xs,
+      [E.LoadingModal]: on,
+      [E.PromptModal]: gn,
+      [E.Toast]: Cn,
+      [E.StartupCrash]: wn
     };
     Object.entries({
       ...e,
       ...r.components
-    }).forEach(([s, n]) => P.registerComponent(s, n)), await be(t, bn);
+    }).forEach(([s, n]) => L.registerComponent(s, n)), await ve(t, kn);
   }
 };
-async function yn(t, r = {}) {
+async function Mn(t, r = {}) {
   var s;
-  const e = [qr, _r, Rr, zr, Sr, _n, ...r.plugins ?? []];
-  G.instance = t, await ur(e, t, r), await ((s = r.install) == null ? void 0 : s.call(r, t)), await x.emit("application-ready");
+  const e = [Qr, Pr, Wr, Jr, Vr, Sn, ...r.plugins ?? []];
+  F.instance = t, await kr(e, t, r), await ((s = r.install) == null ? void 0 : s.call(r, t)), await S.emit("application-ready");
 }
-async function Pa(t, r = {}) {
+async function Aa(t, r = {}) {
   var s;
-  const e = _t(t);
-  Z() && (window.$aerogel = e), await yn(e, r), e.mount("#app"), (s = e._container) == null || s.classList.remove("loading"), await x.emit("application-mounted");
+  const e = wt(t);
+  G() && (window.$aerogel = e), await Mn(e, r), e.mount("#app"), (s = e._container) == null || s.classList.remove("loading"), await S.emit("application-mounted");
 }
-const wn = { key: 0 }, $n = /* @__PURE__ */ h({
+const En = { key: 0 }, Pn = /* @__PURE__ */ g({
   __name: "AppModals",
   setup(t) {
-    const r = d(() => P.modals[0] ?? null);
-    return (e, s) => r.value ? (u(), b("aside", wn, [
-      m(rt, {
+    const r = p(() => L.modals[0] ?? null);
+    return (e, s) => r.value ? (l(), v("aside", En, [
+      m(et, {
         "child-index": 1,
         modal: r.value
       }, null, 8, ["modal"])
-    ])) : E("", !0);
-  }
-}), xn = (t, r) => {
-  const e = t.__vccOpts || t;
-  for (const [s, n] of r)
-    e[s] = n;
-  return e;
-}, Sn = {}, kn = {
-  "aria-live": "assertive",
-  class: "pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:p-6"
-}, Cn = { class: "flex w-full flex-col items-end space-y-4" };
-function Mn(t, r) {
-  return u(), b("div", kn, [
-    v("div", Cn, [
-      (u(!0), b(ee, null, ie(t.$ui.snackbars, (e) => (u(), g(te(e.component), A({
-        id: e.id,
-        key: e.id,
-        ref_for: !0
-      }, e.properties), null, 16, ["id"]))), 128))
-    ])
-  ]);
-}
-const En = /* @__PURE__ */ xn(Sn, [["render", Mn]]), Pn = /* @__PURE__ */ h({
+    ])) : M("", !0);
+  }
+}), Hn = /* @__PURE__ */ g({
+  __name: "AppToasts",
+  setup(t) {
+    return (r, e) => (l(), h(i(Yt), null, {
+      default: f(() => [
+        (l(!0), v(q, null, U(r.$ui.toasts, (s) => (l(), h(X(s.component), I({
+          id: s.id,
+          key: s.id,
+          ref_for: !0
+        }, s.properties), null, 16, ["id"]))), 128)),
+        m(i(er), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+      ]),
+      _: 1
+    }));
+  }
+}), In = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    const r = I(null), e = I(!0);
-    return se("show-overlays-backdrop", async () => {
+    const r = H(null), e = H(!0);
+    return ee("show-overlays-backdrop", async () => {
       !r.value || !e.value || (e.value = !1, r.value.classList.remove("opacity-0"));
-    }), se("hide-overlays-backdrop", async () => {
+    }), ee("hide-overlays-backdrop", async () => {
       !r.value || e.value || (e.value = !0, r.value.classList.add("opacity-0"));
-    }), (s, n) => (u(), b(ee, null, [
-      v("div", {
-        id: "aerogel-overlays-backdrop",
-        ref_key: "$backdrop",
-        ref: r,
-        class: "pointer-events-none fixed inset-0 z-50 bg-black/30 opacity-0"
-      }, null, 512),
-      m($n),
-      m(En)
+    }), (s, n) => (l(), v(q, null, [
+      m(Pn),
+      m(Hn)
     ], 64));
   }
-}), In = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ia = /* @__PURE__ */ h({
+}), Ln = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ra = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (r, e) => (u(), b("div", In, [
-      r.$errors.hasStartupErrors ? y(r.$slots, "startup-crash", { key: 0 }, () => [
-        (u(), g(te(r.$ui.requireComponent(c(C).StartupCrash))))
-      ]) : y(r.$slots, "default", { key: 1 }),
-      m(Pn)
+    return (r, e) => (l(), v("div", Ln, [
+      r.$errors.hasStartupErrors ? w(r.$slots, "startup-crash", { key: 0 }, () => [
+        (l(), h(X(r.$ui.requireComponent(i(E).StartupCrash))))
+      ]) : w(r.$slots, "default", { key: 1 }),
+      m(In)
     ]));
   }
 });
-function Aa() {
-  return yt((t, r) => {
+function za() {
+  return $t((t, r) => {
     let e;
     return {
       get() {
         return t(), e;
       },
       set(s) {
-        e = Qr(s), r();
+        e = as(s), r();
       }
     };
   });
 }
-const An = {
-  viewBox: "0 0 20 20",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Hn(t, r) {
-  return u(), b("svg", An, r[0] || (r[0] = [
-    v("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)
-  ]));
+function Tn(t) {
+  return typeof t == "object" && t !== null && "label" in t;
 }
-const Ln = { name: "zondicons-cheveron-down", render: Hn }, it = {
-  name: R(),
-  label: R(),
-  options: fr(),
-  noSelectionText: R(),
-  optionsText: Ke()
-}, Tn = ["update:modelValue"];
-function lt() {
-  return it;
+const Vn = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ba = /* @__PURE__ */ g({
+  __name: "HeadlessInputTextArea",
+  setup(t) {
+    const r = H(), e = j(
+      "input",
+      "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
+    ), s = p(() => e.name ?? void 0), n = p(() => e.value);
+    function a() {
+      r.value && e.update(r.value.value);
+    }
+    return Ye(e, () => {
+      var o;
+      return (o = r.value) == null ? void 0 : o.focus();
+    }), (o, u) => (l(), v("textarea", {
+      id: i(e).id,
+      ref_key: "$textArea",
+      ref: r,
+      name: s.value,
+      value: n.value,
+      required: i(e).required ?? void 0,
+      "aria-invalid": i(e).errors ? "true" : "false",
+      "aria-describedby": i(e).errors ? `${i(e).id}-error` : i(e).description ? `${i(e).id}-description` : void 0,
+      onInput: a
+    }, null, 40, Vn));
+  }
+});
+function qa(t) {
+  let r = jt;
+  xt(() => r = t()), ue(() => r());
 }
-function ct() {
-  return [...Tn];
+function Da(t, r) {
+  const e = oe(D.get(t) ?? r);
+  return ke(e, () => D.set(t, Ct(e))), e;
 }
-function Ha(t) {
-  return Kr(t, it);
+function Fa(t) {
+  return t.split(/\s+/).filter((r) => !/^(hover|focus|focus-visible):/.test(r)).join(" ").trim();
 }
-const jn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelect",
-  props: {
-    modelValue: Ke(),
-    ...lt()
-  },
-  emits: ct(),
-  setup(t, { expose: r, emit: e }) {
-    const s = e, n = t, a = d(() => typeof n.optionsText == "function" ? n.optionsText : typeof n.optionsText == "string" ? (S) => V(S[n.optionsText]) : (S) => V(S)), i = X("form", null), o = d(() => n.noSelectionText ?? $("select.noSelection", "-")), l = d(
-      () => i && n.name ? i.getFieldValue(n.name) : n.modelValue
-    ), p = d(() => !i || !n.name ? null : i.errors[n.name] ?? null);
-    function w(S) {
-      if (i && n.name) {
-        i.setFieldValue(n.name, S);
-        return;
-      }
-      s("update:modelValue", S);
-    }
-    const M = {
-      id: `select-${de()}`,
-      noSelectionText: o,
-      selectedOption: l,
-      errors: p,
-      options: d(() => n.options),
-      label: d(() => n.label),
-      buttonText: d(() => l.value === null ? o.value : a.value(l.value)),
-      renderText: a,
-      update: w
-    };
-    return fe("select", M), r(M), (S, D) => (u(), g(c(Nt), {
-      "model-value": l.value,
-      "onUpdate:modelValue": D[0] || (D[0] = (F) => w(F))
-    }, {
-      default: f(({ open: F }) => [
-        y(S.$slots, "default", {
-          modelValue: t.modelValue,
-          open: F
-        })
-      ]),
-      _: 3
-    }, 8, ["model-value"]));
+const ut = /* @__PURE__ */ g({
+  __name: "HeadlessSelectValue",
+  setup(t) {
+    const r = j(
+      "select",
+      "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
+    );
+    return (e, s) => (l(), h(i(tr), {
+      placeholder: i(r).placeholder
+    }, null, 8, ["placeholder"]));
   }
-}), Rn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectTrigger",
-  props: { textClass: R() },
+}), ct = /* @__PURE__ */ g({
+  __name: "HeadlessSelectTrigger",
   setup(t) {
-    const r = z(
+    const r = j(
       "select",
-      "<AGHeadlessSelectTrigger> must be a child of a <AGHeadlessSelect>"
+      "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, s) => (u(), g(c(Wt), null, {
+    return (e, s) => (l(), h(i(rr), {
+      id: i(r).id
+    }, {
       default: f(() => [
-        m(c(Ot), null, {
-          default: f(() => [
-            y(e.$slots, "default", {}, () => {
-              var n;
-              return [
-                v("span", {
-                  class: H(t.textClass)
-                }, k((n = c(r)) == null ? void 0 : n.buttonText), 3)
-              ];
-            }),
-            y(e.$slots, "icon")
-          ]),
-          _: 3
-        })
+        w(e.$slots, "default", {}, () => [
+          m(ut, {
+            placeholder: i(r).placeholder
+          }, null, 8, ["placeholder"]),
+          m(i(sr))
+        ])
       ]),
       _: 3
-    }));
-  }
-}), Vn = ["id"], zn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectError",
-  setup(t) {
-    const r = z(
-      "select",
-      "<AGHeadlessSelectError> must be a child of a <AGHeadlessSelect>"
-    ), e = d(() => r.errors ? $(`errors.${r.errors[0]}`, `Error: ${r.errors[0]}`) : null);
-    return (s, n) => e.value ? (u(), b("p", {
-      key: 0,
-      id: `${c(r).id}-error`
-    }, k(e.value), 9, Vn)) : E("", !0);
+    }, 8, ["id"]));
   }
-}), qn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectOption",
+}), dt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectOption",
   props: {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value: hr(),
-    selectedClass: R(),
-    unselectedClass: R(),
-    activeClass: R(),
-    inactiveClass: R()
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
   },
   setup(t) {
-    const r = z(
+    const r = j(
       "select",
-      "<AGHeadlessSelectOption> must be a child of a <AGHeadlessSelect>"
-    );
-    return (e, s) => (u(), g(c(Kt), {
-      value: t.value,
-      as: "template"
-    }, {
+      "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
+    ), e = p(() => {
+      var n;
+      const s = (n = r.options) == null ? void 0 : n.find((a) => a.value === t.value);
+      return s ? s.label : z(t.value);
+    });
+    return (s, n) => (l(), h(i(nr), de(pe(s.$props)), {
       default: f(() => [
-        m(c(Qt), null, {
+        m(i(ar), { class: "the-text" }, {
           default: f(() => [
-            y(e.$slots, "default", {}, () => [
-              B(k(c(r).renderText(t.value)), 1)
+            w(s.$slots, "default", {}, () => [
+              A(x(e.value), 1)
             ])
           ]),
           _: 3
         })
       ]),
       _: 3
-    }, 8, ["value"]));
+    }, 16));
   }
-}), Bn = /* @__PURE__ */ h({
-  __name: "AGHeadlessSelectOptions",
-  props: { class: R("") },
+}), pt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectOptions",
+  props: {
+    class: {}
+  },
   setup(t) {
-    const r = t, e = d(() => r.class);
-    return (s, n) => (u(), g(c(Jt), null, {
+    const r = j(
+      "select",
+      "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
+    );
+    return (e, s) => (l(), h(i(or), null, {
       default: f(() => [
-        m(c(Zt), {
-          class: H(e.value)
+        m(i(ir), {
+          class: P(t.class)
         }, {
           default: f(() => [
-            m(c(Xt), null, {
+            m(i(lr), null, {
               default: f(() => [
-                y(s.$slots, "default")
+                w(e.$slots, "default", {}, () => [
+                  (l(!0), v(q, null, U(i(r).options ?? [], (n) => (l(), h(dt, {
+                    key: n.key,
+                    value: n.value
+                  }, null, 8, ["value"]))), 128))
+                ])
               ]),
               _: 3
             })
@@ -2423,248 +2555,104 @@ const jn = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Dn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, La = /* @__PURE__ */ h({
-  __name: "AGSelect",
-  props: lt(),
-  emits: ct(),
-  setup(t) {
-    const r = t, e = Pe();
-    return (s, n) => (u(), g(jn, A(r, {
-      ref_key: "$select",
-      ref: e,
-      as: "div",
-      "onUpdate:modelValue": n[0] || (n[0] = (a) => s.$emit("update:modelValue", a))
-    }), {
-      default: f(() => {
-        var a, i;
-        return [
-          v("div", {
-            class: H(["relative", { "mt-2": (a = c(e)) == null ? void 0 : a.label }])
-          }, [
-            m(Rn, {
-              class: H(["relative w-full cursor-default bg-white py-1.5 pr-10 pl-3 text-left text-gray-900 ring-1 ring-gray-300 ring-inset focus:ring-2 focus:ring-indigo-600 focus:outline-hidden", {
-                "ring-1 ring-red-500": (i = c(e)) == null ? void 0 : i.errors
-              }]),
-              "text-class": "block truncate"
-            }, {
-              icon: f(() => [
-                v("span", Dn, [
-                  m(c(Ln), { class: "size-5 text-gray-400" })
-                ])
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            m(Bn, { class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto border border-gray-300 bg-white py-1 text-base ring-1 ring-black/5 focus:outline-hidden" }, {
-              default: f(() => {
-                var o;
-                return [
-                  (u(!0), b(ee, null, ie(((o = c(e)) == null ? void 0 : o.options) ?? [], (l, p) => (u(), g(qn, {
-                    key: p,
-                    value: l,
-                    class: "relative block cursor-default truncate py-2 pr-9 pl-3 text-gray-900 select-none data-[highlighted]:bg-indigo-600 data-[highlighted]:text-white data-[state=checked]:font-semibold data-[state=unchecked]:font-normal"
-                  }, null, 8, ["value"]))), 128))
-                ];
-              }),
-              _: 1
-            })
-          ], 2),
-          m(zn, { class: "mt-2 text-sm text-red-600" })
-        ];
-      }),
-      _: 1
-    }, 16));
-  }
-});
-function Ta(t, r) {
-  const e = X("form", null), s = e == null ? void 0 : e.on("focus", (n) => t.name === n && r());
-  oe(() => s == null ? void 0 : s());
-}
-const ja = /* @__PURE__ */ h({
-  __name: "HeadlessInput",
+}), jn = /* @__PURE__ */ g({
+  __name: "HeadlessSelect",
   props: {
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
     name: {},
     label: {},
     description: {},
-    modelValue: {},
-    as: { default: "div" }
+    modelValue: {}
   },
   emits: ["update:modelValue"],
   setup(t, { expose: r, emit: e }) {
-    const s = e, n = X("form", null), a = d(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
-      id: `input-${de()}`,
-      name: d(() => t.name),
-      label: d(() => t.label),
-      description: d(() => t.description),
-      value: d(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: De(a),
-      required: d(() => {
+    const s = e, n = se("form", null), a = p(() => t.modelValue), o = p(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = p(() => t.options ? t.options.map((b) => ({
+      key: te(),
+      label: t.renderOption ? t.renderOption(b) : Tn(b) ? At(b.label) : z(b),
+      value: b
+    })) : null), c = {
+      id: `select-${te()}`,
+      name: p(() => t.name),
+      label: p(() => t.label),
+      description: p(() => t.description),
+      placeholder: p(() => t.placeholder ?? C("ui.select", "Select an option")),
+      options: u,
+      selectedOption: p(() => {
+        var b;
+        return (b = u.value) == null ? void 0 : b.find(($) => $.value === t.modelValue);
+      }),
+      value: p(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: Ee(o),
+      required: p(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(o) {
+      update(b) {
         if (n && t.name) {
-          n.setFieldValue(t.name, o);
+          n.setFieldValue(t.name, b);
           return;
         }
-        s("update:modelValue", o);
+        s("update:modelValue", b);
       }
     };
-    return fe("input", i), r(i), (o, l) => (u(), g(te(o.as), null, {
-      default: f(() => [
-        y(o.$slots, "default")
+    function d(b) {
+      c.update(b);
+    }
+    return ce("select", c), r(c), (b, $) => (l(), h(i(ur), {
+      "model-value": a.value,
+      "onUpdate:modelValue": $[0] || ($[0] = (k) => d(k))
+    }, {
+      default: f(({ open: k }) => [
+        w(b.$slots, "default", {
+          modelValue: b.modelValue,
+          open: k
+        }, () => [
+          m(ct),
+          m(pt)
+        ])
       ]),
       _: 3
-    }));
-  }
-}), Ra = /* @__PURE__ */ h({
-  inheritAttrs: !1,
-  __name: "HeadlessInputDescription",
-  setup(t) {
-    const r = z(
-      "input",
-      "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
-    ), e = d(() => typeof r.description == "string" ? r.description : ""), s = d(() => !!r.description);
-    return (n, a) => y(n.$slots, "default", {
-      id: `${c(r).id}-description`
-    }, () => [
-      s.value ? (u(), g(T, A({ key: 0 }, n.$attrs, {
-        id: `${c(r).id}-description`,
-        text: e.value
-      }), null, 16, ["id", "text"])) : E("", !0)
-    ]);
-  }
-}), Fn = ["id"], Va = /* @__PURE__ */ h({
-  __name: "HeadlessInputError",
-  setup(t) {
-    const r = z("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = d(() => r.errors ? $(`errors.${r.errors[0]}`, `Error: ${r.errors[0]}`) : null);
-    return (s, n) => e.value ? (u(), b("p", {
-      key: 0,
-      id: `${c(r).id}-error`
-    }, k(e.value), 9, Fn)) : E("", !0);
+    }, 8, ["model-value"]));
   }
-}), Un = ["id", "name", "type", "required", "aria-invalid", "aria-describedby", "checked"], za = /* @__PURE__ */ h({
-  __name: "HeadlessInputInput",
+}), An = /* @__PURE__ */ g({
+  __name: "HeadlessSelectLabel",
   props: {
-    type: { default: "text" }
+    asChild: { type: Boolean },
+    as: {}
   },
   setup(t) {
-    const r = I(), e = z("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), s = d(() => e.name ?? void 0), n = d(() => e.value), a = d(() => {
-      if (t.type === "checkbox")
-        return !!n.value;
-    });
-    function i() {
-      r.value && e.update(o());
-    }
-    function o() {
-      if (!r.value)
-        return null;
-      switch (t.type) {
-        case "checkbox":
-          return r.value.checked;
-        case "date":
-          return r.value.valueAsDate;
-        default:
-          return r.value.value;
-      }
-    }
-    return et(e, () => {
-      var l;
-      return (l = r.value) == null ? void 0 : l.focus();
-    }), Be(() => {
-      if (r.value) {
-        if (t.type === "date") {
-          r.value.valueAsDate = n.value;
-          return;
-        }
-        r.value.value = n.value ?? null;
-      }
-    }), (l, p) => (u(), b("input", {
-      id: c(e).id,
-      ref_key: "$input",
-      ref: r,
-      name: s.value,
-      type: l.type,
-      required: c(e).required ?? void 0,
-      "aria-invalid": c(e).errors ? "true" : "false",
-      "aria-describedby": c(e).errors ? `${c(e).id}-error` : c(e).description ? `${c(e).id}-description` : void 0,
-      checked: a.value,
-      onInput: i
-    }, null, 40, Un));
-  }
-}), Gn = ["for"], qa = /* @__PURE__ */ h({
-  __name: "HeadlessInputLabel",
-  setup(t) {
-    const r = z("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = qe(), s = d(() => !!(r.label || e.default));
-    return (n, a) => s.value ? (u(), b("label", {
+    const r = j(
+      "select",
+      "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
+    ), e = Se(), s = p(() => !!(r.label || e.default));
+    return (n, a) => s.value ? (l(), h(i(cr), I({
       key: 0,
-      for: c(r).id
-    }, [
-      y(n.$slots, "default", {}, () => [
-        B(k(c(r).label), 1)
-      ])
-    ], 8, Gn)) : E("", !0);
-  }
-}), Nn = ["id", "name", "required", "value", "aria-invalid", "aria-describedby"], Ba = /* @__PURE__ */ h({
-  __name: "HeadlessInputTextArea",
-  setup(t) {
-    const r = I(), e = z(
-      "input",
-      "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
-    ), s = d(() => e.name ?? void 0), n = d(() => e.value);
-    function a() {
-      r.value && e.update(r.value.value);
-    }
-    return et(e, () => {
-      var i;
-      return (i = r.value) == null ? void 0 : i.focus();
-    }), (i, o) => (u(), b("textarea", {
-      id: c(e).id,
-      ref_key: "$textArea",
-      ref: r,
-      name: s.value,
-      required: c(e).required ?? void 0,
-      value: n.value,
-      "aria-invalid": c(e).errors ? "true" : "false",
-      "aria-describedby": c(e).errors ? `${c(e).id}-error` : c(e).description ? `${c(e).id}-description` : void 0,
-      onInput: a
-    }, null, 40, Nn));
-  }
-}), Da = /* @__PURE__ */ h({
-  __name: "AGErrorMessage",
-  props: { error: gr() },
-  setup(t) {
-    const r = t, e = d(() => Hr(r.error));
-    return (s, n) => (u(), g(T, {
-      text: e.value,
-      inline: ""
-    }, null, 8, ["text"]));
+      for: i(r).id
+    }, n.$props), {
+      default: f(() => [
+        w(n.$slots, "default", {}, () => [
+          A(x(i(r).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for"])) : M("", !0);
   }
-}), Fa = /* @__PURE__ */ h({
-  __name: "AGMeasured",
-  props: { as: R("span") },
+}), Rn = { class: "group" }, zn = { class: "-ml-2 flex w-[max-content] cursor-pointer items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Bn = { class: "pt-2 pl-4" }, Ua = /* @__PURE__ */ g({
+  __name: "AdvancedOptions",
   setup(t) {
-    const r = I(!1);
-    return (e, s) => {
-      const n = wt("measure");
-      return Fe((u(), g(te(t.as), {
-        class: H({ "invisible! absolute! w-auto!": !r.value })
-      }, {
-        default: f(() => [
-          y(e.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class"])), [
-        [n, () => r.value = !0]
-      ]);
-    };
+    return (r, e) => (l(), v("details", Rn, [
+      y("summary", zn, [
+        m(i(st), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, x(r.$td("ui.advancedOptions", "Advanced options")), 1)
+      ]),
+      y("div", Bn, [
+        w(r.$slots, "default")
+      ])
+    ]));
   }
-}), Wn = { class: "flex h-6 items-center" }, On = {
-  key: 0,
-  class: "ml-2 text-sm leading-6"
-}, Kn = {
-  key: 1,
-  class: "ml-2 text-sm leading-6"
-}, Ua = /* @__PURE__ */ h({
+}), qn = { class: "flex h-6 items-center" }, Na = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -2672,58 +2660,181 @@ const ja = /* @__PURE__ */ h({
     label: {},
     description: {},
     modelValue: {},
-    inputClass: {}
+    inputClass: {},
+    labelClass: {}
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const r = Y(t, ["inputClass"]), e = Pe(), [s, n] = ot(), a = d(() => N("relative flex items-start", n.value)), i = d(() => {
-      var o, l;
-      return N(
+    const r = Z(t, ["inputClass", "labelClass"]), e = me("$input"), [s, n] = it(), a = p(() => T("relative flex items-start", n.value)), o = p(() => {
+      var c, d;
+      return T(
         "size-4 rounded text-primary hover:bg-gray-200 checked:hover:bg-primary/80 checked:border-0",
         {
-          "border-gray-300 focus:ring-primary": !((o = e.value) != null && o.errors),
-          "border-red-400 border-2 focus:ring-red-600": (l = e.value) == null ? void 0 : l.errors
+          "border-gray-300 focus:ring-primary": !((c = e.value) != null && c.errors),
+          "border-red-400 border-2 focus:ring-red-600": (d = e.value) == null ? void 0 : d.errors
         },
         t.inputClass
       );
-    });
-    return (o, l) => {
-      const p = j("HeadlessInputInput"), w = j("HeadlessInputLabel"), M = j("HeadlessInputError"), S = j("HeadlessInput");
-      return u(), g(S, A({
-        ref_key: "$input",
-        ref: e,
-        class: a.value
-      }, r, {
-        "onUpdate:modelValue": l[0] || (l[0] = (D) => o.$emit("update:modelValue", D))
-      }), {
-        default: f(() => [
-          v("div", Wn, [
-            m(p, A(c(s), {
-              type: "checkbox",
-              class: i.value
-            }), null, 16, ["class"])
+    }), u = p(() => T("ml-2 text-sm leading-6", t.labelClass));
+    return (c, d) => (l(), h(at, I({
+      ref_key: "$input",
+      ref: e,
+      class: a.value
+    }, r, {
+      "onUpdate:modelValue": d[0] || (d[0] = (b) => c.$emit("update:modelValue", b))
+    }), {
+      default: f(() => [
+        y("div", qn, [
+          m(ot, I(i(s), {
+            type: "checkbox",
+            class: o.value
+          }), null, 16, ["class"])
+        ]),
+        c.$slots.default ? (l(), v("div", {
+          key: 0,
+          class: P(u.value)
+        }, [
+          m(xe, { class: "text-gray-900" }, {
+            default: f(() => [
+              w(c.$slots, "default")
+            ]),
+            _: 3
+          }),
+          m(Ce, { class: "text-red-600" })
+        ], 2)) : c.label ? (l(), v("div", {
+          key: 1,
+          class: P(u.value)
+        }, [
+          m(xe, { class: "text-gray-900" }),
+          m(Ce, { class: "text-red-600" })
+        ], 2)) : M("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Oa = /* @__PURE__ */ g({
+  __name: "DropdownMenu",
+  props: {
+    align: {},
+    options: {}
+  },
+  setup(t) {
+    return (r, e) => (l(), h(i(dr), null, {
+      default: f(() => [
+        m(i(pr), null, {
+          default: f(() => [
+            w(r.$slots, "default")
           ]),
-          o.$slots.default ? (u(), b("div", On, [
-            m(w, { class: "text-gray-900" }, {
+          _: 3
+        }),
+        m(i(mr), null, {
+          default: f(() => [
+            m(i(fr), {
+              class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
+              align: r.align
+            }, {
               default: f(() => [
-                y(o.$slots, "default")
+                (l(!0), v(q, null, U(r.options, (s, n) => (l(), h(i(hr), {
+                  key: n,
+                  class: "flex w-full items-center rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
+                  onSelect: s.click
+                }, {
+                  default: f(() => [
+                    A(x(s.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onSelect"]))), 128))
               ]),
-              _: 3
-            }),
-            m(M, { class: "text-sm text-red-600" })
-          ])) : o.label ? (u(), b("div", Kn, [
-            m(w),
-            m(M, { class: "text-sm text-red-600" })
-          ])) : E("", !0)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
+              _: 1
+            }, 8, ["align"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }));
   }
-}), Ga = /* @__PURE__ */ h({
+}), Dn = ["aria-hidden"], Fn = ["tabindex", "aria-label", "type"], Wa = /* @__PURE__ */ g({
+  __name: "EditableContent",
+  props: {
+    type: { default: "text" },
+    contentClass: {},
+    ariaLabel: {},
+    formAriaHidden: { type: Boolean },
+    tabindex: {},
+    text: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update", "save"],
+  setup(t, { emit: r }) {
+    const e = r, s = H(), n = H(null), a = H(t.text), o = p(() => T("inline whitespace-pre", t.contentClass)), u = p(() => T("invisible whitespace-pre", t.contentClass)), c = p(() => T("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function d() {
+      n.value = t.text;
+    }
+    function b() {
+      n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
+    }
+    return Me(() => a.value = t.text), ($, k) => (l(), v("div", {
+      class: P(["relative", { "pointer-events-none!": $.disabled && !n.value }])
+    }, [
+      n.value ? (l(), v("span", {
+        key: 1,
+        class: P(u.value)
+      }, x(a.value), 3)) : (l(), v("div", {
+        key: 0,
+        class: P(o.value)
+      }, [
+        w($.$slots, "default")
+      ], 2)),
+      $.type === "number" ? (l(), v("span", {
+        key: 2,
+        class: P(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : M("", !0),
+      y("form", {
+        class: "w-full",
+        "aria-hidden": $.formAriaHidden,
+        onSubmit: k[4] || (k[4] = qe((N) => {
+          var Ie;
+          return (Ie = s.value) == null ? void 0 : Ie.blur();
+        }, ["prevent"]))
+      }, [
+        De(y("input", {
+          ref_key: "$input",
+          ref: s,
+          "onUpdate:modelValue": k[0] || (k[0] = (N) => a.value = N),
+          tabindex: $.tabindex ?? void 0,
+          "aria-label": $.ariaLabel ?? void 0,
+          type: $.type,
+          class: P([
+            c.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && $.type === "number" }
+          ]),
+          onKeyup: k[1] || (k[1] = (N) => $.$emit("update", a.value)),
+          onFocus: k[2] || (k[2] = (N) => d()),
+          onBlur: k[3] || (k[3] = (N) => b())
+        }, null, 42, Fn), [
+          [kt, a.value]
+        ])
+      ], 40, Dn)
+    ], 2));
+  }
+}), Ka = /* @__PURE__ */ g({
+  __name: "ErrorMessage",
+  props: {
+    error: {}
+  },
+  setup(t) {
+    const r = p(() => Fr(t.error));
+    return (e, s) => (l(), h(R, {
+      text: r.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), Ja = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
+    disabled: { type: Boolean },
     href: {},
     route: {},
     routeParams: {},
@@ -2734,16 +2845,85 @@ const ja = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const r = t;
-    return (e, s) => (u(), g(L, A({ variant: "link" }, r), {
+    return (r, e) => (l(), h(V, I({ variant: "link" }, r.$props), {
       default: f(() => [
-        y(e.$slots, "default")
+        w(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Un = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Nn(t, r) {
+  return l(), v("svg", Un, r[0] || (r[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 On = { name: "zondicons-cheveron-down", render: Nn }, Wn = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md px-2 py-1 select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50" }, Kn = { class: "text-sm" }, Qa = /* @__PURE__ */ g({
+  __name: "Select",
+  props: {
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const r = me("$select");
+    return (e, s) => (l(), h(jn, I({
+      ref_key: "$select",
+      ref: r
+    }, e.$props, {
+      "onUpdate:modelValue": s[0] || (s[0] = (n) => e.$emit("update:modelValue", n))
+    }), {
+      default: f(() => [
+        m(An, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+        w(e.$slots, "default", {}, () => [
+          m(ct, {
+            class: P(["focus:outline-primary grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 sm:text-sm/6", { "mt-1": e.label }])
+          }, {
+            default: f(() => [
+              m(ut, { class: "col-start-1 row-start-1 truncate pr-6" }),
+              m(i(On), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          m(pt, { class: "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden" }, {
+            default: f(() => {
+              var n;
+              return [
+                (l(!0), v(q, null, U(((n = i(r)) == null ? void 0 : n.options) ?? [], (a) => (l(), h(dt, {
+                  key: a.key,
+                  value: a.value,
+                  class: "group p-1 outline-none"
+                }, {
+                  default: f(() => [
+                    y("div", Wn, [
+                      y("span", Kn, x(a.label), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ];
+            }),
+            _: 1
+          })
+        ])
       ]),
       _: 3
     }, 16));
   }
 });
-class Na {
+class Ga {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -2751,22 +2931,22 @@ class Na {
     _(this, "_cancelled");
     _(this, "_started");
     _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new Ht(), this._started = new W(), this._completed = new W();
+    this.status = this.getInitialStatus(), this._listeners = new Rt(), this._started = new O(), this._completed = new O();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (r) {
-      if (r instanceof je)
+      if (r instanceof Ae)
         return;
-      throw K(Lt(r), (e) => {
+      throw K(zt(r), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new W(), await this._cancelled;
+    this._cancelled = new O(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -2801,10 +2981,10 @@ class Na {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new je();
+      throw this._cancelled.resolve(), new Ae();
   }
   calculateCurrentProgress(r) {
-    return r ?? (r = this.status), r.completed ? 1 : r.children ? Tt(
+    return r ?? (r = this.status), r.completed ? 1 : r.children ? Bt(
       r.children.reduce((e, s) => e + this.calculateCurrentProgress(s), 0) / r.children.length,
       2
     ) : 0;
@@ -2818,151 +2998,132 @@ class Na {
     return { ...r };
   }
 }
-async function Wa(t) {
+async function Za(t) {
   await t.start();
 }
-function Oa(t) {
-  let r = jt;
-  $t(() => r = t()), oe(() => r());
-}
-function Ka(t, r) {
-  const e = ue(U.get(t) ?? r);
-  return Se(e, () => U.set(t, xt(e))), e;
-}
-function Qa(t) {
-  return t.split(/\s+/).filter((r) => !/^(hover|focus|focus-visible):/.test(r)).join(" ").trim();
-}
 export {
-  Da as AGErrorMessage,
-  jn as AGHeadlessSelect,
-  zn as AGHeadlessSelectError,
-  qn as AGHeadlessSelectOption,
-  Bn as AGHeadlessSelectOptions,
-  Rn as AGHeadlessSelectTrigger,
-  Dr as AGHeadlessSnackbar,
-  Fa as AGMeasured,
-  La as AGSelect,
-  rs as AGSnackbar,
-  is as AGStartupCrash,
-  vs as AlertModal,
-  G as App,
-  Ia as AppLayout,
-  Pn as AppOverlays,
-  cr as AppService,
-  L as Button,
-  ba as Cache,
-  yr as CacheService,
-  Ua as Checkbox,
-  ae as Colors,
-  Es as ConfirmModal,
-  sn as ErrorReportModal,
-  Ks as ErrorReportModalButtons,
-  Qs as ErrorReportModalTitle,
-  Xe as Errors,
-  ia as EventListenerPriorities,
-  x as Events,
-  ir as EventsService,
-  st as Form,
-  ys as FormController,
-  q as FormFieldTypes,
-  Wr as HeadlessButton,
-  ja as HeadlessInput,
-  Ra as HeadlessInputDescription,
-  Va as HeadlessInputError,
-  za as HeadlessInputInput,
-  qa as HeadlessInputLabel,
+  Ua as AdvancedOptions,
+  ms as AlertModal,
+  F as App,
+  Ra as AppLayout,
+  In as AppOverlays,
+  Cr as AppService,
+  V as Button,
+  ka as Cache,
+  Hr as CacheService,
+  Na as Checkbox,
+  Cs as ConfirmModal,
+  Oa as DropdownMenu,
+  Wa as EditableContent,
+  Ka as ErrorMessage,
+  Xs as ErrorReportModal,
+  Us as ErrorReportModalButtons,
+  Ns as ErrorReportModalTitle,
+  Qe as Errors,
+  oa as EventListenerPriorities,
+  S as Events,
+  $r as EventsService,
+  tt as Form,
+  gs as FormController,
+  B as FormFieldTypes,
+  ns as HeadlessButton,
+  at as HeadlessInput,
+  cn as HeadlessInputDescription,
+  Ce as HeadlessInputError,
+  ot as HeadlessInputInput,
+  xe as HeadlessInputLabel,
   Ba as HeadlessInputTextArea,
-  ds as HeadlessModal,
-  ps as HeadlessModalContent,
-  ms as HeadlessModalOverlay,
-  fs as HeadlessModalTitle,
-  fn as Input,
-  Na as Job,
-  je as JobCancelledError,
-  ne as Lang,
-  me as Layouts,
-  Ga as Link,
-  pn as LoadingModal,
-  Qe as MOBILE_BREAKPOINT,
-  T as Markdown,
-  le as Modal,
-  rt as ModalContext,
-  un as ProgressBar,
-  vn as PromptModal,
-  ve as Service,
-  xe as ServiceBootError,
-  Fr as SnackbarColors,
-  $r as Storage,
-  P as UI,
-  C as UIComponents,
-  Cr as UIService,
-  dr as arrayProp,
-  $a as booleanInput,
-  ca as booleanProp,
-  be as bootServices,
-  Pa as bootstrap,
-  yn as bootstrapApplication,
-  Pe as componentRef,
-  ua as computedAsync,
-  xa as dateInput,
+  is as HeadlessModal,
+  ls as HeadlessModalContent,
+  us as HeadlessModalOverlay,
+  cs as HeadlessModalTitle,
+  jn as HeadlessSelect,
+  An as HeadlessSelectLabel,
+  dt as HeadlessSelectOption,
+  pt as HeadlessSelectOptions,
+  ct as HeadlessSelectTrigger,
+  ut as HeadlessSelectValue,
+  xn as HeadlessToast,
+  mn as Input,
+  Ga as Job,
+  Ae as JobCancelledError,
+  re as Lang,
+  le as Layouts,
+  Ja as Link,
+  on as LoadingModal,
+  We as MOBILE_BREAKPOINT,
+  R as Markdown,
+  ne as Modal,
+  et as ModalContext,
+  nn as ProgressBar,
+  gn as PromptModal,
+  Qa as Select,
+  ge as Service,
+  $e as ServiceBootError,
+  wn as StartupCrash,
+  Lr as Storage,
+  Cn as Toast,
+  L as UI,
+  E as UIComponents,
+  Ar as UIService,
+  la as arrayProp,
+  Pa as booleanInput,
+  ua as booleanProp,
+  ve as bootServices,
+  Aa as bootstrap,
+  Mn as bootstrapApplication,
+  ca as computedAsync,
+  Ha as dateInput,
   da as defineDirective,
-  wa as defineFormValidationRule,
-  la as definePlugin,
-  ge as defineServiceState,
-  or as defineServiceStore,
-  Wa as dispatch,
-  Aa as elementRef,
-  pr as enumProp,
-  Ha as extractSelectProps,
-  Je as getCurrentLayout,
-  Hr as getErrorMessage,
-  ar as getPiniaStore,
-  pa as injectOrFail,
-  mr as injectReactive,
-  z as injectReactiveOrFail,
-  ur as installPlugins,
-  ma as listenerProp,
-  Ke as mixedProp,
-  Ma as numberInput,
-  fa as numberProp,
-  ha as objectProp,
-  Oa as onCleanMounted,
-  Ta as onFormFocus,
-  Ka as persistent,
-  ya as registerErrorHandler,
-  Qa as removeInteractiveClasses,
-  Yr as renderMarkdown,
-  _a as replaceExisting,
-  fr as requiredArrayProp,
-  Sa as requiredBooleanInput,
-  ka as requiredDateInput,
-  ga as requiredEnumProp,
-  hr as requiredMixedProp,
-  Ca as requiredNumberInput,
-  va as requiredNumberProp,
-  gr as requiredObjectProp,
-  ws as requiredStringInput,
-  Te as requiredStringProp,
-  nr as resetPiniaStore,
-  es as safeHtml,
-  Tn as selectEmits,
-  it as selectProps,
-  Ur as snackbarProps,
-  Ea as stringInput,
-  R as stringProp,
-  Ze as translate,
-  $ as translateWithDefault,
-  $s as useConfirmModal,
-  se as useEvent,
-  nt as useForm,
-  ot as useInputAttrs,
-  dn as useLoadingModal,
-  hn as usePromptModal,
-  ct as useSelectEmits,
-  lt as useSelectProps,
-  Nr as useSnackbar,
-  Gr as useSnackbarProps,
-  _s as validate,
-  ce as validators
+  Ea as defineFormValidationRule,
+  ia as definePlugin,
+  he as defineServiceState,
+  wr as defineServiceStore,
+  Za as dispatch,
+  za as elementRef,
+  pa as enumProp,
+  Ke as getCurrentLayout,
+  Fr as getErrorMessage,
+  _r as getPiniaStore,
+  Tn as hasSelectOptionLabel,
+  ma as injectOrFail,
+  Sr as injectReactive,
+  j as injectReactiveOrFail,
+  kr as installPlugins,
+  fa as listenerProp,
+  ha as mixedProp,
+  Va as numberInput,
+  ga as numberProp,
+  va as objectProp,
+  qa as onCleanMounted,
+  Da as persistent,
+  Ma as registerErrorHandler,
+  Fa as removeInteractiveClasses,
+  ts as renderMarkdown,
+  Sa as replaceExisting,
+  ba as requiredArrayProp,
+  Ia as requiredBooleanInput,
+  La as requiredDateInput,
+  ya as requiredEnumProp,
+  _a as requiredMixedProp,
+  Ta as requiredNumberInput,
+  wa as requiredNumberProp,
+  $a as requiredObjectProp,
+  vs as requiredStringInput,
+  xa as requiredStringProp,
+  yr as resetPiniaStore,
+  rs as safeHtml,
+  ja as stringInput,
+  Ca as stringProp,
+  Je as translate,
+  C as translateWithDefault,
+  bs as useConfirmModal,
+  ee as useEvent,
+  rt as useForm,
+  it as useInputAttrs,
+  an as useLoadingModal,
+  fn as usePromptModal,
+  hs as validate,
+  ae as validators
 };
 //# sourceMappingURL=aerogel-core.js.map