@aerogel/core 0.0.0-next.7035064d9ec6a82a936ee8dfcc4b58ed2e25a399 → 0.0.0-next.73a6df428477c011a1aebe0a932ebef0aa5e1b16

package/dist/aerogel-core.js

@@ -0,0 +1,3809 @@
+var kt = Object.defineProperty;
+var St = (t, s, e) => s in t ? kt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var _ = (t, s, e) => St(t, typeof s != "symbol" ? s + "" : s, e);
+import { markRaw as E, Comment as Tt, Text as Mt, Static as Ht, inject as X, reactive as pe, nextTick as Oe, unref as o, watchEffect as Y, defineComponent as g, computed as c, createBlock as h, openBlock as u, mergeProps as H, withCtx as f, renderSlot as w, createPropsRestProxy as N, onUnmounted as ge, ref as U, readonly as ve, useAttrs as Ne, onMounted as Et, watch as Me, toRaw as Vt, createVNode as p, normalizeProps as ne, guardReactiveProps as ae, createTextVNode as I, toDisplayString as x, normalizeClass as k, createElementBlock as b, Fragment as D, renderList as F, provide as le, resolveDynamicComponent as W, useSlots as He, createCommentVNode as T, createElementVNode as y, h as Lt, toRef as Re, useTemplateRef as G, withModifiers as We, withDirectives as Ke, vModelCheckbox as It, normalizeStyle as qt, resolveComponent as zt, createApp as Rt, vModelText as Pt } from "vue";
+import { JSError as be, stringToSlug as At, tap as ee, MagicObject as Qe, PromisedValue as K, Storage as O, objectOnly as oe, arrayFrom as Je, isEmpty as xe, objectDeepClone as Dt, fail as Q, facade as te, arrayRemove as Se, getEnv as jt, updateLocationQueryParameters as Bt, forever as Ft, toString as B, isDevelopment as J, isTesting as Ee, after as ue, uuid as re, required as Ut, isObject as ce, objectWithoutEmpty as Ze, stringMatchAll as Xe, objectWithout as Ot, noop as Nt, debounce as Wt, value as Kt, isInstanceOf as Pe, stringExcerpt as Qt, arraySorted as Jt, ListenersManager as Zt, toError as Xt, round as Yt } from "@noeldemartin/utils";
+import j from "virtual:aerogel";
+import { createPinia as Gt, setActivePinia as es, defineStore as ts } from "pinia";
+import ss from "dompurify";
+import { marked as rs, Renderer as Ae } from "marked";
+import ns from "clsx";
+import { cva as as } from "class-variance-authority";
+import { twMerge as ls } from "tailwind-merge";
+import { Primitive as os, SelectValue as De, SelectTrigger as is, SelectIcon as us, SelectItem as cs, SelectItemText as ds, SelectPortal as ps, SelectContent as ms, SelectViewport as fs, SelectRoot as hs, Label as gs, useForwardExpose as Ve, SwitchRoot as vs, SwitchThumb as bs, DialogRoot as ys, DialogPortal as ws, DialogContent as $s, DialogDescription as _s, DialogOverlay as xs, DialogTitle as Cs, ToastClose as ks, ToastRoot as Ss, ToastProvider as Ts, ToastViewport as Ms, DropdownMenuItem as Hs, DropdownMenuContent as Es, DropdownMenuRoot as Vs, DropdownMenuTrigger as Ls, DropdownMenuPortal as Is } from "reka-ui";
+class Te extends be {
+  constructor(s, e) {
+    super(`Service '${s}' failed booting`, { cause: e });
+  }
+}
+function qs() {
+  return j.namespace ?? At(j.name);
+}
+let Le = null;
+function Ye() {
+  return Le ?? zs();
+}
+function zs() {
+  return ee(Gt(), (t) => {
+    Le = t, es(t);
+  });
+}
+function Rs() {
+  return Le ?? Ye();
+}
+function Ps(t, s) {
+  return Ye(), ts(t, s)();
+}
+function ye(t) {
+  var s;
+  return s = class extends we {
+    usesStore() {
+      return !0;
+    }
+    getName() {
+      return t.name ?? null;
+    }
+    getInitialState() {
+      return typeof t.initialState == "function" ? t.initialState() : Object.entries(t.initialState).reduce((e, [r, n]) => {
+        try {
+          n = structuredClone(n);
+        } 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] = n, 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 ke;
+let we = (ke = class extends Qe {
+  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() && Ps(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 Te(this._name, r));
+    try {
+      this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
+    } catch (r) {
+      e(r);
+    }
+    return this._booted;
+  }
+  hasPersistedState() {
+    return O.has(this.storageKey);
+  }
+  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 n = typeof e == "string" ? { [e]: r } : e, a = oe(this._store.$state, Object.keys(n));
+    Object.assign(this._store.$state, n), this.onStateUpdated(n, a);
+  }
+  updatePersistedState(e) {
+    if (!this._store)
+      return;
+    const r = Je(e), n = oe(this._store.$state, r);
+    xe(n) || this.onPersistentStateUpdated(n);
+  }
+  __get(e) {
+    return this.hasState(e) ? this.getState(e) : super.__get(e);
+  }
+  __set(e, r) {
+    this.setState({ [e]: r });
+  }
+  get storageKey() {
+    return `${qs()}:${this._name}`;
+  }
+  onStateUpdated(e, r) {
+    const n = oe(e, this.static("persist"));
+    xe(n) || this.onPersistentStateUpdated(n);
+    for (const a in e) {
+      const i = this._watchers[a];
+      !i || e[a] === r[a] || i.call(this, e[a], r[a]);
+    }
+  }
+  onPersistentStateUpdated(e) {
+    const r = O.get(this.storageKey);
+    r && O.set(this.storageKey, {
+      ...r,
+      ...this.serializePersistedState(Dt(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() || xe(this.static("persist")))) {
+      if (O.has(this.storageKey)) {
+        const e = O.require(this.storageKey);
+        this.setState(this.deserializePersistedState(e));
+        return;
+      }
+      O.set(this.storageKey, oe(this.getState(), this.static("persist")));
+    }
+  }
+  requireStore() {
+    return this._store ? this._store : Q(`Failed getting '${this._name}' store`);
+  }
+}, _(ke, "persist", []), ke);
+const ll = {
+  Low: -256,
+  Default: 0,
+  High: 256
+};
+class As extends we {
+  constructor() {
+    super(...arguments);
+    _(this, "listeners", {});
+  }
+  async boot() {
+    Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, r]) => (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.on(e, r)
+    ));
+  }
+  async emit(e, r) {
+    var a;
+    const n = this.listeners[e] ?? { priorities: [], handlers: {} };
+    for (const i of n.priorities)
+      await Promise.all(((a = n.handlers[i]) == null ? void 0 : a.map((l) => l(r))) ?? []);
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  on(e, r, n) {
+    const a = typeof r == "function" ? {} : typeof r == "number" ? { priority: r } : r, i = typeof r == "function" ? r : n;
+    return this.registerListener(e, a, i), () => this.off(e, i);
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  once(e, r, n) {
+    let a = null;
+    const i = typeof r == "function" ? {} : r, l = typeof r == "function" ? r : n;
+    return ee(
+      () => a && this.off(e, a),
+      (d) => {
+        a = (...v) => (d(), l(...v)), this.registerListener(e, i, l);
+      }
+    );
+  }
+  off(e, r) {
+    var i;
+    const n = this.listeners[e];
+    if (!n)
+      return;
+    const a = [...n.priorities];
+    for (const l of a)
+      Se(n.handlers[l] ?? [], r), ((i = n.handlers[l]) == null ? void 0 : i.length) === 0 && (delete n.handlers[l], Se(n.priorities, l));
+    n.priorities.length === 0 && delete this.listeners[e];
+  }
+  registerListener(e, r, n) {
+    var d, v, $;
+    const a = r.priority ?? 0;
+    e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
+    const i = ((d = this.listeners[e]) == null ? void 0 : d.priorities) ?? Q(`priorities missing for event '${e}'`), l = ((v = this.listeners[e]) == null ? void 0 : v.handlers) ?? Q(`handlers missing for event '${e}'`);
+    i.includes(a) || (i.push(a), i.sort((m, C) => C - m), l[a] = []), ($ = l[a]) == null || $.push(n);
+  }
+}
+const R = te(As);
+function ol(t) {
+  return t;
+}
+const Ds = ye({
+  name: "app",
+  initialState: {
+    plugins: {},
+    instance: null,
+    environment: jt() ?? "development",
+    version: j.version,
+    sourceUrl: j.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." + j.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + j.sourceHash.toString().substring(0, 7) : `v${t.version}`;
+    },
+    versionUrl(t) {
+      return t.sourceUrl + (this.development || this.staging ? `/tree/${j.sourceHash}` : `/releases/tag/${this.versionName}`);
+    }
+  }
+});
+class js extends Ds {
+  constructor() {
+    super(...arguments);
+    _(this, "name", j.name);
+    _(this, "ready", new K());
+    _(this, "mounted", new K());
+  }
+  isReady() {
+    return this.ready.isResolved();
+  }
+  isMounted() {
+    return this.mounted.isResolved();
+  }
+  addSetting(e) {
+    this.settings.push(E(e));
+  }
+  async whenReady(e) {
+    return await this.ready.then(e);
+  }
+  async reload(e) {
+    e && Bt(e), location.reload(), await Ft();
+  }
+  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() {
+    R.once("application-ready", () => this.ready.resolve()), R.once("application-mounted", () => this.mounted.resolve());
+  }
+}
+const A = te(js);
+function il(t) {
+  return t;
+}
+async function Bs(t, ...s) {
+  A.setState(
+    "plugins",
+    t.reduce(
+      (e, r) => (r.name && (e[r.name] = r), e),
+      {}
+    )
+  ), await Promise.all(t.map((e) => e.install(...s)) ?? []);
+}
+function Fs(t) {
+  return Object.entries(t.props ?? {}).reduce((s, [e, r]) => s + `${e}="${B(r)}"`, "");
+}
+function ul(t) {
+  return t;
+}
+function Us(t) {
+  const s = X(t);
+  return s ? pe(s) : void 0;
+}
+function V(t, s) {
+  return Us(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+}
+function Os(t, s) {
+  return X(t) ?? Q(s ?? `Could not resolve '${B(t)}' injection key`);
+}
+function Ge(t) {
+  return typeof t == "string" ? t : t.type === Tt ? "" : t.type === Mt || t.type === Ht ? t.children : t.type === "br" ? `
+
+` : `<${t.type} ${Fs(t)}>${Array.from(t.children).map(Ge).join("")}</${t.type}>`;
+}
+const Ce = /* @__PURE__ */ new WeakMap(), Ns = {
+  mounted(t, { value: s, modifiers: e }) {
+    const r = typeof s == "function" ? s : null, n = () => {
+      const a = t.getBoundingClientRect();
+      e.css && (t.style.setProperty("--width", `${a.width}px`), t.style.setProperty("--height", `${a.height}px`)), r == null || r({ width: a.width, height: a.height });
+    };
+    e.watch && Ce.set(t, ee(new ResizeObserver(n)).observe(t)), n();
+  },
+  unmounted(t) {
+    var s;
+    (s = Ce.get(t)) == null || s.unobserve(t), Ce.delete(t);
+  }
+}, Ws = {
+  measure: Ns
+}, Ks = {
+  install(t, s) {
+    const e = {
+      ...Ws,
+      ...s.directives
+    };
+    for (const [r, n] of Object.entries(e))
+      t.directive(r, n);
+  }
+};
+class Qs extends we {
+  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 n = await this.open();
+    (await n.keys(e)).length !== 0 && await n.put(e, r);
+  }
+  async open() {
+    return this.cache = this.cache ?? ee(new K(), (e) => {
+      caches.open("app").then((r) => e.resolve(r));
+    });
+  }
+}
+const cl = te(Qs);
+class Js extends we {
+  async purge() {
+    await R.emit("purge-storage");
+  }
+}
+const et = te(Js);
+function dl(t, s) {
+  return {
+    ...t,
+    ...oe(s, Object.keys(t))
+  };
+}
+const Zs = {
+  $app: A,
+  $events: R,
+  $storage: et
+};
+async function $e(t, s) {
+  await Promise.all(
+    Object.entries(s).map(async ([e, r]) => {
+      await r.launch().catch((n) => {
+        var a, i;
+        return (i = (a = t.config).errorHandler) == null ? void 0 : i.call(a, n, null, `Failed launching ${e}.`);
+      });
+    })
+  ), Object.assign(t.config.globalProperties, s), (J() || Ee()) && Object.assign(globalThis, s);
+}
+const Xs = {
+  async install(t, s) {
+    var r;
+    const e = {
+      ...Zs,
+      ...s.services
+    };
+    t.use(Rs()), (r = s.settings) == null || r.forEach((n) => A.addSetting(n)), await $e(t, e);
+  }
+}, tt = 768, me = {
+  Mobile: "mobile",
+  Desktop: "desktop"
+};
+function st() {
+  return globalThis.innerWidth > tt ? me.Desktop : me.Mobile;
+}
+const Ys = ye({
+  name: "ui",
+  initialState: {
+    modals: [],
+    toasts: [],
+    layout: st()
+  },
+  computed: {
+    desktop: ({ layout: t }) => t === me.Desktop,
+    mobile: ({ layout: t }) => t === me.Mobile,
+    openModals: ({ modals: t }) => t.filter(({ closing: s }) => !s)
+  }
+});
+class Gs extends Ys {
+  constructor() {
+    super(...arguments);
+    _(this, "modalCallbacks", {});
+    _(this, "components", {});
+  }
+  registerComponent(e, r) {
+    this.components[e] = r;
+  }
+  resolveComponent(e) {
+    return this.components[e] ?? null;
+  }
+  requireComponent(e) {
+    return this.resolveComponent(e) ?? Q(`UI Component '${e}' is not defined!`);
+  }
+  alert(e, r) {
+    const n = () => typeof r != "string" ? { message: e } : {
+      title: e,
+      message: r
+    };
+    this.modal(this.requireComponent("alert-modal"), n());
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  async confirm(e, r, n) {
+    const i = typeof r != "string" ? {
+      ...r ?? {},
+      message: e,
+      required: !!(r != null && r.required)
+    } : {
+      ...n ?? {},
+      title: e,
+      message: r,
+      required: !!(n != null && n.required)
+    }, l = await this.modalForm(this.requireComponent("confirm-modal"), i), d = typeof l == "object" ? l[0] : l ?? !1, v = typeof l == "object" ? l[1] : Object.entries(i.checkboxes ?? {}).reduce(
+      ($, [m, { default: C }]) => ({
+        [m]: C ?? !1,
+        ...$
+      }),
+      {}
+    );
+    for (const [$, m] of Object.entries(i.checkboxes ?? {}))
+      if (!(!m.required || v[$]))
+        return d && J() && console.warn(`Confirmed confirm modal was suppressed because required '${$}' checkbox was missing`), [!1, v];
+    return "checkboxes" in i ? [d, v] : d;
+  }
+  async prompt(e, r, n) {
+    const a = (n == null ? void 0 : n.trim) ?? !0, i = () => typeof r != "string" ? {
+      message: e,
+      ...r ?? {}
+    } : {
+      title: e,
+      message: r,
+      ...n ?? {}
+    }, l = await this.modalForm(this.requireComponent("prompt-modal"), i());
+    return (a && typeof l == "string" ? l == null ? void 0 : l.trim() : l) ?? null;
+  }
+  async loading(e, r) {
+    const n = (m) => typeof m == "function" ? Promise.resolve(m()) : m, a = () => {
+      if (typeof e == "string")
+        return {
+          props: { message: e },
+          operationPromise: n(r)
+        };
+      if (typeof e == "function" || e instanceof Promise)
+        return { operationPromise: n(e) };
+      const { delay: m, ...C } = e;
+      return {
+        props: C,
+        delay: o(m),
+        operationPromise: n(r)
+      };
+    };
+    let i = !1;
+    const { operationPromise: l, props: d, delay: v } = a();
+    if (v && await Promise.race([ue({ ms: v }).then(() => i = !0), l]), v && !i)
+      return l;
+    const $ = await this.modal(this.requireComponent("loading-modal"), d);
+    try {
+      const m = await l;
+      return await ue({ ms: 500 }), m;
+    } finally {
+      await this.closeModal($.id);
+    }
+  }
+  toast(e, r = {}) {
+    const { component: n, ...a } = r, i = {
+      id: re(),
+      properties: { message: e, ...a },
+      component: E(n ?? this.requireComponent("toast"))
+    };
+    this.setState("toasts", this.toasts.concat(i));
+  }
+  async modal(e, r) {
+    const n = re(), a = {}, i = {
+      id: n,
+      closing: !1,
+      properties: r ?? {},
+      component: E(e),
+      beforeClose: new Promise((d) => a.willClose = d),
+      afterClose: new Promise((d) => a.hasClosed = d)
+    }, l = this.modals.concat(i);
+    return this.modalCallbacks[i.id] = a, this.setState({ modals: l }), await Oe(), i;
+  }
+  async modalForm(e, r) {
+    return await (await this.modal(e, r)).beforeClose;
+  }
+  async closeModal(e, r) {
+    if (!A.isMounted()) {
+      await this.removeModal(e, r);
+      return;
+    }
+    await R.emit("close-modal", { id: e, result: r });
+  }
+  async closeAllModals() {
+    for (; this.modals.length > 0; )
+      await this.closeModal(Ut(this.modals[this.modals.length - 1]).id);
+  }
+  async boot() {
+    this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
+  }
+  async removeModal(e, r) {
+    var n, a;
+    this.setState(
+      "modals",
+      this.modals.filter((i) => i.id !== e)
+    ), (a = (n = this.modalCallbacks[e]) == null ? void 0 : n.hasClosed) == null || a.call(n, r), delete this.modalCallbacks[e];
+  }
+  watchModalEvents() {
+    R.on("modal-will-close", ({ modal: { id: e }, result: r }) => {
+      var a, i;
+      const n = this.modals.find((l) => e === l.id);
+      n && (n.closing = !0), (i = (a = this.modalCallbacks[e]) == null ? void 0 : a.willClose) == null || i.call(a, r);
+    }), R.on("modal-has-closed", async ({ modal: { id: e }, result: r }) => {
+      await this.removeModal(e, r);
+    });
+  }
+  watchMountedEvent() {
+    R.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 ue({ ms: 600 })), e.remove());
+    });
+  }
+  watchViewportBreakpoints() {
+    if (!globalThis.matchMedia)
+      return;
+    globalThis.matchMedia(`(min-width: ${tt}px)`).addEventListener("change", () => this.setState({ layout: st() }));
+  }
+}
+const z = te(Gs);
+class er {
+  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 J() && console.warn("Lang provider is missing"), s;
+  }
+  translateWithDefault(s, e) {
+    return J() && console.warn("Lang provider is missing"), e;
+  }
+}
+const tr = ye({
+  name: "lang",
+  persist: ["locale", "fallbackLocale"],
+  initialState: {
+    locale: null,
+    locales: ["en"],
+    fallbackLocale: "en"
+  }
+});
+class sr extends tr {
+  constructor() {
+    super();
+    _(this, "provider");
+    this.provider = new er(
+      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, n = {}) {
+    return this.provider.translateWithDefault(e, r, n);
+  }
+  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 Z = te(sr), rt = Z.translate.bind(Z), S = Z.translateWithDefault.bind(Z), rr = ye({
+  name: "errors",
+  initialState: {
+    logs: [],
+    startupErrors: [],
+    debug: !1
+  },
+  computed: {
+    hasErrors: ({ logs: t }) => t.length > 0,
+    hasNewErrors: ({ logs: t }) => t.some((s) => !s.seen),
+    hasStartupErrors: ({ startupErrors: t }) => t.length > 0
+  }
+});
+class nr extends rr {
+  constructor() {
+    super(...arguments);
+    _(this, "forceReporting", !1);
+    _(this, "enabled", !0);
+    _(this, "eruda", null);
+  }
+  enable() {
+    this.enabled = !0;
+  }
+  disable() {
+    this.enabled = !1;
+  }
+  async inspect(e, r) {
+    if (Array.isArray(e) && e.length === 0) {
+      z.alert(S("errors.inspectEmpty", "Nothing to inspect!"));
+      return;
+    }
+    const n = Array.isArray(e) ? e[0] : this.isErrorReport(e) ? e : await this.createErrorReport(e), a = Array.isArray(e) ? e : r ?? [n];
+    z.modal(z.requireComponent("error-report-modal"), { report: n, reports: a });
+  }
+  async report(e, r) {
+    if (await R.emit("error", { error: e, message: r }), Ee("unit") || (J() && this.logError(e), !this.enabled))
+      throw e;
+    if (!A.isMounted()) {
+      const i = await this.createStartupErrorReport(e);
+      i && this.setState({ startupErrors: this.startupErrors.concat(i) });
+      return;
+    }
+    const n = await this.createErrorReport(e), a = {
+      report: n,
+      seen: !1,
+      date: /* @__PURE__ */ new Date()
+    };
+    z.toast(
+      r ?? S("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+      {
+        variant: "danger",
+        actions: [
+          {
+            label: S("errors.viewDetails", "View details"),
+            dismiss: !0,
+            click: () => z.modal(z.requireComponent("error-report-modal"), { report: n, reports: [n] })
+          }
+        ]
+      }
+    ), this.setState({ logs: [a].concat(this.logs) });
+  }
+  reportDevelopmentError(e, r) {
+    J() && (r && console.warn(r), this.logError(e));
+  }
+  see(e) {
+    this.setState({
+      logs: this.logs.map((r) => r.report !== e ? r : {
+        ...r,
+        seen: !0
+      })
+    });
+  }
+  async boot() {
+    Y(async () => {
+      var e;
+      if (!this.debug) {
+        (e = this.eruda) == null || e.destroy();
+        return;
+      }
+      this.eruda ?? (this.eruda = (await import("eruda")).default), this.eruda.init();
+    });
+  }
+  logError(e) {
+    console.error(e), ce(e) && e.cause && this.logError(e.cause);
+  }
+  isErrorReport(e) {
+    return ce(e) && "title" in e;
+  }
+  async createErrorReport(e) {
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof be ? this.createErrorReportFromError(e) : ce(e) ? Ze({
+      title: B(
+        e.name ?? e.title ?? S("errors.unknown", "Unknown Error")
+      ),
+      description: B(
+        e.message ?? e.description ?? S("errors.unknownDescription", "Unknown error object")
+      ),
+      error: e
+    }) : {
+      title: S("errors.unknown", "Unknown Error"),
+      error: e
+    };
+  }
+  async createStartupErrorReport(e) {
+    return e instanceof Te ? e.cause instanceof Te ? 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 nt = te(nr);
+let ie = null;
+function ar() {
+  return ee(new Ae(), (t) => {
+    t.link = function(s) {
+      const e = Ae.prototype.link.apply(this, [s]);
+      return s.href.startsWith("#") ? e : e.replace("<a", '<a target="_blank"');
+    };
+  });
+}
+function lr(t) {
+  const s = Xe(t, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, n] of s)
+    t = t.replace(e, `<button type="button" data-markdown-action="${r}">${n}</button>`);
+  return t;
+}
+function or(t) {
+  const s = Xe(t, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, r, n] of s) {
+    const a = (ie == null ? void 0 : ie.resolve(r)) ?? r;
+    t = t.replace(e, `<a data-markdown-route="${r}" href="${a}">${n}</a>`);
+  }
+  return t;
+}
+function ir() {
+  return ie;
+}
+function pl(t) {
+  ie = t;
+}
+function ur(t) {
+  let s = rs(t, { renderer: ar(), async: !1 });
+  return s = cr(s), s = lr(s), s = or(s), s;
+}
+function cr(t) {
+  return ss.sanitize(t, { ADD_ATTR: ["target"] });
+}
+const at = /* @__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 = c(() => t.as ? { as: t.as } : t.route ? {
+      as: z.resolveComponent("router-link") ?? "a",
+      to: Ze({
+        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) => (u(), h(o(os), H({
+      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 lt(t, s) {
+  const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, i = as(n, a);
+  return M(i(r), o(e));
+}
+function M(...t) {
+  return ls(ns(t));
+}
+const q = /* @__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 = N(t, ["class", "size", "variant", "disabled"]), e = c(() => lt(
+      { baseClasses: t.class, variant: t.variant, size: t.size, disabled: t.disabled },
+      {
+        baseClasses: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
+        variants: {
+          variant: {
+            default: "bg-primary-600 text-white focus-visible:outline-primary-600",
+            secondary: "bg-background text-gray-900 ring-gray-300",
+            danger: "bg-red-600 text-white focus-visible:outline-red-600",
+            ghost: "bg-transparent",
+            outline: "bg-transparent text-primary-600 ring-primary-600",
+            link: "text-links"
+          },
+          size: {
+            small: "text-xs min-h-6",
+            default: "text-sm min-h-8",
+            large: "text-base min-h-10",
+            icon: "rounded-full p-2.5"
+          },
+          disabled: {
+            false: null,
+            true: "opacity-50 cursor-not-allowed"
+          }
+        },
+        compoundVariants: [
+          {
+            variant: ["default", "secondary", "danger", "ghost", "outline"],
+            class: "flex items-center justify-center gap-1 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-500"
+          },
+          {
+            variant: ["secondary", "ghost", "outline"],
+            disabled: !1,
+            class: "hover:bg-gray-50"
+          },
+          {
+            variant: "danger",
+            disabled: !1,
+            class: "hover:bg-red-500"
+          },
+          {
+            variant: "link",
+            disabled: !1,
+            class: "hover:underline"
+          },
+          {
+            variant: "link",
+            size: "small",
+            class: "leading-6"
+          },
+          {
+            variant: "link",
+            size: "default",
+            class: "leading-8"
+          },
+          {
+            variant: "link",
+            size: "large",
+            class: "leading-10"
+          }
+        ],
+        defaultVariants: {
+          variant: "default",
+          size: "default",
+          disabled: !1
+        }
+      }
+    ));
+    return (r, n) => (u(), h(at, H({
+      class: e.value,
+      disabled: r.disabled
+    }, s), {
+      default: f(() => [
+        w(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "disabled"]));
+  }
+});
+function dr(t) {
+  return typeof t == "object" && t !== null && "label" in t;
+}
+function ot(t, s) {
+  const e = R.on(t, s);
+  ge(() => e());
+}
+const pr = {
+  required: (t) => t ? void 0 : "required"
+};
+function mr(t, s) {
+  var e;
+  if (t == null)
+    return !0;
+  switch (s.type) {
+    case "string":
+      return typeof t == "string";
+    case "enum":
+      return !!((e = s.values) != null && e.includes(t));
+    case "number":
+      return typeof t == "number";
+    case "boolean":
+      return typeof t == "boolean";
+    case "date":
+      return t instanceof Date;
+    case "object":
+      return typeof t == "object";
+  }
+}
+const de = { ...pr };
+function ml(t, s) {
+  de[t] = s;
+}
+function fr(t, s) {
+  return mr(t, s) ? [] : ["invalid_value"];
+}
+function hr(t, s) {
+  var r;
+  const e = (r = de[s]) == null ? void 0 : r.call(de, t);
+  return e ? Je(e) : [];
+}
+const fl = Symbol(), je = /* @__PURE__ */ new WeakMap();
+class gr extends Qe {
+  constructor(e) {
+    super();
+    _(this, "errors");
+    _(this, "_fields");
+    _(this, "_data");
+    _(this, "_submitted");
+    _(this, "_errors");
+    _(this, "_listeners", {});
+    this._fields = e, this._submitted = U(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), je.set(
+      this,
+      c(() => !Object.values(this._errors).some((r) => r !== null))
+    ), this.errors = ve(this._errors);
+  }
+  get valid() {
+    var e;
+    return !!((e = je.get(this)) != null && e.value);
+  }
+  get submitted() {
+    return this._submitted.value;
+  }
+  setFieldValue(e, r) {
+    const n = this._fields[e] ?? Q(`Trying to set undefined '${B(e)}' field`);
+    this._data[e] = n.type === "string" && (n.trim ?? !0) ? B(r).trim() : r, this._submitted.value && this.validate();
+  }
+  getFieldValue(e) {
+    return this._data[e];
+  }
+  getFieldRules(e) {
+    var r, n;
+    return ((n = (r = this._fields[e]) == null ? void 0 : r.rules) == null ? void 0 : n.split("|")) ?? [];
+  }
+  getFieldType(e) {
+    var r;
+    return ((r = this._fields[e]) == null ? void 0 : r.type) ?? null;
+  }
+  data() {
+    return { ...this._data };
+  }
+  validate() {
+    const e = Object.entries(this._fields).reduce(
+      (r, [n, a]) => (r[n] = this.getFieldErrors(n, a), 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((n) => n())), e;
+  }
+  on(e, r) {
+    var n, a;
+    return (n = this._listeners)[e] ?? (n[e] = []), (a = this._listeners[e]) == null || a.push(r), () => this.off(e, r);
+  }
+  off(e, r) {
+    Se(this._listeners[e] ?? [], r);
+  }
+  async focus(e) {
+    var r;
+    await Oe(), (r = this._listeners.focus) == null || r.forEach((n) => n(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 l;
+    const n = [], a = this._data[e], i = ((l = r.rules) == null ? void 0 : l.split("|")) ?? [];
+    n.push(...fr(a, r));
+    for (const d of i)
+      d !== "required" && a == null || n.push(...hr(a, d));
+    return n.length > 0 ? n : null;
+  }
+  getInitialData(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.entries(e).reduce((n, [a, i]) => (n[a] = i.default ?? null, n), {});
+    return pe(r);
+  }
+  getInitialErrors(e) {
+    if (this.static().isConjuring())
+      return {};
+    const r = Object.keys(e).reduce((n, a) => (n[a] = null, n), {});
+    return pe(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 it(t, s) {
+  const e = X("form", null), r = e == null ? void 0 : e.on("focus", (n) => t.name === n && s());
+  ge(() => r == null ? void 0 : r());
+}
+function ut(t) {
+  return new gr(t);
+}
+function Ie() {
+  const t = Ne(), s = c(() => t.class);
+  return [c(() => Ot(t, "class")), s];
+}
+function hl(t) {
+  let s = Nt;
+  Et(() => s = t()), ge(() => s());
+}
+function gl(t, s) {
+  const e = pe(O.get(t) ?? s);
+  return Me(e, () => O.set(t, Vt(e))), e;
+}
+function vl(t) {
+  const s = U(), e = c(t);
+  return Me(e, async () => s.value = await e.value, { immediate: !0 }), s;
+}
+function bl(t, s) {
+  const e = s ? t : {}, r = s ?? t, n = U(e.initial ?? null), a = Wt((i) => n.value = i, e.delay ?? 300);
+  return Y(() => a(r())), n;
+}
+const ct = /* @__PURE__ */ g({
+  __name: "HeadlessSelectValue",
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectValue> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => e.$slots.default ? (u(), h(o(De), {
+      key: 0,
+      placeholder: o(s).placeholder
+    }, {
+      default: f(() => [
+        w(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["placeholder"])) : (u(), h(o(De), {
+      key: 1,
+      placeholder: o(s).placeholder
+    }, null, 8, ["placeholder"]));
+  }
+}), dt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectTrigger",
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectTrigger> must be a child of a <HeadlessSelect>"
+    );
+    return (e, r) => (u(), h(o(is), {
+      id: o(s).id
+    }, {
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          p(ct, {
+            placeholder: o(s).placeholder
+          }, null, 8, ["placeholder"]),
+          p(o(us))
+        ])
+      ]),
+      _: 3
+    }, 8, ["id"]));
+  }
+}), pt = /* @__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 = c(() => {
+      var n;
+      const r = (n = s.options) == null ? void 0 : n.find((a) => a.value === t.value);
+      return r ? r.label : B(t.value);
+    });
+    return (r, n) => (u(), h(o(cs), ne(ae(r.$props)), {
+      default: f(() => [
+        p(o(ds), null, {
+          default: f(() => [
+            w(r.$slots, "default", {}, () => [
+              I(x(e.value), 1)
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 16));
+  }
+}), mt = /* @__PURE__ */ g({
+  __name: "HeadlessSelectOptions",
+  props: {
+    class: {},
+    innerClass: {}
+  },
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectOptions> must be a child of a <HeadlessSelect>"
+    ), e = c(() => M("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (u(), h(o(ps), null, {
+      default: f(() => [
+        p(o(ms), {
+          position: "popper",
+          class: k(e.value),
+          align: o(s).align,
+          side: o(s).side,
+          "side-offset": 4
+        }, {
+          default: f(() => [
+            p(o(fs), {
+              class: k(r.innerClass)
+            }, {
+              default: f(() => [
+                w(r.$slots, "default", {}, () => [
+                  (u(!0), b(D, null, F(o(s).options ?? [], (a) => (u(), h(pt, {
+                    key: a.key,
+                    value: a.value
+                  }, null, 8, ["value"]))), 128))
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        }, 8, ["class", "align", "side"])
+      ]),
+      _: 3
+    }));
+  }
+}), vr = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessSelect",
+  props: {
+    as: { default: "div" },
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    compareOptions: { type: Function, default: (t, s) => t === s },
+    labelClass: {},
+    optionsClass: {},
+    align: {},
+    side: {},
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), i = c(() => a.value), l = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), d = c(() => t.options ? t.options.map((m) => ({
+      key: re(),
+      label: t.renderOption ? t.renderOption(m) : dr(m) ? Kt(m.label) : B(m),
+      value: m
+    })) : null), v = {
+      labelClass: t.labelClass,
+      optionsClass: t.optionsClass,
+      align: t.align,
+      side: t.side,
+      value: a,
+      id: `select-${re()}`,
+      name: c(() => t.name),
+      label: c(() => t.label),
+      description: c(() => t.description),
+      placeholder: c(() => t.placeholder ?? S("ui.select", "Select an option")),
+      options: d,
+      selectedOption: c(() => {
+        var m;
+        return (m = d.value) == null ? void 0 : m.find((C) => C.value === t.modelValue);
+      }),
+      errors: ve(l),
+      required: c(() => {
+        if (!(!t.name || !n))
+          return n.getFieldRules(t.name).includes("required");
+      }),
+      update(m) {
+        if (n && t.name) {
+          n.setFieldValue(t.name, m);
+          return;
+        }
+        r("update:modelValue", m);
+      }
+    };
+    function $(m) {
+      v.update(m);
+    }
+    return le("select", v), s(v), (m, C) => (u(), h(o(hs), {
+      "model-value": i.value,
+      by: m.compareOptions,
+      "onUpdate:modelValue": C[0] || (C[0] = (L) => $(L))
+    }, {
+      default: f(({ open: L }) => [
+        (u(), h(W(m.as), ne(ae(m.$attrs)), {
+          default: f(() => [
+            w(m.$slots, "default", {
+              modelValue: m.modelValue,
+              open: L
+            }, () => [
+              p(dt),
+              p(mt)
+            ])
+          ]),
+          _: 2
+        }, 1040))
+      ]),
+      _: 3
+    }, 8, ["model-value", "by"]));
+  }
+}), Be = /* @__PURE__ */ g({
+  __name: "HeadlessSelectLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const s = V(
+      "select",
+      "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
+    ), e = He(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (u(), h(o(gs), H({
+      key: 0,
+      for: o(s).id
+    }, n.$props), {
+      default: f(() => [
+        w(n.$slots, "default", {}, () => [
+          I(x(o(s).label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["for"])) : T("", !0);
+  }
+}), ft = /* @__PURE__ */ g({
+  __name: "SelectLabel",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = V("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => M("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
+    return (r, n) => r.$slots.default ? (u(), h(Be, {
+      key: 0,
+      class: k(e.value)
+    }, {
+      default: f(() => [
+        w(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"])) : (u(), h(Be, {
+      key: 1,
+      class: k(e.value)
+    }, null, 8, ["class"]));
+  }
+}), Fe = /* @__PURE__ */ g({
+  __name: "SelectOption",
+  props: {
+    value: {},
+    class: {},
+    innerClass: {}
+  },
+  setup(t) {
+    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
+      // eslint-disable-next-line vue/max-len
+      "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
+      t.innerClass
+    ));
+    return (r, n) => (u(), h(pt, {
+      class: k(s.value),
+      value: r.value
+    }, {
+      default: f(() => [
+        y("div", {
+          class: k(e.value)
+        }, [
+          w(r.$slots, "default")
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["class", "value"]));
+  }
+}), ht = /* @__PURE__ */ g({
+  __name: "SelectOptions",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = V("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => M(
+      "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
+      s.optionsClass,
+      t.class
+    ));
+    return (r, n) => (u(), h(mt, {
+      class: k(e.value)
+    }, {
+      default: f(() => {
+        var a;
+        return [
+          (a = o(s).options) != null && a.length ? w(r.$slots, "default", { key: 0 }, () => {
+            var i;
+            return [
+              (u(!0), b(D, null, F(((i = o(s)) == null ? void 0 : i.options) ?? [], (l) => (u(), h(Fe, {
+                key: l.key,
+                value: l.value
+              }, {
+                default: f(() => [
+                  I(x(l.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ];
+          }) : w(r.$slots, "default", { key: 1 }, () => [
+            p(Fe, {
+              disabled: "",
+              value: null
+            }, {
+              default: f(() => [
+                I(x(r.$td("ui.selectEmpty", "No options available")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ];
+      }),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), br = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function yr(t, s) {
+  return u(), b("svg", br, 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 wr = E({ name: "zondicons-cheveron-down", render: yr }), gt = /* @__PURE__ */ g({
+  __name: "SelectTrigger",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const s = V("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
+      // eslint-disable-next-line vue/max-len
+      "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
+      { "mt-1": s.label },
+      t.class
+    ));
+    return (r, n) => (u(), h(dt, {
+      class: k(e.value)
+    }, {
+      default: f(() => [
+        p(ct, { class: "col-start-1 row-start-1 truncate pr-6" }),
+        p(o(wr), { class: "col-start-1 row-start-1 size-5 self-center justify-self-end text-gray-500 sm:size-4" })
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), $r = /* @__PURE__ */ g({
+  __name: "Select",
+  props: {
+    as: {},
+    options: {},
+    placeholder: {},
+    renderOption: { type: Function },
+    compareOptions: { type: Function },
+    labelClass: {},
+    optionsClass: {},
+    align: {},
+    side: {},
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const { forwardRef: s } = Ve();
+    return (e, r) => (u(), h(vr, H({ ref: o(s) }, e.$props, {
+      "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
+    }), {
+      default: f(() => [
+        p(ft),
+        w(e.$slots, "default", {}, () => [
+          p(gt),
+          p(ht)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), _r = { class: "grow" }, xr = /* @__PURE__ */ g({
+  __name: "Language",
+  setup(t) {
+    const s = Z.getBrowserLocale(), e = c(() => [null, ...Z.locales]);
+    function r(n) {
+      return (n && j.locales[n]) ?? S("settings.localeDefault", "{locale} (default)", {
+        locale: j.locales[s] ?? s
+      });
+    }
+    return (n, a) => (u(), h($r, {
+      modelValue: n.$lang.locale,
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.$lang.locale = i),
+      class: "flex flex-col items-start md:flex-row",
+      as: "div",
+      options: e.value,
+      "render-option": r
+    }, {
+      default: f(() => [
+        y("div", _r, [
+          p(ft, { class: "text-base font-semibold" }, {
+            default: f(() => [
+              I(x(n.$td("settings.locale", "Language")), 1)
+            ]),
+            _: 1
+          }),
+          p(P, {
+            "lang-key": "settings.localeDescription",
+            "lang-default": "Choose the application's language.",
+            class: "mt-1 text-sm text-gray-500"
+          })
+        ]),
+        p(q, {
+          variant: "ghost",
+          as: gt,
+          class: "grid w-auto outline-none"
+        }),
+        p(ht)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "options"]));
+  }
+}), Cr = [
+  {
+    priority: 100,
+    component: xr
+  }
+], kr = { $lang: Z }, Sr = {
+  async install(t) {
+    var s;
+    (s = t.config.globalProperties).$t ?? (s.$t = rt), t.config.globalProperties.$td = S, Cr.forEach((e) => A.addSetting(e)), await $e(t, kr);
+  }
+}, Tr = /* @__PURE__ */ g({
+  __name: "Markdown",
+  props: {
+    as: {},
+    inline: { type: Boolean },
+    langKey: {},
+    langParams: {},
+    langDefault: {},
+    text: {},
+    actions: {}
+  },
+  setup(t) {
+    const s = Ne(), e = He(), r = c(() => e.default ? e.default().map(Ge).join("") : t.text ?? (t.langKey && (t.langDefault ? S(t.langKey, t.langDefault, t.langParams ?? {}) : rt(t.langKey, t.langParams ?? {})))), n = c(() => {
+      if (!r.value)
+        return null;
+      let l = ur(r.value);
+      return t.inline && (l = l.replace("<p>", "<span>").replace("</p>", "</span>")), l;
+    }), a = () => Lt(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: n.value,
+      onClick: i,
+      ...s,
+      class: `${s.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function i(l) {
+      var v, $;
+      const { target: d } = l;
+      if (Pe(d, HTMLElement) && d.dataset.markdownAction) {
+        ($ = (v = t.actions) == null ? void 0 : v[d.dataset.markdownAction]) == null || $.call(v);
+        return;
+      }
+      if (Pe(d, HTMLAnchorElement) && d.dataset.markdownRoute) {
+        const m = ir();
+        m && (l.preventDefault(), m.visit(d.dataset.markdownRoute));
+        return;
+      }
+    }
+    return (l, d) => (u(), h(a));
+  }
+}), Mr = (t, s) => {
+  const e = t.__vccOpts || t;
+  for (const [r, n] of s)
+    e[r] = n;
+  return e;
+}, P = /* @__PURE__ */ Mr(Tr, [["__scopeId", "data-v-8b211cfb"]]), Hr = { class: "flex-grow" }, Er = ["id"], Vr = /* @__PURE__ */ g({
+  __name: "Setting",
+  props: {
+    title: {},
+    titleId: {},
+    description: {},
+    class: {},
+    layout: { default: "horizontal" }
+  },
+  setup(t) {
+    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
+    return (e, r) => (u(), b("div", {
+      class: k(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+    }, [
+      y("div", Hr, [
+        y("h3", {
+          id: e.titleId,
+          class: "text-base font-semibold"
+        }, x(e.title), 9, Er),
+        e.description ? (u(), h(P, {
+          key: 0,
+          text: e.description,
+          class: "mt-1 text-sm text-gray-500"
+        }, null, 8, ["text"])) : T("", !0)
+      ]),
+      y("div", {
+        class: k(s.value)
+      }, [
+        w(e.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+}), Lr = ["for"], Ir = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessSwitch",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    class: {},
+    labelClass: {},
+    inputClass: {},
+    thumbClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `switch-${re()}`,
+      name: c(() => t.name),
+      label: c(() => t.label),
+      description: c(() => t.description),
+      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: ve(a),
+      required: c(() => {
+        if (!(!t.name || !n))
+          return n.getFieldRules(t.name).includes("required");
+      }),
+      update(l) {
+        if (n && t.name) {
+          n.setFieldValue(t.name, l);
+          return;
+        }
+        r("update:modelValue", l);
+      }
+    };
+    return s(i), Y(() => {
+      !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
+    }), (l, d) => (u(), b("div", {
+      class: k(t.class)
+    }, [
+      l.label ? (u(), b("label", {
+        key: 0,
+        for: i.id,
+        class: k(l.labelClass)
+      }, x(l.label), 11, Lr)) : T("", !0),
+      p(o(vs), H({
+        id: i.id,
+        name: l.name,
+        "model-value": i.value.value
+      }, l.$attrs, {
+        class: l.inputClass,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+      }), {
+        default: f(() => [
+          p(o(bs), {
+            class: k(l.thumbClass)
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["id", "name", "model-value", "class"])
+    ], 2));
+  }
+}), qr = /* @__PURE__ */ g({
+  __name: "Switch",
+  setup(t) {
+    return (s, e) => (u(), h(Ir, {
+      class: "flex flex-row items-center gap-1",
+      "input-class": "disabled:opacity-50 disabled:cursor-not-allowed data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200 relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focusdisabled:opacity-50 disabled:cursor-not-allowed :ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden",
+      "thumb-class": "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
+    }));
+  }
+}), zr = /* @__PURE__ */ g({
+  __name: "Debug",
+  setup(t) {
+    return (s, e) => (u(), h(Vr, {
+      "title-id": "debug-setting",
+      title: s.$td("settings.debug", "Debugging"),
+      description: s.$td("settings.debugDescription", "Enable debugging with [Eruda](https://eruda.liriliri.io/).")
+    }, {
+      default: f(() => [
+        p(qr, {
+          modelValue: s.$errors.debug,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => s.$errors.debug = r),
+          "aria-labelledby": "debug-setting"
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["title", "description"]));
+  }
+}), Rr = [
+  {
+    priority: 10,
+    component: zr
+  }
+], vt = [];
+function yl(t) {
+  vt.push(t);
+}
+function bt(t) {
+  for (const s of vt) {
+    const e = s(t);
+    if (e)
+      return e;
+  }
+  return typeof t == "string" ? t : t instanceof Error || t instanceof be ? t.message : ce(t) ? B(t.message ?? t.description ?? "Unknown error object") : S("errors.unknown", "Unknown Error");
+}
+class Ue extends be {
+}
+const Pr = { $errors: nt }, Ar = (t) => (nt.report(t), !0);
+function Dr(t, s = () => !1) {
+  const e = (r) => s(r) || Ar(r);
+  t.config.errorHandler = e, globalThis.onerror = (r, n, a, i, l) => e(l ?? r), globalThis.onunhandledrejection = (r) => e(r.reason);
+}
+const jr = {
+  async install(t, s) {
+    Dr(t, s.handleError), Rr.forEach((e) => A.addSetting(e)), await $e(t, Pr);
+  }
+}, Br = {
+  async install() {
+    Ee() && (globalThis.testingRuntime = {
+      on: (...t) => R.on(...t),
+      service: (t) => A.service(t)
+    });
+  }
+}, Fr = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ur(t, s) {
+  return u(), b("svg", Fr, 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 Or = E({ name: "zondicons-close", render: Ur }), Nr = /* @__PURE__ */ g({
+  __name: "HeadlessModal",
+  props: {
+    persistent: { type: Boolean },
+    title: {},
+    titleHidden: { type: Boolean },
+    description: {},
+    descriptionHidden: { type: Boolean }
+  },
+  setup(t, { expose: s }) {
+    const e = U(null), { modal: r } = V(
+      "modal",
+      "could not obtain modal reference from <HeadlessModal>, did you render this component manually? Show it using $ui.modal() instead"
+    );
+    s({ close: i, $content: e });
+    const { forwardRef: n } = Ve(), a = U(!1);
+    le("$modalContentRef", e), ot("close-modal", async ({ id: l, result: d }) => {
+      l === r.id && await i(d);
+    });
+    async function i(l) {
+      a.value || (await R.emit("modal-will-close", { modal: r, result: l }), a.value = !0, await R.emit("modal-has-closed", { modal: r, result: l }));
+    }
+    return (l, d) => (u(), h(o(ys), {
+      ref: o(n),
+      open: "",
+      "onUpdate:open": d[0] || (d[0] = (v) => l.persistent || i())
+    }, {
+      default: f(() => [
+        p(o(ws), null, {
+          default: f(() => [
+            w(l.$slots, "default", { close: i })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+}), yt = /* @__PURE__ */ g({
+  __name: "ModalContext",
+  props: {
+    modal: {},
+    childIndex: {}
+  },
+  setup(t) {
+    const s = t, e = c(() => {
+      const r = {};
+      for (const n in s.modal.properties)
+        r[n] = o(s.modal.properties[n]);
+      return r;
+    });
+    return le("modal", {
+      modal: Re(s, "modal"),
+      childIndex: Re(s, "childIndex")
+    }), (r, n) => (u(), h(W(r.modal.component), ne(ae(e.value)), null, 16));
+  }
+}), Wr = /* @__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.modal() instead"
+    ), e = Os("$modalContentRef"), r = G("$contentRef"), n = c(() => z.modals[s] ?? null);
+    return Y(() => e.value = r.value), (a, i) => (u(), h(o($s), { ref: "$contentRef" }, {
+      default: f(() => [
+        w(a.$slots, "default"),
+        n.value ? (u(), h(yt, {
+          key: 0,
+          "child-index": o(s) + 1,
+          modal: n.value
+        }, null, 8, ["child-index", "modal"])) : T("", !0)
+      ]),
+      _: 3
+    }, 512));
+  }
+}), Kr = /* @__PURE__ */ g({
+  __name: "HeadlessModalDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (u(), h(o(_s), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Qr = /* @__PURE__ */ g({
+  __name: "HeadlessModalOverlay",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (u(), h(o(xs), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Jr = /* @__PURE__ */ g({
+  __name: "HeadlessModalTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    return (s, e) => (u(), h(o(Cs), ne(ae(s.$props)), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Zr = {
+  key: 0,
+  class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
+}, Xr = ["onClick"], Yr = { class: "sr-only" }, se = /* @__PURE__ */ g({
+  __name: "Modal",
+  props: {
+    persistent: { type: Boolean },
+    title: {},
+    titleHidden: { type: Boolean },
+    description: {},
+    descriptionHidden: { type: Boolean },
+    wrapperClass: { default: "" },
+    class: { default: "" },
+    closeHidden: { type: Boolean }
+  },
+  setup(t, { expose: s }) {
+    const e = N(t, ["class", "wrapperClass", "title", "titleHidden", "description", "persistent", "closeHidden"]);
+    s({
+      close: async (m) => {
+        var C;
+        return (C = a.value) == null ? void 0 : C.close(m);
+      },
+      $content: c(() => {
+        var m;
+        return (m = a.value) == null ? void 0 : m.$content;
+      })
+    });
+    const { forwardRef: r, currentRef: n } = Ve(), a = n, i = V("modal"), l = c(() => !i.modal.closing && i.childIndex === z.openModals.length), d = c(() => t.description ? {} : { "aria-describedby": void 0 }), v = c(() => M("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), $ = c(() => M(
+      "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
+      "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
+      "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+      "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
+      {
+        "scale-50 opacity-0": !l.value,
+        "scale-100 opacity-100": l.value
+      },
+      t.wrapperClass
+    ));
+    return ot("modal-will-close", async ({ modal: { id: m } }) => {
+      m === i.modal.id && await ue({ ms: 300 });
+    }), (m, C) => (u(), h(Nr, H(e, {
+      ref: (L) => o(r)(L),
+      persistent: m.persistent
+    }), {
+      default: f(({ close: L }) => [
+        p(Qr, {
+          class: k(["fixed inset-0 animate-[fade-in_var(--tw-duration)_ease-in-out] transition-opacity duration-300 will-change-[opacity]", {
+            "bg-black/30": o(i).childIndex === 1,
+            "opacity-0": o(i).childIndex === 1 && o(i).modal.closing
+          }])
+        }, null, 8, ["class"]),
+        p(Wr, H(d.value, { class: $.value }), {
+          default: f(() => [
+            !m.persistent && !m.closeHidden ? (u(), b("div", Zr, [
+              y("button", {
+                type: "button",
+                class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
+                onClick: (_e) => L()
+              }, [
+                y("span", Yr, x(m.$td("ui.close", "Close")), 1),
+                p(o(Or), { class: "size-4" })
+              ], 8, Xr)
+            ])) : T("", !0),
+            m.title ? (u(), h(Jr, {
+              key: 1,
+              class: k(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                "sr-only": m.titleHidden,
+                "pb-0": m.description && !m.descriptionHidden,
+                "pb-2": !m.description || m.descriptionHidden
+              }])
+            }, {
+              default: f(() => [
+                p(P, {
+                  text: m.title,
+                  inline: ""
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }, 8, ["class"])) : T("", !0),
+            m.description ? (u(), h(Kr, {
+              key: 2,
+              class: k(["px-4 pt-1 pb-2", { "sr-only": m.descriptionHidden }])
+            }, {
+              default: f(() => [
+                p(P, {
+                  text: m.description,
+                  class: "text-sm leading-6 text-gray-500"
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }, 8, ["class"])) : T("", !0),
+            y("div", {
+              class: k(v.value)
+            }, [
+              w(m.$slots, "default", { close: L })
+            ], 2)
+          ]),
+          _: 2
+        }, 1040, ["class"])
+      ]),
+      _: 3
+    }, 16, ["persistent"]));
+  }
+});
+function Gr(t) {
+  const s = c(() => t.title ?? S("ui.alert", "Alert")), e = c(() => !t.title);
+  return { renderedTitle: s, titleHidden: e };
+}
+const en = /* @__PURE__ */ g({
+  __name: "AlertModal",
+  props: {
+    title: {},
+    message: {}
+  },
+  setup(t, { expose: s }) {
+    const e = t, { renderedTitle: r, titleHidden: n } = Gr(e);
+    return s(), (a, i) => (u(), h(se, {
+      title: o(r),
+      "title-hidden": o(n)
+    }, {
+      default: f(() => [
+        p(P, { text: a.message }, null, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["title", "title-hidden"]));
+  }
+}), wt = /* @__PURE__ */ g({
+  __name: "Form",
+  props: {
+    form: {}
+  },
+  emits: ["submit"],
+  setup(t, { emit: s }) {
+    let e;
+    const r = s;
+    return Y((n) => {
+      var a;
+      e == null || e(), e = (a = t.form) == null ? void 0 : a.on("submit", () => r("submit")), n(() => e == null ? void 0 : e());
+    }), le("form", t.form), (n, a) => (u(), b("form", {
+      onSubmit: a[0] || (a[0] = We((i) => {
+        var l;
+        return (l = n.form) == null ? void 0 : l.submit();
+      }, ["prevent"]))
+    }, [
+      w(n.$slots, "default")
+    ], 32));
+  }
+});
+function tn(t) {
+  const s = ut(
+    Object.entries(t.checkboxes ?? {}).reduce(
+      (i, [l, d]) => ({
+        [l]: {
+          type: "boolean",
+          default: d.default,
+          required: d.required ? "required" : void 0
+        },
+        ...i
+      }),
+      {}
+    )
+  ), e = c(() => t.title ?? S("ui.confirm", "Confirm")), r = c(() => !t.title), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  return { form: s, renderedTitle: e, titleHidden: r, renderedAcceptText: n, renderedCancelText: a };
+}
+const sn = {
+  key: 0,
+  class: "mt-4 flex flex-col text-sm text-gray-600"
+}, rn = { class: "flex items-center" }, nn = ["onUpdate:modelValue", "required"], an = { class: "ml-1.5" }, ln = { class: "mt-4 flex flex-row-reverse gap-2" }, on = /* @__PURE__ */ g({
+  __name: "ConfirmModal",
+  props: {
+    title: {},
+    message: {},
+    acceptText: {},
+    acceptVariant: {},
+    cancelText: {},
+    cancelVariant: { default: "secondary" },
+    checkboxes: {},
+    actions: {},
+    required: { type: Boolean }
+  },
+  setup(t, { expose: s }) {
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, titleHidden: a, renderedAcceptText: i, renderedCancelText: l } = tn(e);
+    return s(), (d, v) => (u(), h(se, {
+      title: o(n),
+      "title-hidden": o(a),
+      persistent: ""
+    }, {
+      default: f(({ close: $ }) => [
+        p(wt, {
+          form: o(r),
+          onSubmit: (m) => $([!0, o(r).data()])
+        }, {
+          default: f(() => [
+            p(P, {
+              text: d.message,
+              actions: d.actions
+            }, null, 8, ["text", "actions"]),
+            d.checkboxes ? (u(), b("ul", sn, [
+              (u(!0), b(D, null, F(d.checkboxes, (m, C) => (u(), b("li", { key: C }, [
+                y("label", rn, [
+                  Ke(y("input", {
+                    "onUpdate:modelValue": (L) => o(r)[C] = L,
+                    type: "checkbox",
+                    required: m.required,
+                    class: "border-primary-600 text-primary-600 hover:bg-primary-50 hover:checked:bg-primary-500 focus:ring-primary-600 focus-visible:ring-primary-600 rounded border-2"
+                  }, null, 8, nn), [
+                    [It, o(r)[C]]
+                  ]),
+                  y("span", an, x(m.label), 1)
+                ])
+              ]))), 128))
+            ])) : T("", !0),
+            y("div", ln, [
+              p(q, {
+                variant: d.acceptVariant,
+                submit: ""
+              }, {
+                default: f(() => [
+                  I(x(o(i)), 1)
+                ]),
+                _: 1
+              }, 8, ["variant"]),
+              d.required ? T("", !0) : (u(), h(q, {
+                key: 0,
+                variant: d.cancelVariant,
+                onClick: (m) => $(!1)
+              }, {
+                default: f(() => [
+                  I(x(o(l)), 1)
+                ]),
+                _: 2
+              }, 1032, ["variant", "onClick"]))
+            ])
+          ]),
+          _: 2
+        }, 1032, ["form", "onSubmit"])
+      ]),
+      _: 1
+    }, 8, ["title", "title-hidden"]));
+  }
+}), un = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function cn(t, s) {
+  return u(), b("svg", un, 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 dn = E({ name: "zondicons-cheveron-left", render: cn }), pn = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function mn(t, s) {
+  return u(), b("svg", pn, 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 $t = E({ name: "zondicons-cheveron-right", render: mn }), fn = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function hn(t, s) {
+  return u(), b("svg", fn, 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 qe = E({ name: "zondicons-exclamation-solid", render: hn }), gn = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function vn(t, s) {
+  return u(), b("svg", gn, 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 bn = E({ name: "mdi-console", render: vn }), yn = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function wn(t, s) {
+  return u(), b("svg", yn, 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 $n = E({ name: "zondicons-copy", render: wn }), _n = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function xn(t, s) {
+  return u(), b("svg", _n, 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 Cn = E({ name: "mdi-github", render: xn }), kn = { class: "flex" }, Sn = { class: "sr-only" }, Tn = /* @__PURE__ */ g({
+  __name: "ErrorReportModalButtons",
+  props: {
+    report: {}
+  },
+  setup(t) {
+    const s = t, e = c(() => s.report.description ? `${s.report.title}: ${s.report.description}` : s.report.title), r = c(() => {
+      if (!A.sourceUrl)
+        return !1;
+      const a = encodeURIComponent(e.value), i = encodeURIComponent(
+        [
+          "[Please, explain here what you were trying to do when this error appeared]",
+          "",
+          "Error details:",
+          "```",
+          Qt(
+            s.report.details ?? "Details missing from report",
+            1800 - a.length - A.sourceUrl.length
+          ).trim(),
+          "```"
+        ].join(`
+`)
+      );
+      return `${A.sourceUrl}/issues/new?title=${a}&body=${i}`;
+    }), n = c(() => ee(
+      [
+        {
+          id: "clipboard",
+          description: "Copy to clipboard",
+          iconComponent: $n,
+          async click() {
+            await navigator.clipboard.writeText(`${e.value}
+
+${s.report.details}`), z.toast(S("errors.copiedToClipboard", "Debug information copied to clipboard"));
+          }
+        },
+        {
+          id: "console",
+          description: "Log to console",
+          iconComponent: bn,
+          click() {
+            const a = s.report.error ?? s.report;
+            window.error = a, console.error(a), z.toast(
+              S(
+                "errors.addedToConsole",
+                "You can now use the **error** variable in the console"
+              )
+            );
+          }
+        }
+      ],
+      (a) => {
+        r.value && a.push({
+          id: "github",
+          description: "Report in GitHub",
+          iconComponent: Cn,
+          url: r.value
+        });
+      }
+    ));
+    return (a, i) => (u(), b("div", kn, [
+      (u(!0), b(D, null, F(n.value, (l) => w(a.$slots, "default", H({ ref_for: !0 }, l), () => [
+        p(q, {
+          size: "icon",
+          variant: "ghost",
+          class: "group whitespace-nowrap",
+          href: l.url,
+          title: a.$td(`errors.report_${l.id}`, l.description),
+          onClick: l.click
+        }, {
+          default: f(() => [
+            y("span", Sn, x(a.$td(`errors.report_${l.id}`, l.description)), 1),
+            (u(), h(W(l.iconComponent), {
+              class: "size-4",
+              "aria-hidden": "true"
+            }))
+          ]),
+          _: 2
+        }, 1032, ["href", "title", "onClick"])
+      ])), 256))
+    ]));
+  }
+}), Mn = /* @__PURE__ */ g({
+  __name: "ErrorReportModalTitle",
+  props: {
+    report: {},
+    currentReport: {},
+    totalReports: {}
+  },
+  setup(t) {
+    const s = c(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (e, r) => (u(), h(P, {
+      text: s.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+});
+function Hn(t) {
+  const s = U(t.reports.includes(t.report) ? t.reports.indexOf(t.report) : 0), e = c(() => t.reports[s.value]), r = c(
+    () => {
+      var i;
+      return ((i = e.value.details) == null ? void 0 : i.trim()) || S("errors.detailsEmpty", "This error is missing a stacktrace.");
+    }
+  ), n = S("errors.previousReport", "Show previous report"), a = S("errors.nextReport", "Show next report");
+  return {
+    activeReportIndex: s,
+    details: r,
+    nextReportText: a,
+    previousReportText: n,
+    activeReport: e
+  };
+}
+const En = { class: "px-4 pt-5 pb-4" }, Vn = { class: "flex justify-between gap-4" }, Ln = { class: "flex items-center gap-2" }, In = {
+  key: 0,
+  class: "flex gap-0.5"
+}, qn = { class: "-mt-2 max-h-[75vh] overflow-auto bg-red-800/10" }, zn = ["textContent"], Rn = /* @__PURE__ */ g({
+  __name: "ErrorReportModal",
+  props: {
+    report: {},
+    reports: {}
+  },
+  setup(t, { expose: s }) {
+    const e = t, { activeReportIndex: r, details: n, nextReportText: a, previousReportText: i, activeReport: l } = Hn(e);
+    return s(), (d, v) => (u(), h(se, {
+      title: d.$td("errors.report", "Error report"),
+      "title-hidden": "",
+      "close-hidden": "",
+      class: "p-0",
+      "wrapper-class": "sm:w-auto sm:min-w-lg sm:max-w-[80vw]"
+    }, {
+      default: f(() => [
+        y("div", En, [
+          y("h2", Vn, [
+            y("div", Ln, [
+              p(o(qe), { class: "size-5 text-red-600" }),
+              p(Mn, {
+                class: "text-lg leading-6 font-semibold text-gray-900",
+                report: o(l),
+                "current-report": o(r) + 1,
+                "total-reports": d.reports.length
+              }, null, 8, ["report", "current-report", "total-reports"]),
+              d.reports.length > 1 ? (u(), b("span", In, [
+                p(q, {
+                  size: "icon",
+                  variant: "ghost",
+                  disabled: o(r) === 0,
+                  "aria-label": o(i),
+                  title: o(i),
+                  onClick: v[0] || (v[0] = ($) => r.value--)
+                }, {
+                  default: f(() => [
+                    p(o(dn), { class: "size-4" })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "aria-label", "title"]),
+                p(q, {
+                  size: "icon",
+                  variant: "ghost",
+                  disabled: o(r) === d.reports.length - 1,
+                  "aria-label": o(a),
+                  title: o(a),
+                  onClick: v[1] || (v[1] = ($) => r.value++)
+                }, {
+                  default: f(() => [
+                    p(o($t), { class: "size-4" })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "aria-label", "title"])
+              ])) : T("", !0)
+            ]),
+            p(Tn, {
+              report: o(l),
+              class: "gap-0.5"
+            }, null, 8, ["report"])
+          ]),
+          o(l).description ? (u(), h(P, {
+            key: 0,
+            text: o(l).description,
+            class: "text-gray-600"
+          }, null, 8, ["text"])) : T("", !0)
+        ]),
+        y("div", qn, [
+          y("pre", {
+            class: "p-4 text-xs text-red-800",
+            textContent: x(o(n))
+          }, null, 8, zn)
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Pn = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function An(t, s) {
+  return u(), b("svg", Pn, 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 Dn = E({ name: "svg-spinners-90-ring-with-bg", render: An }), jn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Bn = { class: "sr-only" }, Fn = /* @__PURE__ */ g({
+  __name: "ProgressBar",
+  props: {
+    filledClass: {},
+    progress: {},
+    job: {}
+  },
+  setup(t) {
+    let s;
+    const e = U(0), r = c(() => M("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
+    return Me(
+      () => t.job,
+      () => {
+        s && s(), e.value = t.job ? t.job.progress : 0, s = t.job && t.job.listeners.add({ onUpdated: (a) => e.value = a });
+      },
+      { immediate: !0 }
+    ), ge(() => s && s()), (a, i) => (u(), b("div", jn, [
+      y("div", {
+        class: k(r.value),
+        style: qt(`transform:translateX(-${(1 - n.value) * 100}%)`)
+      }, null, 6),
+      y("span", Bn, x(a.$td("ui.progress", "{progress}% complete", {
+        progress: n.value * 100
+      })), 1)
+    ]));
+  }
+});
+function Un(t) {
+  const s = c(() => t.title ?? S("ui.loading", "Loading")), e = c(
+    () => t.message ?? S("ui.loadingInProgress", "Loading in progress...")
+  ), r = c(() => typeof t.progress == "number" || !!t.job), n = c(() => !t.title);
+  return { renderedTitle: s, renderedMessage: e, titleHidden: n, showProgress: r };
+}
+const On = /* @__PURE__ */ g({
+  __name: "LoadingModal",
+  props: {
+    title: {},
+    message: {},
+    progress: {},
+    job: {}
+  },
+  setup(t, { expose: s }) {
+    const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: i } = Un(e);
+    return s(), (l, d) => (u(), h(se, {
+      persistent: "",
+      class: k(["flex", { "flex-col-reverse": o(i), "items-center justify-center gap-2": !o(i) }]),
+      "wrapper-class": "w-auto",
+      title: o(r),
+      "title-hidden": o(a)
+    }, {
+      default: f(() => [
+        o(i) ? (u(), h(Fn, {
+          key: 0,
+          progress: l.progress,
+          job: l.job,
+          class: "min-w-[min(400px,80vw)]"
+        }, null, 8, ["progress", "job"])) : (u(), h(o(Dn), {
+          key: 1,
+          class: "text-primary-600 mr-1 size-6"
+        })),
+        p(P, { text: o(n) }, null, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["title", "title-hidden", "class"]));
+  }
+}), ze = /* @__PURE__ */ g({
+  __name: "HeadlessInput",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    as: { default: "div" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: s, emit: e }) {
+    const r = e, n = X("form", null), a = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), i = {
+      id: `input-${re()}`,
+      name: c(() => t.name),
+      label: c(() => t.label),
+      description: c(() => t.description),
+      value: c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue),
+      errors: ve(a),
+      required: c(() => {
+        if (!(!t.name || !n))
+          return n.getFieldRules(t.name).includes("required");
+      }),
+      update(l) {
+        if (n && t.name) {
+          n.setFieldValue(t.name, l);
+          return;
+        }
+        r("update:modelValue", l);
+      }
+    };
+    return le("input", i), s(i), (l, d) => (u(), h(W(l.as), null, {
+      default: f(() => [
+        w(l.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), Nn = ["for"], fe = /* @__PURE__ */ g({
+  __name: "HeadlessInputLabel",
+  setup(t) {
+    const s = V("input", "<HeadlessInputLabel> must be a child of a <HeadlessInput>"), e = He(), r = c(() => !!(s.label || e.default));
+    return (n, a) => r.value ? (u(), b("label", {
+      key: 0,
+      for: o(s).id
+    }, [
+      w(n.$slots, "default", {}, () => [
+        I(x(o(s).label), 1)
+      ])
+    ], 8, Nn)) : T("", !0);
+  }
+}), Wn = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], _t = /* @__PURE__ */ g({
+  __name: "HeadlessInputInput",
+  props: {
+    type: {}
+  },
+  setup(t) {
+    const s = G("$inputRef"), e = V("input", "<HeadlessInputInput> must be a child of a <HeadlessInput>"), r = X("form", null), n = c(() => e.name ?? void 0), a = c(() => e.value), i = c(() => {
+      if (t.type)
+        return t.type;
+      const $ = (n.value && (r == null ? void 0 : r.getFieldType(n.value))) ?? "";
+      return ["text", "email", "number", "tel", "url"].includes($) ? $ : "text";
+    }), l = c(() => {
+      if (t.type === "checkbox")
+        return !!a.value;
+    });
+    function d() {
+      s.value && e.update(v());
+    }
+    function v() {
+      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 it(e, () => {
+      var $;
+      return ($ = s.value) == null ? void 0 : $.focus();
+    }), Y(() => {
+      if (s.value) {
+        if (t.type === "date" && a.value instanceof Date) {
+          s.value.valueAsDate = a.value;
+          return;
+        }
+        s.value.value = a.value ?? null;
+      }
+    }), ($, m) => (u(), b("input", {
+      id: o(e).id,
+      ref: "$inputRef",
+      name: n.value,
+      checked: l.value,
+      type: i.value,
+      required: o(e).required ?? void 0,
+      "aria-invalid": o(e).errors ? "true" : "false",
+      "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
+      onInput: d
+    }, null, 40, Wn));
+  }
+}), xt = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HeadlessInputDescription",
+  setup(t) {
+    const s = V(
+      "input",
+      "<HeadlessInputDescription> must be a child of a <HeadlessInput>"
+    ), e = c(() => typeof s.description == "string" ? s.description : ""), r = c(() => !!s.description);
+    return (n, a) => w(n.$slots, "default", {
+      id: `${o(s).id}-description`
+    }, () => [
+      r.value ? (u(), h(P, H({ key: 0 }, n.$attrs, {
+        id: `${o(s).id}-description`,
+        text: e.value
+      }), null, 16, ["id", "text"])) : T("", !0)
+    ]);
+  }
+}), Kn = ["id"], he = /* @__PURE__ */ g({
+  __name: "HeadlessInputError",
+  setup(t) {
+    const s = V("input", "<HeadlessInputError> must be a child of a <HeadlessInput>"), e = c(() => s.errors ? S(`errors.${s.errors[0]}`, `Error: ${s.errors[0]}`) : null);
+    return (r, n) => e.value ? (u(), b("p", {
+      key: 0,
+      id: `${o(s).id}-error`
+    }, x(e.value), 9, Kn)) : T("", !0);
+  }
+}), Qn = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, Jn = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    wrapperClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
+      var l, d, v;
+      return M(
+        // eslint-disable-next-line vue/max-len
+        "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
+        {
+          "focus:ring-primary-600": !((l = e.value) != null && l.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+        },
+        t.inputClass
+      );
+    });
+    return (l, d) => (u(), h(ze, H({
+      ref: "$inputRef",
+      label: l.label,
+      class: o(n)
+    }, s, {
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+    }), {
+      default: f(() => {
+        var v;
+        return [
+          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: k(a.value)
+          }, [
+            p(_t, H(o(r), { class: i.value }), null, 16, ["class"]),
+            (v = e.value) != null && v.errors ? (u(), b("div", Qn, [
+              p(o(qe), { class: "size-5 text-red-500" })
+            ])) : T("", !0)
+          ], 2),
+          p(xt, { class: "mt-2 text-sm text-gray-600" }),
+          p(he, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16, ["label", "class"]));
+  }
+});
+function wl(t, s = {}) {
+  return {
+    default: t,
+    type: "boolean",
+    rules: s.rules
+  };
+}
+function $l(t, s = {}) {
+  return {
+    default: t,
+    type: "date",
+    rules: s.rules
+  };
+}
+function _l(t, s, e = {}) {
+  return {
+    default: s,
+    type: "enum",
+    rules: e.rules,
+    values: t
+  };
+}
+function xl(t) {
+  return {
+    default: t,
+    type: "boolean",
+    rules: "required"
+  };
+}
+function Cl(t) {
+  return {
+    default: t,
+    type: "date",
+    rules: "required"
+  };
+}
+function kl(t, s) {
+  return {
+    default: s,
+    type: "enum",
+    rules: "required",
+    values: t
+  };
+}
+function Sl(t) {
+  return {
+    default: t,
+    type: "number",
+    rules: "required"
+  };
+}
+function Tl(t) {
+  return {
+    default: t,
+    type: "object",
+    rules: "required"
+  };
+}
+function Zn(t) {
+  return {
+    default: t,
+    type: "string",
+    rules: "required"
+  };
+}
+function Ml(t, s = {}) {
+  return {
+    default: t,
+    type: "number",
+    rules: s.rules
+  };
+}
+function Hl(t, s = {}) {
+  return {
+    default: t,
+    type: "object",
+    rules: s.rules
+  };
+}
+function El(t, s = {}) {
+  return {
+    default: t,
+    type: "string",
+    rules: s.rules
+  };
+}
+function Xn(t) {
+  const s = ut({
+    draft: Zn(t.defaultValue ?? "")
+  }), e = c(() => t.title ?? t.message), r = c(() => t.title ? t.message : null), n = c(() => t.acceptText ?? S("ui.accept", "Ok")), a = c(() => t.cancelText ?? S("ui.cancel", "Cancel"));
+  return { form: s, renderedTitle: e, renderedMessage: r, renderedAcceptText: n, renderedCancelText: a };
+}
+const Yn = { class: "mt-4 flex flex-row-reverse gap-2" }, Gn = /* @__PURE__ */ g({
+  __name: "PromptModal",
+  props: {
+    title: {},
+    message: {},
+    label: {},
+    defaultValue: {},
+    placeholder: {},
+    acceptText: {},
+    acceptVariant: {},
+    cancelText: {},
+    cancelVariant: { default: "secondary" }
+  },
+  setup(t, { expose: s }) {
+    const e = N(t, ["cancelVariant"]), { form: r, renderedTitle: n, renderedMessage: a, renderedAcceptText: i, renderedCancelText: l } = Xn(e);
+    return s(), (d, v) => (u(), h(se, {
+      title: o(n),
+      persistent: ""
+    }, {
+      default: f(({ close: $ }) => [
+        p(wt, {
+          form: o(r),
+          onSubmit: (m) => $(o(r).draft)
+        }, {
+          default: f(() => [
+            o(a) ? (u(), h(P, {
+              key: 0,
+              text: o(a)
+            }, null, 8, ["text"])) : T("", !0),
+            p(Jn, {
+              name: "draft",
+              class: "mt-2",
+              placeholder: d.placeholder,
+              label: d.label
+            }, null, 8, ["placeholder", "label"]),
+            y("div", Yn, [
+              p(q, {
+                variant: d.acceptVariant,
+                submit: ""
+              }, {
+                default: f(() => [
+                  I(x(o(i)), 1)
+                ]),
+                _: 1
+              }, 8, ["variant"]),
+              p(q, {
+                variant: d.cancelVariant,
+                onClick: (m) => $()
+              }, {
+                default: f(() => [
+                  I(x(o(l)), 1)
+                ]),
+                _: 2
+              }, 1032, ["variant", "onClick"])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["form", "onSubmit"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), ea = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ta(t, s) {
+  return u(), b("svg", ea, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M12 21q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21m-2-5h4v-2h-4zm0-4h4v-2h-4z"
+    }, null, -1)
+  ]));
+}
+const sa = E({ name: "material-symbols-bug-report", render: ta }), ra = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function na(t, s) {
+  return u(), b("svg", ra, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"
+    }, null, -1)
+  ]));
+}
+const aa = E({ name: "material-symbols-delete-forever-rounded", render: na }), la = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function oa(t, s) {
+  return u(), b("svg", la, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M11.25 13.5q.95 0 1.6-.65t.65-1.6t-.65-1.6t-1.6-.65t-1.6.65t-.65 1.6t.65 1.6t1.6.65m4.825 4l-2.625-2.625q-.5.325-1.062.475t-1.138.15q-1.775 0-3.012-1.237T7 11.25t1.238-3.012T11.25 7t3.013 1.238T15.5 11.25q0 .575-.162 1.138t-.488 1.062l2.65 2.65zM5 21q-.825 0-1.412-.587T3 19v-4h2v4h4v2zm10 0v-2h4v-4h2v4q0 .825-.587 1.413T19 21zM3 9V5q0-.825.588-1.412T5 3h4v2H5v4zm16 0V5h-4V3h4q.825 0 1.413.588T21 5v4z"
+    }, null, -1)
+  ]));
+}
+const ia = E({ name: "material-symbols-frame-inspect", render: oa }), ua = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ca(t, s) {
+  return u(), b("svg", ua, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"
+    }, null, -1)
+  ]));
+}
+const da = E({ name: "material-symbols-refresh-rounded", render: ca }), pa = { class: "grid grow place-items-center" }, ma = { class: "flex flex-col items-center p-8" }, fa = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, ha = { class: "mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 [&_button]:justify-start sm:[&_button]:size-32 sm:[&_button]:flex-col sm:[&_button]:justify-center [&_svg]:size-6 sm:[&_svg]:size-8" }, ga = /* @__PURE__ */ g({
+  __name: "StartupCrash",
+  setup(t) {
+    async function s() {
+      await z.confirm(
+        S("startupCrash.purgeConfirmTitle", "Delete everything?"),
+        S(
+          "startupCrash.purgeConfirmMessage",
+          `If the problem persists, one drastic solution may be to wipe the storage in this device to start from scratch. However, keep in mind that **all the data that you haven't synchronized will be deleted forever**.
+
+Do you still want to proceed?`
+        ),
+        {
+          acceptVariant: "danger",
+          acceptText: S("startupCrash.purgeConfirmAccept", "Purge device")
+        }
+      ) && (await et.purge(), await A.reload());
+    }
+    return (e, r) => {
+      const n = zt("i-majesticons-exclamation");
+      return u(), b("div", pa, [
+        y("div", ma, [
+          p(n, { class: "size-20 text-red-600" }),
+          y("h1", fa, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          p(P, {
+            text: e.$td(
+              "startupCrash.message",
+              "There was a problem starting the application, but here's some things you can do:"
+            ),
+            class: "mt-4 text-center"
+          }, null, 8, ["text"]),
+          y("div", ha, [
+            p(q, {
+              variant: "danger",
+              onClick: r[0] || (r[0] = (a) => e.$app.reload())
+            }, {
+              default: f(() => [
+                p(o(da)),
+                I(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+              ]),
+              _: 1
+            }),
+            p(q, {
+              variant: "danger",
+              onClick: r[1] || (r[1] = (a) => e.$errors.inspect(e.$errors.startupErrors))
+            }, {
+              default: f(() => [
+                p(o(sa)),
+                I(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+              ]),
+              _: 1
+            }),
+            p(q, {
+              variant: "danger",
+              onClick: r[2] || (r[2] = (a) => s())
+            }, {
+              default: f(() => [
+                p(o(aa)),
+                I(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+              ]),
+              _: 1
+            }),
+            p(q, {
+              variant: "danger",
+              onClick: r[3] || (r[3] = (a) => e.$errors.debug = !e.$errors.debug)
+            }, {
+              default: f(() => [
+                p(o(ia)),
+                I(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+}), Ct = /* @__PURE__ */ g({
+  __name: "HeadlessToastAction",
+  props: {
+    action: {}
+  },
+  setup(t) {
+    return (s, e) => (u(), h(W(s.action.dismiss ? o(ks) : "button"), {
+      type: "button",
+      onClick: s.action.click
+    }, {
+      default: f(() => [
+        I(x(s.action.label), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+}), va = { key: 0 }, ba = /* @__PURE__ */ g({
+  __name: "HeadlessToast",
+  props: {
+    message: {},
+    actions: {},
+    variant: {}
+  },
+  setup(t) {
+    return (s, e) => (u(), h(o(Ss), null, {
+      default: f(() => [
+        w(s.$slots, "default", {}, () => [
+          s.message ? (u(), b("span", va, x(s.message), 1)) : T("", !0),
+          (u(!0), b(D, null, F(s.actions, (r, n) => (u(), h(Ct, {
+            key: n,
+            action: r
+          }, null, 8, ["action"]))), 128))
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), ya = /* @__PURE__ */ g({
+  __name: "Toast",
+  props: {
+    message: {},
+    actions: {},
+    variant: { default: "secondary" },
+    class: {}
+  },
+  setup(t, { expose: s }) {
+    const e = c(() => lt(
+      { 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 s(), (r, n) => (u(), h(ba, {
+      class: k(e.value)
+    }, {
+      default: f(() => [
+        r.message ? (u(), h(P, {
+          key: 0,
+          text: r.message,
+          inline: ""
+        }, null, 8, ["text"])) : T("", !0),
+        (u(!0), b(D, null, F(r.actions, (a, i) => (u(), h(q, {
+          key: i,
+          action: a,
+          variant: r.variant,
+          as: Ct
+        }, null, 8, ["action", "variant"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), wa = { $ui: z }, $a = {
+  async install(t, s) {
+    const e = {
+      "alert-modal": en,
+      "confirm-modal": on,
+      "error-report-modal": Rn,
+      "loading-modal": On,
+      "prompt-modal": Gn,
+      "startup-crash": ga,
+      toast: ya,
+      ...s.components
+    };
+    for (const [r, n] of Object.entries(e))
+      z.registerComponent(r, n);
+    await $e(t, wa);
+  }
+};
+async function _a(t, s = {}) {
+  var r;
+  const e = [Br, Ks, jr, Sr, Xs, $a, ...s.plugins ?? []];
+  A.instance = t, await Bs(e, t, s), await ((r = s.install) == null ? void 0 : r.call(s, t)), await R.emit("application-ready");
+}
+async function Vl(t, s = {}) {
+  var r;
+  const e = Rt(t);
+  J() && (window.$aerogel = e), await _a(e, s), e.mount("#app"), (r = e._container) == null || r.classList.remove("loading"), await R.emit("application-mounted");
+}
+const xa = { key: 0 }, Ca = /* @__PURE__ */ g({
+  __name: "AppModals",
+  setup(t) {
+    const s = c(() => z.modals[0] ?? null);
+    return (e, r) => s.value ? (u(), b("aside", xa, [
+      p(yt, {
+        "child-index": 1,
+        modal: s.value
+      }, null, 8, ["modal"])
+    ])) : T("", !0);
+  }
+}), ka = /* @__PURE__ */ g({
+  __name: "AppToasts",
+  setup(t) {
+    return (s, e) => (u(), h(o(Ts), null, {
+      default: f(() => [
+        (u(!0), b(D, null, F(s.$ui.toasts, (r) => (u(), h(W(r.component), H({
+          id: r.id,
+          key: r.id,
+          ref_for: !0
+        }, r.properties), null, 16, ["id"]))), 128)),
+        p(o(Ms), { class: "fixed right-0 bottom-0 z-50 flex flex-col items-end space-y-4 px-4 py-6 sm:p-6" })
+      ]),
+      _: 1
+    }));
+  }
+}), Sa = /* @__PURE__ */ g({
+  __name: "AppOverlays",
+  setup(t) {
+    return (s, e) => (u(), b(D, null, [
+      p(Ca),
+      p(ka)
+    ], 64));
+  }
+}), Ta = { class: "flex min-h-full flex-col text-base leading-tight font-normal text-gray-900 antialiased" }, Ll = /* @__PURE__ */ g({
+  __name: "AppLayout",
+  setup(t) {
+    return (s, e) => (u(), b("div", Ta, [
+      s.$errors.hasStartupErrors ? w(s.$slots, "startup-crash", { key: 0 }, () => [
+        (u(), h(W(s.$ui.requireComponent("startup-crash"))))
+      ]) : w(s.$slots, "default", { key: 1 }),
+      p(Sa)
+    ]));
+  }
+}), Ma = ["id", "name", "value", "required", "aria-invalid", "aria-describedby"], Ha = /* @__PURE__ */ g({
+  __name: "HeadlessInputTextArea",
+  setup(t) {
+    const s = G("$textAreaRef"), e = V(
+      "input",
+      "<HeadlessInputTextArea> must be a child of a <HeadlessInput>"
+    ), r = c(() => e.name ?? void 0), n = c(() => e.value);
+    function a() {
+      s.value && e.update(s.value.value);
+    }
+    return it(e, () => {
+      var i;
+      return (i = s.value) == null ? void 0 : i.focus();
+    }), (i, l) => (u(), b("textarea", {
+      id: o(e).id,
+      ref: "$textAreaRef",
+      name: r.value,
+      value: n.value,
+      required: o(e).required ?? void 0,
+      "aria-invalid": o(e).errors ? "true" : "false",
+      "aria-describedby": o(e).errors ? `${o(e).id}-error` : o(e).description ? `${o(e).id}-description` : void 0,
+      onInput: a
+    }, null, 40, Ma));
+  }
+}), Ea = { class: "group" }, Va = { class: "-ml-2 flex w-[max-content] items-center rounded-lg py-2 pr-3 pl-1 hover:bg-gray-100 focus-visible:outline focus-visible:outline-gray-700" }, La = { class: "pt-2 pl-4" }, Il = /* @__PURE__ */ g({
+  __name: "AdvancedOptions",
+  setup(t) {
+    return (s, e) => (u(), b("details", Ea, [
+      y("summary", Va, [
+        p(o($t), { class: "size-6 transition-transform group-open:rotate-90" }),
+        y("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+      ]),
+      y("div", La, [
+        w(s.$slots, "default")
+      ])
+    ]));
+  }
+}), Ia = { class: "flex h-6 items-center" }, ql = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    labelClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = N(t, ["inputClass", "labelClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative flex items-start", n.value)), i = c(() => {
+      var d, v;
+      return M(
+        "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
+        {
+          "border-gray-300 focus:ring-primary-600": !((d = e.value) != null && d.errors),
+          "border-red-400 border-2 focus:ring-red-600": (v = e.value) == null ? void 0 : v.errors
+        },
+        t.inputClass
+      );
+    }), l = c(() => M("ml-2 text-sm leading-6", t.labelClass));
+    return (d, v) => (u(), h(ze, H({
+      ref: "$inputRef",
+      class: a.value
+    }, s, {
+      "onUpdate:modelValue": v[0] || (v[0] = ($) => d.$emit("update:modelValue", $))
+    }), {
+      default: f(() => [
+        y("div", Ia, [
+          p(_t, H(o(r), {
+            type: "checkbox",
+            class: i.value
+          }), null, 16, ["class"])
+        ]),
+        d.$slots.default ? (u(), b("div", {
+          key: 0,
+          class: k(l.value)
+        }, [
+          p(fe, { class: "text-gray-900" }, {
+            default: f(() => [
+              w(d.$slots, "default")
+            ]),
+            _: 3
+          }),
+          p(he, { class: "text-red-600" })
+        ], 2)) : d.label ? (u(), b("div", {
+          key: 1,
+          class: k(l.value)
+        }, [
+          p(fe, { class: "text-gray-900" }),
+          p(he, { class: "text-red-600" })
+        ], 2)) : T("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), qa = /* @__PURE__ */ g({
+  __name: "DropdownMenuOption",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select"],
+  setup(t) {
+    const s = N(t, ["class"]), e = c(() => M(
+      "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-gray-900 data-[highlighted]:bg-gray-100",
+      t.class
+    ));
+    return (r, n) => (u(), h(o(Hs), H({ class: e.value }, s, {
+      onSelect: n[0] || (n[0] = (a) => r.$emit("select"))
+    }), {
+      default: f(() => [
+        w(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), za = /* @__PURE__ */ g({
+  __name: "DropdownMenuOptions",
+  setup(t) {
+    const s = V(
+      "dropdown-menu",
+      "<DropdownMenuOptions> must be a child of a <DropdownMenu>"
+    );
+    return (e, r) => (u(), h(o(Es), {
+      class: "gap-y-0.5 rounded-lg bg-white p-1.5 shadow-lg ring-1 ring-black/5",
+      align: o(s).align,
+      side: o(s).side
+    }, {
+      default: f(() => [
+        w(e.$slots, "default", {}, () => [
+          (u(!0), b(D, null, F(o(s).options, (n, a) => (u(), h(qa, H(
+            {
+              key: a,
+              as: n.route || n.href ? at : void 0,
+              class: n.class,
+              ref_for: !0
+            },
+            n.route || n.href ? {
+              href: n.href,
+              route: n.route,
+              routeParams: n.routeParams,
+              routeQuery: n.routeQuery
+            } : {},
+            {
+              onSelect: (i) => {
+                var l;
+                return (l = n.click) == null ? void 0 : l.call(n);
+              }
+            }
+          ), {
+            default: f(() => [
+              I(x(n.label), 1)
+            ]),
+            _: 2
+          }, 1040, ["as", "class", "onSelect"]))), 128))
+        ])
+      ]),
+      _: 3
+    }, 8, ["align", "side"]));
+  }
+}), zl = /* @__PURE__ */ g({
+  __name: "DropdownMenu",
+  props: {
+    align: {},
+    side: {},
+    options: {}
+  },
+  setup(t, { expose: s }) {
+    const e = {
+      align: t.align,
+      side: t.side,
+      options: c(() => {
+        var r;
+        return (r = t.options) == null ? void 0 : r.filter(Boolean);
+      })
+    };
+    return le("dropdown-menu", e), s(e), (r, n) => (u(), h(o(Vs), null, {
+      default: f(() => [
+        p(o(Ls), null, {
+          default: f(() => [
+            w(r.$slots, "default")
+          ]),
+          _: 3
+        }),
+        p(o(Is), null, {
+          default: f(() => [
+            w(r.$slots, "options", {}, () => [
+              p(za)
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), Ra = ["aria-hidden"], Pa = ["tabindex", "aria-label", "type"], Rl = /* @__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 = G("$inputRef"), n = U(null), a = U(t.text), i = c(() => M("inline whitespace-pre", t.contentClass)), l = c(() => M("invisible whitespace-pre", t.contentClass)), d = c(() => M("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    function v() {
+      n.value = t.text;
+    }
+    function $() {
+      n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
+    }
+    return Y(() => a.value = t.text), (m, C) => (u(), b("div", {
+      class: k(["relative", { "pointer-events-none!": m.disabled && !n.value }])
+    }, [
+      n.value ? (u(), b("span", {
+        key: 1,
+        class: k(l.value)
+      }, x(a.value), 3)) : (u(), b("div", {
+        key: 0,
+        class: k(i.value)
+      }, [
+        w(m.$slots, "default")
+      ], 2)),
+      m.type === "number" ? (u(), b("span", {
+        key: 2,
+        class: k(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : T("", !0),
+      y("form", {
+        class: "w-full",
+        "aria-hidden": m.formAriaHidden,
+        onSubmit: C[4] || (C[4] = We((L) => {
+          var _e;
+          return (_e = r.value) == null ? void 0 : _e.blur();
+        }, ["prevent"]))
+      }, [
+        Ke(y("input", {
+          ref: "$inputRef",
+          "onUpdate:modelValue": C[0] || (C[0] = (L) => a.value = L),
+          tabindex: m.tabindex ?? void 0,
+          "aria-label": m.ariaLabel ?? void 0,
+          type: m.type,
+          class: k([
+            d.value,
+            { "opacity-0": !n.value, "appearance-textfield": !n.value && m.type === "number" }
+          ]),
+          onKeyup: C[1] || (C[1] = (L) => m.$emit("update", a.value)),
+          onFocus: C[2] || (C[2] = (L) => v()),
+          onBlur: C[3] || (C[3] = (L) => $())
+        }, null, 42, Pa), [
+          [Pt, a.value]
+        ])
+      ], 40, Ra)
+    ], 2));
+  }
+}), Aa = {
+  viewBox: "0 0 512 512",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Da(t, s) {
+  return u(), b("svg", Aa, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"
+    }, null, -1)
+  ]));
+}
+const ja = E({ name: "ion-warning", render: Da }), Ba = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Fa(t, s) {
+  return u(), b("svg", Ba, s[0] || (s[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10m9.8 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 1 0-4a2 2 0 0 1 0 4"
+    }, null, -1)
+  ]));
+}
+const Ua = E({ name: "zondicons-view-show", render: Fa }), Oa = { class: "font-medium" }, Na = ["datetime"], Wa = /* @__PURE__ */ g({
+  __name: "ErrorLogsModal",
+  setup(t) {
+    return (s, e) => (u(), h(se, {
+      title: s.$td("errors.report", "Errors ({count})", { count: s.$errors.logs.length })
+    }, {
+      default: f(() => [
+        y("ol", null, [
+          (u(!0), b(D, null, F(s.$errors.logs, (r, n) => (u(), b("li", {
+            key: n,
+            class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
+          }, [
+            y("div", null, [
+              y("h3", Oa, x(r.report.title), 1),
+              y("time", {
+                datetime: r.date.toISOString(),
+                class: "text-xs text-gray-700"
+              }, x(r.date.toLocaleTimeString()), 9, Na),
+              p(P, {
+                class: "text-sm text-gray-500",
+                text: r.report.description ?? o(bt)(r.report)
+              }, null, 8, ["text"])
+            ]),
+            p(q, {
+              size: "icon",
+              variant: "ghost",
+              "aria-label": s.$td("errors.viewDetails", "View details"),
+              title: s.$td("errors.viewDetails", "View details"),
+              class: "self-center",
+              onClick: (a) => s.$errors.inspect(
+                r.report,
+                s.$errors.logs.map(({ report: i }) => i)
+              )
+            }, {
+              default: f(() => [
+                p(o(Ua), {
+                  class: "size-4",
+                  "aria-hidden": "true"
+                })
+              ]),
+              _: 2
+            }, 1032, ["aria-label", "title", "onClick"])
+          ]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Pl = /* @__PURE__ */ g({
+  __name: "ErrorLogs",
+  setup(t) {
+    return (s, e) => s.$errors.logs.length > 0 ? (u(), h(q, {
+      key: 0,
+      size: "icon",
+      variant: "ghost",
+      title: s.$td("errors.viewLogs", "View error logs"),
+      "aria-label": s.$td("errors.viewLogs", "View error logs"),
+      onClick: e[0] || (e[0] = (r) => s.$ui.modal(Wa))
+    }, {
+      default: f(() => [
+        p(o(ja), { class: "size-6 text-red-500" })
+      ]),
+      _: 1
+    }, 8, ["title", "aria-label"])) : T("", !0);
+  }
+}), Al = /* @__PURE__ */ g({
+  __name: "ErrorMessage",
+  props: {
+    error: {}
+  },
+  setup(t) {
+    const s = c(() => bt(t.error));
+    return (e, r) => (u(), h(P, {
+      text: s.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), Dl = /* @__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) => (u(), h(q, H({ variant: "link" }, s.$props), {
+      default: f(() => [
+        w(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), jl = /* @__PURE__ */ g({
+  __name: "SettingsModal",
+  setup(t) {
+    const s = c(() => Jt(A.settings, "priority", "desc"));
+    return (e, r) => (u(), h(se, {
+      title: e.$td("settings.title", "Settings")
+    }, {
+      default: f(() => [
+        (u(!0), b(D, null, F(s.value, (n, a) => (u(), h(W(n.component), { key: a }))), 128))
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Ka = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, Bl = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "TextArea",
+  props: {
+    name: {},
+    label: {},
+    description: {},
+    modelValue: {},
+    inputClass: {},
+    wrapperClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = N(t, ["label", "inputClass", "wrapperClass"]), e = G("$inputRef"), [r, n] = Ie(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), i = c(() => {
+      var l, d, v;
+      return M(
+        // eslint-disable-next-line vue/max-len
+        "block w-full rounded-md border-0 py-1.5 ring-1 ring-inset focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6",
+        {
+          "focus:ring-primary-600": !((l = e.value) != null && l.errors),
+          "text-gray-900 shadow-2xs ring-gray-900/10 placeholder:text-gray-400": !((d = e.value) != null && d.errors),
+          "pr-10 text-red-900 ring-red-900/10 placeholder:text-red-300 focus:ring-red-500": (v = e.value) == null ? void 0 : v.errors
+        },
+        t.inputClass
+      );
+    });
+    return (l, d) => (u(), h(ze, H({
+      ref: "$inputRef",
+      label: l.label,
+      class: o(n)
+    }, s, {
+      "onUpdate:modelValue": d[0] || (d[0] = (v) => l.$emit("update:modelValue", v))
+    }), {
+      default: f(() => {
+        var v;
+        return [
+          p(fe, { class: "block text-sm leading-6 font-medium text-gray-900" }),
+          y("div", {
+            class: k(a.value)
+          }, [
+            p(Ha, H(o(r), { class: i.value }), null, 16, ["class"]),
+            (v = e.value) != null && v.errors ? (u(), b("div", Ka, [
+              p(o(qe), { class: "size-5 text-red-500" })
+            ])) : T("", !0)
+          ], 2),
+          p(xt, { class: "mt-2 text-sm text-gray-600" }),
+          p(he, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16, ["label", "class"]));
+  }
+});
+class Fl {
+  constructor() {
+    _(this, "status");
+    _(this, "_listeners");
+    _(this, "_progress");
+    _(this, "_cancelled");
+    _(this, "_started");
+    _(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new Zt(), 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 Ue)
+        return;
+      throw ee(Xt(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 Ue();
+  }
+  calculateCurrentProgress(s) {
+    return s ?? (s = this.status), s.completed ? 1 : s.children ? Yt(
+      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 Ul(t) {
+  await t.start();
+}
+export {
+  Il as AdvancedOptions,
+  en as AlertModal,
+  A as App,
+  Ll as AppLayout,
+  Ca as AppModals,
+  Sa as AppOverlays,
+  js as AppService,
+  ka as AppToasts,
+  q as Button,
+  cl as Cache,
+  Qs as CacheService,
+  ql as Checkbox,
+  on as ConfirmModal,
+  zl as DropdownMenu,
+  qa as DropdownMenuOption,
+  za as DropdownMenuOptions,
+  Rl as EditableContent,
+  Pl as ErrorLogs,
+  Wa as ErrorLogsModal,
+  Al as ErrorMessage,
+  Rn as ErrorReportModal,
+  Tn as ErrorReportModalButtons,
+  Mn as ErrorReportModalTitle,
+  nt as Errors,
+  ll as EventListenerPriorities,
+  R as Events,
+  As as EventsService,
+  wt as Form,
+  gr as FormController,
+  at as HeadlessButton,
+  ze as HeadlessInput,
+  xt as HeadlessInputDescription,
+  he as HeadlessInputError,
+  _t as HeadlessInputInput,
+  fe as HeadlessInputLabel,
+  Ha as HeadlessInputTextArea,
+  Nr as HeadlessModal,
+  Wr as HeadlessModalContent,
+  Kr as HeadlessModalDescription,
+  Qr as HeadlessModalOverlay,
+  Jr as HeadlessModalTitle,
+  vr as HeadlessSelect,
+  Be as HeadlessSelectLabel,
+  pt as HeadlessSelectOption,
+  mt as HeadlessSelectOptions,
+  dt as HeadlessSelectTrigger,
+  ct as HeadlessSelectValue,
+  Ir as HeadlessSwitch,
+  ba as HeadlessToast,
+  Jn as Input,
+  Fl as Job,
+  Ue as JobCancelledError,
+  Z as Lang,
+  me as Layouts,
+  Dl as Link,
+  On as LoadingModal,
+  tt as MOBILE_BREAKPOINT,
+  P as Markdown,
+  se as Modal,
+  yt as ModalContext,
+  Fn as ProgressBar,
+  Gn as PromptModal,
+  $r as Select,
+  ft as SelectLabel,
+  Fe as SelectOption,
+  ht as SelectOptions,
+  gt as SelectTrigger,
+  we as Service,
+  Te as ServiceBootError,
+  Vr as Setting,
+  jl as SettingsModal,
+  ga as StartupCrash,
+  et as Storage,
+  qr as Switch,
+  Bl as TextArea,
+  ya as Toast,
+  z as UI,
+  Gs as UIService,
+  fl as __valueType,
+  qs as appNamespace,
+  wl as booleanInput,
+  $e as bootServices,
+  Vl as bootstrap,
+  _a as bootstrapApplication,
+  M as classes,
+  vl as computedAsync,
+  bl as computedDebounce,
+  $l as dateInput,
+  ul as defineDirective,
+  ml as defineFormValidationRule,
+  il as definePlugin,
+  ye as defineServiceState,
+  Ps as defineServiceStore,
+  ol as defineSettings,
+  Ul as dispatch,
+  _l as enumInput,
+  st as getCurrentLayout,
+  bt as getErrorMessage,
+  ir as getMarkdownRouter,
+  Rs as getPiniaStore,
+  dr as hasSelectOptionLabel,
+  Os as injectOrFail,
+  Us as injectReactive,
+  V as injectReactiveOrFail,
+  Bs as installPlugins,
+  Ml as numberInput,
+  Hl as objectInput,
+  hl as onCleanMounted,
+  it as onFormFocus,
+  gl as persistent,
+  yl as registerErrorHandler,
+  ur as renderMarkdown,
+  Ge as renderVNode,
+  dl as replaceExisting,
+  xl as requiredBooleanInput,
+  Cl as requiredDateInput,
+  kl as requiredEnumInput,
+  Sl as requiredNumberInput,
+  Tl as requiredObjectInput,
+  Zn as requiredStringInput,
+  zs as resetPiniaStore,
+  cr as safeHtml,
+  pl as setMarkdownRouter,
+  El as stringInput,
+  rt as translate,
+  S as translateWithDefault,
+  Gr as useAlertModal,
+  tn as useConfirmModal,
+  Hn as useErrorReportModal,
+  ot as useEvent,
+  ut as useForm,
+  Ie as useInputAttrs,
+  Un as useLoadingModal,
+  Xn as usePromptModal,
+  hr as validate,
+  fr as validateType,
+  de as validators,
+  lt as variantClasses
+};
+//# sourceMappingURL=aerogel-core.js.map