@stonecrop/desktop 0.10.2 → 0.10.4

package/dist/desktop.js

@@ -1,35 +1,35 @@
-import { defineComponent as we, ref as C, onMounted as xe, openBlock as T, createElementBlock as j, normalizeClass as De, createElementVNode as x, Fragment as ue, renderList as ye, toDisplayString as X, createCommentVNode as ce, withDirectives as $e, vShow as ze, useTemplateRef as pt, computed as R, watch as H, nextTick as de, createBlock as Qe, Teleport as $t, createVNode as ne, Transition as At, withCtx as me, withModifiers as ft, vModelText as ht, renderSlot as Ve, createTextVNode as Ae, toRaw as vt, isRef as pe, isReactive as Pe, toRef as re, hasInjectionContext as Ge, inject as be, getCurrentInstance as gt, reactive as yt, markRaw as he, effectScope as Ct, getCurrentScope as Xe, onScopeDispose as Ye, toRefs as tt, provide as Je, shallowRef as Se, toValue as q, readonly as Te, customRef as et, unref as Ne, useModel as It, watchEffect as Rt, resolveComponent as mt, resolveDynamicComponent as xt, mergeProps as Pt, mergeModels as ot, withKeys as fe, normalizeStyle as je } from "vue";
-const Tt = { class: "action-menu-icon" }, Vt = ["disabled", "onClick"], jt = { key: 1 }, Mt = ["onClick"], Ft = { class: "dropdown-container" }, Lt = { class: "dropdown" }, Bt = ["onClick"], Wt = ["href"], Ht = { class: "dropdown-item" }, Ut = /* @__PURE__ */ we({
+import { defineComponent as be, ref as $, onMounted as xe, openBlock as P, createElementBlock as j, normalizeClass as De, createElementVNode as x, Fragment as ue, renderList as ye, toDisplayString as X, createCommentVNode as ce, withDirectives as Oe, vShow as Je, useTemplateRef as pt, computed as R, watch as H, nextTick as de, createBlock as Qe, Teleport as Ot, createVNode as ne, Transition as At, withCtx as me, withModifiers as ft, vModelText as ht, renderSlot as Ve, createTextVNode as Ae, toRaw as vt, isRef as pe, isReactive as Te, toRef as re, hasInjectionContext as ze, inject as we, getCurrentInstance as gt, reactive as yt, markRaw as he, effectScope as $t, getCurrentScope as Xe, onScopeDispose as Ye, toRefs as tt, provide as Ge, shallowRef as Se, toValue as K, readonly as Pe, customRef as et, unref as Ne, useModel as It, watchEffect as Rt, resolveComponent as mt, resolveDynamicComponent as xt, mergeProps as Tt, mergeModels as ot, withKeys as fe, normalizeStyle as je } from "vue";
+const Pt = { class: "action-menu-icon" }, Vt = ["disabled", "onClick"], jt = { key: 1 }, Mt = ["onClick"], Ft = { class: "dropdown-container" }, Lt = { class: "dropdown" }, Bt = ["onClick"], Wt = ["href"], Ht = { class: "dropdown-item" }, Ut = /* @__PURE__ */ be({
   __name: "ActionSet",
   props: {
     elements: { default: () => [] }
   },
   emits: ["actionClick"],
-  setup(o, { emit: e }) {
-    const t = e, n = C({}), r = C(!1), a = C(-1), s = C(!1), c = C(!1);
+  setup(n, { emit: e }) {
+    const t = e, o = $({}), r = $(!1), a = $(-1), s = $(!1), c = $(!1);
     xe(() => {
       d();
     });
     const d = () => {
-      n.value = {};
+      o.value = {};
     }, u = () => {
       s.value = !0, a.value = setTimeout(() => {
         s.value && (r.value = !0);
       }, 500);
-    }, b = () => {
+    }, w = () => {
       s.value = !1, c.value = !1, clearTimeout(a.value), r.value = !1;
-    }, v = (w) => {
-      const m = !n.value[w];
-      d(), m && (n.value[w] = !0);
-    }, h = (w, m) => {
-      t("actionClick", m, w);
+    }, v = (b) => {
+      const m = !o.value[b];
+      d(), m && (o.value[b] = !0);
+    }, h = (b, m) => {
+      t("actionClick", m, b);
     };
-    return (w, m) => (T(), j("div", {
+    return (b, m) => (P(), j("div", {
       class: De([{ "open-set": r.value, "hovered-and-closed": c.value }, "action-set collapse"]),
       onMouseover: u,
-      onMouseleave: b
+      onMouseleave: w
     }, [
-      x("div", Tt, [
+      x("div", Pt, [
         x("div", {
           id: "chevron",
           onClick: m[0] || (m[0] = (k) => c.value = !c.value)
@@ -67,57 +67,57 @@ const Tt = { class: "action-menu-icon" }, Vt = ["disabled", "onClick"], jt = { k
         ])])
       ]),
       m[2] || (m[2] = x("div", { style: { "margin-right": "30px" } }, null, -1)),
-      (T(!0), j(ue, null, ye(o.elements, (k, I) => (T(), j("div", {
+      (P(!0), j(ue, null, ye(n.elements, (k, I) => (P(), j("div", {
         key: k.label,
         class: "action-element"
       }, [
-        k.type == "button" ? (T(), j("button", {
+        k.type == "button" ? (P(), j("button", {
           key: 0,
           disabled: k.disabled,
           class: "button-default",
-          onClick: (P) => h(k.action, k.label)
+          onClick: (T) => h(k.action, k.label)
         }, X(k.label), 9, Vt)) : ce("", !0),
-        k.type == "dropdown" ? (T(), j("div", jt, [
+        k.type == "dropdown" ? (P(), j("div", jt, [
           x("button", {
             class: "button-default",
-            onClick: (P) => v(I)
+            onClick: (T) => v(I)
           }, X(k.label), 9, Mt),
-          $e(x("div", Ft, [
+          Oe(x("div", Ft, [
             x("div", Lt, [
-              (T(!0), j(ue, null, ye(k.actions, (P, Z) => (T(), j("div", {
-                key: P.label
+              (P(!0), j(ue, null, ye(k.actions, (T, Z) => (P(), j("div", {
+                key: T.label
               }, [
-                P.action != null ? (T(), j("button", {
+                T.action != null ? (P(), j("button", {
                   key: 0,
                   class: "dropdown-item",
-                  onClick: (U) => h(P.action, P.label)
-                }, X(P.label), 9, Bt)) : P.link != null ? (T(), j("a", {
+                  onClick: (U) => h(T.action, T.label)
+                }, X(T.label), 9, Bt)) : T.link != null ? (P(), j("a", {
                   key: 1,
-                  href: P.link
+                  href: T.link
                 }, [
-                  x("button", Ht, X(P.label), 1)
+                  x("button", Ht, X(T.label), 1)
                 ], 8, Wt)) : ce("", !0)
               ]))), 128))
             ])
           ], 512), [
-            [ze, n.value[I]]
+            [Je, o.value[I]]
           ])
         ])) : ce("", !0)
       ]))), 128))
     ], 34));
   }
-}), bt = (o, e) => {
-  const t = o.__vccOpts || o;
-  for (const [n, r] of e)
-    t[n] = r;
+}), wt = (n, e) => {
+  const t = n.__vccOpts || n;
+  for (const [o, r] of e)
+    t[o] = r;
   return t;
-}, wt = /* @__PURE__ */ bt(Ut, [["__scopeId", "data-v-eb01c863"]]), zt = { class: "command-palette-header" }, Gt = ["placeholder"], Jt = {
+}, bt = /* @__PURE__ */ wt(Ut, [["__scopeId", "data-v-eb01c863"]]), Jt = { class: "command-palette-header" }, zt = ["placeholder"], Gt = {
   key: 0,
   class: "command-palette-results"
-}, Kt = ["onClick", "onMouseover"], qt = { class: "result-title" }, Zt = { class: "result-content" }, Qt = {
+}, qt = ["onClick", "onMouseover"], Kt = { class: "result-title" }, Zt = { class: "result-content" }, Qt = {
   key: 1,
   class: "command-palette-no-results"
-}, St = /* @__PURE__ */ we({
+}, St = /* @__PURE__ */ be({
   __name: "CommandPalette",
   props: {
     search: { type: Function },
@@ -126,40 +126,40 @@ const Tt = { class: "action-menu-icon" }, Vt = ["disabled", "onClick"], jt = { k
     maxResults: { default: 10 }
   },
   emits: ["select", "close"],
-  setup(o, { emit: e }) {
-    const t = e, n = C(""), r = C(0), a = pt("input"), s = R(() => n.value ? o.search(n.value).slice(0, o.maxResults) : []);
+  setup(n, { emit: e }) {
+    const t = e, o = $(""), r = $(0), a = pt("input"), s = R(() => o.value ? n.search(o.value).slice(0, n.maxResults) : []);
     H(
-      () => o.isOpen,
-      async (b) => {
-        b && (n.value = "", r.value = 0, await de(), a.value?.focus());
+      () => n.isOpen,
+      async (w) => {
+        w && (o.value = "", r.value = 0, await de(), a.value?.focus());
       }
     ), H(s, () => {
       r.value = 0;
     });
     const c = () => {
       t("close");
-    }, d = (b) => {
-      switch (b.key) {
+    }, d = (w) => {
+      switch (w.key) {
         case "Escape":
           c();
           break;
         case "ArrowDown":
-          b.preventDefault(), s.value.length && (r.value = (r.value + 1) % s.value.length);
+          w.preventDefault(), s.value.length && (r.value = (r.value + 1) % s.value.length);
           break;
         case "ArrowUp":
-          b.preventDefault(), s.value.length && (r.value = (r.value - 1 + s.value.length) % s.value.length);
+          w.preventDefault(), s.value.length && (r.value = (r.value - 1 + s.value.length) % s.value.length);
           break;
         case "Enter":
           s.value.length && r.value >= 0 && u(s.value[r.value]);
           break;
       }
-    }, u = (b) => {
-      t("select", b), c();
+    }, u = (w) => {
+      t("select", w), c();
     };
-    return (b, v) => (T(), Qe($t, { to: "body" }, [
+    return (w, v) => (P(), Qe(Ot, { to: "body" }, [
       ne(At, { name: "fade" }, {
         default: me(() => [
-          o.isOpen ? (T(), j("div", {
+          n.isOpen ? (P(), j("div", {
             key: 0,
             class: "command-palette-overlay",
             onClick: c
@@ -169,36 +169,36 @@ const Tt = { class: "action-menu-icon" }, Vt = ["disabled", "onClick"], jt = { k
               onClick: v[1] || (v[1] = ft(() => {
               }, ["stop"]))
             }, [
-              x("div", zt, [
-                $e(x("input", {
+              x("div", Jt, [
+                Oe(x("input", {
                   ref: "input",
-                  "onUpdate:modelValue": v[0] || (v[0] = (h) => n.value = h),
+                  "onUpdate:modelValue": v[0] || (v[0] = (h) => o.value = h),
                   type: "text",
                   class: "command-palette-input",
-                  placeholder: o.placeholder,
+                  placeholder: n.placeholder,
                   autofocus: "",
                   onKeydown: d
-                }, null, 40, Gt), [
-                  [ht, n.value]
+                }, null, 40, zt), [
+                  [ht, o.value]
                 ])
               ]),
-              s.value.length ? (T(), j("div", Jt, [
-                (T(!0), j(ue, null, ye(s.value, (h, w) => (T(), j("div", {
-                  key: w,
-                  class: De(["command-palette-result", { selected: w === r.value }]),
+              s.value.length ? (P(), j("div", Gt, [
+                (P(!0), j(ue, null, ye(s.value, (h, b) => (P(), j("div", {
+                  key: b,
+                  class: De(["command-palette-result", { selected: b === r.value }]),
                   onClick: (m) => u(h),
-                  onMouseover: (m) => r.value = w
+                  onMouseover: (m) => r.value = b
                 }, [
-                  x("div", qt, [
-                    Ve(b.$slots, "title", { result: h })
+                  x("div", Kt, [
+                    Ve(w.$slots, "title", { result: h })
                   ]),
                   x("div", Zt, [
-                    Ve(b.$slots, "content", { result: h })
+                    Ve(w.$slots, "content", { result: h })
                   ])
-                ], 42, Kt))), 128))
-              ])) : n.value && !s.value.length ? (T(), j("div", Qt, [
-                Ve(b.$slots, "empty", {}, () => [
-                  Ae(' No results found for "' + X(n.value) + '" ', 1)
+                ], 42, qt))), 128))
+              ])) : o.value && !s.value.length ? (P(), j("div", Qt, [
+                Ve(w.$slots, "empty", {}, () => [
+                  Ae(' No results found for "' + X(o.value) + '" ', 1)
                 ])
               ])) : ce("", !0)
             ])
@@ -211,132 +211,132 @@ const Tt = { class: "action-menu-icon" }, Vt = ["disabled", "onClick"], jt = { k
 });
 const ie = typeof window < "u";
 let oe;
-const Ce = (o) => oe = o;
+const $e = (n) => oe = n;
 process.env.NODE_ENV;
-const Ke = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia") : (
+const qe = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia") : (
   /* istanbul ignore next */
   /* @__PURE__ */ Symbol()
 );
-function ae(o) {
-  return o && typeof o == "object" && Object.prototype.toString.call(o) === "[object Object]" && typeof o.toJSON != "function";
+function ae(n) {
+  return n && typeof n == "object" && Object.prototype.toString.call(n) === "[object Object]" && typeof n.toJSON != "function";
 }
 var ve;
-(function(o) {
-  o.direct = "direct", o.patchObject = "patch object", o.patchFunction = "patch function";
+(function(n) {
+  n.direct = "direct", n.patchObject = "patch object", n.patchFunction = "patch function";
 })(ve || (ve = {}));
-function _t(o, e) {
+function _t(n, e) {
   for (const t in e) {
-    const n = e[t];
-    if (!(t in o))
+    const o = e[t];
+    if (!(t in n))
       continue;
-    const r = o[t];
-    ae(r) && ae(n) && !pe(n) && !Pe(n) ? o[t] = _t(r, n) : o[t] = n;
+    const r = n[t];
+    ae(r) && ae(o) && !pe(o) && !Te(o) ? n[t] = _t(r, o) : n[t] = o;
   }
-  return o;
+  return n;
 }
 const Et = () => {
 };
-function nt(o, e, t, n = Et) {
-  o.add(e);
+function nt(n, e, t, o = Et) {
+  n.add(e);
   const r = () => {
-    o.delete(e) && n();
+    n.delete(e) && o();
   };
   return !t && Xe() && Ye(r), r;
 }
-function se(o, ...e) {
-  o.forEach((t) => {
+function se(n, ...e) {
+  n.forEach((t) => {
     t(...e);
   });
 }
-const Xt = (o) => o(), rt = /* @__PURE__ */ Symbol(), Me = /* @__PURE__ */ Symbol();
-function qe(o, e) {
-  o instanceof Map && e instanceof Map ? e.forEach((t, n) => o.set(n, t)) : o instanceof Set && e instanceof Set && e.forEach(o.add, o);
+const Xt = (n) => n(), rt = /* @__PURE__ */ Symbol(), Me = /* @__PURE__ */ Symbol();
+function Ke(n, e) {
+  n instanceof Map && e instanceof Map ? e.forEach((t, o) => n.set(o, t)) : n instanceof Set && e instanceof Set && e.forEach(n.add, n);
   for (const t in e) {
     if (!e.hasOwnProperty(t))
       continue;
-    const n = e[t], r = o[t];
-    ae(r) && ae(n) && o.hasOwnProperty(t) && !pe(n) && !Pe(n) ? o[t] = qe(r, n) : o[t] = n;
+    const o = e[t], r = n[t];
+    ae(r) && ae(o) && n.hasOwnProperty(t) && !pe(o) && !Te(o) ? n[t] = Ke(r, o) : n[t] = o;
   }
-  return o;
+  return n;
 }
 const Yt = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   /* @__PURE__ */ Symbol()
 );
-function eo(o) {
-  return !ae(o) || !Object.prototype.hasOwnProperty.call(o, Yt);
+function eo(n) {
+  return !ae(n) || !Object.prototype.hasOwnProperty.call(n, Yt);
 }
-const { assign: K } = Object;
-function at(o) {
-  return !!(pe(o) && o.effect);
+const { assign: q } = Object;
+function at(n) {
+  return !!(pe(n) && n.effect);
 }
-function st(o, e, t, n) {
-  const { state: r, actions: a, getters: s } = e, c = t.state.value[o];
+function st(n, e, t, o) {
+  const { state: r, actions: a, getters: s } = e, c = t.state.value[n];
   let d;
   function u() {
-    !c && (process.env.NODE_ENV === "production" || !n) && (t.state.value[o] = r ? r() : {});
-    const b = process.env.NODE_ENV !== "production" && n ? (
+    !c && (process.env.NODE_ENV === "production" || !o) && (t.state.value[n] = r ? r() : {});
+    const w = process.env.NODE_ENV !== "production" && o ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      tt(C(r ? r() : {}).value)
-    ) : tt(t.state.value[o]);
-    return K(b, a, Object.keys(s || {}).reduce((v, h) => (process.env.NODE_ENV !== "production" && h in b && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${h}" in store "${o}".`), v[h] = he(R(() => {
-      Ce(t);
-      const w = t._s.get(o);
-      return s[h].call(w, w);
+      tt($(r ? r() : {}).value)
+    ) : tt(t.state.value[n]);
+    return q(w, a, Object.keys(s || {}).reduce((v, h) => (process.env.NODE_ENV !== "production" && h in w && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${h}" in store "${n}".`), v[h] = he(R(() => {
+      $e(t);
+      const b = t._s.get(n);
+      return s[h].call(b, b);
     })), v), {}));
   }
-  return d = Ze(o, u, e, t, n, !0), d;
+  return d = Ze(n, u, e, t, o, !0), d;
 }
-function Ze(o, e, t = {}, n, r, a) {
+function Ze(n, e, t = {}, o, r, a) {
   let s;
-  const c = K({ actions: {} }, t);
-  if (process.env.NODE_ENV !== "production" && !n._e.active)
+  const c = q({ actions: {} }, t);
+  if (process.env.NODE_ENV !== "production" && !o._e.active)
     throw new Error("Pinia destroyed");
   const d = { deep: !0 };
   process.env.NODE_ENV !== "production" && (d.onTrigger = (g) => {
-    u ? w = g : u == !1 && !E._hotUpdating && (Array.isArray(w) ? w.push(g) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    u ? b = g : u == !1 && !E._hotUpdating && (Array.isArray(b) ? b.push(g) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let u, b, v = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), w;
-  const m = n.state.value[o];
-  !a && !m && (process.env.NODE_ENV === "production" || !r) && (n.state.value[o] = {});
-  const k = C({});
+  let u, w, v = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), b;
+  const m = o.state.value[n];
+  !a && !m && (process.env.NODE_ENV === "production" || !r) && (o.state.value[n] = {});
+  const k = $({});
   let I;
-  function P(g) {
+  function T(g) {
     let y;
-    u = b = !1, process.env.NODE_ENV !== "production" && (w = []), typeof g == "function" ? (g(n.state.value[o]), y = {
+    u = w = !1, process.env.NODE_ENV !== "production" && (b = []), typeof g == "function" ? (g(o.state.value[n]), y = {
       type: ve.patchFunction,
-      storeId: o,
-      events: w
-    }) : (qe(n.state.value[o], g), y = {
+      storeId: n,
+      events: b
+    }) : (Ke(o.state.value[n], g), y = {
       type: ve.patchObject,
       payload: g,
-      storeId: o,
-      events: w
+      storeId: n,
+      events: b
     });
     const D = I = /* @__PURE__ */ Symbol();
     de().then(() => {
       I === D && (u = !0);
-    }), b = !0, se(v, y, n.state.value[o]);
+    }), w = !0, se(v, y, o.state.value[n]);
   }
   const Z = a ? function() {
     const { state: y } = t, D = y ? y() : {};
     this.$patch((F) => {
-      K(F, D);
+      q(F, D);
     });
   } : (
     /* istanbul ignore next */
     process.env.NODE_ENV !== "production" ? () => {
-      throw new Error(`🍍: Store "${o}" is built using the setup syntax and does not implement $reset().`);
+      throw new Error(`🍍: Store "${n}" is built using the setup syntax and does not implement $reset().`);
     } : Et
   );
   function U() {
-    s.stop(), v.clear(), h.clear(), n._s.delete(o);
+    s.stop(), v.clear(), h.clear(), o._s.delete(n);
   }
-  const G = (g, y = "") => {
+  const z = (g, y = "") => {
     if (rt in g)
       return g[Me] = y, g;
     const D = function() {
-      Ce(n);
+      $e(o);
       const F = Array.from(arguments), N = /* @__PURE__ */ new Set(), V = /* @__PURE__ */ new Set();
       function M(S) {
         N.add(S);
@@ -351,13 +351,13 @@ function Ze(o, e, t = {}, n, r, a) {
         after: M,
         onError: _
       });
-      let O;
+      let C;
       try {
-        O = g.apply(this && this.$id === o ? this : E, F);
+        C = g.apply(this && this.$id === n ? this : E, F);
       } catch (S) {
         throw se(V, S), S;
       }
-      return O instanceof Promise ? O.then((S) => (se(N, S), S)).catch((S) => (se(V, S), Promise.reject(S))) : (se(N, O), O);
+      return C instanceof Promise ? C.then((S) => (se(N, S), S)).catch((S) => (se(V, S), Promise.reject(S))) : (se(N, C), C);
     };
     return D[rt] = !0, D[Me] = y, D;
   }, L = /* @__PURE__ */ he({
@@ -365,42 +365,42 @@ function Ze(o, e, t = {}, n, r, a) {
     getters: {},
     state: [],
     hotState: k
-  }), J = {
-    _p: n,
+  }), G = {
+    _p: o,
     // _s: scope,
-    $id: o,
+    $id: n,
     $onAction: nt.bind(null, h),
-    $patch: P,
+    $patch: T,
     $reset: Z,
     $subscribe(g, y = {}) {
-      const D = nt(v, g, y.detached, () => F()), F = s.run(() => H(() => n.state.value[o], (N) => {
-        (y.flush === "sync" ? b : u) && g({
-          storeId: o,
+      const D = nt(v, g, y.detached, () => F()), F = s.run(() => H(() => o.state.value[n], (N) => {
+        (y.flush === "sync" ? w : u) && g({
+          storeId: n,
           type: ve.direct,
-          events: w
+          events: b
         }, N);
-      }, K({}, d, y)));
+      }, q({}, d, y)));
       return D;
     },
     $dispose: U
-  }, E = yt(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && ie ? K(
+  }, E = yt(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && ie ? q(
     {
       _hmrPayload: L,
       _customProperties: he(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
-    J
+    G
     // must be added later
     // setupStore
-  ) : J);
-  n._s.set(o, E);
-  const B = (n._a && n._a.runWithContext || Xt)(() => n._e.run(() => (s = Ct()).run(() => e({ action: G }))));
+  ) : G);
+  o._s.set(n, E);
+  const B = (o._a && o._a.runWithContext || Xt)(() => o._e.run(() => (s = $t()).run(() => e({ action: z }))));
   for (const g in B) {
     const y = B[g];
-    if (pe(y) && !at(y) || Pe(y))
-      process.env.NODE_ENV !== "production" && r ? k.value[g] = re(B, g) : a || (m && eo(y) && (pe(y) ? y.value = m[g] : qe(y, m[g])), n.state.value[o][g] = y), process.env.NODE_ENV !== "production" && L.state.push(g);
+    if (pe(y) && !at(y) || Te(y))
+      process.env.NODE_ENV !== "production" && r ? k.value[g] = re(B, g) : a || (m && eo(y) && (pe(y) ? y.value = m[g] : Ke(y, m[g])), o.state.value[n][g] = y), process.env.NODE_ENV !== "production" && L.state.push(g);
     else if (typeof y == "function") {
-      const D = process.env.NODE_ENV !== "production" && r ? y : G(y, g);
+      const D = process.env.NODE_ENV !== "production" && r ? y : z(y, g);
       B[g] = D, process.env.NODE_ENV !== "production" && (L.actions[g] = y), c.actions[g] = y;
     } else process.env.NODE_ENV !== "production" && at(y) && (L.getters[g] = a ? (
       // @ts-expect-error
@@ -408,13 +408,13 @@ function Ze(o, e, t = {}, n, r, a) {
     ) : y, ie && (B._getters || // @ts-expect-error: same
     (B._getters = he([]))).push(g));
   }
-  if (K(E, B), K(vt(E), B), Object.defineProperty(E, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && r ? k.value : n.state.value[o],
+  if (q(E, B), q(vt(E), B), Object.defineProperty(E, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && r ? k.value : o.state.value[n],
     set: (g) => {
       if (process.env.NODE_ENV !== "production" && r)
         throw new Error("cannot set hotState");
-      P((y) => {
-        K(y, g);
+      T((y) => {
+        q(y, g);
       });
     }
   }), process.env.NODE_ENV !== "production" && (E._hotUpdate = he((g) => {
@@ -426,18 +426,18 @@ function Ze(o, e, t = {}, n, r, a) {
       E[y] = re(g.$state, y);
     }), Object.keys(E.$state).forEach((y) => {
       y in g.$state || delete E[y];
-    }), u = !1, b = !1, n.state.value[o] = re(g._hmrPayload, "hotState"), b = !0, de().then(() => {
+    }), u = !1, w = !1, o.state.value[n] = re(g._hmrPayload, "hotState"), w = !0, de().then(() => {
       u = !0;
     });
     for (const y in g._hmrPayload.actions) {
       const D = g[y];
       E[y] = //
-      G(D, y);
+      z(D, y);
     }
     for (const y in g._hmrPayload.getters) {
       const D = g._hmrPayload.getters[y], F = a ? (
         // special handling of options api
-        R(() => (Ce(n), D.call(E, E)))
+        R(() => ($e(o), D.call(E, E)))
       ) : D;
       E[y] = //
       F;
@@ -455,132 +455,132 @@ function Ze(o, e, t = {}, n, r, a) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((y) => {
-      Object.defineProperty(E, y, K({ value: E[y] }, g));
+      Object.defineProperty(E, y, q({ value: E[y] }, g));
     });
   }
-  return n._p.forEach((g) => {
+  return o._p.forEach((g) => {
     if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && ie) {
       const y = s.run(() => g({
         store: E,
-        app: n._a,
-        pinia: n,
+        app: o._a,
+        pinia: o,
         options: c
       }));
-      Object.keys(y || {}).forEach((D) => E._customProperties.add(D)), K(E, y);
+      Object.keys(y || {}).forEach((D) => E._customProperties.add(D)), q(E, y);
     } else
-      K(E, s.run(() => g({
+      q(E, s.run(() => g({
         store: E,
-        app: n._a,
-        pinia: n,
+        app: o._a,
+        pinia: o,
         options: c
       })));
   }), process.env.NODE_ENV !== "production" && E.$state && typeof E.$state == "object" && typeof E.$state.constructor == "function" && !E.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${E.$id}".`), m && a && t.hydrate && t.hydrate(E.$state, m), u = !0, b = !0, E;
+Found in store "${E.$id}".`), m && a && t.hydrate && t.hydrate(E.$state, m), u = !0, w = !0, E;
 }
 // @__NO_SIDE_EFFECTS__
-function to(o, e, t) {
-  let n;
+function to(n, e, t) {
+  let o;
   const r = typeof e == "function";
-  n = r ? t : e;
+  o = r ? t : e;
   function a(s, c) {
-    const d = Ge();
+    const d = ze();
     if (s = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && oe && oe._testing ? null : s) || (d ? be(Ke, null) : null), s && Ce(s), process.env.NODE_ENV !== "production" && !oe)
+    (process.env.NODE_ENV === "test" && oe && oe._testing ? null : s) || (d ? we(qe, null) : null), s && $e(s), process.env.NODE_ENV !== "production" && !oe)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
-    s = oe, s._s.has(o) || (r ? Ze(o, e, n, s) : st(o, n, s), process.env.NODE_ENV !== "production" && (a._pinia = s));
-    const u = s._s.get(o);
+    s = oe, s._s.has(n) || (r ? Ze(n, e, o, s) : st(n, o, s), process.env.NODE_ENV !== "production" && (a._pinia = s));
+    const u = s._s.get(n);
     if (process.env.NODE_ENV !== "production" && c) {
-      const b = "__hot:" + o, v = r ? Ze(b, e, n, s, !0) : st(b, K({}, n), s, !0);
-      c._hotUpdate(v), delete s.state.value[b], s._s.delete(b);
+      const w = "__hot:" + n, v = r ? Ze(w, e, o, s, !0) : st(w, q({}, o), s, !0);
+      c._hotUpdate(v), delete s.state.value[w], s._s.delete(w);
     }
     if (process.env.NODE_ENV !== "production" && ie) {
-      const b = gt();
-      if (b && b.proxy && // avoid adding stores that are just built for hot module replacement
+      const w = gt();
+      if (w && w.proxy && // avoid adding stores that are just built for hot module replacement
       !c) {
-        const v = b.proxy, h = "_pStores" in v ? v._pStores : v._pStores = {};
-        h[o] = u;
+        const v = w.proxy, h = "_pStores" in v ? v._pStores : v._pStores = {};
+        h[n] = u;
       }
     }
     return u;
   }
-  return a.$id = o, a;
+  return a.$id = n, a;
 }
-function oo(o) {
-  const e = vt(o), t = {};
-  for (const n in e) {
-    const r = e[n];
-    r.effect ? t[n] = // ...
+function oo(n) {
+  const e = vt(n), t = {};
+  for (const o in e) {
+    const r = e[o];
+    r.effect ? t[o] = // ...
     R({
-      get: () => o[n],
+      get: () => n[o],
       set(a) {
-        o[n] = a;
+        n[o] = a;
       }
-    }) : (pe(r) || Pe(r)) && (t[n] = // ---
-    re(o, n));
+    }) : (pe(r) || Te(r)) && (t[o] = // ---
+    re(n, o));
   }
   return t;
 }
 const no = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ro = Object.prototype.toString, ao = (o) => ro.call(o) === "[object Object]", so = () => {
+const ro = Object.prototype.toString, ao = (n) => ro.call(n) === "[object Object]", so = () => {
 };
-function io(...o) {
-  if (o.length !== 1) return re(...o);
-  const e = o[0];
-  return typeof e == "function" ? Te(et(() => ({
+function io(...n) {
+  if (n.length !== 1) return re(...n);
+  const e = n[0];
+  return typeof e == "function" ? Pe(et(() => ({
     get: e,
     set: so
-  }))) : C(e);
+  }))) : $(e);
 }
-function lo(o, e) {
-  function t(...n) {
+function lo(n, e) {
+  function t(...o) {
     return new Promise((r, a) => {
-      Promise.resolve(o(() => e.apply(this, n), {
+      Promise.resolve(n(() => e.apply(this, o), {
         fn: e,
         thisArg: this,
-        args: n
+        args: o
       })).then(r).catch(a);
     });
   }
   return t;
 }
-const kt = (o) => o();
-function co(o = kt, e = {}) {
-  const { initialState: t = "active" } = e, n = io(t === "active");
+const kt = (n) => n();
+function co(n = kt, e = {}) {
+  const { initialState: t = "active" } = e, o = io(t === "active");
   function r() {
-    n.value = !1;
+    o.value = !1;
   }
   function a() {
-    n.value = !0;
+    o.value = !0;
   }
   const s = (...c) => {
-    n.value && o(...c);
+    o.value && n(...c);
   };
   return {
-    isActive: Te(n),
+    isActive: Pe(o),
     pause: r,
     resume: a,
     eventFilter: s
   };
 }
-function Fe(o) {
-  return Array.isArray(o) ? o : [o];
+function Fe(n) {
+  return Array.isArray(n) ? n : [n];
 }
-function uo(o) {
+function uo(n) {
   return gt();
 }
-function po(o, e, t = {}) {
-  const { eventFilter: n = kt, ...r } = t;
-  return H(o, lo(n, e), r);
+function po(n, e, t = {}) {
+  const { eventFilter: o = kt, ...r } = t;
+  return H(n, lo(o, e), r);
 }
-function fo(o, e, t = {}) {
-  const { eventFilter: n, initialState: r = "active", ...a } = t, { eventFilter: s, pause: c, resume: d, isActive: u } = co(n, { initialState: r });
+function fo(n, e, t = {}) {
+  const { eventFilter: o, initialState: r = "active", ...a } = t, { eventFilter: s, pause: c, resume: d, isActive: u } = co(o, { initialState: r });
   return {
-    stop: po(o, e, {
+    stop: po(n, e, {
       ...a,
       eventFilter: s
     }),
@@ -589,39 +589,39 @@ function fo(o, e, t = {}) {
     isActive: u
   };
 }
-function ho(o, e = !0, t) {
-  uo() ? xe(o, t) : e ? o() : de(o);
+function ho(n, e = !0, t) {
+  uo() ? xe(n, t) : e ? n() : de(n);
 }
-function vo(o, e, t) {
-  return H(o, e, {
+function vo(n, e, t) {
+  return H(n, e, {
     ...t,
     immediate: !0
   });
 }
 const Ie = no ? window : void 0;
-function go(o) {
+function go(n) {
   var e;
-  const t = q(o);
+  const t = K(n);
   return (e = t?.$el) !== null && e !== void 0 ? e : t;
 }
-function it(...o) {
-  const e = (n, r, a, s) => (n.addEventListener(r, a, s), () => n.removeEventListener(r, a, s)), t = R(() => {
-    const n = Fe(q(o[0])).filter((r) => r != null);
-    return n.every((r) => typeof r != "string") ? n : void 0;
+function it(...n) {
+  const e = (o, r, a, s) => (o.addEventListener(r, a, s), () => o.removeEventListener(r, a, s)), t = R(() => {
+    const o = Fe(K(n[0])).filter((r) => r != null);
+    return o.every((r) => typeof r != "string") ? o : void 0;
   });
   return vo(() => {
-    var n, r;
+    var o, r;
     return [
-      (n = (r = t.value) === null || r === void 0 ? void 0 : r.map((a) => go(a))) !== null && n !== void 0 ? n : [Ie].filter((a) => a != null),
-      Fe(q(t.value ? o[1] : o[0])),
-      Fe(Ne(t.value ? o[2] : o[1])),
-      q(t.value ? o[3] : o[2])
+      (o = (r = t.value) === null || r === void 0 ? void 0 : r.map((a) => go(a))) !== null && o !== void 0 ? o : [Ie].filter((a) => a != null),
+      Fe(K(t.value ? n[1] : n[0])),
+      Fe(Ne(t.value ? n[2] : n[1])),
+      K(t.value ? n[3] : n[2])
     ];
-  }, ([n, r, a, s], c, d) => {
-    if (!n?.length || !r?.length || !a?.length) return;
-    const u = ao(s) ? { ...s } : s, b = n.flatMap((v) => r.flatMap((h) => a.map((w) => e(v, h, w, u))));
+  }, ([o, r, a, s], c, d) => {
+    if (!o?.length || !r?.length || !a?.length) return;
+    const u = ao(s) ? { ...s } : s, w = o.flatMap((v) => r.flatMap((h) => a.map((b) => e(v, h, b, u))));
     d(() => {
-      b.forEach((v) => v());
+      w.forEach((v) => v());
     });
   }, { flush: "post" });
 }
@@ -629,71 +629,71 @@ const Ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window :
 function mo() {
   return ke in Ee || (Ee[ke] = Ee[ke] || {}), Ee[ke];
 }
-function bo(o, e) {
-  return yo[o] || e;
+function wo(n, e) {
+  return yo[n] || e;
 }
-function wo(o) {
-  return o == null ? "any" : o instanceof Set ? "set" : o instanceof Map ? "map" : o instanceof Date ? "date" : typeof o == "boolean" ? "boolean" : typeof o == "string" ? "string" : typeof o == "object" ? "object" : Number.isNaN(o) ? "any" : "number";
+function bo(n) {
+  return n == null ? "any" : n instanceof Set ? "set" : n instanceof Map ? "map" : n instanceof Date ? "date" : typeof n == "boolean" ? "boolean" : typeof n == "string" ? "string" : typeof n == "object" ? "object" : Number.isNaN(n) ? "any" : "number";
 }
 const So = {
   boolean: {
-    read: (o) => o === "true",
-    write: (o) => String(o)
+    read: (n) => n === "true",
+    write: (n) => String(n)
   },
   object: {
-    read: (o) => JSON.parse(o),
-    write: (o) => JSON.stringify(o)
+    read: (n) => JSON.parse(n),
+    write: (n) => JSON.stringify(n)
   },
   number: {
-    read: (o) => Number.parseFloat(o),
-    write: (o) => String(o)
+    read: (n) => Number.parseFloat(n),
+    write: (n) => String(n)
   },
   any: {
-    read: (o) => o,
-    write: (o) => String(o)
+    read: (n) => n,
+    write: (n) => String(n)
   },
   string: {
-    read: (o) => o,
-    write: (o) => String(o)
+    read: (n) => n,
+    write: (n) => String(n)
   },
   map: {
-    read: (o) => new Map(JSON.parse(o)),
-    write: (o) => JSON.stringify(Array.from(o.entries()))
+    read: (n) => new Map(JSON.parse(n)),
+    write: (n) => JSON.stringify(Array.from(n.entries()))
   },
   set: {
-    read: (o) => new Set(JSON.parse(o)),
-    write: (o) => JSON.stringify(Array.from(o))
+    read: (n) => new Set(JSON.parse(n)),
+    write: (n) => JSON.stringify(Array.from(n))
   },
   date: {
-    read: (o) => new Date(o),
-    write: (o) => o.toISOString()
+    read: (n) => new Date(n),
+    write: (n) => n.toISOString()
   }
 }, lt = "vueuse-storage";
-function _o(o, e, t, n = {}) {
+function _o(n, e, t, o = {}) {
   var r;
-  const { flush: a = "pre", deep: s = !0, listenToStorageChanges: c = !0, writeDefaults: d = !0, mergeDefaults: u = !1, shallow: b, window: v = Ie, eventFilter: h, onError: w = (N) => {
+  const { flush: a = "pre", deep: s = !0, listenToStorageChanges: c = !0, writeDefaults: d = !0, mergeDefaults: u = !1, shallow: w, window: v = Ie, eventFilter: h, onError: b = (N) => {
     console.error(N);
-  }, initOnMounted: m } = n, k = (b ? Se : C)(e), I = R(() => q(o));
+  }, initOnMounted: m } = o, k = (w ? Se : $)(e), I = R(() => K(n));
   if (!t) try {
-    t = bo("getDefaultStorage", () => Ie?.localStorage)();
+    t = wo("getDefaultStorage", () => Ie?.localStorage)();
   } catch (N) {
-    w(N);
+    b(N);
   }
   if (!t) return k;
-  const P = q(e), Z = wo(P), U = (r = n.serializer) !== null && r !== void 0 ? r : So[Z], { pause: G, resume: L } = fo(k, (N) => g(N), {
+  const T = K(e), Z = bo(T), U = (r = o.serializer) !== null && r !== void 0 ? r : So[Z], { pause: z, resume: L } = fo(k, (N) => g(N), {
     flush: a,
     deep: s,
     eventFilter: h
   });
   H(I, () => D(), { flush: a });
-  let J = !1;
+  let G = !1;
   const E = (N) => {
-    m && !J || D(N);
+    m && !G || D(N);
   }, Y = (N) => {
-    m && !J || F(N);
+    m && !G || F(N);
   };
   v && c && (t instanceof Storage ? it(v, "storage", E, { passive: !0 }) : it(v, lt, Y)), m ? ho(() => {
-    J = !0, D();
+    G = !0, D();
   }) : D();
   function B(N, V) {
     if (v) {
@@ -716,17 +716,17 @@ function _o(o, e, t, n = {}) {
         V !== M && (t.setItem(I.value, M), B(V, M));
       }
     } catch (V) {
-      w(V);
+      b(V);
     }
   }
   function y(N) {
     const V = N ? N.newValue : t.getItem(I.value);
     if (V == null)
-      return d && P != null && t.setItem(I.value, U.write(P)), P;
+      return d && T != null && t.setItem(I.value, U.write(T)), T;
     if (!N && u) {
       const M = U.read(V);
-      return typeof u == "function" ? u(M, P) : Z === "object" && !Array.isArray(M) ? {
-        ...P,
+      return typeof u == "function" ? u(M, T) : Z === "object" && !Array.isArray(M) ? {
+        ...T,
         ...M
       } : M;
     } else return typeof V != "string" ? V : U.read(V);
@@ -734,16 +734,16 @@ function _o(o, e, t, n = {}) {
   function D(N) {
     if (!(N && N.storageArea !== t)) {
       if (N && N.key == null) {
-        k.value = P;
+        k.value = T;
         return;
       }
       if (!(N && N.key !== I.value)) {
-        G();
+        z();
         try {
           const V = U.write(k.value);
           (N === void 0 || N?.newValue !== V) && (k.value = y(N));
         } catch (V) {
-          w(V);
+          b(V);
         } finally {
           N ? de(L) : L();
         }
@@ -755,80 +755,80 @@ function _o(o, e, t, n = {}) {
   }
   return k;
 }
-function Eo(o, e, t = {}) {
-  const { window: n = Ie } = t;
-  return _o(o, e, n?.localStorage, t);
+function Eo(n, e, t = {}) {
+  const { window: o = Ie } = t;
+  return _o(n, e, o?.localStorage, t);
 }
 function Le() {
   return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
 }
-function Oe(o) {
+function Ce(n) {
   const e = {
-    type: o.type,
-    clientId: o.clientId,
-    timestamp: o.timestamp.toISOString()
+    type: n.type,
+    clientId: n.clientId,
+    timestamp: n.timestamp.toISOString()
   };
-  return o.operation && (e.operation = {
-    ...o.operation,
-    timestamp: o.operation.timestamp.toISOString()
-  }), o.operations && (e.operations = o.operations.map((t) => ({
+  return n.operation && (e.operation = {
+    ...n.operation,
+    timestamp: n.operation.timestamp.toISOString()
+  }), n.operations && (e.operations = n.operations.map((t) => ({
     ...t,
     timestamp: t.timestamp.toISOString()
   }))), e;
 }
-function ko(o) {
+function ko(n) {
   const e = {
-    type: o.type,
-    clientId: o.clientId,
-    timestamp: new Date(o.timestamp)
+    type: n.type,
+    clientId: n.clientId,
+    timestamp: new Date(n.timestamp)
   };
-  return o.operation && (e.operation = {
-    ...o.operation,
-    timestamp: new Date(o.operation.timestamp)
-  }), o.operations && (e.operations = o.operations.map((t) => ({
+  return n.operation && (e.operation = {
+    ...n.operation,
+    timestamp: new Date(n.operation.timestamp)
+  }), n.operations && (e.operations = n.operations.map((t) => ({
     ...t,
     timestamp: new Date(t.timestamp)
   }))), e;
 }
-const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
-  const o = C({
+const Ct = /* @__PURE__ */ to("hst-operation-log", () => {
+  const n = $({
     maxOperations: 100,
     enableCrossTabSync: !0,
     autoSyncInterval: 3e4,
     enablePersistence: !1,
     persistenceKeyPrefix: "stonecrop-ops"
-  }), e = C([]), t = C(-1), n = C(Le()), r = C(!1), a = C([]), s = C(null), c = R(() => t.value < 0 ? !1 : e.value[t.value]?.reversible ?? !1), d = R(() => t.value < e.value.length - 1), u = R(() => {
+  }), e = $([]), t = $(-1), o = $(Le()), r = $(!1), a = $([]), s = $(null), c = R(() => t.value < 0 ? !1 : e.value[t.value]?.reversible ?? !1), d = R(() => t.value < e.value.length - 1), u = R(() => {
     let p = 0;
     for (let f = t.value; f >= 0 && e.value[f]?.reversible; f--)
       p++;
     return p;
-  }), b = R(() => e.value.length - 1 - t.value), v = R(() => ({
+  }), w = R(() => e.value.length - 1 - t.value), v = R(() => ({
     canUndo: c.value,
     canRedo: d.value,
     undoCount: u.value,
-    redoCount: b.value,
+    redoCount: w.value,
     currentIndex: t.value
   }));
   function h(p) {
-    o.value = { ...o.value, ...p }, o.value.enablePersistence && (_(), S()), o.value.enableCrossTabSync && y();
+    n.value = { ...n.value, ...p }, n.value.enablePersistence && (_(), S()), n.value.enableCrossTabSync && y();
   }
-  function w(p, f = "user") {
+  function b(p, f = "user") {
     const i = {
       ...p,
       id: Le(),
       timestamp: /* @__PURE__ */ new Date(),
       source: f,
-      userId: o.value.userId
+      userId: n.value.userId
     };
-    if (o.value.operationFilter && !o.value.operationFilter(i))
+    if (n.value.operationFilter && !n.value.operationFilter(i))
       return i.id;
     if (r.value)
       return a.value.push(i), i.id;
-    if (t.value < e.value.length - 1 && (e.value = e.value.slice(0, t.value + 1)), e.value.push(i), t.value++, o.value.maxOperations && e.value.length > o.value.maxOperations) {
-      const l = e.value.length - o.value.maxOperations;
+    if (t.value < e.value.length - 1 && (e.value = e.value.slice(0, t.value + 1)), e.value.push(i), t.value++, n.value.maxOperations && e.value.length > n.value.maxOperations) {
+      const l = e.value.length - n.value.maxOperations;
       e.value = e.value.slice(l), t.value -= l;
     }
-    return o.value.enableCrossTabSync && D(i), i.id;
+    return n.value.enableCrossTabSync && D(i), i.id;
   }
   function m() {
     r.value = !0, a.value = [], s.value = Le();
@@ -836,7 +836,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
   function k(p) {
     if (!r.value || a.value.length === 0)
       return r.value = !1, a.value = [], s.value = null, null;
-    const f = s.value, i = a.value.every(($) => $.reversible), l = {
+    const f = s.value, i = a.value.every((O) => O.reversible), l = {
       id: f,
       type: "batch",
       path: "",
@@ -849,19 +849,19 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
       source: "user",
       reversible: i,
       irreversibleReason: i ? void 0 : "Contains irreversible operations",
-      childOperationIds: a.value.map(($) => $.id),
+      childOperationIds: a.value.map((O) => O.id),
       metadata: { description: p }
     };
-    a.value.forEach(($) => {
-      $.parentOperationId = f;
-    }), e.value.push(...a.value, l), t.value = e.value.length - 1, o.value.enableCrossTabSync && F(a.value, l);
+    a.value.forEach((O) => {
+      O.parentOperationId = f;
+    }), e.value.push(...a.value, l), t.value = e.value.length - 1, n.value.enableCrossTabSync && F(a.value, l);
     const A = f;
     return r.value = !1, a.value = [], s.value = null, A;
   }
   function I() {
     r.value = !1, a.value = [], s.value = null;
   }
-  function P(p) {
+  function T(p) {
     if (!c.value) return !1;
     const f = e.value[t.value];
     if (!f.reversible)
@@ -869,12 +869,12 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
     try {
       if (f.type === "batch" && f.childOperationIds)
         for (let i = f.childOperationIds.length - 1; i >= 0; i--) {
-          const l = f.childOperationIds[i], A = e.value.find(($) => $.id === l);
+          const l = f.childOperationIds[i], A = e.value.find((O) => O.id === l);
           A && U(A, p);
         }
       else
         U(f, p);
-      return t.value--, o.value.enableCrossTabSync && N(f), !0;
+      return t.value--, n.value.enableCrossTabSync && N(f), !0;
     } catch (i) {
       return typeof console < "u" && console.error("Undo failed:", i), !1;
     }
@@ -886,11 +886,11 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
       if (f.type === "batch" && f.childOperationIds)
         for (const i of f.childOperationIds) {
           const l = e.value.find((A) => A.id === i);
-          l && G(l, p);
+          l && z(l, p);
         }
       else
-        G(f, p);
-      return t.value++, o.value.enableCrossTabSync && V(f), !0;
+        z(f, p);
+      return t.value++, n.value.enableCrossTabSync && V(f), !0;
     } catch (i) {
       return typeof console < "u" && console.error("Redo failed:", i), !1;
     }
@@ -898,7 +898,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
   function U(p, f) {
     (p.type === "set" || p.type === "delete") && f && typeof f.set == "function" && f.set(p.path, p.beforeValue, "undo");
   }
-  function G(p, f) {
+  function z(p, f) {
     (p.type === "set" || p.type === "delete") && f && typeof f.set == "function" && f.set(p.path, p.afterValue, "redo");
   }
   function L() {
@@ -913,7 +913,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
       newestOperation: f.length > 0 ? new Date(Math.max(...f.map((i) => i.getTime()))) : void 0
     };
   }
-  function J() {
+  function G() {
     e.value = [], t.value = -1;
   }
   function E(p, f) {
@@ -924,7 +924,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
     i && (i.reversible = !1, i.irreversibleReason = f);
   }
   function B(p, f, i, l = "success", A) {
-    const $ = {
+    const O = {
       type: "action",
       path: i && i.length > 0 ? `${p}.${i[0]}` : p,
       fieldname: "",
@@ -939,7 +939,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
       actionResult: l,
       actionError: A
     };
-    return w($);
+    return b(O);
   }
   let g = null;
   function y() {
@@ -947,7 +947,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
       const f = p.data;
       if (!f || typeof f != "object") return;
       const i = ko(f);
-      i.clientId !== n.value && (i.type === "operation" && i.operation ? (e.value.push({ ...i.operation, source: "sync" }), t.value = e.value.length - 1) : i.type === "operation" && i.operations && (e.value.push(...i.operations.map((l) => ({ ...l, source: "sync" }))), t.value = e.value.length - 1));
+      i.clientId !== o.value && (i.type === "operation" && i.operation ? (e.value.push({ ...i.operation, source: "sync" }), t.value = e.value.length - 1) : i.type === "operation" && i.operations && (e.value.push(...i.operations.map((l) => ({ ...l, source: "sync" }))), t.value = e.value.length - 1));
     }));
   }
   function D(p) {
@@ -955,40 +955,40 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
     const f = {
       type: "operation",
       operation: p,
-      clientId: n.value,
+      clientId: o.value,
       timestamp: /* @__PURE__ */ new Date()
     };
-    g.postMessage(Oe(f));
+    g.postMessage(Ce(f));
   }
   function F(p, f) {
     if (!g) return;
     const i = {
       type: "operation",
       operations: [...p, f],
-      clientId: n.value,
+      clientId: o.value,
       timestamp: /* @__PURE__ */ new Date()
     };
-    g.postMessage(Oe(i));
+    g.postMessage(Ce(i));
   }
   function N(p) {
     if (!g) return;
     const f = {
       type: "undo",
       operation: p,
-      clientId: n.value,
+      clientId: o.value,
       timestamp: /* @__PURE__ */ new Date()
     };
-    g.postMessage(Oe(f));
+    g.postMessage(Ce(f));
   }
   function V(p) {
     if (!g) return;
     const f = {
       type: "redo",
       operation: p,
-      clientId: n.value,
+      clientId: o.value,
       timestamp: /* @__PURE__ */ new Date()
     };
-    g.postMessage(Oe(f));
+    g.postMessage(Ce(f));
   }
   const M = Eo("stonecrop-ops-operations", null, {
     serializer: {
@@ -1014,7 +1014,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
         typeof console < "u" && console.error("Failed to load operations from persistence:", p);
       }
   }
-  function O() {
+  function C() {
     if (!(typeof window > "u"))
       try {
         M.value = {
@@ -1032,7 +1032,7 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
     H(
       [e, t],
       () => {
-        o.value.enablePersistence && O();
+        n.value.enablePersistence && C();
       },
       { deep: !0 }
     );
@@ -1041,23 +1041,23 @@ const Ot = /* @__PURE__ */ to("hst-operation-log", () => {
     // State
     operations: e,
     currentIndex: t,
-    config: o,
-    clientId: n,
+    config: n,
+    clientId: o,
     undoRedoState: v,
     // Computed
     canUndo: c,
     canRedo: d,
     undoCount: u,
-    redoCount: b,
+    redoCount: w,
     // Methods
     configure: h,
-    addOperation: w,
+    addOperation: b,
     startBatch: m,
     commitBatch: k,
     cancelBatch: I,
-    undo: P,
+    undo: T,
     redo: Z,
-    clear: J,
+    clear: G,
     getOperationsFor: E,
     getSnapshot: L,
     markIrreversible: Y,
@@ -1116,8 +1116,8 @@ class ge {
    * @param fieldname - The field name
    * @param enableRollback - Whether to enable rollback
    */
-  setFieldRollback(e, t, n) {
-    this.fieldRollbackConfig.has(e) || this.fieldRollbackConfig.set(e, /* @__PURE__ */ new Map()), this.fieldRollbackConfig.get(e).set(t, n);
+  setFieldRollback(e, t, o) {
+    this.fieldRollbackConfig.has(e) || this.fieldRollbackConfig.set(e, /* @__PURE__ */ new Map()), this.fieldRollbackConfig.get(e).set(t, o);
   }
   /**
    * Get rollback configuration for a specific field trigger
@@ -1133,25 +1133,25 @@ class ge {
    */
   registerDoctypeActions(e, t) {
     if (!t) return;
-    const n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+    const o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
     if (typeof t.entrySeq == "function")
       t.entrySeq().forEach(([a, s]) => {
-        this.categorizeAction(a, s, n, r);
+        this.categorizeAction(a, s, o, r);
       });
     else if (t instanceof Map)
       for (const [a, s] of t)
-        this.categorizeAction(a, s, n, r);
+        this.categorizeAction(a, s, o, r);
     else t && typeof t == "object" && Object.entries(t).forEach(([a, s]) => {
-      this.categorizeAction(a, s, n, r);
+      this.categorizeAction(a, s, o, r);
     });
-    this.doctypeActions.set(e, n), this.doctypeTransitions.set(e, r);
+    this.doctypeActions.set(e, o), this.doctypeTransitions.set(e, r);
   }
   /**
    * Categorize an action as either a field trigger or XState transition
    * Uses uppercase convention: UPPERCASE = transition, lowercase/mixed = field trigger
    */
-  categorizeAction(e, t, n, r) {
-    this.isTransitionKey(e) ? r.set(e, t) : n.set(e, t);
+  categorizeAction(e, t, o, r) {
+    this.isTransitionKey(e) ? r.set(e, t) : o.set(e, t);
   }
   /**
    * Determine if a key represents an XState transition
@@ -1166,7 +1166,7 @@ class ge {
    * @param options - Execution options (timeout and enableRollback)
    */
   async executeFieldTriggers(e, t = {}) {
-    const { doctype: n, fieldname: r } = e, a = this.findFieldTriggers(n, r);
+    const { doctype: o, fieldname: r } = e, a = this.findFieldTriggers(o, r);
     if (a.length === 0)
       return {
         path: e.path,
@@ -1177,9 +1177,9 @@ class ge {
         rolledBack: !1
       };
     const s = performance.now(), c = [];
-    let d = !1, u = !1, b;
-    const v = this.getFieldRollback(n, r), h = t.enableRollback ?? v ?? this.options.enableRollback;
-    h && e.store && (b = this.captureSnapshot(e));
+    let d = !1, u = !1, w;
+    const v = this.getFieldRollback(o, r), h = t.enableRollback ?? v ?? this.options.enableRollback;
+    h && e.store && (w = this.captureSnapshot(e));
     for (const k of a)
       try {
         const I = await this.executeAction(k, e, t.timeout);
@@ -1188,22 +1188,22 @@ class ge {
           break;
         }
       } catch (I) {
-        const P = {
+        const T = {
           success: !1,
           error: I instanceof Error ? I : new Error(String(I)),
           executionTime: 0,
           action: k
         };
-        c.push(P), d = !0;
+        c.push(T), d = !0;
         break;
       }
-    if (h && d && b && e.store)
+    if (h && d && w && e.store)
       try {
-        this.restoreSnapshot(e, b), u = !0;
+        this.restoreSnapshot(e, w), u = !0;
       } catch (k) {
         console.error("[FieldTriggers] Rollback failed:", k);
       }
-    const w = performance.now() - s, m = c.filter((k) => !k.success);
+    const b = performance.now() - s, m = c.filter((k) => !k.success);
     if (m.length > 0 && this.options.errorHandler)
       for (const k of m)
         try {
@@ -1214,11 +1214,11 @@ class ge {
     return {
       path: e.path,
       actionResults: c,
-      totalExecutionTime: w,
+      totalExecutionTime: b,
       allSucceeded: c.every((k) => k.success),
       stoppedOnError: d,
       rolledBack: u,
-      snapshot: this.options.debug && h ? b : void 0
+      snapshot: this.options.debug && h ? w : void 0
       // Only include snapshot in debug mode if rollback is enabled
     };
   }
@@ -1229,7 +1229,7 @@ class ge {
    * @param options - Execution options (timeout)
    */
   async executeTransitionActions(e, t = {}) {
-    const { doctype: n, transition: r } = e, a = this.findTransitionActions(n, r);
+    const { doctype: o, transition: r } = e, a = this.findTransitionActions(o, r);
     if (a.length === 0)
       return [];
     const s = [];
@@ -1239,14 +1239,14 @@ class ge {
         if (s.push(u), !u.success)
           break;
       } catch (u) {
-        const b = {
+        const w = {
           success: !1,
           error: u instanceof Error ? u : new Error(String(u)),
           executionTime: 0,
           action: d,
           transition: r
         };
-        s.push(b);
+        s.push(w);
         break;
       }
     const c = s.filter((d) => !d.success);
@@ -1263,14 +1263,14 @@ class ge {
    * Find transition actions for a specific doctype and transition
    */
   findTransitionActions(e, t) {
-    const n = this.doctypeTransitions.get(e);
-    return n ? n.get(t) || [] : [];
+    const o = this.doctypeTransitions.get(e);
+    return o ? o.get(t) || [] : [];
   }
   /**
    * Execute a single transition action by name
    */
-  async executeTransitionAction(e, t, n) {
-    const r = performance.now(), a = n ?? this.options.defaultTimeout;
+  async executeTransitionAction(e, t, o) {
+    const r = performance.now(), a = o ?? this.options.defaultTimeout;
     try {
       let s = this.globalTransitionActions.get(e);
       if (!s) {
@@ -1301,10 +1301,10 @@ class ge {
    * Field triggers are identified by keys that look like field paths (contain dots or match field names)
    */
   findFieldTriggers(e, t) {
-    const n = this.doctypeActions.get(e);
-    if (!n) return [];
+    const o = this.doctypeActions.get(e);
+    if (!o) return [];
     const r = [];
-    for (const [a, s] of n)
+    for (const [a, s] of o)
       this.isFieldTriggerKey(a, t) && r.push(...s);
     return r;
   }
@@ -1323,11 +1323,11 @@ class ge {
    * Supports wildcards (*) for dynamic segments
    */
   matchFieldPattern(e, t) {
-    const n = e.split("."), r = t.split(".");
-    if (n.length !== r.length)
+    const o = e.split("."), r = t.split(".");
+    if (o.length !== r.length)
       return !1;
-    for (let a = 0; a < n.length; a++) {
-      const s = n[a], c = r[a];
+    for (let a = 0; a < o.length; a++) {
+      const s = o[a], c = r[a];
       if (s !== "*" && s !== c)
         return !1;
     }
@@ -1336,8 +1336,8 @@ class ge {
   /**
    * Execute a single action by name
    */
-  async executeAction(e, t, n) {
-    const r = performance.now(), a = n ?? this.options.defaultTimeout;
+  async executeAction(e, t, o) {
+    const r = performance.now(), a = o ?? this.options.defaultTimeout;
     try {
       const s = this.globalActions.get(e);
       if (!s)
@@ -1360,11 +1360,11 @@ class ge {
   /**
    * Execute a function with timeout
    */
-  async executeWithTimeout(e, t, n) {
+  async executeWithTimeout(e, t, o) {
     return new Promise((r, a) => {
       const s = setTimeout(() => {
-        a(new Error(`Action timeout after ${n}ms`));
-      }, n);
+        a(new Error(`Action timeout after ${o}ms`));
+      }, o);
       Promise.resolve(e(t)).then((c) => {
         clearTimeout(s), r(c);
       }).catch((c) => {
@@ -1379,8 +1379,8 @@ class ge {
   captureSnapshot(e) {
     if (!(!e.store || !e.doctype || !e.recordId))
       try {
-        const t = `${e.doctype}.${e.recordId}`, n = e.store.get(t);
-        return !n || typeof n != "object" ? void 0 : JSON.parse(JSON.stringify(n));
+        const t = `${e.doctype}.${e.recordId}`, o = e.store.get(t);
+        return !o || typeof o != "object" ? void 0 : JSON.parse(JSON.stringify(o));
       } catch (t) {
         this.options.debug && console.warn("[FieldTriggers] Failed to capture snapshot:", t);
         return;
@@ -1393,19 +1393,19 @@ class ge {
   restoreSnapshot(e, t) {
     if (!(!e.store || !e.doctype || !e.recordId || !t))
       try {
-        const n = `${e.doctype}.${e.recordId}`;
-        e.store.set(n, t), this.options.debug && console.log(`[FieldTriggers] Rolled back ${n} to previous state`);
-      } catch (n) {
-        throw console.error("[FieldTriggers] Failed to restore snapshot:", n), n;
+        const o = `${e.doctype}.${e.recordId}`;
+        e.store.set(o, t), this.options.debug && console.log(`[FieldTriggers] Rolled back ${o} to previous state`);
+      } catch (o) {
+        throw console.error("[FieldTriggers] Failed to restore snapshot:", o), o;
       }
   }
 }
-function ct(o) {
-  return new ge(o);
+function ct(n) {
+  return new ge(n);
 }
 function ut() {
   try {
-    return Ot();
+    return Ct();
   } catch {
     return null;
   }
@@ -1458,8 +1458,8 @@ class Re {
   doctype;
   parentDoctype;
   hst;
-  constructor(e, t, n = "", r = null, a) {
-    return this.target = e, this.parentPath = n, this.rootNode = r || this, this.doctype = t, this.parentDoctype = a, this.hst = le.getInstance(), new Proxy(this, {
+  constructor(e, t, o = "", r = null, a) {
+    return this.target = e, this.parentPath = o, this.rootNode = r || this, this.doctype = t, this.parentDoctype = a, this.hst = le.getInstance(), new Proxy(this, {
       get(s, c) {
         if (c in s) return s[c];
         const d = String(c);
@@ -1476,21 +1476,21 @@ class Re {
   }
   // Method to get a tree-wrapped node for navigation
   getNode(e) {
-    const t = this.resolvePath(e), n = this.resolveValue(e), r = t.split(".");
+    const t = this.resolvePath(e), o = this.resolveValue(e), r = t.split(".");
     let a = this.doctype;
-    return this.doctype === "StonecropStore" && r.length >= 1 && (a = r[0]), typeof n == "object" && n !== null && !this.isPrimitive(n) ? new Re(n, a, t, this.rootNode, this.parentDoctype) : new Re(n, a, t, this.rootNode, this.parentDoctype);
+    return this.doctype === "StonecropStore" && r.length >= 1 && (a = r[0]), typeof o == "object" && o !== null && !this.isPrimitive(o) ? new Re(o, a, t, this.rootNode, this.parentDoctype) : new Re(o, a, t, this.rootNode, this.parentDoctype);
   }
-  set(e, t, n = "user") {
+  set(e, t, o = "user") {
     const r = this.resolvePath(e), a = this.has(e) ? this.get(e) : void 0;
-    if (n !== "undo" && n !== "redo") {
+    if (o !== "undo" && o !== "redo") {
       const s = ut();
       if (s && typeof s.addOperation == "function") {
-        const c = r.split("."), d = this.doctype === "StonecropStore" && c.length >= 1 ? c[0] : this.doctype, u = c.length >= 2 ? c[1] : void 0, b = c.slice(2).join(".") || c[c.length - 1], v = t === void 0 && a !== void 0 ? "delete" : "set";
+        const c = r.split("."), d = this.doctype === "StonecropStore" && c.length >= 1 ? c[0] : this.doctype, u = c.length >= 2 ? c[1] : void 0, w = c.slice(2).join(".") || c[c.length - 1], v = t === void 0 && a !== void 0 ? "delete" : "set";
         s.addOperation(
           {
             type: v,
             path: r,
-            fieldname: b,
+            fieldname: w,
             beforeValue: a,
             afterValue: t,
             doctype: d,
@@ -1498,7 +1498,7 @@ class Re {
             reversible: !0
             // Default to reversible, can be changed by field triggers
           },
-          n
+          o
         );
       }
     }
@@ -1509,14 +1509,14 @@ class Re {
       if (e === "")
         return !0;
       const t = this.parsePath(e);
-      let n = this.target;
+      let o = this.target;
       for (let r = 0; r < t.length; r++) {
         const a = t[r];
-        if (n == null)
+        if (o == null)
           return !1;
         if (r === t.length - 1)
-          return this.isImmutable(n) ? n.has(a) : this.isPiniaStore(n) && n.$state && a in n.$state || a in n;
-        n = this.getProperty(n, a);
+          return this.isImmutable(o) ? o.has(a) : this.isPiniaStore(o) && o.$state && a in o.$state || a in o;
+        o = this.getProperty(o, a);
       }
       return !1;
     } catch {
@@ -1545,7 +1545,7 @@ class Re {
    * Trigger an XState transition with optional context data
    */
   async triggerTransition(e, t) {
-    const n = ct(), r = this.parentPath.split(".");
+    const o = ct(), r = this.parentPath.split(".");
     let a = this.doctype, s;
     this.doctype === "StonecropStore" && r.length >= 1 && (a = r[0]), r.length >= 2 && (s = r[1]);
     const c = {
@@ -1583,7 +1583,7 @@ class Re {
         }
       },
       "user"
-    ), await n.executeTransitionActions(c);
+    ), await o.executeTransitionActions(c);
   }
   // Private helper methods
   resolvePath(e) {
@@ -1593,20 +1593,20 @@ class Re {
     if (e === "")
       return this.target;
     const t = this.parsePath(e);
-    let n = this.target;
+    let o = this.target;
     for (const r of t) {
-      if (n == null)
+      if (o == null)
         return;
-      n = this.getProperty(n, r);
+      o = this.getProperty(o, r);
     }
-    return n;
+    return o;
   }
   updateValue(e, t) {
     if (e === "")
       throw new Error("Cannot set value on empty path");
-    const n = this.parsePath(e), r = n.pop();
+    const o = this.parsePath(e), r = o.pop();
     let a = this.target;
-    for (const s of n)
+    for (const s of o)
       if (a = this.getProperty(a, s), a == null)
         throw new Error(`Cannot set property on null/undefined path: ${e}`);
     this.setProperty(a, r, t);
@@ -1614,18 +1614,18 @@ class Re {
   getProperty(e, t) {
     return this.isImmutable(e) ? e.get(t) : this.isVueReactive(e) ? e[t] : this.isPiniaStore(e) ? e.$state?.[t] ?? e[t] : e[t];
   }
-  setProperty(e, t, n) {
+  setProperty(e, t, o) {
     if (this.isImmutable(e))
       throw new Error("Cannot directly mutate immutable objects. Use immutable update methods instead.");
     if (this.isPiniaStore(e)) {
-      e.$patch ? e.$patch({ [t]: n }) : e[t] = n;
+      e.$patch ? e.$patch({ [t]: o }) : e[t] = o;
       return;
     }
-    e[t] = n;
+    e[t] = o;
   }
-  async triggerFieldActions(e, t, n) {
+  async triggerFieldActions(e, t, o) {
     try {
-      if (!e || typeof e != "string" || Object.is(t, n))
+      if (!e || typeof e != "string" || Object.is(t, o))
         return;
       const r = e.split(".");
       if (r.length < 3)
@@ -1639,7 +1639,7 @@ class Re {
         path: e,
         fieldname: s,
         beforeValue: t,
-        afterValue: n,
+        afterValue: o,
         operation: "set",
         doctype: c,
         recordId: d,
@@ -1661,7 +1661,7 @@ class Re {
   isImmutable(e) {
     if (!e || typeof e != "object")
       return !1;
-    const t = "get" in e && typeof e.get == "function", n = "set" in e && typeof e.set == "function", r = "has" in e && typeof e.has == "function", a = "__ownerID" in e || "_map" in e || "_list" in e || "_origin" in e || "_capacity" in e || "_defaultValues" in e || "_tail" in e || "_root" in e || "size" in e && t && n;
+    const t = "get" in e && typeof e.get == "function", o = "set" in e && typeof e.set == "function", r = "has" in e && typeof e.has == "function", a = "__ownerID" in e || "_map" in e || "_list" in e || "_origin" in e || "_capacity" in e || "_defaultValues" in e || "_tail" in e || "_root" in e || "size" in e && t && o;
     let s;
     try {
       const d = e;
@@ -1672,8 +1672,8 @@ class Re {
     } catch {
       s = void 0;
     }
-    const c = s && (s.includes("Map") || s.includes("List") || s.includes("Set") || s.includes("Stack") || s.includes("Seq")) && (t || n);
-    return !!(t && n && r && a || t && n && c);
+    const c = s && (s.includes("Map") || s.includes("List") || s.includes("Set") || s.includes("Stack") || s.includes("Seq")) && (t || o);
+    return !!(t && o && r && a || t && o && c);
   }
   isPrimitive(e) {
     return e == null || typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "function" || typeof e == "symbol" || typeof e == "bigint";
@@ -1687,29 +1687,54 @@ class Re {
     return e ? e.replace(/\[(\d+)\]/g, ".$1").split(".").filter((t) => t.length > 0) : [];
   }
 }
-function Oo(o, e, t) {
-  return new Re(o, e, "", null, t);
+function Co(n, e, t) {
+  return new Re(n, e, "", null, t);
 }
 class No {
   hstStore;
   _operationLogStore;
   _operationLogConfig;
+  _client;
   /** The registry instance containing all doctype definitions */
   registry;
   /**
    * Creates a new Stonecrop instance with HST integration
    * @param registry - The Registry instance containing doctype definitions
    * @param operationLogConfig - Optional configuration for the operation log
+   * @param options - Options including the data client (can be set later via setClient)
    */
-  constructor(e, t) {
-    this.registry = e, this._operationLogConfig = t, this.initializeHSTStore(), this.setupRegistrySync();
+  constructor(e, t, o) {
+    this.registry = e, this._operationLogConfig = t, this._client = o?.client, this.initializeHSTStore(), this.setupRegistrySync();
+  }
+  /**
+   * Set the data client for fetching doctype metadata and records.
+   * Use this for deferred configuration in Nuxt/Vue plugin setups.
+   *
+   * @param client - DataClient implementation (e.g., StonecropClient from \@stonecrop/graphql-client)
+   *
+   * @example
+   * ```ts
+   * const { setClient } = useStonecropRegistry()
+   * const client = new StonecropClient({ endpoint: '/graphql' })
+   * setClient(client)
+   * ```
+   */
+  setClient(e) {
+    this._client = e;
+  }
+  /**
+   * Get the current data client
+   * @returns The DataClient instance or undefined if not set
+   */
+  getClient() {
+    return this._client;
   }
   /**
    * Get the operation log store (lazy initialization)
    * @internal
    */
   getOperationLogStore() {
-    return this._operationLogStore || (this._operationLogStore = Ot(), this._operationLogConfig && this._operationLogStore.configure(this._operationLogConfig)), this._operationLogStore;
+    return this._operationLogStore || (this._operationLogStore = Ct(), this._operationLogConfig && this._operationLogStore.configure(this._operationLogConfig)), this._operationLogStore;
   }
   /**
    * Initialize the HST store structure
@@ -1718,7 +1743,7 @@ class No {
     const e = {};
     Object.keys(this.registry.registry).forEach((t) => {
       e[t] = {};
-    }), this.hstStore = Oo(yt(e), "StonecropStore");
+    }), this.hstStore = Co(yt(e), "StonecropStore");
   }
   /**
    * Setup automatic sync with Registry when doctypes are added
@@ -1744,9 +1769,9 @@ class No {
    * @param recordId - The record ID
    * @param recordData - The record data
    */
-  addRecord(e, t, n) {
+  addRecord(e, t, o) {
     const r = typeof e == "string" ? e : e.slug;
-    this.ensureDoctypeExists(r), this.hstStore.set(`${r}.${t}`, n);
+    this.ensureDoctypeExists(r), this.hstStore.set(`${r}.${t}`, o);
   }
   /**
    * Get a specific record
@@ -1755,9 +1780,9 @@ class No {
    * @returns HST node for the record or undefined
    */
   getRecordById(e, t) {
-    const n = typeof e == "string" ? e : e.slug;
-    if (this.ensureDoctypeExists(n), !(!this.hstStore.has(`${n}.${t}`) || this.hstStore.get(`${n}.${t}`) === void 0))
-      return this.hstStore.getNode(`${n}.${t}`);
+    const o = typeof e == "string" ? e : e.slug;
+    if (this.ensureDoctypeExists(o), !(!this.hstStore.has(`${o}.${t}`) || this.hstStore.get(`${o}.${t}`) === void 0))
+      return this.hstStore.getNode(`${o}.${t}`);
   }
   /**
    * Remove a record from the store
@@ -1765,8 +1790,8 @@ class No {
    * @param recordId - The record ID
    */
   removeRecord(e, t) {
-    const n = typeof e == "string" ? e : e.slug;
-    this.ensureDoctypeExists(n), this.hstStore.has(`${n}.${t}`) && this.hstStore.set(`${n}.${t}`, void 0);
+    const o = typeof e == "string" ? e : e.slug;
+    this.ensureDoctypeExists(o), this.hstStore.has(`${o}.${t}`) && this.hstStore.set(`${o}.${t}`, void 0);
   }
   /**
    * Get all record IDs for a doctype
@@ -1776,8 +1801,8 @@ class No {
   getRecordIds(e) {
     const t = typeof e == "string" ? e : e.slug;
     this.ensureDoctypeExists(t);
-    const n = this.hstStore.get(t);
-    return !n || typeof n != "object" ? [] : Object.keys(n).filter((r) => n[r] !== void 0);
+    const o = this.hstStore.get(t);
+    return !o || typeof o != "object" ? [] : Object.keys(o).filter((r) => o[r] !== void 0);
   }
   /**
    * Clear all records for a doctype
@@ -1785,8 +1810,8 @@ class No {
    */
   clearRecords(e) {
     const t = typeof e == "string" ? e : e.slug;
-    this.ensureDoctypeExists(t), this.getRecordIds(t).forEach((n) => {
-      this.hstStore.set(`${t}.${n}`, void 0);
+    this.ensureDoctypeExists(t), this.getRecordIds(t).forEach((o) => {
+      this.hstStore.set(`${t}.${o}`, void 0);
     });
   }
   /**
@@ -1803,15 +1828,15 @@ class No {
    * @param action - The action to run
    * @param args - Action arguments (typically record IDs)
    */
-  runAction(e, t, n) {
-    const r = this.registry.registry[e.slug]?.actions?.get(t), a = Array.isArray(n) ? n.filter((u) => typeof u == "string") : void 0, s = this.getOperationLogStore();
+  runAction(e, t, o) {
+    const r = this.registry.registry[e.slug]?.actions?.get(t), a = Array.isArray(o) ? o.filter((u) => typeof u == "string") : void 0, s = this.getOperationLogStore();
     let c = "success", d;
     try {
       r && r.length > 0 && r.forEach((u) => {
         try {
-          new Function("args", u)(n);
-        } catch (b) {
-          throw c = "failure", d = b instanceof Error ? b.message : "Unknown error", b;
+          new Function("args", u)(o);
+        } catch (w) {
+          throw c = "failure", d = w instanceof Error ? w.message : "Unknown error", w;
         }
       });
     } catch {
@@ -1820,22 +1845,49 @@ class No {
     }
   }
   /**
-   * Get records from server (maintains compatibility)
+   * Get records from server using the configured data client.
    * @param doctype - The doctype
+   * @throws Error if no data client has been configured
    */
   async getRecords(e) {
-    (await (await fetch(`/${e.slug}`)).json()).forEach((t) => {
+    if (!this._client)
+      throw new Error(
+        "No data client configured. Call setClient() with a DataClient implementation (e.g., StonecropClient from @stonecrop/graphql-client) before fetching records."
+      );
+    (await this._client.getRecords(e)).forEach((t) => {
       t.id && this.addRecord(e, t.id, t);
     });
   }
   /**
-   * Get single record from server (maintains compatibility)
+   * Get single record from server using the configured data client.
    * @param doctype - The doctype
    * @param recordId - The record ID
+   * @throws Error if no data client has been configured
    */
   async getRecord(e, t) {
-    const n = await (await fetch(`/${e.slug}/${t}`)).json();
-    this.addRecord(e, t, n);
+    if (!this._client)
+      throw new Error(
+        "No data client configured. Call setClient() with a DataClient implementation (e.g., StonecropClient from @stonecrop/graphql-client) before fetching records."
+      );
+    const o = await this._client.getRecord(e, t);
+    o && this.addRecord(e, t, o);
+  }
+  /**
+   * Dispatch an action to the server via the configured data client.
+   * All state changes flow through this single mutation endpoint.
+   *
+   * @param doctype - The doctype
+   * @param action - Action name to execute (e.g., 'SUBMIT', 'APPROVE', 'save')
+   * @param args - Action arguments (typically record ID and/or form data)
+   * @returns Action result with success status, response data, and any error
+   * @throws Error if no data client has been configured
+   */
+  async dispatchAction(e, t, o) {
+    if (!this._client)
+      throw new Error(
+        "No data client configured. Call setClient() with a DataClient implementation (e.g., StonecropClient from @stonecrop/graphql-client) before dispatching actions."
+      );
+    return this._client.runAction(e, t, o);
   }
   /**
    * Ensure doctype section exists in HST store
@@ -1875,167 +1927,167 @@ class No {
    * @public
    */
   getRecordState(e, t) {
-    const n = typeof e == "string" ? e : e.slug, r = this.registry.getDoctype(n);
+    const o = typeof e == "string" ? e : e.slug, r = this.registry.getDoctype(o);
     if (!r?.workflow) return "";
-    const a = this.getRecordById(n, t)?.get("status"), s = typeof r.workflow.initial == "string" ? r.workflow.initial : Object.keys(r.workflow.states ?? {})[0] ?? "";
+    const a = this.getRecordById(o, t)?.get("status"), s = typeof r.workflow.initial == "string" ? r.workflow.initial : Object.keys(r.workflow.states ?? {})[0] ?? "";
     return a || s;
   }
 }
-function Do(o) {
-  o || (o = {});
-  const e = o.registry || be("$registry"), t = be("$stonecrop"), n = C(), r = C(), a = C({}), s = C(), c = C(), d = C([]);
-  if (o.doctype && e) {
-    const _ = o.doctype.schema ? Array.isArray(o.doctype.schema) ? o.doctype.schema : Array.from(o.doctype.schema) : [];
+function Do(n) {
+  n || (n = {});
+  const e = n.registry || we("$registry"), t = we("$stonecrop"), o = $(), r = $(), a = $({}), s = $(), c = $(), d = $([]);
+  if (n.doctype && e) {
+    const _ = n.doctype.schema ? Array.isArray(n.doctype.schema) ? n.doctype.schema : Array.from(n.doctype.schema) : [];
     d.value = e.resolveSchema(_);
   }
-  const u = C([]), b = C(-1), v = R(() => n.value?.getOperationLogStore().canUndo ?? !1), h = R(() => n.value?.getOperationLogStore().canRedo ?? !1), w = R(() => n.value?.getOperationLogStore().undoCount ?? 0), m = R(() => n.value?.getOperationLogStore().redoCount ?? 0), k = R(
-    () => n.value?.getOperationLogStore().undoRedoState ?? {
+  const u = $([]), w = $(-1), v = R(() => o.value?.getOperationLogStore().canUndo ?? !1), h = R(() => o.value?.getOperationLogStore().canRedo ?? !1), b = R(() => o.value?.getOperationLogStore().undoCount ?? 0), m = R(() => o.value?.getOperationLogStore().redoCount ?? 0), k = R(
+    () => o.value?.getOperationLogStore().undoRedoState ?? {
       canUndo: !1,
       canRedo: !1,
       undoCount: 0,
       redoCount: 0,
       currentIndex: -1
     }
-  ), I = (_) => n.value?.getOperationLogStore().undo(_) ?? !1, P = (_) => n.value?.getOperationLogStore().redo(_) ?? !1, Z = () => {
-    n.value?.getOperationLogStore().startBatch();
-  }, U = (_) => n.value?.getOperationLogStore().commitBatch(_) ?? null, G = () => {
-    n.value?.getOperationLogStore().cancelBatch();
+  ), I = (_) => o.value?.getOperationLogStore().undo(_) ?? !1, T = (_) => o.value?.getOperationLogStore().redo(_) ?? !1, Z = () => {
+    o.value?.getOperationLogStore().startBatch();
+  }, U = (_) => o.value?.getOperationLogStore().commitBatch(_) ?? null, z = () => {
+    o.value?.getOperationLogStore().cancelBatch();
   }, L = () => {
-    n.value?.getOperationLogStore().clear();
-  }, J = (_, O) => n.value?.getOperationLogStore().getOperationsFor(_, O) ?? [], E = () => n.value?.getOperationLogStore().getSnapshot() ?? {
+    o.value?.getOperationLogStore().clear();
+  }, G = (_, C) => o.value?.getOperationLogStore().getOperationsFor(_, C) ?? [], E = () => o.value?.getOperationLogStore().getSnapshot() ?? {
     operations: [],
     currentIndex: -1,
     totalOperations: 0,
     reversibleOperations: 0,
     irreversibleOperations: 0
-  }, Y = (_, O) => {
-    n.value?.getOperationLogStore().markIrreversible(_, O);
-  }, B = (_, O, S, p = "success", f) => n.value?.getOperationLogStore().logAction(_, O, S, p, f) ?? "", g = (_) => {
-    n.value?.getOperationLogStore().configure(_);
+  }, Y = (_, C) => {
+    o.value?.getOperationLogStore().markIrreversible(_, C);
+  }, B = (_, C, S, p = "success", f) => o.value?.getOperationLogStore().logAction(_, C, S, p, f) ?? "", g = (_) => {
+    o.value?.getOperationLogStore().configure(_);
   };
   xe(async () => {
     if (e) {
-      n.value = t || new No(e);
+      o.value = t || new No(e);
       try {
-        const _ = n.value.getOperationLogStore(), O = oo(_);
-        u.value = O.operations.value, b.value = O.currentIndex.value, H(
-          () => O.operations.value,
+        const _ = o.value.getOperationLogStore(), C = oo(_);
+        u.value = C.operations.value, w.value = C.currentIndex.value, H(
+          () => C.operations.value,
           (S) => {
             u.value = S;
           }
         ), H(
-          () => O.currentIndex.value,
+          () => C.currentIndex.value,
           (S) => {
-            b.value = S;
+            w.value = S;
           }
         );
       } catch {
       }
-      if (!o.doctype && e.router) {
+      if (!n.doctype && e.router) {
         const _ = e.router.currentRoute.value;
         if (!_.path) return;
-        const O = _.path.split("/").filter((p) => p.length > 0), S = O[1]?.toLowerCase();
-        if (O.length > 0) {
+        const C = _.path.split("/").filter((p) => p.length > 0), S = C[1]?.toLowerCase();
+        if (C.length > 0) {
           const p = {
             path: _.path,
-            segments: O
+            segments: C
           }, f = await e.getMeta?.(p);
           if (f) {
-            if (e.addDoctype(f), n.value.setup(f), s.value = f, c.value = S, r.value = n.value.getStore(), e) {
+            if (e.addDoctype(f), o.value.setup(f), s.value = f, c.value = S, r.value = o.value.getStore(), e) {
               const i = f.schema ? Array.isArray(f.schema) ? f.schema : Array.from(f.schema) : [];
               d.value = e.resolveSchema(i);
             }
             if (S && S !== "new") {
-              const i = n.value.getRecordById(f, S);
+              const i = o.value.getRecordById(f, S);
               if (i)
                 a.value = i.get("") || {};
               else
                 try {
-                  await n.value.getRecord(f, S);
-                  const l = n.value.getRecordById(f, S);
+                  await o.value.getRecord(f, S);
+                  const l = o.value.getRecordById(f, S);
                   l && (a.value = l.get("") || {});
                 } catch {
                   a.value = te(f);
                 }
             } else
               a.value = te(f);
-            r.value && dt(f, S || "new", a, r.value), n.value.runAction(f, "load", S ? [S] : void 0);
+            r.value && dt(f, S || "new", a, r.value), o.value.runAction(f, "load", S ? [S] : void 0);
           }
         }
       }
-      if (o.doctype) {
-        r.value = n.value.getStore();
-        const _ = o.doctype, O = o.recordId;
-        if (O && O !== "new") {
-          const S = n.value.getRecordById(_, O);
+      if (n.doctype) {
+        r.value = o.value.getStore();
+        const _ = n.doctype, C = n.recordId;
+        if (C && C !== "new") {
+          const S = o.value.getRecordById(_, C);
           if (S)
             a.value = S.get("") || {};
           else
             try {
-              await n.value.getRecord(_, O);
-              const p = n.value.getRecordById(_, O);
+              await o.value.getRecord(_, C);
+              const p = o.value.getRecordById(_, C);
               p && (a.value = p.get("") || {});
             } catch {
               a.value = te(_);
             }
         } else
           a.value = te(_);
-        r.value && dt(_, O || "new", a, r.value);
+        r.value && dt(_, C || "new", a, r.value);
       }
     }
   });
-  const y = (_, O) => {
-    const S = o.doctype || s.value;
+  const y = (_, C) => {
+    const S = n.doctype || s.value;
     if (!S) return "";
-    const p = O || o.recordId || c.value || "new";
+    const p = C || n.recordId || c.value || "new";
     return `${S.slug}.${p}.${_}`;
   }, D = (_) => {
-    const O = o.doctype || s.value;
-    if (!(!r.value || !n.value || !O))
+    const C = n.doctype || s.value;
+    if (!(!r.value || !o.value || !C))
       try {
         const S = _.path.split(".");
         if (S.length >= 2) {
           const i = S[0], l = S[1];
-          if (r.value.has(`${i}.${l}`) || n.value.addRecord(O, l, { ...a.value }), S.length > 3) {
-            const A = `${i}.${l}`, $ = S.slice(2);
+          if (r.value.has(`${i}.${l}`) || o.value.addRecord(C, l, { ...a.value }), S.length > 3) {
+            const A = `${i}.${l}`, O = S.slice(2);
             let W = A;
-            for (let z = 0; z < $.length - 1; z++)
-              if (W += `.${$[z]}`, !r.value.has(W)) {
-                const Q = $[z + 1], _e = !isNaN(Number(Q));
+            for (let J = 0; J < O.length - 1; J++)
+              if (W += `.${O[J]}`, !r.value.has(W)) {
+                const Q = O[J + 1], _e = !isNaN(Number(Q));
                 r.value.set(W, _e ? [] : {});
               }
           }
         }
         r.value.set(_.path, _.value);
         const p = _.fieldname.split("."), f = { ...a.value };
-        p.length === 1 ? f[p[0]] = _.value : $o(f, p, _.value), a.value = f;
+        p.length === 1 ? f[p[0]] = _.value : Oo(f, p, _.value), a.value = f;
       } catch {
       }
   };
-  (o.doctype || e?.router) && (Je("hstPathProvider", y), Je("hstChangeHandler", D));
-  const F = (_, O, S) => {
-    if (!n.value)
-      return te(O);
+  (n.doctype || e?.router) && (Ge("hstPathProvider", y), Ge("hstChangeHandler", D));
+  const F = (_, C, S) => {
+    if (!o.value)
+      return te(C);
     if (S)
       try {
         const p = r.value?.get(_);
-        return p && typeof p == "object" ? p : te(O);
+        return p && typeof p == "object" ? p : te(C);
       } catch {
-        return te(O);
+        return te(C);
       }
-    return te(O);
-  }, N = async (_, O) => {
-    if (!r.value || !n.value)
+    return te(C);
+  }, N = (_, C) => {
+    if (!r.value || !o.value)
       throw new Error("HST store not initialized");
-    const S = `${_.slug}.${O}`, p = { ...r.value.get(S) || {} }, f = _.schema ? Array.isArray(_.schema) ? _.schema : Array.from(_.schema) : [], i = (e ? e.resolveSchema(f) : f).filter(
+    const S = `${_.slug}.${C}`, p = { ...r.value.get(S) || {} }, f = _.schema ? Array.isArray(_.schema) ? _.schema : Array.from(_.schema) : [], i = (e ? e.resolveSchema(f) : f).filter(
       (l) => "fieldtype" in l && l.fieldtype === "Doctype" && "schema" in l && Array.isArray(l.schema)
     );
     for (const l of i) {
-      const A = l, $ = `${S}.${A.fieldname}`, W = Nt(A.schema, $, r.value);
+      const A = l, O = `${S}.${A.fieldname}`, W = Nt(A.schema, O, r.value);
       p[A.fieldname] = W;
     }
     return p;
-  }, V = (_, O) => ({
+  }, V = (_, C) => ({
     provideHSTPath: (S) => `${_}.${S}`,
     handleHSTChange: (S) => {
       const p = S.path.startsWith(_) ? S.path : `${_}.${S.fieldname}`;
@@ -2046,26 +2098,26 @@ function Do(o) {
     }
   }), M = {
     operations: u,
-    currentIndex: b,
+    currentIndex: w,
     undoRedoState: k,
     canUndo: v,
     canRedo: h,
-    undoCount: w,
+    undoCount: b,
     redoCount: m,
     undo: I,
-    redo: P,
+    redo: T,
     startBatch: Z,
     commitBatch: U,
-    cancelBatch: G,
+    cancelBatch: z,
     clear: L,
-    getOperationsFor: J,
+    getOperationsFor: G,
     getSnapshot: E,
     markIrreversible: Y,
     logAction: B,
     configure: g
   };
-  return o.doctype ? {
-    stonecrop: n,
+  return n.doctype ? {
+    stonecrop: o,
     operationLog: M,
     provideHSTPath: y,
     handleHSTChange: D,
@@ -2075,8 +2127,8 @@ function Do(o) {
     loadNestedData: F,
     saveRecursive: N,
     createNestedContext: V
-  } : !o.doctype && e?.router ? {
-    stonecrop: n,
+  } : !n.doctype && e?.router ? {
+    stonecrop: o,
     operationLog: M,
     provideHSTPath: y,
     handleHSTChange: D,
@@ -2087,13 +2139,13 @@ function Do(o) {
     saveRecursive: N,
     createNestedContext: V
   } : {
-    stonecrop: n,
+    stonecrop: o,
     operationLog: M
   };
 }
-function te(o) {
+function te(n) {
   const e = {};
-  return o.schema && o.schema.forEach((t) => {
+  return n.schema && n.schema.forEach((t) => {
     switch ("fieldtype" in t ? t.fieldtype : "Data") {
       case "Data":
       case "Text":
@@ -2117,15 +2169,15 @@ function te(o) {
     }
   }), e;
 }
-function dt(o, e, t, n) {
+function dt(n, e, t, o) {
   H(
     t,
     (r) => {
-      const a = `${o.slug}.${e}`;
+      const a = `${n.slug}.${e}`;
       Object.keys(r).forEach((s) => {
         const c = `${a}.${s}`;
         try {
-          n.set(c, r[s]);
+          o.set(c, r[s]);
         } catch {
         }
       });
@@ -2133,61 +2185,61 @@ function dt(o, e, t, n) {
     { deep: !0 }
   );
 }
-function $o(o, e, t) {
-  let n = o;
+function Oo(n, e, t) {
+  let o = n;
   for (let a = 0; a < e.length - 1; a++) {
     const s = e[a];
-    (!(s in n) || typeof n[s] != "object") && (n[s] = isNaN(Number(e[a + 1])) ? {} : []), n = n[s];
+    (!(s in o) || typeof o[s] != "object") && (o[s] = isNaN(Number(e[a + 1])) ? {} : []), o = o[s];
   }
   const r = e[e.length - 1];
-  n[r] = t;
+  o[r] = t;
 }
-function Nt(o, e, t) {
-  const n = { ...t.get(e) || {} }, r = o.filter(
+function Nt(n, e, t) {
+  const o = { ...t.get(e) || {} }, r = n.filter(
     (a) => "fieldtype" in a && a.fieldtype === "Doctype" && "schema" in a && Array.isArray(a.schema)
   );
   for (const a of r) {
     const s = a, c = `${e}.${s.fieldname}`, d = Nt(s.schema, c, t);
-    n[s.fieldname] = d;
+    o[s.fieldname] = d;
   }
-  return n;
+  return o;
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function Ao(o, e) {
-  return Xe() ? (Ye(o, e), !0) : !1;
+function Ao(n, e) {
+  return Xe() ? (Ye(n, e), !0) : !1;
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Co = () => {
+const $o = () => {
 };
-function Io(...o) {
-  if (o.length !== 1) return re(...o);
-  const e = o[0];
-  return typeof e == "function" ? Te(et(() => ({
+function Io(...n) {
+  if (n.length !== 1) return re(...n);
+  const e = n[0];
+  return typeof e == "function" ? Pe(et(() => ({
     get: e,
-    set: Co
-  }))) : C(e);
+    set: $o
+  }))) : $(e);
 }
-function Be(o) {
-  return typeof Window < "u" && o instanceof Window ? o.document.documentElement : typeof Document < "u" && o instanceof Document ? o.documentElement : o;
+function Be(n) {
+  return typeof Window < "u" && n instanceof Window ? n.document.documentElement : typeof Document < "u" && n instanceof Document ? n.documentElement : n;
 }
 const We = /* @__PURE__ */ new WeakMap();
-function Ro(o, e = !1) {
+function Ro(n, e = !1) {
   const t = Se(e);
-  let n = "";
-  H(Io(o), (s) => {
-    const c = Be(q(s));
+  let o = "";
+  H(Io(n), (s) => {
+    const c = Be(K(s));
     if (c) {
       const d = c;
-      if (We.get(d) || We.set(d, d.style.overflow), d.style.overflow !== "hidden" && (n = d.style.overflow), d.style.overflow === "hidden") return t.value = !0;
+      if (We.get(d) || We.set(d, d.style.overflow), d.style.overflow !== "hidden" && (o = d.style.overflow), d.style.overflow === "hidden") return t.value = !0;
       if (t.value) return d.style.overflow = "hidden";
     }
   }, { immediate: !0 });
   const r = () => {
-    const s = Be(q(o));
+    const s = Be(K(n));
     !s || t.value || (s.style.overflow = "hidden", t.value = !0);
   }, a = () => {
-    const s = Be(q(o));
-    !s || !t.value || (s.style.overflow = n, We.delete(s), t.value = !1);
+    const s = Be(K(n));
+    !s || !t.value || (s.style.overflow = o, We.delete(s), t.value = !1);
   };
   return Ao(a), R({
     get() {
@@ -2199,59 +2251,59 @@ function Ro(o, e = !1) {
   });
 }
 function xo() {
-  let o = !1;
+  let n = !1;
   const e = Se(!1);
-  return (t, n) => {
-    if (e.value = n.value, o) return;
-    o = !0;
-    const r = Ro(t, n.value);
+  return (t, o) => {
+    if (e.value = o.value, n) return;
+    n = !0;
+    const r = Ro(t, o.value);
     H(e, (a) => r.value = a);
   };
 }
 xo();
-const Po = (o, e) => {
-  const t = o.__vccOpts || o;
-  for (const [n, r] of e)
-    t[n] = r;
+const To = (n, e) => {
+  const t = n.__vccOpts || n;
+  for (const [o, r] of e)
+    t[o] = r;
   return t;
 };
-function To(o, e) {
-  return Xe() ? (Ye(o, e), !0) : !1;
+function Po(n, e) {
+  return Xe() ? (Ye(n, e), !0) : !1;
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Vo = () => {
 };
-function jo(...o) {
-  if (o.length !== 1) return re(...o);
-  const e = o[0];
-  return typeof e == "function" ? Te(et(() => ({
+function jo(...n) {
+  if (n.length !== 1) return re(...n);
+  const e = n[0];
+  return typeof e == "function" ? Pe(et(() => ({
     get: e,
     set: Vo
-  }))) : C(e);
+  }))) : $(e);
 }
-function He(o) {
-  return typeof Window < "u" && o instanceof Window ? o.document.documentElement : typeof Document < "u" && o instanceof Document ? o.documentElement : o;
+function He(n) {
+  return typeof Window < "u" && n instanceof Window ? n.document.documentElement : typeof Document < "u" && n instanceof Document ? n.documentElement : n;
 }
 const Ue = /* @__PURE__ */ new WeakMap();
-function Mo(o, e = !1) {
+function Mo(n, e = !1) {
   const t = Se(e);
-  let n = "";
-  H(jo(o), (s) => {
-    const c = He(q(s));
+  let o = "";
+  H(jo(n), (s) => {
+    const c = He(K(s));
     if (c) {
       const d = c;
-      if (Ue.get(d) || Ue.set(d, d.style.overflow), d.style.overflow !== "hidden" && (n = d.style.overflow), d.style.overflow === "hidden") return t.value = !0;
+      if (Ue.get(d) || Ue.set(d, d.style.overflow), d.style.overflow !== "hidden" && (o = d.style.overflow), d.style.overflow === "hidden") return t.value = !0;
       if (t.value) return d.style.overflow = "hidden";
     }
   }, { immediate: !0 });
   const r = () => {
-    const s = He(q(o));
+    const s = He(K(n));
     !s || t.value || (s.style.overflow = "hidden", t.value = !0);
   }, a = () => {
-    const s = He(q(o));
-    !s || !t.value || (s.style.overflow = n, Ue.delete(s), t.value = !1);
+    const s = He(K(n));
+    !s || !t.value || (s.style.overflow = o, Ue.delete(s), t.value = !1);
   };
-  return To(a), R({
+  return Po(a), R({
     get() {
       return t.value;
     },
@@ -2261,12 +2313,12 @@ function Mo(o, e = !1) {
   });
 }
 function Fo() {
-  let o = !1;
+  let n = !1;
   const e = Se(!1);
-  return (t, n) => {
-    if (e.value = n.value, o) return;
-    o = !0;
-    const r = Mo(t, n.value);
+  return (t, o) => {
+    if (e.value = o.value, n) return;
+    n = !0;
+    const r = Mo(t, o.value);
     H(e, (a) => r.value = a);
   };
 }
@@ -2278,7 +2330,7 @@ const Lo = { class: "aform" }, Bo = {
 }, Wo = {
   key: 0,
   class: "aform-nested-label"
-}, Ho = /* @__PURE__ */ we({
+}, Ho = /* @__PURE__ */ be({
   __name: "AForm",
   props: /* @__PURE__ */ ot({
     schema: {},
@@ -2288,72 +2340,72 @@ const Lo = { class: "aform" }, Bo = {
     dataModifiers: {}
   }),
   emits: /* @__PURE__ */ ot(["update:schema", "update:data"], ["update:data"]),
-  setup(o, { emit: e }) {
-    const t = e, n = It(o, "data"), r = C({});
+  setup(n, { emit: e }) {
+    const t = e, o = It(n, "data"), r = $({});
     H(
-      () => n.value,
+      () => o.value,
       (v) => {
-        !o.schema || !v || o.schema.forEach((h) => {
+        !n.schema || !v || n.schema.forEach((h) => {
           "schema" in h && Array.isArray(h.schema) && h.schema.length > 0 && (r.value[h.fieldname] = v[h.fieldname] ?? {});
         });
       },
       { immediate: !0 }
     );
     const a = (v, h) => {
-      r.value[v] = h, n.value && (n.value[v] = h, t("update:data", { ...n.value }));
+      r.value[v] = h, o.value && (o.value[v] = h, t("update:data", { ...o.value }));
     }, s = (v) => {
       const h = {};
-      for (const [w, m] of Object.entries(v))
-        ["component", "fieldtype", "mode"].includes(w) || (h[w] = m), w === "rows" && (!m || Array.isArray(m) && m.length === 0) && (h.rows = n.value[v.fieldname] || []);
+      for (const [b, m] of Object.entries(v))
+        ["component", "fieldtype", "mode"].includes(b) || (h[b] = m), b === "rows" && (!m || Array.isArray(m) && m.length === 0) && (h.rows = o.value[v.fieldname] || []);
       return h;
-    }, c = R(() => o.mode ?? "edit");
+    }, c = R(() => n.mode ?? "edit");
     function d(v) {
       return v.mode || c.value;
     }
-    const u = C([]);
+    const u = $([]);
     Rt(() => {
-      o.schema && u.value.length !== o.schema.length && (u.value = o.schema.map((v, h) => R({
+      n.schema && u.value.length !== n.schema.length && (u.value = n.schema.map((v, h) => R({
         get() {
-          return n.value?.[o.schema[h].fieldname];
+          return o.value?.[n.schema[h].fieldname];
         },
-        set: (w) => {
-          const m = o.schema[h].fieldname;
-          m && n.value && (n.value[m] = w, t("update:data", { ...n.value })), t("update:schema", o.schema);
+        set: (b) => {
+          const m = n.schema[h].fieldname;
+          m && o.value && (o.value[m] = b, t("update:data", { ...o.value })), t("update:schema", n.schema);
         }
       })));
     });
-    const b = R(() => u.value);
+    const w = R(() => u.value);
     return (v, h) => {
-      const w = mt("AForm", !0);
-      return T(), j("form", Lo, [
-        (T(!0), j(ue, null, ye(o.schema, (m, k) => (T(), j(ue, { key: k }, [
-          "schema" in m && Array.isArray(m.schema) && m.schema.length > 0 ? (T(), j("div", Bo, [
-            m.label ? (T(), j("h4", Wo, X(m.label), 1)) : ce("", !0),
-            ne(w, {
+      const b = mt("AForm", !0);
+      return P(), j("form", Lo, [
+        (P(!0), j(ue, null, ye(n.schema, (m, k) => (P(), j(ue, { key: k }, [
+          "schema" in m && Array.isArray(m.schema) && m.schema.length > 0 ? (P(), j("div", Bo, [
+            m.label ? (P(), j("h4", Wo, X(m.label), 1)) : ce("", !0),
+            ne(b, {
               data: r.value[m.fieldname],
               mode: d(m),
               schema: m.schema,
               "onUpdate:data": (I) => a(m.fieldname, I)
             }, null, 8, ["data", "mode", "schema", "onUpdate:data"])
-          ])) : (T(), Qe(xt(m.component), Pt({
+          ])) : (P(), Qe(xt(m.component), Tt({
             key: 1,
-            modelValue: b.value[k].value,
-            "onUpdate:modelValue": (I) => b.value[k].value = I,
+            modelValue: w.value[k].value,
+            "onUpdate:modelValue": (I) => w.value[k].value = I,
             schema: m,
-            data: n.value[m.fieldname],
+            data: o.value[m.fieldname],
             mode: d(m)
           }, { ref_for: !0 }, s(m)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "mode"]))
         ], 64))), 128))
       ]);
     };
   }
-}), Uo = /* @__PURE__ */ Po(Ho, [["__scopeId", "data-v-5c01cea5"]]), zo = { class: "tabs" }, Go = { tabindex: "0" }, Jo = { tabindex: "0" }, Ko = /* @__PURE__ */ we({
+}), Uo = /* @__PURE__ */ To(Ho, [["__scopeId", "data-v-5c01cea5"]]), Jo = { class: "tabs" }, zo = { tabindex: "0" }, Go = { tabindex: "0" }, qo = /* @__PURE__ */ be({
   __name: "SheetNav",
   props: {
     breadcrumbs: { default: () => [] }
   },
-  setup(o) {
-    const e = C(!0), t = C(!1), n = C(""), r = pt("searchinput"), a = R(() => e.value ? "unrotated" : "rotated"), s = () => {
+  setup(n) {
+    const e = $(!0), t = $(!1), o = $(""), r = pt("searchinput"), a = R(() => e.value ? "unrotated" : "rotated"), s = () => {
       e.value = !e.value;
     }, c = async () => {
       t.value = !t.value, await de(() => {
@@ -2363,18 +2415,18 @@ const Lo = { class: "aform" }, Bo = {
       v.preventDefault(), v.stopPropagation();
     }, u = async (v) => {
       v.preventDefault(), v.stopPropagation(), await c();
-    }, b = () => {
+    }, w = () => {
     };
     return (v, h) => {
-      const w = mt("router-link");
-      return T(), j("footer", null, [
-        x("ul", zo, [
+      const b = mt("router-link");
+      return P(), j("footer", null, [
+        x("ul", Jo, [
           x("li", {
             class: "hidebreadcrumbs",
             onClick: s,
             onKeydown: fe(s, ["enter"])
           }, [
-            x("a", Go, [
+            x("a", zo, [
               x("div", {
                 class: De(a.value)
               }, "×", 2)
@@ -2383,10 +2435,10 @@ const Lo = { class: "aform" }, Bo = {
           x("li", {
             class: "hometab",
             style: je({ display: e.value ? "block" : "none" }),
-            onClick: b,
-            onKeydown: fe(b, ["enter"])
+            onClick: w,
+            onKeydown: fe(w, ["enter"])
           }, [
-            ne(w, {
+            ne(b, {
               to: "/",
               tabindex: "0"
             }, {
@@ -2410,8 +2462,8 @@ const Lo = { class: "aform" }, Bo = {
             class: De(["searchtab", { "search-active": t.value }]),
             style: je({ display: e.value ? "block" : "none" })
           }, [
-            x("a", Jo, [
-              $e((T(), j("svg", {
+            x("a", Go, [
+              Oe((P(), j("svg", {
                 class: "icon search-icon",
                 role: "button",
                 "aria-label": "Search",
@@ -2429,11 +2481,11 @@ const Lo = { class: "aform" }, Bo = {
                 }, null, -1),
                 x("path", { d: "M21 21l-4.35-4.35" }, null, -1)
               ])], 544)), [
-                [ze, !t.value]
+                [Je, !t.value]
               ]),
-              $e(x("input", {
+              Oe(x("input", {
                 ref: "searchinput",
-                "onUpdate:modelValue": h[0] || (h[0] = (m) => n.value = m),
+                "onUpdate:modelValue": h[0] || (h[0] = (m) => o.value = m),
                 type: "text",
                 placeholder: "Search...",
                 onClick: h[1] || (h[1] = ft(() => {
@@ -2445,16 +2497,16 @@ const Lo = { class: "aform" }, Bo = {
                   fe(c, ["escape"])
                 ]
               }, null, 544), [
-                [ze, t.value],
-                [ht, n.value]
+                [Je, t.value],
+                [ht, o.value]
               ])
             ])
           ], 6),
-          (T(!0), j(ue, null, ye(o.breadcrumbs, (m) => (T(), j("li", {
+          (P(!0), j(ue, null, ye(n.breadcrumbs, (m) => (P(), j("li", {
             key: m.title,
             style: je({ display: e.value ? "block" : "none" })
           }, [
-            ne(w, {
+            ne(b, {
               tabindex: "0",
               to: m.to
             }, {
@@ -2468,13 +2520,13 @@ const Lo = { class: "aform" }, Bo = {
       ]);
     };
   }
-}), Dt = /* @__PURE__ */ bt(Ko, [["__scopeId", "data-v-eb5bcbb6"]]), qo = {
+}), Dt = /* @__PURE__ */ wt(qo, [["__scopeId", "data-v-eb5bcbb6"]]), Ko = {
   key: 1,
   class: "loading"
 }, Zo = {
   key: 2,
   class: "loading"
-}, Qo = /* @__PURE__ */ we({
+}, Qo = /* @__PURE__ */ be({
   __name: "Desktop",
   props: {
     availableDoctypes: {},
@@ -2482,30 +2534,30 @@ const Lo = { class: "aform" }, Bo = {
     confirmFn: { type: Function }
   },
   emits: ["action", "navigate", "record:open"],
-  setup(o, { emit: e }) {
-    const t = o, n = e, { availableDoctypes: r = [] } = t, { stonecrop: a } = Do(), s = C(!1), c = C(!1), d = R({
+  setup(n, { emit: e }) {
+    const t = n, o = e, { availableDoctypes: r = [] } = t, { stonecrop: a } = Do(), s = $(!1), c = $(!1), d = R({
       get() {
-        if (!a.value || !v.value || !w.value)
+        if (!a.value || !v.value || !b.value)
           return {};
         try {
-          return { ...a.value.getRecordById(v.value, w.value)?.get("") || {} };
+          return { ...a.value.getRecordById(v.value, b.value)?.get("") || {} };
         } catch {
           return {};
         }
       },
       set(i) {
-        if (!(!a.value || !v.value || !w.value))
+        if (!(!a.value || !v.value || !b.value))
           try {
             const l = a.value.getStore();
-            for (const [A, $] of Object.entries(i)) {
-              const W = `${v.value}.${w.value}.${A}`;
-              (l.has(W) ? l.get(W) : void 0) !== $ && l.set(W, $);
+            for (const [A, O] of Object.entries(i)) {
+              const W = `${v.value}.${b.value}.${A}`;
+              (l.has(W) ? l.get(W) : void 0) !== O && l.set(W, O);
             }
           } catch (l) {
             console.warn("HST update failed:", l);
           }
       }
-    }), u = R(() => t.routeAdapter ? null : Ne(a.value?.registry.router?.currentRoute)), b = R(() => t.routeAdapter ? null : a.value?.registry.router), v = R(() => {
+    }), u = R(() => t.routeAdapter ? null : Ne(a.value?.registry.router?.currentRoute)), w = R(() => t.routeAdapter ? null : a.value?.registry.router), v = R(() => {
       if (t.routeAdapter) return t.routeAdapter.getCurrentDoctype();
       if (!u.value) return "";
       if (u.value.meta?.actualDoctype)
@@ -2523,14 +2575,14 @@ const Lo = { class: "aform" }, Bo = {
         return u.value.params.doctype;
       const i = u.value.params.pathMatch;
       return i && i.length > 0 ? i[0] : "";
-    }), w = R(() => {
+    }), b = R(() => {
       if (t.routeAdapter) return t.routeAdapter.getCurrentRecordId();
       if (!u.value) return "";
       if (u.value.params.recordId)
         return u.value.params.recordId;
       const i = u.value.params.pathMatch;
       return i && i.length > 1 ? i[1] : "";
-    }), m = R(() => w.value?.startsWith("new-")), k = R(() => {
+    }), m = R(() => b.value?.startsWith("new-")), k = R(() => {
       if (t.routeAdapter) return t.routeAdapter.getCurrentView();
       if (!u.value || u.value.name === "home" || u.value.path === "/")
         return "doctypes";
@@ -2544,27 +2596,27 @@ const Lo = { class: "aform" }, Bo = {
       const i = u.value.params.pathMatch;
       return i && i.length > 0 ? i.length === 1 ? "records" : "record" : "doctypes";
     }), I = () => {
-      if (!a.value || !v.value || !w.value)
+      if (!a.value || !v.value || !b.value)
         return [];
       try {
         const i = a.value.registry.getDoctype(v.value);
         if (!i?.workflow) return [];
-        const l = a.value.getRecordState(v.value, w.value), A = i.getAvailableTransitions(l), $ = d.value || {};
-        return A.map(({ name: W, targetState: z }) => ({
-          label: `${W} (→ ${z})`,
+        const l = a.value.getRecordState(v.value, b.value), A = i.getAvailableTransitions(l), O = d.value || {};
+        return A.map(({ name: W, targetState: J }) => ({
+          label: `${W} (→ ${J})`,
           action: () => {
-            n("action", {
+            o("action", {
               name: W,
               doctype: v.value,
-              recordId: w.value,
-              data: $
+              recordId: b.value,
+              data: O
             });
           }
         }));
       } catch (i) {
         return console.warn("Error getting available transitions:", i), [];
       }
-    }, P = R(() => {
+    }, T = R(() => {
       const i = [];
       switch (k.value) {
         case "records":
@@ -2595,7 +2647,7 @@ const Lo = { class: "aform" }, Bo = {
           { title: L(h.value), to: `/${h.value}` }
         );
       else if (k.value === "record" && h.value) {
-        const l = w.value ? `/${h.value}/${w.value}` : u.value?.fullPath ?? "";
+        const l = b.value ? `/${h.value}/${b.value}` : u.value?.fullPath ?? "";
         i.push(
           { title: "Home", to: "/" },
           { title: L(h.value), to: `/${h.value}` },
@@ -2641,15 +2693,15 @@ const Lo = { class: "aform" }, Bo = {
       }), i ? l.filter(
         (A) => A.title.toLowerCase().includes(i.toLowerCase()) || A.description.toLowerCase().includes(i.toLowerCase())
       ) : l;
-    }, G = (i) => {
+    }, z = (i) => {
       i.action(), c.value = !1;
-    }, L = (i) => i.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join(" "), J = (i) => a.value ? a.value.getRecordIds(i).length : 0, E = async (i) => {
-      n("navigate", i), t.routeAdapter ? await t.routeAdapter.navigate(i) : i.view === "doctypes" ? await b.value?.push("/") : i.view === "records" && i.doctype ? await b.value?.push(`/${i.doctype}`) : i.view === "record" && i.doctype && i.recordId && await b.value?.push(`/${i.doctype}/${i.recordId}`);
+    }, L = (i) => i.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join(" "), G = (i) => a.value ? a.value.getRecordIds(i).length : 0, E = async (i) => {
+      o("navigate", i), t.routeAdapter ? await t.routeAdapter.navigate(i) : i.view === "doctypes" ? await w.value?.push("/") : i.view === "records" && i.doctype ? await w.value?.push(`/${i.doctype}`) : i.view === "record" && i.doctype && i.recordId && await w.value?.push(`/${i.doctype}/${i.recordId}`);
     }, Y = async (i) => {
       await E({ view: "records", doctype: i });
     }, B = async (i) => {
       const l = h.value;
-      n("record:open", { doctype: l, recordId: i }), await E({ view: "record", doctype: l, recordId: i });
+      o("record:open", { doctype: l, recordId: i }), await E({ view: "record", doctype: l, recordId: i });
     }, g = async () => {
       const i = `new-${Date.now()}`;
       await E({ view: "record", doctype: h.value, recordId: i });
@@ -2659,7 +2711,7 @@ const Lo = { class: "aform" }, Bo = {
         id: l,
         doctype: l,
         display_name: L(l),
-        record_count: J(l),
+        record_count: G(l),
         actions: "View Records"
       }));
       return [
@@ -2713,10 +2765,10 @@ const Lo = { class: "aform" }, Bo = {
       const i = N(), l = V();
       if (l.length === 0)
         return [];
-      const A = i.map(($) => ({
-        ...$,
+      const A = i.map((O) => ({
+        ...O,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-        id: $.id || "",
+        id: O.id || "",
         actions: "Edit | Delete"
       }));
       return [
@@ -2724,10 +2776,10 @@ const Lo = { class: "aform" }, Bo = {
           fieldname: "records_table",
           component: "ATable",
           columns: [
-            ...l.map(($) => ({
-              label: $.label,
-              name: $.fieldname,
-              fieldtype: $.fieldtype,
+            ...l.map((O) => ({
+              label: O.label,
+              name: O.fieldname,
+              fieldtype: O.fieldtype,
               align: "left",
               edit: !1,
               width: "20ch"
@@ -2767,10 +2819,10 @@ const Lo = { class: "aform" }, Bo = {
       try {
         const l = a.value.registry.registry[v.value];
         if (l?.schema)
-          return ("toArray" in l.schema ? l.schema.toArray() : l.schema).map(($) => ({
-            fieldname: $.fieldname,
-            label: "label" in $ && $.label || $.fieldname,
-            fieldtype: "fieldtype" in $ && $.fieldtype || "Data"
+          return ("toArray" in l.schema ? l.schema.toArray() : l.schema).map((O) => ({
+            fieldname: O.fieldname,
+            label: "label" in O && O.label || O.fieldname,
+            fieldtype: "fieldtype" in O && O.fieldtype || "Data"
           }));
       } catch {
       }
@@ -2788,10 +2840,10 @@ const Lo = { class: "aform" }, Bo = {
       }
     }), _ = (i, l) => {
       l && l();
-    }, O = async (i) => {
-      const l = i || w.value;
+    }, C = async (i) => {
+      const l = i || b.value;
       if (!l) return;
-      (t.confirmFn ? await t.confirmFn("Are you sure you want to delete this record?") : confirm("Are you sure you want to delete this record?")) && n("action", {
+      (t.confirmFn ? await t.confirmFn("Are you sure you want to delete this record?") : confirm("Are you sure you want to delete this record?")) && o("action", {
         name: "DELETE",
         doctype: v.value,
         recordId: l,
@@ -2800,26 +2852,26 @@ const Lo = { class: "aform" }, Bo = {
     }, S = async (i) => {
       const l = i.target;
       l.getAttribute("data-action") === "create" && await g();
-      const $ = l.closest("td, th");
-      if ($) {
-        const W = $.textContent?.trim(), z = $.closest("tr");
-        if (W === "View Records" && z) {
-          const Q = z.querySelectorAll("td");
+      const O = l.closest("td, th");
+      if (O) {
+        const W = O.textContent?.trim(), J = O.closest("tr");
+        if (W === "View Records" && J) {
+          const Q = J.querySelectorAll("td");
           if (Q.length > 0) {
             const ee = Q[1].textContent?.trim();
             ee && await Y(ee);
           }
-        } else if (W?.includes("Edit") && z) {
-          const Q = z.querySelectorAll("td");
+        } else if (W?.includes("Edit") && J) {
+          const Q = J.querySelectorAll("td");
           if (Q.length > 0) {
             const ee = Q[0].textContent?.trim();
             ee && await B(ee);
           }
-        } else if (W?.includes("Delete") && z) {
-          const Q = z.querySelectorAll("td");
+        } else if (W?.includes("Delete") && J) {
+          const Q = J.querySelectorAll("td");
           if (Q.length > 0) {
             const ee = Q[0].textContent?.trim();
-            ee && await O(ee);
+            ee && await C(ee);
           }
         }
       }
@@ -2827,7 +2879,7 @@ const Lo = { class: "aform" }, Bo = {
       if (!(!a.value || !v.value)) {
         s.value = !0;
         try {
-          m.value || a.value.getRecordById(v.value, w.value);
+          m.value || a.value.getRecordById(v.value, b.value);
         } catch (i) {
           console.warn("Error loading record data:", i);
         } finally {
@@ -2836,25 +2888,25 @@ const Lo = { class: "aform" }, Bo = {
       }
     };
     return H(
-      [k, v, w],
+      [k, v, b],
       () => {
         k.value === "record" && p();
       },
       { immediate: !0 }
-    ), Je("desktopMethods", {
+    ), Ge("desktopMethods", {
       navigateToDoctype: Y,
       openRecord: B,
       createNewRecord: g,
-      handleDelete: O,
+      handleDelete: C,
       /**
        * Convenience wrapper so child components (e.g. slot content) can emit
        * an action event without needing a direct reference to the emit function.
        */
       emitAction: (i, l) => {
-        n("action", {
+        o("action", {
           name: i,
           doctype: v.value,
-          recordId: w.value,
+          recordId: b.value,
           data: l ?? d.value ?? {}
         });
       }
@@ -2865,22 +2917,22 @@ const Lo = { class: "aform" }, Bo = {
       return document.addEventListener("keydown", i), () => {
         document.removeEventListener("keydown", i);
       };
-    }), (i, l) => (T(), j("div", {
+    }), (i, l) => (P(), j("div", {
       class: "desktop",
       onClick: S
     }, [
-      ne(wt, {
-        elements: P.value,
+      ne(bt, {
+        elements: T.value,
         onActionClick: _
       }, null, 8, ["elements"]),
-      M.value.length > 0 ? (T(), Qe(Ne(Uo), {
+      M.value.length > 0 ? (P(), Qe(Ne(Uo), {
         key: 0,
         data: d.value,
         "onUpdate:data": l[0] || (l[0] = (A) => d.value = A),
         schema: M.value
-      }, null, 8, ["data", "schema"])) : Ne(a) ? (T(), j("div", Zo, [
+      }, null, 8, ["data", "schema"])) : Ne(a) ? (P(), j("div", Zo, [
         x("p", null, "Loading " + X(k.value) + " data...", 1)
-      ])) : (T(), j("div", qo, [...l[2] || (l[2] = [
+      ])) : (P(), j("div", Ko, [...l[2] || (l[2] = [
         x("p", null, "Initializing Stonecrop...", -1)
       ])])),
       ne(Dt, { breadcrumbs: Z.value }, null, 8, ["breadcrumbs"]),
@@ -2888,7 +2940,7 @@ const Lo = { class: "aform" }, Bo = {
         "is-open": c.value,
         search: U,
         placeholder: "Type a command or search...",
-        onSelect: G,
+        onSelect: z,
         onClose: l[1] || (l[1] = (A) => c.value = !1)
       }, {
         title: me(({ result: A }) => [
@@ -2902,12 +2954,12 @@ const Lo = { class: "aform" }, Bo = {
     ]));
   }
 }), Yo = {
-  install: (o) => {
-    o.component("ActionSet", wt), o.component("CommandPalette", St), o.component("Desktop", Qo), o.component("SheetNav", Dt);
+  install: (n) => {
+    n.component("ActionSet", bt), n.component("CommandPalette", St), n.component("Desktop", Qo), n.component("SheetNav", Dt);
   }
 };
 export {
-  wt as ActionSet,
+  bt as ActionSet,
   St as CommandPalette,
   Qo as Desktop,
   Dt as SheetNav,