@aerogel/core 0.1.1-next.1e4498f367b830c7a83435800066bb8261d179f5 → 0.1.1-next.7f33b133934b479bdeee0808001759d92e987cf9

package/dist/aerogel-core.js

@@ -1,18 +1,18 @@
 var It = Object.defineProperty;
 var qt = (t, s, e) => s in t ? It(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var _ = (t, s, e) => qt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as At, Text as Pt, Static as Dt, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as jt, useAttrs as et, onMounted as tt, watch as Le, toRaw as Bt, customRef as Ft, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as C, normalizeClass as x, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as M, createElementVNode as b, h as Ut, useTemplateRef as ee, withModifiers as st, withDirectives as rt, vModelCheckbox as Ot, normalizeStyle as Nt, resolveComponent as Wt, createApp as Kt, vModelText as Qt } from "vue";
-import { JSError as _e, stringToSlug as Jt, tap as te, MagicObject as nt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as at, isEmpty as Se, objectDeepClone as Zt, fail as W, facade as se, arrayRemove as Ve, getEnv as Xt, updateLocationQueryParameters as Gt, forever as Yt, toString as B, objectWithout as es, noop as ts, debounce as ss, stringMatchAll as lt, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as it, value as rs, isInstanceOf as Oe, stringExcerpt as ns, arraySorted as as, ListenersManager as ls, toError as is, round as os } from "@noeldemartin/utils";
+import { markRaw as E, Comment as At, Text as Pt, Static as Dt, inject as X, reactive as ge, unref as l, onUnmounted as we, ref as N, computed as c, readonly as $e, nextTick as jt, useAttrs as et, onMounted as tt, watch as Le, toRaw as Bt, customRef as Ft, watchEffect as Y, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as $, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as x, normalizeClass as C, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as G, useSlots as Re, createCommentVNode as M, createElementVNode as b, h as Ut, useTemplateRef as ee, withModifiers as st, withDirectives as rt, vModelCheckbox as Ot, normalizeStyle as Nt, resolveComponent as Wt, createApp as Kt, vModelText as Qt } from "vue";
+import { JSError as _e, stringToSlug as Jt, tap as te, MagicObject as nt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as at, isEmpty as Se, objectDeepClone as Zt, fail as W, facade as se, arrayRemove as Ve, getEnv as Xt, updateLocationQueryParameters as Yt, forever as Gt, toString as B, objectWithout as es, noop as ts, debounce as ss, stringMatchAll as lt, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as it, value as rs, isInstanceOf as Oe, stringExcerpt as ns, arraySorted as as, ListenersManager as ls, toError as is, round as os } from "@noeldemartin/utils";
 import j from "virtual:aerogel";
 import { createPinia as us, setActivePinia as cs, defineStore as ds } from "pinia";
 import ps from "dompurify";
 import { marked as ms, Renderer as Ne } from "marked";
 import { injectModal as ot, useModal as fs, createModal as hs, showModal as We, closeModal as Ke, modals as ae, ModalComponent as gs, ModalsPortal as vs } from "@noeldemartin/vue-modals";
-import { ModalComponent as oi, ModalsPortal as ui, closeModal as ci, createModal as di, injectModal as pi, modals as mi, showModal as fi } from "@noeldemartin/vue-modals";
+import { ModalComponent as ui, ModalsPortal as ci, closeModal as di, createModal as pi, injectModal as mi, modals as fi, showModal as hi } from "@noeldemartin/vue-modals";
 import bs from "clsx";
 import { cva as ys } from "class-variance-authority";
-import { twMerge as $s } from "tailwind-merge";
-import { Primitive as ws, SelectValue as Qe, SelectTrigger as _s, SelectIcon as Cs, SelectItem as xs, SelectItemText as ks, SelectPortal as Ss, SelectContent as Ts, SelectViewport as Ms, SelectRoot as Hs, Label as Vs, useForwardExpose as Ie, SwitchRoot as Es, SwitchThumb as Ls, DialogRoot as Rs, DialogPortal as zs, DialogContent as Is, DialogDescription as qs, DialogOverlay as As, DialogTitle as Ps, ToastClose as Ds, ToastRoot as js, ToastProvider as Bs, ToastViewport as Fs, DropdownMenuItem as Us, DropdownMenuContent as Os, DropdownMenuRoot as Ns, DropdownMenuTrigger as Ws, DropdownMenuPortal as Ks } from "reka-ui";
+import { twMerge as ws } from "tailwind-merge";
+import { Primitive as $s, SelectValue as Qe, SelectTrigger as _s, SelectIcon as xs, SelectItem as Cs, SelectItemText as ks, SelectPortal as Ss, SelectContent as Ts, SelectViewport as Ms, SelectRoot as Hs, Label as Vs, useForwardExpose as Ie, SwitchRoot as Es, SwitchThumb as Ls, DialogRoot as Rs, DialogPortal as zs, DialogContent as Is, DialogDescription as qs, DialogOverlay as As, DialogTitle as Ps, ToastClose as Ds, ToastRoot as js, ToastProvider as Bs, ToastViewport as Fs, DropdownMenuItem as Us, DropdownMenuContent as Os, DropdownMenuRoot as Ns, DropdownMenuTrigger as Ws, DropdownMenuPortal as Ks } from "reka-ui";
 class Ee extends _e {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
@@ -36,9 +36,9 @@ function Zs() {
 function Xs(t, s) {
   return ut(), ds(t, s)();
 }
-function Ce(t) {
+function xe(t) {
   var s;
-  return s = class extends xe {
+  return s = class extends Ce {
     usesStore() {
       return !0;
     }
@@ -75,7 +75,7 @@ To fix this problem, declare your initialState as a function instead.`
   }, _(s, "persist", t.persist ?? []), s;
 }
 var He;
-let xe = (He = class extends nt {
+let Ce = (He = class extends nt {
   constructor() {
     super();
     _(this, "_name");
@@ -191,12 +191,12 @@ let xe = (He = class extends nt {
     return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
 }, _(He, "persist", []), He);
-const wl = {
+const _l = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Gs extends xe {
+class Ys extends Ce {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -242,18 +242,18 @@ class Gs extends xe {
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var p, g, $;
+    var p, g, w;
     const a = r.priority ?? 0;
     e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
     const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? W(`priorities missing for event '${e}'`), o = ((g = this.listeners[e]) == null ? void 0 : g.handlers) ?? W(`handlers missing for event '${e}'`);
-    u.includes(a) || (u.push(a), u.sort((v, S) => S - v), o[a] = []), ($ = o[a]) == null || $.push(n);
+    u.includes(a) || (u.push(a), u.sort((v, S) => S - v), o[a] = []), (w = o[a]) == null || w.push(n);
   }
 }
-const F = se(Gs);
-function _l(t) {
+const F = se(Ys);
+function xl(t) {
   return t;
 }
-const Ys = Ce({
+const Gs = xe({
   name: "app",
   initialState: {
     plugins: {},
@@ -275,7 +275,7 @@ const Ys = Ce({
     }
   }
 });
-class er extends Ys {
+class er extends Gs {
   constructor() {
     super(...arguments);
     _(this, "name", j.name);
@@ -295,7 +295,7 @@ class er extends Ys {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Gt(e), location.reload(), await Yt();
+    e && Yt(e), location.reload(), await Gt();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -324,7 +324,7 @@ async function tr(t, ...s) {
 function sr(t) {
   return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
 }
-function xl(t) {
+function kl(t) {
   return t;
 }
 function rr(t) {
@@ -360,11 +360,11 @@ function dt(t, s) {
   return H(u(r), l(e));
 }
 function H(...t) {
-  return $s(bs(t));
+  return ws(bs(t));
 }
-function kl(t, s) {
+function Sl(t, s) {
   const e = F.on(t, s);
-  $e(() => e());
+  we(() => e());
 }
 const lr = {
   required: (t) => t ? void 0 : "required"
@@ -389,7 +389,7 @@ function ir(t, s) {
   }
 }
 const he = { ...lr };
-function Sl(t, s) {
+function Tl(t, s) {
   he[t] = s;
 }
 function or(t, s) {
@@ -400,7 +400,7 @@ function ur(t, s) {
   const e = (r = he[s]) == null ? void 0 : r.call(he, t);
   return e ? at(e) : [];
 }
-const Tl = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+const Ml = Symbol(), Je = /* @__PURE__ */ new WeakMap();
 class cr extends nt {
   constructor(e) {
     super();
@@ -413,7 +413,7 @@ class cr extends nt {
     this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Je.set(
       this,
       c(() => !Object.values(this._errors).some((r) => r !== null))
-    ), this.errors = we(this._errors);
+    ), this.errors = $e(this._errors);
   }
   get valid() {
     var e;
@@ -433,6 +433,9 @@ class cr extends nt {
     var r, n;
     return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
   }
+  setFieldErrors(e, r) {
+    this._errors[e] = r;
+  }
   getFieldType(e) {
     var r;
     return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
@@ -507,7 +510,7 @@ class cr extends nt {
 }
 function pt(t, s) {
   const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
-  $e(() => r == null ? void 0 : r());
+  we(() => r == null ? void 0 : r());
 }
 function mt(t) {
   return new cr(t);
@@ -516,11 +519,11 @@ function Ae() {
   const t = et(), s = c(() => t.class);
   return [c(() => es(t, "class")), s];
 }
-function Ml(t) {
+function Hl(t) {
   let s = ts;
-  tt(() => s = t()), $e(() => s());
+  tt(() => s = t()), we(() => s());
 }
-function Hl(t, s) {
+function Vl(t, s) {
   const e = ge(O.get(t) ?? s);
   return Le(e, () => O.set(t, Bt(e))), e;
 }
@@ -551,13 +554,13 @@ function dr(t) {
     }
   };
 }
-function Vl(t) {
+function El(t) {
   const s = N(), e = c(t);
   return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function El(t, s) {
+function Ll(t, s) {
   const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = ss((u) => n.value = u, e.delay ?? 300);
-  return G(() => a(r())), n;
+  return Y(() => a(r())), n;
 }
 let ie = null;
 function pr() {
@@ -585,7 +588,7 @@ function fr(t) {
 function hr() {
   return ie;
 }
-function Ll(t) {
+function Rl(t) {
   ie = t;
 }
 function gr(t) {
@@ -612,7 +615,7 @@ const vr = {
       t.directive(r, n);
   }
 };
-class $r extends xe {
+class wr extends Ce {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -633,14 +636,14 @@ class $r extends xe {
     });
   }
 }
-const Rl = se($r);
-class wr extends xe {
+const zl = se(wr);
+class $r extends Ce {
   async purge() {
     await F.emit("purge-storage");
   }
 }
-const ht = se(wr);
-function zl(t, s) {
+const ht = se($r);
+function Il(t, s) {
   return {
     ...t,
     ...ne(s, Object.keys(t))
@@ -661,7 +664,7 @@ async function ke(t, s) {
     })
   ), Object.assign(t.config.globalProperties, s), (J() || ze()) && Object.assign(globalThis, s);
 }
-const Cr = {
+const xr = {
   async install(t, s) {
     var r;
     const e = {
@@ -687,7 +690,7 @@ const gt = 768, ve = {
 function vt() {
   return globalThis.innerWidth > gt ? ve.Desktop : ve.Mobile;
 }
-const xr = Ce({
+const Cr = xe({
   name: "ui",
   initialState: {
     toasts: [],
@@ -698,7 +701,7 @@ const xr = Ce({
     mobile: ({ layout: t }) => t === ve.Mobile
   }
 });
-class kr extends xr {
+class kr extends Cr {
   constructor() {
     super(...arguments);
     _(this, "components", {});
@@ -732,15 +735,15 @@ class kr extends xr {
       message: r,
       required: !!(n != null && n.required)
     }, { response: o } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof o == "object" ? o[0] : o ?? !1, g = typeof o == "object" ? o[1] : Object.entries(u.checkboxes ?? {}).reduce(
-      ($, [v, { default: S }]) => ({
+      (w, [v, { default: S }]) => ({
         [v]: S ?? !1,
-        ...$
+        ...w
       }),
       {}
     );
-    for (const [$, v] of Object.entries(u.checkboxes ?? {}))
-      if (!(!v.required || g[$]))
-        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, g];
+    for (const [w, v] of Object.entries(u.checkboxes ?? {}))
+      if (!(!v.required || g[w]))
+        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${w}' checkbox was missing`), [!1, g];
     return "checkboxes" in u ? [p, g] : p;
   }
   async prompt(e, r, n) {
@@ -774,13 +777,13 @@ class kr extends xr {
     const { operationPromise: o, props: p, delay: g } = a();
     if (g && await Promise.race([le({ ms: g }).then(() => u = !0), o]), g && !u)
       return o;
-    const $ = hs(this.requireComponent("loading-modal"), p);
-    We($);
+    const w = hs(this.requireComponent("loading-modal"), p);
+    We(w);
     try {
       const v = await o;
       return await le({ ms: 500 }), v;
     } finally {
-      await Ke($.id, { removeAfter: 1e3 });
+      await Ke(w.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
@@ -841,7 +844,7 @@ class Sr {
     return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const Tr = Ce({
+const Tr = xe({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -882,7 +885,7 @@ class Mr extends Tr {
     );
   }
 }
-const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = Ce({
+const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = xe({
   name: "errors",
   initialState: {
     logs: [],
@@ -955,7 +958,7 @@ class Vr extends Hr {
     });
   }
   async boot() {
-    G(async () => {
+    Y(async () => {
       var e;
       if (!this.debug) {
         (e = this.eruda) == null || e.destroy();
@@ -997,7 +1000,7 @@ class Vr extends Hr {
     };
   }
 }
-const yt = se(Vr), $t = /* @__PURE__ */ h({
+const yt = se(Vr), wt = /* @__PURE__ */ h({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1028,13 +1031,13 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), f(l(ws), V({
+    return (e, r) => (i(), f(l($s), V({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
       default: m(() => [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
@@ -1064,6 +1067,7 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
             default: "bg-primary-600 text-white focus-visible:outline-primary-600",
             secondary: "bg-background text-gray-900 ring-gray-300",
             danger: "bg-red-600 text-white focus-visible:outline-red-600",
+            warning: "bg-yellow-600 text-white focus-visible:outline-yellow-600",
             ghost: "bg-transparent",
             outline: "bg-transparent text-primary-600 ring-primary-600",
             link: "text-links"
@@ -1150,12 +1154,12 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (i(), f($t, V({
+    return (r, n) => (i(), f(wt, V({
       class: e.value,
       disabled: r.disabled
     }, s), {
       default: m(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
@@ -1164,7 +1168,7 @@ const yt = se(Vr), $t = /* @__PURE__ */ h({
 function Er(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const wt = /* @__PURE__ */ h({
+const $t = /* @__PURE__ */ h({
   __name: "HeadlessSelectValue",
   setup(t) {
     const s = I(
@@ -1176,7 +1180,7 @@ const wt = /* @__PURE__ */ h({
       placeholder: l(s).placeholder
     }, {
       default: m(() => [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["placeholder"])) : (i(), f(l(Qe), {
@@ -1195,17 +1199,17 @@ const wt = /* @__PURE__ */ h({
       id: l(s).id
     }, {
       default: m(() => [
-        w(e.$slots, "default", {}, () => [
-          d(wt, {
+        $(e.$slots, "default", {}, () => [
+          d($t, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(Cs))
+          d(l(xs))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), Ct = /* @__PURE__ */ h({
+}), xt = /* @__PURE__ */ h({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1223,12 +1227,12 @@ const wt = /* @__PURE__ */ h({
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
       return r ? r.label : B(t.value);
     });
-    return (r, n) => (i(), f(l(xs), ue(ce(r.$props)), {
+    return (r, n) => (i(), f(l(Cs), ue(ce(r.$props)), {
       default: m(() => [
         d(l(ks), null, {
           default: m(() => [
-            w(r.$slots, "default", {}, () => [
-              L(C(e.value), 1)
+            $(r.$slots, "default", {}, () => [
+              L(x(e.value), 1)
             ])
           ]),
           _: 3
@@ -1237,7 +1241,7 @@ const wt = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), xt = /* @__PURE__ */ h({
+}), Ct = /* @__PURE__ */ h({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
@@ -1252,18 +1256,18 @@ const wt = /* @__PURE__ */ h({
       default: m(() => [
         d(l(Ts), {
           position: "popper",
-          class: x(e.value),
+          class: C(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
           default: m(() => [
             d(l(Ms), {
-              class: x(r.innerClass)
+              class: C(r.innerClass)
             }, {
               default: m(() => [
-                w(r.$slots, "default", {}, () => [
-                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(Ct, {
+                $(r.$slots, "default", {}, () => [
+                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(xt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1318,7 +1322,7 @@ const wt = /* @__PURE__ */ h({
         var v;
         return (v = p.value) == null ? void 0 : v.find((S) => S.value === t.modelValue);
       }),
-      errors: we(o),
+      errors: $e(o),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -1331,23 +1335,23 @@ const wt = /* @__PURE__ */ h({
         r("update:modelValue", v);
       }
     };
-    function $(v) {
+    function w(v) {
       g.update(v);
     }
     return de("select", g), s(g), (v, S) => (i(), f(l(Hs), {
       "model-value": u.value,
       by: v.compareOptions,
-      "onUpdate:modelValue": S[0] || (S[0] = (q) => $(q))
+      "onUpdate:modelValue": S[0] || (S[0] = (q) => w(q))
     }, {
       default: m(({ open: q }) => [
-        (i(), f(Y(v.as), ue(ce(v.$attrs)), {
+        (i(), f(G(v.as), ue(ce(v.$attrs)), {
           default: m(() => [
-            w(v.$slots, "default", {
+            $(v.$slots, "default", {
               modelValue: v.modelValue,
               open: q
             }, () => [
               d(_t),
-              d(xt)
+              d(Ct)
             ])
           ]),
           _: 2
@@ -1372,8 +1376,8 @@ const wt = /* @__PURE__ */ h({
       for: l(s).id
     }, n.$props), {
       default: m(() => [
-        w(n.$slots, "default", {}, () => [
-          L(C(l(s).label), 1)
+        $(n.$slots, "default", {}, () => [
+          L(x(l(s).label), 1)
         ])
       ]),
       _: 3
@@ -1388,18 +1392,18 @@ const wt = /* @__PURE__ */ h({
     const s = I("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => H("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
     return (r, n) => r.$slots.default ? (i(), f(Xe, {
       key: 0,
-      class: x(e.value)
+      class: C(e.value)
     }, {
       default: m(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"])) : (i(), f(Xe, {
       key: 1,
-      class: x(e.value)
+      class: C(e.value)
     }, null, 8, ["class"]));
   }
-}), Ge = /* @__PURE__ */ h({
+}), Ye = /* @__PURE__ */ h({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1412,15 +1416,15 @@ const wt = /* @__PURE__ */ h({
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (i(), f(Ct, {
-      class: x(s.value),
+    return (r, n) => (i(), f(xt, {
+      class: C(s.value),
       value: r.value
     }, {
       default: m(() => [
         b("div", {
-          class: x(e.value)
+          class: C(e.value)
         }, [
-          w(r.$slots, "default")
+          $(r.$slots, "default")
         ], 2)
       ]),
       _: 3
@@ -1437,32 +1441,32 @@ const wt = /* @__PURE__ */ h({
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (i(), f(xt, {
-      class: x(e.value)
+    return (r, n) => (i(), f(Ct, {
+      class: C(e.value)
     }, {
       default: m(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
             var u;
             return [
-              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), f(Ge, {
+              (i(!0), y(D, null, U(((u = l(s)) == null ? void 0 : u.options) ?? [], (o) => (i(), f(Ye, {
                 key: o.key,
                 value: o.value
               }, {
                 default: m(() => [
-                  L(C(o.label), 1)
+                  L(x(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : w(r.$slots, "default", { key: 1 }, () => [
-            d(Ge, {
+          }) : $(r.$slots, "default", { key: 1 }, () => [
+            d(Ye, {
               disabled: "",
               value: null
             }, {
               default: m(() => [
-                L(C(r.$td("ui.selectEmpty", "No options available")), 1)
+                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1498,10 +1502,10 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       t.class
     ));
     return (r, n) => (i(), f(_t, {
-      class: x(e.value)
+      class: C(e.value)
     }, {
       default: m(() => [
-        d(wt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d($t, { class: "col-start-1 row-start-1 truncate pr-6" }),
         d(l(Ir), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
@@ -1532,7 +1536,7 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
     }), {
       default: m(() => [
         d(kt),
-        w(e.$slots, "default", {}, () => [
+        $(e.$slots, "default", {}, () => [
           d(Tt),
           d(St)
         ])
@@ -1561,7 +1565,7 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
         b("div", Ar, [
           d(kt, { class: "text-base font-semibold" }, {
             default: m(() => [
-              L(C(n.$td("settings.locale", "Language")), 1)
+              L(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
@@ -1615,10 +1619,10 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
     async function u(o) {
-      var g, $;
+      var g, w;
       const { target: p } = o;
       if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
-        ($ = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || $.call(g);
+        (w = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || w.call(g);
         return;
       }
       if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
@@ -1646,13 +1650,13 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
   setup(t) {
     const s = c(() => H(t.class, "flex flex-col justify-center gap-1"));
     return (e, r) => (i(), y("div", {
-      class: x(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
       b("div", Or, [
         b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, C(e.title), 9, Nr),
+        }, x(e.title), 9, Nr),
         e.description ? (i(), f(z, {
           key: 0,
           text: e.description,
@@ -1660,9 +1664,9 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
         }, null, 8, ["text"])) : M("", !0)
       ]),
       b("div", {
-        class: x(s.value)
+        class: C(s.value)
       }, [
-        w(e.$slots, "default")
+        $(e.$slots, "default")
       ], 2)
     ], 2));
   }
@@ -1687,7 +1691,7 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: we(a),
+      errors: $e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -1700,16 +1704,16 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
         r("update:modelValue", o);
       }
     };
-    return s(u), G(() => {
+    return s(u), Y(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
     }), (o, p) => (i(), y("div", {
-      class: x(t.class)
+      class: C(t.class)
     }, [
       o.label ? (i(), y("label", {
         key: 0,
         for: u.id,
-        class: x(o.labelClass)
-      }, C(o.label), 11, Kr)) : M("", !0),
+        class: C(o.labelClass)
+      }, x(o.label), 11, Kr)) : M("", !0),
       d(l(Es), V({
         id: u.id,
         name: o.name,
@@ -1720,7 +1724,7 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       }), {
         default: m(() => [
           d(l(Ls), {
-            class: x(o.thumbClass)
+            class: C(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
@@ -1760,7 +1764,7 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
     component: Zr
   }
 ], Mt = [];
-function Il(t) {
+function ql(t) {
   Mt.push(t);
 }
 function Ht(t) {
@@ -1771,16 +1775,16 @@ function Ht(t) {
   }
   return typeof t == "string" ? t : t instanceof Error || t instanceof _e ? t.message : fe(t) ? B(t.message ?? t.description ?? "Unknown error object") : k("errors.unknown", "Unknown Error");
 }
-class Ye extends _e {
+class Ge extends _e {
 }
-const Gr = { $errors: yt }, Yr = (t) => (yt.report(t), !0);
+const Yr = { $errors: yt }, Gr = (t) => (yt.report(t), !0);
 function en(t, s = () => !1) {
-  const e = (r) => s(r) || Yr(r);
+  const e = (r) => s(r) || Gr(r);
   t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, o) => e(o ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
 const tn = {
   async install(t, s) {
-    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Gr);
+    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Yr);
   }
 }, sn = {
   async install() {
@@ -1823,7 +1827,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
       default: m(() => [
         d(l(zs), null, {
           default: m(() => [
-            w(a.$slots, "default", { close: l(r) })
+            $(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1835,9 +1839,9 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   __name: "HeadlessModalContent",
   setup(t) {
     const { child: s } = Pe(), e = nr("$modalContentRef"), r = ee("$contentRef");
-    return G(() => e.value = r.value), (n, a) => (i(), f(l(Is), { ref: "$contentRef" }, {
+    return Y(() => e.value = r.value), (n, a) => (i(), f(l(Is), { ref: "$contentRef" }, {
       default: m(() => [
-        w(n.$slots, "default"),
+        $(n.$slots, "default"),
         l(s) ? (i(), f(l(gs), {
           key: 0,
           is: l(s)
@@ -1855,7 +1859,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   setup(t) {
     return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
       default: m(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -1870,7 +1874,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   setup(t) {
     return (s, e) => (i(), f(l(As), ue(ce(s.$props)), {
       default: m(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -1884,7 +1888,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
   setup(t) {
     return (s, e) => (i(), f(l(Ps), ue(ce(s.$props)), {
       default: m(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -1917,7 +1921,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
         var T;
         return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
       }
-    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => Me.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => H("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => H(
+    ), w = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => Me.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => H("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => H(
       "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
       "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
       Me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
@@ -1936,10 +1940,10 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
         var Fe, Ue;
         return [
           d(cn, {
-            class: x(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+            class: C(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
               "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
-              "bg-black/30": ((Fe = $.value) == null ? void 0 : Fe.id) === l(a) || !$.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
-              "opacity-0": !$.value
+              "bg-black/30": ((Fe = w.value) == null ? void 0 : Fe.id) === l(a) || !w.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
+              "opacity-0": !w.value
             }])
           }, null, 8, ["class"]),
           d(on, V(S.value, { class: pe.value }), {
@@ -1948,15 +1952,15 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
                 b("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (il) => me()
+                  onClick: (ol) => me()
                 }, [
-                  b("span", fn, C(T.$td("ui.close", "Close")), 1),
+                  b("span", fn, x(T.$td("ui.close", "Close")), 1),
                   d(l(an), { class: "size-4" })
                 ], 8, mn)
               ])) : M("", !0),
               T.title ? (i(), f(dn, {
                 key: 1,
-                class: x(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
                   "sr-only": T.titleHidden,
                   "pb-0": T.description && !T.descriptionHidden,
                   "pb-2": !T.description || T.descriptionHidden
@@ -1972,7 +1976,7 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
               }, 8, ["class"])) : M("", !0),
               T.description ? (i(), f(un, {
                 key: 2,
-                class: x(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: C(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
               }, {
                 default: m(() => [
                   d(z, {
@@ -1983,9 +1987,9 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
                 _: 1
               }, 8, ["class"])) : M("", !0),
               b("div", {
-                class: x(q.value)
+                class: C(q.value)
               }, [
-                w(T.$slots, "default", { close: me })
+                $(T.$slots, "default", { close: me })
               ], 2)
             ]),
             _: 2
@@ -2027,13 +2031,13 @@ const gn = /* @__PURE__ */ h({
   setup(t, { emit: s }) {
     let e;
     const r = s;
-    return G((n) => {
+    return Y((n) => {
       var a;
       e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
     }), de("form", t.form), (n, a) => (i(), y("form", {
       onSubmit: a[0] || (a[0] = st((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
-      w(n.$slots, "default")
+      $(n.$slots, "default")
     ], 32));
   }
 });
@@ -2056,7 +2060,7 @@ function vn(t) {
 const bn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, yn = { class: "flex items-center" }, $n = ["onUpdate:modelValue", "required"], wn = { class: "ml-1.5" }, _n = { class: "mt-4 flex flex-row-reverse gap-2" }, Cn = /* @__PURE__ */ h({
+}, yn = { class: "flex items-center" }, wn = ["onUpdate:modelValue", "required"], $n = { class: "ml-1.5" }, _n = { class: "mt-4 flex flex-row-reverse gap-2" }, xn = /* @__PURE__ */ h({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2077,10 +2081,10 @@ const bn = {
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: m(({ close: $ }) => [
+      default: m(({ close: w }) => [
         d(Vt, {
           form: l(r),
-          onSubmit: (v) => $([!0, l(r).data()])
+          onSubmit: (v) => w([!0, l(r).data()])
         }, {
           default: m(() => [
             d(z, {
@@ -2095,10 +2099,10 @@ const bn = {
                     type: "checkbox",
                     required: v.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
-                  }, null, 8, $n), [
+                  }, null, 8, wn), [
                     [Ot, l(r)[S]]
                   ]),
-                  b("span", wn, C(v.label), 1)
+                  b("span", $n, x(v.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
@@ -2108,17 +2112,17 @@ const bn = {
                 submit: ""
               }, {
                 default: m(() => [
-                  L(C(l(u)), 1)
+                  L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
               p.required ? M("", !0) : (i(), f(R, {
                 key: 0,
                 variant: p.cancelVariant,
-                onClick: (v) => $(!1)
+                onClick: (v) => w(!1)
               }, {
                 default: m(() => [
-                  L(C(l(o)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2130,13 +2134,13 @@ const bn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), xn = {
+}), Cn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
 function kn(t, s) {
-  return i(), y("svg", xn, s[0] || (s[0] = [
+  return i(), y("svg", Cn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
@@ -2269,7 +2273,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
       }
     ));
     return (a, u) => (i(), y("div", jn, [
-      (i(!0), y(D, null, U(n.value, (o) => w(a.$slots, "default", V({ ref_for: !0 }, o), () => [
+      (i(!0), y(D, null, U(n.value, (o) => $(a.$slots, "default", V({ ref_for: !0 }, o), () => [
         d(R, {
           size: "icon",
           variant: "ghost",
@@ -2279,8 +2283,8 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
           onClick: o.click
         }, {
           default: m(() => [
-            b("span", Bn, C(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (i(), f(Y(o.iconComponent), {
+            b("span", Bn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            (i(), f(G(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2356,7 +2360,7 @@ const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-
                   disabled: l(r) === 0,
                   "aria-label": l(u),
                   title: l(u),
-                  onClick: g[0] || (g[0] = ($) => r.value--)
+                  onClick: g[0] || (g[0] = (w) => r.value--)
                 }, {
                   default: m(() => [
                     d(l(Sn), { class: "size-4" })
@@ -2369,7 +2373,7 @@ const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-
                   disabled: l(r) === p.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: g[1] || (g[1] = ($) => r.value++)
+                  onClick: g[1] || (g[1] = (w) => r.value++)
                 }, {
                   default: m(() => [
                     d(l(Et), { class: "size-4" })
@@ -2392,20 +2396,20 @@ const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-
         b("div", Jn, [
           b("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: C(l(n))
+            textContent: x(l(n))
           }, null, 8, Zn)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Gn = {
+}), Yn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Yn(t, s) {
-  return i(), y("svg", Gn, s[0] || (s[0] = [
+function Gn(t, s) {
+  return i(), y("svg", Yn, s[0] || (s[0] = [
     b("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",
@@ -2425,7 +2429,7 @@ function Yn(t, s) {
     ], -1)
   ]));
 }
-const ea = E({ name: "svg-spinners-90-ring-with-bg", render: Yn }), ta = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, sa = { class: "sr-only" }, ra = /* @__PURE__ */ h({
+const ea = E({ name: "svg-spinners-90-ring-with-bg", render: Gn }), ta = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, sa = { class: "sr-only" }, ra = /* @__PURE__ */ h({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2441,12 +2445,12 @@ const ea = E({ name: "svg-spinners-90-ring-with-bg", render: Yn }), ta = { class
         s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
       },
       { immediate: !0 }
-    ), $e(() => s && s()), (a, u) => (i(), y("div", ta, [
+    ), we(() => s && s()), (a, u) => (i(), y("div", ta, [
       b("div", {
-        class: x(r.value),
+        class: C(r.value),
         style: Nt(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      b("span", sa, C(a.$td("ui.progress", "{progress}% complete", {
+      b("span", sa, x(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
@@ -2470,7 +2474,7 @@ const aa = /* @__PURE__ */ h({
     const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = na(e);
     return s(), (o, p) => (i(), f(re, {
       persistent: "",
-      class: x(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
+      class: C(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
       title: l(r),
       "title-hidden": l(a)
@@ -2507,7 +2511,7 @@ const aa = /* @__PURE__ */ h({
       label: c(() => t.label),
       description: c(() => t.description),
       value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
-      errors: we(a),
+      errors: $e(a),
       required: c(() => {
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
@@ -2520,9 +2524,9 @@ const aa = /* @__PURE__ */ h({
         r("update:modelValue", o);
       }
     };
-    return de("input", u), s(u), (o, p) => (i(), f(Y(o.as), null, {
+    return de("input", u), s(u), (o, p) => (i(), f(G(o.as), null, {
       default: m(() => [
-        w(o.$slots, "default")
+        $(o.$slots, "default")
       ]),
       _: 3
     }));
@@ -2535,8 +2539,8 @@ const aa = /* @__PURE__ */ h({
       key: 0,
       for: l(s).id
     }, [
-      w(n.$slots, "default", {}, () => [
-        L(C(l(s).label), 1)
+      $(n.$slots, "default", {}, () => [
+        L(x(l(s).label), 1)
       ])
     ], 8, la)) : M("", !0);
   }
@@ -2549,8 +2553,8 @@ const aa = /* @__PURE__ */ h({
     const s = ee("$inputRef"), e = I("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), u = c(() => {
       if (t.type)
         return t.type;
-      const $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
+      const w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
     }), o = c(() => {
       if (u.value === "checkbox")
         return !!a.value;
@@ -2573,9 +2577,9 @@ const aa = /* @__PURE__ */ h({
       }
     }
     return pt(e, () => {
-      var $;
-      return ($ = s.value) == null ? void 0 : $.focus();
-    }), G(() => {
+      var w;
+      return (w = s.value) == null ? void 0 : w.focus();
+    }), Y(() => {
       if (s.value) {
         if (u.value === "date" && a.value instanceof Date) {
           s.value.valueAsDate = a.value;
@@ -2583,7 +2587,7 @@ const aa = /* @__PURE__ */ h({
         }
         s.value.value = a.value ?? null;
       }
-    }), ($, v) => (i(), y("input", {
+    }), (w, v) => (i(), y("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
@@ -2603,7 +2607,7 @@ const aa = /* @__PURE__ */ h({
       "input",
       "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
     ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
-    return (n, a) => w(n.$slots, "default", {
+    return (n, a) => $(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
       r.value ? (i(), f(z, V({ key: 0 }, n.$attrs, {
@@ -2619,7 +2623,7 @@ const aa = /* @__PURE__ */ h({
     return (r, n) => e.value ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, C(e.value), 9, oa)) : M("", !0);
+    }, x(e.value), 9, oa)) : M("", !0);
   }
 }), ua = {
   key: 0,
@@ -2662,7 +2666,7 @@ const aa = /* @__PURE__ */ h({
         return [
           d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: x(a.value)
+            class: C(a.value)
           }, [
             d(Lt, V(l(r), { class: u.value }), null, 16, ["class"]),
             (g = e.value) != null && g.errors ? (i(), y("div", ua, [
@@ -2677,21 +2681,21 @@ const aa = /* @__PURE__ */ h({
     }, 16, ["label", "class"]));
   }
 });
-function ql(t, s = {}) {
+function Al(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Al(t, s = {}) {
+function Pl(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Pl(t, s, e = {}) {
+function Dl(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2699,21 +2703,21 @@ function Pl(t, s, e = {}) {
     values: t
   };
 }
-function Dl(t) {
+function jl(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function jl(t) {
+function Bl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Bl(t, s) {
+function Fl(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2721,14 +2725,14 @@ function Bl(t, s) {
     values: t
   };
 }
-function Fl(t) {
+function Ul(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Ul(t) {
+function Ol(t) {
   return {
     default: t,
     type: "object",
@@ -2742,21 +2746,21 @@ function da(t) {
     rules: "required"
   };
 }
-function Ol(t, s = {}) {
+function Nl(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Nl(t, s = {}) {
+function Wl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Wl(t, s = {}) {
+function Kl(t, s = {}) {
   return {
     default: t,
     type: "string",
@@ -2789,10 +2793,10 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
       title: l(n),
       persistent: ""
     }, {
-      default: m(({ close: $ }) => [
+      default: m(({ close: w }) => [
         d(Vt, {
           form: l(r),
-          onSubmit: (v) => $(l(r).draft)
+          onSubmit: (v) => w(l(r).draft)
         }, {
           default: m(() => [
             l(a) ? (i(), f(z, {
@@ -2811,16 +2815,16 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
                 submit: ""
               }, {
                 default: m(() => [
-                  L(C(l(u)), 1)
+                  L(x(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
               d(R, {
                 variant: p.cancelVariant,
-                onClick: (v) => $()
+                onClick: (v) => w()
               }, {
                 default: m(() => [
-                  L(C(l(o)), 1)
+                  L(x(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2858,26 +2862,26 @@ function ya(t, s) {
     }, null, -1)
   ]));
 }
-const $a = E({ name: "material-symbols-delete-forever-rounded", render: ya }), wa = {
+const wa = E({ name: "material-symbols-delete-forever-rounded", render: ya }), $a = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function _a(t, s) {
-  return i(), y("svg", wa, s[0] || (s[0] = [
+  return i(), y("svg", $a, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
     }, null, -1)
   ]));
 }
-const Ca = E({ name: "material-symbols-frame-inspect", render: _a }), xa = {
+const xa = E({ name: "material-symbols-frame-inspect", render: _a }), Ca = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function ka(t, s) {
-  return i(), y("svg", xa, s[0] || (s[0] = [
+  return i(), y("svg", Ca, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
@@ -2907,7 +2911,7 @@ Do you still want to proceed?`
       return i(), y("div", Ta, [
         b("div", Ma, [
           d(n, { class: "size-20 text-red-600" }),
-          b("h1", Ha, C(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          b("h1", Ha, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
           d(z, {
             text: e.$td(
               "startupCrash.message",
@@ -2922,7 +2926,7 @@ Do you still want to proceed?`
             }, {
               default: m(() => [
                 d(l(Sa)),
-                L(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
+                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
@@ -2932,7 +2936,7 @@ Do you still want to proceed?`
             }, {
               default: m(() => [
                 d(l(va)),
-                L(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
+                L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
@@ -2941,8 +2945,8 @@ Do you still want to proceed?`
               onClick: r[2] || (r[2] = (a) => s())
             }, {
               default: m(() => [
-                d(l($a)),
-                L(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
+                d(l(wa)),
+                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
@@ -2951,8 +2955,8 @@ Do you still want to proceed?`
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
               default: m(() => [
-                d(l(Ca)),
-                L(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+                d(l(xa)),
+                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2967,12 +2971,12 @@ Do you still want to proceed?`
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(Y(s.action.dismiss ? l(Ds) : "button"), {
+    return (s, e) => (i(), f(G(s.action.dismiss ? l(Ds) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
       default: m(() => [
-        L(C(s.action.label), 1)
+        L(x(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
@@ -2987,8 +2991,8 @@ Do you still want to proceed?`
   setup(t) {
     return (s, e) => (i(), f(l(js), null, {
       default: m(() => [
-        w(s.$slots, "default", {}, () => [
-          s.message ? (i(), y("span", La, C(s.message), 1)) : M("", !0),
+        $(s.$slots, "default", {}, () => [
+          s.message ? (i(), y("span", La, x(s.message), 1)) : M("", !0),
           (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(zt, {
             key: n,
             action: r
@@ -3014,7 +3018,8 @@ Do you still want to proceed?`
         variants: {
           variant: {
             secondary: "bg-gray-900 text-white ring-black",
-            danger: "bg-red-50 text-red-900 ring-red-100"
+            danger: "bg-red-50 text-red-900 ring-red-100",
+            warning: "bg-yellow-50 text-yellow-900 ring-yellow-100"
           }
         },
         defaultVariants: {
@@ -3023,7 +3028,7 @@ Do you still want to proceed?`
       }
     ));
     return s(), (r, n) => (i(), f(Ra, {
-      class: x(e.value)
+      class: C(e.value)
     }, {
       default: m(() => [
         r.message ? (i(), f(z, {
@@ -3045,7 +3050,7 @@ Do you still want to proceed?`
   async install(t, s) {
     const e = {
       "alert-modal": gn,
-      "confirm-modal": Cn,
+      "confirm-modal": xn,
       "error-report-modal": Xn,
       "loading-modal": aa,
       "prompt-modal": fa,
@@ -3060,10 +3065,10 @@ Do you still want to proceed?`
 };
 async function Aa(t, s = {}) {
   var r;
-  const e = [sn, yr, tn, Br, Cr, qa, ...s.plugins ?? []];
+  const e = [sn, yr, tn, Br, xr, qa, ...s.plugins ?? []];
   A.instance = t, await tr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Kl(t, s = {}) {
+async function Ql(t, s = {}) {
   var r;
   const e = Kt(t);
   J() && (window.$aerogel = e), await Aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
@@ -3073,7 +3078,7 @@ const Pa = /* @__PURE__ */ h({
   setup(t) {
     return (s, e) => (i(), f(l(Bs), null, {
       default: m(() => [
-        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), f(Y(r.component), V({
+        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), f(G(r.component), V({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
@@ -3090,13 +3095,13 @@ const Pa = /* @__PURE__ */ h({
       d(Pa)
     ], 64));
   }
-}), ja = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ql = /* @__PURE__ */ h({
+}), ja = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Jl = /* @__PURE__ */ h({
   __name: "AppLayout",
   setup(t) {
     return (s, e) => (i(), y("div", ja, [
-      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), f(Y(s.$ui.requireComponent("startup-crash"))))
-      ]) : w(s.$slots, "default", { key: 1 }),
+      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
+        (i(), f(G(s.$ui.requireComponent("startup-crash"))))
+      ]) : $(s.$slots, "default", { key: 1 }),
       d(Da)
     ]));
   }
@@ -3124,20 +3129,35 @@ const Pa = /* @__PURE__ */ h({
       onInput: a
     }, null, 40, Ba));
   }
-}), Ua = { class: "group" }, Oa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Na = { class: "pt-2 pl-4" }, Jl = /* @__PURE__ */ h({
-  __name: "AdvancedOptions",
+}), Ua = { class: "group" }, Oa = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Na = { class: "pt-2 pl-4" }, Wa = /* @__PURE__ */ h({
+  __name: "Details",
+  props: {
+    label: {}
+  },
   setup(t) {
     return (s, e) => (i(), y("details", Ua, [
       b("summary", Oa, [
         d(l(Et), { class: "size-6 transition-transform group-open:rotate-90" }),
-        b("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
+        b("span", null, x(s.label), 1)
       ]),
       b("div", Na, [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ])
     ]));
   }
-}), Wa = { class: "flex h-6 items-center" }, Zl = /* @__PURE__ */ h({
+}), Zl = /* @__PURE__ */ h({
+  __name: "AdvancedOptions",
+  setup(t) {
+    return (s, e) => (i(), f(Wa, {
+      label: s.$td("ui.advancedOptions", "Advanced options")
+    }, {
+      default: m(() => [
+        $(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["label"]));
+  }
+}), Ka = { class: "flex h-6 items-center" }, Xl = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3165,10 +3185,10 @@ const Pa = /* @__PURE__ */ h({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": g[0] || (g[0] = ($) => p.$emit("update:modelValue", $))
+      "onUpdate:modelValue": g[0] || (g[0] = (w) => p.$emit("update:modelValue", w))
     }), {
       default: m(() => [
-        b("div", Wa, [
+        b("div", Ka, [
           d(Lt, V(l(r), {
             type: "checkbox",
             class: u.value
@@ -3176,18 +3196,18 @@ const Pa = /* @__PURE__ */ h({
         ]),
         p.$slots.default ? (i(), y("div", {
           key: 0,
-          class: x(o.value)
+          class: C(o.value)
         }, [
           d(be, { class: "text-gray-900" }, {
             default: m(() => [
-              w(p.$slots, "default")
+              $(p.$slots, "default")
             ]),
             _: 3
           }),
           d(ye, { class: "text-red-600" })
         ], 2)) : p.label ? (i(), y("div", {
           key: 1,
-          class: x(o.value)
+          class: C(o.value)
         }, [
           d(be, { class: "text-gray-900" }),
           d(ye, { class: "text-red-600" })
@@ -3196,7 +3216,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }, 16, ["class"]));
   }
-}), Ka = /* @__PURE__ */ h({
+}), Qa = /* @__PURE__ */ h({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3213,12 +3233,12 @@ const Pa = /* @__PURE__ */ h({
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: m(() => [
-        w(r.$slots, "default")
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qa = /* @__PURE__ */ h({
+}), Ja = /* @__PURE__ */ h({
   __name: "DropdownMenuOptions",
   setup(t) {
     const s = I(
@@ -3231,11 +3251,11 @@ const Pa = /* @__PURE__ */ h({
       side: l(s).side
     }, {
       default: m(() => [
-        w(e.$slots, "default", {}, () => [
-          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Ka, V(
+        $(e.$slots, "default", {}, () => [
+          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Qa, V(
             {
               key: a,
-              as: n.route || n.href ? $t : void 0,
+              as: n.route || n.href ? wt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3253,7 +3273,7 @@ const Pa = /* @__PURE__ */ h({
             }
           ), {
             default: m(() => [
-              L(C(n.label), 1)
+              L(x(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3262,7 +3282,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Xl = /* @__PURE__ */ h({
+}), Yl = /* @__PURE__ */ h({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3282,14 +3302,14 @@ const Pa = /* @__PURE__ */ h({
       default: m(() => [
         d(l(Ws), null, {
           default: m(() => [
-            w(r.$slots, "default")
+            $(r.$slots, "default")
           ]),
           _: 3
         }),
         d(l(Ks), null, {
           default: m(() => [
-            w(r.$slots, "options", {}, () => [
-              d(Qa)
+            $(r.$slots, "options", {}, () => [
+              d(Ja)
             ])
           ]),
           _: 3
@@ -3298,7 +3318,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Ja = ["aria-hidden"], Za = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
+}), Za = ["aria-hidden"], Xa = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3315,24 +3335,24 @@ const Pa = /* @__PURE__ */ h({
     function g() {
       n.value = t.text;
     }
-    function $() {
+    function w() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return G(() => a.value = t.text), (v, S) => (i(), y("div", {
-      class: x(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+    return Y(() => a.value = t.text), (v, S) => (i(), y("div", {
+      class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
     }, [
       n.value ? (i(), y("span", {
         key: 1,
-        class: x(o.value)
-      }, C(a.value), 3)) : (i(), y("div", {
+        class: C(o.value)
+      }, x(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: x(u.value)
+        class: C(u.value)
       }, [
-        w(v.$slots, "default")
+        $(v.$slots, "default")
       ], 2)),
       v.type === "number" ? (i(), y("span", {
         key: 2,
-        class: x(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+        class: C(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
       }, null, 2)) : M("", !0),
       b("form", {
         class: "w-full",
@@ -3348,46 +3368,46 @@ const Pa = /* @__PURE__ */ h({
           tabindex: v.tabindex ?? void 0,
           "aria-label": v.ariaLabel ?? void 0,
           type: v.type,
-          class: x([
+          class: C([
             p.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
           ]),
           onKeyup: S[1] || (S[1] = (q) => v.$emit("update", a.value)),
           onFocus: S[2] || (S[2] = (q) => g()),
-          onBlur: S[3] || (S[3] = (q) => $())
-        }, null, 42, Za), [
+          onBlur: S[3] || (S[3] = (q) => w())
+        }, null, 42, Xa), [
           [Qt, a.value]
         ])
-      ], 40, Ja)
+      ], 40, Za)
     ], 2));
   }
-}), Xa = {
+}), Ya = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
 function Ga(t, s) {
-  return i(), y("svg", Xa, s[0] || (s[0] = [
+  return i(), y("svg", Ya, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const Ya = E({ name: "ion-warning", render: Ga }), el = {
+const el = E({ name: "ion-warning", render: Ga }), tl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function tl(t, s) {
-  return i(), y("svg", el, s[0] || (s[0] = [
+function sl(t, s) {
+  return i(), y("svg", tl, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-medium" }, nl = ["datetime"], al = /* @__PURE__ */ h({
+const rl = E({ name: "zondicons-view-show", render: sl }), nl = { class: "font-medium" }, al = ["datetime"], ll = /* @__PURE__ */ h({
   __name: "ErrorLogsModal",
   setup(t) {
     return (s, e) => (i(), f(re, {
@@ -3400,11 +3420,11 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
             b("div", null, [
-              b("h3", rl, C(r.report.title), 1),
+              b("h3", nl, x(r.report.title), 1),
               b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, C(r.date.toLocaleTimeString()), 9, nl),
+              }, x(r.date.toLocaleTimeString()), 9, al),
               d(z, {
                 class: "text-sm text-gray-500",
                 text: r.report.description ?? l(Ht)(r.report)
@@ -3422,7 +3442,7 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
               )
             }, {
               default: m(() => [
-                d(l(sl), {
+                d(l(rl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3435,7 +3455,7 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Yl = /* @__PURE__ */ h({
+}), ei = /* @__PURE__ */ h({
   __name: "ErrorLogs",
   setup(t) {
     return (s, e) => s.$errors.logs.length > 0 ? (i(), f(R, {
@@ -3444,15 +3464,15 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(al))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(ll))
     }, {
       default: m(() => [
-        d(l(Ya), { class: "size-6 text-red-500" })
+        d(l(el), { class: "size-6 text-red-500" })
       ]),
       _: 1
     }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), ei = /* @__PURE__ */ h({
+}), ti = /* @__PURE__ */ h({
   __name: "ErrorMessage",
   props: {
     error: {}
@@ -3464,7 +3484,7 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
       inline: ""
     }, null, 8, ["text"]));
   }
-}), ti = /* @__PURE__ */ h({
+}), si = /* @__PURE__ */ h({
   __name: "Link",
   props: {
     class: {},
@@ -3481,12 +3501,12 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
   setup(t) {
     return (s, e) => (i(), f(R, V({ variant: "link" }, s.$props), {
       default: m(() => [
-        w(s.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), si = /* @__PURE__ */ h({
+}), ri = /* @__PURE__ */ h({
   __name: "SettingsModal",
   setup(t) {
     const s = c(() => as(A.settings, "priority", "desc"));
@@ -3494,15 +3514,15 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
       title: e.$td("settings.title", "Settings")
     }, {
       default: m(() => [
-        (i(!0), y(D, null, U(s.value, (n, a) => (i(), f(Y(n.component), { key: a }))), 128))
+        (i(!0), y(D, null, U(s.value, (n, a) => (i(), f(G(n.component), { key: a }))), 128))
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), ll = {
+}), il = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ri = /* @__PURE__ */ h({
+}, ni = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3540,10 +3560,10 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
         return [
           d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: x(a.value)
+            class: C(a.value)
           }, [
             d(Fa, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ll, [
+            (g = e.value) != null && g.errors ? (i(), y("div", il, [
               d(l(De), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
@@ -3555,7 +3575,7 @@ const sl = E({ name: "zondicons-view-show", render: tl }), rl = { class: "font-m
     }, 16, ["label", "class"]));
   }
 });
-class ni {
+class ai {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3570,7 +3590,7 @@ class ni {
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof Ye)
+      if (s instanceof Ge)
         return;
       throw te(is(s), (e) => {
         this._completed.reject(e);
@@ -3613,7 +3633,7 @@ class ni {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ye();
+      throw this._cancelled.resolve(), new Ge();
   }
   calculateCurrentProgress(s) {
     return s ?? (s = this.status), s.completed ? 1 : s.children ? os(
@@ -3630,39 +3650,40 @@ class ni {
     return { ...s };
   }
 }
-async function ai(t) {
+async function li(t) {
   await t.start();
 }
 export {
-  Jl as AdvancedOptions,
+  Zl as AdvancedOptions,
   gn as AlertModal,
   A as App,
-  Ql as AppLayout,
+  Jl as AppLayout,
   Da as AppOverlays,
   er as AppService,
   Pa as AppToasts,
   R as Button,
-  Rl as Cache,
-  $r as CacheService,
-  Zl as Checkbox,
-  Cn as ConfirmModal,
-  Xl as DropdownMenu,
-  Ka as DropdownMenuOption,
-  Qa as DropdownMenuOptions,
+  zl as Cache,
+  wr as CacheService,
+  Xl as Checkbox,
+  xn as ConfirmModal,
+  Wa as Details,
+  Yl as DropdownMenu,
+  Qa as DropdownMenuOption,
+  Ja as DropdownMenuOptions,
   Gl as EditableContent,
-  Yl as ErrorLogs,
-  al as ErrorLogsModal,
-  ei as ErrorMessage,
+  ei as ErrorLogs,
+  ll as ErrorLogsModal,
+  ti as ErrorMessage,
   Xn as ErrorReportModal,
   Fn as ErrorReportModalButtons,
   Un as ErrorReportModalTitle,
   yt as Errors,
-  wl as EventListenerPriorities,
+  _l as EventListenerPriorities,
   F as Events,
-  Gs as EventsService,
+  Ys as EventsService,
   Vt as Form,
   cr as FormController,
-  $t as HeadlessButton,
+  wt as HeadlessButton,
   je as HeadlessInput,
   Rt as HeadlessInputDescription,
   ye as HeadlessInputError,
@@ -3676,101 +3697,101 @@ export {
   dn as HeadlessModalTitle,
   Lr as HeadlessSelect,
   Xe as HeadlessSelectLabel,
-  Ct as HeadlessSelectOption,
-  xt as HeadlessSelectOptions,
+  xt as HeadlessSelectOption,
+  Ct as HeadlessSelectOptions,
   _t as HeadlessSelectTrigger,
-  wt as HeadlessSelectValue,
+  $t as HeadlessSelectValue,
   Qr as HeadlessSwitch,
   Ra as HeadlessToast,
   ca as Input,
-  ni as Job,
-  Ye as JobCancelledError,
+  ai as Job,
+  Ge as JobCancelledError,
   Z as Lang,
   ve as Layouts,
-  ti as Link,
+  si as Link,
   aa as LoadingModal,
   gt as MOBILE_BREAKPOINT,
   z as Markdown,
   re as Modal,
-  oi as ModalComponent,
-  ui as ModalsPortal,
+  ui as ModalComponent,
+  ci as ModalsPortal,
   ra as ProgressBar,
   fa as PromptModal,
   qr as Select,
   kt as SelectLabel,
-  Ge as SelectOption,
+  Ye as SelectOption,
   St as SelectOptions,
   Tt as SelectTrigger,
-  xe as Service,
+  Ce as Service,
   Ee as ServiceBootError,
   Wr as Setting,
-  si as SettingsModal,
+  ri as SettingsModal,
   Ea as StartupCrash,
   ht as Storage,
   Jr as Switch,
-  ri as TextArea,
+  ni as TextArea,
   za as Toast,
   P as UI,
   kr as UIService,
-  Tl as __valueType,
+  Ml as __valueType,
   br as aerogelDirectives,
   Qs as appNamespace,
-  ql as booleanInput,
+  Al as booleanInput,
   ke as bootServices,
-  Kl as bootstrap,
+  Ql as bootstrap,
   Aa as bootstrapApplication,
   H as classes,
-  ci as closeModal,
-  Vl as computedAsync,
-  El as computedDebounce,
-  di as createModal,
-  Al as dateInput,
-  xl as defineDirective,
-  Sl as defineFormValidationRule,
+  di as closeModal,
+  El as computedAsync,
+  Ll as computedDebounce,
+  pi as createModal,
+  Pl as dateInput,
+  kl as defineDirective,
+  Tl as defineFormValidationRule,
   Cl as definePlugin,
-  Ce as defineServiceState,
+  xe as defineServiceState,
   Xs as defineServiceStore,
-  _l as defineSettings,
-  ai as dispatch,
-  Pl as enumInput,
+  xl as defineSettings,
+  li as dispatch,
+  Dl as enumInput,
   vt as getCurrentLayout,
   Ht as getErrorMessage,
   hr as getMarkdownRouter,
   Zs as getPiniaStore,
   Er as hasSelectOptionLabel,
-  pi as injectModal,
+  mi as injectModal,
   nr as injectOrFail,
   rr as injectReactive,
   I as injectReactiveOrFail,
   tr as installPlugins,
-  mi as modals,
-  Ol as numberInput,
-  Nl as objectInput,
-  Ml as onCleanMounted,
+  fi as modals,
+  Nl as numberInput,
+  Wl as objectInput,
+  Hl as onCleanMounted,
   pt as onFormFocus,
-  Hl as persistent,
+  Vl as persistent,
   dr as reactiveSet,
-  Il as registerErrorHandler,
+  ql as registerErrorHandler,
   gr as renderMarkdown,
   ct as renderVNode,
-  zl as replaceExisting,
-  Dl as requiredBooleanInput,
-  jl as requiredDateInput,
-  Bl as requiredEnumInput,
-  Fl as requiredNumberInput,
-  Ul as requiredObjectInput,
+  Il as replaceExisting,
+  jl as requiredBooleanInput,
+  Bl as requiredDateInput,
+  Fl as requiredEnumInput,
+  Ul as requiredNumberInput,
+  Ol as requiredObjectInput,
   da as requiredStringInput,
   Js as resetPiniaStore,
   ft as safeHtml,
-  Ll as setMarkdownRouter,
-  fi as showModal,
-  Wl as stringInput,
+  Rl as setMarkdownRouter,
+  hi as showModal,
+  Kl as stringInput,
   bt as translate,
   k as translateWithDefault,
   hn as useAlertModal,
   vn as useConfirmModal,
   On as useErrorReportModal,
-  kl as useEvent,
+  Sl as useEvent,
   mt as useForm,
   Ae as useInputAttrs,
   na as useLoadingModal,