@aerogel/core 0.0.0-next.c3236837f7f8fc319a4a56022accb32757b3db89 → 0.0.0-next.c38a10cd5e81c5f04469ef79e59a53e6bfd3df55

package/dist/aerogel-core.js

@@ -1,7 +1,7 @@
 var Ct = Object.defineProperty;
 var kt = (t, s, e) => s in t ? Ct(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var _ = (t, s, e) => kt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as A, Comment as St, Text as Mt, Static as Et, inject as Z, reactive as pe, nextTick as Oe, unref as o, defineComponent as g, computed as u, createBlock as h, openBlock as c, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as N, onUnmounted as ge, ref as B, readonly as ve, useAttrs as Ne, onMounted as Ht, watch as Ee, toRaw as Vt, watchEffect as X, createVNode as m, normalizeProps as ne, guardReactiveProps as ae, createTextVNode as P, toDisplayString as k, normalizeClass as C, createElementBlock as b, Fragment as j, renderList as F, provide as le, resolveDynamicComponent as W, useSlots as He, createCommentVNode as M, createElementVNode as y, h as Lt, toRef as Pe, useTemplateRef as Y, withModifiers as We, withDirectives as Ke, vModelCheckbox as Tt, normalizeStyle as It, createApp as Rt, vModelText as At } from "vue";
+import { markRaw as A, Comment as St, Text as Mt, Static as Et, inject as Z, reactive as pe, nextTick as Oe, unref as o, defineComponent as g, computed as u, createBlock as h, openBlock as c, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as N, onUnmounted as ge, ref as B, readonly as ve, useAttrs as Ne, onMounted as Ht, watch as Ee, toRaw as Vt, watchEffect as X, createVNode as m, normalizeProps as ne, guardReactiveProps as ae, createTextVNode as P, toDisplayString as k, normalizeClass as C, createElementBlock as b, Fragment as j, renderList as F, provide as le, resolveDynamicComponent as W, useSlots as He, createCommentVNode as M, createElementVNode as y, h as Tt, toRef as Pe, useTemplateRef as Y, withModifiers as We, withDirectives as Ke, vModelCheckbox as Lt, normalizeStyle as It, createApp as Rt, vModelText as At } from "vue";
 import { JSError as be, tap as G, MagicObject as Qe, PromisedValue as K, Storage as U, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as Pt, fail as Q, facade as ee, arrayRemove as Se, getEnv as zt, updateLocationQueryParameters as Dt, forever as jt, toString as q, isDevelopment as se, isTesting as Ve, after as ce, uuid as re, required as Bt, isObject as ue, objectWithoutEmpty as Ze, stringMatchAll as Xe, objectWithout as qt, noop as Ft, debounce as Ut, value as Ot, isInstanceOf as ze, stringExcerpt as Nt, arraySorted as Wt, ListenersManager as Kt, toError as Qt, round as Jt } from "@noeldemartin/utils";
 import O from "virtual:aerogel";
 import { createPinia as Zt, setActivePinia as Xt, defineStore as Yt } from "pinia";
@@ -10,23 +10,23 @@ import { marked as es, Renderer as De } from "marked";
 import ts from "clsx";
 import { cva as ss } from "class-variance-authority";
 import { twMerge as rs } from "tailwind-merge";
-import { Primitive as ns, SelectValue as je, SelectTrigger as as, SelectIcon as ls, SelectItem as os, SelectItemText as is, SelectPortal as cs, SelectContent as us, SelectViewport as ds, SelectRoot as ps, Label as ms, useForwardExpose as Le, SwitchRoot as fs, SwitchThumb as hs, DialogRoot as gs, DialogPortal as vs, DialogContent as bs, DialogDescription as ys, DialogOverlay as ws, DialogTitle as $s, ToastClose as _s, ToastRoot as xs, ToastProvider as Cs, ToastViewport as ks, DropdownMenuItem as Ss, DropdownMenuContent as Ms, DropdownMenuRoot as Es, DropdownMenuTrigger as Hs, DropdownMenuPortal as Vs } from "reka-ui";
+import { Primitive as ns, SelectValue as je, SelectTrigger as as, SelectIcon as ls, SelectItem as os, SelectItemText as is, SelectPortal as cs, SelectContent as us, SelectViewport as ds, SelectRoot as ps, Label as ms, useForwardExpose as Te, SwitchRoot as fs, SwitchThumb as hs, DialogRoot as gs, DialogPortal as vs, DialogContent as bs, DialogDescription as ys, DialogOverlay as ws, DialogTitle as $s, ToastClose as _s, ToastRoot as xs, ToastProvider as Cs, ToastViewport as ks, DropdownMenuItem as Ss, DropdownMenuContent as Ms, DropdownMenuRoot as Es, DropdownMenuTrigger as Hs, DropdownMenuPortal as Vs } from "reka-ui";
 class Me extends be {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-let Te = null;
+let Le = null;
 function Ye() {
-  return Te ?? Ls();
+  return Le ?? Ts();
 }
-function Ls() {
+function Ts() {
   return G(Zt(), (t) => {
-    Te = t, Xt(t);
+    Le = t, Xt(t);
   });
 }
-function Ts() {
-  return Te ?? Ye();
+function Ls() {
+  return Le ?? Ye();
 }
 function Is(t, s) {
   return Ye(), Yt(t, s)();
@@ -183,7 +183,7 @@ let we = (ke = class extends Qe {
     return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
   }
 }, _(ke, "persist", []), ke);
-const Ua = {
+const Na = {
   Low: -256,
   Default: 0,
   High: 256
@@ -241,8 +241,8 @@ class Rs extends we {
     i.includes(a) || (i.push(a), i.sort((p, x) => x - p), l[a] = []), ($ = l[a]) == null || $.push(n);
   }
 }
-const T = ee(Rs);
-function Oa(t) {
+const L = ee(Rs);
+function Wa(t) {
   return t;
 }
 const As = ye({
@@ -297,11 +297,11 @@ class Ps extends As {
     return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
   }
   async boot() {
-    T.once("application-ready", () => this.ready.resolve()), T.once("application-mounted", () => this.mounted.resolve());
+    L.once("application-ready", () => this.ready.resolve()), L.once("application-mounted", () => this.mounted.resolve());
   }
 }
 const D = ee(Ps);
-function Na(t) {
+function Ka(t) {
   return t;
 }
 async function zs(t, ...s) {
@@ -316,7 +316,7 @@ async function zs(t, ...s) {
 function Ds(t) {
   return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${q(r)}"`, "");
 }
-function Wa(t) {
+function Qa(t) {
   return t;
 }
 function js(t) {
@@ -379,14 +379,14 @@ class Os extends we {
     });
   }
 }
-const Ka = ee(Os);
+const Ja = ee(Os);
 class Ns extends we {
   async purge() {
-    await T.emit("purge-storage");
+    await L.emit("purge-storage");
   }
 }
 const Ws = ee(Ns);
-function Qa(t, s) {
+function Za(t, s) {
   return {
     ...t,
     ...oe(s, Object.keys(t))
@@ -394,7 +394,7 @@ function Qa(t, s) {
 }
 const Ks = {
   $app: D,
-  $events: T,
+  $events: L,
   $storage: Ws
 };
 async function $e(t, s) {
@@ -414,7 +414,7 @@ const Qs = {
       ...Ks,
       ...s.services
     };
-    t.use(Ts()), (r = s.settings) == null || r.forEach((n) => D.addSetting(n)), await $e(t, e);
+    t.use(Ls()), (r = s.settings) == null || r.forEach((n) => D.addSetting(n)), await $e(t, e);
   }
 }, et = 768, me = {
   Mobile: "mobile",
@@ -548,7 +548,7 @@ class Zs extends Js {
       await this.removeModal(e, r);
       return;
     }
-    await T.emit("close-modal", { id: e, result: r });
+    await L.emit("close-modal", { id: e, result: r });
   }
   async closeAllModals() {
     for (; this.modals.length > 0; )
@@ -565,16 +565,16 @@ class Zs extends Js {
     ), (a = (n = this.modalCallbacks[e]) == null ? void 0 : n.hasClosed) == null || a.call(n, r), delete this.modalCallbacks[e];
   }
   watchModalEvents() {
-    T.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
+    L.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
       var a, i;
       const n = this.modals.find((l) => e === l.id);
       n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
-    }), T.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
+    }), L.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
       await this.removeModal(e, r);
     });
   }
   watchMountedEvent() {
-    T.once("application-mounted", async () => {
+    L.once("application-mounted", async () => {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
@@ -688,7 +688,7 @@ class tr extends er {
     R.modal(R.requireComponent("error-report-modal"), { report: n, reports: a });
   }
   async report(e, r) {
-    if (await T.emit("error", { error: e, message: r }), Ve("unit") || (se() && this.logError(e), !this.enabled))
+    if (await L.emit("error", { error: e, message: r }), Ve("unit") || (se() && this.logError(e), !this.enabled))
       throw e;
     if (!D.isMounted()) {
       const i = await this.createStartupErrorReport(e);
@@ -790,7 +790,7 @@ function nr(t) {
 function ar() {
   return ie;
 }
-function Ja(t) {
+function Xa(t) {
   ie = t;
 }
 function lr(t) {
@@ -976,22 +976,45 @@ function ir(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
 function lt(t, s) {
-  const e = T.on(t, s);
+  const e = L.on(t, s);
   ge(() => e());
 }
 const cr = {
   required: (t) => t ? void 0 : "required"
-}, de = { ...cr };
-function Za(t, s) {
+};
+function ur(t, s) {
+  var e;
+  if (t == null)
+    return !0;
+  switch (s.type) {
+    case "string":
+      return typeof t == "string";
+    case "enum":
+      return !!((e = s.values) != null && e.includes(t));
+    case "number":
+      return typeof t == "number";
+    case "boolean":
+      return typeof t == "boolean";
+    case "date":
+      return t instanceof Date;
+    case "object":
+      return typeof t == "object";
+  }
+}
+const de = { ...cr };
+function Ya(t, s) {
   de[t] = s;
 }
-function ur(t, s) {
+function dr(t, s) {
+  return ur(t, s) ? [] : ["invalid_value"];
+}
+function pr(t, s) {
   var r;
   const e = (r = de[s]) == null ? void 0 : r.call(de, t);
   return e ? Je(e) : [];
 }
-const Xa = Symbol(), Be = /* @__PURE__ */ new WeakMap();
-class dr extends Qe {
+const Ga = Symbol(), Be = /* @__PURE__ */ new WeakMap();
+class mr extends Qe {
   constructor(e) {
     super();
     _(this, "errors");
@@ -1070,8 +1093,9 @@ class dr extends Qe {
   getFieldErrors(e, r) {
     var l;
     const n = [], a = this._data[e], i = ((l = r.rules) == null ? void 0 : l.split("|")) ?? [];
+    n.push(...dr(a, r));
     for (const d of i)
-      d !== "required" && a == null || n.push(...ur(a, d));
+      d !== "required" && a == null || n.push(...pr(a, d));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
@@ -1099,25 +1123,25 @@ function ot(t, s) {
   ge(() => r == null ? void 0 : r());
 }
 function it(t) {
-  return new dr(t);
+  return new mr(t);
 }
 function Ie() {
   const t = Ne(), s = u(() => t.class);
   return [u(() => qt(t, "class")), s];
 }
-function Ya(t) {
+function el(t) {
   let s = Ft;
   Ht(() => s = t()), ge(() => s());
 }
-function Ga(t, s) {
+function tl(t, s) {
   const e = pe(U.get(t) ?? s);
   return Ee(e, () => U.set(t, Vt(e))), e;
 }
-function el(t) {
+function sl(t) {
   const s = B(), e = u(t);
   return Ee(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function tl(t, s) {
+function rl(t, s) {
   const e = s ? t : {}, r = s ?? t, n = B(e.initial ?? null), a = Ut((i) => n.value = i, e.delay ?? 300);
   return X(() => a(r())), n;
 }
@@ -1235,7 +1259,7 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), pr = /* @__PURE__ */ g({
+}), fr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1294,14 +1318,14 @@ const ct = /* @__PURE__ */ g({
     return le("select", v), s(v), (p, x) => (c(), h(o(ps), {
       "model-value": i.value,
       by: p.compareOptions,
-      "onUpdate:modelValue": x[0] || (x[0] = (L) => $(L))
+      "onUpdate:modelValue": x[0] || (x[0] = (T) => $(T))
     }, {
-      default: f(({ open: L }) => [
+      default: f(({ open: T }) => [
         (c(), h(W(p.as), ne(ae(p.$attrs)), {
           default: f(() => [
             w(p.$slots, "default", {
               modelValue: p.modelValue,
-              open: L
+              open: T
             }, () => [
               m(ut),
               m(pt)
@@ -1429,20 +1453,20 @@ const ct = /* @__PURE__ */ g({
       _: 3
     }, 8, ["class"]));
   }
-}), mr = {
+}), hr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function fr(t, s) {
-  return c(), b("svg", mr, s[0] || (s[0] = [
+function gr(t, s) {
+  return c(), b("svg", hr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__ */ g({
+const vr = A({ name: "zondicons-cheveron-down", render: gr }), ht = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
@@ -1459,12 +1483,12 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
     }, {
       default: f(() => [
         m(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
-        m(o(hr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+        m(o(vr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), gr = /* @__PURE__ */ g({
+}), br = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1483,8 +1507,8 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Le();
-    return (e, r) => (c(), h(pr, H({ ref: o(s) }, e.$props, {
+    const { forwardRef: s } = Te();
+    return (e, r) => (c(), h(fr, H({ ref: o(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: f(() => [
@@ -1497,7 +1521,7 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
       _: 3
     }, 16));
   }
-}), vr = { class: "grow" }, br = /* @__PURE__ */ g({
+}), yr = { class: "grow" }, wr = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
     const s = J.getBrowserLocale(), e = u(() => [null, ...J.locales]);
@@ -1506,7 +1530,7 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
         locale: O.locales[s] ?? s
       });
     }
-    return (n, a) => (c(), h(gr, {
+    return (n, a) => (c(), h(br, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (i) => n.$lang.locale = i),
       class: "flex flex-col items-start md:flex-row",
@@ -1515,7 +1539,7 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
       "render-option": r
     }, {
       default: f(() => [
-        y("div", vr, [
+        y("div", yr, [
           m(mt, { class: "text-base font-semibold" }, {
             default: f(() => [
               P(k(n.$td("settings.locale", "Language")), 1)
@@ -1538,17 +1562,17 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), yr = [
+}), $r = [
   {
     priority: 100,
-    component: br
+    component: wr
   }
-], wr = { $lang: J }, $r = {
+], _r = { $lang: J }, xr = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = st), t.config.globalProperties.$td = S, yr.forEach((e) => D.addSetting(e)), await $e(t, wr);
+    (s = t.config.globalProperties).$t ?? (s.$t = st), t.config.globalProperties.$td = S, $r.forEach((e) => D.addSetting(e)), await $e(t, _r);
   }
-}, _r = /* @__PURE__ */ g({
+}, Cr = /* @__PURE__ */ g({
   __name: "Markdown",
   props: {
     as: {},
@@ -1565,7 +1589,7 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
         return null;
       let l = lr(r.value);
       return t.inline && (l = l.replace("<p>", "<span>").replace("</p>", "</span>")), l;
-    }), a = () => Lt(t.as ?? (t.inline ? "span" : "div"), {
+    }), a = () => Tt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: i,
       ...s,
@@ -1586,12 +1610,12 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
     }
     return (l, d) => (c(), h(a));
   }
-}), xr = (t, s) => {
+}), kr = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, I = /* @__PURE__ */ xr(_r, [["__scopeId", "data-v-8b211cfb"]]), Cr = { class: "flex-grow" }, kr = ["id"], Sr = /* @__PURE__ */ g({
+}, I = /* @__PURE__ */ kr(Cr, [["__scopeId", "data-v-8b211cfb"]]), Sr = { class: "flex-grow" }, Mr = ["id"], Er = /* @__PURE__ */ g({
   __name: "Setting",
   props: {
     title: {},
@@ -1605,11 +1629,11 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
     return (e, r) => (c(), b("div", {
       class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      y("div", Cr, [
+      y("div", Sr, [
         y("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, k(e.title), 9, kr),
+        }, k(e.title), 9, Mr),
         e.description ? (c(), h(I, {
           key: 0,
           text: e.description,
@@ -1623,7 +1647,7 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
       ], 2)
     ], 2));
   }
-}), Mr = ["for"], Er = /* @__PURE__ */ g({
+}), Hr = ["for"], Vr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1666,7 +1690,7 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
         key: 0,
         for: i.id,
         class: C(l.labelClass)
-      }, k(l.label), 11, Mr)) : M("", !0),
+      }, k(l.label), 11, Hr)) : M("", !0),
       m(o(fs), H({
         id: i.id,
         name: l.name,
@@ -1684,16 +1708,16 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Hr = /* @__PURE__ */ g({
+}), Tr = /* @__PURE__ */ g({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (c(), h(Er, {
+    return (s, e) => (c(), h(Vr, {
       class: "flex flex-row items-center gap-1",
       "input-class": "disabled:opacity-50 disabled:cursor-not-allowed data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200 relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focusdisabled:opacity-50 disabled:cursor-not-allowed :ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden",
       "thumb-class": "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
     }));
   }
-}), Vr = /* @__PURE__ */ g({
+}), Lr = /* @__PURE__ */ g({
   __name: "Debug",
   setup(t) {
     let s = null;
@@ -1704,13 +1728,13 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
         return;
       }
       s ?? (s = (await import("eruda")).default), s.init();
-    }), (r, n) => (c(), h(Sr, {
+    }), (r, n) => (c(), h(Er, {
       "title-id": "debug-setting",
       title: r.$td("settings.debug", "Debugging"),
       description: r.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
     }, {
       default: f(() => [
-        m(Hr, {
+        m(Tr, {
           modelValue: e.value,
           "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
           "aria-labelledby": "debug-setting"
@@ -1719,13 +1743,13 @@ const hr = A({ name: "zondicons-cheveron-down", render: fr }), ht = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Lr = [
+}), Ir = [
   {
     priority: 10,
-    component: Vr
+    component: Lr
   }
 ], gt = [];
-function sl(t) {
+function nl(t) {
   gt.push(t);
 }
 function vt(t) {
@@ -1738,36 +1762,36 @@ function vt(t) {
 }
 class Ue extends be {
 }
-const Tr = { $errors: rt }, Ir = (t) => (rt.report(t), !0);
-function Rr(t, s = () => !1) {
-  const e = (r) => s(r) || Ir(r);
+const Rr = { $errors: rt }, Ar = (t) => (rt.report(t), !0);
+function Pr(t, s = () => !1) {
+  const e = (r) => s(r) || Ar(r);
   t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, l) => e(l ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const Ar = {
+const zr = {
   async install(t, s) {
-    Rr(t, s.handleError), Lr.forEach((e) => D.addSetting(e)), await $e(t, Tr);
+    Pr(t, s.handleError), Ir.forEach((e) => D.addSetting(e)), await $e(t, Rr);
   }
-}, Pr = {
+}, Dr = {
   async install() {
     Ve() && (globalThis.testingRuntime = {
-      on: (...t) => T.on(...t),
+      on: (...t) => L.on(...t),
       service: (t) => D.service(t)
     });
   }
-}, zr = {
+}, jr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Dr(t, s) {
-  return c(), b("svg", zr, s[0] || (s[0] = [
+function Br(t, s) {
+  return c(), b("svg", jr, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
+const qr = A({ name: "zondicons-close", render: Br }), Fr = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
@@ -1782,12 +1806,12 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
       "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.modal() instead"
     );
     s({ close: i, $content: e });
-    const { forwardRef: n } = Le(), a = B(!1);
+    const { forwardRef: n } = Te(), a = B(!1);
     le("$modalContentRef", e), lt("close-modal", async ({ id: l, result: d }) => {
       l === r.id && await i(d);
     });
     async function i(l) {
-      a.value || (await T.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await T.emit("modal-has-closed", { modal: r, result: l }));
+      a.value || (await L.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await L.emit("modal-has-closed", { modal: r, result: l }));
     }
     return (l, d) => (c(), h(o(gs), {
       ref: o(n),
@@ -1823,7 +1847,7 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
       childIndex: Pe(s, "childIndex")
     }), (r, n) => (c(), h(W(r.modal.component), ne(ae(e.value)), null, 16));
   }
-}), qr = /* @__PURE__ */ g({
+}), Ur = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
     const { childIndex: s = 0 } = V(
@@ -1842,7 +1866,7 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
       _: 3
     }, 512));
   }
-}), Fr = /* @__PURE__ */ g({
+}), Or = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
@@ -1856,7 +1880,7 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), Ur = /* @__PURE__ */ g({
+}), Nr = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1871,7 +1895,7 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), Or = /* @__PURE__ */ g({
+}), Wr = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
@@ -1885,10 +1909,10 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
       _: 3
     }, 16));
   }
-}), Nr = {
+}), Kr = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, Wr = ["onClick"], Kr = { class: "sr-only" }, te = /* @__PURE__ */ g({
+}, Qr = ["onClick"], Jr = { class: "sr-only" }, te = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1912,7 +1936,7 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
         return (p = a.value) == null ? void 0 : p.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Le(), a = n, i = V("modal"), l = u(() => !i.modal.closing && i.childIndex === R.openModals.length), d = u(() => t.description ? {} : { "aria-describedby": void 0 }), v = u(() => E("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), $ = u(() => E(
+    const { forwardRef: r, currentRef: n } = Te(), a = n, i = V("modal"), l = u(() => !i.modal.closing && i.childIndex === R.openModals.length), d = u(() => t.description ? {} : { "aria-describedby": void 0 }), v = u(() => E("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), $ = u(() => E(
       "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
       "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
       "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
@@ -1925,30 +1949,30 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
     ));
     return lt("modal-will-close", async ({ modal: { id: p } }) => {
       p === i.modal.id && await ce({ ms: 300 });
-    }), (p, x) => (c(), h(Br, H(e, {
-      ref: (L) => o(r)(L),
+    }), (p, x) => (c(), h(Fr, H(e, {
+      ref: (T) => o(r)(T),
       persistent: p.persistent
     }), {
-      default: f(({ close: L }) => [
-        m(Ur, {
+      default: f(({ close: T }) => [
+        m(Nr, {
           class: C(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
             "bg-black/30": o(i).childIndex === 1,
             "opacity-0": o(i).childIndex === 1 && o(i).modal.closing
           }])
         }, null, 8, ["class"]),
-        m(qr, H(d.value, { class: $.value }), {
+        m(Ur, H(d.value, { class: $.value }), {
           default: f(() => [
-            !p.persistent && !p.closeHidden ? (c(), b("div", Nr, [
+            !p.persistent && !p.closeHidden ? (c(), b("div", Kr, [
               y("button", {
                 type: "button",
                 class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                onClick: (_e) => L()
+                onClick: (_e) => T()
               }, [
-                y("span", Kr, k(p.$td("ui.close", "Close")), 1),
-                m(o(jr), { class: "size-4" })
-              ], 8, Wr)
+                y("span", Jr, k(p.$td("ui.close", "Close")), 1),
+                m(o(qr), { class: "size-4" })
+              ], 8, Qr)
             ])) : M("", !0),
-            p.title ? (c(), h(Or, {
+            p.title ? (c(), h(Wr, {
               key: 1,
               class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
                 "sr-only": p.titleHidden,
@@ -1964,7 +1988,7 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
               ]),
               _: 1
             }, 8, ["class"])) : M("", !0),
-            p.description ? (c(), h(Fr, {
+            p.description ? (c(), h(Or, {
               key: 2,
               class: C(["px-4 pt-1 pb-2", { "sr-only": p.descriptionHidden }])
             }, {
@@ -1979,7 +2003,7 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
             y("div", {
               class: C(v.value)
             }, [
-              w(p.$slots, "default", { close: L })
+              w(p.$slots, "default", { close: T })
             ], 2)
           ]),
           _: 2
@@ -1989,18 +2013,18 @@ const jr = A({ name: "zondicons-close", render: Dr }), Br = /* @__PURE__ */ g({
     }, 16, ["persistent"]));
   }
 });
-function Qr(t) {
+function Zr(t) {
   const s = u(() => t.title ?? S("ui.alert", "Alert")), e = u(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const Jr = /* @__PURE__ */ g({
+const Xr = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = Qr(e);
+    const e = t, { renderedTitle: r, titleHidden: n } = Zr(e);
     return s(), (a, i) => (c(), h(te, {
       title: o(r),
       "title-hidden": o(n)
@@ -2033,7 +2057,7 @@ const Jr = /* @__PURE__ */ g({
     ], 32));
   }
 });
-function Zr(t) {
+function Yr(t) {
   const s = it(
     Object.entries(t.checkboxes ?? {}).reduce(
       (i, [l, d]) => ({
@@ -2049,10 +2073,10 @@ function Zr(t) {
   ), e = u(() => t.title ?? S("ui.confirm", "Confirm")), r = u(() => !t.title), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Xr = {
+const Gr = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, Yr = { class: "flex items-center" }, Gr = ["onUpdate:modelValue", "required"], en = { class: "ml-1.5" }, tn = { class: "mt-4 flex flex-row-reverse gap-2" }, sn = /* @__PURE__ */ g({
+}, en = { class: "flex items-center" }, tn = ["onUpdate:modelValue", "required"], sn = { class: "ml-1.5" }, rn = { class: "mt-4 flex flex-row-reverse gap-2" }, nn = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2066,7 +2090,7 @@ const Xr = {
     required: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = Zr(e);
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = Yr(e);
     return s(), (d, v) => (c(), h(te, {
       title: o(n),
       "title-hidden": o(a),
@@ -2082,22 +2106,22 @@ const Xr = {
               text: d.message,
               actions: d.actions
             }, null, 8, ["text", "actions"]),
-            d.checkboxes ? (c(), b("ul", Xr, [
+            d.checkboxes ? (c(), b("ul", Gr, [
               (c(!0), b(j, null, F(d.checkboxes, (p, x) => (c(), b("li", { key: x }, [
-                y("label", Yr, [
+                y("label", en, [
                   Ke(y("input", {
-                    "onUpdate:modelValue": (L) => o(r)[x] = L,
+                    "onUpdate:modelValue": (T) => o(r)[x] = T,
                     type: "checkbox",
                     required: p.required,
                     class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
-                  }, null, 8, Gr), [
-                    [Tt, o(r)[x]]
+                  }, null, 8, tn), [
+                    [Lt, o(r)[x]]
                   ]),
-                  y("span", en, k(p.label), 1)
+                  y("span", sn, k(p.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
-            y("div", tn, [
+            y("div", rn, [
               m(z, {
                 variant: d.acceptVariant,
                 submit: ""
@@ -2125,85 +2149,85 @@ const Xr = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), rn = {
+}), an = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function nn(t, s) {
-  return c(), b("svg", rn, s[0] || (s[0] = [
+function ln(t, s) {
+  return c(), b("svg", an, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
     }, null, -1)
   ]));
 }
-const an = A({ name: "zondicons-cheveron-left", render: nn }), ln = {
+const on = A({ name: "zondicons-cheveron-left", render: ln }), cn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function on(t, s) {
-  return c(), b("svg", ln, s[0] || (s[0] = [
+function un(t, s) {
+  return c(), b("svg", cn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
     }, null, -1)
   ]));
 }
-const wt = A({ name: "zondicons-cheveron-right", render: on }), cn = {
+const wt = A({ name: "zondicons-cheveron-right", render: un }), dn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function un(t, s) {
-  return c(), b("svg", cn, s[0] || (s[0] = [
+function pn(t, s) {
+  return c(), b("svg", dn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
     }, null, -1)
   ]));
 }
-const Re = A({ name: "zondicons-exclamation-solid", render: un }), dn = {
+const Re = A({ name: "zondicons-exclamation-solid", render: pn }), mn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function pn(t, s) {
-  return c(), b("svg", dn, s[0] || (s[0] = [
+function fn(t, s) {
+  return c(), b("svg", mn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
     }, null, -1)
   ]));
 }
-const mn = A({ name: "mdi-console", render: pn }), fn = {
+const hn = A({ name: "mdi-console", render: fn }), gn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function hn(t, s) {
-  return c(), b("svg", fn, s[0] || (s[0] = [
+function vn(t, s) {
+  return c(), b("svg", gn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
     }, null, -1)
   ]));
 }
-const gn = A({ name: "zondicons-copy", render: hn }), vn = {
+const bn = A({ name: "zondicons-copy", render: vn }), yn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function bn(t, s) {
-  return c(), b("svg", vn, s[0] || (s[0] = [
+function wn(t, s) {
+  return c(), b("svg", yn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
     }, null, -1)
   ]));
 }
-const yn = A({ name: "mdi-github", render: bn }), wn = { class: "flex" }, $n = { class: "sr-only" }, _n = /* @__PURE__ */ g({
+const $n = A({ name: "mdi-github", render: wn }), _n = { class: "flex" }, xn = { class: "sr-only" }, Cn = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
@@ -2232,7 +2256,7 @@ const yn = A({ name: "mdi-github", render: bn }), wn = { class: "flex" }, $n = {
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: gn,
+          iconComponent: bn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
@@ -2242,7 +2266,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
         {
           id: "console",
           description: "Log to console",
-          iconComponent: mn,
+          iconComponent: hn,
           click() {
             const a = s.report.error ?? s.report;
             window.error = a, console.error(a), R.toast(
@@ -2258,12 +2282,12 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: yn,
+          iconComponent: $n,
           url: r.value
         });
       }
     ));
-    return (a, i) => (c(), b("div", wn, [
+    return (a, i) => (c(), b("div", _n, [
       (c(!0), b(j, null, F(n.value, (l) => w(a.$slots, "default", H({ ref_for: !0 }, l), () => [
         m(z, {
           size: "icon",
@@ -2274,7 +2298,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
           onClick: l.click
         }, {
           default: f(() => [
-            y("span", $n, k(a.$td(`errors.report_${l.id}`, l.description)), 1),
+            y("span", xn, k(a.$td(`errors.report_${l.id}`, l.description)), 1),
             (c(), h(W(l.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
@@ -2285,7 +2309,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), xn = /* @__PURE__ */ g({
+}), kn = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2300,7 +2324,7 @@ ${s.report.details}`), R.toast(S("errors.copiedToClipboard", "Debug information
     }, null, 8, ["text"]));
   }
 });
-function Cn(t) {
+function Sn(t) {
   const s = B(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = u(() => t.reports[s.value]), r = u(
     () => {
       var i;
@@ -2315,17 +2339,17 @@ function Cn(t) {
     activeReport: e
   };
 }
-const kn = { class: "px-4 pt-5 pb-4" }, Sn = { class: "flex justify-between gap-4" }, Mn = { class: "flex items-center gap-2" }, En = {
+const Mn = { class: "px-4 pt-5 pb-4" }, En = { class: "flex justify-between gap-4" }, Hn = { class: "flex items-center gap-2" }, Vn = {
   key: 0,
   class: "flex gap-0.5"
-}, Hn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Vn = ["textContent"], Ln = /* @__PURE__ */ g({
+}, Tn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Ln = ["textContent"], In = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = Cn(e);
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = Sn(e);
     return s(), (d, v) => (c(), h(te, {
       title: d.$td("errors.report", "Error report"),
       "title-hidden": "",
@@ -2334,17 +2358,17 @@ const kn = { class: "px-4 pt-5 pb-4" }, Sn = { class: "flex justify-between gap-
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
       default: f(() => [
-        y("div", kn, [
-          y("h2", Sn, [
-            y("div", Mn, [
+        y("div", Mn, [
+          y("h2", En, [
+            y("div", Hn, [
               m(o(Re), { class: "size-5 text-red-600" }),
-              m(xn, {
+              m(kn, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
                 report: o(l),
                 "current-report": o(r) + 1,
                 "total-reports": d.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              d.reports.length > 1 ? (c(), b("span", En, [
+              d.reports.length > 1 ? (c(), b("span", Vn, [
                 m(z, {
                   size: "icon",
                   variant: "ghost",
@@ -2354,7 +2378,7 @@ const kn = { class: "px-4 pt-5 pb-4" }, Sn = { class: "flex justify-between gap-
                   onClick: v[0] || (v[0] = ($) => r.value--)
                 }, {
                   default: f(() => [
-                    m(o(an), { class: "size-4" })
+                    m(o(on), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
@@ -2373,7 +2397,7 @@ const kn = { class: "px-4 pt-5 pb-4" }, Sn = { class: "flex justify-between gap-
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : M("", !0)
             ]),
-            m(_n, {
+            m(Cn, {
               report: o(l),
               class: "gap-0.5"
             }, null, 8, ["report"])
@@ -2384,23 +2408,23 @@ const kn = { class: "px-4 pt-5 pb-4" }, Sn = { class: "flex justify-between gap-
             class: "text-gray-600"
           }, null, 8, ["text"])) : M("", !0)
         ]),
-        y("div", Hn, [
+        y("div", Tn, [
           y("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: k(o(n))
-          }, null, 8, Vn)
+          }, null, 8, Ln)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Tn = {
+}), Rn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function In(t, s) {
-  return c(), b("svg", Tn, s[0] || (s[0] = [
+function An(t, s) {
+  return c(), b("svg", Rn, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
@@ -2420,7 +2444,7 @@ function In(t, s) {
     ], -1)
   ]));
 }
-const Rn = A({ name: "svg-spinners-90-ring-with-bg", render: In }), An = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Pn = { class: "sr-only" }, zn = /* @__PURE__ */ g({
+const Pn = A({ name: "svg-spinners-90-ring-with-bg", render: An }), zn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Dn = { class: "sr-only" }, jn = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
@@ -2436,24 +2460,24 @@ const Rn = A({ name: "svg-spinners-90-ring-with-bg", render: In }), An = { 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 }
-    ), ge(() => s && s()), (a, i) => (c(), b("div", An, [
+    ), ge(() => s && s()), (a, i) => (c(), b("div", zn, [
       y("div", {
         class: C(r.value),
         style: It(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      y("span", Pn, k(a.$td("ui.progress", "{progress}% complete", {
+      y("span", Dn, k(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
   }
 });
-function Dn(t) {
+function Bn(t) {
   const s = u(() => t.title ?? S("ui.loading", "Loading")), e = u(
     () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
   ), r = u(() => typeof t.progress == "number" || !!t.job), n = u(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const jn = /* @__PURE__ */ g({
+const qn = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2462,7 +2486,7 @@ const jn = /* @__PURE__ */ g({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Dn(e);
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Bn(e);
     return s(), (l, d) => (c(), h(te, {
       persistent: "",
       class: C(["flex", { "flex-col-reverse": o(i), "items-center justify-center gap-2": !o(i) }]),
@@ -2471,12 +2495,12 @@ const jn = /* @__PURE__ */ g({
       "title-hidden": o(a)
     }, {
       default: f(() => [
-        o(i) ? (c(), h(zn, {
+        o(i) ? (c(), h(jn, {
           key: 0,
           progress: l.progress,
           job: l.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (c(), h(o(Rn), {
+        }, null, 8, ["progress", "job"])) : (c(), h(o(Pn), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
@@ -2522,7 +2546,7 @@ const jn = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), Bn = ["for"], fe = /* @__PURE__ */ g({
+}), Fn = ["for"], fe = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
     const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = He(), r = u(() => !!(s.label || e.default));
@@ -2533,9 +2557,9 @@ const jn = /* @__PURE__ */ g({
       w(n.$slots, "default", {}, () => [
         P(k(o(s).label), 1)
       ])
-    ], 8, Bn)) : M("", !0);
+    ], 8, Fn)) : M("", !0);
   }
-}), qn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], $t = /* @__PURE__ */ g({
+}), Un = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], $t = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
     type: {}
@@ -2586,7 +2610,7 @@ const jn = /* @__PURE__ */ g({
       "aria-invalid": o(e).errors ? "true" : "false",
       "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
       onInput: d
-    }, null, 40, qn));
+    }, null, 40, Un));
   }
 }), _t = /* @__PURE__ */ g({
   inheritAttrs: !1,
@@ -2605,19 +2629,19 @@ const jn = /* @__PURE__ */ g({
       }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), Fn = ["id"], he = /* @__PURE__ */ g({
+}), On = ["id"], he = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
     const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = u(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
     return (r, n) => e.value ? (c(), b("p", {
       key: 0,
       id: `${o(s).id}-error`
-    }, k(e.value), 9, Fn)) : M("", !0);
+    }, k(e.value), 9, On)) : M("", !0);
   }
-}), Un = {
+}), Nn = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, On = /* @__PURE__ */ g({
+}, Wn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2637,8 +2661,8 @@ const jn = /* @__PURE__ */ g({
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
           "focus:ring-primary-600": !((l = e.value) != null && l.errors),
-          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
-          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
@@ -2658,7 +2682,7 @@ const jn = /* @__PURE__ */ g({
             class: C(a.value)
           }, [
             m($t, H(o(r), { class: i.value }), null, 16, ["class"]),
-            (v = o(e)) != null && v.errors ? (c(), b("div", Un, [
+            (v = o(e)) != null && v.errors ? (c(), b("div", Nn, [
               m(o(Re), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
@@ -2670,83 +2694,99 @@ const jn = /* @__PURE__ */ g({
     }, 16, ["label", "class"]));
   }
 });
-function rl(t, s = {}) {
+function al(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function nl(t, s = {}) {
+function ll(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function al(t) {
+function ol(t, s, e = {}) {
+  return {
+    default: s,
+    type: "enum",
+    rules: e.rules,
+    values: t
+  };
+}
+function il(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function ll(t) {
+function cl(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function ol(t) {
+function ul(t, s) {
+  return {
+    default: s,
+    type: "enum",
+    rules: "required",
+    values: t
+  };
+}
+function dl(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function il(t) {
+function pl(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function Nn(t) {
+function Kn(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function cl(t, s = {}) {
+function ml(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function ul(t, s = {}) {
+function fl(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function dl(t, s = {}) {
+function hl(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function Wn(t) {
+function Qn(t) {
   const s = it({
-    draft: Nn(t.defaultValue ?? "")
+    draft: Kn(t.defaultValue ?? "")
   }), e = u(() => t.title ?? t.message), r = u(() => t.title ? t.message : null), n = u(() => t.acceptText ?? S("ui.accept", "Ok")), a = u(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g({
+const Jn = { class: "mt-4 flex flex-row-reverse gap-2" }, Zn = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2760,7 +2800,7 @@ const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g
     cancelVariant: { default: "secondary" }
   },
   setup(t, { expose: s }) {
-    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: l } = Wn(e);
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: l } = Qn(e);
     return s(), (d, v) => (c(), h(te, {
       title: o(n),
       persistent: ""
@@ -2775,13 +2815,13 @@ const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g
               key: 0,
               text: o(a)
             }, null, 8, ["text"])) : M("", !0),
-            m(On, {
+            m(Wn, {
               name: "draft",
               class: "mt-2",
               placeholder: d.placeholder,
               label: d.label
             }, null, 8, ["placeholder", "label"]),
-            y("div", Kn, [
+            y("div", Jn, [
               m(z, {
                 variant: d.acceptVariant,
                 submit: ""
@@ -2808,12 +2848,12 @@ const Kn = { class: "mt-4 flex flex-row-reverse gap-2" }, Qn = /* @__PURE__ */ g
       _: 1
     }, 8, ["title"]));
   }
-}), Jn = { class: "grid grow place-items-center" }, Zn = { class: "flex flex-col items-center space-y-6 p-8" }, Xn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Yn = { class: "mt-4 flex flex-col space-y-4" }, Gn = /* @__PURE__ */ g({
+}), Xn = { class: "grid grow place-items-center" }, Yn = { class: "flex flex-col items-center space-y-6 p-8" }, Gn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, ea = { class: "mt-4 flex flex-col space-y-4" }, ta = /* @__PURE__ */ g({
   __name: "StartupCrash",
   setup(t) {
-    return (s, e) => (c(), b("div", Jn, [
-      y("div", Zn, [
-        y("h1", Xn, k(s.$td("startupCrash.title", "Something went wrong!")), 1),
+    return (s, e) => (c(), b("div", Xn, [
+      y("div", Yn, [
+        y("h1", Gn, k(s.$td("startupCrash.title", "Something went wrong!")), 1),
         m(I, {
           text: s.$td(
             "startupCrash.message",
@@ -2823,7 +2863,7 @@ Here's some things you can do:`
           ),
           class: "mt-4 text-center"
         }, null, 8, ["text"]),
-        y("div", Yn, [
+        y("div", ea, [
           m(z, {
             variant: "danger",
             onClick: e[0] || (e[0] = (r) => s.$app.reload())
@@ -2862,7 +2902,7 @@ Here's some things you can do:`
       _: 1
     }, 8, ["onClick"]));
   }
-}), ea = { key: 0 }, ta = /* @__PURE__ */ g({
+}), sa = { key: 0 }, ra = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2873,7 +2913,7 @@ Here's some things you can do:`
     return (s, e) => (c(), h(o(xs), null, {
       default: f(() => [
         w(s.$slots, "default", {}, () => [
-          s.message ? (c(), b("span", ea, k(s.message), 1)) : M("", !0),
+          s.message ? (c(), b("span", sa, k(s.message), 1)) : M("", !0),
           (c(!0), b(j, null, F(s.actions, (r, n) => (c(), h(xt, {
             key: n,
             action: r
@@ -2883,7 +2923,7 @@ Here's some things you can do:`
       _: 3
     }));
   }
-}), sa = /* @__PURE__ */ g({
+}), na = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -2907,7 +2947,7 @@ Here's some things you can do:`
         }
       }
     ));
-    return s(), (r, n) => (c(), h(ta, {
+    return s(), (r, n) => (c(), h(ra, {
       class: C(e.value)
     }, {
       default: f(() => [
@@ -2926,45 +2966,45 @@ Here's some things you can do:`
       _: 1
     }, 8, ["class"]));
   }
-}), ra = { $ui: R }, na = {
+}), aa = { $ui: R }, la = {
   async install(t, s) {
     const e = {
-      "alert-modal": Jr,
-      "confirm-modal": sn,
-      "error-report-modal": Ln,
-      "loading-modal": jn,
-      "prompt-modal": Qn,
-      "startup-crash": Gn,
-      toast: sa,
+      "alert-modal": Xr,
+      "confirm-modal": nn,
+      "error-report-modal": In,
+      "loading-modal": qn,
+      "prompt-modal": Zn,
+      "startup-crash": ta,
+      toast: na,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
       R.registerComponent(r, n);
-    await $e(t, ra);
+    await $e(t, aa);
   }
 };
-async function aa(t, s = {}) {
+async function oa(t, s = {}) {
   var r;
-  const e = [Pr, Us, Ar, $r, Qs, na, ...s.plugins ?? []];
-  D.instance = t, await zs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await T.emit("application-ready");
+  const e = [Dr, Us, zr, xr, Qs, la, ...s.plugins ?? []];
+  D.instance = t, await zs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await L.emit("application-ready");
 }
-async function pl(t, s = {}) {
+async function gl(t, s = {}) {
   var r;
   const e = Rt(t);
-  se() && (window.$aerogel = e), await aa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await T.emit("application-mounted");
+  se() && (window.$aerogel = e), await oa(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await L.emit("application-mounted");
 }
-const la = { key: 0 }, oa = /* @__PURE__ */ g({
+const ia = { key: 0 }, ca = /* @__PURE__ */ g({
   __name: "AppModals",
   setup(t) {
     const s = u(() => R.modals[0] ?? null);
-    return (e, r) => s.value ? (c(), b("aside", la, [
+    return (e, r) => s.value ? (c(), b("aside", ia, [
       m(bt, {
         "child-index": 1,
         modal: s.value
       }, null, 8, ["modal"])
     ])) : M("", !0);
   }
-}), ia = /* @__PURE__ */ g({
+}), ua = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
     return (s, e) => (c(), h(o(Cs), null, {
@@ -2979,25 +3019,25 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 1
     }));
   }
-}), ca = /* @__PURE__ */ g({
+}), da = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
     return (s, e) => (c(), b(j, null, [
-      m(oa),
-      m(ia)
+      m(ca),
+      m(ua)
     ], 64));
   }
-}), ua = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, ml = /* @__PURE__ */ g({
+}), pa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, vl = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (c(), b("div", ua, [
+    return (s, e) => (c(), b("div", pa, [
       s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
         (c(), h(W(s.$ui.requireComponent("startup-crash"))))
       ]) : w(s.$slots, "default", { key: 1 }),
-      m(ca)
+      m(da)
     ]));
   }
-}), da = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], pa = /* @__PURE__ */ g({
+}), ma = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], fa = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
     const s = Y("$textAreaRef"), e = V(
@@ -3019,22 +3059,22 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       "aria-invalid": o(e).errors ? "true" : "false",
       "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, da));
+    }, null, 40, ma));
   }
-}), ma = { class: "group" }, fa = { 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" }, ha = { class: "pt-2 pl-4" }, fl = /* @__PURE__ */ g({
+}), ha = { class: "group" }, ga = { 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" }, va = { class: "pt-2 pl-4" }, bl = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (c(), b("details", ma, [
-      y("summary", fa, [
+    return (s, e) => (c(), b("details", ha, [
+      y("summary", ga, [
         m(o(wt), { class: "size-6 transition-transform group-open:rotate-90" }),
         y("span", null, k(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
-      y("div", ha, [
+      y("div", va, [
         w(s.$slots, "default")
       ])
     ]));
   }
-}), ga = { class: "flex h-6 items-center" }, hl = /* @__PURE__ */ g({
+}), ba = { class: "flex h-6 items-center" }, yl = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3065,7 +3105,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       "onUpdate:modelValue": v[0] || (v[0] = ($) => d.$emit("update:modelValue", $))
     }), {
       default: f(() => [
-        y("div", ga, [
+        y("div", ba, [
           m($t, H(o(r), {
             type: "checkbox",
             class: i.value
@@ -3093,7 +3133,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 3
     }, 16, ["class"]));
   }
-}), va = /* @__PURE__ */ g({
+}), ya = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3115,7 +3155,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 3
     }, 16, ["class"]));
   }
-}), ba = /* @__PURE__ */ g({
+}), wa = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
     const s = V(
@@ -3129,7 +3169,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
     }, {
       default: f(() => [
         w(e.$slots, "default", {}, () => [
-          (c(!0), b(j, null, F(o(s).options, (n, a) => (c(), h(va, H(
+          (c(!0), b(j, null, F(o(s).options, (n, a) => (c(), h(ya, H(
             {
               key: a,
               as: n.route || n.href ? nt : void 0,
@@ -3159,7 +3199,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), gl = /* @__PURE__ */ g({
+}), wl = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3186,7 +3226,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
         m(o(Vs), null, {
           default: f(() => [
             w(r.$slots, "options", {}, () => [
-              m(ba)
+              m(wa)
             ])
           ]),
           _: 3
@@ -3195,7 +3235,7 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       _: 3
     }));
   }
-}), ya = ["aria-hidden"], wa = ["tabindex", "aria-label", "type"], vl = /* @__PURE__ */ g({
+}), $a = ["aria-hidden"], _a = ["tabindex", "aria-label", "type"], $l = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3234,14 +3274,14 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
       y("form", {
         class: "w-full",
         "aria-hidden": p.formAriaHidden,
-        onSubmit: x[4] || (x[4] = We((L) => {
+        onSubmit: x[4] || (x[4] = We((T) => {
           var _e;
           return (_e = o(r)) == null ? void 0 : _e.blur();
         }, ["prevent"]))
       }, [
         Ke(y("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": x[0] || (x[0] = (L) => a.value = L),
+          "onUpdate:modelValue": x[0] || (x[0] = (T) => a.value = T),
           tabindex: p.tabindex ?? void 0,
           "aria-label": p.ariaLabel ?? void 0,
           type: p.type,
@@ -3249,42 +3289,42 @@ const la = { key: 0 }, oa = /* @__PURE__ */ g({
             d.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && p.type === "number" }
           ]),
-          onKeyup: x[1] || (x[1] = (L) => p.$emit("update", a.value)),
-          onFocus: x[2] || (x[2] = (L) => v()),
-          onBlur: x[3] || (x[3] = (L) => $())
-        }, null, 42, wa), [
+          onKeyup: x[1] || (x[1] = (T) => p.$emit("update", a.value)),
+          onFocus: x[2] || (x[2] = (T) => v()),
+          onBlur: x[3] || (x[3] = (T) => $())
+        }, null, 42, _a), [
           [At, a.value]
         ])
-      ], 40, ya)
+      ], 40, $a)
     ], 2));
   }
-}), $a = {
+}), xa = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function _a(t, s) {
-  return c(), b("svg", $a, s[0] || (s[0] = [
+function Ca(t, s) {
+  return c(), b("svg", xa, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
     }, null, -1)
   ]));
 }
-const xa = A({ name: "ion-warning", render: _a }), Ca = {
+const ka = A({ name: "ion-warning", render: Ca }), Sa = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function ka(t, s) {
-  return c(), b("svg", Ca, s[0] || (s[0] = [
+function Ma(t, s) {
+  return c(), b("svg", Sa, s[0] || (s[0] = [
     y("path", {
       fill: "currentColor",
       d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
     }, null, -1)
   ]));
 }
-const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-medium" }, Ea = ["datetime"], Ha = /* @__PURE__ */ g({
+const Ea = A({ name: "zondicons-view-show", render: Ma }), Ha = { class: "font-medium" }, Va = ["datetime"], Ta = /* @__PURE__ */ g({
   __name: "ErrorLogsModal",
   setup(t) {
     return (s, e) => (c(), h(te, {
@@ -3297,11 +3337,11 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
             y("div", null, [
-              y("h3", Ma, k(r.report.title), 1),
+              y("h3", Ha, k(r.report.title), 1),
               y("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, k(r.date.toLocaleTimeString()), 9, Ea),
+              }, k(r.date.toLocaleTimeString()), 9, Va),
               m(I, {
                 class: "text-sm text-gray-500",
                 text: r.report.description ?? o(vt)(r.report)
@@ -3319,7 +3359,7 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
               )
             }, {
               default: f(() => [
-                m(o(Sa), {
+                m(o(Ea), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3332,7 +3372,7 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), bl = /* @__PURE__ */ g({
+}), _l = /* @__PURE__ */ g({
   __name: "ErrorLogs",
   setup(t) {
     return (s, e) => s.$errors.logs.length > 0 ? (c(), h(z, {
@@ -3341,15 +3381,15 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { 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(Ha))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Ta))
     }, {
       default: f(() => [
-        m(o(xa), { class: "size-6 text-red-500" })
+        m(o(ka), { class: "size-6 text-red-500" })
       ]),
       _: 1
     }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), yl = /* @__PURE__ */ g({
+}), xl = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
@@ -3361,7 +3401,7 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
       inline: ""
     }, null, 8, ["text"]));
   }
-}), wl = /* @__PURE__ */ g({
+}), Cl = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3383,7 +3423,7 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
       _: 3
     }, 16));
   }
-}), $l = /* @__PURE__ */ g({
+}), kl = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
     const s = u(() => Wt(D.settings, "priority", "desc"));
@@ -3396,10 +3436,10 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), Va = {
+}), La = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, _l = /* @__PURE__ */ g({
+}, Sl = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3419,8 +3459,8 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
           "focus:ring-primary-600": !((l = e.value) != null && l.errors),
-          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
-          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
         },
         t.inputClass
       );
@@ -3439,8 +3479,8 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
           y("div", {
             class: C(a.value)
           }, [
-            m(pa, H(o(r), { class: i.value }), null, 16, ["class"]),
-            (v = o(e)) != null && v.errors ? (c(), b("div", Va, [
+            m(fa, H(o(r), { class: i.value }), null, 16, ["class"]),
+            (v = o(e)) != null && v.errors ? (c(), b("div", La, [
               m(o(Re), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
@@ -3452,7 +3492,7 @@ const Sa = A({ name: "zondicons-view-show", render: ka }), Ma = { class: "font-m
     }, 16, ["label", "class"]));
   }
 });
-class xl {
+class Ml {
   constructor() {
     _(this, "status");
     _(this, "_listeners");
@@ -3527,142 +3567,145 @@ class xl {
     return { ...s };
   }
 }
-async function Cl(t) {
+async function El(t) {
   await t.start();
 }
 export {
-  fl as AdvancedOptions,
-  Jr as AlertModal,
+  bl as AdvancedOptions,
+  Xr as AlertModal,
   D as App,
-  ml as AppLayout,
-  oa as AppModals,
-  ca as AppOverlays,
+  vl as AppLayout,
+  ca as AppModals,
+  da as AppOverlays,
   Ps as AppService,
-  ia as AppToasts,
+  ua as AppToasts,
   z as Button,
-  Ka as Cache,
+  Ja as Cache,
   Os as CacheService,
-  hl as Checkbox,
-  sn as ConfirmModal,
-  gl as DropdownMenu,
-  va as DropdownMenuOption,
-  ba as DropdownMenuOptions,
-  vl as EditableContent,
-  bl as ErrorLogs,
-  Ha as ErrorLogsModal,
-  yl as ErrorMessage,
-  Ln as ErrorReportModal,
-  _n as ErrorReportModalButtons,
-  xn as ErrorReportModalTitle,
+  yl as Checkbox,
+  nn as ConfirmModal,
+  wl as DropdownMenu,
+  ya as DropdownMenuOption,
+  wa as DropdownMenuOptions,
+  $l as EditableContent,
+  _l as ErrorLogs,
+  Ta as ErrorLogsModal,
+  xl as ErrorMessage,
+  In as ErrorReportModal,
+  Cn as ErrorReportModalButtons,
+  kn as ErrorReportModalTitle,
   rt as Errors,
-  Ua as EventListenerPriorities,
-  T as Events,
+  Na as EventListenerPriorities,
+  L as Events,
   Rs as EventsService,
   yt as Form,
-  dr as FormController,
+  mr as FormController,
   nt as HeadlessButton,
   Ae as HeadlessInput,
   _t as HeadlessInputDescription,
   he as HeadlessInputError,
   $t as HeadlessInputInput,
   fe as HeadlessInputLabel,
-  pa as HeadlessInputTextArea,
-  Br as HeadlessModal,
-  qr as HeadlessModalContent,
-  Fr as HeadlessModalDescription,
-  Ur as HeadlessModalOverlay,
-  Or as HeadlessModalTitle,
-  pr as HeadlessSelect,
+  fa as HeadlessInputTextArea,
+  Fr as HeadlessModal,
+  Ur as HeadlessModalContent,
+  Or as HeadlessModalDescription,
+  Nr as HeadlessModalOverlay,
+  Wr as HeadlessModalTitle,
+  fr as HeadlessSelect,
   qe as HeadlessSelectLabel,
   dt as HeadlessSelectOption,
   pt as HeadlessSelectOptions,
   ut as HeadlessSelectTrigger,
   ct as HeadlessSelectValue,
-  Er as HeadlessSwitch,
-  ta as HeadlessToast,
-  On as Input,
-  xl as Job,
+  Vr as HeadlessSwitch,
+  ra as HeadlessToast,
+  Wn as Input,
+  Ml as Job,
   Ue as JobCancelledError,
   J as Lang,
   me as Layouts,
-  wl as Link,
-  jn as LoadingModal,
+  Cl as Link,
+  qn as LoadingModal,
   et as MOBILE_BREAKPOINT,
   I as Markdown,
   te as Modal,
   bt as ModalContext,
-  zn as ProgressBar,
-  Qn as PromptModal,
-  gr as Select,
+  jn as ProgressBar,
+  Zn as PromptModal,
+  br as Select,
   mt as SelectLabel,
   Fe as SelectOption,
   ft as SelectOptions,
   ht as SelectTrigger,
   we as Service,
   Me as ServiceBootError,
-  Sr as Setting,
-  $l as SettingsModal,
-  Gn as StartupCrash,
+  Er as Setting,
+  kl as SettingsModal,
+  ta as StartupCrash,
   Ws as Storage,
-  Hr as Switch,
-  _l as TextArea,
-  sa as Toast,
+  Tr as Switch,
+  Sl as TextArea,
+  na as Toast,
   R as UI,
   Zs as UIService,
-  Xa as __objectType,
-  rl as booleanInput,
+  Ga as __valueType,
+  al as booleanInput,
   $e as bootServices,
-  pl as bootstrap,
-  aa as bootstrapApplication,
+  gl as bootstrap,
+  oa as bootstrapApplication,
   E as classes,
-  el as computedAsync,
-  tl as computedDebounce,
-  nl as dateInput,
-  Wa as defineDirective,
-  Za as defineFormValidationRule,
-  Na as definePlugin,
+  sl as computedAsync,
+  rl as computedDebounce,
+  ll as dateInput,
+  Qa as defineDirective,
+  Ya as defineFormValidationRule,
+  Ka as definePlugin,
   ye as defineServiceState,
   Is as defineServiceStore,
-  Oa as defineSettings,
-  Cl as dispatch,
+  Wa as defineSettings,
+  El as dispatch,
+  ol as enumInput,
   tt as getCurrentLayout,
   vt as getErrorMessage,
   ar as getMarkdownRouter,
-  Ts as getPiniaStore,
+  Ls as getPiniaStore,
   ir as hasSelectOptionLabel,
   Bs as injectOrFail,
   js as injectReactive,
   V as injectReactiveOrFail,
   zs as installPlugins,
-  cl as numberInput,
-  ul as objectInput,
-  Ya as onCleanMounted,
+  ml as numberInput,
+  fl as objectInput,
+  el as onCleanMounted,
   ot as onFormFocus,
-  Ga as persistent,
-  sl as registerErrorHandler,
+  tl as persistent,
+  nl as registerErrorHandler,
   lr as renderMarkdown,
   Ge as renderVNode,
-  Qa as replaceExisting,
-  al as requiredBooleanInput,
-  ll as requiredDateInput,
-  ol as requiredNumberInput,
-  il as requiredObjectInput,
-  Nn as requiredStringInput,
-  Ls as resetPiniaStore,
+  Za as replaceExisting,
+  il as requiredBooleanInput,
+  cl as requiredDateInput,
+  ul as requiredEnumInput,
+  dl as requiredNumberInput,
+  pl as requiredObjectInput,
+  Kn as requiredStringInput,
+  Ts as resetPiniaStore,
   or as safeHtml,
-  Ja as setMarkdownRouter,
-  dl as stringInput,
+  Xa as setMarkdownRouter,
+  hl as stringInput,
   st as translate,
   S as translateWithDefault,
-  Qr as useAlertModal,
-  Zr as useConfirmModal,
-  Cn as useErrorReportModal,
+  Zr as useAlertModal,
+  Yr as useConfirmModal,
+  Sn as useErrorReportModal,
   lt as useEvent,
   it as useForm,
   Ie as useInputAttrs,
-  Dn as useLoadingModal,
-  Wn as usePromptModal,
-  ur as validate,
+  Bn as useLoadingModal,
+  Qn as usePromptModal,
+  pr as validate,
+  dr as validateType,
   de as validators,
   at as variantClasses
 };