@aerogel/core 0.1.1-next.7f33b133934b479bdeee0808001759d92e987cf9 → 0.1.1-next.83b702b110078faef3926d147f4746121b64a2d5

package/dist/aerogel-core.js

@@ -1,44 +1,44 @@
-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 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";
+var Bt = Object.defineProperty;
+var jt = (t, s, e) => s in t ? Bt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var C = (t, s, e) => jt(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as I, Comment as Ft, Text as Ot, Static as Ut, inject as X, reactive as ve, unref as l, onUnmounted as we, ref as W, computed as c, readonly as $e, nextTick as Nt, useAttrs as st, onMounted as rt, watch as Ie, toRaw as Wt, customRef as Kt, watchEffect as Y, defineComponent as g, createBlock as f, openBlock as o, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as O, provide as ce, createVNode as d, normalizeProps as de, guardReactiveProps as pe, createTextVNode as L, toDisplayString as x, normalizeClass as $, createElementBlock as b, Fragment as A, renderList as B, resolveDynamicComponent as ee, useSlots as xe, createCommentVNode as M, createElementVNode as v, h as Qt, useTemplateRef as te, withModifiers as nt, withDirectives as at, vModelCheckbox as Zt, normalizeStyle as Ue, resolveComponent as Jt, createApp as Gt, vModelText as Xt } from "vue";
+import { JSError as Ce, stringToSlug as Yt, tap as se, MagicObject as lt, PromisedValue as Z, Storage as N, objectOnly as ae, arrayFrom as ot, isEmpty as Me, objectDeepClone as es, fail as K, facade as re, arrayRemove as He, getEnv as ts, updateLocationQueryParameters as ss, forever as rs, toString as D, objectWithout as ns, noop as as, debounce as ls, stringMatchAll as it, isDevelopment as J, isTesting as ze, after as oe, uuid as ue, isObject as he, objectWithoutEmpty as ut, evaluate as os, isInstanceOf as Ne, stringExcerpt as is, arraySorted as us, ListenersManager as cs, toError as ds, round as ps } 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 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 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 {
+import { createPinia as ms, setActivePinia as fs, defineStore as hs } from "pinia";
+import gs from "dompurify";
+import { marked as vs, Renderer as We } from "marked";
+import { injectModal as ct, useModal as bs, createModal as ys, showModal as Ke, closeModal as Qe, modals as le, ModalComponent as _s, ModalsPortal as ws } from "@noeldemartin/vue-modals";
+import { ModalComponent as To, ModalsPortal as Mo, closeModal as Eo, createModal as Vo, injectModal as Ho, modals as Lo, showModal as Io } from "@noeldemartin/vue-modals";
+import $s from "clsx";
+import { cva as xs } from "class-variance-authority";
+import { twMerge as Cs } from "tailwind-merge";
+import { Primitive as ks, SelectValue as Ze, SelectTrigger as Ss, SelectIcon as Ts, SelectItem as Ms, SelectItemText as Es, SelectPortal as Vs, SelectContent as Hs, SelectViewport as Ls, SelectRoot as Is, Label as dt, useForwardExpose as Re, SwitchRoot as zs, SwitchThumb as Rs, DialogRoot as qs, DialogPortal as Ps, DialogContent as As, DialogDescription as Ds, DialogOverlay as Bs, DialogTitle as js, ToastClose as Fs, ToastRoot as Os, ToastProvider as Us, ToastViewport as Ns, ComboboxItem as Ws, ComboboxPortal as Ks, ComboboxContent as Qs, ComboboxViewport as Zs, ComboboxEmpty as Js, ComboboxGroup as Gs, ComboboxAnchor as Xs, ComboboxInput as Ys, ComboboxRoot as er, DropdownMenuItem as tr, DropdownMenuContent as sr, DropdownMenuRoot as rr, DropdownMenuTrigger as nr, DropdownMenuPortal as ar } from "reka-ui";
+class Le extends Ce {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
   }
 }
-function Qs() {
-  return j.namespace ?? Jt(j.name);
+function lr() {
+  return j.namespace ?? Yt(j.name);
 }
 let qe = null;
-function ut() {
-  return qe ?? Js();
+function pt() {
+  return qe ?? or();
 }
-function Js() {
-  return te(us(), (t) => {
-    qe = t, cs(t);
+function or() {
+  return se(ms(), (t) => {
+    qe = t, fs(t);
   });
 }
-function Zs() {
-  return qe ?? ut();
+function ir() {
+  return qe ?? pt();
 }
-function Xs(t, s) {
-  return ut(), ds(t, s)();
+function ur(t, s) {
+  return pt(), hs(t, s)();
 }
-function xe(t) {
+function ke(t) {
   var s;
-  return s = class extends Ce {
+  return s = class extends Se {
     usesStore() {
       return !0;
     }
@@ -72,19 +72,19 @@ To fix this problem, declare your initialState as a function instead.`
       var r;
       return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
     }
-  }, _(s, "persist", t.persist ?? []), s;
+  }, C(s, "persist", t.persist ?? []), s;
 }
-var He;
-let Ce = (He = class extends nt {
+var Ve;
+let Se = (Ve = class extends lt {
   constructor() {
     super();
-    _(this, "_name");
-    _(this, "_booted");
-    _(this, "_computedStateKeys");
-    _(this, "_watchers");
-    _(this, "_store");
+    C(this, "_name");
+    C(this, "_booted");
+    C(this, "_computedStateKeys");
+    C(this, "_watchers");
+    C(this, "_store");
     const e = this.getComputedStateDefinition();
-    this._name = this.getName() ?? new.target.name, this._booted = new Q(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && Xs(this._name, {
+    this._name = this.getName() ?? new.target.name, this._booted = new Z(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && ur(this._name, {
       state: () => this.getInitialState(),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       getters: e
@@ -97,7 +97,7 @@ let Ce = (He = class extends nt {
     return super.static(e);
   }
   launch() {
-    const e = (r) => this._booted.reject(new Ee(this._name, r));
+    const e = (r) => this._booted.reject(new Le(this._name, r));
     try {
       this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
     } catch (r) {
@@ -106,7 +106,7 @@ let Ce = (He = class extends nt {
     return this._booted;
   }
   hasPersistedState() {
-    return O.has(this.storageKey);
+    return N.has(this.storageKey);
   }
   hasState(e) {
     return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
@@ -118,14 +118,14 @@ let Ce = (He = class extends nt {
   setState(e, r) {
     if (!this._store)
       return;
-    const n = typeof e == "string" ? { [e]: r } : e, a = ne(this._store.$state, Object.keys(n));
+    const n = typeof e == "string" ? { [e]: r } : e, a = ae(this._store.$state, Object.keys(n));
     Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
   }
   updatePersistedState(e) {
     if (!this._store)
       return;
-    const r = at(e), n = ne(this._store.$state, r);
-    Se(n) || this.onPersistentStateUpdated(n);
+    const r = ot(e), n = ae(this._store.$state, r);
+    Me(n) || this.onPersistentStateUpdated(n);
   }
   __get(e) {
     return this.hasState(e) ? this.getState(e) : super.__get(e);
@@ -134,21 +134,21 @@ let Ce = (He = class extends nt {
     this.setState({ [e]: r });
   }
   get storageKey() {
-    return `${Qs()}:${this._name}`;
+    return `${lr()}:${this._name}`;
   }
   onStateUpdated(e, r) {
-    const n = ne(e, this.static("persist"));
-    Se(n) || this.onPersistentStateUpdated(n);
+    const n = ae(e, this.static("persist"));
+    Me(n) || this.onPersistentStateUpdated(n);
     for (const a in e) {
       const u = this._watchers[a];
       !u || e[a] === r[a] || u.call(this, e[a], r[a]);
     }
   }
   onPersistentStateUpdated(e) {
-    const r = O.get(this.storageKey);
-    r && O.set(this.storageKey, {
+    const r = N.get(this.storageKey);
+    r && N.set(this.storageKey, {
       ...r,
-      ...this.serializePersistedState(Zt(e))
+      ...this.serializePersistedState(es(e))
     });
   }
   usesStore() {
@@ -178,28 +178,28 @@ let Ce = (He = class extends nt {
   async boot() {
   }
   restorePersistedState() {
-    if (!(!this.usesStore() || Se(this.static("persist")))) {
-      if (O.has(this.storageKey)) {
-        const e = O.require(this.storageKey);
+    if (!(!this.usesStore() || Me(this.static("persist")))) {
+      if (N.has(this.storageKey)) {
+        const e = N.require(this.storageKey);
         this.setState(this.deserializePersistedState(e));
         return;
       }
-      O.set(this.storageKey, ne(this.getState(), this.static("persist")));
+      N.set(this.storageKey, ae(this.getState(), this.static("persist")));
     }
   }
   requireStore() {
-    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
+    return this._store ? this._store : K(`Failed getting '${this._name}' store`);
   }
-}, _(He, "persist", []), He);
-const _l = {
+}, C(Ve, "persist", []), Ve);
+const Al = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Ys extends Ce {
+class cr extends Se {
   constructor() {
     super(...arguments);
-    _(this, "listeners", {});
+    C(this, "listeners", {});
   }
   async boot() {
     Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
@@ -211,7 +211,7 @@ class Ys extends Ce {
     var a;
     const n = this.listeners[e] ?? { priorities: [], handlers: {} };
     for (const u of n.priorities)
-      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((o) => o(r))) ?? []);
+      await Promise.all(((a = n.handlers[u]) == null ? void 0 : a.map((i) => i(r))) ?? []);
   }
   // prettier-ignore
   /* eslint-enable max-len */
@@ -223,11 +223,11 @@ class Ys extends Ce {
   /* eslint-enable max-len */
   once(e, r, n) {
     let a = null;
-    const u = typeof r == "function" ? {} : r, o = typeof r == "function" ? r : n;
-    return te(
+    const u = typeof r == "function" ? {} : r, i = typeof r == "function" ? r : n;
+    return se(
       () => a && this.off(e, a),
       (p) => {
-        a = (...g) => (p(), o(...g)), this.registerListener(e, u, o);
+        a = (...h) => (p(), i(...h)), this.registerListener(e, u, i);
       }
     );
   }
@@ -237,31 +237,32 @@ class Ys extends Ce {
     if (!n)
       return;
     const a = [...n.priorities];
-    for (const o of a)
-      Ve(n.handlers[o] ?? [], r), ((u = n.handlers[o]) == null ? void 0 : u.length) === 0 && (delete n.handlers[o], Ve(n.priorities, o));
+    for (const i of a)
+      He(n.handlers[i] ?? [], r), ((u = n.handlers[i]) == null ? void 0 : u.length) === 0 && (delete n.handlers[i], He(n.priorities, i));
     n.priorities.length === 0 && delete this.listeners[e];
   }
   registerListener(e, r, n) {
-    var p, g, w;
+    var p, h, y;
     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] = []), (w = o[a]) == null || w.push(n);
+    const u = ((p = this.listeners[e]) == null ? void 0 : p.priorities) ?? K(`priorities missing for event '${e}'`), i = ((h = this.listeners[e]) == null ? void 0 : h.handlers) ?? K(`handlers missing for event '${e}'`);
+    u.includes(a) || (u.push(a), u.sort((_, E) => E - _), i[a] = []), (y = i[a]) == null || y.push(n);
   }
 }
-const F = se(Ys);
-function xl(t) {
+const F = re(cr);
+function Dl(t) {
   return t;
 }
-const Gs = xe({
+const dr = ke({
   name: "app",
   initialState: {
     plugins: {},
     instance: null,
-    environment: Xt() ?? "development",
+    environment: ts() ?? "development",
     version: j.version,
     sourceUrl: j.sourceUrl,
-    settings: []
+    settings: [],
+    settingsFullscreenOnMobile: !1
   },
   computed: {
     development: (t) => t.environment === "development",
@@ -275,12 +276,12 @@ const Gs = xe({
     }
   }
 });
-class er extends Gs {
+class pr extends dr {
   constructor() {
     super(...arguments);
-    _(this, "name", j.name);
-    _(this, "ready", new Q());
-    _(this, "mounted", new Q());
+    C(this, "name", j.name);
+    C(this, "ready", new Z());
+    C(this, "mounted", new Z());
   }
   isReady() {
     return this.ready.isResolved();
@@ -289,13 +290,16 @@ class er extends Gs {
     return this.mounted.isResolved();
   }
   addSetting(e) {
-    this.settings.push(E(e));
+    this.settings.push(I(e));
+  }
+  setSettingsFullscreenOnMobile(e) {
+    this.settingsFullscreenOnMobile = e;
   }
   async whenReady(e) {
     return await this.ready.then(e);
   }
   async reload(e) {
-    e && Yt(e), location.reload(), await Gt();
+    e && ss(e), location.reload(), await rs();
   }
   plugin(e) {
     return this.plugins[e] ?? null;
@@ -308,12 +312,12 @@ class er extends Gs {
     F.once("application-ready", () => this.ready.resolve()), F.once("application-mounted", () => this.mounted.resolve());
   }
 }
-const A = se(er);
-function Cl(t) {
+const q = re(pr);
+function Bl(t) {
   return t;
 }
-async function tr(t, ...s) {
-  A.setState(
+async function mr(t, ...s) {
+  q.setState(
     "plugins",
     t.reduce(
       (e, r) => (r.name && (e[r.name] = r), e),
@@ -321,55 +325,55 @@ async function tr(t, ...s) {
     )
   ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
 }
-function sr(t) {
-  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+function fr(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${D(r)}"`, "");
 }
-function kl(t) {
+function jl(t) {
   return t;
 }
-function rr(t) {
+function hr(t) {
   const s = X(t);
-  return s ? ge(s) : void 0;
+  return s ? ve(s) : void 0;
 }
-function I(t, s) {
-  return rr(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function H(t, s) {
+  return hr(t) ?? K(s ?? `Could not resolve '${D(t)}' injection key`);
 }
-function nr(t, s) {
-  return X(t) ?? W(s ?? `Could not resolve '${B(t)}' injection key`);
+function gr(t, s) {
+  return X(t) ?? K(s ?? `Could not resolve '${D(t)}' injection key`);
 }
-function ct(t) {
-  return typeof t == "string" ? t : t.type === At ? "" : t.type === Pt || t.type === Dt ? t.children : t.type === "br" ? `
+function mt(t) {
+  return typeof t == "string" ? t : t.type === Ft ? "" : t.type === Ot || t.type === Ut ? t.children : t.type === "br" ? `
 
-` : `<${t.type} ${sr(t)}>${Array.from(t.children).map(ct).join("")}</${t.type}>`;
+` : `<${t.type} ${fr(t)}>${Array.from(t.children).map(mt).join("")}</${t.type}>`;
 }
-const Te = /* @__PURE__ */ new WeakMap(), ar = {
+const Ee = /* @__PURE__ */ new WeakMap(), vr = {
   mounted(t, { value: s, modifiers: e }) {
     const r = typeof s == "function" ? s : null, n = () => {
       const a = t.getBoundingClientRect();
       e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
     };
-    e.watch && Te.set(t, te(new ResizeObserver(n)).observe(t)), n();
+    e.watch && Ee.set(t, se(new ResizeObserver(n)).observe(t)), n();
   },
   unmounted(t) {
     var s;
-    (s = Te.get(t)) == null || s.unobserve(t), Te.delete(t);
+    (s = Ee.get(t)) == null || s.unobserve(t), Ee.delete(t);
   }
 };
-function dt(t, s) {
-  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = ys(n, a);
-  return H(u(r), l(e));
+function ft(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = xs(n, a);
+  return k(u(r), l(e));
 }
-function H(...t) {
-  return ws(bs(t));
+function k(...t) {
+  return Cs($s(t));
 }
-function Sl(t, s) {
+function Fl(t, s) {
   const e = F.on(t, s);
   we(() => e());
 }
-const lr = {
+const br = {
   required: (t) => t ? void 0 : "required"
 };
-function ir(t, s) {
+function yr(t, s) {
   var e;
   if (t == null)
     return !0;
@@ -388,29 +392,29 @@ function ir(t, s) {
       return typeof t == "object";
   }
 }
-const he = { ...lr };
-function Tl(t, s) {
-  he[t] = s;
+const ge = { ...br };
+function Ol(t, s) {
+  ge[t] = s;
 }
-function or(t, s) {
-  return ir(t, s) ? [] : ["invalid_value"];
+function _r(t, s) {
+  return yr(t, s) ? [] : ["invalid_value"];
 }
-function ur(t, s) {
+function wr(t, s) {
   var r;
-  const e = (r = he[s]) == null ? void 0 : r.call(he, t);
-  return e ? at(e) : [];
+  const e = (r = ge[s]) == null ? void 0 : r.call(ge, t);
+  return e ? ot(e) : [];
 }
-const Ml = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-class cr extends nt {
+const Ul = Symbol(), Je = /* @__PURE__ */ new WeakMap();
+class $r extends lt {
   constructor(e) {
     super();
-    _(this, "errors");
-    _(this, "_fields");
-    _(this, "_data");
-    _(this, "_submitted");
-    _(this, "_errors");
-    _(this, "_listeners", {});
-    this._fields = e, this._submitted = N(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Je.set(
+    C(this, "errors");
+    C(this, "_fields");
+    C(this, "_data");
+    C(this, "_submitted");
+    C(this, "_errors");
+    C(this, "_listeners", {});
+    this._fields = e, this._submitted = W(!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 = $e(this._errors);
@@ -423,8 +427,8 @@ class cr extends nt {
     return this._submitted.value;
   }
   setFieldValue(e, r) {
-    const n = this._fields[e] ?? W(`Trying to set undefined '${B(e)}' field`);
-    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+    const n = this._fields[e] ?? K(`Trying to set undefined '${D(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? D(r).trim() : r, this._submitted.value && this.validate();
   }
   getFieldValue(e) {
     return this._data[e];
@@ -464,11 +468,11 @@ class cr extends nt {
     return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
   }
   off(e, r) {
-    Ve(this._listeners[e] ?? [], r);
+    He(this._listeners[e] ?? [], r);
   }
   async focus(e) {
     var r;
-    await jt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
+    await Nt(), (r = this._listeners.focus) == null || r.forEach((n) => n(e));
   }
   __get(e) {
     return e in this._fields ? this.getFieldValue(e) : super.__get(e);
@@ -481,24 +485,24 @@ class cr extends nt {
     this.setFieldValue(e, r);
   }
   getFieldErrors(e, r) {
-    var o;
-    const n = [], a = this._data[e], u = ((o = r.rules) == null ? void 0 : o.split("|")) ?? [];
-    n.push(...or(a, r));
+    var i;
+    const n = [], a = this._data[e], u = ((i = r.rules) == null ? void 0 : i.split("|")) ?? [];
+    n.push(..._r(a, r));
     for (const p of u)
-      p !== "required" && a == null || n.push(...ur(a, p));
+      p !== "required" && a == null || n.push(...wr(a, p));
     return n.length > 0 ? n : null;
   }
   getInitialData(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.entries(e).reduce((n, [a, u]) => (n[a] = u.default ?? null, n), {});
-    return ge(r);
+    return ve(r);
   }
   getInitialErrors(e) {
     if (this.static().isConjuring())
       return {};
     const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
-    return ge(r);
+    return ve(r);
   }
   resetData() {
     for (const [e, r] of Object.entries(this._fields))
@@ -508,30 +512,30 @@ class cr extends nt {
     Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
   }
 }
-function pt(t, s) {
+function ht(t, s) {
   const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
   we(() => r == null ? void 0 : r());
 }
-function mt(t) {
-  return new cr(t);
+function gt(t) {
+  return new $r(t);
 }
-function Ae() {
-  const t = et(), s = c(() => t.class);
-  return [c(() => es(t, "class")), s];
+function Pe() {
+  const t = st(), s = c(() => t.class);
+  return [c(() => ns(t, "class")), s];
 }
-function Hl(t) {
-  let s = ts;
-  tt(() => s = t()), we(() => s());
+function Nl(t) {
+  let s = as;
+  rt(() => s = t()), we(() => s());
 }
-function Vl(t, s) {
-  const e = ge(O.get(t) ?? s);
-  return Le(e, () => O.set(t, Bt(e))), e;
+function Wl(t, s) {
+  const e = ve(N.get(t) ?? s);
+  return Ie(e, () => N.set(t, Wt(e))), e;
 }
-function dr(t) {
+function xr(t) {
   let s = new Set(t), e, r;
-  const n = Ft((a, u) => (r = a, e = u, {
+  const n = Kt((a, u) => (r = a, e = u, {
     get: () => s,
-    set: () => W("Attempted to write read-only reactive set")
+    set: () => K("Attempted to write read-only reactive set")
   }));
   return {
     values() {
@@ -554,71 +558,71 @@ function dr(t) {
     }
   };
 }
-function El(t) {
-  const s = N(), e = c(t);
-  return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
+function Kl(t) {
+  const s = W(), e = c(t);
+  return Ie(e, async () => s.value = await e.value, { immediate: !0 }), 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);
+function Ql(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = W(e.initial ?? null), a = ls((u) => n.value = u, e.delay ?? 300);
   return Y(() => a(r())), n;
 }
 let ie = null;
-function pr() {
-  return te(new Ne(), (t) => {
+function Cr() {
+  return se(new We(), (t) => {
     t.link = function(s) {
-      const e = Ne.prototype.link.apply(this, [s]);
+      const e = We.prototype.link.apply(this, [s]);
       return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
     };
   });
 }
-function mr(t) {
-  const s = lt(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function kr(t) {
+  const s = it(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s)
     t = t.replace(e, `<button type="button" data-markdown-action="${r}">${n}</button>`);
   return t;
 }
-function fr(t) {
-  const s = lt(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+function Sr(t) {
+  const s = it(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
   for (const [e, r, n] of s) {
     const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
     t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
   }
   return t;
 }
-function hr() {
+function Tr() {
   return ie;
 }
-function Rl(t) {
+function Zl(t) {
   ie = t;
 }
-function gr(t) {
-  let s = ms(t, { renderer: pr(), async: !1 });
-  return s = ft(s), s = mr(s), s = fr(s), s;
+function Mr(t) {
+  let s = vs(t, { renderer: Cr(), async: !1 });
+  return s = vt(s), s = kr(s), s = Sr(s), s;
 }
-function ft(t) {
-  return ps.sanitize(t, { ADD_ATTR: ["target"] });
+function vt(t) {
+  return gs.sanitize(t, { ADD_ATTR: ["target"] });
 }
-const vr = {
+const Er = 6e4, Ge = -(/* @__PURE__ */ new Date()).getTimezoneOffset() * -Er, Vr = {
   mounted(t, { value: s }) {
-    t.innerHTML = ft(s);
+    t.innerHTML = vt(s);
   }
-}, br = {
-  measure: ar,
-  "safe-html": vr
-}, yr = {
+}, Hr = {
+  measure: vr,
+  "safe-html": Vr
+}, Lr = {
   install(t, s) {
     const e = {
-      ...br,
+      ...Hr,
       ...s.directives
     };
     for (const [r, n] of Object.entries(e))
       t.directive(r, n);
   }
 };
-class wr extends Ce {
+class Ir extends Se {
   constructor() {
     super(...arguments);
-    _(this, "cache");
+    C(this, "cache");
   }
   async get(e) {
     return await (await this.open()).match(e) ?? null;
@@ -631,30 +635,30 @@ class wr extends Ce {
     (await n.keys(e)).length !== 0 && await n.put(e, r);
   }
   async open() {
-    return this.cache = this.cache ?? te(new Q(), (e) => {
+    return this.cache = this.cache ?? se(new Z(), (e) => {
       caches.open("app").then((r) => e.resolve(r));
     });
   }
 }
-const zl = se(wr);
-class $r extends Ce {
+const Jl = re(Ir);
+class zr extends Se {
   async purge() {
     await F.emit("purge-storage");
   }
 }
-const ht = se($r);
-function Il(t, s) {
+const bt = re(zr);
+function Gl(t, s) {
   return {
     ...t,
-    ...ne(s, Object.keys(t))
+    ...ae(s, Object.keys(t))
   };
 }
-const _r = {
-  $app: A,
+const Rr = {
+  $app: q,
   $events: F,
-  $storage: ht
+  $storage: bt
 };
-async function ke(t, s) {
+async function Te(t, s) {
   await Promise.all(
     Object.entries(s).map(async ([e, r]) => {
       await r.launch().catch((n) => {
@@ -664,47 +668,47 @@ async function ke(t, s) {
     })
   ), Object.assign(t.config.globalProperties, s), (J() || ze()) && Object.assign(globalThis, s);
 }
-const xr = {
+const qr = {
   async install(t, s) {
     var r;
     const e = {
-      ..._r,
+      ...Rr,
       ...s.services
     };
-    t.use(Zs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await ke(t, e);
+    t.use(ir()), (r = s.settings) == null || r.forEach((n) => q.addSetting(n)), s.settingsFullscreenOnMobile !== void 0 && q.setSettingsFullscreenOnMobile(s.settingsFullscreenOnMobile), await Te(t, e);
   }
-}, Ze = /* @__PURE__ */ new WeakSet();
-function Pe() {
-  const t = ot(), { close: s, remove: e, ...r } = fs(Ze.has(t) ? {} : { removeOnClose: !1 });
-  return Ze.add(t), {
+}, Xe = /* @__PURE__ */ new WeakSet();
+function Ae() {
+  const t = ct(), { close: s, remove: e, ...r } = bs(Xe.has(t) ? {} : { removeOnClose: !1 });
+  return Xe.add(t), {
     ...r,
     async close(n) {
-      s(n), await le(1e3), e();
+      s(n), await oe(1e3), e();
     }
   };
 }
-const gt = 768, ve = {
+const yt = 768, be = {
   Mobile: "mobile",
   Desktop: "desktop"
 };
-function vt() {
-  return globalThis.innerWidth > gt ? ve.Desktop : ve.Mobile;
+function _t() {
+  return globalThis.innerWidth > yt ? be.Desktop : be.Mobile;
 }
-const Cr = xe({
+const Pr = ke({
   name: "ui",
   initialState: {
     toasts: [],
-    layout: vt()
+    layout: _t()
   },
   computed: {
-    desktop: ({ layout: t }) => t === ve.Desktop,
-    mobile: ({ layout: t }) => t === ve.Mobile
+    desktop: ({ layout: t }) => t === be.Desktop,
+    mobile: ({ layout: t }) => t === be.Mobile
   }
 });
-class kr extends Cr {
+class Ar extends Pr {
   constructor() {
     super(...arguments);
-    _(this, "components", {});
+    C(this, "components", {});
   }
   registerComponent(e, r) {
     this.components[e] = r;
@@ -713,7 +717,7 @@ class kr extends Cr {
     return this.components[e] ?? null;
   }
   requireComponent(e) {
-    return this.resolveComponent(e) ?? W(`UI Component '${e}' is not defined!`);
+    return this.resolveComponent(e) ?? K(`UI Component '${e}' is not defined!`);
   }
   alert(e, r) {
     const n = () => typeof r != "string" ? { message: e } : {
@@ -734,17 +738,17 @@ class kr extends Cr {
       title: e,
       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(
-      (w, [v, { default: S }]) => ({
-        [v]: S ?? !1,
-        ...w
+    }, { response: i } = await this.modal(this.requireComponent("confirm-modal"), u), p = typeof i == "object" ? i[0] : i ?? !1, h = typeof i == "object" ? i[1] : Object.entries(u.checkboxes ?? {}).reduce(
+      (y, [_, { default: E }]) => ({
+        [_]: E ?? !1,
+        ...y
       }),
       {}
     );
-    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;
+    for (const [y, _] of Object.entries(u.checkboxes ?? {}))
+      if (!(!_.required || h[y]))
+        return p && J() && console.warn(`Confirmed confirm modal was suppressed because required '${y}' checkbox was missing`), [!1, h];
+    return "checkboxes" in u ? [p, h] : p;
   }
   async prompt(e, r, n) {
     const a = (n == null ? void 0 : n.trim) ?? !0, u = () => typeof r != "string" ? {
@@ -754,11 +758,11 @@ class kr extends Cr {
       title: e,
       message: r,
       ...n ?? {}
-    }, { response: o } = await this.modal(this.requireComponent("prompt-modal"), u());
-    return (a && typeof o == "string" ? o == null ? void 0 : o.trim() : o) ?? null;
+    }, { response: i } = await this.modal(this.requireComponent("prompt-modal"), u());
+    return (a && typeof i == "string" ? i == null ? void 0 : i.trim() : i) ?? null;
   }
   async loading(e, r) {
-    const n = (v) => typeof v == "function" ? Promise.resolve(v()) : v, a = () => {
+    const n = (_) => typeof _ == "function" ? Promise.resolve(_()) : _, a = () => {
       if (typeof e == "string")
         return {
           props: { message: e },
@@ -766,39 +770,39 @@ class kr extends Cr {
         };
       if (typeof e == "function" || e instanceof Promise)
         return { operationPromise: n(e) };
-      const { delay: v, ...S } = e;
+      const { delay: _, ...E } = e;
       return {
-        props: S,
-        delay: l(v),
+        props: E,
+        delay: l(_),
         operationPromise: n(r)
       };
     };
     let u = !1;
-    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 w = hs(this.requireComponent("loading-modal"), p);
-    We(w);
+    const { operationPromise: i, props: p, delay: h } = a();
+    if (h && await Promise.race([oe({ ms: h }).then(() => u = !0), i]), h && !u)
+      return i;
+    const y = ys(this.requireComponent("loading-modal"), p);
+    Ke(y);
     try {
-      const v = await o;
-      return await le({ ms: 500 }), v;
+      const _ = await i;
+      return await oe({ ms: 500 }), _;
     } finally {
-      await Ke(w.id, { removeAfter: 1e3 });
+      await Qe(y.id, { removeAfter: 1e3 });
     }
   }
   toast(e, r = {}) {
     const { component: n, ...a } = r, u = {
-      id: oe(),
+      id: ue(),
       properties: { message: e, ...a },
-      component: E(n ?? this.requireComponent("toast"))
+      component: I(n ?? this.requireComponent("toast"))
     };
     this.setState("toasts", this.toasts.concat(u));
   }
   modal(e, r) {
-    return We(e, r ?? {});
+    return Ke(e, r ?? {});
   }
   async closeAllModals() {
-    await Promise.all(ae.value.map(({ id: e }) => Ke(e, { removeAfter: 1e3 })));
+    await Promise.all(le.value.map(({ id: e }) => Qe(e, { removeAfter: 1e3 })));
   }
   async boot() {
     this.watchMountedEvent(), this.watchViewportBreakpoints();
@@ -808,17 +812,17 @@ class kr extends Cr {
       if (!globalThis.document || !globalThis.getComputedStyle)
         return;
       const e = globalThis.document.getElementById("splash");
-      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await le({ ms: 600 })), e.remove());
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await oe({ ms: 600 })), e.remove());
     });
   }
   watchViewportBreakpoints() {
     if (!globalThis.matchMedia)
       return;
-    globalThis.matchMedia(`(min-width: ${gt}px)`).addEventListener("change", () => this.setState({ layout: vt() }));
+    globalThis.matchMedia(`(min-width: ${yt}px)`).addEventListener("change", () => this.setState({ layout: _t() }));
   }
 }
-const P = se(kr);
-class Sr {
+const P = re(Ar);
+class Dr {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -844,7 +848,7 @@ class Sr {
     return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const Tr = xe({
+const Br = ke({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -853,11 +857,11 @@ const Tr = xe({
     fallbackLocale: "en"
   }
 });
-class Mr extends Tr {
+class jr extends Br {
   constructor() {
     super();
-    _(this, "provider");
-    this.provider = new Sr(
+    C(this, "provider");
+    this.provider = new Dr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -885,7 +889,7 @@ class Mr extends Tr {
     );
   }
 }
-const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Hr = xe({
+const G = re(jr), wt = G.translate.bind(G), S = G.translateWithDefault.bind(G), Fr = ke({
   name: "errors",
   initialState: {
     logs: [],
@@ -898,12 +902,13 @@ const Z = se(Mr), bt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Vr extends Hr {
+class Or extends Fr {
   constructor() {
     super(...arguments);
-    _(this, "forceReporting", !1);
-    _(this, "enabled", !0);
-    _(this, "eruda", null);
+    C(this, "forceReporting", !1);
+    C(this, "enabled", !0);
+    C(this, "eruda", null);
+    C(this, "erudaPlugins", null);
   }
   enable() {
     this.enabled = !0;
@@ -913,7 +918,7 @@ class Vr extends Hr {
   }
   async inspect(e, r) {
     if (Array.isArray(e) && e.length === 0) {
-      P.alert(k("errors.inspectEmpty", "Nothing to inspect!"));
+      P.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
       return;
     }
     const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
@@ -922,7 +927,7 @@ class Vr extends Hr {
   async report(e, r) {
     if (await F.emit("error", { error: e, message: r }), ze("unit") || (J() && this.logError(e), !this.enabled))
       throw e;
-    if (!A.isMounted()) {
+    if (!q.isMounted()) {
       const u = await this.createStartupErrorReport(e);
       u && this.setState({ startupErrors: this.startupErrors.concat(u) });
       return;
@@ -933,12 +938,12 @@ class Vr extends Hr {
       date: /* @__PURE__ */ new Date()
     };
     P.toast(
-      r ?? k("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+      r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
       {
         variant: "danger",
         actions: [
           {
-            label: k("errors.viewDetails", "View details"),
+            label: S("errors.viewDetails", "View details"),
             dismiss: !0,
             click: () => P.modal(P.requireComponent("error-report-modal"), { report: n, reports: [n] })
           }
@@ -964,31 +969,34 @@ class Vr extends Hr {
         (e = this.eruda) == null || e.destroy();
         return;
       }
-      this.eruda ?? (this.eruda = (await import("eruda")).default), this.eruda.init();
+      this.eruda ?? (this.eruda = (await import("eruda")).default), this.erudaPlugins ?? (this.erudaPlugins = [(await import("eruda-indexeddb")).default]), this.eruda.init(), this.erudaPlugins.forEach((r) => {
+        var n;
+        return (n = this.eruda) == null ? void 0 : n.add(r);
+      });
     });
   }
   logError(e) {
-    console.error(e), fe(e) && e.cause && this.logError(e.cause);
+    console.error(e), he(e) && e.cause && this.logError(e.cause);
   }
   isErrorReport(e) {
-    return fe(e) && "title" in e;
+    return he(e) && "title" in e;
   }
   async createErrorReport(e) {
-    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof _e ? this.createErrorReportFromError(e) : fe(e) ? it({
-      title: B(
-        e.name ?? e.title ?? k("errors.unknown", "Unknown Error")
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof Ce ? this.createErrorReportFromError(e) : he(e) ? ut({
+      title: D(
+        e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
       ),
-      description: B(
-        e.message ?? e.description ?? k("errors.unknownDescription", "Unknown error object")
+      description: D(
+        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
       ),
       error: e
     }) : {
-      title: k("errors.unknown", "Unknown Error"),
+      title: S("errors.unknown", "Unknown Error"),
       error: e
     };
   }
   async createStartupErrorReport(e) {
-    return e instanceof Ee ? e.cause instanceof Ee ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+    return e instanceof Le ? e.cause instanceof Le ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
   }
   createErrorReportFromError(e, r = {}) {
     return {
@@ -1000,7 +1008,7 @@ class Vr extends Hr {
     };
   }
 }
-const yt = se(Vr), wt = /* @__PURE__ */ h({
+const $t = re(Or), xt = /* @__PURE__ */ g({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1018,7 +1026,7 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
   setup(t) {
     const s = c(() => t.as ? { as: t.as } : t.route ? {
       as: P.resolveComponent("router-link") ?? "a",
-      to: it({
+      to: ut({
         name: t.route,
         params: t.routeParams,
         query: t.routeQuery
@@ -1031,18 +1039,18 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
       as: "button",
       type: t.submit ? "submit" : "button"
     });
-    return (e, r) => (i(), f(l($s), V({
+    return (e, r) => (o(), f(l(ks), V({
       class: t.class,
       "as-child": e.asChild,
       disabled: e.disabled
     }, s.value), {
       default: m(() => [
-        $(e.$slots, "default")
+        w(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "as-child", "disabled"]));
   }
-}), R = /* @__PURE__ */ h({
+}), z = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     class: {},
@@ -1058,7 +1066,7 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = K(t, ["class", "size", "variant", "disabled"]), e = c(() => dt(
+    const s = O(t, ["class", "size", "variant", "disabled"]), e = c(() => ft(
       { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
       {
         baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
@@ -1154,62 +1162,101 @@ const yt = se(Vr), wt = /* @__PURE__ */ h({
         }
       }
     ));
-    return (r, n) => (i(), f(wt, V({
+    return (r, n) => (o(), f(xt, V({
       class: e.value,
       disabled: r.disabled
     }, s), {
       default: m(() => [
-        $(r.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "disabled"]));
   }
 });
-function Er(t) {
+function Ur(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
-const $t = /* @__PURE__ */ h({
+function Ct(t, s) {
+  const e = X("form", null), r = c(() => e && t.name ? e.getFieldValue(t.name) : t.modelValue), n = c(() => r.value), a = c(() => !e || !t.name ? null : e.errors[t.name] ?? null), u = c(() => t.options ? t.options.map((h) => ({
+    key: ue(),
+    label: t.renderOption ? t.renderOption(h) : Ur(h) ? os(h.label) : D(h),
+    value: h
+  })) : null), i = {
+    labelClass: t.labelClass,
+    optionsClass: t.optionsClass,
+    align: t.align,
+    side: t.side,
+    value: r,
+    id: `select-${ue()}`,
+    name: c(() => t.name),
+    label: c(() => t.label),
+    description: c(() => t.description),
+    placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
+    options: u,
+    selectedOption: c(() => {
+      var h;
+      return (h = u.value) == null ? void 0 : h.find((y) => y.value === t.modelValue);
+    }),
+    errors: $e(a),
+    required: c(() => {
+      if (!(!t.name || !e))
+        return e.getFieldRules(t.name).includes("required");
+    }),
+    update(h) {
+      if (e && t.name) {
+        e.setFieldValue(t.name, h);
+        return;
+      }
+      s("update:modelValue", h);
+    }
+  };
+  function p(h) {
+    i.update(h);
+  }
+  return ce("select", i), { expose: i, update: p, acceptableValue: n };
+}
+const kt = /* @__PURE__ */ g({
   __name: "HeadlessSelectValue",
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => e.$slots.default ? (i(), f(l(Qe), {
+    return (e, r) => e.$slots.default ? (o(), f(l(Ze), {
       key: 0,
       placeholder: l(s).placeholder
     }, {
       default: m(() => [
-        $(e.$slots, "default")
+        w(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["placeholder"])) : (i(), f(l(Qe), {
+    }, 8, ["placeholder"])) : (o(), f(l(Ze), {
       key: 1,
       placeholder: l(s).placeholder
     }, null, 8, ["placeholder"]));
   }
-}), _t = /* @__PURE__ */ h({
+}), St = /* @__PURE__ */ g({
   __name: "HeadlessSelectTrigger",
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
     );
-    return (e, r) => (i(), f(l(_s), {
+    return (e, r) => (o(), f(l(Ss), {
       id: l(s).id
     }, {
       default: m(() => [
-        $(e.$slots, "default", {}, () => [
-          d($t, {
+        w(e.$slots, "default", {}, () => [
+          d(kt, {
             placeholder: l(s).placeholder
           }, null, 8, ["placeholder"]),
-          d(l(xs))
+          d(l(Ts))
         ])
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), xt = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOption",
   props: {
     value: {},
@@ -1219,19 +1266,19 @@ const $t = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
     ), e = c(() => {
       var n;
       const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
-      return r ? r.label : B(t.value);
+      return r ? r.label : D(t.value);
     });
-    return (r, n) => (i(), f(l(Cs), ue(ce(r.$props)), {
+    return (r, n) => (o(), f(l(Ms), de(pe(r.$props)), {
       default: m(() => [
-        d(l(ks), null, {
+        d(l(Es), null, {
           default: m(() => [
-            $(r.$slots, "default", {}, () => [
+            w(r.$slots, "default", {}, () => [
               L(x(e.value), 1)
             ])
           ]),
@@ -1241,33 +1288,33 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }, 16));
   }
-}), Ct = /* @__PURE__ */ h({
+}), Mt = /* @__PURE__ */ g({
   __name: "HeadlessSelectOptions",
   props: {
     class: {},
     innerClass: {}
   },
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
-    ), e = c(() => H("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
-    return (r, n) => (i(), f(l(Ss), null, {
+    ), e = c(() => k("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (o(), f(l(Vs), null, {
       default: m(() => [
-        d(l(Ts), {
+        d(l(Hs), {
           position: "popper",
-          class: C(e.value),
+          class: $(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
           default: m(() => [
-            d(l(Ms), {
-              class: C(r.innerClass)
+            d(l(Ls), {
+              class: $(r.innerClass)
             }, {
               default: m(() => [
-                $(r.$slots, "default", {}, () => [
-                  (i(!0), y(D, null, U(l(s).options ?? [], (a) => (i(), f(xt, {
+                w(r.$slots, "default", {}, () => [
+                  (o(!0), b(A, null, B(l(s).options ?? [], (a) => (o(), f(Tt, {
                     key: a.key,
                     value: a.value
                   }, null, 8, ["value"]))), 128))
@@ -1282,7 +1329,7 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Lr = /* @__PURE__ */ h({
+}), Nr = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSelect",
   props: {
@@ -1302,56 +1349,21 @@ const $t = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
-    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
-      key: oe(),
-      label: t.renderOption ? t.renderOption(v) : Er(v) ? rs(v.label) : B(v),
-      value: v
-    })) : null), g = {
-      labelClass: t.labelClass,
-      optionsClass: t.optionsClass,
-      align: t.align,
-      side: t.side,
-      value: a,
-      id: `select-${oe()}`,
-      name: c(() => t.name),
-      label: c(() => t.label),
-      description: c(() => t.description),
-      placeholder: c(() => t.placeholder ?? k("ui.select", "Select an option")),
-      options: p,
-      selectedOption: c(() => {
-        var v;
-        return (v = p.value) == null ? void 0 : v.find((S) => S.value === t.modelValue);
-      }),
-      errors: $e(o),
-      required: c(() => {
-        if (!(!t.name || !n))
-          return n.getFieldRules(t.name).includes("required");
-      }),
-      update(v) {
-        if (n && t.name) {
-          n.setFieldValue(t.name, v);
-          return;
-        }
-        r("update:modelValue", 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) => w(q))
+    const r = e, n = O(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = Ct({ as: t.as, compareOptions: t.compareOptions, ...n }, r);
+    return s(a), (p, h) => (o(), f(l(Is), {
+      "model-value": l(u),
+      by: p.compareOptions,
+      "onUpdate:modelValue": h[0] || (h[0] = (y) => l(i)(y))
     }, {
-      default: m(({ open: q }) => [
-        (i(), f(G(v.as), ue(ce(v.$attrs)), {
+      default: m(({ open: y }) => [
+        (o(), f(ee(p.as), de(pe(p.$attrs)), {
           default: m(() => [
-            $(v.$slots, "default", {
-              modelValue: v.modelValue,
-              open: q
+            w(p.$slots, "default", {
+              modelValue: p.modelValue,
+              open: y
             }, () => [
-              d(_t),
-              d(Ct)
+              d(St),
+              d(Mt)
             ])
           ]),
           _: 2
@@ -1360,50 +1372,50 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "by"]));
   }
-}), Xe = /* @__PURE__ */ h({
+}), Ye = /* @__PURE__ */ g({
   __name: "HeadlessSelectLabel",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    const s = I(
+    const s = H(
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
-    ), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), f(l(Vs), V({
+    ), e = xe(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), f(l(dt), V({
       key: 0,
       for: l(s).id
     }, n.$props), {
       default: m(() => [
-        $(n.$slots, "default", {}, () => [
+        w(n.$slots, "default", {}, () => [
           L(x(l(s).label), 1)
         ])
       ]),
       _: 3
     }, 16, ["for"])) : M("", !0);
   }
-}), kt = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ g({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    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, {
+    const s = H("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => k("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (o(), f(Ye, {
       key: 0,
-      class: C(e.value)
+      class: $(e.value)
     }, {
       default: m(() => [
-        $(r.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class"])) : (i(), f(Xe, {
+    }, 8, ["class"])) : (o(), f(Ye, {
       key: 1,
-      class: C(e.value)
+      class: $(e.value)
     }, null, 8, ["class"]));
   }
-}), Ye = /* @__PURE__ */ h({
+}), et = /* @__PURE__ */ g({
   __name: "SelectOption",
   props: {
     value: {},
@@ -1411,57 +1423,57 @@ const $t = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => H("group p-1 outline-none", t.class)), e = c(() => H(
+    const s = c(() => k("group p-1 outline-none", t.class)), e = c(() => k(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
-    return (r, n) => (i(), f(xt, {
-      class: C(s.value),
+    return (r, n) => (o(), f(Tt, {
+      class: $(s.value),
       value: r.value
     }, {
       default: m(() => [
-        b("div", {
-          class: C(e.value)
+        v("div", {
+          class: $(e.value)
         }, [
-          $(r.$slots, "default")
+          w(r.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["class", "value"]));
   }
-}), St = /* @__PURE__ */ h({
+}), Vt = /* @__PURE__ */ g({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => H(
+    const s = H("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => k(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
-    return (r, n) => (i(), f(Ct, {
-      class: C(e.value)
+    return (r, n) => (o(), f(Mt, {
+      class: $(e.value)
     }, {
       default: m(() => {
         var a;
         return [
-          (a = l(s).options) != null && a.length ? $(r.$slots, "default", { key: 0 }, () => {
+          (a = l(s).options) != null && a.length ? w(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(Ye, {
-                key: o.key,
-                value: o.value
+              (o(!0), b(A, null, B(((u = l(s)) == null ? void 0 : u.options) ?? [], (i) => (o(), f(et, {
+                key: i.key,
+                value: i.value
               }, {
                 default: m(() => [
-                  L(x(o.label), 1)
+                  L(x(i.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ];
-          }) : $(r.$slots, "default", { key: 1 }, () => [
-            d(Ye, {
+          }) : w(r.$slots, "default", { key: 1 }, () => [
+            d(et, {
               disabled: "",
               value: null
             }, {
@@ -1476,42 +1488,42 @@ const $t = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"]));
   }
-}), Rr = {
+}), Wr = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function zr(t, s) {
-  return i(), y("svg", Rr, s[0] || (s[0] = [
-    b("path", {
+function Kr(t, s) {
+  return o(), b("svg", Wr, s[0] || (s[0] = [
+    v("path", {
       fill: "currentColor",
       d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
     }, null, -1)
   ]));
 }
-const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__ */ h({
+const Qr = I({ name: "zondicons-cheveron-down", render: Kr }), Ht = /* @__PURE__ */ g({
   __name: "SelectTrigger",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => H(
+    const s = H("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => k(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
-    return (r, n) => (i(), f(_t, {
-      class: C(e.value)
+    return (r, n) => (o(), f(St, {
+      class: $(e.value)
     }, {
       default: m(() => [
-        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" })
+        d(kt, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        d(l(Qr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), qr = /* @__PURE__ */ h({
+}), Zr = /* @__PURE__ */ g({
   __name: "Select",
   props: {
     as: {},
@@ -1530,30 +1542,30 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { forwardRef: s } = Ie();
-    return (e, r) => (i(), f(Lr, V({ ref: l(s) }, e.$props, {
+    const { forwardRef: s } = Re();
+    return (e, r) => (o(), f(Nr, V({ ref: l(s) }, e.$props, {
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: m(() => [
-        d(kt),
-        $(e.$slots, "default", {}, () => [
-          d(Tt),
-          d(St)
+        d(Et),
+        w(e.$slots, "default", {}, () => [
+          d(Ht),
+          d(Vt)
         ])
       ]),
       _: 3
     }, 16));
   }
-}), Ar = { class: "grow" }, Pr = /* @__PURE__ */ h({
+}), Jr = { class: "grow" }, Gr = /* @__PURE__ */ g({
   __name: "Language",
   setup(t) {
-    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    const s = G.getBrowserLocale(), e = c(() => [null, ...G.locales]);
     function r(n) {
-      return (n && j.locales[n]) ?? k("settings.localeDefault", "{locale} (default)", {
+      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
         locale: j.locales[s] ?? s
       });
     }
-    return (n, a) => (i(), f(qr, {
+    return (n, a) => (o(), f(Zr, {
       modelValue: n.$lang.locale,
       "onUpdate:modelValue": a[0] || (a[0] = (u) => n.$lang.locale = u),
       class: "flex flex-col items-start md:flex-row",
@@ -1562,40 +1574,40 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       "render-option": r
     }, {
       default: m(() => [
-        b("div", Ar, [
-          d(kt, { class: "text-base font-semibold" }, {
+        v("div", Jr, [
+          d(Et, { class: "text-base font-semibold" }, {
             default: m(() => [
               L(x(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
-          d(z, {
+          d(R, {
             "lang-key": "settings.localeDescription",
             "lang-default": "Choose the application's language.",
             class: "mt-1 text-sm text-gray-500"
           })
         ]),
-        d(R, {
+        d(z, {
           variant: "ghost",
-          as: Tt,
+          as: Ht,
           class: "grid w-auto outline-none"
         }),
-        d(St)
+        d(Vt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
   }
-}), Dr = [
+}), Xr = [
   {
     priority: 100,
-    component: Pr
+    component: Gr
   }
-], jr = { $lang: Z }, Br = {
+], Yr = { $lang: G }, en = {
   async install(t) {
     var s;
-    (s = t.config.globalProperties).$t ?? (s.$t = bt), t.config.globalProperties.$td = k, Dr.forEach((e) => A.addSetting(e)), await ke(t, jr);
+    (s = t.config.globalProperties).$t ?? (s.$t = wt), t.config.globalProperties.$td = S, Xr.forEach((e) => q.addSetting(e)), await Te(t, Yr);
   }
-}, Fr = /* @__PURE__ */ h({
+}, tn = /* @__PURE__ */ g({
   __name: "Markdown",
   props: {
     as: {},
@@ -1607,38 +1619,38 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
     actions: {}
   },
   setup(t) {
-    const s = et(), e = Re(), r = c(() => e.default ? e.default().map(ct).join("") : t.text ?? (t.langKey && (t.langDefault ? k(t.langKey, t.langDefault, t.langParams ?? {}) : bt(t.langKey, t.langParams ?? {})))), n = c(() => {
+    const s = st(), e = xe(), r = c(() => e.default ? e.default().map(mt).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : wt(t.langKey, t.langParams ?? {})))), n = c(() => {
       if (!r.value)
         return null;
-      let o = gr(r.value);
-      return t.inline && (o = o.replace("<p>", "<span>").replace("</p>", "</span>")), o;
-    }), a = () => Ut(t.as ?? (t.inline ? "span" : "div"), {
+      let i = Mr(r.value);
+      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
+    }), a = () => Qt(t.as ?? (t.inline ? "span" : "div"), {
       innerHTML: n.value,
       onClick: u,
       ...s,
       class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
     });
-    async function u(o) {
-      var g, w;
-      const { target: p } = o;
-      if (Oe(p, HTMLElement) && p.dataset.markdownAction) {
-        (w = (g = t.actions) == null ? void 0 : g[p.dataset.markdownAction]) == null || w.call(g);
+    async function u(i) {
+      var h, y;
+      const { target: p } = i;
+      if (Ne(p, HTMLElement) && p.dataset.markdownAction) {
+        (y = (h = t.actions) == null ? void 0 : h[p.dataset.markdownAction]) == null || y.call(h);
         return;
       }
-      if (Oe(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
-        const v = hr();
-        v && (o.preventDefault(), v.visit(p.dataset.markdownRoute));
+      if (Ne(p, HTMLAnchorElement) && p.dataset.markdownRoute) {
+        const _ = Tr();
+        _ && (i.preventDefault(), _.visit(p.dataset.markdownRoute));
         return;
       }
     }
-    return (o, p) => (i(), f(a));
+    return (i, p) => (o(), f(a));
   }
-}), Ur = (t, s) => {
+}), sn = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [r, n] of s)
     e[r] = n;
   return e;
-}, z = /* @__PURE__ */ Ur(Fr, [["__scopeId", "data-v-8b211cfb"]]), Or = { class: "flex-grow" }, Nr = ["id"], Wr = /* @__PURE__ */ h({
+}, R = /* @__PURE__ */ sn(tn, [["__scopeId", "data-v-8b211cfb"]]), rn = { class: "flex-grow" }, nn = ["id"], an = /* @__PURE__ */ g({
   __name: "Setting",
   props: {
     title: {},
@@ -1648,29 +1660,29 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => H(t.class, "flex flex-col justify-center gap-1"));
-    return (e, r) => (i(), y("div", {
-      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    const s = c(() => k(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (o(), b("div", {
+      class: $(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
-      b("div", Or, [
-        b("h3", {
+      v("div", rn, [
+        v("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Nr),
-        e.description ? (i(), f(z, {
+        }, x(e.title), 9, nn),
+        e.description ? (o(), f(R, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
         }, null, 8, ["text"])) : M("", !0)
       ]),
-      b("div", {
-        class: C(s.value)
+      v("div", {
+        class: $(s.value)
       }, [
-        $(e.$slots, "default")
+        w(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Kr = ["for"], Qr = /* @__PURE__ */ h({
+}), ln = ["for"], on = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessSwitch",
   props: {
@@ -1686,7 +1698,7 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
     const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `switch-${oe()}`,
+      id: `switch-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
@@ -1696,60 +1708,60 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(o) {
+      update(i) {
         if (n && t.name) {
-          n.setFieldValue(t.name, o);
+          n.setFieldValue(t.name, i);
           return;
         }
-        r("update:modelValue", o);
+        r("update:modelValue", i);
       }
     };
     return s(u), Y(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
-    }), (o, p) => (i(), y("div", {
-      class: C(t.class)
+    }), (i, p) => (o(), b("div", {
+      class: $(t.class)
     }, [
-      o.label ? (i(), y("label", {
+      i.label ? (o(), b("label", {
         key: 0,
         for: u.id,
-        class: C(o.labelClass)
-      }, x(o.label), 11, Kr)) : M("", !0),
-      d(l(Es), V({
+        class: $(i.labelClass)
+      }, x(i.label), 11, ln)) : M("", !0),
+      d(l(zs), V({
         id: u.id,
-        name: o.name,
+        name: i.name,
         "model-value": u.value.value
-      }, o.$attrs, {
-        class: o.inputClass,
-        "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      }, i.$attrs, {
+        class: i.inputClass,
+        "onUpdate:modelValue": p[0] || (p[0] = (h) => i.$emit("update:modelValue", h))
       }), {
         default: m(() => [
-          d(l(Ls), {
-            class: C(o.thumbClass)
+          d(l(Rs), {
+            class: $(i.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 16, ["id", "name", "model-value", "class"])
     ], 2));
   }
-}), Jr = /* @__PURE__ */ h({
+}), un = /* @__PURE__ */ g({
   __name: "Switch",
   setup(t) {
-    return (s, e) => (i(), f(Qr, {
+    return (s, e) => (o(), f(on, {
       class: "flex flex-row items-center gap-1",
       "input-class": "disabled:opacity-50 disabled:cursor-not-allowed data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200 relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focusdisabled:opacity-50 disabled:cursor-not-allowed :ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden",
       "thumb-class": "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
     }));
   }
-}), Zr = /* @__PURE__ */ h({
+}), cn = /* @__PURE__ */ g({
   __name: "Debug",
   setup(t) {
-    return (s, e) => (i(), f(Wr, {
+    return (s, e) => (o(), f(an, {
       "title-id": "debug-setting",
       title: s.$td("settings.debug", "Debugging"),
       description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
     }, {
       default: m(() => [
-        d(Jr, {
+        d(un, {
           modelValue: s.$errors.debug,
           "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
           "aria-labelledby": "debug-setting"
@@ -1758,76 +1770,78 @@ const Ir = E({ name: "zondicons-cheveron-down", render: zr }), Tt = /* @__PURE__
       _: 1
     }, 8, ["title", "description"]));
   }
-}), Xr = [
+}), dn = [
   {
     priority: 10,
-    component: Zr
+    component: cn
   }
-], Mt = [];
-function ql(t) {
-  Mt.push(t);
+], Lt = [];
+function Xl(t) {
+  Lt.push(t);
 }
-function Ht(t) {
-  for (const s of Mt) {
+function It(t) {
+  for (const s of Lt) {
     const e = s(t);
     if (e)
       return e;
   }
-  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");
+  return typeof t == "string" ? t : t instanceof Error || t instanceof Ce ? t.message : he(t) ? D(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
 }
-class Ge extends _e {
+class tt extends Ce {
 }
-const Yr = { $errors: yt }, Gr = (t) => (yt.report(t), !0);
-function en(t, s = () => !1) {
-  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 pn = { $errors: $t }, mn = (t) => ($t.report(t), !0);
+function fn(t, s = () => !1) {
+  const e = (r) => s(r) || mn(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, u, i) => e(i ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
 }
-const tn = {
+const hn = {
   async install(t, s) {
-    en(t, s.handleError), Xr.forEach((e) => A.addSetting(e)), await ke(t, Yr);
+    fn(t, s.handleError), dn.forEach((e) => q.addSetting(e)), await Te(t, pn);
   }
-}, sn = {
+}, gn = {
   async install() {
     ze() && (globalThis.testingRuntime = {
       on: (...t) => F.on(...t),
-      service: (t) => A.service(t)
+      service: (t) => q.service(t)
     });
   }
-}, rn = {
+}, vn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function nn(t, s) {
-  return i(), y("svg", rn, s[0] || (s[0] = [
-    b("path", {
+function bn(t, s) {
+  return o(), b("svg", vn, s[0] || (s[0] = [
+    v("path", {
       fill: "currentColor",
       d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
     }, null, -1)
   ]));
 }
-const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
+const yn = I({ name: "zondicons-close", render: bn }), _n = /* @__PURE__ */ g({
   __name: "HeadlessModal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
     descriptionHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = N(null), { close: r } = Pe();
+    const e = W(null), { close: r } = Ae();
     s({ $content: e });
-    const { forwardRef: n } = Ie();
-    return de("$modalContentRef", e), (a, u) => (i(), f(l(Rs), {
+    const { forwardRef: n } = Re();
+    return ce("$modalContentRef", e), (a, u) => (o(), f(l(qs), {
       ref: l(n),
       open: "",
-      "onUpdate:open": u[0] || (u[0] = (o) => a.persistent || o || l(r)())
+      "onUpdate:open": u[0] || (u[0] = (i) => a.persistent || i || l(r)())
     }, {
       default: m(() => [
-        d(l(zs), null, {
+        d(l(Ps), null, {
           default: m(() => [
-            $(a.$slots, "default", { close: l(r) })
+            w(a.$slots, "default", { close: l(r) })
           ]),
           _: 3
         })
@@ -1835,14 +1849,14 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), on = /* @__PURE__ */ h({
+}), wn = /* @__PURE__ */ g({
   __name: "HeadlessModalContent",
   setup(t) {
-    const { child: s } = Pe(), e = nr("$modalContentRef"), r = ee("$contentRef");
-    return Y(() => e.value = r.value), (n, a) => (i(), f(l(Is), { ref: "$contentRef" }, {
+    const { child: s } = Ae(), e = gr("$modalContentRef"), r = te("$contentRef");
+    return Y(() => e.value = r.value), (n, a) => (o(), f(l(As), { ref: "$contentRef" }, {
       default: m(() => [
-        $(n.$slots, "default"),
-        l(s) ? (i(), f(l(gs), {
+        w(n.$slots, "default"),
+        l(s) ? (o(), f(l(_s), {
           key: 0,
           is: l(s)
         }, null, 8, ["is"])) : M("", !0)
@@ -1850,21 +1864,21 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
       _: 3
     }, 512));
   }
-}), un = /* @__PURE__ */ h({
+}), $n = /* @__PURE__ */ g({
   __name: "HeadlessModalDescription",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(qs), ue(ce(s.$props)), {
+    return (s, e) => (o(), f(l(Ds), de(pe(s.$props)), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), cn = /* @__PURE__ */ h({
+}), xn = /* @__PURE__ */ g({
   __name: "HeadlessModalOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1872,34 +1886,33 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(As), ue(ce(s.$props)), {
+    return (s, e) => (o(), f(l(Bs), de(pe(s.$props)), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), dn = /* @__PURE__ */ h({
+}), Cn = /* @__PURE__ */ g({
   __name: "HeadlessModalTitle",
   props: {
     asChild: { type: Boolean },
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(Ps), ue(ce(s.$props)), {
+    return (s, e) => (o(), f(l(js), de(pe(s.$props)), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), pn = {
-  key: 0,
-  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, mn = ["onClick"], fn = { class: "sr-only" }, Me = dr(), re = /* @__PURE__ */ h({
+}), kn = ["onClick"], Sn = { class: "sr-only" }, fe = xr(), ne = /* @__PURE__ */ g({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
+    fullscreen: { type: Boolean },
+    fullscreenOnMobile: { type: Boolean },
     title: {},
     titleHidden: { type: Boolean },
     description: {},
@@ -1909,87 +1922,99 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
     closeHidden: { type: Boolean }
   },
   setup(t, { expose: s }) {
-    const e = K(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
+    const e = O(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden", "fullscreen", "fullscreenOnMobile"]);
     s({
       $content: c(() => {
         var T;
-        return (T = o.value) == null ? void 0 : T.$content;
+        return (T = i.value) == null ? void 0 : T.$content;
       })
     });
-    const { forwardRef: r, currentRef: n } = Ie(), { id: a, visible: u } = Pe(), o = n, p = ot(), g = c(
+    const { forwardRef: r, currentRef: n } = Re(), { id: a, visible: u } = Ae(), i = n, p = ct(), h = c(
       () => {
         var T;
-        return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
+        return u.value && ((T = le.value.toReversed().find((je) => je.visible.value)) == null ? void 0 : T.id) === a.value;
       }
-    ), 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]",
-      "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
-      {
-        "scale-50 opacity-0": !g.value,
-        "scale-100 opacity-100": g.value
-      },
+    ), y = c(() => le.value.find((T) => T.visible.value)), _ = c(() => le.value.some((T) => fe.has(T))), E = c(() => t.description ? {} : { "aria-describedby": void 0 }), U = c(() => k(
+      "overflow-auto px-4 pb-4 flex flex-col flex-1",
+      { "pt-4": !t.title || t.titleHidden, "max-h-[90vh]": !Q.value },
+      t.class
+    )), Q = c(() => t.fullscreen || t.fullscreenOnMobile && P.mobile), Dt = c(() => k(
+      "isolate fixed z-50 flex flex-col overflow-hidden bg-white text-left duration-300",
+      Q.value ? [
+        "inset-0 transition-[transform,translate] will-change-[transform,translate]",
+        fe.has(p.value) || "animate-[slide-in_var(--tw-duration)_ease-in-out]",
+        h.value ? "translate-y-0" : "translate-y-full"
+      ] : [
+        "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full",
+        "max-w-[calc(100%-2rem)] rounded-lg shadow-xl sm:max-w-lg",
+        "transition-[scale,opacity] will-change-[scale,opacity]",
+        fe.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+        h.value ? "scale-100 opacity-100" : "scale-50 opacity-0"
+      ],
       t.wrapperClass
     ));
-    return tt(() => le(500).then(() => Me.add(p.value))), (T, Be) => (i(), f(ln, V(e, {
+    return rt(() => oe(500).then(() => fe.add(p.value))), (T, je) => (o(), f(_n, V(e, {
       ref: (me) => l(r)(me),
       persistent: T.persistent
     }), {
       default: m(({ close: me }) => {
-        var Fe, Ue;
+        var Fe, Oe;
         return [
-          d(cn, {
-            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 = 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
+          d(xn, {
+            class: $(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+              "animate-[fade-in_var(--tw-duration)_ease-in-out]": !_.value,
+              "bg-black/30": ((Fe = y.value) == null ? void 0 : Fe.id) === l(a) || !y.value && ((Oe = l(le)[0]) == null ? void 0 : Oe.id) === l(a),
+              "opacity-0": !y.value,
+              hidden: Q.value
             }])
           }, null, 8, ["class"]),
-          d(on, V(S.value, { class: pe.value }), {
+          d(wn, V(E.value, { class: Dt.value }), {
             default: m(() => [
-              !T.persistent && !T.closeHidden ? (i(), y("div", pn, [
-                b("button", {
+              !T.persistent && !T.closeHidden ? (o(), b("div", {
+                key: 0,
+                class: $(["absolute top-0 right-0 pt-3.5 pr-2.5", { "hidden sm:block": !Q.value }])
+              }, [
+                v("button", {
                   type: "button",
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
-                  onClick: (ol) => me()
+                  onClick: (Cl) => me()
                 }, [
-                  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, {
+                  v("span", Sn, x(T.$td("ui.close", "Close")), 1),
+                  d(l(yn), { class: "size-4" })
+                ], 8, kn)
+              ], 2)) : M("", !0),
+              T.title ? (o(), f(Cn, {
                 key: 1,
-                class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                class: $(["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
                 }])
               }, {
                 default: m(() => [
-                  d(z, {
+                  d(R, {
                     text: T.title,
                     inline: ""
                   }, null, 8, ["text"])
                 ]),
                 _: 1
               }, 8, ["class"])) : M("", !0),
-              T.description ? (i(), f(un, {
+              T.description ? (o(), f($n, {
                 key: 2,
-                class: C(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: $(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
               }, {
                 default: m(() => [
-                  d(z, {
+                  d(R, {
                     text: T.description,
                     class: "text-sm leading-6 text-gray-500"
                   }, null, 8, ["text"])
                 ]),
                 _: 1
               }, 8, ["class"])) : M("", !0),
-              b("div", {
-                class: C(q.value)
+              v("div", {
+                class: $(U.value)
               }, [
-                $(T.$slots, "default", { close: me })
+                w(T.$slots, "default", { close: me })
               ], 2)
             ]),
             _: 2
@@ -2000,29 +2025,29 @@ const an = E({ name: "zondicons-close", render: nn }), ln = /* @__PURE__ */ h({
     }, 16, ["persistent"]));
   }
 });
-function hn(t) {
-  const s = c(() => t.title ?? k("ui.alert", "Alert")), e = c(() => !t.title);
+function Tn(t) {
+  const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
   return { renderedTitle: s, titleHidden: e };
 }
-const gn = /* @__PURE__ */ h({
+const Mn = /* @__PURE__ */ g({
   __name: "AlertModal",
   props: {
     title: {},
     message: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, titleHidden: n } = hn(e);
-    return s(), (a, u) => (i(), f(re, {
+    const e = t, { renderedTitle: r, titleHidden: n } = Tn(e);
+    return s(), (a, u) => (o(), f(ne, {
       title: l(r),
       "title-hidden": l(n)
     }, {
       default: m(() => [
-        d(z, { text: a.message }, null, 8, ["text"])
+        d(R, { text: a.message }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Vt = /* @__PURE__ */ h({
+}), zt = /* @__PURE__ */ g({
   __name: "Form",
   props: {
     form: {}
@@ -2034,18 +2059,18 @@ const gn = /* @__PURE__ */ h({
     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"]))
+    }), ce("form", t.form), (n, a) => (o(), b("form", {
+      onSubmit: a[0] || (a[0] = nt((u) => n.form ? n.form.submit() : n.$emit("submit"), ["prevent"]))
     }, [
-      $(n.$slots, "default")
+      w(n.$slots, "default")
     ], 32));
   }
 });
-function vn(t) {
-  const s = mt(
+function En(t) {
+  const s = gt(
     Object.entries(t.checkboxes ?? {}).reduce(
-      (u, [o, p]) => ({
-        [o]: {
+      (u, [i, p]) => ({
+        [i]: {
           type: "boolean",
           default: p.default,
           required: p.required ? "required" : void 0
@@ -2054,13 +2079,13 @@ function vn(t) {
       }),
       {}
     )
-  ), e = c(() => t.title ?? k("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
+  ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const bn = {
+const Vn = {
   key: 0,
   class: "mt-4 flex flex-col text-sm text-gray-600"
-}, 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({
+}, Hn = { class: "flex items-center" }, Ln = ["onUpdate:modelValue", "required"], In = { class: "ml-1.5" }, zn = { class: "mt-4 flex flex-row-reverse gap-2" }, Rn = /* @__PURE__ */ g({
   __name: "ConfirmModal",
   props: {
     title: {},
@@ -2075,39 +2100,39 @@ const bn = {
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: o } = vn(e);
-    return s(), (p, g) => (i(), f(re, {
+    const e = O(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: u, renderedCancelText: i } = En(e);
+    return s(), (p, h) => (o(), f(ne, {
       title: l(n),
       "title-hidden": l(a),
       persistent: ""
     }, {
-      default: m(({ close: w }) => [
-        d(Vt, {
+      default: m(({ close: y }) => [
+        d(zt, {
           form: l(r),
-          onSubmit: (v) => w([!0, l(r).data()])
+          onSubmit: (_) => y([!0, l(r).data()])
         }, {
           default: m(() => [
-            d(z, {
+            d(R, {
               text: p.message,
               actions: p.actions
             }, null, 8, ["text", "actions"]),
-            p.checkboxes ? (i(), y("ul", bn, [
-              (i(!0), y(D, null, U(p.checkboxes, (v, S) => (i(), y("li", { key: S }, [
-                b("label", yn, [
-                  rt(b("input", {
-                    "onUpdate:modelValue": (q) => l(r)[S] = q,
+            p.checkboxes ? (o(), b("ul", Vn, [
+              (o(!0), b(A, null, B(p.checkboxes, (_, E) => (o(), b("li", { key: E }, [
+                v("label", Hn, [
+                  at(v("input", {
+                    "onUpdate:modelValue": (U) => l(r)[E] = U,
                     type: "checkbox",
-                    required: v.required,
+                    required: _.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, wn), [
-                    [Ot, l(r)[S]]
+                  }, null, 8, Ln), [
+                    [Zt, l(r)[E]]
                   ]),
-                  b("span", $n, x(v.label), 1)
+                  v("span", In, x(_.label), 1)
                 ])
               ]))), 128))
             ])) : M("", !0),
-            b("div", _n, [
-              d(R, {
+            v("div", zn, [
+              d(z, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
@@ -2116,13 +2141,13 @@ const bn = {
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? M("", !0) : (i(), f(R, {
+              p.required ? M("", !0) : (o(), f(z, {
                 key: 0,
                 variant: p.cancelVariant,
-                onClick: (v) => w(!1)
+                onClick: (_) => y(!1)
               }, {
                 default: m(() => [
-                  L(x(l(o)), 1)
+                  L(x(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2134,92 +2159,92 @@ const bn = {
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Cn = {
+}), qn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function kn(t, s) {
-  return i(), y("svg", Cn, s[0] || (s[0] = [
-    b("path", {
+function Pn(t, s) {
+  return o(), b("svg", qn, s[0] || (s[0] = [
+    v("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 Sn = E({ name: "zondicons-cheveron-left", render: kn }), Tn = {
+const An = I({ name: "zondicons-cheveron-left", render: Pn }), Dn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Mn(t, s) {
-  return i(), y("svg", Tn, s[0] || (s[0] = [
-    b("path", {
+function Bn(t, s) {
+  return o(), b("svg", Dn, s[0] || (s[0] = [
+    v("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 Et = E({ name: "zondicons-cheveron-right", render: Mn }), Hn = {
+const Rt = I({ name: "zondicons-cheveron-right", render: Bn }), jn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Vn(t, s) {
-  return i(), y("svg", Hn, s[0] || (s[0] = [
-    b("path", {
+function Fn(t, s) {
+  return o(), b("svg", jn, s[0] || (s[0] = [
+    v("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 De = E({ name: "zondicons-exclamation-solid", render: Vn }), En = {
+const De = I({ name: "zondicons-exclamation-solid", render: Fn }), On = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ln(t, s) {
-  return i(), y("svg", En, s[0] || (s[0] = [
-    b("path", {
+function Un(t, s) {
+  return o(), b("svg", On, s[0] || (s[0] = [
+    v("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 Rn = E({ name: "mdi-console", render: Ln }), zn = {
+const Nn = I({ name: "mdi-console", render: Un }), Wn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function In(t, s) {
-  return i(), y("svg", zn, s[0] || (s[0] = [
-    b("path", {
+function Kn(t, s) {
+  return o(), b("svg", Wn, s[0] || (s[0] = [
+    v("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 qn = E({ name: "zondicons-copy", render: In }), An = {
+const Qn = I({ name: "zondicons-copy", render: Kn }), Zn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Pn(t, s) {
-  return i(), y("svg", An, s[0] || (s[0] = [
-    b("path", {
+function Jn(t, s) {
+  return o(), b("svg", Zn, s[0] || (s[0] = [
+    v("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 Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ h({
+const Gn = I({ name: "mdi-github", render: Jn }), Xn = { class: "flex" }, Yn = { class: "sr-only" }, ea = /* @__PURE__ */ g({
   __name: "ErrorReportModalButtons",
   props: {
     report: {}
   },
   setup(t) {
     const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
-      if (!A.sourceUrl)
+      if (!q.sourceUrl)
         return !1;
       const a = encodeURIComponent(e.value), u = encodeURIComponent(
         [
@@ -2227,35 +2252,35 @@ const Dn = E({ name: "mdi-github", render: Pn }), jn = { class: "flex" }, Bn = {
           "",
           "Error details:",
           "```",
-          ns(
+          is(
             s.report.details ?? "Details missing from report",
-            1800 - a.length - A.sourceUrl.length
+            1800 - a.length - q.sourceUrl.length
           ).trim(),
           "```"
         ].join(`
 `)
       );
-      return `${A.sourceUrl}/issues/new?title=${a}&body=${u}`;
-    }), n = c(() => te(
+      return `${q.sourceUrl}/issues/new?title=${a}&body=${u}`;
+    }), n = c(() => se(
       [
         {
           id: "clipboard",
           description: "Copy to clipboard",
-          iconComponent: qn,
+          iconComponent: Qn,
           async click() {
             await navigator.clipboard.writeText(`${e.value}
 
-${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information copied to clipboard"));
+${s.report.details}`), P.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
           }
         },
         {
           id: "console",
           description: "Log to console",
-          iconComponent: Rn,
+          iconComponent: Nn,
           click() {
             const a = s.report.error ?? s.report;
             window.error = a, console.error(a), P.toast(
-              k(
+              S(
                 "errors.addedToConsole",
                 "You can now use the **error** variable in the console"
               )
@@ -2267,24 +2292,24 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
         r.value && a.push({
           id: "github",
           description: "Report in GitHub",
-          iconComponent: Dn,
+          iconComponent: Gn,
           url: r.value
         });
       }
     ));
-    return (a, u) => (i(), y("div", jn, [
-      (i(!0), y(D, null, U(n.value, (o) => $(a.$slots, "default", V({ ref_for: !0 }, o), () => [
-        d(R, {
+    return (a, u) => (o(), b("div", Xn, [
+      (o(!0), b(A, null, B(n.value, (i) => w(a.$slots, "default", V({ ref_for: !0 }, i), () => [
+        d(z, {
           size: "icon",
           variant: "ghost",
           class: "group whitespace-nowrap",
-          href: o.url,
-          title: a.$td(`errors.report_${o.id}`, o.description),
-          onClick: o.click
+          href: i.url,
+          title: a.$td(`errors.report_${i.id}`, i.description),
+          onClick: i.click
         }, {
           default: m(() => [
-            b("span", Bn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
-            (i(), f(G(o.iconComponent), {
+            v("span", Yn, x(a.$td(`errors.report_${i.id}`, i.description)), 1),
+            (o(), f(ee(i.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
             }))
@@ -2294,7 +2319,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
       ])), 256))
     ]));
   }
-}), Un = /* @__PURE__ */ h({
+}), ta = /* @__PURE__ */ g({
   __name: "ErrorReportModalTitle",
   props: {
     report: {},
@@ -2303,19 +2328,19 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
   },
   setup(t) {
     const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
-    return (e, r) => (i(), f(z, {
+    return (e, r) => (o(), f(R, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
 });
-function On(t) {
-  const s = N(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+function sa(t) {
+  const s = W(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
     () => {
       var u;
-      return ((u = e.value.details) == null ? void 0 : u.trim()) || k("errors.detailsEmpty", "This error is missing a stacktrace.");
+      return ((u = e.value.details) == null ? void 0 : u.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
     }
-  ), n = k("errors.previousReport", "Show previous report"), a = k("errors.nextReport", "Show next report");
+  ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
   return {
     activeReportIndex: s,
     details: r,
@@ -2324,18 +2349,18 @@ function On(t) {
     activeReport: e
   };
 }
-const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-4" }, Kn = { class: "flex items-center gap-2" }, Qn = {
+const ra = { class: "px-4 pt-5 pb-4" }, na = { class: "flex justify-between gap-4" }, aa = { class: "flex items-center gap-2" }, la = {
   key: 0,
   class: "flex gap-0.5"
-}, Jn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, Zn = ["textContent"], Xn = /* @__PURE__ */ h({
+}, oa = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, ia = ["textContent"], ua = /* @__PURE__ */ g({
   __name: "ErrorReportModal",
   props: {
     report: {},
     reports: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: o } = On(e);
-    return s(), (p, g) => (i(), f(re, {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: u, activeReport: i } = sa(e);
+    return s(), (p, h) => (o(), f(ne, {
       title: p.$td("errors.report", "Error report"),
       "title-hidden": "",
       "close-hidden": "",
@@ -2343,83 +2368,83 @@ const Nn = { class: "px-4 pt-5 pb-4" }, Wn = { class: "flex justify-between gap-
       "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
     }, {
       default: m(() => [
-        b("div", Nn, [
-          b("h2", Wn, [
-            b("div", Kn, [
+        v("div", ra, [
+          v("h2", na, [
+            v("div", aa, [
               d(l(De), { class: "size-5 text-red-600" }),
-              d(Un, {
+              d(ta, {
                 class: "text-lg leading-6 font-semibold text-gray-900",
-                report: l(o),
+                report: l(i),
                 "current-report": l(r) + 1,
                 "total-reports": p.reports.length
               }, null, 8, ["report", "current-report", "total-reports"]),
-              p.reports.length > 1 ? (i(), y("span", Qn, [
-                d(R, {
+              p.reports.length > 1 ? (o(), b("span", la, [
+                d(z, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === 0,
                   "aria-label": l(u),
                   title: l(u),
-                  onClick: g[0] || (g[0] = (w) => r.value--)
+                  onClick: h[0] || (h[0] = (y) => r.value--)
                 }, {
                   default: m(() => [
-                    d(l(Sn), { class: "size-4" })
+                    d(l(An), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
-                d(R, {
+                d(z, {
                   size: "icon",
                   variant: "ghost",
                   disabled: l(r) === p.reports.length - 1,
                   "aria-label": l(a),
                   title: l(a),
-                  onClick: g[1] || (g[1] = (w) => r.value++)
+                  onClick: h[1] || (h[1] = (y) => r.value++)
                 }, {
                   default: m(() => [
-                    d(l(Et), { class: "size-4" })
+                    d(l(Rt), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
               ])) : M("", !0)
             ]),
-            d(Fn, {
-              report: l(o),
+            d(ea, {
+              report: l(i),
               class: "gap-0.5"
             }, null, 8, ["report"])
           ]),
-          l(o).description ? (i(), f(z, {
+          l(i).description ? (o(), f(R, {
             key: 0,
-            text: l(o).description,
+            text: l(i).description,
             class: "text-gray-600"
           }, null, 8, ["text"])) : M("", !0)
         ]),
-        b("div", Jn, [
-          b("pre", {
+        v("div", oa, [
+          v("pre", {
             class: "p-4 text-xs text-red-800",
             textContent: x(l(n))
-          }, null, 8, Zn)
+          }, null, 8, ia)
         ])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), Yn = {
+}), ca = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Gn(t, s) {
-  return i(), y("svg", Yn, s[0] || (s[0] = [
-    b("path", {
+function da(t, s) {
+  return o(), b("svg", ca, s[0] || (s[0] = [
+    v("path", {
       fill: "currentColor",
       d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
       opacity: ".25"
     }, null, -1),
-    b("path", {
+    v("path", {
       fill: "currentColor",
       d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
     }, [
-      b("animateTransform", {
+      v("animateTransform", {
         attributeName: "transform",
         dur: "0.75s",
         repeatCount: "indefinite",
@@ -2429,40 +2454,50 @@ function Gn(t, s) {
     ], -1)
   ]));
 }
-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({
+const pa = I({ name: "svg-spinners-90-ring-with-bg", render: da }), ma = { class: "relative mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, fa = { class: "sr-only" }, ha = /* @__PURE__ */ g({
   __name: "ProgressBar",
   props: {
     filledClass: {},
+    overflowClass: {},
     progress: {},
     job: {}
   },
   setup(t) {
     let s;
-    const e = N(0), r = c(() => H("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
-    return Le(
+    const e = W(0), r = c(() => k("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => k(
+      "absolute inset-y-0 right-0 size-full rounded-r-full",
+      "bg-primary-900 transition-[width] duration-500 ease-linear",
+      t.overflowClass
+    )), a = c(() => typeof t.progress == "number" ? t.progress : e.value), u = c(() => a.value > 1 ? 100 * ((a.value - 1) / a.value) : null);
+    return Ie(
       () => t.job,
       () => {
-        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
+        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (i) => e.value = i });
       },
       { immediate: !0 }
-    ), we(() => s && s()), (a, u) => (i(), y("div", ta, [
-      b("div", {
-        class: C(r.value),
-        style: Nt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+    ), we(() => s && s()), (i, p) => (o(), b("div", ma, [
+      v("div", {
+        class: $(r.value),
+        style: Ue(`transform:translateX(-${(1 - a.value) * 100}%)`)
       }, null, 6),
-      b("span", sa, x(a.$td("ui.progress", "{progress}% complete", {
-        progress: n.value * 100
+      u.value ? (o(), b("div", {
+        key: 0,
+        class: $(n.value),
+        style: Ue({ width: `${u.value}%` })
+      }, null, 6)) : M("", !0),
+      v("span", fa, x(i.$td("ui.progress", "{progress}% complete", {
+        progress: a.value * 100
       })), 1)
     ]));
   }
 });
-function na(t) {
-  const s = c(() => t.title ?? k("ui.loading", "Loading")), e = c(
-    () => t.message ?? k("ui.loadingInProgress", "Loading in progress...")
+function ga(t) {
+  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
+    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
   ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
   return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
 }
-const aa = /* @__PURE__ */ h({
+const va = /* @__PURE__ */ g({
   __name: "LoadingModal",
   props: {
     title: {},
@@ -2471,30 +2506,30 @@ const aa = /* @__PURE__ */ h({
     job: {}
   },
   setup(t, { expose: s }) {
-    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = na(e);
-    return s(), (o, p) => (i(), f(re, {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = ga(e);
+    return s(), (i, p) => (o(), f(ne, {
       persistent: "",
-      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)
+      "title-hidden": l(a),
+      class: $({ "flex-col-reverse": l(u), "flex-row items-center justify-center gap-2": !l(u) })
     }, {
       default: m(() => [
-        l(u) ? (i(), f(ra, {
+        l(u) ? (o(), f(ha, {
           key: 0,
-          progress: o.progress,
-          job: o.job,
+          progress: i.progress,
+          job: i.job,
           class: "min-w-[min(400px,80vw)]"
-        }, null, 8, ["progress", "job"])) : (i(), f(l(ea), {
+        }, null, 8, ["progress", "job"])) : (o(), f(l(pa), {
           key: 1,
           class: "text-primary-600 mr-1 size-6"
         })),
-        d(z, { text: l(n) }, null, 8, ["text"])
+        d(R, { text: l(n) }, null, 8, ["text"])
       ]),
       _: 1
     }, 8, ["title", "title-hidden", "class"]));
   }
-}), je = /* @__PURE__ */ h({
+}), Be = /* @__PURE__ */ g({
   __name: "HeadlessInput",
   props: {
     name: {},
@@ -2506,7 +2541,7 @@ const aa = /* @__PURE__ */ h({
   emits: ["update:modelValue"],
   setup(t, { expose: s, emit: e }) {
     const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), u = {
-      id: `input-${oe()}`,
+      id: `input-${ue()}`,
       name: c(() => t.name),
       label: c(() => t.label),
       description: c(() => t.description),
@@ -2516,119 +2551,122 @@ const aa = /* @__PURE__ */ h({
         if (!(!t.name || !n))
           return n.getFieldRules(t.name).includes("required");
       }),
-      update(o) {
+      update(i) {
         if (n && t.name) {
-          n.setFieldValue(t.name, o);
+          n.setFieldValue(t.name, i);
           return;
         }
-        r("update:modelValue", o);
+        r("update:modelValue", i);
       }
     };
-    return de("input", u), s(u), (o, p) => (i(), f(G(o.as), null, {
+    return ce("input", u), s(u), (i, p) => (o(), f(ee(i.as), null, {
       default: m(() => [
-        $(o.$slots, "default")
+        w(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), la = ["for"], be = /* @__PURE__ */ h({
+}), ba = ["for"], ye = /* @__PURE__ */ g({
   __name: "HeadlessInputLabel",
   setup(t) {
-    const s = I("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), y("label", {
+    const s = H("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = xe(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), b("label", {
       key: 0,
       for: l(s).id
     }, [
-      $(n.$slots, "default", {}, () => [
+      w(n.$slots, "default", {}, () => [
         L(x(l(s).label), 1)
       ])
-    ], 8, la)) : M("", !0);
+    ], 8, ba)) : M("", !0);
   }
-}), ia = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Lt = /* @__PURE__ */ h({
+}), ya = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], qt = /* @__PURE__ */ g({
   __name: "HeadlessInputInput",
   props: {
     type: {}
   },
   setup(t) {
-    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(() => {
+    const s = te("$inputRef"), e = H("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 w = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
-      return ["text", "email", "number", "tel", "url"].includes(w) ? w : "text";
-    }), o = c(() => {
+      const y = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes(y) ? y : "text";
+    }), i = c(() => {
       if (u.value === "checkbox")
         return !!a.value;
     });
     function p() {
-      s.value && e.update(g());
+      s.value && e.update(h());
     }
-    function g() {
+    function h() {
       if (!s.value)
         return null;
       switch (u.value) {
         case "checkbox":
           return s.value.checked;
         case "date":
-          return s.value.valueAsDate;
+        case "time":
+        case "datetime-local":
+          return new Date(Math.round(s.value.valueAsNumber / 6e4) * 6e4 + Ge);
         case "number":
           return s.value.valueAsNumber;
         default:
           return s.value.value;
       }
     }
-    return pt(e, () => {
-      var w;
-      return (w = s.value) == null ? void 0 : w.focus();
+    return ht(e, () => {
+      var y;
+      return (y = s.value) == null ? void 0 : y.focus();
     }), Y(() => {
       if (s.value) {
-        if (u.value === "date" && a.value instanceof Date) {
-          s.value.valueAsDate = a.value;
+        if (["date", "time", "datetime-local"].includes(u.value) && a.value instanceof Date) {
+          const y = Math.round(a.value.getTime() / 6e4) * 6e4;
+          s.value.valueAsNumber = y - Ge, e.update(new Date(y));
           return;
         }
         s.value.value = a.value ?? null;
       }
-    }), (w, v) => (i(), y("input", {
+    }), (y, _) => (o(), b("input", {
       id: l(e).id,
       ref: "$inputRef",
       name: n.value,
-      checked: o.value,
+      checked: i.value,
       type: u.value,
       required: l(e).required ?? void 0,
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: p
-    }, null, 40, ia));
+    }, null, 40, ya));
   }
-}), Rt = /* @__PURE__ */ h({
+}), Pt = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "HeadlessInputDescription",
   setup(t) {
-    const s = I(
+    const s = 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) => $(n.$slots, "default", {
+    return (n, a) => w(n.$slots, "default", {
       id: `${l(s).id}-description`
     }, () => [
-      r.value ? (i(), f(z, V({ key: 0 }, n.$attrs, {
+      r.value ? (o(), f(R, V({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
       }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
-}), oa = ["id"], ye = /* @__PURE__ */ h({
+}), _a = ["id"], _e = /* @__PURE__ */ g({
   __name: "HeadlessInputError",
   setup(t) {
-    const s = I("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? k(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
-    return (r, n) => e.value ? (i(), y("p", {
+    const s = H("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (o(), b("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, oa)) : M("", !0);
+    }, x(e.value), 9, _a)) : M("", !0);
   }
-}), ua = {
+}), wa = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ca = /* @__PURE__ */ h({
+}, $a = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -2637,65 +2675,71 @@ const aa = /* @__PURE__ */ h({
     description: {},
     modelValue: {},
     inputClass: {},
-    wrapperClass: {}
+    wrapperClass: {},
+    descriptionClass: {},
+    errorClass: {}
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var o, p, g;
-      return H(
+    const s = O(t, ["label", "inputClass", "wrapperClass", "descriptionClass", "errorClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => k("mt-2 text-sm text-gray-600", t.descriptionClass)), i = c(() => k("mt-2 text-sm text-red-600", t.errorClass)), p = c(() => {
+      var h, y, _;
+      return k(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
-          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
+          "focus:ring-primary-600": !((h = e.value) != null && h.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((y = e.value) != null && y.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (_ = e.value) == null ? void 0 : _.errors
         },
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (h, y) => (o(), f(Be, V({
       ref: "$inputRef",
-      label: o.label,
+      label: h.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      "onUpdate:modelValue": y[0] || (y[0] = (_) => h.$emit("update:modelValue", _))
     }), {
       default: m(() => {
-        var g;
+        var _;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          b("div", {
-            class: C(a.value)
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          v("div", {
+            class: $(a.value)
           }, [
-            d(Lt, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", ua, [
+            d(qt, V(l(r), { class: p.value }), null, 16, ["class"]),
+            (_ = e.value) != null && _.errors ? (o(), b("div", wa, [
               d(l(De), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          d(Pt, {
+            class: $(u.value)
+          }, null, 8, ["class"]),
+          d(_e, {
+            class: $(i.value)
+          }, null, 8, ["class"])
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-function Al(t, s = {}) {
+function Yl(t, s = {}) {
   return {
     default: t,
     type: "boolean",
     rules: s.rules
   };
 }
-function Pl(t, s = {}) {
+function eo(t, s = {}) {
   return {
     default: t,
     type: "date",
     rules: s.rules
   };
 }
-function Dl(t, s, e = {}) {
+function to(t, s, e = {}) {
   return {
     default: s,
     type: "enum",
@@ -2703,21 +2747,21 @@ function Dl(t, s, e = {}) {
     values: t
   };
 }
-function jl(t) {
+function so(t) {
   return {
     default: t,
     type: "boolean",
     rules: "required"
   };
 }
-function Bl(t) {
+function ro(t) {
   return {
     default: t,
     type: "date",
     rules: "required"
   };
 }
-function Fl(t, s) {
+function no(t, s) {
   return {
     default: s,
     type: "enum",
@@ -2725,55 +2769,55 @@ function Fl(t, s) {
     values: t
   };
 }
-function Ul(t) {
+function ao(t) {
   return {
     default: t,
     type: "number",
     rules: "required"
   };
 }
-function Ol(t) {
+function lo(t) {
   return {
     default: t,
     type: "object",
     rules: "required"
   };
 }
-function da(t) {
+function xa(t) {
   return {
     default: t,
     type: "string",
     rules: "required"
   };
 }
-function Nl(t, s = {}) {
+function oo(t, s = {}) {
   return {
     default: t,
     type: "number",
     rules: s.rules
   };
 }
-function Wl(t, s = {}) {
+function io(t, s = {}) {
   return {
     default: t,
     type: "object",
     rules: s.rules
   };
 }
-function Kl(t, s = {}) {
+function uo(t, s = {}) {
   return {
     default: t,
     type: "string",
     rules: s.rules
   };
 }
-function pa(t) {
-  const s = mt({
-    draft: da(t.defaultValue ?? "")
-  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? k("ui.accept", "Ok")), a = c(() => t.cancelText ?? k("ui.cancel", "Cancel"));
+function Ca(t) {
+  const s = gt({
+    draft: xa(t.defaultValue ?? "")
+  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
   return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
 }
-const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h({
+const ka = { class: "mt-4 flex flex-row-reverse gap-2" }, Sa = /* @__PURE__ */ g({
   __name: "PromptModal",
   props: {
     title: {},
@@ -2788,29 +2832,29 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
   },
   emits: ["close"],
   setup(t, { expose: s }) {
-    const e = K(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: o } = pa(e);
-    return s(), (p, g) => (i(), f(re, {
+    const e = O(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: u, renderedCancelText: i } = Ca(e);
+    return s(), (p, h) => (o(), f(ne, {
       title: l(n),
       persistent: ""
     }, {
-      default: m(({ close: w }) => [
-        d(Vt, {
+      default: m(({ close: y }) => [
+        d(zt, {
           form: l(r),
-          onSubmit: (v) => w(l(r).draft)
+          onSubmit: (_) => y(l(r).draft)
         }, {
           default: m(() => [
-            l(a) ? (i(), f(z, {
+            l(a) ? (o(), f(R, {
               key: 0,
               text: l(a)
             }, null, 8, ["text"])) : M("", !0),
-            d(ca, {
+            d($a, {
               name: "draft",
               class: "mt-2",
               placeholder: p.placeholder,
               label: p.label
             }, null, 8, ["placeholder", "label"]),
-            b("div", ma, [
-              d(R, {
+            v("div", ka, [
+              d(z, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
@@ -2819,12 +2863,12 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              d(R, {
+              d(z, {
                 variant: p.cancelVariant,
-                onClick: (v) => w()
+                onClick: (_) => y()
               }, {
                 default: m(() => [
-                  L(x(l(o)), 1)
+                  L(x(l(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2836,65 +2880,65 @@ const ma = { class: "mt-4 flex flex-row-reverse gap-2" }, fa = /* @__PURE__ */ h
       _: 1
     }, 8, ["title"]));
   }
-}), ha = {
+}), Ta = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ga(t, s) {
-  return i(), y("svg", ha, s[0] || (s[0] = [
-    b("path", {
+function Ma(t, s) {
+  return o(), b("svg", Ta, s[0] || (s[0] = [
+    v("path", {
       fill: "currentColor",
       d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
     }, null, -1)
   ]));
 }
-const va = E({ name: "material-symbols-bug-report", render: ga }), ba = {
+const Ea = I({ name: "material-symbols-bug-report", render: Ma }), Va = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ya(t, s) {
-  return i(), y("svg", ba, s[0] || (s[0] = [
-    b("path", {
+function Ha(t, s) {
+  return o(), b("svg", Va, s[0] || (s[0] = [
+    v("path", {
       fill: "currentColor",
       d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
     }, null, -1)
   ]));
 }
-const wa = E({ name: "material-symbols-delete-forever-rounded", render: ya }), $a = {
+const La = I({ name: "material-symbols-delete-forever-rounded", render: Ha }), Ia = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function _a(t, s) {
-  return i(), y("svg", $a, s[0] || (s[0] = [
-    b("path", {
+function za(t, s) {
+  return o(), b("svg", Ia, s[0] || (s[0] = [
+    v("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 xa = E({ name: "material-symbols-frame-inspect", render: _a }), Ca = {
+const Ra = I({ name: "material-symbols-frame-inspect", render: za }), qa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ka(t, s) {
-  return i(), y("svg", Ca, s[0] || (s[0] = [
-    b("path", {
+function Pa(t, s) {
+  return o(), b("svg", qa, s[0] || (s[0] = [
+    v("path", {
       fill: "currentColor",
       d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
     }, null, -1)
   ]));
 }
-const Sa = E({ name: "material-symbols-refresh-rounded", render: ka }), Ta = { class: "grid grow place-items-center" }, Ma = { class: "flex flex-col items-center p-8" }, Ha = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Va = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Ea = /* @__PURE__ */ h({
+const Aa = I({ name: "material-symbols-refresh-rounded", render: Pa }), Da = { class: "grid grow place-items-center" }, Ba = { class: "flex flex-col items-center p-8" }, ja = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Fa = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, Oa = /* @__PURE__ */ g({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
       await P.confirm(
-        k("startupCrash.purgeConfirmTitle", "Delete everything?"),
-        k(
+        S("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        S(
           "startupCrash.purgeConfirmMessage",
           `If the problem persists, one drastic solution may be to wipe the storage in this device to start from scratch. However, keep in mind that **all the data that you haven't synchronized will be deleted forever**.
 
@@ -2902,60 +2946,60 @@ Do you still want to proceed?`
         ),
         {
           acceptVariant: "danger",
-          acceptText: k("startupCrash.purgeConfirmAccept", "Purge device")
+          acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
         }
-      ) && (await ht.purge(), await A.reload());
+      ) && (await bt.purge(), await q.reload());
     }
     return (e, r) => {
-      const n = Wt("i-majesticons-exclamation");
-      return i(), y("div", Ta, [
-        b("div", Ma, [
+      const n = Jt("i-majesticons-exclamation");
+      return o(), b("div", Da, [
+        v("div", Ba, [
           d(n, { class: "size-20 text-red-600" }),
-          b("h1", Ha, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
-          d(z, {
+          v("h1", ja, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          d(R, {
             text: e.$td(
               "startupCrash.message",
               "There was a problem starting the application, but here's some things you can do:"
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          b("div", Va, [
-            d(R, {
+          v("div", Fa, [
+            d(z, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
               default: m(() => [
-                d(l(Sa)),
+                d(l(Aa)),
                 L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            d(z, {
               variant: "danger",
               onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
             }, {
               default: m(() => [
-                d(l(va)),
+                d(l(Ea)),
                 L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            d(z, {
               variant: "danger",
               onClick: r[2] || (r[2] = (a) => s())
             }, {
               default: m(() => [
-                d(l(wa)),
+                d(l(La)),
                 L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
-            d(R, {
+            d(z, {
               variant: "danger",
               onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
             }, {
               default: m(() => [
-                d(l(xa)),
+                d(l(Ra)),
                 L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
@@ -2965,13 +3009,13 @@ Do you still want to proceed?`
       ]);
     };
   }
-}), zt = /* @__PURE__ */ h({
+}), At = /* @__PURE__ */ g({
   __name: "HeadlessToastAction",
   props: {
     action: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(G(s.action.dismiss ? l(Ds) : "button"), {
+    return (s, e) => (o(), f(ee(s.action.dismiss ? l(Fs) : "button"), {
       type: "button",
       onClick: s.action.click
     }, {
@@ -2981,7 +3025,7 @@ Do you still want to proceed?`
       _: 1
     }, 8, ["onClick"]));
   }
-}), La = { key: 0 }, Ra = /* @__PURE__ */ h({
+}), Ua = { key: 0 }, Na = /* @__PURE__ */ g({
   __name: "HeadlessToast",
   props: {
     message: {},
@@ -2989,11 +3033,11 @@ Do you still want to proceed?`
     variant: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(l(js), null, {
+    return (s, e) => (o(), f(l(Os), null, {
       default: m(() => [
-        $(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, {
+        w(s.$slots, "default", {}, () => [
+          s.message ? (o(), b("span", Ua, x(s.message), 1)) : M("", !0),
+          (o(!0), b(A, null, B(s.actions, (r, n) => (o(), f(At, {
             key: n,
             action: r
           }, null, 8, ["action"]))), 128))
@@ -3002,7 +3046,7 @@ Do you still want to proceed?`
       _: 3
     }));
   }
-}), za = /* @__PURE__ */ h({
+}), Wa = /* @__PURE__ */ g({
   __name: "Toast",
   props: {
     message: {},
@@ -3011,7 +3055,7 @@ Do you still want to proceed?`
     class: {}
   },
   setup(t, { expose: s }) {
-    const e = c(() => dt(
+    const e = c(() => ft(
       { baseClasses: t.class, variant: t.variant },
       {
         baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
@@ -3027,98 +3071,98 @@ Do you still want to proceed?`
         }
       }
     ));
-    return s(), (r, n) => (i(), f(Ra, {
-      class: C(e.value)
+    return s(), (r, n) => (o(), f(Na, {
+      class: $(e.value)
     }, {
       default: m(() => [
-        r.message ? (i(), f(z, {
+        r.message ? (o(), f(R, {
           key: 0,
           text: r.message,
           inline: ""
         }, null, 8, ["text"])) : M("", !0),
-        (i(!0), y(D, null, U(r.actions, (a, u) => (i(), f(R, {
+        (o(!0), b(A, null, B(r.actions, (a, u) => (o(), f(z, {
           key: u,
           action: a,
           variant: r.variant,
-          as: zt
+          as: At
         }, null, 8, ["action", "variant"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Ia = { $ui: P }, qa = {
+}), Ka = { $ui: P }, Qa = {
   async install(t, s) {
     const e = {
-      "alert-modal": gn,
-      "confirm-modal": xn,
-      "error-report-modal": Xn,
-      "loading-modal": aa,
-      "prompt-modal": fa,
-      "startup-crash": Ea,
-      toast: za,
+      "alert-modal": Mn,
+      "confirm-modal": Rn,
+      "error-report-modal": ua,
+      "loading-modal": va,
+      "prompt-modal": Sa,
+      "startup-crash": Oa,
+      toast: Wa,
       ...s.components
     };
     for (const [r, n] of Object.entries(e))
       P.registerComponent(r, n);
-    await ke(t, Ia);
+    await Te(t, Ka);
   }
 };
-async function Aa(t, s = {}) {
+async function Za(t, s = {}) {
   var r;
-  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");
+  const e = [gn, Lr, hn, en, qr, Qa, ...s.plugins ?? []];
+  q.instance = t, await mr(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await F.emit("application-ready");
 }
-async function Ql(t, s = {}) {
+async function co(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");
+  const e = Gt(t);
+  J() && (window.$aerogel = e), await Za(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await F.emit("application-mounted");
 }
-const Pa = /* @__PURE__ */ h({
+const Ja = /* @__PURE__ */ g({
   __name: "AppToasts",
   setup(t) {
-    return (s, e) => (i(), f(l(Bs), null, {
+    return (s, e) => (o(), f(l(Us), null, {
       default: m(() => [
-        (i(!0), y(D, null, U(s.$ui.toasts, (r) => (i(), f(G(r.component), V({
+        (o(!0), b(A, null, B(s.$ui.toasts, (r) => (o(), f(ee(r.component), V({
           id: r.id,
           key: r.id
         }, { ref_for: !0 }, r.properties), null, 16, ["id"]))), 128)),
-        d(l(Fs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+        d(l(Ns), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
       ]),
       _: 1
     }));
   }
-}), Da = /* @__PURE__ */ h({
+}), Ga = /* @__PURE__ */ g({
   __name: "AppOverlays",
   setup(t) {
-    return (s, e) => (i(), y(D, null, [
-      d(l(vs), { nested: "" }),
-      d(Pa)
+    return (s, e) => (o(), b(A, null, [
+      d(l(ws), { nested: "" }),
+      d(Ja)
     ], 64));
   }
-}), ja = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Jl = /* @__PURE__ */ h({
+}), Xa = { class: "text-primary-text flex min-h-full flex-col text-base leading-tight font-normal antialiased" }, po = /* @__PURE__ */ g({
   __name: "AppLayout",
   setup(t) {
-    return (s, e) => (i(), y("div", ja, [
-      s.$errors.hasStartupErrors ? $(s.$slots, "startup-crash", { key: 0 }, () => [
-        (i(), f(G(s.$ui.requireComponent("startup-crash"))))
-      ]) : $(s.$slots, "default", { key: 1 }),
-      d(Da)
+    return (s, e) => (o(), b("div", Xa, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (o(), f(ee(s.$ui.requireComponent("startup-crash"))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      d(Ga)
     ]));
   }
-}), Ba = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Fa = /* @__PURE__ */ h({
+}), Ya = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], el = /* @__PURE__ */ g({
   __name: "HeadlessInputTextArea",
   setup(t) {
-    const s = ee("$textAreaRef"), e = I(
+    const s = te("$textAreaRef"), e = H(
       "input",
       "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
     ), r = c(() => e.name ?? void 0), n = c(() => e.value);
     function a() {
       s.value && e.update(s.value.value);
     }
-    return pt(e, () => {
+    return ht(e, () => {
       var u;
       return (u = s.value) == null ? void 0 : u.focus();
-    }), (u, o) => (i(), y("textarea", {
+    }), (u, i) => (o(), b("textarea", {
       id: l(e).id,
       ref: "$textAreaRef",
       name: r.value,
@@ -3127,37 +3171,51 @@ const Pa = /* @__PURE__ */ h({
       "aria-invalid": l(e).errors ? "true" : "false",
       "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
       onInput: a
-    }, null, 40, Ba));
+    }, null, 40, Ya));
   }
-}), 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({
+}), tl = { class: "group" }, sl = /* @__PURE__ */ g({
   __name: "Details",
   props: {
-    label: {}
+    label: { default: () => {
+    } },
+    contentClass: {},
+    summaryClass: {}
   },
   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, x(s.label), 1)
-      ]),
-      b("div", Na, [
-        $(s.$slots, "default")
-      ])
+    const s = c(() => k("pt-2 pl-4", t.contentClass)), e = c(() => k(
+      "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 max-w-full",
+      "hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700",
+      t.summaryClass
+    ));
+    return (r, n) => (o(), b("details", tl, [
+      v("summary", {
+        class: $(e.value)
+      }, [
+        d(l(Rt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        w(r.$slots, "label", {}, () => [
+          v("span", null, x(r.label ?? r.$td("ui.details", "Details")), 1)
+        ])
+      ], 2),
+      v("div", {
+        class: $(s.value)
+      }, [
+        w(r.$slots, "default")
+      ], 2)
     ]));
   }
-}), Zl = /* @__PURE__ */ h({
+}), mo = /* @__PURE__ */ g({
   __name: "AdvancedOptions",
   setup(t) {
-    return (s, e) => (i(), f(Wa, {
+    return (s, e) => (o(), f(sl, {
       label: s.$td("ui.advancedOptions", "Advanced options")
     }, {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["label"]));
   }
-}), Ka = { class: "flex h-6 items-center" }, Xl = /* @__PURE__ */ h({
+}), rl = { class: "flex h-6 items-center" }, fo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -3170,53 +3228,197 @@ const Pa = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative flex items-start", n.value)), u = c(() => {
-      var p, g;
-      return H(
+    const s = O(t, ["inputClass", "labelClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => k("relative flex items-start", n.value)), u = c(() => {
+      var p, h;
+      return k(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
           "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
-          "border-red-400 border-2 focus:ring-red-600": (g = e.value) == null ? void 0 : g.errors
+          "border-red-400 border-2 focus:ring-red-600": (h = e.value) == null ? void 0 : h.errors
         },
         t.inputClass
       );
-    }), o = c(() => H("ml-2 text-sm leading-6", t.labelClass));
-    return (p, g) => (i(), f(je, V({
+    }), i = c(() => k("ml-2 text-sm leading-6", t.labelClass));
+    return (p, h) => (o(), f(Be, V({
       ref: "$inputRef",
       class: a.value
     }, s, {
-      "onUpdate:modelValue": g[0] || (g[0] = (w) => p.$emit("update:modelValue", w))
+      "onUpdate:modelValue": h[0] || (h[0] = (y) => p.$emit("update:modelValue", y))
     }), {
       default: m(() => [
-        b("div", Ka, [
-          d(Lt, V(l(r), {
+        v("div", rl, [
+          d(qt, V(l(r), {
             type: "checkbox",
             class: u.value
           }), null, 16, ["class"])
         ]),
-        p.$slots.default ? (i(), y("div", {
+        p.$slots.default ? (o(), b("div", {
           key: 0,
-          class: C(o.value)
+          class: $(i.value)
         }, [
-          d(be, { class: "text-gray-900" }, {
+          d(ye, { class: "text-gray-900" }, {
             default: m(() => [
-              $(p.$slots, "default")
+              w(p.$slots, "default")
             ]),
             _: 3
           }),
-          d(ye, { class: "text-red-600" })
-        ], 2)) : p.label ? (i(), y("div", {
+          d(_e, { class: "text-red-600" })
+        ], 2)) : p.label ? (o(), b("div", {
           key: 1,
-          class: C(o.value)
+          class: $(i.value)
         }, [
-          d(be, { class: "text-gray-900" }),
-          d(ye, { class: "text-red-600" })
+          d(ye, { class: "text-gray-900" }),
+          d(_e, { class: "text-red-600" })
         ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qa = /* @__PURE__ */ h({
+}), nl = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center gap-2 truncate rounded-md 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" }, al = /* @__PURE__ */ g({
+  __name: "ComboboxOption",
+  props: {
+    textValue: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = H("select", "<ComboboxOption> must be a child of a <Combobox>"), e = c(() => {
+      var n;
+      const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
+      return r ? r.label : D(t.value);
+    });
+    return (r, n) => (o(), f(l(Ws), V(r.$props, { class: "group p-1 outline-none" }), {
+      default: m(() => [
+        v("div", nl, x(e.value), 1)
+      ]),
+      _: 1
+    }, 16));
+  }
+}), ll = { class: "relative flex max-w-[calc(100vw-2rem)] items-center gap-2 truncate rounded-md px-2 py-1 text-sm select-none *:truncate" }, ol = /* @__PURE__ */ g({
+  __name: "ComboboxOptions",
+  setup(t) {
+    const s = H("select", "<ComboboxOptions> must be a child of a <Combobox>"), e = k(
+      "max-h-(--reka-combobox-content-available-height) min-w-(--reka-combobox-trigger-width)",
+      "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden"
+    );
+    return (r, n) => (o(), f(l(Ks), null, {
+      default: m(() => [
+        d(l(Qs), {
+          position: "popper",
+          align: l(s).align,
+          side: l(s).side,
+          "side-offset": 4,
+          class: $(l(e))
+        }, {
+          default: m(() => [
+            d(l(Zs), null, {
+              default: m(() => [
+                d(l(Js), { class: "group p-1 outline-none" }, {
+                  default: m(() => [
+                    v("div", ll, x(r.$td("ui.comboboxEmpty", "No options found")), 1)
+                  ]),
+                  _: 1
+                }),
+                d(l(Gs), null, {
+                  default: m(() => [
+                    (o(!0), b(A, null, B(l(s).options ?? [], (a) => (o(), f(al, {
+                      key: a.key,
+                      value: a.value
+                    }, null, 8, ["value"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["align", "side", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), il = /* @__PURE__ */ g({
+  __name: "ComboboxTrigger",
+  setup(t) {
+    const s = H("select", "<ComboboxTrigger> must be a child of a <Combobox>"), e = c(() => k(
+      // eslint-disable-next-line vue/max-len
+      "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
+      {
+        "mt-1": s.label,
+        "focus:ring-primary-600": !s.errors,
+        "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !s.errors,
+        "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": s.errors
+      }
+    ));
+    return (r, n) => (o(), f(l(Xs), null, {
+      default: m(() => [
+        d(l(Ys), {
+          id: l(s).id,
+          placeholder: l(s).placeholder,
+          class: $(e.value)
+        }, null, 8, ["id", "placeholder", "class"])
+      ]),
+      _: 1
+    }));
+  }
+}), ul = /* @__PURE__ */ g({
+  __name: "ComboboxLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = H("select", "<ComboboxLabel> must be a child of a <Combobox>"), e = xe(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (o(), f(l(dt), V({
+      key: 0,
+      for: l(s).id
+    }, n.$props, { class: "block text-sm leading-6 font-medium text-gray-900" }), {
+      default: m(() => [
+        w(n.$slots, "default", {}, () => [
+          L(x(l(s).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for"])) : M("", !0);
+  }
+}), ho = /* @__PURE__ */ g({
+  __name: "Combobox",
+  props: {
+    as: { default: "div" },
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    compareOptions: { type: Function, default: (t, s) => t === s },
+    labelClass: {},
+    optionsClass: {},
+    align: {},
+    side: {},
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = O(t, ["as", "compareOptions"]), { expose: a, acceptableValue: u, update: i } = Ct({ as: t.as, compareOptions: t.compareOptions, ...n }, r);
+    return s(a), (p, h) => (o(), f(l(er), {
+      "open-on-focus": "",
+      "model-value": l(u),
+      by: p.compareOptions,
+      "onUpdate:modelValue": h[0] || (h[0] = (y) => l(i)(y))
+    }, {
+      default: m(() => [
+        d(ul),
+        d(il),
+        d(ol)
+      ]),
+      _: 1
+    }, 8, ["model-value", "by"]));
+  }
+}), cl = /* @__PURE__ */ g({
   __name: "DropdownMenuOption",
   props: {
     class: {},
@@ -3225,37 +3427,37 @@ const Pa = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => H(
+    const s = O(t, ["class"]), e = c(() => k(
       "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
       t.class
     ));
-    return (r, n) => (i(), f(l(Us), V({ class: e.value }, s, {
+    return (r, n) => (o(), f(l(tr), V({ class: e.value }, s, {
       onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
     }), {
       default: m(() => [
-        $(r.$slots, "default")
+        w(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ja = /* @__PURE__ */ h({
+}), dl = /* @__PURE__ */ g({
   __name: "DropdownMenuOptions",
   setup(t) {
-    const s = I(
+    const s = H(
       "dropdown-menu",
       "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
     );
-    return (e, r) => (i(), f(l(Os), {
+    return (e, r) => (o(), f(l(sr), {
       class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
       align: l(s).align,
       side: l(s).side
     }, {
       default: m(() => [
-        $(e.$slots, "default", {}, () => [
-          (i(!0), y(D, null, U(l(s).options, (n, a) => (i(), f(Qa, V(
+        w(e.$slots, "default", {}, () => [
+          (o(!0), b(A, null, B(l(s).options, (n, a) => (o(), f(cl, V(
             {
               key: a,
-              as: n.route || n.href ? wt : void 0,
+              as: n.route || n.href ? xt : void 0,
               class: n.class
             },
             { ref_for: !0 },
@@ -3267,8 +3469,8 @@ const Pa = /* @__PURE__ */ h({
             } : {},
             {
               onSelect: (u) => {
-                var o;
-                return (o = n.click) == null ? void 0 : o.call(n);
+                var i;
+                return (i = n.click) == null ? void 0 : i.call(n);
               }
             }
           ), {
@@ -3282,7 +3484,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }, 8, ["align", "side"]));
   }
-}), Yl = /* @__PURE__ */ h({
+}), go = /* @__PURE__ */ g({
   __name: "DropdownMenu",
   props: {
     align: {},
@@ -3298,18 +3500,18 @@ const Pa = /* @__PURE__ */ h({
         return (r = t.options) == null ? void 0 : r.filter(Boolean);
       })
     };
-    return de("dropdown-menu", e), s(e), (r, n) => (i(), f(l(Ns), null, {
+    return ce("dropdown-menu", e), s(e), (r, n) => (o(), f(l(rr), null, {
       default: m(() => [
-        d(l(Ws), null, {
+        d(l(nr), null, {
           default: m(() => [
-            $(r.$slots, "default")
+            w(r.$slots, "default")
           ]),
           _: 3
         }),
-        d(l(Ks), null, {
+        d(l(ar), null, {
           default: m(() => [
-            $(r.$slots, "options", {}, () => [
-              d(Ja)
+            w(r.$slots, "options", {}, () => [
+              d(dl)
             ])
           ]),
           _: 3
@@ -3318,7 +3520,7 @@ const Pa = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), Za = ["aria-hidden"], Xa = ["tabindex", "aria-label", "type"], Gl = /* @__PURE__ */ h({
+}), pl = ["aria-hidden"], ml = ["tabindex", "aria-label", "type"], vo = /* @__PURE__ */ g({
   __name: "EditableContent",
   props: {
     type: { default: "text" },
@@ -3331,106 +3533,106 @@ const Pa = /* @__PURE__ */ h({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => H("inline whitespace-pre", t.contentClass)), o = c(() => H("invisible whitespace-pre", t.contentClass)), p = c(() => H("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
-    function g() {
+    const e = s, r = te("$inputRef"), n = W(null), a = W(t.text), u = c(() => k("inline whitespace-pre", t.contentClass)), i = c(() => k("invisible whitespace-pre", t.contentClass)), p = c(() => k("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function h() {
       n.value = t.text;
     }
-    function w() {
+    function y() {
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
-    return Y(() => a.value = t.text), (v, S) => (i(), y("div", {
-      class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+    return Y(() => a.value = t.text), (_, E) => (o(), b("div", {
+      class: $(["relative", { "pointer-events-none!": _.disabled && !n.value }])
     }, [
-      n.value ? (i(), y("span", {
+      n.value ? (o(), b("span", {
         key: 1,
-        class: C(o.value)
-      }, x(a.value), 3)) : (i(), y("div", {
+        class: $(i.value)
+      }, x(a.value), 3)) : (o(), b("div", {
         key: 0,
-        class: C(u.value)
+        class: $(u.value)
       }, [
-        $(v.$slots, "default")
+        w(_.$slots, "default")
       ], 2)),
-      v.type === "number" ? (i(), y("span", {
+      _.type === "number" ? (o(), b("span", {
         key: 2,
-        class: C(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+        class: $(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
       }, null, 2)) : M("", !0),
-      b("form", {
+      v("form", {
         class: "w-full",
-        "aria-hidden": v.formAriaHidden,
-        onSubmit: S[4] || (S[4] = st((q) => {
-          var pe;
-          return (pe = r.value) == null ? void 0 : pe.blur();
+        "aria-hidden": _.formAriaHidden,
+        onSubmit: E[4] || (E[4] = nt((U) => {
+          var Q;
+          return (Q = r.value) == null ? void 0 : Q.blur();
         }, ["prevent"]))
       }, [
-        rt(b("input", {
+        at(v("input", {
           ref: "$inputRef",
-          "onUpdate:modelValue": S[0] || (S[0] = (q) => a.value = q),
-          tabindex: v.tabindex ?? void 0,
-          "aria-label": v.ariaLabel ?? void 0,
-          type: v.type,
-          class: C([
+          "onUpdate:modelValue": E[0] || (E[0] = (U) => a.value = U),
+          tabindex: _.tabindex ?? void 0,
+          "aria-label": _.ariaLabel ?? void 0,
+          type: _.type,
+          class: $([
             p.value,
-            { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && _.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) => w())
-        }, null, 42, Xa), [
-          [Qt, a.value]
+          onKeyup: E[1] || (E[1] = (U) => _.$emit("update", a.value)),
+          onFocus: E[2] || (E[2] = (U) => h()),
+          onBlur: E[3] || (E[3] = (U) => y())
+        }, null, 42, ml), [
+          [Xt, a.value]
         ])
-      ], 40, Za)
+      ], 40, pl)
     ], 2));
   }
-}), Ya = {
+}), fl = {
   viewBox: "0 0 512 512",
   width: "1.2em",
   height: "1.2em"
 };
-function Ga(t, s) {
-  return i(), y("svg", Ya, s[0] || (s[0] = [
-    b("path", {
+function hl(t, s) {
+  return o(), b("svg", fl, s[0] || (s[0] = [
+    v("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 el = E({ name: "ion-warning", render: Ga }), tl = {
+const gl = I({ name: "ion-warning", render: hl }), vl = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function sl(t, s) {
-  return i(), y("svg", tl, s[0] || (s[0] = [
-    b("path", {
+function bl(t, s) {
+  return o(), b("svg", vl, s[0] || (s[0] = [
+    v("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 rl = E({ name: "zondicons-view-show", render: sl }), nl = { class: "font-medium" }, al = ["datetime"], ll = /* @__PURE__ */ h({
+const yl = I({ name: "zondicons-view-show", render: bl }), _l = { class: "font-medium" }, wl = ["datetime"], $l = /* @__PURE__ */ g({
   __name: "ErrorLogsModal",
   setup(t) {
-    return (s, e) => (i(), f(re, {
+    return (s, e) => (o(), f(ne, {
       title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
     }, {
       default: m(() => [
-        b("ol", null, [
-          (i(!0), y(D, null, U(s.$errors.logs, (r, n) => (i(), y("li", {
+        v("ol", null, [
+          (o(!0), b(A, null, B(s.$errors.logs, (r, n) => (o(), b("li", {
             key: n,
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
-            b("div", null, [
-              b("h3", nl, x(r.report.title), 1),
-              b("time", {
+            v("div", null, [
+              v("h3", _l, x(r.report.title), 1),
+              v("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, al),
-              d(z, {
+              }, x(r.date.toLocaleTimeString()), 9, wl),
+              d(R, {
                 class: "text-sm text-gray-500",
-                text: r.report.description ?? l(Ht)(r.report)
+                text: r.report.description ?? l(It)(r.report)
               }, null, 8, ["text"])
             ]),
-            d(R, {
+            d(z, {
               size: "icon",
               variant: "ghost",
               "aria-label": s.$td("errors.viewDetails", "View details"),
@@ -3442,7 +3644,7 @@ const rl = E({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
               )
             }, {
               default: m(() => [
-                d(l(rl), {
+                d(l(yl), {
                   class: "size-4",
                   "aria-hidden": "true"
                 })
@@ -3455,36 +3657,36 @@ const rl = E({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
       _: 1
     }, 8, ["title"]));
   }
-}), ei = /* @__PURE__ */ h({
+}), bo = /* @__PURE__ */ g({
   __name: "ErrorLogs",
   setup(t) {
-    return (s, e) => s.$errors.logs.length > 0 ? (i(), f(R, {
+    return (s, e) => s.$errors.logs.length > 0 ? (o(), f(z, {
       key: 0,
       size: "icon",
       variant: "ghost",
       title: s.$td("errors.viewLogs", "View error logs"),
       "aria-label": s.$td("errors.viewLogs", "View error logs"),
-      onClick: e[0] || (e[0] = (r) => s.$ui.modal(ll))
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal($l))
     }, {
       default: m(() => [
-        d(l(el), { class: "size-6 text-red-500" })
+        d(l(gl), { class: "size-6 text-red-500" })
       ]),
       _: 1
     }, 8, ["title", "aria-label"])) : M("", !0);
   }
-}), ti = /* @__PURE__ */ h({
+}), yo = /* @__PURE__ */ g({
   __name: "ErrorMessage",
   props: {
     error: {}
   },
   setup(t) {
-    const s = c(() => Ht(t.error));
-    return (e, r) => (i(), f(z, {
+    const s = c(() => It(t.error));
+    return (e, r) => (o(), f(R, {
       text: s.value,
       inline: ""
     }, null, 8, ["text"]));
   }
-}), si = /* @__PURE__ */ h({
+}), _o = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     class: {},
@@ -3499,30 +3701,31 @@ const rl = E({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
     as: {}
   },
   setup(t) {
-    return (s, e) => (i(), f(R, V({ variant: "link" }, s.$props), {
+    return (s, e) => (o(), f(z, V({ variant: "link" }, s.$props), {
       default: m(() => [
-        $(s.$slots, "default")
+        w(s.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ri = /* @__PURE__ */ h({
+}), wo = /* @__PURE__ */ g({
   __name: "SettingsModal",
   setup(t) {
-    const s = c(() => as(A.settings, "priority", "desc"));
-    return (e, r) => (i(), f(re, {
-      title: e.$td("settings.title", "Settings")
+    const s = c(() => us(q.settings, "priority", "desc"));
+    return (e, r) => (o(), f(ne, {
+      title: e.$td("settings.title", "Settings"),
+      "fullscreen-on-mobile": e.$app.settingsFullscreenOnMobile
     }, {
       default: m(() => [
-        (i(!0), y(D, null, U(s.value, (n, a) => (i(), f(G(n.component), { key: a }))), 128))
+        (o(!0), b(A, null, B(s.value, (n, a) => (o(), f(ee(n.component), { key: a }))), 128))
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "fullscreen-on-mobile"]));
   }
-}), il = {
+}), xl = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
-}, ni = /* @__PURE__ */ h({
+}, $o = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -3535,70 +3738,70 @@ const rl = E({ name: "zondicons-view-show", render: sl }), nl = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Ae(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
-      var o, p, g;
-      return H(
+    const s = O(t, ["label", "inputClass", "wrapperClass"]), e = te("$inputRef"), [r, n] = Pe(), a = c(() => k("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+      var i, p, h;
+      return k(
         // eslint-disable-next-line vue/max-len
         "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
         {
-          "focus:ring-primary-600": !((o = e.value) != null && o.errors),
+          "focus:ring-primary-600": !((i = e.value) != null && i.errors),
           "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((p = e.value) != null && p.errors),
-          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (g = e.value) == null ? void 0 : g.errors
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (h = e.value) == null ? void 0 : h.errors
         },
         t.inputClass
       );
     });
-    return (o, p) => (i(), f(je, V({
+    return (i, p) => (o(), f(Be, V({
       ref: "$inputRef",
-      label: o.label,
+      label: i.label,
       class: l(n)
     }, s, {
-      "onUpdate:modelValue": p[0] || (p[0] = (g) => o.$emit("update:modelValue", g))
+      "onUpdate:modelValue": p[0] || (p[0] = (h) => i.$emit("update:modelValue", h))
     }), {
       default: m(() => {
-        var g;
+        var h;
         return [
-          d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
-          b("div", {
-            class: C(a.value)
+          d(ye, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          v("div", {
+            class: $(a.value)
           }, [
-            d(Fa, V(l(r), { class: u.value }), null, 16, ["class"]),
-            (g = e.value) != null && g.errors ? (i(), y("div", il, [
+            d(el, V(l(r), { class: u.value }), null, 16, ["class"]),
+            (h = e.value) != null && h.errors ? (o(), b("div", xl, [
               d(l(De), { class: "size-5 text-red-500" })
             ])) : M("", !0)
           ], 2),
-          d(Rt, { class: "mt-2 text-sm text-gray-600" }),
-          d(ye, { class: "mt-2 text-sm text-red-600" })
+          d(Pt, { class: "mt-2 text-sm text-gray-600" }),
+          d(_e, { class: "mt-2 text-sm text-red-600" })
         ];
       }),
       _: 1
     }, 16, ["label", "class"]));
   }
 });
-class ai {
+class xo {
   constructor() {
-    _(this, "status");
-    _(this, "_listeners");
-    _(this, "_progress");
-    _(this, "_cancelled");
-    _(this, "_started");
-    _(this, "_completed");
-    this.status = this.getInitialStatus(), this._listeners = new ls(), this._started = new Q(), this._completed = new Q();
+    C(this, "status");
+    C(this, "_listeners");
+    C(this, "_progress");
+    C(this, "_cancelled");
+    C(this, "_started");
+    C(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new cs(), this._started = new Z(), this._completed = new Z();
   }
   async start() {
     this.beforeStart(), this._started.resolve();
     try {
       await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
     } catch (s) {
-      if (s instanceof Ge)
+      if (s instanceof tt)
         return;
-      throw te(is(s), (e) => {
+      throw se(ds(s), (e) => {
         this._completed.reject(e);
       });
     }
   }
   async cancel() {
-    this._cancelled = new Q(), await this._cancelled;
+    this._cancelled = new Z(), await this._cancelled;
   }
   serialize() {
     return this.serializeStatus(this.status);
@@ -3633,10 +3836,10 @@ class ai {
   }
   assertNotCancelled() {
     if (this._cancelled)
-      throw this._cancelled.resolve(), new Ge();
+      throw this._cancelled.resolve(), new tt();
   }
   calculateCurrentProgress(s) {
-    return s ?? (s = this.status), s.completed ? 1 : s.children ? os(
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? ps(
       s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
       2
     ) : 0;
@@ -3650,156 +3853,164 @@ class ai {
     return { ...s };
   }
 }
-async function li(t) {
+async function Co(t) {
   await t.start();
 }
 export {
-  Zl as AdvancedOptions,
-  gn as AlertModal,
-  A as App,
-  Jl as AppLayout,
-  Da as AppOverlays,
-  er as AppService,
-  Pa as AppToasts,
-  R as Button,
-  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,
-  ei as ErrorLogs,
-  ll as ErrorLogsModal,
-  ti as ErrorMessage,
-  Xn as ErrorReportModal,
-  Fn as ErrorReportModalButtons,
-  Un as ErrorReportModalTitle,
-  yt as Errors,
-  _l as EventListenerPriorities,
+  mo as AdvancedOptions,
+  Mn as AlertModal,
+  q as App,
+  po as AppLayout,
+  Ga as AppOverlays,
+  pr as AppService,
+  Ja as AppToasts,
+  z as Button,
+  Jl as Cache,
+  Ir as CacheService,
+  fo as Checkbox,
+  ho as Combobox,
+  ul as ComboboxLabel,
+  al as ComboboxOption,
+  ol as ComboboxOptions,
+  il as ComboboxTrigger,
+  Rn as ConfirmModal,
+  sl as Details,
+  go as DropdownMenu,
+  cl as DropdownMenuOption,
+  dl as DropdownMenuOptions,
+  vo as EditableContent,
+  bo as ErrorLogs,
+  $l as ErrorLogsModal,
+  yo as ErrorMessage,
+  ua as ErrorReportModal,
+  ea as ErrorReportModalButtons,
+  ta as ErrorReportModalTitle,
+  $t as Errors,
+  Al as EventListenerPriorities,
   F as Events,
-  Ys as EventsService,
-  Vt as Form,
-  cr as FormController,
-  wt as HeadlessButton,
-  je as HeadlessInput,
-  Rt as HeadlessInputDescription,
-  ye as HeadlessInputError,
-  Lt as HeadlessInputInput,
-  be as HeadlessInputLabel,
-  Fa as HeadlessInputTextArea,
-  ln as HeadlessModal,
-  on as HeadlessModalContent,
-  un as HeadlessModalDescription,
-  cn as HeadlessModalOverlay,
-  dn as HeadlessModalTitle,
-  Lr as HeadlessSelect,
-  Xe as HeadlessSelectLabel,
-  xt as HeadlessSelectOption,
-  Ct as HeadlessSelectOptions,
-  _t as HeadlessSelectTrigger,
-  $t as HeadlessSelectValue,
-  Qr as HeadlessSwitch,
-  Ra as HeadlessToast,
-  ca as Input,
-  ai as Job,
-  Ge as JobCancelledError,
-  Z as Lang,
-  ve as Layouts,
-  si as Link,
-  aa as LoadingModal,
-  gt as MOBILE_BREAKPOINT,
-  z as Markdown,
-  re as Modal,
-  ui as ModalComponent,
-  ci as ModalsPortal,
-  ra as ProgressBar,
-  fa as PromptModal,
-  qr as Select,
-  kt as SelectLabel,
-  Ye as SelectOption,
-  St as SelectOptions,
-  Tt as SelectTrigger,
-  Ce as Service,
-  Ee as ServiceBootError,
-  Wr as Setting,
-  ri as SettingsModal,
-  Ea as StartupCrash,
-  ht as Storage,
-  Jr as Switch,
-  ni as TextArea,
-  za as Toast,
+  cr as EventsService,
+  zt as Form,
+  $r as FormController,
+  xt as HeadlessButton,
+  Be as HeadlessInput,
+  Pt as HeadlessInputDescription,
+  _e as HeadlessInputError,
+  qt as HeadlessInputInput,
+  ye as HeadlessInputLabel,
+  el as HeadlessInputTextArea,
+  _n as HeadlessModal,
+  wn as HeadlessModalContent,
+  $n as HeadlessModalDescription,
+  xn as HeadlessModalOverlay,
+  Cn as HeadlessModalTitle,
+  Nr as HeadlessSelect,
+  Ye as HeadlessSelectLabel,
+  Tt as HeadlessSelectOption,
+  Mt as HeadlessSelectOptions,
+  St as HeadlessSelectTrigger,
+  kt as HeadlessSelectValue,
+  on as HeadlessSwitch,
+  Na as HeadlessToast,
+  $a as Input,
+  xo as Job,
+  tt as JobCancelledError,
+  Ge as LOCAL_TIMEZONE_OFFSET,
+  G as Lang,
+  be as Layouts,
+  _o as Link,
+  va as LoadingModal,
+  Er as MINUTE_MILLISECONDS,
+  yt as MOBILE_BREAKPOINT,
+  R as Markdown,
+  ne as Modal,
+  To as ModalComponent,
+  Mo as ModalsPortal,
+  ha as ProgressBar,
+  Sa as PromptModal,
+  Zr as Select,
+  Et as SelectLabel,
+  et as SelectOption,
+  Vt as SelectOptions,
+  Ht as SelectTrigger,
+  Se as Service,
+  Le as ServiceBootError,
+  an as Setting,
+  wo as SettingsModal,
+  Oa as StartupCrash,
+  bt as Storage,
+  un as Switch,
+  $o as TextArea,
+  Wa as Toast,
   P as UI,
-  kr as UIService,
-  Ml as __valueType,
-  br as aerogelDirectives,
-  Qs as appNamespace,
-  Al as booleanInput,
-  ke as bootServices,
-  Ql as bootstrap,
-  Aa as bootstrapApplication,
-  H as classes,
-  di as closeModal,
-  El as computedAsync,
-  Ll as computedDebounce,
-  pi as createModal,
-  Pl as dateInput,
-  kl as defineDirective,
-  Tl as defineFormValidationRule,
-  Cl as definePlugin,
-  xe as defineServiceState,
-  Xs as defineServiceStore,
-  xl as defineSettings,
-  li as dispatch,
-  Dl as enumInput,
-  vt as getCurrentLayout,
-  Ht as getErrorMessage,
-  hr as getMarkdownRouter,
-  Zs as getPiniaStore,
-  Er as hasSelectOptionLabel,
-  mi as injectModal,
-  nr as injectOrFail,
-  rr as injectReactive,
-  I as injectReactiveOrFail,
-  tr as installPlugins,
-  fi as modals,
-  Nl as numberInput,
-  Wl as objectInput,
-  Hl as onCleanMounted,
-  pt as onFormFocus,
-  Vl as persistent,
-  dr as reactiveSet,
-  ql as registerErrorHandler,
-  gr as renderMarkdown,
-  ct as renderVNode,
-  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,
-  Rl as setMarkdownRouter,
-  hi as showModal,
-  Kl as stringInput,
-  bt as translate,
-  k as translateWithDefault,
-  hn as useAlertModal,
-  vn as useConfirmModal,
-  On as useErrorReportModal,
-  Sl as useEvent,
-  mt as useForm,
-  Ae as useInputAttrs,
-  na as useLoadingModal,
-  Pe as useModal,
-  pa as usePromptModal,
-  ur as validate,
-  or as validateType,
-  he as validators,
-  dt as variantClasses
+  Ar as UIService,
+  Ul as __valueType,
+  Hr as aerogelDirectives,
+  lr as appNamespace,
+  Yl as booleanInput,
+  Te as bootServices,
+  co as bootstrap,
+  Za as bootstrapApplication,
+  k as classes,
+  Eo as closeModal,
+  Kl as computedAsync,
+  Ql as computedDebounce,
+  Vo as createModal,
+  eo as dateInput,
+  jl as defineDirective,
+  Ol as defineFormValidationRule,
+  Bl as definePlugin,
+  ke as defineServiceState,
+  ur as defineServiceStore,
+  Dl as defineSettings,
+  Co as dispatch,
+  to as enumInput,
+  _t as getCurrentLayout,
+  It as getErrorMessage,
+  Tr as getMarkdownRouter,
+  ir as getPiniaStore,
+  Ur as hasSelectOptionLabel,
+  Ho as injectModal,
+  gr as injectOrFail,
+  hr as injectReactive,
+  H as injectReactiveOrFail,
+  mr as installPlugins,
+  Lo as modals,
+  oo as numberInput,
+  io as objectInput,
+  Nl as onCleanMounted,
+  ht as onFormFocus,
+  Wl as persistent,
+  xr as reactiveSet,
+  Xl as registerErrorHandler,
+  Mr as renderMarkdown,
+  mt as renderVNode,
+  Gl as replaceExisting,
+  so as requiredBooleanInput,
+  ro as requiredDateInput,
+  no as requiredEnumInput,
+  ao as requiredNumberInput,
+  lo as requiredObjectInput,
+  xa as requiredStringInput,
+  or as resetPiniaStore,
+  vt as safeHtml,
+  Zl as setMarkdownRouter,
+  Io as showModal,
+  uo as stringInput,
+  wt as translate,
+  S as translateWithDefault,
+  Tn as useAlertModal,
+  En as useConfirmModal,
+  sa as useErrorReportModal,
+  Fl as useEvent,
+  gt as useForm,
+  Pe as useInputAttrs,
+  ga as useLoadingModal,
+  Ae as useModal,
+  Ca as usePromptModal,
+  Ct as useSelect,
+  wr as validate,
+  _r as validateType,
+  ge as validators,
+  ft as variantClasses
 };
 //# sourceMappingURL=aerogel-core.js.map