@aerogel/core 0.0.0-next.b58141fee5d2fe7d25debdbca6b1d2bf1c13e48e → 0.0.0-next.b656a964404fbde17d9cce7668722596098e47fd

package/dist/aerogel-core.js

@@ -0,0 +1,3119 @@
+var vt = Object.defineProperty;
+var bt = (t, s, e) => s in t ? vt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => bt(t, typeof s != "symbol" ? s + "" : s, e);
+import { Comment as yt, Text as _t, Static as wt, inject as ae, reactive as ie, markRaw as Pe, nextTick as Be, defineComponent as g, useAttrs as De, useSlots as Se, computed as p, createBlock as h, openBlock as l, h as $t, unref as i, mergeProps as T, withCtx as f, renderSlot as w, createPropsRestProxy as Y, onUnmounted as ue, onMounted as xt, watch as ke, toRaw as Ct, ref as H, watchEffect as de, createVNode as m, normalizeProps as ne, guardReactiveProps as oe, createTextVNode as R, toDisplayString as $, normalizeClass as L, createElementBlock as v, Fragment as D, renderList as F, readonly as Me, provide as pe, resolveDynamicComponent as O, createCommentVNode as M, createElementVNode as y, toRef as Te, useTemplateRef as Ee, withModifiers as qe, withDirectives as Fe, vModelCheckbox as St, normalizeStyle as kt, createApp as Mt, vModelText as Et } from "vue";
+import { JSError as me, tap as Z, MagicObject as Ue, PromisedValue as K, Storage as U, objectOnly as te, arrayFrom as Ne, isEmpty as ve, objectDeepClone as Lt, fail as J, facade as G, arrayRemove as _e, getEnv as Ht, updateLocationQueryParameters as Vt, forever as Pt, toString as B, isDevelopment as X, isTesting as Le, after as Ie, uuid as re, required as Tt, isObject as we, objectWithoutEmpty as Oe, stringMatchAll as It, isInstanceOf as At, objectWithout as Rt, noop as zt, debounce as jt, value as Bt, stringExcerpt as Dt, arraySorted as qt, ListenersManager as Ft, toError as Ut, round as Nt } from "@noeldemartin/utils";
+import N from "virtual:aerogel";
+import { createPinia as Ot, setActivePinia as Wt, defineStore as Kt } from "pinia";
+import Jt from "dompurify";
+import { marked as Qt, Renderer as Ae } from "marked";
+import { Primitive as Zt, SelectValue as Gt, SelectTrigger as Xt, SelectIcon as Yt, SelectItem as es, SelectItemText as ts, SelectPortal as ss, SelectContent as rs, SelectViewport as as, SelectRoot as ns, Label as os, DialogRoot as ls, DialogPortal as is, DialogContent as cs, DialogOverlay as us, DialogTitle as ds, ToastClose as ps, ToastRoot as ms, ToastProvider as fs, ToastViewport as hs, DropdownMenuRoot as gs, DropdownMenuTrigger as vs, DropdownMenuPortal as bs, DropdownMenuContent as ys, DropdownMenuItem as _s } from "reka-ui";
+import ws from "clsx";
+import { cva as $s } from "class-variance-authority";
+import { twMerge as xs } from "tailwind-merge";
+class $e extends me {
+  constructor(s, e) {
+    super(`Service '${s}' failed booting`, { cause: e });
+  }
+}
+let He = null;
+function We() {
+  return He ?? Cs();
+}
+function Cs() {
+  return Z(Ot(), (t) => {
+    He = t, Wt(t);
+  });
+}
+function Ss() {
+  return He ?? We();
+}
+function ks(t, s) {
+  return We(), Kt(t, s)();
+}
+function fe(t) {
+  var s;
+  return s = class extends he {
+    usesStore() {
+      return !0;
+    }
+    getName() {
+      return t.name ?? null;
+    }
+    getInitialState() {
+      return typeof t.initialState == "function" ? t.initialState() : Object.entries(t.initialState).reduce((e, [r, a]) => {
+        try {
+          a = structuredClone(a);
+        } catch {
+          console.warn(
+            `Could not clone '${r}' state from ${this.getName()} service, this may cause problems if you're using multiple instances of the service (for example, in unit tests).
+To fix this problem, declare your initialState as a function instead.`
+          );
+        }
+        return e[r] = a, e;
+      }, {});
+    }
+    getComputedStateDefinition() {
+      return t.computed ?? {};
+    }
+    getStateWatchers() {
+      return t.watch ?? {};
+    }
+    serializePersistedState(e) {
+      var r;
+      return ((r = t.serialize) == null ? void 0 : r.call(t, e)) ?? e;
+    }
+    deserializePersistedState(e) {
+      var r;
+      return ((r = t.restore) == null ? void 0 : r.call(t, e)) ?? e;
+    }
+  }, _(s, "persist", t.persist ?? []), s;
+}
+var ye;
+let he = (ye = class extends Ue {
+  constructor() {
+    super();
+    _(this, "_name");
+    _(this, "_booted");
+    _(this, "_computedStateKeys");
+    _(this, "_watchers");
+    _(this, "_store");
+    const e = this.getComputedStateDefinition();
+    this._name = this.getName() ?? new.target.name, this._booted = new K(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && ks(this._name, {
+      state: () => this.getInitialState(),
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      getters: e
+    });
+  }
+  get booted() {
+    return this._booted;
+  }
+  static(e) {
+    return super.static(e);
+  }
+  launch() {
+    const e = (r) => this._booted.reject(new $e(this._name, r));
+    try {
+      this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
+    } catch (r) {
+      e(r);
+    }
+    return this._booted;
+  }
+  hasPersistedState() {
+    return U.has(this._name);
+  }
+  hasState(e) {
+    return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
+  }
+  getState(e) {
+    const r = this._store;
+    return e ? r ? r[e] : void 0 : r || {};
+  }
+  setState(e, r) {
+    if (!this._store)
+      return;
+    const a = typeof e == "string" ? { [e]: r } : e, n = te(this._store.$state, Object.keys(a));
+    Object.assign(this._store.$state, a), this.onStateUpdated(a, n);
+  }
+  updatePersistedState(e) {
+    if (!this._store)
+      return;
+    const r = Ne(e), a = te(this._store.$state, r);
+    ve(a) || this.onPersistentStateUpdated(a);
+  }
+  __get(e) {
+    return this.hasState(e) ? this.getState(e) : super.__get(e);
+  }
+  __set(e, r) {
+    this.setState({ [e]: r });
+  }
+  onStateUpdated(e, r) {
+    const a = te(e, this.static("persist"));
+    ve(a) || this.onPersistentStateUpdated(a);
+    for (const n in e) {
+      const o = this._watchers[n];
+      !o || e[n] === r[n] || o.call(this, e[n], r[n]);
+    }
+  }
+  onPersistentStateUpdated(e) {
+    const r = U.get(this._name);
+    r && U.set(this._name, {
+      ...r,
+      ...this.serializePersistedState(Lt(e))
+    });
+  }
+  usesStore() {
+    return !1;
+  }
+  getName() {
+    return null;
+  }
+  getInitialState() {
+    return {};
+  }
+  getComputedStateDefinition() {
+    return {};
+  }
+  getStateWatchers() {
+    return {};
+  }
+  serializePersistedState(e) {
+    return e;
+  }
+  deserializePersistedState(e) {
+    return e;
+  }
+  async frameworkBoot() {
+    this.restorePersistedState();
+  }
+  async boot() {
+  }
+  restorePersistedState() {
+    if (!(!this.usesStore() || ve(this.static("persist")))) {
+      if (U.has(this._name)) {
+        const e = U.require(this._name);
+        this.setState(this.deserializePersistedState(e));
+        return;
+      }
+      U.set(this._name, te(this.getState(), this.static("persist")));
+    }
+  }
+  requireStore() {
+    return this._store ? this._store : J(`Failed getting '${this._name}' store`);
+  }
+}, _(ye, "persist", []), ye);
+const pn = {
+  Low: -256,
+  Default: 0,
+  High: 256
+};
+class Ms extends he {
+  constructor() {
+    super(...arguments);
+    _(this, "listeners", {});
+  }
+  async boot() {
+    Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => this.on(e, r));
+  }
+  async emit(e, r) {
+    var n;
+    const a = this.listeners[e] ?? { priorities: [], handlers: {} };
+    for (const o of a.priorities)
+      await Promise.all(((n = a.handlers[o]) == null ? void 0 : n.map((c) => c(r))) ?? []);
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  on(e, r, a) {
+    const n = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, o = typeof r == "function" ? r : a;
+    return this.registerListener(e, n, o), () => this.off(e, o);
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  once(e, r, a) {
+    let n = null;
+    const o = typeof r == "function" ? {} : r, c = typeof r == "function" ? r : a;
+    return Z(
+      () => n && this.off(e, n),
+      (u) => {
+        n = (...d) => (u(), c(...d)), this.registerListener(e, o, c);
+      }
+    );
+  }
+  off(e, r) {
+    var o;
+    const a = this.listeners[e];
+    if (!a)
+      return;
+    const n = [...a.priorities];
+    for (const c of n)
+      _e(a.handlers[c] ?? [], r), ((o = a.handlers[c]) == null ? void 0 : o.length) === 0 && (delete a.handlers[c], _e(a.priorities, c));
+    a.priorities.length === 0 && delete this.listeners[e];
+  }
+  registerListener(e, r, a) {
+    var u, d, b;
+    const n = r.priority ?? 0;
+    e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
+    const o = ((u = this.listeners[e]) == null ? void 0 : u.priorities) ?? J(`priorities missing for event '${e}'`), c = ((d = this.listeners[e]) == null ? void 0 : d.handlers) ?? J(`handlers missing for event '${e}'`);
+    o.includes(n) || (o.push(n), o.sort((x, S) => S - x), c[n] = []), (b = c[n]) == null || b.push(a);
+  }
+}
+const k = G(Ms);
+function mn(t) {
+  return t;
+}
+const Es = fe({
+  name: "app",
+  initialState: {
+    plugins: {},
+    instance: null,
+    environment: Ht() ?? "development",
+    version: N.version,
+    sourceUrl: N.sourceUrl,
+    settings: []
+  },
+  computed: {
+    development: (t) => t.environment === "development",
+    staging: (t) => t.environment === "staging",
+    testing: (t) => t.environment === "test" || t.environment === "testing",
+    versionName(t) {
+      return this.development ? "dev." + N.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + N.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+    },
+    versionUrl(t) {
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${N.sourceHash}` : `/releases/tag/${this.versionName}`);
+    }
+  }
+});
+class Ls extends Es {
+  constructor() {
+    super(...arguments);
+    _(this, "name", N.name);
+    _(this, "ready", new K());
+    _(this, "mounted", new K());
+  }
+  isReady() {
+    return this.ready.isResolved();
+  }
+  isMounted() {
+    return this.mounted.isResolved();
+  }
+  async whenReady(e) {
+    return await this.ready.then(e);
+  }
+  async reload(e) {
+    e && Vt(e), location.reload(), await Pt();
+  }
+  plugin(e) {
+    return this.plugins[e] ?? null;
+  }
+  service(e) {
+    var r;
+    return ((r = this.instance) == null ? void 0 : r.config.globalProperties[e]) ?? null;
+  }
+  async boot() {
+    k.once("application-ready", () => this.ready.resolve()), k.once("application-mounted", () => this.mounted.resolve());
+  }
+}
+const j = G(Ls);
+function fn(t) {
+  return t;
+}
+async function Hs(t, ...s) {
+  j.setState(
+    "plugins",
+    t.reduce(
+      (e, r) => (r.name && (e[r.name] = r), e),
+      {}
+    )
+  ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
+}
+function Vs(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+}
+function hn(t) {
+  return t;
+}
+function Ps(t) {
+  const s = ae(t);
+  return s ? ie(s) : void 0;
+}
+function V(t, s) {
+  return Ps(t) ?? J(s ?? `Could not resolve '${B(t)}' injection key`);
+}
+function gn(t, s) {
+  return ae(t) ?? J(s ?? `Could not resolve '${B(t)}' injection key`);
+}
+function Ke(t) {
+  return typeof t == "string" ? t : t.type === yt ? "" : t.type === _t || t.type === wt ? t.children : t.type === "br" ? `
+
+` : `<${t.type} ${Vs(t)}>${Array.from(t.children).map(Ke).join("")}</${t.type}>`;
+}
+const be = /* @__PURE__ */ new WeakMap(), Ts = {
+  mounted(t, { value: s }) {
+    const e = typeof s == "function" ? s : null, r = () => {
+      const a = t.getBoundingClientRect();
+      t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`), e == null || e({ width: a.width, height: a.height });
+    };
+    be.set(t, Z(new ResizeObserver(r)).observe(t)), r();
+  },
+  unmounted(t) {
+    var s;
+    (s = be.get(t)) == null || s.unobserve(t), be.delete(t);
+  }
+}, Is = {
+  measure: Ts
+}, As = {
+  install(t, s) {
+    const e = {
+      ...Is,
+      ...s.directives
+    };
+    for (const [r, a] of Object.entries(e))
+      t.directive(r, a);
+  }
+};
+class Rs extends he {
+  constructor() {
+    super(...arguments);
+    _(this, "cache");
+  }
+  async get(e) {
+    return await (await this.open()).match(e) ?? null;
+  }
+  async store(e, r) {
+    await (await this.open()).put(e, r);
+  }
+  async replace(e, r) {
+    const a = await this.open();
+    (await a.keys(e)).length !== 0 && await a.put(e, r);
+  }
+  async open() {
+    return this.cache = this.cache ?? Z(new K(), (e) => {
+      caches.open("app").then((r) => e.resolve(r));
+    });
+  }
+}
+const vn = G(Rs);
+class zs extends he {
+  async purge() {
+    await k.emit("purge-storage");
+  }
+}
+const js = G(zs);
+function bn(t, s) {
+  return {
+    ...t,
+    ...te(s, Object.keys(t))
+  };
+}
+const Bs = {
+  $app: j,
+  $events: k,
+  $storage: js
+};
+async function ge(t, s) {
+  await Promise.all(
+    Object.entries(s).map(async ([e, r]) => {
+      await r.launch().catch((a) => {
+        var n, o;
+        return (o = (n = t.config).errorHandler) == null ? void 0 : o.call(n, a, null, `Failed launching ${e}.`);
+      });
+    })
+  ), Object.assign(t.config.globalProperties, s), (X() || Le()) && Object.assign(globalThis, s);
+}
+const Ds = {
+  async install(t, s) {
+    const e = {
+      ...Bs,
+      ...s.services
+    };
+    t.use(Ss()), j.settings.push(...s.settings ?? []), await ge(t, e);
+  }
+}, Je = 768, ce = {
+  Mobile: "mobile",
+  Desktop: "desktop"
+};
+function Qe() {
+  return globalThis.innerWidth > Je ? ce.Desktop : ce.Mobile;
+}
+const qs = fe({
+  name: "ui",
+  initialState: {
+    modals: [],
+    toasts: [],
+    layout: Qe()
+  },
+  computed: {
+    mobile: ({ layout: t }) => t === ce.Mobile,
+    desktop: ({ layout: t }) => t === ce.Desktop
+  }
+}), E = {
+  AlertModal: "alert-modal",
+  ConfirmModal: "confirm-modal",
+  ErrorReportModal: "error-report-modal",
+  LoadingModal: "loading-modal",
+  PromptModal: "prompt-modal",
+  Toast: "toast",
+  StartupCrash: "startup-crash"
+};
+class Fs extends qs {
+  constructor() {
+    super(...arguments);
+    _(this, "modalCallbacks", {});
+    _(this, "components", {});
+  }
+  requireComponent(e) {
+    return this.components[e] ?? J(`UI Component '${e}' is not defined!`);
+  }
+  alert(e, r) {
+    const a = () => typeof r != "string" ? { message: e } : {
+      title: e,
+      message: r
+    };
+    this.openModal(
+      this.requireComponent(E.AlertModal),
+      a()
+    );
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  async confirm(e, r, a) {
+    const o = typeof r != "string" ? {
+      ...r ?? {},
+      message: e,
+      required: !!(r != null && r.required)
+    } : {
+      ...a ?? {},
+      title: e,
+      message: r,
+      required: !!(a != null && a.required)
+    }, u = await (await this.openModal(
+      this.requireComponent(E.ConfirmModal),
+      o
+    )).beforeClose, d = typeof u == "object" ? u[0] : u ?? !1, b = typeof u == "object" ? u[1] : Object.entries(o.checkboxes ?? {}).reduce(
+      (x, [S, { default: W }]) => ({
+        [S]: W ?? !1,
+        ...x
+      }),
+      {}
+    );
+    for (const [x, S] of Object.entries(o.checkboxes ?? {}))
+      if (!(!S.required || b[x]))
+        return d && X() && console.warn(`Confirmed confirm modal was suppressed because required '${x}' checkbox was missing`), [!1, b];
+    return "checkboxes" in o ? [d, b] : d;
+  }
+  async prompt(e, r, a) {
+    const n = (a == null ? void 0 : a.trim) ?? !0, o = () => typeof r != "string" ? {
+      message: e,
+      ...r ?? {}
+    } : {
+      title: e,
+      message: r,
+      ...a ?? {}
+    }, u = await (await this.openModal(
+      this.requireComponent(E.PromptModal),
+      o()
+    )).beforeClose;
+    return (n && typeof u == "string" ? u == null ? void 0 : u.trim() : u) ?? null;
+  }
+  async loading(e, r) {
+    const a = (d) => typeof d == "function" ? Promise.resolve(d()) : d, n = () => typeof e == "string" ? {
+      props: { message: e },
+      operationPromise: a(r)
+    } : typeof e == "function" || e instanceof Promise ? { operationPromise: a(e) } : {
+      props: e,
+      operationPromise: a(r)
+    }, { operationPromise: o, props: c } = n(), u = await this.openModal(this.requireComponent(E.LoadingModal), c);
+    try {
+      const d = await o;
+      return await Ie({ ms: 500 }), d;
+    } finally {
+      await this.closeModal(u.id);
+    }
+  }
+  toast(e, r = {}) {
+    const { component: a, ...n } = r, o = {
+      id: re(),
+      properties: { message: e, ...n },
+      component: Pe(a ?? this.requireComponent(E.Toast))
+    };
+    this.setState("toasts", this.toasts.concat(o));
+  }
+  registerComponent(e, r) {
+    this.components[e] = r;
+  }
+  async openModal(e, r) {
+    const a = re(), n = {}, o = {
+      id: a,
+      properties: r ?? {},
+      component: Pe(e),
+      beforeClose: new Promise((d) => n.willClose = d),
+      afterClose: new Promise((d) => n.closed = d)
+    }, c = this.modals.at(-1), u = this.modals.concat(o);
+    return this.modalCallbacks[o.id] = n, this.setState({ modals: u }), await Be(), await (c && k.emit("hide-modal", { id: c.id })), await Promise.all([
+      c || k.emit("show-overlays-backdrop"),
+      k.emit("show-modal", { id: o.id })
+    ]), o;
+  }
+  async closeModal(e, r) {
+    if (!j.isMounted()) {
+      await this.removeModal(e, r);
+      return;
+    }
+    await k.emit("close-modal", { id: e, result: r });
+  }
+  async closeAllModals() {
+    for (; this.modals.length > 0; )
+      await this.closeModal(Tt(this.modals[this.modals.length - 1]).id);
+  }
+  async boot() {
+    this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
+  }
+  async removeModal(e, r) {
+    var n, o;
+    this.setState(
+      "modals",
+      this.modals.filter((c) => c.id !== e)
+    ), (o = (n = this.modalCallbacks[e]) == null ? void 0 : n.closed) == null || o.call(n, r), delete this.modalCallbacks[e];
+    const a = this.modals.at(-1);
+    await (a && k.emit("show-modal", { id: a.id }));
+  }
+  watchModalEvents() {
+    k.on("modal-will-close", ({ modal: e, result: r }) => {
+      var a, n;
+      (n = (a = this.modalCallbacks[e.id]) == null ? void 0 : a.willClose) == null || n.call(a, r), this.modals.length === 1 && k.emit("hide-overlays-backdrop");
+    }), k.on("modal-closed", async ({ modal: { id: e }, result: r }) => {
+      await this.removeModal(e, r);
+    });
+  }
+  watchMountedEvent() {
+    k.once("application-mounted", async () => {
+      if (!globalThis.document || !globalThis.getComputedStyle)
+        return;
+      const e = globalThis.document.getElementById("splash");
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await Ie({ ms: 600 })), e.remove());
+    });
+  }
+  watchViewportBreakpoints() {
+    if (!globalThis.matchMedia)
+      return;
+    globalThis.matchMedia(`(min-width: ${Je}px)`).addEventListener("change", () => this.setState({ layout: Qe() }));
+  }
+}
+const A = G(Fs);
+class Us {
+  constructor(s, e) {
+    this.locale = s, this.fallbackLocale = e;
+  }
+  getLocale() {
+    return this.locale;
+  }
+  async setLocale(s) {
+    this.locale = s;
+  }
+  getFallbackLocale() {
+    return this.fallbackLocale;
+  }
+  async setFallbackLocale(s) {
+    this.fallbackLocale = s;
+  }
+  getLocales() {
+    return ["en"];
+  }
+  translate(s) {
+    return X() && console.warn("Lang provider is missing"), s;
+  }
+  translateWithDefault(s, e) {
+    return X() && console.warn("Lang provider is missing"), e;
+  }
+}
+const Ns = fe({
+  name: "lang",
+  persist: ["locale", "fallbackLocale"],
+  initialState: {
+    locale: null,
+    locales: ["en"],
+    fallbackLocale: "en"
+  }
+});
+class Os extends Ns {
+  constructor() {
+    super();
+    _(this, "provider");
+    this.provider = new Us(
+      this.getState("locale") ?? this.getBrowserLocale(),
+      this.getState("fallbackLocale")
+    );
+  }
+  async setProvider(e) {
+    this.provider = e, this.locales = e.getLocales(), await e.setLocale(this.locale ?? this.getBrowserLocale()), await e.setFallbackLocale(this.fallbackLocale);
+  }
+  translate(e, r) {
+    return this.provider.translate(e, r) ?? e;
+  }
+  translateWithDefault(e, r, a = {}) {
+    return this.provider.translateWithDefault(e, r, a);
+  }
+  getBrowserLocale() {
+    const e = this.getState("locales");
+    return navigator.languages.find((r) => e.includes(r)) ?? "en";
+  }
+  async boot() {
+    globalThis.document && this.requireStore().$subscribe(
+      async () => {
+        var e, r;
+        await this.provider.setLocale(this.locale ?? this.getBrowserLocale()), await this.provider.setFallbackLocale(this.fallbackLocale), this.locale ? (e = document.querySelector("html")) == null || e.setAttribute("lang", this.locale) : (r = document.querySelector("html")) == null || r.removeAttribute("lang");
+      },
+      { immediate: !0 }
+    );
+  }
+}
+const Q = G(Os), Ze = Q.translate.bind(Q), C = Q.translateWithDefault.bind(Q), Ws = fe({
+  name: "errors",
+  initialState: {
+    logs: [],
+    startupErrors: []
+  },
+  computed: {
+    hasErrors: ({ logs: t }) => t.length > 0,
+    hasNewErrors: ({ logs: t }) => t.some((s) => !s.seen),
+    hasStartupErrors: ({ startupErrors: t }) => t.length > 0
+  }
+});
+class Ks extends Ws {
+  constructor() {
+    super(...arguments);
+    _(this, "forceReporting", !1);
+    _(this, "enabled", !0);
+  }
+  enable() {
+    this.enabled = !0;
+  }
+  disable() {
+    this.enabled = !1;
+  }
+  async inspect(e) {
+    const r = Array.isArray(e) ? e : [await this.createErrorReport(e)];
+    if (r.length === 0) {
+      A.alert(C("errors.inspectEmpty", "Nothing to inspect!"));
+      return;
+    }
+    A.openModal(A.requireComponent(E.ErrorReportModal), {
+      reports: r
+    });
+  }
+  async report(e, r) {
+    if (await k.emit("error", { error: e, message: r }), Le("unit") || (X() && this.logError(e), !this.enabled))
+      throw e;
+    if (!j.isMounted()) {
+      const o = await this.createStartupErrorReport(e);
+      o && this.setState({ startupErrors: this.startupErrors.concat(o) });
+      return;
+    }
+    const a = await this.createErrorReport(e), n = {
+      report: a,
+      seen: !1,
+      date: /* @__PURE__ */ new Date()
+    };
+    A.toast(
+      r ?? C("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+      {
+        variant: "danger",
+        actions: [
+          {
+            label: C("errors.viewDetails", "View details"),
+            dismiss: !0,
+            click: () => A.openModal(
+              A.requireComponent(E.ErrorReportModal),
+              { reports: [a] }
+            )
+          }
+        ]
+      }
+    ), this.setState({ logs: [n].concat(this.logs) });
+  }
+  see(e) {
+    this.setState({
+      logs: this.logs.map((r) => r.report !== e ? r : {
+        ...r,
+        seen: !0
+      })
+    });
+  }
+  seeAll() {
+    this.setState({
+      logs: this.logs.map((e) => ({
+        ...e,
+        seen: !0
+      }))
+    });
+  }
+  logError(e) {
+    console.error(e), we(e) && e.cause && this.logError(e.cause);
+  }
+  async createErrorReport(e) {
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof me ? this.createErrorReportFromError(e) : we(e) ? Oe({
+      title: B(
+        e.name ?? e.title ?? C("errors.unknown", "Unknown Error")
+      ),
+      description: B(
+        e.message ?? e.description ?? C("errors.unknownDescription", "Unknown error object")
+      ),
+      error: e
+    }) : {
+      title: C("errors.unknown", "Unknown Error"),
+      error: e
+    };
+  }
+  async createStartupErrorReport(e) {
+    return e instanceof $e ? e.cause instanceof $e ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+  }
+  createErrorReportFromError(e, r = {}) {
+    return {
+      title: e.name,
+      description: e.message,
+      details: e.stack,
+      error: e,
+      ...r
+    };
+  }
+}
+const Ge = G(Ks), Xe = [];
+function yn(t) {
+  Xe.push(t);
+}
+function Js(t) {
+  for (const s of Xe) {
+    const e = s(t);
+    if (e)
+      return e;
+  }
+  return typeof t == "string" ? t : t instanceof Error || t instanceof me ? t.message : we(t) ? B(t.message ?? t.description ?? "Unknown error object") : C("errors.unknown", "Unknown Error");
+}
+class Re extends me {
+}
+const Qs = { $errors: Ge }, Zs = (t) => (Ge.report(t), !0);
+function Gs(t, s = () => !1) {
+  const e = (r) => s(r) || Zs(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, a, n, o, c) => e(c ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+}
+const Xs = {
+  async install(t, s) {
+    Gs(t, s.handleError), await ge(t, Qs);
+  }
+};
+function Ys() {
+  return Z(new Ae(), (t) => {
+    t.link = function(s) {
+      return Ae.prototype.link.apply(this, [s]).replace("<a", '<a target="_blank"');
+    };
+  });
+}
+function er(t) {
+  const s = It(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, a] of s)
+    t = t.replace(e, `<button type="button" data-markdown-action="${r}">${a}</button>`);
+  return t;
+}
+function tr(t) {
+  let s = Qt(t, { renderer: Ys(), async: !1 });
+  return s = sr(s), s = er(s), s;
+}
+function sr(t) {
+  return Jt.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const z = /* @__PURE__ */ g({
+  __name: "Markdown",
+  props: {
+    as: {},
+    inline: { type: Boolean },
+    langKey: {},
+    langParams: {},
+    langDefault: {},
+    text: {},
+    actions: {}
+  },
+  setup(t) {
+    const s = De(), e = Se(), r = p(() => e.default ? e.default().map(Ke).join("") : t.text ?? (t.langKey && (t.langDefault ? C(t.langKey, t.langDefault, t.langParams ?? {}) : Ze(t.langKey, t.langParams ?? {})))), a = p(() => {
+      if (!r.value)
+        return null;
+      let c = tr(r.value);
+      return t.inline && (c = c.replace("<p>", "<span>").replace("</p>", "</span>")), c;
+    }), n = () => $t(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: a.value,
+      onClick: o,
+      ...s,
+      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function o(c) {
+      var d, b;
+      const { target: u } = c;
+      if (At(u, HTMLElement) && u.dataset.markdownAction) {
+        (b = (d = t.actions) == null ? void 0 : d[u.dataset.markdownAction]) == null || b.call(d);
+        return;
+      }
+    }
+    return (c, u) => (l(), h(n));
+  }
+}), rr = /* @__PURE__ */ g({
+  __name: "HeadlessButton",
+  props: {
+    class: {},
+    disabled: { type: Boolean },
+    href: {},
+    route: {},
+    routeParams: {},
+    routeQuery: {},
+    size: {},
+    submit: { type: Boolean },
+    variant: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = p(() => t.as ? { as: t.as } : t.route ? {
+      as: "router-link",
+      to: Oe({
+        name: t.route,
+        params: t.routeParams,
+        query: t.routeQuery
+      })
+    } : t.href ? {
+      as: "a",
+      target: "_blank",
+      href: t.href
+    } : {
+      as: "button",
+      type: t.submit ? "submit" : "button"
+    });
+    return (e, r) => (l(), h(i(Zt), T({
+      class: t.class,
+      "as-child": e.asChild,
+      disabled: e.disabled
+    }, s.value), {
+      default: f(() => [
+        w(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "as-child", "disabled"]));
+  }
+});
+function Ye(t, s) {
+  return p(() => {
+    const { baseClasses: e, ...r } = t, { baseClasses: a, ...n } = s, o = $s(a, n), c = Object.entries(r).reduce((u, [d, b]) => (u[d] = i(b), u), {});
+    return P(o(c), i(e));
+  });
+}
+function P(...t) {
+  return xs(ws(t));
+}
+const I = /* @__PURE__ */ g({
+  __name: "Button",
+  props: {
+    class: {},
+    disabled: { type: Boolean },
+    href: {},
+    route: {},
+    routeParams: {},
+    routeQuery: {},
+    size: {},
+    submit: { type: Boolean },
+    variant: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = Y(t, ["class", "size", "variant", "disabled"]), e = Ye(
+      { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
+      {
+        baseClasses: "flex items-center justify-center gap-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
+        variants: {
+          variant: {
+            default: "bg-primary text-white focus-visible:outline-primary",
+            secondary: "bg-background text-gray-900 ring-gray-300",
+            danger: "bg-danger text-white focus-visible:outline-danger",
+            ghost: "bg-transparent",
+            outline: "bg-transparent text-primary ring-primary",
+            link: "text-primary"
+          },
+          size: {
+            small: "text-xs",
+            default: "text-sm",
+            large: "text-base",
+            icon: "rounded-full p-2.5"
+          },
+          disabled: {
+            false: null,
+            true: "opacity-50 cursor-not-allowed"
+          }
+        },
+        compoundVariants: [
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            class: "font-medium"
+          },
+          {
+            variant: ["default", "danger"],
+            class: "shadow-sm"
+          },
+          {
+            variant: ["secondary", "outline"],
+            class: "ring-1 ring-inset"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "small",
+            class: "rounded px-2 py-1"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "default",
+            class: "rounded-md px-2.5 py-1.5"
+          },
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            size: "large",
+            class: "rounded-md px-3 py-2"
+          },
+          {
+            variant: "default",
+            disabled: !1,
+            class: "hover:bg-primary/90"
+          },
+          {
+            variant: ["secondary", "ghost", "outline"],
+            disabled: !1,
+            class: "hover:bg-accent"
+          },
+          {
+            variant: "danger",
+            disabled: !1,
+            class: "hover:bg-danger/80"
+          },
+          {
+            variant: "link",
+            disabled: !1,
+            class: "hover:underline"
+          }
+        ],
+        defaultVariants: {
+          variant: "default",
+          size: "default",
+          disabled: !1
+        }
+      }
+    );
+    return (r, a) => (l(), h(rr, T({
+      class: i(e),
+      disabled: r.disabled
+    }, s), {
+      default: f(() => [
+        w(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "disabled"]));
+  }
+});
+function ar(t) {
+  return typeof t == "object" && t !== null && "label" in t;
+}
+function se(t, s) {
+  const e = k.on(t, s);
+  ue(() => e());
+}
+function et(t, s) {
+  const e = ae("form", null), r = e == null ? void 0 : e.on("focus", (a) => t.name === a && s());
+  ue(() => r == null ? void 0 : r());
+}
+function tt() {
+  const t = De(), s = p(() => t.class);
+  return [p(() => Rt(t, "class")), s];
+}
+function _n(t) {
+  let s = zt;
+  xt(() => s = t()), ue(() => s());
+}
+function wn(t, s) {
+  const e = ie(U.get(t) ?? s);
+  return ke(e, () => U.set(t, Ct(e))), e;
+}
+function $n(t) {
+  const s = H(), e = p(t);
+  return ke(e, async () => s.value = await e.value, { immediate: !0 }), s;
+}
+function xn(t, s) {
+  const e = s ? t : {}, r = s ?? t, a = H(e.initial ?? null), n = jt((o) => a.value = o, e.delay ?? 300);
+  return de(() => n(r())), a;
+}
+const st = /* @__PURE__ */ g({
+  __name: "HeadlessSelectValue",
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => (l(), h(i(Gt), {
+      placeholder: i(s).placeholder
+    }, null, 8, ["placeholder"]));
+  }
+}), rt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectTrigger",
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => (l(), h(i(Xt), {
+      id: i(s).id
+    }, {
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          m(st, {
+            placeholder: i(s).placeholder
+          }, null, 8, ["placeholder"]),
+          m(i(Yt))
+        ])
+      ]),
+      _: 3
+    }, 8, ["id"]));
+  }
+}), at = /* @__PURE__ */ g({
+  __name: "HeadlessSelectOption",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectOption> must be a child of a <HeadlessSelect>"
+    ), e = p(() => {
+      var a;
+      const r = (a = s.options) == null ? void 0 : a.find((n) => n.value === t.value);
+      return r ? r.label : B(t.value);
+    });
+    return (r, a) => (l(), h(i(es), ne(oe(r.$props)), {
+      default: f(() => [
+        m(i(ts), { class: "the-text" }, {
+          default: f(() => [
+            w(r.$slots, "default", {}, () => [
+              R($(e.value), 1)
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 16));
+  }
+}), nt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectOptions",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => (l(), h(i(ss), null, {
+      default: f(() => [
+        m(i(rs), {
+          class: L(t.class)
+        }, {
+          default: f(() => [
+            m(i(as), null, {
+              default: f(() => [
+                w(e.$slots, "default", {}, () => [
+                  (l(!0), v(D, null, F(i(s).options ?? [], (a) => (l(), h(at, {
+                    key: a.key,
+                    value: a.value
+                  }, null, 8, ["value"]))), 128))
+                ])
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), nr = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessSelect",
+  props: {
+    as: { default: "template" },
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, a = ae("form", null), n = p(() => t.modelValue), o = p(() => !a || !t.name ? null : a.errors[t.name] ?? null), c = p(() => t.options ? t.options.map((b) => ({
+      key: re(),
+      label: t.renderOption ? t.renderOption(b) : ar(b) ? Bt(b.label) : B(b),
+      value: b
+    })) : null), u = {
+      id: `select-${re()}`,
+      name: p(() => t.name),
+      label: p(() => t.label),
+      description: p(() => t.description),
+      placeholder: p(() => t.placeholder ?? C("ui.select", "Select an option")),
+      options: c,
+      selectedOption: p(() => {
+        var b;
+        return (b = c.value) == null ? void 0 : b.find((x) => x.value === t.modelValue);
+      }),
+      value: p(() => a && t.name ? a.getFieldValue(t.name) : t.modelValue),
+      errors: Me(o),
+      required: p(() => {
+        if (!(!t.name || !a))
+          return a.getFieldRules(t.name).includes("required");
+      }),
+      update(b) {
+        if (a && t.name) {
+          a.setFieldValue(t.name, b);
+          return;
+        }
+        r("update:modelValue", b);
+      }
+    };
+    function d(b) {
+      u.update(b);
+    }
+    return pe("select", u), s(u), (b, x) => (l(), h(i(ns), {
+      "model-value": n.value,
+      "onUpdate:modelValue": x[0] || (x[0] = (S) => d(S))
+    }, {
+      default: f(({ open: S }) => [
+        (l(), h(O(b.as), ne(oe(b.$attrs)), {
+          default: f(() => [
+            w(b.$slots, "default", {
+              modelValue: b.modelValue,
+              open: S
+            }, () => [
+              m(rt),
+              m(nt)
+            ])
+          ]),
+          _: 2
+        }, 1040))
+      ]),
+      _: 3
+    }, 8, ["model-value"]));
+  }
+}), ze = /* @__PURE__ */ g({
+  __name: "HeadlessSelectLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
+    ), e = Se(), r = p(() => !!(s.label || e.default));
+    return (a, n) => r.value ? (l(), h(i(os), T({
+      key: 0,
+      for: i(s).id
+    }, a.$props), {
+      default: f(() => [
+        w(a.$slots, "default", {}, () => [
+          R($(i(s).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for"])) : M("", !0);
+  }
+}), ot = /* @__PURE__ */ g({
+  __name: "SelectLabel",
+  setup(t) {
+    return (s, e) => s.$slots.default ? (l(), h(ze, {
+      key: 0,
+      class: "block text-sm leading-6 font-medium text-gray-900"
+    }, {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    })) : (l(), h(ze, {
+      key: 1,
+      class: "block text-sm leading-6 font-medium text-gray-900"
+    }));
+  }
+}), or = { class: "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md px-2 py-1 select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50" }, lr = { class: "text-sm" }, lt = /* @__PURE__ */ g({
+  __name: "SelectOptions",
+  setup(t) {
+    const s = V("select", "<SelectOptions> must be a child of a <Select>");
+    return (e, r) => (l(), h(nt, { class: "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden" }, {
+      default: f(() => [
+        w(e.$slots, "default", {}, () => {
+          var a;
+          return [
+            (l(!0), v(D, null, F(((a = i(s)) == null ? void 0 : a.options) ?? [], (n) => (l(), h(at, {
+              key: n.key,
+              value: n.value,
+              class: "group p-1 outline-none"
+            }, {
+              default: f(() => [
+                y("div", or, [
+                  y("span", lr, $(n.label), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ];
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), ir = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function cr(t, s) {
+  return l(), v("svg", ir, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
+    }, null, -1)
+  ]));
+}
+const ur = { name: "zondicons-cheveron-down", render: cr }, it = /* @__PURE__ */ g({
+  __name: "SelectTrigger",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = p(() => P(
+      // eslint-disable-next-line vue/max-len
+      "focus:outline-primary grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
+      { "mt-1": s.label },
+      t.class
+    ));
+    return (r, a) => (l(), h(rt, {
+      class: L(e.value)
+    }, {
+      default: f(() => [
+        m(st, { class: "col-start-1 row-start-1 truncate pr-2" }),
+        m(i(ur), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), dr = /* @__PURE__ */ g({
+  __name: "Select",
+  props: {
+    as: {},
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    return (s, e) => (l(), h(nr, T(s.$props, {
+      "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$emit("update:modelValue", r))
+    }), {
+      default: f(() => [
+        m(ot),
+        w(s.$slots, "default", {}, () => [
+          m(it),
+          m(lt)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), pr = { class: "grow" }, mr = /* @__PURE__ */ g({
+  __name: "Language",
+  setup(t) {
+    const s = Q.getBrowserLocale(), e = p(() => [null, ...Q.locales]);
+    function r(a) {
+      return (a && N.locales[a]) ?? C("settings.localeDefault", "{locale} (default)", {
+        locale: N.locales[s] ?? s
+      });
+    }
+    return (a, n) => (l(), h(dr, {
+      modelValue: a.$lang.locale,
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => a.$lang.locale = o),
+      class: "flex flex-col items-start md:flex-row",
+      as: "div",
+      options: e.value,
+      "render-option": r
+    }, {
+      default: f(() => [
+        y("div", pr, [
+          m(ot, null, {
+            default: f(() => [
+              R($(a.$td("settings.locale", "Language")), 1)
+            ]),
+            _: 1
+          }),
+          m(z, {
+            "lang-key": "settings.localeDescription",
+            "lang-default": "Choose the application's language.",
+            class: "mt-1 text-sm text-gray-500"
+          })
+        ]),
+        m(I, {
+          variant: "ghost",
+          as: it,
+          class: "w-auto outline-none"
+        }),
+        m(lt)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "options"]));
+  }
+}), fr = [
+  {
+    priority: 100,
+    component: mr
+  }
+], hr = { $lang: Q }, gr = {
+  async install(t) {
+    var s;
+    (s = t.config.globalProperties).$t ?? (s.$t = Ze), t.config.globalProperties.$td = C, j.settings.push(...fr), await ge(t, hr);
+  }
+}, vr = {
+  async install() {
+    Le() && (globalThis.testingRuntime = {
+      on: (...t) => k.on(...t)
+    });
+  }
+}, br = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function yr(t, s) {
+  return l(), v("svg", br, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414z"
+    }, null, -1)
+  ]));
+}
+const _r = { name: "zondicons-close", render: yr }, wr = /* @__PURE__ */ g({
+  __name: "HeadlessModal",
+  props: {
+    persistent: { type: Boolean },
+    title: {},
+    description: {}
+  },
+  setup(t, { expose: s }) {
+    const e = H(null), r = H(!0), a = H(!1), { modal: n } = V(
+      "modal",
+      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
+    );
+    async function o() {
+      var d;
+      (d = e.value) != null && d.$el && (r.value = !0);
+    }
+    async function c() {
+      var d;
+      (d = e.value) != null && d.$el && (r.value = !1);
+    }
+    async function u(d) {
+      a.value || (k.emit("modal-will-close", { modal: n, result: d }), await o(), a.value = !0, k.emit("modal-closed", { modal: n, result: d }));
+    }
+    return se("close-modal", async ({ id: d, result: b }) => {
+      d === n.id && await u(b);
+    }), se("hide-modal", async ({ id: d }) => {
+      d === n.id && await o();
+    }), se("show-modal", async ({ id: d }) => {
+      d === n.id && await c();
+    }), s({ close: u }), (d, b) => (l(), h(i(ls), {
+      ref_key: "$root",
+      ref: e,
+      open: "",
+      "onUpdate:open": b[0] || (b[0] = (x) => d.persistent || u())
+    }, {
+      default: f(() => [
+        m(i(is), null, {
+          default: f(() => [
+            w(d.$slots, "default", { close: u })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+}), ct = /* @__PURE__ */ g({
+  __name: "ModalContext",
+  props: {
+    modal: {},
+    childIndex: {}
+  },
+  setup(t) {
+    const s = t, e = p(() => {
+      const r = {};
+      for (const a in s.modal.properties)
+        r[a] = i(s.modal.properties[a]);
+      return r;
+    });
+    return pe("modal", {
+      modal: Te(s, "modal"),
+      childIndex: Te(s, "childIndex")
+    }), (r, a) => (l(), h(O(r.modal.component), ne(oe(e.value)), null, 16));
+  }
+}), $r = /* @__PURE__ */ g({
+  __name: "HeadlessModalContent",
+  setup(t) {
+    const { childIndex: s = 0 } = V(
+      "modal",
+      "could not obtain modal reference from <HeadlessModalContent>, did you render this component manually? Show it using $ui.openModal() instead"
+    ), e = p(() => A.modals[s] ?? null);
+    return (r, a) => (l(), h(i(cs), null, {
+      default: f(() => [
+        w(r.$slots, "default"),
+        e.value ? (l(), h(ct, {
+          key: 0,
+          "child-index": i(s) + 1,
+          modal: e.value
+        }, null, 8, ["child-index", "modal"])) : M("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), xr = /* @__PURE__ */ g({
+  __name: "HeadlessModalOverlay",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(i(us), ne(oe(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Cr = /* @__PURE__ */ g({
+  __name: "HeadlessModalTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(i(ds), ne(oe(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Sr = {
+  key: 0,
+  class: "absolute top-0 right-0 hidden pt-1.5 pr-1.5 sm:block"
+}, kr = { class: "sr-only" }, ee = /* @__PURE__ */ g({
+  __name: "Modal",
+  props: {
+    persistent: { type: Boolean },
+    title: {},
+    description: {},
+    dismissable: { type: Boolean, default: !0 },
+    wrapperClass: { default: "" },
+    class: { default: "" }
+  },
+  setup(t, { expose: s }) {
+    const e = Y(t, ["class", "dismissable", "wrapperClass", "title", "persistent"]), r = Ee("$modal"), a = p(() => P({ "mt-2": t.title }, t.class)), n = p(() => P(
+      // eslint-disable-next-line vue/max-len
+      "fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl sm:max-w-lg",
+      t.wrapperClass
+    ));
+    return s({ close: async () => {
+      var o;
+      return (o = r.value) == null ? void 0 : o.close();
+    } }), (o, c) => (l(), h(wr, T(e, {
+      ref_key: "$modal",
+      ref: r,
+      persistent: o.persistent
+    }), {
+      default: f(({ close: u }) => [
+        m(xr, { class: "fixed inset-0 bg-gray-500/75" }),
+        m($r, {
+          class: L(n.value)
+        }, {
+          default: f(() => [
+            !o.persistent && o.dismissable ? (l(), v("div", Sr, [
+              m(I, {
+                variant: "ghost",
+                size: "icon",
+                onClick: (d) => u()
+              }, {
+                default: f(() => [
+                  y("span", kr, $(o.$td("ui.close", "Close")), 1),
+                  m(i(_r), { class: "size-3 text-gray-400" })
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ])) : M("", !0),
+            o.title ? (l(), h(Cr, {
+              key: 1,
+              class: "text-base font-semibold text-gray-900"
+            }, {
+              default: f(() => [
+                m(z, {
+                  text: o.title,
+                  inline: ""
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            })) : M("", !0),
+            y("div", {
+              class: L(a.value)
+            }, [
+              w(o.$slots, "default", { close: u })
+            ], 2)
+          ]),
+          _: 2
+        }, 1032, ["class"])
+      ]),
+      _: 3
+    }, 16, ["persistent"]));
+  }
+}), Mr = /* @__PURE__ */ g({
+  __name: "AlertModal",
+  props: {
+    title: {},
+    message: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(ee, { title: s.title }, {
+      default: f(() => [
+        m(z, { text: s.message }, null, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), ut = /* @__PURE__ */ g({
+  __name: "Form",
+  props: {
+    form: {}
+  },
+  emits: ["submit"],
+  setup(t, { emit: s }) {
+    let e;
+    const r = s;
+    return de((a) => {
+      var n;
+      e == null || e(), e = (n = t.form) == null ? void 0 : n.on("submit", () => r("submit")), a(() => e == null ? void 0 : e());
+    }), pe("form", t.form), (a, n) => (l(), v("form", {
+      onSubmit: n[0] || (n[0] = qe((o) => {
+        var c;
+        return (c = a.form) == null ? void 0 : c.submit();
+      }, ["prevent"]))
+    }, [
+      w(a.$slots, "default")
+    ], 32));
+  }
+}), Er = {
+  required: (t) => t ? void 0 : "required"
+}, le = { ...Er };
+function Cn(t, s) {
+  le[t] = s;
+}
+function Lr(t, s) {
+  var r;
+  const e = (r = le[s]) == null ? void 0 : r.call(le, t);
+  return e ? Ne(e) : [];
+}
+const q = {
+  String: "string",
+  Number: "number",
+  Boolean: "boolean",
+  Object: "object",
+  Date: "date"
+}, je = /* @__PURE__ */ new WeakMap();
+class Hr extends Ue {
+  constructor(e) {
+    super();
+    _(this, "errors");
+    _(this, "_fields");
+    _(this, "_data");
+    _(this, "_submitted");
+    _(this, "_errors");
+    _(this, "_listeners", {});
+    this._fields = e, this._submitted = H(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
+      this,
+      p(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = Me(this._errors);
+  }
+  get valid() {
+    var e;
+    return !!((e = je.get(this)) != null && e.value);
+  }
+  get submitted() {
+    return this._submitted.value;
+  }
+  setFieldValue(e, r) {
+    const a = this._fields[e] ?? J(`Trying to set undefined '${B(e)}' field`);
+    this._data[e] = a.type === q.String && (a.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+  }
+  getFieldValue(e) {
+    return this._data[e];
+  }
+  getFieldRules(e) {
+    var r, a;
+    return ((a = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : a.split("|")) ?? [];
+  }
+  data() {
+    return { ...this._data };
+  }
+  validate() {
+    const e = Object.entries(this._fields).reduce(
+      (r, [a, n]) => (r[a] = this.getFieldErrors(a, n), r),
+      {}
+    );
+    return this.resetErrors(e), this.valid;
+  }
+  reset(e = {}) {
+    this._submitted.value = !1, e.keepData || this.resetData(), e.keepErrors || this.resetErrors();
+  }
+  submit() {
+    var r;
+    this._submitted.value = !0;
+    const e = this.validate();
+    return e && ((r = this._listeners.submit) == null || r.forEach((a) => a())), e;
+  }
+  on(e, r) {
+    var a, n;
+    return (a = this._listeners)[e] ?? (a[e] = []), (n = this._listeners[e]) == null || n.push(r), () => this.off(e, r);
+  }
+  off(e, r) {
+    _e(this._listeners[e] ?? [], r);
+  }
+  async focus(e) {
+    var r;
+    await Be(), (r = this._listeners.focus) == null || r.forEach((a) => a(e));
+  }
+  __get(e) {
+    return e in this._fields ? this.getFieldValue(e) : super.__get(e);
+  }
+  __set(e, r) {
+    if (!(e in this._fields)) {
+      super.__set(e, r);
+      return;
+    }
+    this.setFieldValue(e, r);
+  }
+  getFieldErrors(e, r) {
+    var c;
+    const a = [], n = this._data[e], o = ((c = r.rules) == null ? void 0 : c.split("|")) ?? [];
+    for (const u of o)
+      u !== "required" && n == null || a.push(...Lr(n, u));
+    return a.length > 0 ? a : null;
+  }
+  getInitialData(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.entries(e).reduce((a, [n, o]) => (a[n] = o.default ?? null, a), {});
+    return ie(r);
+  }
+  getInitialErrors(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.keys(e).reduce((a, n) => (a[n] = null, a), {});
+    return ie(r);
+  }
+  resetData() {
+    for (const [e, r] of Object.entries(this._fields))
+      this._data[e] = r.default ?? null;
+  }
+  resetErrors(e) {
+    Object.keys(this._errors).forEach((r) => delete this._errors[r]), e && Object.assign(this._errors, e);
+  }
+}
+function dt(t) {
+  return new Hr(t);
+}
+function Sn(t, s = {}) {
+  return {
+    default: t,
+    type: q.Boolean,
+    rules: s.rules
+  };
+}
+function kn(t, s = {}) {
+  return {
+    default: t,
+    type: q.Date,
+    rules: s.rules
+  };
+}
+function Mn(t) {
+  return {
+    default: t,
+    type: q.Boolean,
+    rules: "required"
+  };
+}
+function En(t) {
+  return {
+    default: t,
+    type: q.Date,
+    rules: "required"
+  };
+}
+function Ln(t) {
+  return {
+    default: t,
+    type: q.Number,
+    rules: "required"
+  };
+}
+function Vr(t) {
+  return {
+    default: t,
+    type: q.String,
+    rules: "required"
+  };
+}
+function Hn(t, s = {}) {
+  return {
+    default: t,
+    type: q.Number,
+    rules: s.rules
+  };
+}
+function Vn(t, s = {}) {
+  return {
+    default: t,
+    type: q.String,
+    rules: s.rules
+  };
+}
+function Pr(t) {
+  const s = dt(
+    Object.entries(t.checkboxes ?? {}).reduce(
+      (a, [n, o]) => ({
+        [n]: {
+          type: q.Boolean,
+          default: o.default,
+          required: o.required ? "required" : void 0
+        },
+        ...a
+      }),
+      {}
+    )
+  ), e = p(() => t.acceptText ?? C("ui.accept", "Ok")), r = p(() => t.cancelText ?? C("ui.cancel", "Cancel"));
+  return { form: s, renderedAcceptText: e, renderedCancelText: r };
+}
+const Tr = {
+  key: 0,
+  class: "mt-4 flex flex-col text-sm text-gray-600"
+}, Ir = { class: "flex items-center" }, Ar = ["onUpdate:modelValue", "required"], Rr = { class: "ml-1.5" }, zr = { class: "mt-4 flex flex-row-reverse gap-2" }, jr = /* @__PURE__ */ g({
+  __name: "ConfirmModal",
+  props: {
+    title: {},
+    message: {},
+    acceptText: {},
+    acceptVariant: {},
+    cancelText: {},
+    cancelVariant: { default: "secondary" },
+    checkboxes: {},
+    actions: {},
+    required: { type: Boolean }
+  },
+  setup(t) {
+    const s = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: r, renderedCancelText: a } = Pr(s);
+    return (n, o) => (l(), h(ee, {
+      title: n.title,
+      persistent: ""
+    }, {
+      default: f(({ close: c }) => [
+        m(ut, {
+          form: i(e),
+          onSubmit: (u) => c([!0, i(e).data()])
+        }, {
+          default: f(() => [
+            m(z, {
+              text: n.message,
+              actions: n.actions
+            }, null, 8, ["text", "actions"]),
+            n.checkboxes ? (l(), v("ul", Tr, [
+              (l(!0), v(D, null, F(n.checkboxes, (u, d) => (l(), v("li", { key: d }, [
+                y("label", Ir, [
+                  Fe(y("input", {
+                    "onUpdate:modelValue": (b) => i(e)[d] = b,
+                    type: "checkbox",
+                    required: u.required,
+                    class: "border-primary text-primary hover:bg-primary/10 hover:checked:bg-primary/80 focus:ring-primary focus-visible:ring-primary rounded border-2"
+                  }, null, 8, Ar), [
+                    [St, i(e)[d]]
+                  ]),
+                  y("span", Rr, $(u.label), 1)
+                ])
+              ]))), 128))
+            ])) : M("", !0),
+            y("div", zr, [
+              m(I, {
+                variant: n.acceptVariant,
+                submit: ""
+              }, {
+                default: f(() => [
+                  R($(i(r)), 1)
+                ]),
+                _: 1
+              }, 8, ["variant"]),
+              n.required ? M("", !0) : (l(), h(I, {
+                key: 0,
+                variant: n.cancelVariant,
+                onClick: (u) => c(!1)
+              }, {
+                default: f(() => [
+                  R($(i(a)), 1)
+                ]),
+                _: 2
+              }, 1032, ["variant", "onClick"]))
+            ])
+          ]),
+          _: 2
+        }, 1032, ["form", "onSubmit"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Br = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Dr(t, s) {
+  return l(), v("svg", Br, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
+    }, null, -1)
+  ]));
+}
+const qr = { name: "zondicons-cheveron-left", render: Dr }, Fr = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ur(t, s) {
+  return l(), v("svg", Fr, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
+    }, null, -1)
+  ]));
+}
+const pt = { name: "zondicons-cheveron-right", render: Ur }, Nr = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Or(t, s) {
+  return l(), v("svg", Nr, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M2.93 17.07A10 10 0 1 1 17.07 2.93A10 10 0 0 1 2.93 17.07M9 5v6h2V5zm0 8v2h2v-2z"
+    }, null, -1)
+  ]));
+}
+const mt = { name: "zondicons-exclamation-solid", render: Or }, Wr = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Kr(t, s) {
+  return l(), v("svg", Wr, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
+    }, null, -1)
+  ]));
+}
+const Jr = { name: "mdi-console", render: Kr }, Qr = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Zr(t, s) {
+  return l(), v("svg", Qr, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
+    }, null, -1)
+  ]));
+}
+const Gr = { name: "zondicons-copy", render: Zr }, Xr = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Yr(t, s) {
+  return l(), v("svg", Xr, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
+    }, null, -1)
+  ]));
+}
+const ea = { name: "mdi-github", render: Yr }, ta = { class: "flex" }, sa = { class: "sr-only" }, ra = /* @__PURE__ */ g({
+  __name: "ErrorReportModalButtons",
+  props: {
+    report: {}
+  },
+  setup(t) {
+    const s = t, e = p(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = p(() => {
+      if (!j.sourceUrl)
+        return !1;
+      const n = encodeURIComponent(e.value), o = encodeURIComponent(
+        [
+          "[Please, explain here what you were trying to do when this error appeared]",
+          "",
+          "Error details:",
+          "```",
+          Dt(
+            s.report.details ?? "Details missing from report",
+            1800 - n.length - j.sourceUrl.length
+          ).trim(),
+          "```"
+        ].join(`
+`)
+      );
+      return `${j.sourceUrl}/issues/new?title=${n}&body=${o}`;
+    }), a = p(() => Z(
+      [
+        {
+          id: "clipboard",
+          description: "Copy to clipboard",
+          iconComponent: Gr,
+          async click() {
+            await navigator.clipboard.writeText(`${e.value}
+
+${s.report.details}`), A.toast(C("errors.copiedToClipboard", "Debug information copied to clipboard"));
+          }
+        },
+        {
+          id: "console",
+          description: "Log to console",
+          iconComponent: Jr,
+          click() {
+            const n = s.report.error ?? s.report;
+            window.error = n, console.error(n), A.toast(
+              C(
+                "errors.addedToConsole",
+                "You can now use the **error** variable in the console"
+              )
+            );
+          }
+        }
+      ],
+      (n) => {
+        r.value && n.push({
+          id: "github",
+          description: "Report in GitHub",
+          iconComponent: ea,
+          url: r.value
+        });
+      }
+    ));
+    return (n, o) => (l(), v("div", ta, [
+      (l(!0), v(D, null, F(a.value, (c) => w(n.$slots, "default", T({ ref_for: !0 }, c), () => [
+        m(I, {
+          size: "icon",
+          variant: "ghost",
+          class: "group whitespace-nowrap",
+          href: c.url,
+          title: n.$td(`errors.report_${c.id}`, c.description),
+          onClick: c.click
+        }, {
+          default: f(() => [
+            y("span", sa, $(n.$td(`errors.report_${c.id}`, c.description)), 1),
+            (l(), h(O(c.iconComponent), {
+              class: "size-4",
+              "aria-hidden": "true"
+            }))
+          ]),
+          _: 2
+        }, 1032, ["href", "title", "onClick"])
+      ])), 256))
+    ]));
+  }
+}), aa = /* @__PURE__ */ g({
+  __name: "ErrorReportModalTitle",
+  props: {
+    report: {},
+    currentReport: {},
+    totalReports: {}
+  },
+  setup(t) {
+    const s = p(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (l(), h(z, {
+      text: s.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+});
+function na(t) {
+  const s = H(0), e = p(() => t.reports[s.value]), r = p(
+    () => {
+      var o;
+      return ((o = e.value.details) == null ? void 0 : o.trim()) || C("errors.detailsEmpty", "This error is missing a stacktrace.");
+    }
+  ), a = C("errors.previousReport", "Show previous report"), n = C("errors.nextReport", "Show next report");
+  return {
+    activeReportIndex: s,
+    details: r,
+    nextReportText: n,
+    previousReportText: a,
+    report: e
+  };
+}
+const oa = { class: "px-4 pt-5 pb-4" }, la = { class: "flex justify-between gap-4" }, ia = { class: "flex items-center gap-2" }, ca = {
+  key: 0,
+  class: "flex gap-0.5"
+}, ua = { class: "-mt-2 max-h-[80vh] overflow-auto bg-red-800/10" }, da = ["textContent"], pa = /* @__PURE__ */ g({
+  __name: "ErrorReportModal",
+  props: {
+    reports: {}
+  },
+  setup(t) {
+    const s = t, { activeReportIndex: e, details: r, nextReportText: a, previousReportText: n, report: o } = na(s);
+    return (c, u) => (l(), h(ee, { "wrapper-class": "p-0 sm:w-auto sm:min-w-lg sm:max-w-[80vw]" }, {
+      default: f(() => [
+        y("div", oa, [
+          y("h2", la, [
+            y("div", ia, [
+              m(i(mt), { class: "size-5 text-red-600" }),
+              m(aa, {
+                class: "text-lg leading-6 font-semibold text-gray-900",
+                report: i(o),
+                "current-report": i(e) + 1,
+                "total-reports": c.reports.length
+              }, null, 8, ["report", "current-report", "total-reports"]),
+              c.reports.length > 1 ? (l(), v("span", ca, [
+                m(I, {
+                  size: "icon",
+                  variant: "ghost",
+                  disabled: i(e) === 0,
+                  "aria-label": i(n),
+                  title: i(n),
+                  onClick: u[0] || (u[0] = (d) => e.value--)
+                }, {
+                  default: f(() => [
+                    m(i(qr), { class: "size-4" })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "aria-label", "title"]),
+                m(I, {
+                  size: "icon",
+                  variant: "ghost",
+                  disabled: i(e) === c.reports.length - 1,
+                  "aria-label": i(a),
+                  title: i(a),
+                  onClick: u[1] || (u[1] = (d) => e.value++)
+                }, {
+                  default: f(() => [
+                    m(i(pt), { class: "size-4" })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "aria-label", "title"])
+              ])) : M("", !0)
+            ]),
+            m(ra, {
+              report: i(o),
+              class: "gap-0.5"
+            }, null, 8, ["report"])
+          ]),
+          i(o).description ? (l(), h(z, {
+            key: 0,
+            text: i(o).description,
+            class: "text-gray-600"
+          }, null, 8, ["text"])) : M("", !0)
+        ]),
+        y("div", ua, [
+          y("pre", {
+            class: "p-4 text-xs text-red-800",
+            textContent: $(i(r))
+          }, null, 8, da)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}), ma = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function fa(t, s) {
+  return l(), v("svg", ma, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+      opacity: ".25"
+    }, null, -1),
+    y("path", {
+      fill: "currentColor",
+      d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+    }, [
+      y("animateTransform", {
+        attributeName: "transform",
+        dur: "0.75s",
+        repeatCount: "indefinite",
+        type: "rotate",
+        values: "0 12 12;360 12 12"
+      })
+    ], -1)
+  ]));
+}
+const ha = { name: "svg-spinners-90-ring-with-bg", render: fa }, ga = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, va = { class: "sr-only" }, ba = /* @__PURE__ */ g({
+  __name: "ProgressBar",
+  props: {
+    filledClass: {},
+    progress: {},
+    job: {}
+  },
+  setup(t) {
+    let s;
+    const e = H(0), r = p(() => P("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary", t.filledClass)), a = p(() => typeof t.progress == "number" ? t.progress : e.value);
+    return ke(
+      () => t.job,
+      () => {
+        var n, o;
+        s == null || s(), e.value = ((n = t.job) == null ? void 0 : n.progress) ?? 0, s = (o = t.job) == null ? void 0 : o.listeners.add({ onUpdated: (c) => e.value = c });
+      },
+      { immediate: !0 }
+    ), ue(() => s == null ? void 0 : s()), (n, o) => (l(), v("div", ga, [
+      y("div", {
+        class: L(r.value),
+        style: kt(`transform:translateX(-${(1 - a.value) * 100}%)`)
+      }, null, 6),
+      y("span", va, $(n.$td("ui.progress", "{progress}% complete", {
+        progress: a.value * 100
+      })), 1)
+    ]));
+  }
+});
+function ya(t) {
+  const s = p(() => t.message ?? C("ui.loading", "Loading...")), e = p(() => typeof t.progress == "number" || !!t.job);
+  return { renderedMessage: s, showProgress: e };
+}
+const _a = /* @__PURE__ */ g({
+  __name: "LoadingModal",
+  props: {
+    title: {},
+    message: {},
+    progress: {},
+    job: {}
+  },
+  setup(t) {
+    const s = t, { renderedMessage: e, showProgress: r } = ya(s);
+    return (a, n) => (l(), h(ee, {
+      persistent: "",
+      class: L(["flex", { "flex-col-reverse": i(r), "items-center justify-center gap-2": !i(r) }]),
+      "wrapper-class": "w-auto",
+      title: a.title
+    }, {
+      default: f(() => [
+        i(r) ? (l(), h(ba, {
+          key: 0,
+          progress: a.progress,
+          job: a.job,
+          class: "min-w-[min(400px,80vw)]"
+        }, null, 8, ["progress", "job"])) : (l(), h(i(ha), {
+          key: 1,
+          class: "text-primary mr-1 size-6"
+        })),
+        m(z, { text: i(e) }, null, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["title", "class"]));
+  }
+}), ft = /* @__PURE__ */ g({
+  __name: "HeadlessInput",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    as: { default: "div" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, a = ae("form", null), n = p(() => !a || !t.name ? null : a.errors[t.name] ?? null), o = {
+      id: `input-${re()}`,
+      name: p(() => t.name),
+      label: p(() => t.label),
+      description: p(() => t.description),
+      value: p(() => a && t.name ? a.getFieldValue(t.name) : t.modelValue),
+      errors: Me(n),
+      required: p(() => {
+        if (!(!t.name || !a))
+          return a.getFieldRules(t.name).includes("required");
+      }),
+      update(c) {
+        if (a && t.name) {
+          a.setFieldValue(t.name, c);
+          return;
+        }
+        r("update:modelValue", c);
+      }
+    };
+    return pe("input", o), s(o), (c, u) => (l(), h(O(c.as), null, {
+      default: f(() => [
+        w(c.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), wa = ["for"], xe = /* @__PURE__ */ g({
+  __name: "HeadlessInputLabel",
+  setup(t) {
+    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = Se(), r = p(() => !!(s.label || e.default));
+    return (a, n) => r.value ? (l(), v("label", {
+      key: 0,
+      for: i(s).id
+    }, [
+      w(a.$slots, "default", {}, () => [
+        R($(i(s).label), 1)
+      ])
+    ], 8, wa)) : M("", !0);
+  }
+}), $a = ["id", "name", "type", "checked", "required", "aria-invalid", "aria-describedby"], ht = /* @__PURE__ */ g({
+  __name: "HeadlessInputInput",
+  props: {
+    type: { default: "text" }
+  },
+  setup(t) {
+    const s = H(), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = p(() => e.name ?? void 0), a = p(() => e.value), n = p(() => {
+      if (t.type === "checkbox")
+        return !!a.value;
+    });
+    function o() {
+      s.value && e.update(c());
+    }
+    function c() {
+      if (!s.value)
+        return null;
+      switch (t.type) {
+        case "checkbox":
+          return s.value.checked;
+        case "date":
+          return s.value.valueAsDate;
+        default:
+          return s.value.value;
+      }
+    }
+    return et(e, () => {
+      var u;
+      return (u = s.value) == null ? void 0 : u.focus();
+    }), de(() => {
+      if (s.value) {
+        if (t.type === "date") {
+          s.value.valueAsDate = a.value;
+          return;
+        }
+        s.value.value = a.value ?? null;
+      }
+    }), (u, d) => (l(), v("input", {
+      id: i(e).id,
+      ref_key: "$input",
+      ref: s,
+      name: r.value,
+      type: u.type,
+      checked: n.value,
+      required: i(e).required ?? void 0,
+      "aria-invalid": i(e).errors ? "true" : "false",
+      "aria-describedby": i(e).errors ? `${i(e).id}-error` : i(e).description ? `${i(e).id}-description` : void 0,
+      onInput: o
+    }, null, 40, $a));
+  }
+}), xa = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessInputDescription",
+  setup(t) {
+    const s = V(
+      "input",
+      "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
+    ), e = p(() => typeof s.description == "string" ? s.description : ""), r = p(() => !!s.description);
+    return (a, n) => w(a.$slots, "default", {
+      id: `${i(s).id}-description`
+    }, () => [
+      r.value ? (l(), h(z, T({ key: 0 }, a.$attrs, {
+        id: `${i(s).id}-description`,
+        text: e.value
+      }), null, 16, ["id", "text"])) : M("", !0)
+    ]);
+  }
+}), Ca = ["id"], Ce = /* @__PURE__ */ g({
+  __name: "HeadlessInputError",
+  setup(t) {
+    const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = p(() => s.errors ? C(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, a) => e.value ? (l(), v("p", {
+      key: 0,
+      id: `${i(s).id}-error`
+    }, $(e.value), 9, Ca)) : M("", !0);
+  }
+}), Sa = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, ka = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    wrapperClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = Y(t, ["label", "inputClass", "wrapperClass"]), e = Ee("$input"), [r, a] = tt(), n = p(() => P("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), o = p(() => {
+      var c, u, d;
+      return P(
+        // eslint-disable-next-line vue/max-len
+        "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
+        {
+          "text-gray-900 shadow-2xs ring-gray-300 placeholder:text-gray-400": !((c = e.value) != null && c.errors),
+          "hover:ring-1 hover:ring-primary/80 hover:ring-inset focus:ring-primary": !((u = e.value) != null && u.errors),
+          "pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500": (d = e.value) == null ? void 0 : d.errors
+        },
+        t.inputClass
+      );
+    });
+    return (c, u) => (l(), h(ft, T({
+      ref_key: "$input",
+      ref: e,
+      label: c.label,
+      class: i(a)
+    }, s, {
+      "onUpdate:modelValue": u[0] || (u[0] = (d) => c.$emit("update:modelValue", d))
+    }), {
+      default: f(() => {
+        var d;
+        return [
+          m(xe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: L(n.value)
+          }, [
+            m(ht, T(i(r), { class: o.value }), null, 16, ["class"]),
+            (d = i(e)) != null && d.errors ? (l(), v("div", Sa, [
+              m(i(mt), { class: "size-5 text-red-500" })
+            ])) : M("", !0)
+          ], 2),
+          m(xa, { class: "mt-2 text-sm text-gray-600" }),
+          m(Ce, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16, ["label", "class"]));
+  }
+});
+function Ma(t) {
+  const s = dt({
+    draft: Vr(t.defaultValue ?? "")
+  }), e = p(() => t.acceptText ?? C("ui.accept", "Ok")), r = p(() => t.cancelText ?? C("ui.cancel", "Cancel"));
+  return { form: s, renderedAcceptText: e, renderedCancelText: r };
+}
+const Ea = { class: "mt-4 flex flex-row-reverse gap-2" }, La = /* @__PURE__ */ g({
+  __name: "PromptModal",
+  props: {
+    title: {},
+    message: {},
+    label: {},
+    defaultValue: {},
+    placeholder: {},
+    acceptText: {},
+    acceptVariant: {},
+    cancelText: {},
+    cancelVariant: { default: "secondary" }
+  },
+  setup(t) {
+    const s = Y(t, ["cancelVariant"]), { form: e, renderedAcceptText: r, renderedCancelText: a } = Ma(s);
+    return (n, o) => (l(), h(ee, {
+      title: n.title,
+      persistent: ""
+    }, {
+      default: f(({ close: c }) => [
+        m(ut, {
+          form: i(e),
+          onSubmit: (u) => c(i(e).draft)
+        }, {
+          default: f(() => [
+            m(z, { text: n.message }, null, 8, ["text"]),
+            m(ka, {
+              name: "draft",
+              class: "mt-2",
+              placeholder: n.placeholder,
+              label: n.label
+            }, null, 8, ["placeholder", "label"]),
+            y("div", Ea, [
+              m(I, {
+                variant: n.acceptVariant,
+                submit: ""
+              }, {
+                default: f(() => [
+                  R($(i(r)), 1)
+                ]),
+                _: 1
+              }, 8, ["variant"]),
+              m(I, {
+                variant: n.cancelVariant,
+                onClick: (u) => c(!1)
+              }, {
+                default: f(() => [
+                  R($(i(a)), 1)
+                ]),
+                _: 2
+              }, 1032, ["variant", "onClick"])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["form", "onSubmit"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Ha = { class: "grid grow place-items-center" }, Va = { class: "flex flex-col items-center space-y-6 p-8" }, Pa = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, Ta = { class: "mt-4 flex flex-col space-y-4" }, Ia = /* @__PURE__ */ g({
+  __name: "StartupCrash",
+  setup(t) {
+    return (s, e) => (l(), v("div", Ha, [
+      y("div", Va, [
+        y("h1", Pa, $(s.$td("startupCrash.title", "Something went wrong!")), 1),
+        m(z, {
+          text: s.$td(
+            "startupCrash.message",
+            `Something failed trying to start the application.
+
+Here's some things you can do:`
+          ),
+          class: "mt-4 text-center"
+        }, null, 8, ["text"]),
+        y("div", Ta, [
+          m(I, {
+            variant: "danger",
+            onClick: e[0] || (e[0] = (r) => s.$app.reload())
+          }, {
+            default: f(() => [
+              R($(s.$td("startupCrash.reload", "Try again")), 1)
+            ]),
+            _: 1
+          }),
+          m(I, {
+            variant: "danger",
+            onClick: e[1] || (e[1] = (r) => s.$errors.inspect(s.$errors.startupErrors))
+          }, {
+            default: f(() => [
+              R($(s.$td("startupCrash.inspect", "View error details")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+}), gt = /* @__PURE__ */ g({
+  __name: "HeadlessToastAction",
+  props: {
+    action: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(O(s.action.dismiss ? i(ps) : "button"), {
+      type: "button",
+      onClick: s.action.click
+    }, {
+      default: f(() => [
+        R($(s.action.label), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+}), Aa = { key: 0 }, Ra = /* @__PURE__ */ g({
+  __name: "HeadlessToast",
+  props: {
+    message: {},
+    actions: {},
+    variant: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(i(ms), null, {
+      default: f(() => [
+        w(s.$slots, "default", {}, () => [
+          s.message ? (l(), v("span", Aa, $(s.message), 1)) : M("", !0),
+          (l(!0), v(D, null, F(s.actions, (r, a) => (l(), h(gt, {
+            key: a,
+            action: r
+          }, null, 8, ["action"]))), 128))
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), za = /* @__PURE__ */ g({
+  __name: "Toast",
+  props: {
+    message: {},
+    actions: {},
+    variant: { default: "secondary" },
+    class: {}
+  },
+  setup(t) {
+    const s = Ye(
+      { baseClasses: t.class, variant: t.variant },
+      {
+        baseClasses: "flex items-center gap-2 rounded-md p-2 ring-1 shadow-lg border-gray-200",
+        variants: {
+          variant: {
+            secondary: "bg-gray-900 text-white ring-black",
+            danger: "bg-red-50 text-red-900 ring-red-100"
+          }
+        },
+        defaultVariants: {
+          variant: "secondary"
+        }
+      }
+    );
+    return (e, r) => (l(), h(Ra, {
+      class: L(i(s))
+    }, {
+      default: f(() => [
+        e.message ? (l(), h(z, {
+          key: 0,
+          text: e.message,
+          inline: ""
+        }, null, 8, ["text"])) : M("", !0),
+        (l(!0), v(D, null, F(e.actions, (a, n) => (l(), h(I, {
+          key: n,
+          action: a,
+          variant: e.variant,
+          as: gt
+        }, null, 8, ["action", "variant"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), ja = { $ui: A }, Ba = {
+  async install(t, s) {
+    const e = {
+      [E.AlertModal]: Mr,
+      [E.ConfirmModal]: jr,
+      [E.ErrorReportModal]: pa,
+      [E.LoadingModal]: _a,
+      [E.PromptModal]: La,
+      [E.Toast]: za,
+      [E.StartupCrash]: Ia
+    };
+    Object.entries({
+      ...e,
+      ...s.components
+    }).forEach(([r, a]) => A.registerComponent(r, a)), await ge(t, ja);
+  }
+};
+async function Da(t, s = {}) {
+  var r;
+  const e = [vr, As, Xs, gr, Ds, Ba, ...s.plugins ?? []];
+  j.instance = t, await Hs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await k.emit("application-ready");
+}
+async function Pn(t, s = {}) {
+  var r;
+  const e = Mt(t);
+  X() && (window.$aerogel = e), await Da(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await k.emit("application-mounted");
+}
+const qa = { key: 0 }, Fa = /* @__PURE__ */ g({
+  __name: "AppModals",
+  setup(t) {
+    const s = p(() => A.modals[0] ?? null);
+    return (e, r) => s.value ? (l(), v("aside", qa, [
+      m(ct, {
+        "child-index": 1,
+        modal: s.value
+      }, null, 8, ["modal"])
+    ])) : M("", !0);
+  }
+}), Ua = /* @__PURE__ */ g({
+  __name: "AppToasts",
+  setup(t) {
+    return (s, e) => (l(), h(i(fs), null, {
+      default: f(() => [
+        (l(!0), v(D, null, F(s.$ui.toasts, (r) => (l(), h(O(r.component), T({
+          id: r.id,
+          key: r.id,
+          ref_for: !0
+        }, r.properties), null, 16, ["id"]))), 128)),
+        m(i(hs), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+      ]),
+      _: 1
+    }));
+  }
+}), Na = /* @__PURE__ */ g({
+  __name: "AppOverlays",
+  setup(t) {
+    const s = H(null), e = H(!0);
+    return se("show-overlays-backdrop", async () => {
+      !s.value || !e.value || (e.value = !1, s.value.classList.remove("opacity-0"));
+    }), se("hide-overlays-backdrop", async () => {
+      !s.value || e.value || (e.value = !0, s.value.classList.add("opacity-0"));
+    }), (r, a) => (l(), v(D, null, [
+      m(Fa),
+      m(Ua)
+    ], 64));
+  }
+}), Oa = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Tn = /* @__PURE__ */ g({
+  __name: "AppLayout",
+  setup(t) {
+    return (s, e) => (l(), v("div", Oa, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (l(), h(O(s.$ui.requireComponent(i(E).StartupCrash))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      m(Na)
+    ]));
+  }
+}), Wa = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], In = /* @__PURE__ */ g({
+  __name: "HeadlessInputTextArea",
+  setup(t) {
+    const s = H(), e = V(
+      "input",
+      "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
+    ), r = p(() => e.name ?? void 0), a = p(() => e.value);
+    function n() {
+      s.value && e.update(s.value.value);
+    }
+    return et(e, () => {
+      var o;
+      return (o = s.value) == null ? void 0 : o.focus();
+    }), (o, c) => (l(), v("textarea", {
+      id: i(e).id,
+      ref_key: "$textArea",
+      ref: s,
+      name: r.value,
+      value: a.value,
+      required: i(e).required ?? void 0,
+      "aria-invalid": i(e).errors ? "true" : "false",
+      "aria-describedby": i(e).errors ? `${i(e).id}-error` : i(e).description ? `${i(e).id}-description` : void 0,
+      onInput: n
+    }, null, 40, Wa));
+  }
+}), Ka = { class: "group" }, Ja = { class: "-ml-2 flex w-[max-content] cursor-pointer items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, Qa = { class: "pt-2 pl-4" }, An = /* @__PURE__ */ g({
+  __name: "AdvancedOptions",
+  setup(t) {
+    return (s, e) => (l(), v("details", Ka, [
+      y("summary", Ja, [
+        m(i(pt), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, $(s.$td("ui.advancedOptions", "Advanced options")), 1)
+      ]),
+      y("div", Qa, [
+        w(s.$slots, "default")
+      ])
+    ]));
+  }
+}), Za = { class: "flex h-6 items-center" }, Rn = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    labelClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = Y(t, ["inputClass", "labelClass"]), e = Ee("$input"), [r, a] = tt(), n = p(() => P("relative flex items-start", a.value)), o = p(() => {
+      var u, d;
+      return P(
+        "size-4 rounded text-primary hover:bg-gray-200 checked:hover:bg-primary/80 checked:border-0",
+        {
+          "border-gray-300 focus:ring-primary": !((u = e.value) != null && u.errors),
+          "border-red-400 border-2 focus:ring-red-600": (d = e.value) == null ? void 0 : d.errors
+        },
+        t.inputClass
+      );
+    }), c = p(() => P("ml-2 text-sm leading-6", t.labelClass));
+    return (u, d) => (l(), h(ft, T({
+      ref_key: "$input",
+      ref: e,
+      class: n.value
+    }, s, {
+      "onUpdate:modelValue": d[0] || (d[0] = (b) => u.$emit("update:modelValue", b))
+    }), {
+      default: f(() => [
+        y("div", Za, [
+          m(ht, T(i(r), {
+            type: "checkbox",
+            class: o.value
+          }), null, 16, ["class"])
+        ]),
+        u.$slots.default ? (l(), v("div", {
+          key: 0,
+          class: L(c.value)
+        }, [
+          m(xe, { class: "text-gray-900" }, {
+            default: f(() => [
+              w(u.$slots, "default")
+            ]),
+            _: 3
+          }),
+          m(Ce, { class: "text-red-600" })
+        ], 2)) : u.label ? (l(), v("div", {
+          key: 1,
+          class: L(c.value)
+        }, [
+          m(xe, { class: "text-gray-900" }),
+          m(Ce, { class: "text-red-600" })
+        ], 2)) : M("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), zn = /* @__PURE__ */ g({
+  __name: "DropdownMenu",
+  props: {
+    align: {},
+    options: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(i(gs), null, {
+      default: f(() => [
+        m(i(vs), null, {
+          default: f(() => [
+            w(s.$slots, "default")
+          ]),
+          _: 3
+        }),
+        m(i(bs), null, {
+          default: f(() => [
+            m(i(ys), {
+              class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
+              align: s.align
+            }, {
+              default: f(() => [
+                (l(!0), v(D, null, F(s.options, (r, a) => (l(), h(i(_s), {
+                  key: a,
+                  class: "flex w-full items-center rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
+                  onSelect: r.click
+                }, {
+                  default: f(() => [
+                    R($(r.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onSelect"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["align"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), Ga = ["aria-hidden"], Xa = ["tabindex", "aria-label", "type"], jn = /* @__PURE__ */ g({
+  __name: "EditableContent",
+  props: {
+    type: { default: "text" },
+    contentClass: {},
+    ariaLabel: {},
+    formAriaHidden: { type: Boolean },
+    tabindex: {},
+    text: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update", "save"],
+  setup(t, { emit: s }) {
+    const e = s, r = H(), a = H(null), n = H(t.text), o = p(() => P("inline whitespace-pre", t.contentClass)), c = p(() => P("invisible whitespace-pre", t.contentClass)), u = p(() => P("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function d() {
+      a.value = t.text;
+    }
+    function b() {
+      a.value && (t.type !== "number" && n.value.trim().length === 0 && (n.value = a.value, e("update", n.value)), a.value = null, e("save"));
+    }
+    return de(() => n.value = t.text), (x, S) => (l(), v("div", {
+      class: L(["relative", { "pointer-events-none!": x.disabled && !a.value }])
+    }, [
+      a.value ? (l(), v("span", {
+        key: 1,
+        class: L(c.value)
+      }, $(n.value), 3)) : (l(), v("div", {
+        key: 0,
+        class: L(o.value)
+      }, [
+        w(x.$slots, "default")
+      ], 2)),
+      x.type === "number" ? (l(), v("span", {
+        key: 2,
+        class: L(["inline-block transition-[width]", a.value ? "w-5" : "w-0"])
+      }, null, 2)) : M("", !0),
+      y("form", {
+        class: "w-full",
+        "aria-hidden": x.formAriaHidden,
+        onSubmit: S[4] || (S[4] = qe((W) => {
+          var Ve;
+          return (Ve = r.value) == null ? void 0 : Ve.blur();
+        }, ["prevent"]))
+      }, [
+        Fe(y("input", {
+          ref_key: "$input",
+          ref: r,
+          "onUpdate:modelValue": S[0] || (S[0] = (W) => n.value = W),
+          tabindex: x.tabindex ?? void 0,
+          "aria-label": x.ariaLabel ?? void 0,
+          type: x.type,
+          class: L([
+            u.value,
+            { "opacity-0": !a.value, "appearance-textfield": !a.value && x.type === "number" }
+          ]),
+          onKeyup: S[1] || (S[1] = (W) => x.$emit("update", n.value)),
+          onFocus: S[2] || (S[2] = (W) => d()),
+          onBlur: S[3] || (S[3] = (W) => b())
+        }, null, 42, Xa), [
+          [Et, n.value]
+        ])
+      ], 40, Ga)
+    ], 2));
+  }
+}), Bn = /* @__PURE__ */ g({
+  __name: "ErrorMessage",
+  props: {
+    error: {}
+  },
+  setup(t) {
+    const s = p(() => Js(t.error));
+    return (e, r) => (l(), h(z, {
+      text: s.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), Dn = /* @__PURE__ */ g({
+  __name: "Link",
+  props: {
+    class: {},
+    disabled: { type: Boolean },
+    href: {},
+    route: {},
+    routeParams: {},
+    routeQuery: {},
+    size: {},
+    submit: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (l(), h(I, T({ variant: "link" }, s.$props), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), qn = /* @__PURE__ */ g({
+  __name: "SettingsModal",
+  setup(t) {
+    const s = p(() => qt(j.settings, "priority", "desc"));
+    return (e, r) => (l(), h(ee, {
+      title: e.$td("settings.title", "Settings")
+    }, {
+      default: f(() => [
+        (l(!0), v(D, null, F(s.value, (a, n) => (l(), h(O(a.component), { key: n }))), 128))
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+});
+class Fn {
+  constructor() {
+    _(this, "status");
+    _(this, "_listeners");
+    _(this, "_progress");
+    _(this, "_cancelled");
+    _(this, "_started");
+    _(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new Ft(), this._started = new K(), this._completed = new K();
+  }
+  async start() {
+    this.beforeStart(), this._started.resolve();
+    try {
+      await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
+    } catch (s) {
+      if (s instanceof Re)
+        return;
+      throw Z(Ut(s), (e) => {
+        this._completed.reject(e);
+      });
+    }
+  }
+  async cancel() {
+    this._cancelled = new K(), await this._cancelled;
+  }
+  serialize() {
+    return this.serializeStatus(this.status);
+  }
+  get listeners() {
+    return this._listeners;
+  }
+  get progress() {
+    return this._progress ?? 0;
+  }
+  get cancelled() {
+    var s;
+    return !!((s = this._cancelled) != null && s.isResolved());
+  }
+  get started() {
+    return this._started;
+  }
+  get completed() {
+    return this._completed;
+  }
+  getInitialStatus() {
+    return { completed: !1 };
+  }
+  beforeStart() {
+    if (this._started.isResolved()) {
+      if (this._cancelled) {
+        delete this._progress, delete this._cancelled;
+        return;
+      }
+      throw new Error("Job already started!");
+    }
+  }
+  assertNotCancelled() {
+    if (this._cancelled)
+      throw this._cancelled.resolve(), new Re();
+  }
+  calculateCurrentProgress(s) {
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? Nt(
+      s.children.reduce((e, r) => e + this.calculateCurrentProgress(r), 0) / s.children.length,
+      2
+    ) : 0;
+  }
+  async updateProgress(s) {
+    await (s == null ? void 0 : s(this.status));
+    const e = this.calculateCurrentProgress();
+    e !== this._progress && (this._progress = e, await this._listeners.emit("onUpdated", e));
+  }
+  serializeStatus(s) {
+    return { ...s };
+  }
+}
+async function Un(t) {
+  await t.start();
+}
+export {
+  An as AdvancedOptions,
+  Mr as AlertModal,
+  j as App,
+  Tn as AppLayout,
+  Fa as AppModals,
+  Na as AppOverlays,
+  Ls as AppService,
+  Ua as AppToasts,
+  I as Button,
+  vn as Cache,
+  Rs as CacheService,
+  Rn as Checkbox,
+  jr as ConfirmModal,
+  zn as DropdownMenu,
+  jn as EditableContent,
+  Bn as ErrorMessage,
+  pa as ErrorReportModal,
+  ra as ErrorReportModalButtons,
+  aa as ErrorReportModalTitle,
+  Ge as Errors,
+  pn as EventListenerPriorities,
+  k as Events,
+  Ms as EventsService,
+  ut as Form,
+  Hr as FormController,
+  q as FormFieldTypes,
+  rr as HeadlessButton,
+  ft as HeadlessInput,
+  xa as HeadlessInputDescription,
+  Ce as HeadlessInputError,
+  ht as HeadlessInputInput,
+  xe as HeadlessInputLabel,
+  In as HeadlessInputTextArea,
+  wr as HeadlessModal,
+  $r as HeadlessModalContent,
+  xr as HeadlessModalOverlay,
+  Cr as HeadlessModalTitle,
+  nr as HeadlessSelect,
+  ze as HeadlessSelectLabel,
+  at as HeadlessSelectOption,
+  nt as HeadlessSelectOptions,
+  rt as HeadlessSelectTrigger,
+  st as HeadlessSelectValue,
+  Ra as HeadlessToast,
+  ka as Input,
+  Fn as Job,
+  Re as JobCancelledError,
+  Q as Lang,
+  ce as Layouts,
+  Dn as Link,
+  _a as LoadingModal,
+  Je as MOBILE_BREAKPOINT,
+  z as Markdown,
+  ee as Modal,
+  ct as ModalContext,
+  ba as ProgressBar,
+  La as PromptModal,
+  dr as Select,
+  ot as SelectLabel,
+  lt as SelectOptions,
+  it as SelectTrigger,
+  he as Service,
+  $e as ServiceBootError,
+  qn as SettingsModal,
+  Ia as StartupCrash,
+  js as Storage,
+  za as Toast,
+  A as UI,
+  E as UIComponents,
+  Fs as UIService,
+  Sn as booleanInput,
+  ge as bootServices,
+  Pn as bootstrap,
+  Da as bootstrapApplication,
+  P as classes,
+  $n as computedAsync,
+  xn as computedDebounce,
+  Ye as computedVariantClasses,
+  kn as dateInput,
+  hn as defineDirective,
+  Cn as defineFormValidationRule,
+  fn as definePlugin,
+  fe as defineServiceState,
+  ks as defineServiceStore,
+  mn as defineSettings,
+  Un as dispatch,
+  Qe as getCurrentLayout,
+  Js as getErrorMessage,
+  Ss as getPiniaStore,
+  ar as hasSelectOptionLabel,
+  gn as injectOrFail,
+  Ps as injectReactive,
+  V as injectReactiveOrFail,
+  Hs as installPlugins,
+  Hn as numberInput,
+  _n as onCleanMounted,
+  et as onFormFocus,
+  wn as persistent,
+  yn as registerErrorHandler,
+  tr as renderMarkdown,
+  Ke as renderVNode,
+  bn as replaceExisting,
+  Mn as requiredBooleanInput,
+  En as requiredDateInput,
+  Ln as requiredNumberInput,
+  Vr as requiredStringInput,
+  Cs as resetPiniaStore,
+  sr as safeHtml,
+  Vn as stringInput,
+  Ze as translate,
+  C as translateWithDefault,
+  Pr as useConfirmModal,
+  se as useEvent,
+  dt as useForm,
+  tt as useInputAttrs,
+  ya as useLoadingModal,
+  Ma as usePromptModal,
+  Lr as validate,
+  le as validators
+};
+//# sourceMappingURL=aerogel-core.js.map