@aerogel/core 0.1.1-next.7fce7b4ce55cfb9c329a7746f571015aedc8e3bd → 0.1.1-next.9bd06e629f34098543a54bdb87e8996767876d42

package/dist/aerogel-core.js

@@ -1,18 +1,18 @@
 var Rt = Object.defineProperty;
 var zt = (t, s, e) => s in t ? Rt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var _ = (t, s, e) => zt(t, typeof s != "symbol" ? s + "" : s, e);
-import { markRaw as E, Comment as It, Text as qt, Static as At, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as Pt, useAttrs as Ye, onMounted as et, watch as Le, toRaw as Dt, customRef as jt, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as x, normalizeClass as C, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as H, createElementVNode as b, h as Bt, useTemplateRef as ee, withModifiers as tt, withDirectives as st, vModelCheckbox as Ft, normalizeStyle as Ut, resolveComponent as Ot, createApp as Nt, vModelText as Wt } from "vue";
+import { markRaw as E, Comment as It, Text as qt, Static as At, inject as X, reactive as ge, unref as l, onUnmounted as $e, ref as N, computed as c, readonly as we, nextTick as Pt, useAttrs as Ye, onMounted as et, watch as Le, toRaw as Dt, customRef as jt, watchEffect as G, defineComponent as h, createBlock as f, openBlock as i, mergeProps as V, withCtx as m, renderSlot as w, createPropsRestProxy as K, createVNode as d, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as L, toDisplayString as C, normalizeClass as x, createElementBlock as y, Fragment as D, renderList as U, provide as de, resolveDynamicComponent as Y, useSlots as Re, createCommentVNode as M, createElementVNode as b, h as Bt, useTemplateRef as ee, withModifiers as tt, withDirectives as st, vModelCheckbox as Ft, normalizeStyle as Ut, resolveComponent as Ot, createApp as Nt, vModelText as Wt } from "vue";
 import { JSError as _e, stringToSlug as Kt, tap as te, MagicObject as rt, PromisedValue as Q, Storage as O, objectOnly as ne, arrayFrom as nt, isEmpty as Se, objectDeepClone as Qt, fail as W, facade as se, arrayRemove as Ve, getEnv as Jt, updateLocationQueryParameters as Zt, forever as Xt, toString as B, objectWithout as Gt, noop as Yt, debounce as es, stringMatchAll as at, isDevelopment as J, isTesting as ze, after as le, uuid as oe, isObject as fe, objectWithoutEmpty as lt, value as ts, isInstanceOf as Oe, stringExcerpt as ss, arraySorted as rs, ListenersManager as ns, toError as as, round as ls } from "@noeldemartin/utils";
 import j from "virtual:aerogel";
 import { createPinia as is, setActivePinia as os, defineStore as us } from "pinia";
 import cs from "dompurify";
 import { marked as ds, Renderer as Ne } from "marked";
 import { createModal as ps, showModal as We, closeModal as Ke, modals as ae, useModal as Ie, ModalComponent as ms, injectModal as fs, ModalsPortal as hs } from "@noeldemartin/vue-modals";
-import { useModal as li } from "@noeldemartin/vue-modals";
+import { ModalComponent as li, ModalsPortal as ii, closeModal as oi, createModal as ui, modals as ci, showModal as di, useModal as pi } from "@noeldemartin/vue-modals";
 import gs from "clsx";
 import { cva as vs } from "class-variance-authority";
 import { twMerge as bs } from "tailwind-merge";
-import { Primitive as ys, SelectValue as Qe, SelectTrigger as $s, SelectIcon as ws, SelectItem as _s, SelectItemText as xs, SelectPortal as Cs, SelectContent as ks, SelectViewport as Ss, SelectRoot as Ts, Label as Hs, useForwardExpose as qe, SwitchRoot as Ms, SwitchThumb as Vs, DialogRoot as Es, DialogPortal as Ls, DialogContent as Rs, DialogDescription as zs, DialogOverlay as Is, DialogTitle as qs, ToastClose as As, ToastRoot as Ps, ToastProvider as Ds, ToastViewport as js, DropdownMenuItem as Bs, DropdownMenuContent as Fs, DropdownMenuRoot as Us, DropdownMenuTrigger as Os, DropdownMenuPortal as Ns } from "reka-ui";
+import { Primitive as ys, SelectValue as Qe, SelectTrigger as $s, SelectIcon as ws, SelectItem as _s, SelectItemText as Cs, SelectPortal as xs, SelectContent as ks, SelectViewport as Ss, SelectRoot as Ts, Label as Ms, useForwardExpose as qe, SwitchRoot as Hs, SwitchThumb as Vs, DialogRoot as Es, DialogPortal as Ls, DialogContent as Rs, DialogDescription as zs, DialogOverlay as Is, DialogTitle as qs, ToastClose as As, ToastRoot as Ps, ToastProvider as Ds, ToastViewport as js, DropdownMenuItem as Bs, DropdownMenuContent as Fs, DropdownMenuRoot as Us, DropdownMenuTrigger as Os, DropdownMenuPortal as Ns } from "reka-ui";
 class Ee extends _e {
   constructor(s, e) {
     super(`Service '${s}' failed booting`, { cause: e });
@@ -36,9 +36,9 @@ function Qs() {
 function Js(t, s) {
   return it(), us(t, s)();
 }
-function xe(t) {
+function Ce(t) {
   var s;
-  return s = class extends Ce {
+  return s = class extends xe {
     usesStore() {
       return !0;
     }
@@ -74,8 +74,8 @@ To fix this problem, declare your initialState as a function instead.`
     }
   }, _(s, "persist", t.persist ?? []), s;
 }
-var Me;
-let Ce = (Me = class extends rt {
+var He;
+let xe = (He = class extends rt {
   constructor() {
     super();
     _(this, "_name");
@@ -190,13 +190,13 @@ let Ce = (Me = class extends rt {
   requireStore() {
     return this._store ? this._store : W(`Failed getting '${this._name}' store`);
   }
-}, _(Me, "persist", []), Me);
+}, _(He, "persist", []), He);
 const yl = {
   Low: -256,
   Default: 0,
   High: 256
 };
-class Zs extends Ce {
+class Zs extends xe {
   constructor() {
     super(...arguments);
     _(this, "listeners", {});
@@ -253,7 +253,7 @@ const F = se(Zs);
 function $l(t) {
   return t;
 }
-const Xs = xe({
+const Xs = Ce({
   name: "app",
   initialState: {
     plugins: {},
@@ -357,12 +357,12 @@ const Te = /* @__PURE__ */ new WeakMap(), rr = {
 };
 function ut(t, s) {
   const { baseClasses: e, ...r } = t, { baseClasses: n, ...a } = s, u = vs(n, a);
-  return M(u(r), l(e));
+  return H(u(r), l(e));
 }
-function M(...t) {
+function H(...t) {
   return bs(gs(t));
 }
-function xl(t, s) {
+function Cl(t, s) {
   const e = F.on(t, s);
   $e(() => e());
 }
@@ -389,7 +389,7 @@ function ar(t, s) {
   }
 }
 const he = { ...nr };
-function Cl(t, s) {
+function xl(t, s) {
   he[t] = s;
 }
 function lr(t, s) {
@@ -551,11 +551,11 @@ function ur(t) {
     }
   };
 }
-function Hl(t) {
+function Ml(t) {
   const s = N(), e = c(t);
   return Le(e, async () => s.value = await e.value, { immediate: !0 }), s;
 }
-function Ml(t, s) {
+function Hl(t, s) {
   const e = s ? t : {}, r = s ?? t, n = N(e.initial ?? null), a = es((u) => n.value = u, e.delay ?? 300);
   return G(() => a(r())), n;
 }
@@ -612,7 +612,7 @@ const hr = {
       t.directive(r, n);
   }
 };
-class br extends Ce {
+class br extends xe {
   constructor() {
     super(...arguments);
     _(this, "cache");
@@ -634,7 +634,7 @@ class br extends Ce {
   }
 }
 const El = se(br);
-class yr extends Ce {
+class yr extends xe {
   async purge() {
     await F.emit("purge-storage");
   }
@@ -677,7 +677,7 @@ const wr = {
 function ht() {
   return globalThis.innerWidth > ft ? ve.Desktop : ve.Mobile;
 }
-const _r = xe({
+const _r = Ce({
   name: "ui",
   initialState: {
     toasts: [],
@@ -688,7 +688,7 @@ const _r = xe({
     mobile: ({ layout: t }) => t === ve.Mobile
   }
 });
-class xr extends _r {
+class Cr extends _r {
   constructor() {
     super(...arguments);
     _(this, "components", {});
@@ -804,8 +804,8 @@ class xr extends _r {
     globalThis.matchMedia(`(min-width: ${ft}px)`).addEventListener("change", () => this.setState({ layout: ht() }));
   }
 }
-const P = se(xr);
-class Cr {
+const P = se(Cr);
+class xr {
   constructor(s, e) {
     this.locale = s, this.fallbackLocale = e;
   }
@@ -831,7 +831,7 @@ class Cr {
     return J() && console.warn("Lang provider is missing"), e;
   }
 }
-const kr = xe({
+const kr = Ce({
   name: "lang",
   persist: ["locale", "fallbackLocale"],
   initialState: {
@@ -844,7 +844,7 @@ class Sr extends kr {
   constructor() {
     super();
     _(this, "provider");
-    this.provider = new Cr(
+    this.provider = new xr(
       this.getState("locale") ?? this.getBrowserLocale(),
       this.getState("fallbackLocale")
     );
@@ -872,7 +872,7 @@ class Sr extends kr {
     );
   }
 }
-const Z = se(Sr), gt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Tr = xe({
+const Z = se(Sr), gt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z), Tr = Ce({
   name: "errors",
   initialState: {
     logs: [],
@@ -885,7 +885,7 @@ const Z = se(Sr), gt = Z.translate.bind(Z), k = Z.translateWithDefault.bind(Z),
     hasStartupErrors: ({ startupErrors: t }) => t.length > 0
   }
 });
-class Hr extends Tr {
+class Mr extends Tr {
   constructor() {
     super(...arguments);
     _(this, "forceReporting", !1);
@@ -987,7 +987,7 @@ class Hr extends Tr {
     };
   }
 }
-const vt = se(Hr), bt = /* @__PURE__ */ h({
+const vt = se(Mr), bt = /* @__PURE__ */ h({
   __name: "HeadlessButton",
   props: {
     class: {},
@@ -1151,7 +1151,7 @@ const vt = se(Hr), bt = /* @__PURE__ */ h({
     }, 16, ["class", "disabled"]));
   }
 });
-function Mr(t) {
+function Hr(t) {
   return typeof t == "object" && t !== null && "label" in t;
 }
 const yt = /* @__PURE__ */ h({
@@ -1215,10 +1215,10 @@ const yt = /* @__PURE__ */ h({
     });
     return (r, n) => (i(), f(l(_s), ue(ce(r.$props)), {
       default: m(() => [
-        d(l(xs), null, {
+        d(l(Cs), null, {
           default: m(() => [
             w(r.$slots, "default", {}, () => [
-              L(x(e.value), 1)
+              L(C(e.value), 1)
             ])
           ]),
           _: 3
@@ -1237,19 +1237,19 @@ const yt = /* @__PURE__ */ h({
     const s = I(
       "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) => (i(), f(l(Cs), null, {
+    ), e = c(() => H("min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height)", t.class));
+    return (r, n) => (i(), f(l(xs), null, {
       default: m(() => [
         d(l(ks), {
           position: "popper",
-          class: C(e.value),
+          class: x(e.value),
           align: l(s).align,
           side: l(s).side,
           "side-offset": 4
         }, {
           default: m(() => [
             d(l(Ss), {
-              class: C(r.innerClass)
+              class: x(r.innerClass)
             }, {
               default: m(() => [
                 w(r.$slots, "default", {}, () => [
@@ -1290,7 +1290,7 @@ const yt = /* @__PURE__ */ h({
   setup(t, { expose: s, emit: e }) {
     const r = e, n = X("form", null), a = c(() => n && t.name ? n.getFieldValue(t.name) : t.modelValue), u = c(() => a.value), o = c(() => !n || !t.name ? null : n.errors[t.name] ?? null), p = c(() => t.options ? t.options.map((v) => ({
       key: oe(),
-      label: t.renderOption ? t.renderOption(v) : Mr(v) ? ts(v.label) : B(v),
+      label: t.renderOption ? t.renderOption(v) : Hr(v) ? ts(v.label) : B(v),
       value: v
     })) : null), g = {
       labelClass: t.labelClass,
@@ -1357,28 +1357,28 @@ const yt = /* @__PURE__ */ h({
       "select",
       "<HeadlessSelectLabel> must be a child of a <HeadlessSelect>"
     ), e = Re(), r = c(() => !!(s.label || e.default));
-    return (n, a) => r.value ? (i(), f(l(Hs), V({
+    return (n, a) => r.value ? (i(), f(l(Ms), V({
       key: 0,
       for: l(s).id
     }, n.$props), {
       default: m(() => [
         w(n.$slots, "default", {}, () => [
-          L(x(l(s).label), 1)
+          L(C(l(s).label), 1)
         ])
       ]),
       _: 3
-    }, 16, ["for"])) : H("", !0);
+    }, 16, ["for"])) : M("", !0);
   }
-}), xt = /* @__PURE__ */ h({
+}), Ct = /* @__PURE__ */ h({
   __name: "SelectLabel",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("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));
+    const s = I("select", "<SelectLabel> must be a child of a <Select>"), e = c(() => H("block text-sm leading-6 font-medium text-gray-900", s.labelClass, t.class));
     return (r, n) => r.$slots.default ? (i(), f(Ze, {
       key: 0,
-      class: C(e.value)
+      class: x(e.value)
     }, {
       default: m(() => [
         w(r.$slots, "default")
@@ -1386,7 +1386,7 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class"])) : (i(), f(Ze, {
       key: 1,
-      class: C(e.value)
+      class: x(e.value)
     }, null, 8, ["class"]));
   }
 }), Xe = /* @__PURE__ */ h({
@@ -1397,18 +1397,18 @@ const yt = /* @__PURE__ */ h({
     innerClass: {}
   },
   setup(t) {
-    const s = c(() => M("group p-1 outline-none", t.class)), e = c(() => M(
+    const s = c(() => H("group p-1 outline-none", t.class)), e = c(() => H(
       // eslint-disable-next-line vue/max-len
       "relative flex max-w-[calc(100vw-2rem)] cursor-pointer items-center truncate rounded-md gap-2 px-2 py-1 text-sm select-none *:truncate group-data-[highlighted]:bg-gray-100 group-data-[state=checked]:font-semibold group-data-[state=unchecked]:opacity-50",
       t.innerClass
     ));
     return (r, n) => (i(), f(wt, {
-      class: C(s.value),
+      class: x(s.value),
       value: r.value
     }, {
       default: m(() => [
         b("div", {
-          class: C(e.value)
+          class: x(e.value)
         }, [
           w(r.$slots, "default")
         ], 2)
@@ -1416,19 +1416,19 @@ const yt = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "value"]));
   }
-}), Ct = /* @__PURE__ */ h({
+}), xt = /* @__PURE__ */ h({
   __name: "SelectOptions",
   props: {
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => M(
+    const s = I("select", "<SelectOptions> must be a child of a <Select>"), e = c(() => H(
       "z-50 overflow-auto rounded-lg bg-white text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden",
       s.optionsClass,
       t.class
     ));
     return (r, n) => (i(), f(_t, {
-      class: C(e.value)
+      class: x(e.value)
     }, {
       default: m(() => {
         var a;
@@ -1441,7 +1441,7 @@ const yt = /* @__PURE__ */ h({
                 value: o.value
               }, {
                 default: m(() => [
-                  L(x(o.label), 1)
+                  L(C(o.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
@@ -1452,7 +1452,7 @@ const yt = /* @__PURE__ */ h({
               value: null
             }, {
               default: m(() => [
-                L(x(r.$td("ui.selectEmpty", "No options available")), 1)
+                L(C(r.$td("ui.selectEmpty", "No options available")), 1)
               ]),
               _: 1
             })
@@ -1481,14 +1481,14 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     class: {}
   },
   setup(t) {
-    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => M(
+    const s = I("select", "<SelectTrigger> must be a child of a <Select>"), e = c(() => H(
       // eslint-disable-next-line vue/max-len
       "focus:outline-primary-600 data-[state=open]:outline-primary-600 grid w-full cursor-default grid-cols-1 rounded-md bg-white py-1.5 pr-2 pl-3 text-left text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
       { "mt-1": s.label },
       t.class
     ));
     return (r, n) => (i(), f($t, {
-      class: C(e.value)
+      class: x(e.value)
     }, {
       default: m(() => [
         d(yt, { class: "col-start-1 row-start-1 truncate pr-6" }),
@@ -1521,10 +1521,10 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
       "onUpdate:modelValue": r[0] || (r[0] = (n) => e.$emit("update:modelValue", n))
     }), {
       default: m(() => [
-        d(xt),
+        d(Ct),
         w(e.$slots, "default", {}, () => [
           d(kt),
-          d(Ct)
+          d(xt)
         ])
       ]),
       _: 3
@@ -1549,9 +1549,9 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     }, {
       default: m(() => [
         b("div", Ir, [
-          d(xt, { class: "text-base font-semibold" }, {
+          d(Ct, { class: "text-base font-semibold" }, {
             default: m(() => [
-              L(x(n.$td("settings.locale", "Language")), 1)
+              L(C(n.$td("settings.locale", "Language")), 1)
             ]),
             _: 1
           }),
@@ -1566,7 +1566,7 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
           as: kt,
           class: "grid w-auto outline-none"
         }),
-        d(Ct)
+        d(xt)
       ]),
       _: 1
     }, 8, ["modelValue", "options"]));
@@ -1634,23 +1634,23 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const s = c(() => M(t.class, "flex flex-col justify-center gap-1"));
+    const s = c(() => H(t.class, "flex flex-col justify-center gap-1"));
     return (e, r) => (i(), y("div", {
-      class: C(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
+      class: x(["mt-4 flex", { "flex-col": e.layout === "vertical" }])
     }, [
       b("div", Fr, [
         b("h3", {
           id: e.titleId,
           class: "text-base font-semibold"
-        }, x(e.title), 9, Ur),
+        }, C(e.title), 9, Ur),
         e.description ? (i(), f(z, {
           key: 0,
           text: e.description,
           class: "mt-1 text-sm text-gray-500"
-        }, null, 8, ["text"])) : H("", !0)
+        }, null, 8, ["text"])) : M("", !0)
       ]),
       b("div", {
-        class: C(s.value)
+        class: x(s.value)
       }, [
         w(e.$slots, "default")
       ], 2)
@@ -1693,14 +1693,14 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
     return s(u), G(() => {
       !t.description && !a.value || console.warn("Errors and description not implemented in <HeadlessSwitch>");
     }), (o, p) => (i(), y("div", {
-      class: C(t.class)
+      class: x(t.class)
     }, [
       o.label ? (i(), y("label", {
         key: 0,
         for: u.id,
-        class: C(o.labelClass)
-      }, x(o.label), 11, Nr)) : H("", !0),
-      d(l(Ms), V({
+        class: x(o.labelClass)
+      }, C(o.label), 11, Nr)) : M("", !0),
+      d(l(Hs), V({
         id: u.id,
         name: o.name,
         "model-value": u.value.value
@@ -1710,7 +1710,7 @@ const Rr = E({ name: "zondicons-cheveron-down", render: Lr }), kt = /* @__PURE__
       }), {
         default: m(() => [
           d(l(Vs), {
-            class: C(o.thumbClass)
+            class: x(o.thumbClass)
           }, null, 8, ["class"])
         ]),
         _: 1
@@ -1835,7 +1835,7 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
         l(s) ? (i(), f(l(ms), {
           key: 0,
           is: l(s)
-        }, null, 8, ["is"])) : H("", !0)
+        }, null, 8, ["is"])) : M("", !0)
       ]),
       _: 3
     }, 512));
@@ -1886,7 +1886,7 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
 }), cn = {
   key: 0,
   class: "absolute top-0 right-0 hidden pt-3.5 pr-2.5 sm:block"
-}, dn = ["onClick"], pn = { class: "sr-only" }, He = ur(), re = /* @__PURE__ */ h({
+}, dn = ["onClick"], pn = { class: "sr-only" }, Me = ur(), re = /* @__PURE__ */ h({
   __name: "Modal",
   props: {
     persistent: { type: Boolean },
@@ -1911,10 +1911,10 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
         var T;
         return u.value && ((T = ae.value.toReversed().find((Be) => Be.visible.value)) == null ? void 0 : T.id) === a.value;
       }
-    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => He.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => M("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => M(
+    ), $ = c(() => ae.value.find((T) => T.visible.value)), v = c(() => ae.value.some((T) => Me.has(T))), S = c(() => t.description ? {} : { "aria-describedby": void 0 }), q = c(() => H("max-h-[90vh] overflow-auto px-4 pb-4", { "pt-4": !t.title || t.titleHidden }, t.class)), pe = c(() => H(
       "isolate fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
       "overflow-hidden rounded-lg bg-white text-left shadow-xl sm:max-w-lg",
-      He.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
+      Me.has(p.value) || "animate-[fade-in_var(--tw-duration)_ease-in-out,grow_var(--tw-duration)_ease-in-out]",
       "transition-[scale,opacity] will-change-[scale,opacity] duration-300",
       {
         "scale-50 opacity-0": !g.value,
@@ -1922,7 +1922,7 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
       },
       t.wrapperClass
     ));
-    return et(() => le(500).then(() => He.add(p.value))), (T, Be) => (i(), f(nn, V(e, {
+    return et(() => le(500).then(() => Me.add(p.value))), (T, Be) => (i(), f(nn, V(e, {
       ref: (me) => l(r)(me),
       persistent: T.persistent
     }), {
@@ -1930,7 +1930,7 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
         var Fe, Ue;
         return [
           d(on, {
-            class: C(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
+            class: x(["fixed inset-0 transition-opacity duration-300 will-change-[opacity]", {
               "animate-[fade-in_var(--tw-duration)_ease-in-out]": !v.value,
               "bg-black/30": ((Fe = $.value) == null ? void 0 : Fe.id) === l(a) || !$.value && ((Ue = l(ae)[0]) == null ? void 0 : Ue.id) === l(a),
               "opacity-0": !$.value
@@ -1944,13 +1944,13 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
                   class: "clickable z-10 rounded-full p-2.5 text-gray-400 hover:text-gray-500",
                   onClick: (al) => me()
                 }, [
-                  b("span", pn, x(T.$td("ui.close", "Close")), 1),
+                  b("span", pn, C(T.$td("ui.close", "Close")), 1),
                   d(l(rn), { class: "size-4" })
                 ], 8, dn)
-              ])) : H("", !0),
+              ])) : M("", !0),
               T.title ? (i(), f(un, {
                 key: 1,
-                class: C(["px-4 pt-5 text-base font-semibold text-gray-900", {
+                class: x(["px-4 pt-5 text-base font-semibold text-gray-900", {
                   "sr-only": T.titleHidden,
                   "pb-0": T.description && !T.descriptionHidden,
                   "pb-2": !T.description || T.descriptionHidden
@@ -1963,10 +1963,10 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : H("", !0),
+              }, 8, ["class"])) : M("", !0),
               T.description ? (i(), f(ln, {
                 key: 2,
-                class: C(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
+                class: x(["px-4 pt-1 pb-2", { "sr-only": T.descriptionHidden }])
               }, {
                 default: m(() => [
                   d(z, {
@@ -1975,9 +1975,9 @@ const rn = E({ name: "zondicons-close", render: sn }), nn = /* @__PURE__ */ h({
                   }, null, 8, ["text"])
                 ]),
                 _: 1
-              }, 8, ["class"])) : H("", !0),
+              }, 8, ["class"])) : M("", !0),
               b("div", {
-                class: C(q.value)
+                class: x(q.value)
               }, [
                 w(T.$slots, "default", { close: me })
               ], 2)
@@ -2012,7 +2012,7 @@ const fn = /* @__PURE__ */ h({
       _: 1
     }, 8, ["title", "title-hidden"]));
   }
-}), Ht = /* @__PURE__ */ h({
+}), Mt = /* @__PURE__ */ h({
   __name: "Form",
   props: {
     form: {}
@@ -2072,7 +2072,7 @@ const gn = {
       persistent: ""
     }, {
       default: m(({ close: $ }) => [
-        d(Ht, {
+        d(Mt, {
           form: l(r),
           onSubmit: (v) => $([!0, l(r).data()])
         }, {
@@ -2092,27 +2092,27 @@ const gn = {
                   }, null, 8, bn), [
                     [Ft, l(r)[S]]
                   ]),
-                  b("span", yn, x(v.label), 1)
+                  b("span", yn, C(v.label), 1)
                 ])
               ]))), 128))
-            ])) : H("", !0),
+            ])) : M("", !0),
             b("div", $n, [
               d(R, {
                 variant: p.acceptVariant,
                 submit: ""
               }, {
                 default: m(() => [
-                  L(x(l(u)), 1)
+                  L(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
-              p.required ? H("", !0) : (i(), f(R, {
+              p.required ? M("", !0) : (i(), f(R, {
                 key: 0,
                 variant: p.cancelVariant,
                 onClick: (v) => $(!1)
               }, {
                 default: m(() => [
-                  L(x(l(o)), 1)
+                  L(C(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"]))
@@ -2129,7 +2129,7 @@ const gn = {
   width: "1.2em",
   height: "1.2em"
 };
-function xn(t, s) {
+function Cn(t, s) {
   return i(), y("svg", _n, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
@@ -2137,7 +2137,7 @@ function xn(t, s) {
     }, null, -1)
   ]));
 }
-const Cn = E({ name: "zondicons-cheveron-left", render: xn }), kn = {
+const xn = E({ name: "zondicons-cheveron-left", render: Cn }), kn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
@@ -2150,12 +2150,12 @@ function Sn(t, s) {
     }, null, -1)
   ]));
 }
-const Mt = E({ name: "zondicons-cheveron-right", render: Sn }), Tn = {
+const Ht = E({ name: "zondicons-cheveron-right", render: Sn }), Tn = {
   viewBox: "0 0 20 20",
   width: "1.2em",
   height: "1.2em"
 };
-function Hn(t, s) {
+function Mn(t, s) {
   return i(), y("svg", Tn, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
@@ -2163,13 +2163,13 @@ function Hn(t, s) {
     }, null, -1)
   ]));
 }
-const De = E({ name: "zondicons-exclamation-solid", render: Hn }), Mn = {
+const De = E({ name: "zondicons-exclamation-solid", render: Mn }), Hn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function Vn(t, s) {
-  return i(), y("svg", Mn, s[0] || (s[0] = [
+  return i(), y("svg", Hn, s[0] || (s[0] = [
     b("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"
@@ -2273,7 +2273,7 @@ ${s.report.details}`), P.toast(k("errors.copiedToClipboard", "Debug information
           onClick: o.click
         }, {
           default: m(() => [
-            b("span", Dn, x(a.$td(`errors.report_${o.id}`, o.description)), 1),
+            b("span", Dn, C(a.$td(`errors.report_${o.id}`, o.description)), 1),
             (i(), f(Y(o.iconComponent), {
               class: "size-4",
               "aria-hidden": "true"
@@ -2353,7 +2353,7 @@ const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-
                   onClick: g[0] || (g[0] = ($) => r.value--)
                 }, {
                   default: m(() => [
-                    d(l(Cn), { class: "size-4" })
+                    d(l(xn), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"]),
@@ -2366,11 +2366,11 @@ const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-
                   onClick: g[1] || (g[1] = ($) => r.value++)
                 }, {
                   default: m(() => [
-                    d(l(Mt), { class: "size-4" })
+                    d(l(Ht), { class: "size-4" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "aria-label", "title"])
-              ])) : H("", !0)
+              ])) : M("", !0)
             ]),
             d(jn, {
               report: l(o),
@@ -2381,12 +2381,12 @@ const Un = { class: "px-4 pt-5 pb-4" }, On = { class: "flex justify-between gap-
             key: 0,
             text: l(o).description,
             class: "text-gray-600"
-          }, null, 8, ["text"])) : H("", !0)
+          }, null, 8, ["text"])) : M("", !0)
         ]),
         b("div", Kn, [
           b("pre", {
             class: "p-4 text-xs text-red-800",
-            textContent: x(l(n))
+            textContent: C(l(n))
           }, null, 8, Qn)
         ])
       ]),
@@ -2428,7 +2428,7 @@ const Gn = E({ name: "svg-spinners-90-ring-with-bg", render: Xn }), Yn = { class
   },
   setup(t) {
     let s;
-    const e = N(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);
+    const e = N(0), r = c(() => H("size-full transition-transform duration-500 rounded-r-full ease-linear bg-primary-600", t.filledClass)), n = c(() => typeof t.progress == "number" ? t.progress : e.value);
     return Le(
       () => t.job,
       () => {
@@ -2437,10 +2437,10 @@ const Gn = E({ name: "svg-spinners-90-ring-with-bg", render: Xn }), Yn = { class
       { immediate: !0 }
     ), $e(() => s && s()), (a, u) => (i(), y("div", Yn, [
       b("div", {
-        class: C(r.value),
+        class: x(r.value),
         style: Ut(`transform:translateX(-${(1 - n.value) * 100}%)`)
       }, null, 6),
-      b("span", ea, x(a.$td("ui.progress", "{progress}% complete", {
+      b("span", ea, C(a.$td("ui.progress", "{progress}% complete", {
         progress: n.value * 100
       })), 1)
     ]));
@@ -2464,7 +2464,7 @@ const ra = /* @__PURE__ */ h({
     const e = t, { renderedTitle: r, renderedMessage: n, titleHidden: a, showProgress: u } = sa(e);
     return s(), (o, p) => (i(), f(re, {
       persistent: "",
-      class: C(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
+      class: x(["flex", { "flex-col-reverse": l(u), "items-center justify-center gap-2": !l(u) }]),
       "wrapper-class": "w-auto",
       title: l(r),
       "title-hidden": l(a)
@@ -2530,9 +2530,9 @@ const ra = /* @__PURE__ */ h({
       for: l(s).id
     }, [
       w(n.$slots, "default", {}, () => [
-        L(x(l(s).label), 1)
+        L(C(l(s).label), 1)
       ])
-    ], 8, na)) : H("", !0);
+    ], 8, na)) : M("", !0);
   }
 }), aa = ["id", "name", "checked", "type", "required", "aria-invalid", "aria-describedby"], Vt = /* @__PURE__ */ h({
   __name: "HeadlessInputInput",
@@ -2601,7 +2601,7 @@ const ra = /* @__PURE__ */ h({
       r.value ? (i(), f(z, V({ key: 0 }, n.$attrs, {
         id: `${l(s).id}-description`,
         text: e.value
-      }), null, 16, ["id", "text"])) : H("", !0)
+      }), null, 16, ["id", "text"])) : M("", !0)
     ]);
   }
 }), la = ["id"], ye = /* @__PURE__ */ h({
@@ -2611,7 +2611,7 @@ const ra = /* @__PURE__ */ h({
     return (r, n) => e.value ? (i(), y("p", {
       key: 0,
       id: `${l(s).id}-error`
-    }, x(e.value), 9, la)) : H("", !0);
+    }, C(e.value), 9, la)) : M("", !0);
   }
 }), ia = {
   key: 0,
@@ -2629,9 +2629,9 @@ const ra = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
       var o, p, g;
-      return M(
+      return H(
         // 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",
         {
@@ -2654,12 +2654,12 @@ const ra = /* @__PURE__ */ h({
         return [
           d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: C(a.value)
+            class: x(a.value)
           }, [
             d(Vt, V(l(r), { class: u.value }), null, 16, ["class"]),
             (g = e.value) != null && g.errors ? (i(), y("div", ia, [
               d(l(De), { class: "size-5 text-red-500" })
-            ])) : H("", !0)
+            ])) : M("", !0)
           ], 2),
           d(Et, { class: "mt-2 text-sm text-gray-600" }),
           d(ye, { class: "mt-2 text-sm text-red-600" })
@@ -2782,7 +2782,7 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
       persistent: ""
     }, {
       default: m(({ close: $ }) => [
-        d(Ht, {
+        d(Mt, {
           form: l(r),
           onSubmit: (v) => $(l(r).draft)
         }, {
@@ -2790,7 +2790,7 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
             l(a) ? (i(), f(z, {
               key: 0,
               text: l(a)
-            }, null, 8, ["text"])) : H("", !0),
+            }, null, 8, ["text"])) : M("", !0),
             d(oa, {
               name: "draft",
               class: "mt-2",
@@ -2803,7 +2803,7 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
                 submit: ""
               }, {
                 default: m(() => [
-                  L(x(l(u)), 1)
+                  L(C(l(u)), 1)
                 ]),
                 _: 1
               }, 8, ["variant"]),
@@ -2812,7 +2812,7 @@ const da = { class: "mt-4 flex flex-row-reverse gap-2" }, pa = /* @__PURE__ */ h
                 onClick: (v) => $()
               }, {
                 default: m(() => [
-                  L(x(l(o)), 1)
+                  L(C(l(o)), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "onClick"])
@@ -2868,7 +2868,7 @@ const wa = E({ name: "material-symbols-frame-inspect", render: $a }), _a = {
   width: "1.2em",
   height: "1.2em"
 };
-function xa(t, s) {
+function Ca(t, s) {
   return i(), y("svg", _a, s[0] || (s[0] = [
     b("path", {
       fill: "currentColor",
@@ -2876,7 +2876,7 @@ function xa(t, s) {
     }, null, -1)
   ]));
 }
-const Ca = E({ name: "material-symbols-refresh-rounded", render: xa }), ka = { class: "grid grow place-items-center" }, Sa = { class: "flex flex-col items-center p-8" }, Ta = { 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" }, Ma = /* @__PURE__ */ h({
+const xa = E({ name: "material-symbols-refresh-rounded", render: Ca }), ka = { class: "grid grow place-items-center" }, Sa = { class: "flex flex-col items-center p-8" }, Ta = { class: "mt-0 mb-0 text-center text-4xl font-medium text-red-600" }, Ma = { 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" }, Ha = /* @__PURE__ */ h({
   __name: "StartupCrash",
   setup(t) {
     async function s() {
@@ -2899,7 +2899,7 @@ Do you still want to proceed?`
       return i(), y("div", ka, [
         b("div", Sa, [
           d(n, { class: "size-20 text-red-600" }),
-          b("h1", Ta, x(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
+          b("h1", Ta, C(e.$td("startupCrash.title", "Oops, something went wrong!")), 1),
           d(z, {
             text: e.$td(
               "startupCrash.message",
@@ -2907,14 +2907,14 @@ Do you still want to proceed?`
             ),
             class: "mt-4 text-center"
           }, null, 8, ["text"]),
-          b("div", Ha, [
+          b("div", Ma, [
             d(R, {
               variant: "danger",
               onClick: r[0] || (r[0] = (a) => e.$app.reload())
             }, {
               default: m(() => [
-                d(l(Ca)),
-                L(" " + x(e.$td("startupCrash.reload", "Try again")), 1)
+                d(l(xa)),
+                L(" " + C(e.$td("startupCrash.reload", "Try again")), 1)
               ]),
               _: 1
             }),
@@ -2924,7 +2924,7 @@ Do you still want to proceed?`
             }, {
               default: m(() => [
                 d(l(ha)),
-                L(" " + x(e.$td("startupCrash.inspect", "View error details")), 1)
+                L(" " + C(e.$td("startupCrash.inspect", "View error details")), 1)
               ]),
               _: 1
             }),
@@ -2934,7 +2934,7 @@ Do you still want to proceed?`
             }, {
               default: m(() => [
                 d(l(ba)),
-                L(" " + x(e.$td("startupCrash.purge", "Purge device")), 1)
+                L(" " + C(e.$td("startupCrash.purge", "Purge device")), 1)
               ]),
               _: 1
             }),
@@ -2944,7 +2944,7 @@ Do you still want to proceed?`
             }, {
               default: m(() => [
                 d(l(wa)),
-                L(" " + x(e.$td("startupCrash.debug", "Toggle debugging")), 1)
+                L(" " + C(e.$td("startupCrash.debug", "Toggle debugging")), 1)
               ]),
               _: 1
             })
@@ -2964,7 +2964,7 @@ Do you still want to proceed?`
       onClick: s.action.click
     }, {
       default: m(() => [
-        L(x(s.action.label), 1)
+        L(C(s.action.label), 1)
       ]),
       _: 1
     }, 8, ["onClick"]));
@@ -2980,7 +2980,7 @@ Do you still want to proceed?`
     return (s, e) => (i(), f(l(Ps), null, {
       default: m(() => [
         w(s.$slots, "default", {}, () => [
-          s.message ? (i(), y("span", Va, x(s.message), 1)) : H("", !0),
+          s.message ? (i(), y("span", Va, C(s.message), 1)) : M("", !0),
           (i(!0), y(D, null, U(s.actions, (r, n) => (i(), f(Lt, {
             key: n,
             action: r
@@ -3015,14 +3015,14 @@ Do you still want to proceed?`
       }
     ));
     return s(), (r, n) => (i(), f(Ea, {
-      class: C(e.value)
+      class: x(e.value)
     }, {
       default: m(() => [
         r.message ? (i(), f(z, {
           key: 0,
           text: r.message,
           inline: ""
-        }, null, 8, ["text"])) : H("", !0),
+        }, null, 8, ["text"])) : M("", !0),
         (i(!0), y(D, null, U(r.actions, (a, u) => (i(), f(R, {
           key: u,
           action: a,
@@ -3041,7 +3041,7 @@ Do you still want to proceed?`
       "error-report-modal": Jn,
       "loading-modal": ra,
       "prompt-modal": pa,
-      "startup-crash": Ma,
+      "startup-crash": Ha,
       toast: La,
       ...s.components
     };
@@ -3121,8 +3121,8 @@ const qa = /* @__PURE__ */ h({
   setup(t) {
     return (s, e) => (i(), y("details", Ba, [
       b("summary", Fa, [
-        d(l(Mt), { class: "size-6 transition-transform group-open:rotate-90" }),
-        b("span", null, x(s.$td("ui.advancedOptions", "Advanced options")), 1)
+        d(l(Ht), { class: "size-6 transition-transform group-open:rotate-90" }),
+        b("span", null, C(s.$td("ui.advancedOptions", "Advanced options")), 1)
       ]),
       b("div", Ua, [
         w(s.$slots, "default")
@@ -3142,9 +3142,9 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => M("relative flex items-start", n.value)), u = c(() => {
+    const s = K(t, ["inputClass", "labelClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => H("relative flex items-start", n.value)), u = c(() => {
       var p, g;
-      return M(
+      return H(
         "size-4 rounded text-primary-600 not-checked:hover:bg-gray-200 checked:hover:text-primary-500 checked:border-0",
         {
           "border-gray-300 focus:ring-primary-600": !((p = e.value) != null && p.errors),
@@ -3152,7 +3152,7 @@ const qa = /* @__PURE__ */ h({
         },
         t.inputClass
       );
-    }), o = c(() => M("ml-2 text-sm leading-6", t.labelClass));
+    }), o = c(() => H("ml-2 text-sm leading-6", t.labelClass));
     return (p, g) => (i(), f(je, V({
       ref: "$inputRef",
       class: a.value
@@ -3168,7 +3168,7 @@ const qa = /* @__PURE__ */ h({
         ]),
         p.$slots.default ? (i(), y("div", {
           key: 0,
-          class: C(o.value)
+          class: x(o.value)
         }, [
           d(be, { class: "text-gray-900" }, {
             default: m(() => [
@@ -3179,11 +3179,11 @@ const qa = /* @__PURE__ */ h({
           d(ye, { class: "text-red-600" })
         ], 2)) : p.label ? (i(), y("div", {
           key: 1,
-          class: C(o.value)
+          class: x(o.value)
         }, [
           d(be, { class: "text-gray-900" }),
           d(ye, { class: "text-red-600" })
-        ], 2)) : H("", !0)
+        ], 2)) : M("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
@@ -3197,7 +3197,7 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["select"],
   setup(t) {
-    const s = K(t, ["class"]), e = c(() => M(
+    const s = K(t, ["class"]), e = c(() => H(
       "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
     ));
@@ -3245,7 +3245,7 @@ const qa = /* @__PURE__ */ h({
             }
           ), {
             default: m(() => [
-              L(x(n.label), 1)
+              L(C(n.label), 1)
             ]),
             _: 2
           }, 1040, ["as", "class", "onSelect"]))), 128))
@@ -3303,7 +3303,7 @@ const qa = /* @__PURE__ */ h({
   },
   emits: ["update", "save"],
   setup(t, { emit: s }) {
-    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => M("inline whitespace-pre", t.contentClass)), o = c(() => M("invisible whitespace-pre", t.contentClass)), p = c(() => M("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
+    const e = s, r = ee("$inputRef"), n = N(null), a = N(t.text), u = c(() => H("inline whitespace-pre", t.contentClass)), o = c(() => H("invisible whitespace-pre", t.contentClass)), p = c(() => H("absolute inset-0 h-full w-full resize-none border-0 bg-transparent p-0 focus:ring-0", t.contentClass));
     function g() {
       n.value = t.text;
     }
@@ -3311,21 +3311,21 @@ const qa = /* @__PURE__ */ h({
       n.value && (t.type !== "number" && a.value.trim().length === 0 && (a.value = n.value, e("update", a.value)), n.value = null, e("save"));
     }
     return G(() => a.value = t.text), (v, S) => (i(), y("div", {
-      class: C(["relative", { "pointer-events-none!": v.disabled && !n.value }])
+      class: x(["relative", { "pointer-events-none!": v.disabled && !n.value }])
     }, [
       n.value ? (i(), y("span", {
         key: 1,
-        class: C(o.value)
-      }, x(a.value), 3)) : (i(), y("div", {
+        class: x(o.value)
+      }, C(a.value), 3)) : (i(), y("div", {
         key: 0,
-        class: C(u.value)
+        class: x(u.value)
       }, [
         w(v.$slots, "default")
       ], 2)),
       v.type === "number" ? (i(), y("span", {
         key: 2,
-        class: C(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
-      }, null, 2)) : H("", !0),
+        class: x(["inline-block transition-[width]", n.value ? "w-5" : "w-0"])
+      }, null, 2)) : M("", !0),
       b("form", {
         class: "w-full",
         "aria-hidden": v.formAriaHidden,
@@ -3340,7 +3340,7 @@ const qa = /* @__PURE__ */ h({
           tabindex: v.tabindex ?? void 0,
           "aria-label": v.ariaLabel ?? void 0,
           type: v.type,
-          class: C([
+          class: x([
             p.value,
             { "opacity-0": !n.value, "appearance-textfield": !n.value && v.type === "number" }
           ]),
@@ -3392,11 +3392,11 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
             class: "mb-2 flex max-w-prose min-w-56 justify-between py-2 last:mb-0"
           }, [
             b("div", null, [
-              b("h3", tl, x(r.report.title), 1),
+              b("h3", tl, C(r.report.title), 1),
               b("time", {
                 datetime: r.date.toISOString(),
                 class: "text-xs text-gray-700"
-              }, x(r.date.toLocaleTimeString()), 9, sl),
+              }, C(r.date.toLocaleTimeString()), 9, sl),
               d(z, {
                 class: "text-sm text-gray-500",
                 text: r.report.description ?? l(Tt)(r.report)
@@ -3442,7 +3442,7 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
         d(l(Xa), { class: "size-6 text-red-500" })
       ]),
       _: 1
-    }, 8, ["title", "aria-label"])) : H("", !0);
+    }, 8, ["title", "aria-label"])) : M("", !0);
   }
 }), Gl = /* @__PURE__ */ h({
   __name: "ErrorMessage",
@@ -3507,9 +3507,9 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => M("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
+    const s = K(t, ["label", "inputClass", "wrapperClass"]), e = ee("$inputRef"), [r, n] = Pe(), a = c(() => H("relative rounded-md shadow-2xs", { "mt-1": t.label }, t.wrapperClass)), u = c(() => {
       var o, p, g;
-      return M(
+      return H(
         // 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",
         {
@@ -3532,12 +3532,12 @@ const el = E({ name: "zondicons-view-show", render: Ya }), tl = { class: "font-m
         return [
           d(be, { class: "block text-sm leading-6 font-medium text-gray-900" }),
           b("div", {
-            class: C(a.value)
+            class: x(a.value)
           }, [
             d(ja, V(l(r), { class: u.value }), null, 16, ["class"]),
             (g = e.value) != null && g.errors ? (i(), y("div", nl, [
               d(l(De), { class: "size-5 text-red-500" })
-            ])) : H("", !0)
+            ])) : M("", !0)
           ], 2),
           d(Et, { class: "mt-2 text-sm text-gray-600" }),
           d(ye, { class: "mt-2 text-sm text-red-600" })
@@ -3652,7 +3652,7 @@ export {
   yl as EventListenerPriorities,
   F as Events,
   Zs as EventsService,
-  Ht as Form,
+  Mt as Form,
   or as FormController,
   bt as HeadlessButton,
   je as HeadlessInput,
@@ -3684,24 +3684,26 @@ export {
   ft as MOBILE_BREAKPOINT,
   z as Markdown,
   re as Modal,
+  li as ModalComponent,
+  ii as ModalsPortal,
   ta as ProgressBar,
   pa as PromptModal,
   zr as Select,
-  xt as SelectLabel,
+  Ct as SelectLabel,
   Xe as SelectOption,
-  Ct as SelectOptions,
+  xt as SelectOptions,
   kt as SelectTrigger,
-  Ce as Service,
+  xe as Service,
   Ee as ServiceBootError,
   Or as Setting,
   ei as SettingsModal,
-  Ma as StartupCrash,
+  Ha as StartupCrash,
   mt as Storage,
   Kr as Switch,
   ti as TextArea,
   La as Toast,
   P as UI,
-  xr as UIService,
+  Cr as UIService,
   kl as __valueType,
   gr as aerogelDirectives,
   Ws as appNamespace,
@@ -3709,14 +3711,16 @@ export {
   ke as bootServices,
   Nl as bootstrap,
   Ia as bootstrapApplication,
-  M as classes,
-  Hl as computedAsync,
-  Ml as computedDebounce,
+  H as classes,
+  oi as closeModal,
+  Ml as computedAsync,
+  Hl as computedDebounce,
+  ui as createModal,
   Il as dateInput,
   _l as defineDirective,
-  Cl as defineFormValidationRule,
+  xl as defineFormValidationRule,
   wl as definePlugin,
-  xe as defineServiceState,
+  Ce as defineServiceState,
   Js as defineServiceStore,
   $l as defineSettings,
   ri as dispatch,
@@ -3725,11 +3729,12 @@ export {
   Tt as getErrorMessage,
   mr as getMarkdownRouter,
   Qs as getPiniaStore,
-  Mr as hasSelectOptionLabel,
+  Hr as hasSelectOptionLabel,
   sr as injectOrFail,
   tr as injectReactive,
   I as injectReactiveOrFail,
   Ys as installPlugins,
+  ci as modals,
   Fl as numberInput,
   Ul as objectInput,
   Sl as onCleanMounted,
@@ -3749,17 +3754,18 @@ export {
   Ks as resetPiniaStore,
   pt as safeHtml,
   Vl as setMarkdownRouter,
+  di as showModal,
   Ol as stringInput,
   gt as translate,
   k as translateWithDefault,
   mn as useAlertModal,
   hn as useConfirmModal,
   Fn as useErrorReportModal,
-  xl as useEvent,
+  Cl as useEvent,
   dt as useForm,
   Pe as useInputAttrs,
   sa as useLoadingModal,
-  li as useModal,
+  pi as useModal,
   ca as usePromptModal,
   ir as validate,
   lr as validateType,