@versa-stack/v-craft 1.1.0-alpha.2 → 1.1.0-alpha.4

package/dist/v-craft.es.js

@@ -1,9 +1,9 @@
-import { computed as N, toValue as Te, inject as he, defineAsyncComponent as mt, defineComponent as j, useSlots as Xe, useAttrs as gt, unref as d, openBlock as v, createBlock as A, resolveDynamicComponent as ye, normalizeProps as Ue, mergeProps as _e, createSlots as be, renderList as T, withCtx as q, renderSlot as Q, guardReactiveProps as yt, createCommentVNode as D, markRaw as ze, ref as H, watch as J, normalizeClass as ve, createTextVNode as oe, toDisplayString as ee, createElementBlock as _, withKeys as je, withModifiers as F, nextTick as pe, provide as W, resolveComponent as B, createVNode as z, Fragment as U, createElementVNode as w, toRef as de, onUnmounted as bt, toRefs as me, normalizeStyle as Me, withDirectives as Et, Teleport as Ct, vShow as _t, onMounted as Ne, onBeforeMount as Nt, onBeforeUnmount as xt, readonly as qe, onUpdated as Ot, toHandlers as $e, h as wt } from "vue";
-import { defineStore as Ye, storeToRefs as te } from "pinia";
-import { v4 as G } from "uuid";
-import { debounce as Qe } from "lodash-es";
-import { FormKit as se, FormKitSchema as Ge } from "@formkit/vue";
-class St {
+import { computed as C, toValue as we, inject as ge, defineAsyncComponent as Et, defineComponent as L, useSlots as Qe, useAttrs as Ct, unref as p, openBlock as v, createBlock as M, resolveDynamicComponent as Ce, normalizeProps as Le, mergeProps as Se, createSlots as Ne, renderList as j, withCtx as G, renderSlot as J, guardReactiveProps as Nt, createCommentVNode as R, markRaw as Ge, ref as K, watch as ne, normalizeClass as ye, createTextVNode as ie, toDisplayString as oe, createElementBlock as E, withKeys as Fe, withModifiers as V, nextTick as ve, provide as te, resolveComponent as H, createVNode as Q, Fragment as B, createElementVNode as O, toRef as he, onUnmounted as Pt, toRefs as be, normalizeStyle as Te, withDirectives as _t, Teleport as St, vShow as xt, onMounted as xe, onBeforeMount as Ot, onBeforeUnmount as wt, readonly as We, onUpdated as kt, toHandlers as Ue, reactive as He, h as Dt } from "vue";
+import { defineStore as Ze, storeToRefs as se } from "pinia";
+import { v4 as ee } from "uuid";
+import { debounce as Je } from "lodash-es";
+import { FormKit as le, FormKitSchema as et } from "@formkit/vue";
+class At {
   /**
    * @callback HookCallback
    * @this {*|Jsep} this
@@ -46,7 +46,7 @@ class St {
     });
   }
 }
-class Pt {
+class Rt {
   constructor(e) {
     this.jsep = e, this.registered = {};
   }
@@ -372,8 +372,8 @@ class c {
         prec: n,
         right_a: c.right_associative.has(r)
       }, u = r;
-      const p = (m) => s.right_a && m.right_a ? n > m.prec : n <= m.prec;
-      for (; o.length > 2 && p(o[o.length - 2]); )
+      const d = (m) => s.right_a && m.right_a ? n > m.prec : n <= m.prec;
+      for (; o.length > 2 && d(o[o.length - 2]); )
         i = o.pop(), r = o.pop().value, a = o.pop(), e = {
           type: c.BINARY_EXP,
           operator: r,
@@ -619,10 +619,10 @@ class c {
     };
   }
 }
-const kt = new St();
+const Mt = new At();
 Object.assign(c, {
-  hooks: kt,
-  plugins: new Pt(c),
+  hooks: Mt,
+  plugins: new Rt(c),
   // Node Types
   // ----------
   // This is the full set of types that any JSEP node can be.
@@ -718,14 +718,14 @@ Object.assign(c, {
 });
 c.max_unop_len = c.getMaxKeyLen(c.unary_ops);
 c.max_binop_len = c.getMaxKeyLen(c.binary_ops);
-const Z = (t) => new c(t).parse(), Dt = Object.getOwnPropertyNames(class {
+const re = (t) => new c(t).parse(), $t = Object.getOwnPropertyNames(class {
 });
-Object.getOwnPropertyNames(c).filter((t) => !Dt.includes(t) && Z[t] === void 0).forEach((t) => {
-  Z[t] = c[t];
+Object.getOwnPropertyNames(c).filter((t) => !$t.includes(t) && re[t] === void 0).forEach((t) => {
+  re[t] = c[t];
 });
-Z.Jsep = c;
-const At = "ConditionalExpression";
-var Mt = {
+re.Jsep = c;
+const It = "ConditionalExpression";
+var Tt = {
   name: "ternary",
   init(t) {
     t.hooks.add("after-expression", function(r) {
@@ -736,7 +736,7 @@ var Mt = {
           this.index++;
           const s = this.gobbleExpression();
           if (s || this.throwError("Expected expression"), r.node = {
-            type: At,
+            type: It,
             test: n,
             consequent: o,
             alternate: s
@@ -752,17 +752,17 @@ var Mt = {
     });
   }
 };
-Z.plugins.register(Mt);
-const Be = 47, $t = 92;
-var Rt = {
+re.plugins.register(Tt);
+const Ve = 47, Ut = 92;
+var jt = {
   name: "regex",
   init(t) {
     t.hooks.add("gobble-token", function(r) {
-      if (this.code === Be) {
+      if (this.code === Ve) {
         const n = ++this.index;
         let o = !1;
         for (; this.index < this.expr.length; ) {
-          if (this.code === Be && !o) {
+          if (this.code === Ve && !o) {
             const s = this.expr.slice(n, this.index);
             let a = "";
             for (; ++this.index < this.expr.length; ) {
@@ -784,34 +784,34 @@ var Rt = {
               raw: this.expr.slice(n - 1, this.index)
             }, r.node = this.gobbleTokenProperty(r.node), r.node;
           }
-          this.code === t.OBRACK_CODE ? o = !0 : o && this.code === t.CBRACK_CODE && (o = !1), this.index += this.code === $t ? 2 : 1;
+          this.code === t.OBRACK_CODE ? o = !0 : o && this.code === t.CBRACK_CODE && (o = !1), this.index += this.code === Ut ? 2 : 1;
         }
         this.throwError("Unclosed Regex");
       }
     });
   }
 };
-const Oe = 43, It = 45, ce = {
+const ke = 43, Bt = 45, fe = {
   name: "assignment",
   assignmentOperators: /* @__PURE__ */ new Set(["=", "*=", "**=", "/=", "%=", "+=", "-=", "<<=", ">>=", ">>>=", "&=", "^=", "|=", "||=", "&&=", "??="]),
-  updateOperators: [Oe, It],
+  updateOperators: [ke, Bt],
   assignmentPrecedence: 0.9,
   init(t) {
     const e = [t.IDENTIFIER, t.MEMBER_EXP];
-    ce.assignmentOperators.forEach((n) => t.addBinaryOp(n, ce.assignmentPrecedence, !0)), t.hooks.add("gobble-token", function(o) {
+    fe.assignmentOperators.forEach((n) => t.addBinaryOp(n, fe.assignmentPrecedence, !0)), t.hooks.add("gobble-token", function(o) {
       const s = this.code;
-      ce.updateOperators.some((a) => a === s && a === this.expr.charCodeAt(this.index + 1)) && (this.index += 2, o.node = {
+      fe.updateOperators.some((a) => a === s && a === this.expr.charCodeAt(this.index + 1)) && (this.index += 2, o.node = {
         type: "UpdateExpression",
-        operator: s === Oe ? "++" : "--",
+        operator: s === ke ? "++" : "--",
         argument: this.gobbleTokenProperty(this.gobbleIdentifier()),
         prefix: !0
       }, (!o.node.argument || !e.includes(o.node.argument.type)) && this.throwError(`Unexpected ${o.node.operator}`));
     }), t.hooks.add("after-token", function(o) {
       if (o.node) {
         const s = this.code;
-        ce.updateOperators.some((a) => a === s && a === this.expr.charCodeAt(this.index + 1)) && (e.includes(o.node.type) || this.throwError(`Unexpected ${o.node.operator}`), this.index += 2, o.node = {
+        fe.updateOperators.some((a) => a === s && a === this.expr.charCodeAt(this.index + 1)) && (e.includes(o.node.type) || this.throwError(`Unexpected ${o.node.operator}`), this.index += 2, o.node = {
           type: "UpdateExpression",
-          operator: s === Oe ? "++" : "--",
+          operator: s === ke ? "++" : "--",
           argument: o.node,
           prefix: !1
         });
@@ -820,18 +820,18 @@ const Oe = 43, It = 45, ce = {
       o.node && r(o.node);
     });
     function r(n) {
-      ce.assignmentOperators.has(n.operator) ? (n.type = "AssignmentExpression", r(n.left), r(n.right)) : n.operator || Object.values(n).forEach((o) => {
+      fe.assignmentOperators.has(n.operator) ? (n.type = "AssignmentExpression", r(n.left), r(n.right)) : n.operator || Object.values(n).forEach((o) => {
         o && typeof o == "object" && r(o);
       });
     }
   }
 };
-Z.plugins.register(Rt, ce);
-Z.addUnaryOp("typeof");
-Z.addUnaryOp("void");
-Z.addLiteral("null", null);
-Z.addLiteral("undefined", void 0);
-const Tt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__", "__lookupGetter__", "__lookupSetter__"]), M = {
+re.plugins.register(jt, fe);
+re.addUnaryOp("typeof");
+re.addUnaryOp("void");
+re.addLiteral("null", null);
+re.addLiteral("undefined", void 0);
+const Lt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__", "__lookupGetter__", "__lookupSetter__"]), $ = {
   /**
    * @param {jsep.Expression} ast
    * @param {Record<string, any>} subs
@@ -840,25 +840,25 @@ const Tt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
     switch (t.type) {
       case "BinaryExpression":
       case "LogicalExpression":
-        return M.evalBinaryExpression(t, e);
+        return $.evalBinaryExpression(t, e);
       case "Compound":
-        return M.evalCompound(t, e);
+        return $.evalCompound(t, e);
       case "ConditionalExpression":
-        return M.evalConditionalExpression(t, e);
+        return $.evalConditionalExpression(t, e);
       case "Identifier":
-        return M.evalIdentifier(t, e);
+        return $.evalIdentifier(t, e);
       case "Literal":
-        return M.evalLiteral(t, e);
+        return $.evalLiteral(t, e);
       case "MemberExpression":
-        return M.evalMemberExpression(t, e);
+        return $.evalMemberExpression(t, e);
       case "UnaryExpression":
-        return M.evalUnaryExpression(t, e);
+        return $.evalUnaryExpression(t, e);
       case "ArrayExpression":
-        return M.evalArrayExpression(t, e);
+        return $.evalArrayExpression(t, e);
       case "CallExpression":
-        return M.evalCallExpression(t, e);
+        return $.evalCallExpression(t, e);
       case "AssignmentExpression":
-        return M.evalAssignmentExpression(t, e);
+        return $.evalAssignmentExpression(t, e);
       default:
         throw SyntaxError("Unexpected expression", t);
     }
@@ -888,19 +888,19 @@ const Tt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
       "*": (n, o) => n * o(),
       "/": (n, o) => n / o(),
       "%": (n, o) => n % o()
-    }[t.operator](M.evalAst(t.left, e), () => M.evalAst(t.right, e));
+    }[t.operator]($.evalAst(t.left, e), () => $.evalAst(t.right, e));
   },
   evalCompound(t, e) {
     let r;
     for (let n = 0; n < t.body.length; n++) {
       t.body[n].type === "Identifier" && ["var", "let", "const"].includes(t.body[n].name) && t.body[n + 1] && t.body[n + 1].type === "AssignmentExpression" && (n += 1);
       const o = t.body[n];
-      r = M.evalAst(o, e);
+      r = $.evalAst(o, e);
     }
     return r;
   },
   evalConditionalExpression(t, e) {
-    return M.evalAst(t.test, e) ? M.evalAst(t.consequent, e) : M.evalAst(t.alternate, e);
+    return $.evalAst(t.test, e) ? $.evalAst(t.consequent, e) : $.evalAst(t.alternate, e);
   },
   evalIdentifier(t, e) {
     if (Object.hasOwn(e, t.name))
@@ -915,33 +915,33 @@ const Tt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
       // NOTE: `String(value)` throws error when
       // value has overwritten the toString method to return non-string
       // i.e. `value = {toString: () => []}`
-      t.computed ? M.evalAst(t.property) : t.property.name
+      t.computed ? $.evalAst(t.property) : t.property.name
       // `object.property` property is Identifier
-    ), n = M.evalAst(t.object, e);
+    ), n = $.evalAst(t.object, e);
     if (n == null)
       throw TypeError(`Cannot read properties of ${n} (reading '${r}')`);
-    if (!Object.hasOwn(n, r) && Tt.has(r))
+    if (!Object.hasOwn(n, r) && Lt.has(r))
       throw TypeError(`Cannot read properties of ${n} (reading '${r}')`);
     const o = n[r];
     return typeof o == "function" ? o.bind(n) : o;
   },
   evalUnaryExpression(t, e) {
     return {
-      "-": (n) => -M.evalAst(n, e),
-      "!": (n) => !M.evalAst(n, e),
-      "~": (n) => ~M.evalAst(n, e),
+      "-": (n) => -$.evalAst(n, e),
+      "!": (n) => !$.evalAst(n, e),
+      "~": (n) => ~$.evalAst(n, e),
       // eslint-disable-next-line no-implicit-coercion -- API
-      "+": (n) => +M.evalAst(n, e),
-      typeof: (n) => typeof M.evalAst(n, e),
+      "+": (n) => +$.evalAst(n, e),
+      typeof: (n) => typeof $.evalAst(n, e),
       // eslint-disable-next-line no-void, sonarjs/void-use -- feature
-      void: (n) => void M.evalAst(n, e)
+      void: (n) => void $.evalAst(n, e)
     }[t.operator](t.argument);
   },
   evalArrayExpression(t, e) {
-    return t.elements.map((r) => M.evalAst(r, e));
+    return t.elements.map((r) => $.evalAst(r, e));
   },
   evalCallExpression(t, e) {
-    const r = t.arguments.map((o) => M.evalAst(o, e)), n = M.evalAst(t.callee, e);
+    const r = t.arguments.map((o) => $.evalAst(o, e)), n = $.evalAst(t.callee, e);
     if (n === Function)
       throw new Error("Function constructor is disabled");
     return n(...r);
@@ -949,16 +949,16 @@ const Tt = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
   evalAssignmentExpression(t, e) {
     if (t.left.type !== "Identifier")
       throw SyntaxError("Invalid left-hand side in assignment");
-    const r = t.left.name, n = M.evalAst(t.right, e);
+    const r = t.left.name, n = $.evalAst(t.right, e);
     return e[r] = n, e[r];
   }
 };
-class Ut {
+class Ft {
   /**
    * @param {string} expr Expression to evaluate
    */
   constructor(e) {
-    this.code = e, this.ast = Z(this.code);
+    this.code = e, this.ast = re(this.code);
   }
   /**
    * @param {object} context Object whose items will be added
@@ -967,16 +967,16 @@ class Ut {
    */
   runInNewContext(e) {
     const r = Object.assign(/* @__PURE__ */ Object.create(null), e);
-    return M.evalAst(this.ast, r);
+    return $.evalAst(this.ast, r);
   }
 }
-function ne(t, e) {
+function ae(t, e) {
   return t = t.slice(), t.push(e), t;
 }
-function we(t, e) {
+function De(t, e) {
   return e = e.slice(), e.unshift(t), e;
 }
-class jt extends Error {
+class Ht extends Error {
   /**
    * @param {AnyResult} value The evaluated scalar value
    */
@@ -984,10 +984,10 @@ class jt extends Error {
     super('JSONPath should not be called with "new" (it prevents return of (unwrapped) scalar values)'), this.avoidNew = !0, this.value = e, this.name = "NewError";
   }
 }
-function S(t, e, r, n, o) {
-  if (!(this instanceof S))
+function k(t, e, r, n, o) {
+  if (!(this instanceof k))
     try {
-      return new S(t, e, r, n, o);
+      return new k(t, e, r, n, o);
     } catch (a) {
       if (!a.avoidNew)
         throw a;
@@ -1004,11 +1004,11 @@ function S(t, e, r, n, o) {
     s ? "json" in t && (a.json = t.json) : a.json = r;
     const i = this.evaluate(a);
     if (!i || typeof i != "object")
-      throw new jt(i);
+      throw new Ht(i);
     return i;
   }
 }
-S.prototype.evaluate = function(t, e, r, n) {
+k.prototype.evaluate = function(t, e, r, n) {
   let o = this.parent, s = this.parentProperty, {
     flatten: a,
     wrap: i
@@ -1022,44 +1022,44 @@ S.prototype.evaluate = function(t, e, r, n) {
       json: e
     } = t), a = Object.hasOwn(t, "flatten") ? t.flatten : a, this.currResultType = Object.hasOwn(t, "resultType") ? t.resultType : this.currResultType, this.currSandbox = Object.hasOwn(t, "sandbox") ? t.sandbox : this.currSandbox, i = Object.hasOwn(t, "wrap") ? t.wrap : i, this.currEval = Object.hasOwn(t, "eval") ? t.eval : this.currEval, r = Object.hasOwn(t, "callback") ? t.callback : r, this.currOtherTypeCallback = Object.hasOwn(t, "otherTypeCallback") ? t.otherTypeCallback : this.currOtherTypeCallback, o = Object.hasOwn(t, "parent") ? t.parent : o, s = Object.hasOwn(t, "parentProperty") ? t.parentProperty : s, t = t.path;
   }
-  if (o = o || null, s = s || null, Array.isArray(t) && (t = S.toPathString(t)), !t && t !== "" || !e)
+  if (o = o || null, s = s || null, Array.isArray(t) && (t = k.toPathString(t)), !t && t !== "" || !e)
     return;
-  const l = S.toPathArray(t);
+  const l = k.toPathArray(t);
   l[0] === "$" && l.length > 1 && l.shift(), this._hasParentSelector = null;
-  const u = this._trace(l, e, ["$"], o, s, r).filter(function(p) {
-    return p && !p.isParentSelector;
+  const u = this._trace(l, e, ["$"], o, s, r).filter(function(d) {
+    return d && !d.isParentSelector;
   });
-  return u.length ? !i && u.length === 1 && !u[0].hasArrExpr ? this._getPreferredOutput(u[0]) : u.reduce((p, m) => {
+  return u.length ? !i && u.length === 1 && !u[0].hasArrExpr ? this._getPreferredOutput(u[0]) : u.reduce((d, m) => {
     const f = this._getPreferredOutput(m);
-    return a && Array.isArray(f) ? p = p.concat(f) : p.push(f), p;
+    return a && Array.isArray(f) ? d = d.concat(f) : d.push(f), d;
   }, []) : i ? [] : void 0;
 };
-S.prototype._getPreferredOutput = function(t) {
+k.prototype._getPreferredOutput = function(t) {
   const e = this.currResultType;
   switch (e) {
     case "all": {
-      const r = Array.isArray(t.path) ? t.path : S.toPathArray(t.path);
-      return t.pointer = S.toPointer(r), t.path = typeof t.path == "string" ? t.path : S.toPathString(t.path), t;
+      const r = Array.isArray(t.path) ? t.path : k.toPathArray(t.path);
+      return t.pointer = k.toPointer(r), t.path = typeof t.path == "string" ? t.path : k.toPathString(t.path), t;
     }
     case "value":
     case "parent":
     case "parentProperty":
       return t[e];
     case "path":
-      return S.toPathString(t[e]);
+      return k.toPathString(t[e]);
     case "pointer":
-      return S.toPointer(t.path);
+      return k.toPointer(t.path);
     default:
       throw new TypeError("Unknown result type");
   }
 };
-S.prototype._handleCallback = function(t, e, r) {
+k.prototype._handleCallback = function(t, e, r) {
   if (e) {
     const n = this._getPreferredOutput(t);
-    t.path = typeof t.path == "string" ? t.path : S.toPathString(t.path), e(n, r, t);
+    t.path = typeof t.path == "string" ? t.path : k.toPathString(t.path), e(n, r, t);
   }
 };
-S.prototype._trace = function(t, e, r, n, o, s, a, i) {
+k.prototype._trace = function(t, e, r, n, o, s, a, i) {
   let l;
   if (!t.length)
     return l = {
@@ -1069,58 +1069,58 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
       parentProperty: o,
       hasArrExpr: a
     }, this._handleCallback(l, s, "value"), l;
-  const u = t[0], p = t.slice(1), m = [];
+  const u = t[0], d = t.slice(1), m = [];
   function f(h) {
-    Array.isArray(h) ? h.forEach((y) => {
-      m.push(y);
+    Array.isArray(h) ? h.forEach((b) => {
+      m.push(b);
     }) : m.push(h);
   }
   if ((typeof u != "string" || i) && e && Object.hasOwn(e, u))
-    f(this._trace(p, e[u], ne(r, u), e, u, s, a));
+    f(this._trace(d, e[u], ae(r, u), e, u, s, a));
   else if (u === "*")
     this._walk(e, (h) => {
-      f(this._trace(p, e[h], ne(r, h), e, h, s, !0, !0));
+      f(this._trace(d, e[h], ae(r, h), e, h, s, !0, !0));
     });
   else if (u === "..")
-    f(this._trace(p, e, r, n, o, s, a)), this._walk(e, (h) => {
-      typeof e[h] == "object" && f(this._trace(t.slice(), e[h], ne(r, h), e, h, s, !0));
+    f(this._trace(d, e, r, n, o, s, a)), this._walk(e, (h) => {
+      typeof e[h] == "object" && f(this._trace(t.slice(), e[h], ae(r, h), e, h, s, !0));
     });
   else {
     if (u === "^")
       return this._hasParentSelector = !0, {
         path: r.slice(0, -1),
-        expr: p,
+        expr: d,
         isParentSelector: !0
       };
     if (u === "~")
       return l = {
-        path: ne(r, u),
+        path: ae(r, u),
         value: o,
         parent: n,
         parentProperty: null
       }, this._handleCallback(l, s, "property"), l;
     if (u === "$")
-      f(this._trace(p, e, r, null, null, s, a));
+      f(this._trace(d, e, r, null, null, s, a));
     else if (/^(-?\d*):(-?\d*):?(\d*)$/u.test(u))
-      f(this._slice(u, p, e, r, n, o, s));
+      f(this._slice(u, d, e, r, n, o, s));
     else if (u.indexOf("?(") === 0) {
       if (this.currEval === !1)
         throw new Error("Eval [?(expr)] prevented in JSONPath expression.");
-      const h = u.replace(/^\?\((.*?)\)$/u, "$1"), y = /@.?([^?]*)[['](\??\(.*?\))(?!.\)\])[\]']/gu.exec(h);
-      y ? this._walk(e, (x) => {
-        const P = [y[2]], g = y[1] ? e[x][y[1]] : e[x];
-        this._trace(P, g, r, n, o, s, !0).length > 0 && f(this._trace(p, e[x], ne(r, x), e, x, s, !0));
-      }) : this._walk(e, (x) => {
-        this._eval(h, e[x], x, r, n, o) && f(this._trace(p, e[x], ne(r, x), e, x, s, !0));
+      const h = u.replace(/^\?\((.*?)\)$/u, "$1"), b = /@.?([^?]*)[['](\??\(.*?\))(?!.\)\])[\]']/gu.exec(h);
+      b ? this._walk(e, (P) => {
+        const A = [b[2]], T = b[1] ? e[P][b[1]] : e[P];
+        this._trace(A, T, r, n, o, s, !0).length > 0 && f(this._trace(d, e[P], ae(r, P), e, P, s, !0));
+      }) : this._walk(e, (P) => {
+        this._eval(h, e[P], P, r, n, o) && f(this._trace(d, e[P], ae(r, P), e, P, s, !0));
       });
     } else if (u[0] === "(") {
       if (this.currEval === !1)
         throw new Error("Eval [(expr)] prevented in JSONPath expression.");
-      f(this._trace(we(this._eval(u, e, r.at(-1), r.slice(0, -1), n, o), p), e, r, n, o, s, a));
+      f(this._trace(De(this._eval(u, e, r.at(-1), r.slice(0, -1), n, o), d), e, r, n, o, s, a));
     } else if (u[0] === "@") {
       let h = !1;
-      const y = u.slice(1, -2);
-      switch (y) {
+      const b = u.slice(1, -2);
+      switch (b) {
         case "scalar":
           (!e || !["object", "function"].includes(typeof e)) && (h = !0);
           break;
@@ -1128,7 +1128,7 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
         case "string":
         case "undefined":
         case "function":
-          typeof e === y && (h = !0);
+          typeof e === b && (h = !0);
           break;
         case "integer":
           Number.isFinite(e) && !(e % 1) && (h = !0);
@@ -1140,7 +1140,7 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
           typeof e == "number" && !Number.isFinite(e) && (h = !0);
           break;
         case "object":
-          e && typeof e === y && (h = !0);
+          e && typeof e === b && (h = !0);
           break;
         case "array":
           Array.isArray(e) && (h = !0);
@@ -1153,7 +1153,7 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
           break;
         /* c8 ignore next 2 */
         default:
-          throw new TypeError("Unknown value type " + y);
+          throw new TypeError("Unknown value type " + b);
       }
       if (h)
         return l = {
@@ -1164,30 +1164,30 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
         }, this._handleCallback(l, s, "value"), l;
     } else if (u[0] === "`" && e && Object.hasOwn(e, u.slice(1))) {
       const h = u.slice(1);
-      f(this._trace(p, e[h], ne(r, h), e, h, s, a, !0));
+      f(this._trace(d, e[h], ae(r, h), e, h, s, a, !0));
     } else if (u.includes(",")) {
       const h = u.split(",");
-      for (const y of h)
-        f(this._trace(we(y, p), e, r, n, o, s, !0));
-    } else !i && e && Object.hasOwn(e, u) && f(this._trace(p, e[u], ne(r, u), e, u, s, a, !0));
+      for (const b of h)
+        f(this._trace(De(b, d), e, r, n, o, s, !0));
+    } else !i && e && Object.hasOwn(e, u) && f(this._trace(d, e[u], ae(r, u), e, u, s, a, !0));
   }
   if (this._hasParentSelector)
     for (let h = 0; h < m.length; h++) {
-      const y = m[h];
-      if (y && y.isParentSelector) {
-        const x = this._trace(y.expr, e, y.path, n, o, s, a);
-        if (Array.isArray(x)) {
-          m[h] = x[0];
-          const P = x.length;
-          for (let g = 1; g < P; g++)
-            h++, m.splice(h, 0, x[g]);
+      const b = m[h];
+      if (b && b.isParentSelector) {
+        const P = this._trace(b.expr, e, b.path, n, o, s, a);
+        if (Array.isArray(P)) {
+          m[h] = P[0];
+          const A = P.length;
+          for (let T = 1; T < A; T++)
+            h++, m.splice(h, 0, P[T]);
         } else
-          m[h] = x;
+          m[h] = P;
       }
     }
   return m;
 };
-S.prototype._walk = function(t, e) {
+k.prototype._walk = function(t, e) {
   if (Array.isArray(t)) {
     const r = t.length;
     for (let n = 0; n < r; n++)
@@ -1196,67 +1196,67 @@ S.prototype._walk = function(t, e) {
     e(r);
   });
 };
-S.prototype._slice = function(t, e, r, n, o, s, a) {
+k.prototype._slice = function(t, e, r, n, o, s, a) {
   if (!Array.isArray(r))
     return;
   const i = r.length, l = t.split(":"), u = l[2] && Number.parseInt(l[2]) || 1;
-  let p = l[0] && Number.parseInt(l[0]) || 0, m = l[1] && Number.parseInt(l[1]) || i;
-  p = p < 0 ? Math.max(0, p + i) : Math.min(i, p), m = m < 0 ? Math.max(0, m + i) : Math.min(i, m);
+  let d = l[0] && Number.parseInt(l[0]) || 0, m = l[1] && Number.parseInt(l[1]) || i;
+  d = d < 0 ? Math.max(0, d + i) : Math.min(i, d), m = m < 0 ? Math.max(0, m + i) : Math.min(i, m);
   const f = [];
-  for (let h = p; h < m; h += u)
-    this._trace(we(h, e), r, n, o, s, a, !0).forEach((x) => {
-      f.push(x);
+  for (let h = d; h < m; h += u)
+    this._trace(De(h, e), r, n, o, s, a, !0).forEach((P) => {
+      f.push(P);
     });
   return f;
 };
-S.prototype._eval = function(t, e, r, n, o, s) {
+k.prototype._eval = function(t, e, r, n, o, s) {
   this.currSandbox._$_parentProperty = s, this.currSandbox._$_parent = o, this.currSandbox._$_property = r, this.currSandbox._$_root = this.json, this.currSandbox._$_v = e;
   const a = t.includes("@path");
-  a && (this.currSandbox._$_path = S.toPathString(n.concat([r])));
+  a && (this.currSandbox._$_path = k.toPathString(n.concat([r])));
   const i = this.currEval + "Script:" + t;
-  if (!S.cache[i]) {
+  if (!k.cache[i]) {
     let l = t.replaceAll("@parentProperty", "_$_parentProperty").replaceAll("@parent", "_$_parent").replaceAll("@property", "_$_property").replaceAll("@root", "_$_root").replaceAll(/@([.\s)[])/gu, "_$_v$1");
     if (a && (l = l.replaceAll("@path", "_$_path")), this.currEval === "safe" || this.currEval === !0 || this.currEval === void 0)
-      S.cache[i] = new this.safeVm.Script(l);
+      k.cache[i] = new this.safeVm.Script(l);
     else if (this.currEval === "native")
-      S.cache[i] = new this.vm.Script(l);
+      k.cache[i] = new this.vm.Script(l);
     else if (typeof this.currEval == "function" && this.currEval.prototype && Object.hasOwn(this.currEval.prototype, "runInNewContext")) {
       const u = this.currEval;
-      S.cache[i] = new u(l);
+      k.cache[i] = new u(l);
     } else if (typeof this.currEval == "function")
-      S.cache[i] = {
+      k.cache[i] = {
         runInNewContext: (u) => this.currEval(l, u)
       };
     else
       throw new TypeError(`Unknown "eval" property "${this.currEval}"`);
   }
   try {
-    return S.cache[i].runInNewContext(this.currSandbox);
+    return k.cache[i].runInNewContext(this.currSandbox);
   } catch (l) {
     if (this.ignoreEvalErrors)
       return !1;
     throw new Error("jsonPath: " + l.message + ": " + t);
   }
 };
-S.cache = {};
-S.toPathString = function(t) {
+k.cache = {};
+k.toPathString = function(t) {
   const e = t, r = e.length;
   let n = "$";
   for (let o = 1; o < r; o++)
     /^(~|\^|@.*?\(\))$/u.test(e[o]) || (n += /^[0-9*]+$/u.test(e[o]) ? "[" + e[o] + "]" : "['" + e[o] + "']");
   return n;
 };
-S.toPointer = function(t) {
+k.toPointer = function(t) {
   const e = t, r = e.length;
   let n = "";
   for (let o = 1; o < r; o++)
     /^(~|\^|@.*?\(\))$/u.test(e[o]) || (n += "/" + e[o].toString().replaceAll("~", "~0").replaceAll("/", "~1"));
   return n;
 };
-S.toPathArray = function(t) {
+k.toPathArray = function(t) {
   const {
     cache: e
-  } = S;
+  } = k;
   if (e[t])
     return e[t].concat();
   const r = [], o = t.replaceAll(/@(?:null|boolean|number|string|integer|undefined|nonFinite|scalar|array|object|function|other)\(\)/gu, ";$&;").replaceAll(/[['](\??\(.*?\))[\]'](?!.\])/gu, function(s, a) {
@@ -1271,17 +1271,17 @@ S.toPathArray = function(t) {
   });
   return e[t] = o, e[t].concat();
 };
-S.prototype.safeVm = {
-  Script: Ut
+k.prototype.safeVm = {
+  Script: Ft
 };
-const Bt = function(t, e, r) {
+const Vt = function(t, e, r) {
   const n = t.length;
   for (let o = 0; o < n; o++) {
     const s = t[o];
     r(s) && e.push(t.splice(o--, 1)[0]);
   }
 };
-class Lt {
+class Kt {
   /**
    * @param {string} expr Expression to evaluate
    */
@@ -1296,20 +1296,20 @@ class Lt {
   runInNewContext(e) {
     let r = this.code;
     const n = Object.keys(e), o = [];
-    Bt(n, o, (u) => typeof e[u] == "function");
+    Vt(n, o, (u) => typeof e[u] == "function");
     const s = n.map((u) => e[u]);
-    r = o.reduce((u, p) => {
-      let m = e[p].toString();
-      return /function/u.test(m) || (m = "function " + m), "var " + p + "=" + m + ";" + u;
+    r = o.reduce((u, d) => {
+      let m = e[d].toString();
+      return /function/u.test(m) || (m = "function " + m), "var " + d + "=" + m + ";" + u;
     }, "") + r, !/(['"])use strict\1/u.test(r) && !n.includes("arguments") && (r = "var arguments = undefined;" + r), r = r.replace(/;\s*$/u, "");
     const i = r.lastIndexOf(";"), l = i !== -1 ? r.slice(0, i + 1) + " return " + r.slice(i + 1) : " return " + r;
     return new Function(...n, l)(...s);
   }
 }
-S.prototype.vm = {
-  Script: Lt
+k.prototype.vm = {
+  Script: Kt
 };
-function Se(t, e, r) {
+function Ae(t, e, r) {
   const n = e.replace(/^\$\.?/, "").split(/\.|\[|\]/).filter(Boolean);
   let o = t;
   for (let a = 0; a < n.length - 1; a++) {
@@ -1317,8 +1317,8 @@ function Se(t, e, r) {
     if (i === "__proto__" || i === "constructor" || i === "prototype")
       throw new Error("Invalid path part: " + i);
     if (i in o || (o[i] = u ? [] : {}), u) {
-      const p = parseInt(l, 10);
-      Array.isArray(o[i]) || (o[i] = []), o[i].length <= p && (o[i][p] = a === n.length - 2 ? r : {}), o = o[i][p], a++;
+      const d = parseInt(l, 10);
+      Array.isArray(o[i]) || (o[i] = []), o[i].length <= d && (o[i][d] = a === n.length - 2 ? r : {}), o = o[i][d], a++;
     } else
       o = o[i];
   }
@@ -1331,34 +1331,42 @@ function Se(t, e, r) {
   } else
     o[s] = r;
 }
-const Ft = (t, e) => {
-  const r = {};
-  return t && Object.entries(t).forEach(([n, o]) => {
-    const s = e[n];
-    s !== void 0 && Object.entries(o).forEach(([a, i]) => {
-      const l = S({
-        path: i,
-        json: s,
-        resultType: "value"
-      });
-      l.length && Se(r, a, l[0]);
+const Xt = (t, e) => {
+  if (typeof t != "string") return;
+  const r = k({ path: t, json: e, resultType: "value" });
+  return r.length ? r[0] : void 0;
+}, zt = (t, e, r) => {
+  const n = {};
+  return t && Object.entries(t).forEach(([o, s]) => {
+    const a = e[o];
+    a !== void 0 && Object.entries(s).forEach(([i, l]) => {
+      const u = r ? r.resolvePropertyValue(l, a) : Xt(l, a);
+      u !== void 0 && Ae(n, i, u);
     });
-  }), r;
-}, Ht = (t, e = {}) => ({
-  props: N(
-    () => Ft(Te(t)?.slotsPropsPropsMap, Te(e) || {})
+  }), n;
+}, qt = (t, e = {}, r) => ({
+  props: C(
+    () => zt(
+      we(t)?.slotsPropsPropsMap,
+      we(e) || {},
+      we(r)
+    )
   )
-}), Kt = (t, e) => {
+}), Yt = (t, e) => {
   if (!t)
     return e.componentName;
   const r = t.resolveComponent(e);
-  return r ? typeof r == "function" && !("setup" in r) && !("render" in r) ? mt(r) : r : t.resolve(e.componentName)?.componentName || e.componentName;
-}, Ee = (t, e = {}) => {
-  const r = he("resolver"), n = N(() => !r || !t?.value ? {} : r.value.resolve(
+  return r ? typeof r == "function" && !("setup" in r) && !("render" in r) ? Et(r) : r : t.resolve(e.componentName)?.componentName || e.componentName;
+}, Pe = (t, e = {}) => {
+  const r = ge("resolver"), n = C(() => !r || !t?.value ? {} : r.value.resolve(
     t.value.componentName
-  )), o = N(() => n.value?.defaultProps || {}), s = N(
-    () => Kt(r?.value, t.value)
-  ), { props: a } = Ht(t, e), i = N(() => ({
+  )), o = C(() => n.value?.defaultProps || {}), s = C(
+    () => Yt(r?.value, t.value)
+  ), { props: a } = qt(
+    t,
+    e,
+    () => r?.value
+  ), i = C(() => ({
     ...o.value,
     ...t.value?.props,
     ...a.value
@@ -1370,48 +1378,48 @@ const Ft = (t, e) => {
     componentToRender: s,
     props: i
   };
-}, Vt = /* @__PURE__ */ j({
+}, Qt = /* @__PURE__ */ L({
   name: "CraftCanvas",
   __name: "CraftCanvas",
   props: {
     componentName: {}
   },
   setup(t) {
-    const e = Xe(), r = gt(), n = t, o = N(() => ({
+    const e = Qe(), r = Ct(), n = t, o = C(() => ({
       componentName: n.componentName,
       props: {},
       slots: {},
       uuid: ""
-    })), { componentToRender: s } = Ee(o);
-    return (a, i) => d(s) ? (v(), A(ye(d(s)), Ue(_e({ key: 0 }, d(r))), be({ _: 2 }, [
-      T(d(e), (l, u) => ({
+    })), { componentToRender: s } = Pe(o);
+    return (a, i) => p(s) ? (v(), M(Ce(p(s)), Le(Se({ key: 0 }, p(r))), Ne({ _: 2 }, [
+      j(p(e), (l, u) => ({
         name: u,
-        fn: q((p) => [
-          Q(a.$slots, u, Ue(yt(p || {})))
+        fn: G((d) => [
+          J(a.$slots, u, Le(Nt(d || {})))
         ])
       }))
-    ]), 1040)) : D("", !0);
+    ]), 1040)) : R("", !0);
   }
-}), Xt = () => {
-  const t = he("craftNode");
+}), Gt = () => {
+  const t = ge("craftNode");
   if (!t)
     throw new Error("craftNode or resolver not provided");
-  const { resolver: e, resolvedNode: r, defaultProps: n } = Ee(t);
+  const { resolver: e, resolvedNode: r, defaultProps: n } = Pe(t);
   return {
     craftNode: t,
     resolver: e,
     resolvedNode: r,
     defaultProps: n
   };
-}, We = (t) => t.visible === void 0 || t.visible, zt = (t) => {
+}, tt = (t) => t.visible === void 0 || t.visible, Wt = (t) => {
   let e = t;
-  const r = V();
+  const r = q();
   for (; e.parentUuid; )
-    if (e = r.nodeMap.get(e.parentUuid), Y(e))
+    if (e = r.nodeMap.get(e.parentUuid), W(e))
       return !0;
   return !1;
-}, qt = (t) => zt(t) ? t.rules?.canDrag ? t.rules.canDrag(t) : !0 : !1, Ze = (t, e) => {
-  const r = V();
+}, Zt = (t) => Wt(t) ? t.rules?.canDrag ? t.rules.canDrag(t) : !0 : !1, rt = (t, e) => {
+  const r = q();
   let n = e;
   for (; n?.parentUuid; ) {
     if (n.parentUuid === t.uuid)
@@ -1419,26 +1427,26 @@ const Ft = (t, e) => {
     n = r.nodeMap.get(n.parentUuid);
   }
   return !1;
-}, ae = (t) => t.componentName === "CraftCanvas" ? t.props.componentName : t.componentName, fe = (t, e, r) => {
-  if (!Y(e) || t.uuid === e.uuid)
+}, ue = (t) => t.componentName === "CraftCanvas" ? t.props.componentName : t.componentName, me = (t, e, r) => {
+  if (!W(e) || t.uuid === e.uuid)
     return !1;
-  const n = r.resolve(ae(e)), o = r.resolve(ae(t)), s = n?.rules || {}, a = o?.rules || {};
+  const n = r.resolve(ue(e)), o = r.resolve(ue(t)), s = n?.rules || {}, a = o?.rules || {};
   if (t.parentUuid) {
-    const l = V().nodeMap.get(t.parentUuid), u = r.resolve(ae(l))?.rules || {};
+    const l = q().nodeMap.get(t.parentUuid), u = r.resolve(ue(l))?.rules || {};
     if (u.canMoveOut && !u.canMoveOut(t, e, r))
       return;
   }
-  return !(a.canMoveInto && !a.canMoveInto(t, e, r) || Ze(t, e) || s.canMoveIn && !s.canMoveIn(t, e, r));
-}, Y = (t) => t.componentName === "CraftCanvas", Ce = (t, e, r) => {
-  const n = V();
-  return e.uuid === t.uuid || !e.parentUuid ? !1 : fe(
+  return !(a.canMoveInto && !a.canMoveInto(t, e, r) || rt(t, e) || s.canMoveIn && !s.canMoveIn(t, e, r));
+}, W = (t) => t.componentName === "CraftCanvas", _e = (t, e, r) => {
+  const n = q();
+  return e.uuid === t.uuid || !e.parentUuid ? !1 : me(
     t,
     n.nodeMap.get(e.parentUuid),
     r
   );
-}, Je = (t) => (t.uuid || (t.uuid = G()), t.slots && Object.values(t.slots).forEach((e) => {
-  e.forEach((r) => (r.uuid || (r.uuid = G()), r.parentUuid !== t.uuid && (r.parentUuid = t.uuid), Je(r), r));
-}), t), et = (t, e) => {
+}, nt = (t) => (t.uuid || (t.uuid = ee()), t.slots && Object.values(t.slots).forEach((e) => {
+  e.forEach((r) => (r.uuid || (r.uuid = ee()), r.parentUuid !== t.uuid && (r.parentUuid = t.uuid), nt(r), r));
+}), t), ot = (t, e) => {
   if (!t.slots || Object.keys(t.slots).length === 0) {
     const n = e.resolveNode?.(t)?.slots;
     n && n.length > 0 ? (t.slots = {}, n.forEach((o) => {
@@ -1446,7 +1454,7 @@ const Ft = (t, e) => {
     })) : t.slots = { default: [] };
   }
   return t;
-}, V = Ye("editor", {
+}, q = Ze("editor", {
   state: () => ({
     nodeMap: /* @__PURE__ */ new Map(),
     rootNodes: [],
@@ -1457,7 +1465,9 @@ const Ft = (t, e) => {
     resolver: null,
     eventsContext: {},
     nodeDataMap: {},
-    draggingDisabled: !1
+    draggingDisabled: !1,
+    nodeRuntimeProps: {},
+    pageState: {}
   }),
   actions: {
     clear() {
@@ -1484,7 +1494,7 @@ const Ft = (t, e) => {
     toggleNodeVisibility(t) {
       const e = this.nodeMap.get(t.uuid);
       if (e) {
-        if (e.visible = !We(e), e.slots) {
+        if (e.visible = !tt(e), e.slots) {
           const r = (n) => (n.visible = e.visible, n.slots && Object.values(n.slots).forEach((o) => {
             o.forEach((s) => r(s));
           }), this.nodeMap.set(n.uuid, n), n);
@@ -1513,7 +1523,7 @@ const Ft = (t, e) => {
     setNodes(t) {
       this.clear(), this.rootNodes = [];
       const e = (r) => {
-        this.resolver && r.componentName === "CraftCanvas" && et(r, this.resolver);
+        this.resolver && r.componentName === "CraftCanvas" && ot(r, this.resolver);
         const n = r.slots ? {} : { default: [] };
         r.slots && Object.keys(r.slots).forEach((o) => {
           n[o] = [];
@@ -1526,8 +1536,8 @@ const Ft = (t, e) => {
       t.forEach(e);
     },
     addNodeRecursively(t, e = null) {
-      const r = t.uuid || G(), n = { ...t, uuid: r, parentUuid: e };
-      this.nodeMap.set(r, ze(n)), e || this.rootNodes.push(r), t.slots && Object.values(t.slots).forEach((o) => {
+      const r = t.uuid || ee(), n = { ...t, uuid: r, parentUuid: e };
+      this.nodeMap.set(r, Ge(n)), e || this.rootNodes.push(r), t.slots && Object.values(t.slots).forEach((o) => {
         o.forEach((s) => this.addNodeRecursively(s, r));
       });
     },
@@ -1567,11 +1577,11 @@ const Ft = (t, e) => {
     },
     appendNodeTo(t, e, r = "default") {
       if (!this.resolver) throw new Error("Resolver is not set.");
-      if (!fe(t, e, this.resolver))
+      if (!me(t, e, this.resolver))
         throw new Error(
-          `${ae(
+          `${ue(
             t
-          )} is not allowed to be a child of ${ae(e)}.`
+          )} is not allowed to be a child of ${ue(e)}.`
         );
       t = this.emancipateNode(t), t.parentUuid = e.uuid;
       const n = this.nodeMap.get(e.uuid);
@@ -1579,11 +1589,11 @@ const Ft = (t, e) => {
     },
     prependNodeTo(t, e, r = "default") {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!fe(t, e, this.resolver))
+      if (!me(t, e, this.resolver))
         throw new Error(
-          `${ae(
+          `${ue(
             t
-          )} is not allowed to be a child of ${ae(e)}.`
+          )} is not allowed to be a child of ${ue(e)}.`
         );
       t = this.emancipateNode(t), t.parentUuid = e.uuid;
       const n = this.nodeMap.get(e.uuid);
@@ -1591,7 +1601,7 @@ const Ft = (t, e) => {
     },
     insertNodeBefore(t, e, r) {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!Ce(t, e, this.resolver))
+      if (!_e(t, e, this.resolver))
         throw new Error("Can not be the sibling of the target node.");
       t = this.emancipateNode(t);
       const n = e.parentUuid;
@@ -1611,7 +1621,7 @@ const Ft = (t, e) => {
     },
     insertNodeAfter(t, e, r) {
       if (!this.resolver) throw new Error("Resolver is not set");
-      if (!Ce(t, e, this.resolver))
+      if (!_e(t, e, this.resolver))
         throw new Error("Can not be the sibling of the target node.");
       t = this.emancipateNode(t);
       const n = e.parentUuid;
@@ -1631,6 +1641,9 @@ const Ft = (t, e) => {
     },
     setEventsContext(t) {
       this.eventsContext = t;
+    },
+    setNodeRuntimeProps(t, e) {
+      this.nodeRuntimeProps[t] = { ...this.nodeRuntimeProps[t] || {}, ...e };
     }
   },
   getters: {
@@ -1658,7 +1671,7 @@ const Ft = (t, e) => {
       return t.rootNodes.map((r) => e(r));
     }
   }
-}), Yt = ["value", "onKeyup"], Qt = /* @__PURE__ */ j({
+}), Jt = ["value", "onKeyup"], er = /* @__PURE__ */ L({
   __name: "CraftComponentSimpleText",
   props: {
     content: { default: "Lorem ipsum dolor sit amet..." },
@@ -1669,36 +1682,36 @@ const Ft = (t, e) => {
   setup(t, { emit: e }) {
     const r = t, n = e, s = (() => {
       try {
-        return V();
+        return q();
       } catch {
         return null;
       }
-    })(), a = s ? te(s).enabled : H(!1), i = H(!1), l = H(null), u = H(""), { craftNode: p } = Xt(), m = N(() => !!s && a.value), f = N(() => m.value && !i.value), h = () => {
-      f.value && y();
-    }, y = () => {
-      u.value = r.content, i.value = !0, s?.disableDragging(), pe(() => {
-        l.value && (l.value.focus(), x());
+    })(), a = s ? se(s).enabled : K(!1), i = K(!1), l = K(null), u = K(""), { craftNode: d } = Gt(), m = C(() => !!s && a.value), f = C(() => m.value && !i.value), h = () => {
+      f.value && b();
+    }, b = () => {
+      u.value = r.content, i.value = !0, s?.disableDragging(), ve(() => {
+        l.value && (l.value.focus(), P());
       });
-    }, x = () => {
+    }, P = () => {
       l.value && (l.value.style.height = "auto", l.value.style.height = `${l.value.scrollHeight}px`);
-    }, P = async () => {
+    }, A = async () => {
       if (s?.enableDragging(), !i.value) return;
       i.value = !1;
-      const E = l.value?.value.trim() ?? "";
-      E !== r.content && p.value?.uuid && (s?.nodeMap.set(p.value.uuid, {
-        ...p.value,
+      const U = l.value?.value.trim() ?? "";
+      U !== r.content && d.value?.uuid && (s?.nodeMap.set(d.value.uuid, {
+        ...d.value,
         props: {
-          ...p.value.props,
-          content: E
+          ...d.value.props,
+          content: U
         }
-      }), await pe(), n("update:content", E));
-    }, g = () => {
+      }), await ve(), n("update:content", U));
+    }, T = () => {
       i.value = !1, n("update:content", u.value);
     };
-    return s && J(a, (E) => {
-      !E && i.value && g();
-    }), (E, b) => (v(), A(ye(t.componentName), {
-      class: ve({
+    return s && ne(a, (U) => {
+      !U && i.value && T();
+    }), (U, _) => (v(), M(Ce(t.componentName), {
+      class: ye({
         "pre-wrap": !i.value,
         "editable-text": m.value,
         "is-editable": m.value,
@@ -1706,31 +1719,32 @@ const Ft = (t, e) => {
       }),
       onDblclick: h
     }, {
-      default: q(() => [
-        oe(ee(i.value ? "" : t.content) + " ", 1),
-        i.value ? (v(), _("textarea", {
+      default: G(() => [
+        ie(oe(i.value ? "" : t.content) + " ", 1),
+        i.value ? (v(), E("textarea", {
           key: 0,
           ref_key: "textareaRef",
           ref: l,
           class: "editable-text__textarea",
           value: t.content,
-          onInput: x,
-          onBlur: P,
+          onInput: P,
+          onBlur: A,
           onKeyup: [
-            je(F(P, ["exact"]), ["enter"]),
-            je(g, ["esc"])
+            Fe(V(A, ["exact"]), ["enter"]),
+            Fe(T, ["esc"])
           ]
-        }, null, 40, Yt)) : D("", !0)
+        }, null, 40, Jt)) : R("", !0)
       ]),
       _: 1
     }, 40, ["class"]));
   }
 });
-class xe {
+class Oe {
   resolverMap = {};
   resolveComponentHook;
+  resolvePropertyValueHook;
   constructor(e = {}) {
-    return this.setResolverMap(e), ze(this);
+    return this.setResolverMap(e), Ge(this);
   }
   setResolverMap(e) {
     this.resolverMap = {}, Object.entries(e).forEach(([r, n]) => {
@@ -1740,11 +1754,21 @@ class xe {
   onResolveComponent(e) {
     this.resolveComponentHook = e;
   }
+  onResolvePropertyValue(e) {
+    this.resolvePropertyValueHook = e;
+  }
+  resolvePropertyValue(e, r) {
+    const n = (o) => {
+      const s = k({ path: o, json: r, resultType: "value" });
+      return s.length ? s[0] : void 0;
+    };
+    return this.resolvePropertyValueHook ? this.resolvePropertyValueHook(e, r, n) : typeof e == "string" ? n(e) : void 0;
+  }
   resolve(e) {
     return this.resolverMap[e];
   }
   resolveComponent(e) {
-    const r = Y(e) ? e.props.componentName : e.componentName, n = (o) => {
+    const r = W(e) ? e.props.componentName : e.componentName, n = (o) => {
       const s = this.resolve(o);
       if (s?.component)
         return typeof s.component == "function" && !("setup" in s.component) && !("render" in s.component), s.component;
@@ -1760,7 +1784,7 @@ class xe {
     return this.resolveNode(e)?.defaultProps || {};
   }
   resolveNode(e) {
-    return Y(e) ? this.resolve(e.props.componentName) : this.resolve(e.componentName);
+    return W(e) ? this.resolve(e.props.componentName) : this.resolve(e.componentName);
   }
   getSchema(e) {
     return this.resolveNode(e)?.propsSchema || {};
@@ -1775,7 +1799,7 @@ class xe {
     return this.resolveNode(e)?.slotsProps || {};
   }
 }
-const Re = Ye("indicator", {
+const je = Ze("indicator", {
   state: () => ({
     barSize: 2,
     visible: !1,
@@ -1811,12 +1835,12 @@ const Re = Ye("indicator", {
     },
     pointInside(t) {
       this.show();
-      const e = Le(t), { top: r, left: n, width: o, height: s } = t.getBoundingClientRect(), a = Number.parseInt(e.paddingLeft), i = Number.parseInt(e.paddingTop), l = Number.parseInt(e.paddingRight);
+      const e = Ke(t), { top: r, left: n, width: o, height: s } = t.getBoundingClientRect(), a = Number.parseInt(e.paddingLeft), i = Number.parseInt(e.paddingTop), l = Number.parseInt(e.paddingRight);
       this.coordinates.top = r + s - i, this.coordinates.left = n + a, this.dimensions.width = o - a - l, this.dimensions.height = this.barSize;
     },
     pointInsideTop(t) {
       this.show();
-      const e = Le(t), { top: r, left: n, width: o } = t.getBoundingClientRect(), s = Number.parseInt(e.paddingLeft), a = Number.parseInt(e.paddingTop), i = Number.parseInt(e.paddingRight);
+      const e = Ke(t), { top: r, left: n, width: o } = t.getBoundingClientRect(), s = Number.parseInt(e.paddingLeft), a = Number.parseInt(e.paddingTop), i = Number.parseInt(e.paddingRight);
       this.coordinates.top = r + a, this.coordinates.left = n + s, this.dimensions.width = o - s - i, this.dimensions.height = this.barSize;
     }
   },
@@ -1827,7 +1851,7 @@ const Re = Ye("indicator", {
     size: (t) => t.dimensions
   }
 });
-function Le(t) {
+function Ke(t) {
   if (!(t instanceof HTMLElement))
     return {
       paddingTop: "0",
@@ -1845,7 +1869,7 @@ function Le(t) {
     s[a] = parseInt(s[a].slice(0, -2), 10);
   }), s;
 }
-const Gt = /* @__PURE__ */ j({
+const tr = /* @__PURE__ */ L({
   __name: "CraftEditor",
   props: {
     config: {},
@@ -1853,26 +1877,26 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["nodeDragStart", "nodeDragEnd", "iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, n = e, o = V(), s = Re(), { getDraggedNode: a } = te(o);
-    J(a, (l) => {
+    const r = t, n = e, o = q(), s = je(), { getDraggedNode: a } = se(o);
+    ne(a, (l) => {
       if (l) {
         n("nodeDragStart", l);
         return;
       }
       n("nodeDragEnd"), s.hide();
     });
-    const i = H(
-      r.config.resolver || new xe(r.config.resolverMap)
+    const i = K(
+      r.config.resolver || new Oe(r.config.resolverMap)
     );
-    return W("resolver", i), (l, u) => {
-      const p = B("CraftFrame"), m = B("CraftEditorPanelLayout");
-      return v(), A(m, {
+    return te("resolver", i), (l, u) => {
+      const d = H("CraftFrame"), m = H("CraftEditorPanelLayout");
+      return v(), M(m, {
         blueprints: t.config.blueprintsLibrary
-      }, be({ _: 2 }, [
+      }, Ne({ _: 2 }, [
         l.$slots["panel-layout"] ? {
           name: "panel-layout",
-          fn: q(({ blueprints: f, deselectNodes: h }) => [
-            Q(l.$slots, "panel-layout", {
+          fn: G(({ blueprints: f, deselectNodes: h }) => [
+            J(l.$slots, "panel-layout", {
               blueprints: f,
               deselectNodes: h
             })
@@ -1880,14 +1904,14 @@ const Gt = /* @__PURE__ */ j({
           key: "0"
         } : {
           name: "default",
-          fn: q(() => [
-            z(p, {
+          fn: G(() => [
+            Q(d, {
               iframe: t.iframe,
               resolverMap: t.config.resolverMap,
               onIframeLoad: u[0] || (u[0] = (f) => n("iframeLoad", f))
             }, {
-              default: q(() => [
-                Q(l.$slots, "default")
+              default: G(() => [
+                J(l.$slots, "default")
               ]),
               _: 3
             }, 8, ["iframe", "resolverMap"])
@@ -1897,69 +1921,69 @@ const Gt = /* @__PURE__ */ j({
       ]), 1032, ["blueprints"]);
     };
   }
-}), Wt = /* @__PURE__ */ j({
+}), rr = /* @__PURE__ */ L({
   name: "CraftEditorBlueprint",
   __name: "CraftEditorBlueprint",
   props: {
     craftNode: {}
   },
   setup(t) {
-    const e = V(), r = t, n = (s) => {
+    const e = q(), r = t, n = (s) => {
       console.log("CraftEditorBlueprint - dragging node:", r.craftNode), console.log("CraftEditorBlueprint - node.componentName:", r.craftNode.componentName), console.log("CraftEditorBlueprint - node.props:", r.craftNode.props), e.dragNode(r.craftNode);
     }, o = (s) => {
       s.stopPropagation(), e.dragNode(null);
     };
-    return (s, a) => (v(), _("div", {
+    return (s, a) => (v(), E("div", {
       draggable: !0,
-      onDragstart: F(n, ["stop"]),
+      onDragstart: V(n, ["stop"]),
       onDragend: o
     }, [
-      Q(s.$slots, "default")
+      J(s.$slots, "default")
     ], 32));
   }
-}), tt = (t, e) => Object.keys(t.blueprints).map((r) => {
+}), st = (t, e) => Object.keys(t.blueprints).map((r) => {
   const n = t.blueprints[r], o = e.getDefaultProps({
     ...n,
-    uuid: G()
+    uuid: ee()
   });
   return {
     ...n,
     props: { ...o, ...n.props }
   };
-}), rt = (t) => {
+}), at = (t) => {
   let e = 0;
   for (let s = 0; s < t.length; s++)
     e = t.charCodeAt(s) + ((e << 5) - e);
   const r = e % 360, n = 70 + e % 30, o = 45 + e % 30;
   return `hsla(${r}, ${n}%, ${o}%, 0.9)`;
-}, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  blueprintsWithDefaults: tt,
-  generateColorFromUUID: rt
-}, Symbol.toStringTag, { value: "Module" })), Jt = { key: 0 }, er = { class: "flex flex-wrap gap-2 p-1" }, tr = { class: "v-craft-blueprint" }, rr = { class: "v-craft-blueprint-label" }, nr = /* @__PURE__ */ j({
+  blueprintsWithDefaults: st,
+  generateColorFromUUID: at
+}, Symbol.toStringTag, { value: "Module" })), or = { key: 0 }, sr = { class: "flex flex-wrap gap-2 p-1" }, ar = { class: "v-craft-blueprint" }, ir = { class: "v-craft-blueprint-label" }, lr = /* @__PURE__ */ L({
   __name: "CraftEditorBlueprintsList",
   props: {
     blueprints: {}
   },
   setup(t) {
-    const e = he("resolver");
+    const e = ge("resolver");
     return (r, n) => {
-      const o = B("CraftEditorBlueprint");
-      return d(e) ? (v(), _("div", Jt, [
-        (v(!0), _(U, null, T(t.blueprints.groups, (s) => (v(), _("div", null, [
-          Q(r.$slots, "blueprint-group", {
+      const o = H("CraftEditorBlueprint");
+      return p(e) ? (v(), E("div", or, [
+        (v(!0), E(B, null, j(t.blueprints.groups, (s) => (v(), E("div", null, [
+          J(r.$slots, "blueprint-group", {
             group: s,
-            resolver: d(e)
+            resolver: p(e)
           }, () => [
-            w("h4", null, ee(s.label), 1),
-            w("div", er, [
-              (v(!0), _(U, null, T(d(tt)(s, d(e)), (a, i) => (v(), A(o, {
+            O("h4", null, oe(s.label), 1),
+            O("div", sr, [
+              (v(!0), E(B, null, j(p(st)(s, p(e)), (a, i) => (v(), M(o, {
                 craftNode: a,
                 key: i
               }, {
-                default: q(() => [
-                  w("div", tr, [
-                    w("div", rr, ee(a.label), 1)
+                default: G(() => [
+                  O("div", ar, [
+                    O("div", ir, oe(a.label), 1)
                   ])
                 ]),
                 _: 2
@@ -1967,10 +1991,10 @@ const Gt = /* @__PURE__ */ j({
             ])
           ])
         ]))), 256))
-      ])) : D("", !0);
+      ])) : R("", !0);
     };
   }
-}), or = { class: "v-craft-panel v-craft-blueprints-panel" }, sr = { class: "v-craft-panel-content" }, ar = /* @__PURE__ */ j({
+}), ur = { class: "v-craft-panel v-craft-blueprints-panel" }, cr = { class: "v-craft-panel-content" }, dr = /* @__PURE__ */ L({
   name: "CraftEditorPanelBlueprints",
   __name: "CraftEditorPanelBlueprints",
   props: {
@@ -1979,21 +2003,21 @@ const Gt = /* @__PURE__ */ j({
   emits: ["close"],
   setup(t) {
     return (e, r) => {
-      const n = B("CraftEditorBlueprintsList");
-      return v(), _("div", or, [
-        r[0] || (r[0] = w("h3", { class: "v-craft-title" }, "blueprints", -1)),
-        w("div", sr, [
-          z(n, { blueprints: t.blueprints }, null, 8, ["blueprints"])
+      const n = H("CraftEditorBlueprintsList");
+      return v(), E("div", ur, [
+        r[0] || (r[0] = O("h3", { class: "v-craft-title" }, "blueprints", -1)),
+        O("div", cr, [
+          Q(n, { blueprints: t.blueprints }, null, 8, ["blueprints"])
         ])
       ]);
     };
   }
-}), ge = (t, e) => {
+}), Ee = (t, e) => {
   const r = t.__vccOpts || t;
   for (const [n, o] of e)
     r[n] = o;
   return r;
-}, ir = /* @__PURE__ */ ge(ar, [["__scopeId", "data-v-a6de4dca"]]), lr = /* @__PURE__ */ j({
+}, pr = /* @__PURE__ */ Ee(dr, [["__scopeId", "data-v-a6de4dca"]]), fr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelForm",
   props: {
     craftNode: {},
@@ -2002,34 +2026,34 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["update"],
   setup(t, { emit: e }) {
-    const r = t, n = e, o = de(r, "model"), s = de(r, "schema"), a = de(r, "craftNode"), i = N(
+    const r = t, n = e, o = he(r, "model"), s = he(r, "schema"), a = he(r, "craftNode"), i = C(
       () => o.value ? { ...o.value } : {}
-    ), l = Qe((p) => {
-      n("update", p);
-    }, 50), u = (p) => {
-      p != null && l(p);
+    ), l = Je((d) => {
+      n("update", d);
+    }, 50), u = (d) => {
+      d != null && l(d);
     };
-    return bt(() => l.cancel()), (p, m) => Q(p.$slots, "panel-content", {
+    return Pt(() => l.cancel()), (d, m) => J(d.$slots, "panel-content", {
       craftNode: a.value,
       model: i.value,
       handleFormInput: u,
       schema: s.value
     });
   }
-}), ur = { class: "v-craft-panel v-craft-layers-panel" }, cr = { class: "v-craft-layers" }, dr = { class: "v-craft-node-layers" }, pr = /* @__PURE__ */ j({
+}), hr = { class: "v-craft-panel v-craft-layers-panel" }, vr = { class: "v-craft-layers" }, mr = { class: "v-craft-node-layers" }, gr = /* @__PURE__ */ L({
   name: "CraftEditorPanelLayers",
   __name: "CraftEditorPanelLayers",
   setup(t) {
-    const e = V(), { nodeTree: r } = te(e), n = (o) => {
+    const e = q(), { nodeTree: r } = se(e), n = (o) => {
       e.selectNode(o);
     };
     return (o, s) => {
-      const a = B("CraftEditorPanelNodeLayer");
-      return v(), _("div", ur, [
-        s[0] || (s[0] = w("h3", { class: "v-craft-title" }, "tree", -1)),
-        w("div", cr, [
-          w("ul", dr, [
-            (v(!0), _(U, null, T(d(r), (i, l) => (v(), A(a, {
+      const a = H("CraftEditorPanelNodeLayer");
+      return v(), E("div", hr, [
+        s[0] || (s[0] = O("h3", { class: "v-craft-title" }, "tree", -1)),
+        O("div", vr, [
+          O("ul", mr, [
+            (v(!0), E(B, null, j(p(r), (i, l) => (v(), M(a, {
               key: l,
               craftNode: i,
               onLayerClick: n
@@ -2039,51 +2063,51 @@ const Gt = /* @__PURE__ */ j({
       ]);
     };
   }
-}), fr = /* @__PURE__ */ ge(pr, [["__scopeId", "data-v-ab795ec3"]]), hr = { key: 0 }, vr = {
+}), yr = /* @__PURE__ */ Ee(gr, [["__scopeId", "data-v-ab795ec3"]]), br = { key: 0 }, Er = {
   key: 1,
   class: "v-craft-panel-manager"
-}, mr = { class: "flex w-full justify-between gap-10" }, gr = { class: "v-craft-grid-panel v-craft-panel-left shrink" }, yr = { class: "v-craft-grid-panel v-craft-panel-right shrink max-w-[20vw]" }, br = /* @__PURE__ */ j({
+}, Cr = { class: "flex w-full justify-between gap-10" }, Nr = { class: "v-craft-grid-panel v-craft-panel-left shrink" }, Pr = { class: "v-craft-grid-panel v-craft-panel-right shrink max-w-[20vw]" }, _r = /* @__PURE__ */ L({
   __name: "CraftEditorPanelLayout",
   props: {
     blueprints: {}
   },
   setup(t) {
-    const e = V(), r = () => {
+    const e = q(), r = () => {
       e.selectNode(null);
     };
     return (n, o) => {
-      const s = B("CraftEditorPanelBlueprints"), a = B("CraftEditorPanelLayers"), i = B("CraftEditorPanelSettings");
-      return n.$slots["panel-layout"] ? (v(), _("div", hr, [
-        Q(n.$slots, "panel-layout", {
+      const s = H("CraftEditorPanelBlueprints"), a = H("CraftEditorPanelLayers"), i = H("CraftEditorPanelSettings");
+      return n.$slots["panel-layout"] ? (v(), E("div", br, [
+        J(n.$slots, "panel-layout", {
           blueprints: t.blueprints,
           deselectNodes: r
         }, void 0, !0)
-      ])) : (v(), _("div", vr, [
-        w("div", mr, [
-          w("div", gr, [
-            z(s, { blueprints: t.blueprints }, null, 8, ["blueprints"])
+      ])) : (v(), E("div", Er, [
+        O("div", Cr, [
+          O("div", Nr, [
+            Q(s, { blueprints: t.blueprints }, null, 8, ["blueprints"])
           ]),
-          w("div", {
+          O("div", {
             class: "v-craft-panel-center flex grow",
-            onClick: F(r, ["stop"])
+            onClick: V(r, ["stop"])
           }, [
-            Q(n.$slots, "default", {}, void 0, !0)
+            J(n.$slots, "default", {}, void 0, !0)
           ]),
-          w("div", yr, [
-            z(a),
-            z(i)
+          O("div", Pr, [
+            Q(a),
+            Q(i)
           ])
         ])
       ]));
     };
   }
-}), Er = /* @__PURE__ */ ge(br, [["__scopeId", "data-v-7dd1d43b"]]), Cr = {
+}), Sr = /* @__PURE__ */ Ee(_r, [["__scopeId", "data-v-7dd1d43b"]]), xr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, _r = {
+}, Or = {
   key: 0,
   class: "formkit-help v-craft-data-source-error"
-}, Nr = /* @__PURE__ */ j({
+}, wr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeDataSourceSettings",
   props: {
     craftNode: {},
@@ -2091,8 +2115,8 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["update:nodeData"],
   setup(t, { emit: e }) {
-    const r = t, n = e, o = de(r, "craftNode"), s = H("single"), a = H(""), i = H("");
-    J(() => o.value?.uuid, () => {
+    const r = t, n = e, o = he(r, "craftNode"), s = K("single"), a = K(""), i = K("");
+    ne(() => o.value?.uuid, () => {
       const f = r.nodeData;
       s.value = f?.type === "list" ? "list" : "single", a.value = f ? JSON.stringify(
         f.type === "list" ? f.list || [] : f.item || {},
@@ -2114,25 +2138,25 @@ const Gt = /* @__PURE__ */ j({
       } catch {
         i.value = "Invalid JSON - not applied until fixed.";
       }
-    }, p = (f) => {
+    }, d = (f) => {
       s.value = f === "list" ? "list" : "single", u();
     }, m = (f) => {
       a.value = f, u();
     };
-    return (f, h) => o.value ? (v(), _("fieldset", Cr, [
-      h[2] || (h[2] = w("legend", { class: "formkit-legend" }, "Data Source", -1)),
-      h[3] || (h[3] = w("p", { class: "formkit-help" }, [
-        oe(" Paste JSON here to experiment with mapping data fields into this subtree's props. Descendants read it via "),
-        w("code", null, "slotsPropsPropsMap"),
-        oe(" using the reserved "),
-        w("code", null, "data"),
-        oe(" context bucket (e.g. "),
-        w("code", null, '{ data: { title: "$.name" } }'),
-        oe("). This panel is a convenience for experimentation - production apps normally feed real data in via "),
-        w("code", null, "editor.setNodeData()"),
-        oe(" directly. ")
+    return (f, h) => o.value ? (v(), E("fieldset", xr, [
+      h[2] || (h[2] = O("legend", { class: "formkit-legend" }, "Data Source", -1)),
+      h[3] || (h[3] = O("p", { class: "formkit-help" }, [
+        ie(" Paste JSON here to experiment with mapping data fields into this subtree's props. Descendants read it via "),
+        O("code", null, "slotsPropsPropsMap"),
+        ie(" using the reserved "),
+        O("code", null, "data"),
+        ie(" context bucket (e.g. "),
+        O("code", null, '{ data: { title: "$.name" } }'),
+        ie("). This panel is a convenience for experimentation - production apps normally feed real data in via "),
+        O("code", null, "editor.setNodeData()"),
+        ie(" directly. ")
       ], -1)),
-      z(d(se), {
+      Q(p(le), {
         type: "select",
         label: "Type",
         options: [
@@ -2140,22 +2164,22 @@ const Gt = /* @__PURE__ */ j({
           { value: "list", label: "List" }
         ],
         value: s.value,
-        onInput: h[0] || (h[0] = (y) => p(String(y ?? "single")))
+        onInput: h[0] || (h[0] = (b) => d(String(b ?? "single")))
       }, null, 8, ["value"]),
-      z(d(se), {
+      Q(p(le), {
         type: "textarea",
         label: "JSON",
         placeholder: s.value === "list" ? '[{ "title": "Alice" }, { "title": "Bob" }]' : '{ "title": "Alice" }',
         value: a.value,
-        onInput: h[1] || (h[1] = (y) => m(String(y ?? "")))
+        onInput: h[1] || (h[1] = (b) => m(String(b ?? "")))
       }, null, 8, ["placeholder", "value"]),
-      i.value ? (v(), _("p", _r, ee(i.value), 1)) : D("", !0)
-    ])) : D("", !0);
+      i.value ? (v(), E("p", Or, oe(i.value), 1)) : R("", !0)
+    ])) : R("", !0);
   }
-}), xr = /* @__PURE__ */ ge(Nr, [["__scopeId", "data-v-7c1c5696"]]), Or = {
+}), kr = /* @__PURE__ */ Ee(wr, [["__scopeId", "data-v-7c1c5696"]]), Dr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, wr = /* @__PURE__ */ j({
+}, Ar = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeEventsSettings",
   props: {
     craftNode: {},
@@ -2163,40 +2187,40 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["update:events"],
   setup(t, { emit: e }) {
-    const r = t, { craftNode: n, schema: o } = me(r), s = e;
+    const r = t, { craftNode: n, schema: o } = be(r), s = e;
     return (a, i) => {
-      const l = B("CraftEditorPanelForm");
-      return v(), A(l, {
-        craftNode: d(n),
-        schema: d(o),
-        model: d(n)?.events,
+      const l = H("CraftEditorPanelForm");
+      return v(), M(l, {
+        craftNode: p(n),
+        schema: p(o),
+        model: p(n)?.events,
         onUpdate: i[0] || (i[0] = (u) => s("update:events", u))
       }, {
-        "panel-content": q(({ craftNode: u, model: p, handleFormInput: m, schema: f }) => [
-          f ? (v(), _("fieldset", Or, [
-            i[1] || (i[1] = w("legend", { class: "formkit-legend" }, "Events", -1)),
-            (v(), A(d(se), {
+        "panel-content": G(({ craftNode: u, model: d, handleFormInput: m, schema: f }) => [
+          f ? (v(), E("fieldset", Dr, [
+            i[1] || (i[1] = O("legend", { class: "formkit-legend" }, "Events", -1)),
+            (v(), M(p(le), {
               key: u?.uuid,
               type: "form",
-              value: p,
+              value: d,
               onInput: m,
               actions: !1
             }, {
-              default: q(() => [
-                z(d(Ge), { schema: f }, null, 8, ["schema"])
+              default: G(() => [
+                Q(p(et), { schema: f }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : D("", !0)
+          ])) : R("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), Sr = { class: "v-craft-component-layer-face" }, Pr = { class: "v-craft-component-name" }, kr = {
+}), Rr = { class: "v-craft-component-layer-face" }, Mr = { class: "v-craft-component-name" }, $r = {
   key: 0,
   class: "v-craft-node-layers nested-layers"
-}, Dr = /* @__PURE__ */ j({
+}, Ir = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeLayer",
   props: {
     craftNode: {},
@@ -2204,46 +2228,46 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["layer-click"],
   setup(t, { emit: e }) {
-    const r = t, { craftNode: n, visible: o } = me(r), s = N(
+    const r = t, { craftNode: n, visible: o } = be(r), s = C(
       () => o.value && n.value.visible === void 0 || n.value.visible
-    ), a = e, i = V(), { selectedNode: l } = te(i), u = N(() => ae(n.value)), p = N(
+    ), a = e, i = q(), { selectedNode: l } = se(i), u = C(() => ue(n.value)), d = C(
       () => l?.value?.uuid === n.value.uuid
     ), m = () => {
       i.toggleNodeVisibility(n.value);
     };
     return (f, h) => {
-      const y = B("CraftEditorPanelNodeLayer", !0);
-      return v(), _("li", {
-        class: ve(["v-craft-node-layer", {
-          "v-craft-node-layer-selected": p.value
+      const b = H("CraftEditorPanelNodeLayer", !0);
+      return v(), E("li", {
+        class: ye(["v-craft-node-layer", {
+          "v-craft-node-layer-selected": d.value
         }]),
-        onClick: h[1] || (h[1] = F((x) => a("layer-click", d(n)), ["prevent", "stop"]))
+        onClick: h[1] || (h[1] = V((P) => a("layer-click", p(n)), ["prevent", "stop"]))
       }, [
-        w("div", Sr, [
-          w("div", Pr, ee(u.value), 1),
-          w("button", {
+        O("div", Rr, [
+          O("div", Mr, oe(u.value), 1),
+          O("button", {
             type: "button",
             class: "v-craft-component-icon",
-            onClick: F(m, ["prevent", "stop"])
-          }, ee(s.value ? "hide" : "show"), 1)
+            onClick: V(m, ["prevent", "stop"])
+          }, oe(s.value ? "hide" : "show"), 1)
         ]),
-        d(n).slots && Object.keys(d(n).slots).length > 0 ? (v(), _("ul", kr, [
-          (v(!0), _(U, null, T(d(n).slots, (x, P) => (v(), _(U, { key: P }, [
-            (v(!0), _(U, null, T(x, (g, E) => (v(), A(y, {
-              key: `${P}-${E}`,
-              craftNode: g,
-              onLayerClick: h[0] || (h[0] = (b) => a("layer-click", b)),
+        p(n).slots && Object.keys(p(n).slots).length > 0 ? (v(), E("ul", $r, [
+          (v(!0), E(B, null, j(p(n).slots, (P, A) => (v(), E(B, { key: A }, [
+            (v(!0), E(B, null, j(P, (T, U) => (v(), M(b, {
+              key: `${A}-${U}`,
+              craftNode: T,
+              onLayerClick: h[0] || (h[0] = (_) => a("layer-click", _)),
               visible: s.value
             }, null, 8, ["craftNode", "visible"]))), 128))
           ], 64))), 128))
-        ])) : D("", !0)
+        ])) : R("", !0)
       ], 2);
     };
   }
-}), Ar = /* @__PURE__ */ ge(Dr, [["__scopeId", "data-v-208a4e02"]]), Mr = {
+}), Tr = /* @__PURE__ */ Ee(Ir, [["__scopeId", "data-v-208a4e02"]]), Ur = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, $r = /* @__PURE__ */ j({
+}, jr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeSettings",
   props: {
     craftNode: {},
@@ -2251,50 +2275,50 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["update:props"],
   setup(t, { emit: e }) {
-    const r = t, { craftNode: n, schema: o } = me(r), s = e;
+    const r = t, { craftNode: n, schema: o } = be(r), s = e;
     return (a, i) => {
-      const l = B("CraftEditorPanelForm");
-      return v(), A(l, {
-        craftNode: d(n),
-        schema: d(o),
-        model: d(n)?.props,
+      const l = H("CraftEditorPanelForm");
+      return v(), M(l, {
+        craftNode: p(n),
+        schema: p(o),
+        model: p(n)?.props,
         onUpdate: i[0] || (i[0] = (u) => s("update:props", u))
       }, {
-        "panel-content": q(({ craftNode: u, model: p, handleFormInput: m, schema: f }) => [
-          f ? (v(), _("fieldset", Mr, [
-            i[1] || (i[1] = w("legend", { class: "formkit-legend" }, "Properties", -1)),
-            (v(), A(d(se), {
+        "panel-content": G(({ craftNode: u, model: d, handleFormInput: m, schema: f }) => [
+          f ? (v(), E("fieldset", Ur, [
+            i[1] || (i[1] = O("legend", { class: "formkit-legend" }, "Properties", -1)),
+            (v(), M(p(le), {
               key: u?.uuid,
               type: "form",
-              value: p,
+              value: d,
               onInput: m,
               actions: !1
             }, {
-              default: q(() => [
-                z(d(Ge), { schema: f }, null, 8, ["schema"])
+              default: G(() => [
+                Q(p(et), { schema: f }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : D("", !0)
+          ])) : R("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), Rr = (t) => {
+}), Br = (t) => {
   if (!t) return [];
   const e = t.type === "single" ? t.item : t.list?.[0];
   return e ? Object.keys(e) : [];
-}, Ir = (t) => {
-  const e = V(), r = he("resolver");
-  return { buckets: N(() => {
+}, Lr = (t) => {
+  const e = q(), r = ge("resolver");
+  return { buckets: C(() => {
     const o = [];
     let s = t.value;
     for (; s?.parentUuid; ) {
       const a = e.nodeMap.get(s.parentUuid);
       if (!a) break;
       const i = Object.entries(a.slots || {}).find(
-        ([, u]) => u.some((p) => p.uuid === s.uuid)
+        ([, u]) => u.some((d) => d.uuid === s.uuid)
       );
       if (i) {
         const [u] = i;
@@ -2310,18 +2334,18 @@ const Gt = /* @__PURE__ */ j({
         slotName: "data",
         ancestorUuid: a.uuid,
         ancestorComponentName: a.componentName,
-        keys: Rr(l)
+        keys: Br(l)
       }), s = a;
     }
     return o;
   }) };
-}, Tr = {
+}, Fr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, Ur = {
+}, Hr = {
   key: 0,
   class: "formkit-help"
-}, jr = ["onClick"], Br = ["onClick"], Lr = ["onClick"], Fr = /* @__PURE__ */ j({
+}, Vr = ["onClick"], Kr = ["onClick"], Xr = ["onClick"], zr = /* @__PURE__ */ L({
   __name: "CraftEditorPanelNodeSlotPropsSettings",
   props: {
     craftNode: {},
@@ -2329,145 +2353,153 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["update:slotsPropsPropsMap"],
   setup(t, { emit: e }) {
-    const r = t, n = e, o = de(r, "craftNode"), { buckets: s } = Ir(o), a = N(() => {
-      const g = /* @__PURE__ */ new Set();
-      return s.value.filter((E) => g.has(E.slotName) ? !1 : (g.add(E.slotName), !0)).map((E) => ({
-        value: E.slotName,
-        label: E.keys.length ? `${E.slotName} (${E.ancestorComponentName}: ${E.keys.join(", ")})` : `${E.slotName} (${E.ancestorComponentName})`
+    const r = t, n = e, o = (_) => {
+      const g = _.trim();
+      if (!g.startsWith("{")) return g;
+      try {
+        return JSON.parse(g);
+      } catch {
+        return g;
+      }
+    }, s = (_) => typeof _ == "string" ? _ : JSON.stringify(_), a = he(r, "craftNode"), { buckets: i } = Lr(a), l = C(() => {
+      const _ = /* @__PURE__ */ new Set();
+      return i.value.filter((g) => _.has(g.slotName) ? !1 : (_.add(g.slotName), !0)).map((g) => ({
+        value: g.slotName,
+        label: g.keys.length ? `${g.slotName} (${g.ancestorComponentName}: ${g.keys.join(", ")})` : `${g.slotName} (${g.ancestorComponentName})`
       }));
-    }), i = (g) => {
-      const E = r.availableProps || [];
-      return !g || E.some((b) => b.value === g) ? E : [{ value: g, label: `${g} (custom)` }, ...E];
-    }, l = H([]);
-    J(() => o.value?.uuid, () => {
-      const g = o.value;
-      l.value = Object.entries(g?.slotsPropsPropsMap || {}).map(
-        ([E, b]) => ({
-          id: G(),
-          bucket: E,
-          fields: Object.entries(b).map(([O, C]) => ({
-            id: G(),
-            targetProp: O,
-            fromPath: C
+    }), u = (_) => {
+      const g = r.availableProps || [];
+      return !_ || g.some((w) => w.value === _) ? g : [{ value: _, label: `${_} (custom)` }, ...g];
+    }, d = K([]);
+    ne(() => a.value?.uuid, () => {
+      const _ = a.value;
+      d.value = Object.entries(_?.slotsPropsPropsMap || {}).map(
+        ([g, w]) => ({
+          id: ee(),
+          bucket: g,
+          fields: Object.entries(w).map(([y, N]) => ({
+            id: ee(),
+            targetProp: y,
+            fromPath: s(N)
           }))
         })
       );
     }, { immediate: !0 });
-    const p = () => {
-      const g = {};
-      l.value.forEach((E) => {
-        if (!E.bucket.trim()) return;
-        const b = {};
-        E.fields.forEach((O) => {
-          O.targetProp.trim() && O.fromPath.trim() && (b[O.targetProp.trim()] = O.fromPath.trim());
-        }), Object.keys(b).length && (g[E.bucket.trim()] = b);
-      }), n("update:slotsPropsPropsMap", g);
-    }, m = () => {
-      l.value.push({
-        id: G(),
-        bucket: a.value[0]?.value || "",
-        fields: [{ id: G(), targetProp: "", fromPath: "" }]
-      }), p();
-    }, f = (g) => {
-      l.value.splice(g, 1), p();
-    }, h = (g, E) => {
-      l.value[g].bucket = E, p();
-    }, y = (g) => {
-      l.value[g].fields.push({
-        id: G(),
+    const f = () => {
+      const _ = {};
+      d.value.forEach((g) => {
+        if (!g.bucket.trim()) return;
+        const w = {};
+        g.fields.forEach((y) => {
+          y.targetProp.trim() && y.fromPath.trim() && (w[y.targetProp.trim()] = o(y.fromPath));
+        }), Object.keys(w).length && (_[g.bucket.trim()] = w);
+      }), n("update:slotsPropsPropsMap", _);
+    }, h = () => {
+      d.value.push({
+        id: ee(),
+        bucket: l.value[0]?.value || "",
+        fields: [{ id: ee(), targetProp: "", fromPath: "" }]
+      }), f();
+    }, b = (_) => {
+      d.value.splice(_, 1), f();
+    }, P = (_, g) => {
+      d.value[_].bucket = g, f();
+    }, A = (_) => {
+      d.value[_].fields.push({
+        id: ee(),
         targetProp: "",
         fromPath: ""
       });
-    }, x = (g, E) => {
-      l.value[g].fields.splice(E, 1), p();
-    }, P = (g, E, b, O) => {
-      l.value[g].fields[E][b] = O, p();
+    }, T = (_, g) => {
+      d.value[_].fields.splice(g, 1), f();
+    }, U = (_, g, w, y) => {
+      d.value[_].fields[g][w] = y, f();
     };
-    return (g, E) => Q(g.$slots, "panel-content", {
-      craftNode: o.value,
-      mappingGroups: l.value,
-      bucketOptions: a.value,
+    return (_, g) => J(_.$slots, "panel-content", {
+      craftNode: a.value,
+      mappingGroups: d.value,
+      bucketOptions: l.value,
       availableProps: t.availableProps ?? [],
-      targetPropOptionsFor: i,
-      addGroup: m,
-      removeGroup: f,
-      updateBucket: h,
-      addField: y,
-      removeField: x,
-      updateField: P
+      targetPropOptionsFor: u,
+      addGroup: h,
+      removeGroup: b,
+      updateBucket: P,
+      addField: A,
+      removeField: T,
+      updateField: U
     }, () => [
-      o.value ? (v(), _("fieldset", Tr, [
-        E[0] || (E[0] = w("legend", { class: "formkit-legend" }, "Props Mapping", -1)),
-        E[1] || (E[1] = w("p", { class: "formkit-help" }, [
-          oe(" Map fields from an ancestor slot's context into this component's own props using JSONPath (e.g. "),
-          w("code", null, "$.item.name"),
-          oe("). ")
+      a.value ? (v(), E("fieldset", Fr, [
+        g[0] || (g[0] = O("legend", { class: "formkit-legend" }, "Props Mapping", -1)),
+        g[1] || (g[1] = O("p", { class: "formkit-help" }, [
+          ie(" Map fields from an ancestor slot's context into this component's own props using JSONPath (e.g. "),
+          O("code", null, "$.item.name"),
+          ie("), or paste a JSON mapping object if the app supports richer transforms. ")
         ], -1)),
-        l.value.length ? D("", !0) : (v(), _("p", Ur, " No mappings configured. ")),
-        (v(!0), _(U, null, T(l.value, (b, O) => (v(), _("div", {
-          key: b.id,
+        d.value.length ? R("", !0) : (v(), E("p", Hr, " No mappings configured. ")),
+        (v(!0), E(B, null, j(d.value, (w, y) => (v(), E("div", {
+          key: w.id,
           class: "v-craft-slot-props-map-group"
         }, [
-          z(d(se), {
+          Q(p(le), {
             type: "select",
             label: "Context",
             placeholder: "Select context",
-            options: a.value,
-            value: b.bucket,
-            onInput: (C) => h(O, String(C ?? ""))
+            options: l.value,
+            value: w.bucket,
+            onInput: (N) => P(y, String(N ?? ""))
           }, null, 8, ["options", "value", "onInput"]),
-          (v(!0), _(U, null, T(b.fields, (C, I) => (v(), _(U, {
-            key: C.id
+          (v(!0), E(B, null, j(w.fields, (N, S) => (v(), E(B, {
+            key: N.id
           }, [
-            t.availableProps && t.availableProps.length ? (v(), A(d(se), {
+            t.availableProps && t.availableProps.length ? (v(), M(p(le), {
               key: 0,
               type: "select",
               label: "Target Prop",
               placeholder: "target prop",
-              options: i(C.targetProp),
-              value: C.targetProp,
-              onInput: (R) => P(O, I, "targetProp", String(R ?? ""))
-            }, null, 8, ["options", "value", "onInput"])) : (v(), A(d(se), {
+              options: u(N.targetProp),
+              value: N.targetProp,
+              onInput: (I) => U(y, S, "targetProp", String(I ?? ""))
+            }, null, 8, ["options", "value", "onInput"])) : (v(), M(p(le), {
               key: 1,
               type: "text",
               label: "Target Prop",
               placeholder: "target prop",
-              value: C.targetProp,
-              onInput: (R) => P(O, I, "targetProp", String(R ?? ""))
+              value: N.targetProp,
+              onInput: (I) => U(y, S, "targetProp", String(I ?? ""))
             }, null, 8, ["value", "onInput"])),
-            z(d(se), {
-              type: "text",
-              label: "JSONPath",
-              placeholder: "$.item.name",
-              value: C.fromPath,
-              onInput: (R) => P(O, I, "fromPath", String(R ?? ""))
+            Q(p(le), {
+              type: "textarea",
+              label: "JSONPath (or JSON mapping object)",
+              placeholder: "$.item.name  (or paste a JSON transform object)",
+              value: N.fromPath,
+              onInput: (I) => U(y, S, "fromPath", String(I ?? ""))
             }, null, 8, ["value", "onInput"]),
-            w("button", {
+            O("button", {
               type: "button",
               class: "formkit-input v-craft-slot-props-remove",
-              onClick: F((R) => x(O, I), ["prevent"])
-            }, " Remove field ", 8, jr)
+              onClick: V((I) => T(y, S), ["prevent"])
+            }, " Remove field ", 8, Vr)
           ], 64))), 128)),
-          w("button", {
+          O("button", {
             type: "button",
             class: "formkit-input v-craft-slot-props-add",
-            onClick: F((C) => y(O), ["prevent"])
-          }, " + Add field ", 8, Br),
-          w("button", {
+            onClick: V((N) => A(y), ["prevent"])
+          }, " + Add field ", 8, Kr),
+          O("button", {
             type: "button",
             class: "formkit-input v-craft-slot-props-remove",
-            onClick: F((C) => f(O), ["prevent"])
-          }, " Remove group ", 8, Lr)
+            onClick: V((N) => b(y), ["prevent"])
+          }, " Remove group ", 8, Xr)
         ]))), 128)),
-        w("button", {
+        O("button", {
           type: "button",
           class: "formkit-input v-craft-slot-props-add",
-          onClick: F(m, ["prevent"])
+          onClick: V(h, ["prevent"])
         }, " + Add mapping group ")
-      ])) : D("", !0)
+      ])) : R("", !0)
     ], !0);
   }
-}), Hr = /* @__PURE__ */ ge(Fr, [["__scopeId", "data-v-f762baf8"]]), Kr = (t) => Array.isArray(t) ? t.filter(
+}), qr = /* @__PURE__ */ Ee(zr, [["__scopeId", "data-v-74ec0ff3"]]), Yr = (t) => Array.isArray(t) ? t.filter(
   (e) => typeof e == "object" && e !== null && typeof e.name == "string"
 ).map((e) => {
   const r = e.name, n = e.label;
@@ -2475,118 +2507,118 @@ const Gt = /* @__PURE__ */ j({
     value: r,
     label: typeof n == "string" && n.trim() ? n : r
   };
-}) : [], Vr = { class: "text-sm" }, Xr = { key: 0 }, zr = {
+}) : [], Qr = { class: "text-sm" }, Gr = { key: 0 }, Wr = {
   key: 0,
   class: "v-craft-settings"
-}, qr = {
+}, Zr = {
   key: 1,
   class: "v-craft-settings"
-}, Yr = {
+}, Jr = {
   key: 2,
   class: "v-craft-settings"
-}, Qr = {
+}, en = {
   key: 3,
   class: "v-craft-settings"
-}, Gr = {
+}, tn = {
   class: "v-craft-actions",
   "data-type": "button"
-}, Wr = /* @__PURE__ */ j({
+}, rn = /* @__PURE__ */ L({
   __name: "CraftEditorPanelSettings",
   setup(t) {
-    const e = V(), { selectedNode: r, nodeDataMap: n } = te(e), o = he("resolver"), s = N(() => !r.value || !o?.value ? [] : o.value.getSchema(r.value)), a = N(() => !r.value || !o?.value ? [] : o.value.getEventsSchema(r.value)), i = N(() => Kr(s.value)), l = N(
+    const e = q(), { selectedNode: r, nodeDataMap: n } = se(e), o = ge("resolver"), s = C(() => !r.value || !o?.value ? [] : o.value.getSchema(r.value)), a = C(() => !r.value || !o?.value ? [] : o.value.getEventsSchema(r.value)), i = C(() => Yr(s.value)), l = C(
       () => r.value && r.value.parentUuid
     ), u = () => {
       r.value && e.removeNode(r.value);
-    }, p = N(
+    }, d = C(
       () => r.value ? `${o?.value?.resolveNode(r.value)?.componentName || "Unknown"}` : ""
-    ), m = (P) => {
-      r.value && P && e.updateNodeProps(r.value.uuid, P);
-    }, f = (P) => {
-      r.value && P && e.updateNodeEvents(r.value.uuid, P);
-    }, h = (P) => {
+    ), m = (A) => {
+      r.value && A && e.updateNodeProps(r.value.uuid, A);
+    }, f = (A) => {
+      r.value && A && e.updateNodeEvents(r.value.uuid, A);
+    }, h = (A) => {
       r.value && e.updateNodeSlotsPropsPropsMap(
         r.value.uuid,
-        P
+        A
       );
-    }, y = N(
+    }, b = C(
       () => r.value ? n.value[r.value.uuid] ?? null : null
-    ), x = (P) => {
-      r.value && e.setNodeData(r.value.uuid, P);
+    ), P = (A) => {
+      r.value && e.setNodeData(r.value.uuid, A);
     };
-    return (P, g) => {
-      const E = B("CraftEditorPanelNodeSettings"), b = B("CraftEditorPanelNodeEventsSettings"), O = B("CraftEditorPanelNodeSlotPropsSettings"), C = B("CraftEditorPanelNodeDataSourceSettings");
-      return Q(P.$slots, "panel-content", {
-        selectedNode: d(r),
-        nodeName: p.value,
+    return (A, T) => {
+      const U = H("CraftEditorPanelNodeSettings"), _ = H("CraftEditorPanelNodeEventsSettings"), g = H("CraftEditorPanelNodeSlotPropsSettings"), w = H("CraftEditorPanelNodeDataSourceSettings");
+      return J(A.$slots, "panel-content", {
+        selectedNode: p(r),
+        nodeName: d.value,
         handlePropsUpdate: m,
         schema: s.value,
         eventsSchema: a.value,
         handleEventsUpdate: f,
         availableProps: i.value,
         handleSlotsPropsPropsMapUpdate: h,
-        nodeData: y.value,
-        handleNodeDataUpdate: x,
+        nodeData: b.value,
+        handleNodeDataUpdate: P,
         deleteable: l.value,
         removeNode: u
       }, () => [
-        w("div", {
+        O("div", {
           ref: "panel",
           class: "v-craft-panel v-craft-settings-panel",
-          onClick: F(() => !1, ["prevent", "stop"])
+          onClick: V(() => !1, ["prevent", "stop"])
         }, [
-          g[1] || (g[1] = w("h3", { class: "v-craft-title" }, "component inspector", -1)),
-          w("span", Vr, ee(d(r)?.uuid), 1),
-          d(r) ? D("", !0) : (v(), _("div", Xr, [...g[0] || (g[0] = [
-            w("p", null, "select a component to inspect", -1)
+          T[1] || (T[1] = O("h3", { class: "v-craft-title" }, "component inspector", -1)),
+          O("span", Qr, oe(p(r)?.uuid), 1),
+          p(r) ? R("", !0) : (v(), E("div", Gr, [...T[0] || (T[0] = [
+            O("p", null, "select a component to inspect", -1)
           ])])),
-          w("div", {
-            class: ve(["v-craft-properties", { "v-craft-visible": d(r) }])
+          O("div", {
+            class: ye(["v-craft-properties", { "v-craft-visible": p(r) }])
           }, [
-            w("h4", null, ee(p.value), 1),
-            s.value ? (v(), _("div", zr, [
-              z(E, {
-                craftNode: d(r),
+            O("h4", null, oe(d.value), 1),
+            s.value ? (v(), E("div", Wr, [
+              Q(U, {
+                craftNode: p(r),
                 schema: s.value,
                 "onUpdate:props": m
               }, null, 8, ["craftNode", "schema"])
-            ])) : D("", !0),
-            a.value && d(r) ? (v(), _("div", qr, [
-              z(b, {
-                craftNode: d(r),
+            ])) : R("", !0),
+            a.value && p(r) ? (v(), E("div", Zr, [
+              Q(_, {
+                craftNode: p(r),
                 schema: a.value,
                 "onUpdate:events": f
               }, null, 8, ["craftNode", "schema"])
-            ])) : D("", !0),
-            d(r) ? (v(), _("div", Yr, [
-              z(O, {
-                craftNode: d(r),
+            ])) : R("", !0),
+            p(r) ? (v(), E("div", Jr, [
+              Q(g, {
+                craftNode: p(r),
                 availableProps: i.value,
                 "onUpdate:slotsPropsPropsMap": h
               }, null, 8, ["craftNode", "availableProps"])
-            ])) : D("", !0),
-            d(r) ? (v(), _("div", Qr, [
-              z(C, {
-                craftNode: d(r),
-                nodeData: y.value,
-                "onUpdate:nodeData": x
+            ])) : R("", !0),
+            p(r) ? (v(), E("div", en, [
+              Q(w, {
+                craftNode: p(r),
+                nodeData: b.value,
+                "onUpdate:nodeData": P
               }, null, 8, ["craftNode", "nodeData"])
-            ])) : D("", !0),
-            w("div", Gr, [
-              l.value ? (v(), _("button", {
+            ])) : R("", !0),
+            O("div", tn, [
+              l.value ? (v(), E("button", {
                 key: 0,
                 class: "formkit-input v-craft-delete",
-                onClick: F(u, ["prevent"])
-              }, " Delete ")) : D("", !0)
+                onClick: V(u, ["prevent"])
+              }, " Delete ")) : R("", !0)
             ])
           ], 2)
         ], 512)
       ]);
     };
   }
-}), Fe = /* @__PURE__ */ j({
+}), Xe = /* @__PURE__ */ L({
   __name: "CraftDropIndicator",
   setup(t) {
-    const e = Re(), r = () => {
+    const e = je(), r = () => {
       const { top: n, left: o } = e.position, { width: s, height: a } = e.size;
       return {
         top: `${n}px`,
@@ -2595,13 +2627,13 @@ const Gt = /* @__PURE__ */ j({
         width: `${s}px`
       };
     };
-    return (n, o) => d(e).isShown ? (v(), _("div", {
+    return (n, o) => p(e).isShown ? (v(), E("div", {
       key: 0,
-      class: ve(["v-craft-indicator", { "v-craft-forbidden": d(e).isForbidden }]),
-      style: Me(r())
-    }, null, 6)) : D("", !0);
+      class: ye(["v-craft-indicator", { "v-craft-forbidden": p(e).isForbidden }]),
+      style: Te(r())
+    }, null, 6)) : R("", !0);
   }
-}), nt = /* @__PURE__ */ j({
+}), it = /* @__PURE__ */ L({
   __name: "CraftIframe",
   props: {
     iframeClass: { type: [Boolean, null, String, Object, Array], default: "" },
@@ -2613,103 +2645,103 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, n = H(), o = H(!1), s = H(), a = () => {
-      pe(() => {
+    const r = t, n = K(), o = K(!1), s = K(), a = () => {
+      ve(() => {
         if (!n.value) {
           console.error("iframe could not be loaded.");
           return;
         }
-        m("iframeLoad", n.value), n.value?.setAttribute("data-iframe-ready", "true"), p(), r.inheritStyles && i(), r.styles.forEach((f) => {
+        m("iframeLoad", n.value), n.value?.setAttribute("data-iframe-ready", "true"), d(), r.inheritStyles && i(), r.styles.forEach((f) => {
           n.value && l(n.value, f);
         }), r.styleSheets.forEach((f) => {
           n.value && u(n.value, f);
-        }), o.value = !0, pe(() => {
+        }), o.value = !0, ve(() => {
           n.value && (s.value = n.value?.contentWindow?.document.body);
         });
       });
     }, i = () => {
       const f = n.value?.contentWindow?.parent.document;
       if (!f) return;
-      Array.from(f.querySelectorAll("style") ?? []).forEach((x) => {
-        n.value?.contentDocument?.head.appendChild(x.cloneNode(!0));
-      }), Array.from(f.querySelectorAll("link[rel='stylesheet']") ?? []).forEach((x) => {
-        n.value?.contentDocument?.head.appendChild(x.cloneNode(!0));
+      Array.from(f.querySelectorAll("style") ?? []).forEach((P) => {
+        n.value?.contentDocument?.head.appendChild(P.cloneNode(!0));
+      }), Array.from(f.querySelectorAll("link[rel='stylesheet']") ?? []).forEach((P) => {
+        n.value?.contentDocument?.head.appendChild(P.cloneNode(!0));
       });
     }, l = (f, h) => {
-      const y = document.createElement("style");
-      y.innerHTML = h, f?.contentWindow?.document.getElementsByTagName("head").item(0)?.appendChild(y);
+      const b = document.createElement("style");
+      b.innerHTML = h, f?.contentWindow?.document.getElementsByTagName("head").item(0)?.appendChild(b);
     }, u = (f, h) => {
-      const y = document.createElement("link");
-      y.rel = "stylesheet", y.href = h, f.contentWindow?.document.head.appendChild(y);
-    }, p = () => {
+      const b = document.createElement("link");
+      b.rel = "stylesheet", b.href = h, f.contentWindow?.document.head.appendChild(b);
+    }, d = () => {
       const f = n.value?.contentWindow?.document;
       if (!f) return;
       const h = f.querySelector("body");
       if (!h) return;
-      const y = f.createAttribute("id");
-      y.nodeValue = "v-craft-body", h.attributes.setNamedItem(y);
+      const b = f.createAttribute("id");
+      b.nodeValue = "v-craft-body", h.attributes.setNamedItem(b);
     }, m = e;
-    return (f, h) => Et((v(), _("div", null, [
-      w("iframe", {
+    return (f, h) => _t((v(), E("div", null, [
+      O("iframe", {
         id: "v-craft-iframe",
         ref_key: "iframeRef",
         ref: n,
-        class: ve(t.iframeClass),
-        style: Me(t.iframeStyle),
+        class: ye(t.iframeClass),
+        style: Te(t.iframeStyle),
         onload: a
       }, null, 6),
-      o.value ? (v(), A(Ct, {
+      o.value ? (v(), M(St, {
         key: 0,
         to: n.value?.contentWindow?.document.body
       }, [
-        Q(f.$slots, "default")
-      ], 8, ["to"])) : D("", !0)
+        J(f.$slots, "default")
+      ], 8, ["to"])) : R("", !0)
     ], 512)), [
-      [_t, f.$slots.default]
+      [xt, f.$slots.default]
     ]);
   }
-}), Zr = (t) => typeof t.type == "symbol" ? "Fragment" : typeof t.type == "string" ? t.type : t.type.name ? t.type.name : "anonmymous", Pe = (t, e, r = null) => {
-  const n = Zr(e), { props: o } = e, s = {
+}), nn = (t) => typeof t.type == "symbol" ? "Fragment" : typeof t.type == "string" ? t.type : t.type.name ? t.type.name : "anonmymous", Re = (t, e, r = null) => {
+  const n = nn(e), { props: o } = e, s = {
     componentName: n,
     props: o,
     slots: {},
     parentUuid: r?.uuid ?? null,
-    uuid: G()
+    uuid: ee()
   };
   return e.children && (typeof e.children == "object" && !Array.isArray(e.children) ? Object.entries(e.children).forEach(([a, i]) => {
     if (typeof i == "function") {
       const l = i();
-      l && (s.slots[a] = He(
+      l && (s.slots[a] = ze(
         t,
         l,
         s
       ));
     }
-  }) : Array.isArray(e.children) && (s.slots.default = He(
+  }) : Array.isArray(e.children) && (s.slots.default = ze(
     t,
     e.children,
     s
   ))), s;
-}, He = (t, e, r) => !e || !(e instanceof Array) ? [] : e.map((n) => Pe(t, n, r)).filter((n) => !!n), Jr = (t) => {
-  const e = V(), { hasNodes: r } = te(e), n = t ? H(new xe(t)) : he("resolver");
-  n?.value && e.setResolver(n.value), t && W("resolver", n);
+}, ze = (t, e, r) => !e || !(e instanceof Array) ? [] : e.map((n) => Re(t, n, r)).filter((n) => !!n), on = (t) => {
+  const e = q(), { hasNodes: r } = se(e), n = t ? K(new Oe(t)) : ge("resolver");
+  n?.value && e.setResolver(n.value), t && te("resolver", n);
   const o = () => {
     if (n?.value && !r.value) {
-      const s = Xe(), i = (s.default ? s.default() : []).flatMap((l) => {
+      const s = Qe(), i = (s.default ? s.default() : []).flatMap((l) => {
         if (l.key === "_default" && l.children && Array.isArray(l.children))
           return l.children.map((u) => {
-            const p = Pe(n.value, u);
-            return p || console.error("Invalid node created from child:", u), p;
+            const d = Re(n.value, u);
+            return d || console.error("Invalid node created from child:", u), d;
           }).filter(Boolean);
         {
-          const u = Pe(n.value, l);
+          const u = Re(n.value, l);
           return u || console.error("Invalid node created from slot:", l), [u];
         }
       }).filter(Boolean);
       i.length && e.setNodes(i);
     }
   };
-  return Ne(o), J(
+  return xe(o), ne(
     () => n?.value,
     (s) => {
       s && e.setResolver(s);
@@ -2718,7 +2750,7 @@ const Gt = /* @__PURE__ */ j({
     editor: e,
     mountNodes: o
   };
-}, en = { class: "v-craft-frame" }, tn = /* @__PURE__ */ j({
+}, sn = { class: "v-craft-frame" }, an = /* @__PURE__ */ L({
   name: "CraftFrame",
   __name: "CraftFrame",
   props: {
@@ -2728,168 +2760,168 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, { iframe: n } = me(r), o = (p) => {
-      s("iframeLoad", p);
-    }, s = e, { editor: a } = Jr(r.resolverMap), { nodeTree: i, hasNodes: l, enabled: u } = te(a);
-    return (p, m) => {
-      const f = B("CraftNodeViewer"), h = B("CraftNodeEditor");
-      return v(), _("div", en, [
-        d(n) ? (v(), A(nt, {
+    const r = t, { iframe: n } = be(r), o = (d) => {
+      s("iframeLoad", d);
+    }, s = e, { editor: a } = on(r.resolverMap), { nodeTree: i, hasNodes: l, enabled: u } = se(a);
+    return (d, m) => {
+      const f = H("CraftNodeViewer"), h = H("CraftNodeEditor");
+      return v(), E("div", sn, [
+        p(n) ? (v(), M(it, {
           key: 0,
           onIframeLoad: o,
-          inheritStyles: d(n)?.inheritStyles,
-          iframeStyle: d(n)?.iframeStyle,
-          iframeClass: d(n)?.iframeClass,
-          class: ve(d(n)?.wrapperClass),
-          style: Me(d(n)?.wrapperStyle),
-          styles: d(n)?.styles,
-          styleSheets: d(n)?.styleSheets
+          inheritStyles: p(n)?.inheritStyles,
+          iframeStyle: p(n)?.iframeStyle,
+          iframeClass: p(n)?.iframeClass,
+          class: ye(p(n)?.wrapperClass),
+          style: Te(p(n)?.wrapperStyle),
+          styles: p(n)?.styles,
+          styleSheets: p(n)?.styleSheets
         }, {
-          default: q(() => [
-            (t.viewOnly || !d(u)) && d(l) ? (v(!0), _(U, { key: 0 }, T(d(i), (y) => (v(), A(f, {
-              key: `${y.uuid}-view`,
-              craftNode: y
-            }, null, 8, ["craftNode"]))), 128)) : D("", !0),
-            !t.viewOnly && d(u) && d(l) ? (v(!0), _(U, { key: 1 }, T(d(i), (y) => (v(), A(h, {
-              key: `${y.uuid}-edit`,
-              craftNode: y
-            }, null, 8, ["craftNode"]))), 128)) : D("", !0),
-            !t.viewOnly && d(u) ? (v(), A(Fe, { key: 2 })) : D("", !0)
+          default: G(() => [
+            (t.viewOnly || !p(u)) && p(l) ? (v(!0), E(B, { key: 0 }, j(p(i), (b) => (v(), M(f, {
+              key: `${b.uuid}-view`,
+              craftNode: b
+            }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+            !t.viewOnly && p(u) && p(l) ? (v(!0), E(B, { key: 1 }, j(p(i), (b) => (v(), M(h, {
+              key: `${b.uuid}-edit`,
+              craftNode: b
+            }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+            !t.viewOnly && p(u) ? (v(), M(Xe, { key: 2 })) : R("", !0)
           ]),
           _: 1
-        }, 8, ["inheritStyles", "iframeStyle", "iframeClass", "class", "style", "styles", "styleSheets"])) : D("", !0),
-        !d(n) && (t.viewOnly || !d(u)) && d(l) ? (v(!0), _(U, { key: 1 }, T(d(i), (y) => (v(), A(f, {
-          key: `${y.uuid}-view`,
-          craftNode: y
-        }, null, 8, ["craftNode"]))), 128)) : D("", !0),
-        !d(n) && !t.viewOnly && d(u) && d(l) ? (v(!0), _(U, { key: 2 }, T(d(i), (y) => (v(), A(h, {
-          key: `${y.uuid}-edit`,
-          craftNode: y
-        }, null, 8, ["craftNode"]))), 128)) : D("", !0),
-        !d(n) && !t.viewOnly && d(u) ? (v(), A(Fe, { key: 3 })) : D("", !0)
+        }, 8, ["inheritStyles", "iframeStyle", "iframeClass", "class", "style", "styles", "styleSheets"])) : R("", !0),
+        !p(n) && (t.viewOnly || !p(u)) && p(l) ? (v(!0), E(B, { key: 1 }, j(p(i), (b) => (v(), M(f, {
+          key: `${b.uuid}-view`,
+          craftNode: b
+        }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+        !p(n) && !t.viewOnly && p(u) && p(l) ? (v(!0), E(B, { key: 2 }, j(p(i), (b) => (v(), M(h, {
+          key: `${b.uuid}-edit`,
+          craftNode: b
+        }, null, 8, ["craftNode"]))), 128)) : R("", !0),
+        !p(n) && !t.viewOnly && p(u) ? (v(), M(Xe, { key: 3 })) : R("", !0)
       ]);
     };
   }
-}), rn = (t, e) => {
-  const r = V(), { enabled: n, selectedUuid: o, draggingDisabled: s } = te(r);
+}), ln = (t, e) => {
+  const r = q(), { enabled: n, selectedUuid: o, draggingDisabled: s } = se(r);
   let a = null;
   const i = () => {
     const m = e?.value?.$el;
     m && m !== a && (a = m, r.setNodeRef(t, m));
   };
-  Ne(i), J(e, i, { flush: "post" });
-  const l = N(
+  xe(i), ne(e, i, { flush: "post" });
+  const l = C(
     () => o.value === t.uuid
   );
   return {
-    isDraggable: N(() => n.value && !s.value && qt(t)),
+    isDraggable: C(() => n.value && !s.value && Zt(t)),
     isSelected: l,
     selectNode: () => {
       n.value && r.selectNode(t);
     }
   };
-}, Ie = (t, e, r, n) => {
-  const o = /* @__PURE__ */ new Map(), s = () => {
-    !t.value?.events || !Object.values(t.value.events).length || Object.entries(t.value.events).forEach(([a, i]) => {
-      if (!i.trim())
+}, Be = (t, e, r = {}) => {
+  const n = /* @__PURE__ */ new Map(), o = () => {
+    !t.value?.events || !Object.values(t.value.events).length || Object.entries(t.value.events).forEach(([s, a]) => {
+      if (!a.trim())
         return;
-      const l = (...u) => {
+      const i = (...l) => {
         try {
           new Function(
             "ctx",
             "craftNode",
             "args",
-            i
+            a
           )(
-            { ...e, getNodes: r, getNode: n },
+            { ...e, ...r },
             t.value.uuid,
-            ...u
+            ...l
           );
-        } catch (p) {
+        } catch (u) {
           console.error(
             `Event code execution failed with code: 
-${i}
+${a}
 
 Error:`,
-            p
+            u
           );
         }
       };
-      o.set(a, l);
+      n.set(s, i);
     });
   };
-  return J(
+  return ne(
     () => t,
     () => {
-      s();
+      o();
     }
-  ), Nt(() => {
-    s();
-  }), xt(() => {
-    o.clear();
+  ), Ot(() => {
+    o();
+  }), wt(() => {
+    n.clear();
   }), {
-    eventHandlers: N(() => Object.fromEntries(o))
+    eventHandlers: C(() => Object.fromEntries(n))
   };
-}, ot = (t) => {
+}, lt = (t) => {
   const e = (() => {
     try {
-      return V();
+      return q();
     } catch {
       return null;
     }
-  })(), r = N(() => e ? te(e).enabled?.value ?? !1 : !1), n = N(() => t.value?.visible !== !1);
-  return W("craftNode", qe(t)), {
+  })(), r = C(() => e ? se(e).enabled?.value ?? !1 : !1), n = C(() => t.value?.visible !== !1);
+  return te("craftNode", We(t)), {
     editor: e,
     craftNode: t,
     enabled: r,
     visible: n
   };
-}, st = (t, e) => {
+}, ut = (t, e) => {
   if (!e.getBoundingClientRect) return !1;
   const r = e.getBoundingClientRect();
   return t.clientX - r.left < r.width / 2;
-}, at = (t, e) => {
+}, ct = (t, e) => {
   if (!e.getBoundingClientRect) return !1;
   const r = e.getBoundingClientRect();
   return t.clientY - r.top < r.height / 2;
-}, it = (t, e) => {
+}, dt = (t, e) => {
   if (!e.getBoundingClientRect) return !1;
   const r = e.getBoundingClientRect();
   return t.clientX - r.left < 15 || t.clientY - r.top < 15 || r.right - t.clientX < 15 || r.bottom - t.clientY < 15;
-}, lt = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
+}, pt = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
   if (r.draggedNode) {
-    if (n.setIsForbidden(!Ce(r.draggedNode, o.value, s)), st(t, e)) {
+    if (n.setIsForbidden(!_e(r.draggedNode, o.value, s)), ut(t, e)) {
       n.pointBefore(e);
       return;
     }
     n.pointAfter(e);
   }
-}, nn = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
+}, un = (t, e, { editor: r, indicator: n, craftNode: o, resolver: s }) => {
   if (!r.draggedNode) return;
   const i = t.target.closest(".v-craft-drop-text");
   if (i) {
-    const u = !fe(r.draggedNode, o.value, s);
+    const u = !me(r.draggedNode, o.value, s);
     n.setIsForbidden(u), n.pointInside(i);
     return;
   }
-  if (it(t, e)) {
-    lt(t, e, { editor: r, indicator: n, craftNode: o, resolver: s });
+  if (dt(t, e)) {
+    pt(t, e, { editor: r, indicator: n, craftNode: o, resolver: s });
     return;
   }
-  const l = !fe(r.draggedNode, o.value, s);
-  if (n.setIsForbidden(l), at(t, e)) {
+  const l = !me(r.draggedNode, o.value, s);
+  if (n.setIsForbidden(l), ct(t, e)) {
     n.pointInsideTop(e);
     return;
   }
   n.pointInside(e);
-}, on = (t, e, r) => {
-  if (Y(r.craftNode.value)) {
-    nn(t, e, r);
+}, cn = (t, e, r) => {
+  if (W(r.craftNode.value)) {
+    un(t, e, r);
     return;
   }
-  lt(t, e, r);
-}, ut = (t, e, r, n) => {
-  if (!Ce(
+  pt(t, e, r);
+}, ft = (t, e, r, n) => {
+  if (!_e(
     r,
     n.craftNode.value,
     n.resolver
@@ -2899,52 +2931,52 @@ Error:`,
   if (!o)
     return n.craftNode.value;
   const s = Object.values(o.slots || {}).flat().find((a) => a.uuid === n.craftNode.value.uuid);
-  return !s || s.uuid === r.uuid || (st(t, e) ? n.editor.insertNodeBefore(r, s) : n.editor.insertNodeAfter(r, s)), n.craftNode.value;
-}, ct = (t, e, r, n) => {
+  return !s || s.uuid === r.uuid || (ut(t, e) ? n.editor.insertNodeBefore(r, s) : n.editor.insertNodeAfter(r, s)), n.craftNode.value;
+}, ht = (t, e, r, n) => {
   const { editor: o, resolver: s, craftNode: a } = n, i = t.target, l = o.nodeMap.get(i.id);
-  if (l && Y(l))
-    return ct(t, e, r, {
+  if (l && W(l))
+    return ht(t, e, r, {
       ...n,
-      craftNode: H(l)
+      craftNode: K(l)
     }), n.craftNode.value;
   const u = i.closest(".v-craft-drop-text");
-  let p = "default";
+  let d = "default";
   if (u) {
     const m = u.getAttribute("data-slot-name");
-    m && (p = m);
+    m && (d = m);
   } else {
-    if (it(t, e))
-      return ut(t, e, r, n);
+    if (dt(t, e))
+      return ft(t, e, r, n);
     const m = n.craftNode.value.slots || {}, f = Object.keys(m);
-    p = f.length > 0 ? f[0] : "default";
+    d = f.length > 0 ? f[0] : "default";
   }
-  return fe(
+  return me(
     r,
     n.craftNode.value,
     n.resolver
-  ) && (at(t, e) ? n.editor.prependNodeTo(
+  ) && (ct(t, e) ? n.editor.prependNodeTo(
     r,
     n.craftNode.value,
-    p
-  ) : n.editor.appendNodeTo(r, n.craftNode.value, p)), n.craftNode.value;
-}, sn = (t, e, r) => {
+    d
+  ) : n.editor.appendNodeTo(r, n.craftNode.value, d)), n.craftNode.value;
+}, dn = (t, e, r) => {
   if (!r.editor.draggedNode)
     return r.craftNode.value;
   const n = (() => {
     let o;
-    return r.editor.draggedNode?.uuid ? o = JSON.parse(JSON.stringify(r.editor.draggedNode)) : o = Je(
+    return r.editor.draggedNode?.uuid ? o = JSON.parse(JSON.stringify(r.editor.draggedNode)) : o = nt(
       JSON.parse(JSON.stringify(r.editor.draggedNode))
-    ), et(o, r.resolver);
+    ), ot(o, r.resolver);
   })();
-  return Y(r.craftNode.value) ? ct(t, e, n, r) : ut(t, e, n, r);
-}, Ke = {
-  handleDragOver: on,
-  handleDrop: sn
-}, an = (t, e, r) => {
-  const n = V(), o = Re(), s = (u) => {
+  return W(r.craftNode.value) ? ht(t, e, n, r) : ft(t, e, n, r);
+}, qe = {
+  handleDragOver: cn,
+  handleDrop: dn
+}, pn = (t, e, r) => {
+  const n = q(), o = je(), s = (u) => {
     n.enabled && n.dragNode(t.value);
-  }, a = Qe((u) => {
-    n.enabled && e.value?.$el && Ke.handleDragOver(u, e.value.$el, {
+  }, a = Je((u) => {
+    n.enabled && e.value?.$el && qe.handleDragOver(u, e.value.$el, {
       editor: n,
       indicator: o,
       craftNode: t,
@@ -2955,7 +2987,7 @@ Error:`,
     handleDragStart: s,
     handleDragOver: a,
     handleDrop: (u) => {
-      n.enabled && e.value?.$el && Ke.handleDrop(u, e.value.$el, {
+      n.enabled && e.value?.$el && qe.handleDrop(u, e.value.$el, {
         editor: n,
         indicator: o,
         craftNode: t,
@@ -2966,7 +2998,7 @@ Error:`,
       n.enabled && n.dragNode(null);
     }
   };
-}, ln = ["data-slot-name"], un = { class: "v-craft-slot-name" }, cn = /* @__PURE__ */ j({
+}, fn = ["data-slot-name"], hn = { class: "v-craft-slot-name" }, vn = /* @__PURE__ */ L({
   name: "CraftNodeEditor",
   __name: "CraftNodeEditor",
   props: {
@@ -2974,143 +3006,161 @@ Error:`,
     context: {}
   },
   setup(t) {
-    const e = t, { craftNode: r } = me(e), { editor: n, visible: o } = ot(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = Ee(r, () => e.context || {}), u = (k, $ = {}, L) => {
-      const re = a?.value?.getSlotsProps?.(r.value)?.[k], K = re ? Object.fromEntries(
-        re.filter((X) => X in $).map((X) => [X, $[X]])
-      ) : $, ue = {
+    const e = t, { craftNode: r } = be(e), { editor: n, visible: o } = lt(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = Pe(r, () => e.context || {}), u = (x, D = {}, F) => {
+      const Z = a?.value?.getSlotsProps?.(r.value)?.[x], z = Z ? Object.fromEntries(
+        Z.filter((Y) => Y in D).map((Y) => [Y, D[Y]])
+      ) : D, pe = {
         ...e.context || {},
-        [k]: K
+        [x]: z
       };
-      return L !== void 0 && (ue.data = L), ue;
+      return F !== void 0 && (pe.data = F), pe;
     };
-    J(
+    ne(
       a,
-      (k) => {
-        k && W("resolver", a);
+      (x) => {
+        x && te("resolver", a);
       },
       { immediate: !0 }
     );
-    const p = H(null), m = H(null), f = N(() => n?.nodeDataMap[r.value.uuid]), { isSelected: h, isDraggable: y, selectNode: x } = rn(
+    const d = K(null), m = K(null), f = C(() => n?.nodeDataMap[r.value.uuid]), { isSelected: h, isDraggable: b, selectNode: P } = ln(
       r.value,
-      p
-    ), { handleDragStart: P, handleDragOver: g, handleDrop: E, handleDragEnd: b } = an(r, p, a.value), { eventHandlers: O } = Ie(
+      d
+    ), { handleDragStart: A, handleDragOver: T, handleDrop: U, handleDragEnd: _ } = pn(r, d, a.value), { eventHandlers: g } = Be(
       r,
       n?.eventsContext || {},
-      () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
-      (k) => n?.nodeMap[k] ?? null
-    ), C = N(() => {
-      const k = a?.value?.resolve(r.value.componentName);
-      return k?.label ? k.label : Y(r.value) ? r.value.props.componentName : k?.componentName || r.value.componentName;
-    }), I = N(() => rt(r.value.uuid)), R = () => {
-      const $ = (m.value?.ownerDocument ?? p.value?.$el?.ownerDocument ?? document).querySelector(
+      {
+        getNodes: () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
+        getNode: (x) => n?.nodeMap.get(x) ?? null,
+        nodeValues: n?.nodeRuntimeProps,
+        setNodeProps: (x, D) => n?.setNodeRuntimeProps(x, D),
+        state: n?.pageState
+      }
+    ), w = C(() => n?.nodeRuntimeProps[r.value.uuid] || {}), y = (x) => {
+      n?.setNodeRuntimeProps(r.value.uuid, { value: x });
+    }, N = C(() => {
+      const x = (D, F) => (...Z) => {
+        F(...Z), g.value[D]?.(...Z);
+      };
+      return {
+        ...g.value,
+        input: x("input", (D) => y(D?.target?.value)),
+        change: x("change", (D) => y(D?.target?.value)),
+        "update:modelValue": x("update:modelValue", (D) => y(D))
+      };
+    }), S = C(() => {
+      const x = a?.value?.resolve(r.value.componentName);
+      return x?.label ? x.label : W(r.value) ? r.value.props.componentName : x?.componentName || r.value.componentName;
+    }), I = C(() => at(r.value.uuid)), X = () => {
+      const D = (m.value?.ownerDocument ?? d.value?.$el?.ownerDocument ?? document).querySelector(
         `[data-craft-uuid="${r.value.uuid}"]`
       );
-      if ($) return $;
-      let L = p.value?.$el;
-      for (; L && !(L instanceof HTMLElement); )
-        L = L.nextElementSibling ?? null;
-      return L ?? null;
-    }, ie = (k, $, L) => {
-      if (!(k instanceof Element)) {
-        console.error("resolveNodeEl returned a non-Element:", k);
+      if (D) return D;
+      let F = d.value?.$el;
+      for (; F && !(F instanceof HTMLElement); )
+        F = F.nextElementSibling ?? null;
+      return F ?? null;
+    }, ce = (x, D, F) => {
+      if (!(x instanceof Element)) {
+        console.error("resolveNodeEl returned a non-Element:", x);
         return;
       }
-      k.style.setProperty("--node-name", $), k.style.setProperty("--node-color", L), k.setAttribute("data-node-name", $);
-    }, le = () => {
-      const k = R();
-      k && (m.value = k, ie(k, C.value ?? "(n/a)", I.value));
+      x.style.setProperty("--node-name", D), x.style.setProperty("--node-color", F), x.setAttribute("data-node-name", D);
+    }, de = () => {
+      const x = X();
+      x && (m.value = x, ce(x, S.value ?? "(n/a)", I.value));
     };
-    Ne(() => pe(le)), Ot(() => pe(le)), J([C, I], () => {
-      m.value && ie(m.value, C.value ?? "", I.value);
+    xe(() => ve(de)), kt(() => ve(de)), ne([S, I], () => {
+      m.value && ce(m.value, S.value ?? "", I.value);
     });
-    const dt = N(() => {
-      const $ = a?.value?.resolveNode?.(r.value)?.slots;
-      return $ && $.length > 0 ? $ : ["default"];
-    }), pt = N(() => Y(r.value) ? !0 : Object.values(r.value.slots || {}).some(
-      (k) => k.length > 0
-    )), ft = () => x(), ht = (k, $) => f.value ? f.value.slotName && f.value.slotName !== $ ? [] : vt(f.value, k) : [], vt = (k, $) => k.type === "single" ? $.map((L) => ({
-      key: `${L.uuid}-single`,
+    const vt = C(() => {
+      const D = a?.value?.resolveNode?.(r.value)?.slots;
+      return D && D.length > 0 ? D : ["default"];
+    }), mt = C(() => W(r.value) ? !0 : Object.values(r.value.slots || {}).some(
+      (x) => x.length > 0
+    )), gt = () => P(), yt = (x, D) => f.value ? f.value.slotName && f.value.slotName !== D ? [] : bt(f.value, x) : [], bt = (x, D) => x.type === "single" ? D.map((F) => ({
+      key: `${F.uuid}-single`,
       craftNode: {
-        ...L,
-        props: { ...L.props, ...k.item || {} }
+        ...F,
+        props: { ...F.props, ...x.item || {} }
       },
-      dataItem: k.item || {}
-    })) : k.type === "list" ? k.list ? $.reduce((L, re) => L.concat(
-      k.list.map((K, ue) => ({
-        key: `${re.uuid}-data-${ue}`,
+      dataItem: x.item || {}
+    })) : x.type === "list" ? x.list ? D.reduce((F, Z) => F.concat(
+      x.list.map((z, pe) => ({
+        key: `${Z.uuid}-data-${pe}`,
         craftNode: {
-          ...re,
-          props: { ...re.props, ...K || {} }
+          ...Z,
+          props: { ...Z.props, ...z || {} }
         },
-        dataItem: K || {}
+        dataItem: z || {}
       }))
     ), []) : [] : [];
-    return (k, $) => {
-      const L = B("CraftNodeViewer"), re = B("CraftNodeEditor", !0);
-      return d(o) && d(r) && d(s) ? (v(), A(ye(d(i)), _e({
+    return (x, D) => {
+      const F = H("CraftNodeViewer"), Z = H("CraftNodeEditor", !0);
+      return p(o) && p(r) && p(s) ? (v(), M(Ce(p(i)), Se({
         key: 0,
         ref_key: "nodeRef",
-        ref: p
+        ref: d
       }, {
-        ...d(l),
-        "data-craft-uuid": d(r).uuid
-      }, $e(d(O)), {
+        ...p(l),
+        ...w.value,
+        "data-craft-uuid": p(r).uuid
+      }, Ue(N.value), {
         class: {
-          "v-craft-node-selected": d(h),
-          "v-craft-node": d(n)?.enabled,
-          "v-craft-canvas": d(Y)(d(r)),
-          "v-craft-empty": !d(r).slots || Object.keys(d(r).slots).length === 0 || Object.values(d(r).slots).every((K) => K.length === 0),
-          "v-craft-other-node-dragged": d(n)?.draggedNode && !d(Ze)(d(n).draggedNode, d(r))
+          "v-craft-node-selected": p(h),
+          "v-craft-node": p(n)?.enabled,
+          "v-craft-canvas": p(W)(p(r)),
+          "v-craft-empty": !p(r).slots || Object.keys(p(r).slots).length === 0 || Object.values(p(r).slots).every((z) => z.length === 0),
+          "v-craft-other-node-dragged": p(n)?.draggedNode && !p(rt)(p(n).draggedNode, p(r))
         },
-        draggable: d(n)?.enabled && d(y),
-        onClick: F(ft, ["prevent", "stop"]),
-        onDragend: F(d(b), ["prevent", "stop"]),
-        onDragover: F(d(g), ["prevent", "stop"]),
-        onDragstart: F(d(P), ["stop"]),
-        onDrop: F(d(E), ["prevent", "stop"])
-      }), be({ _: 2 }, [
-        T(dt.value, (K) => ({
-          name: K,
-          fn: q((ue) => [
-            d(Y)(d(r)) && (!d(r).slots || d(r).slots[K]?.length == 0) ? (v(), _("div", {
+        draggable: p(n)?.enabled && p(b),
+        onClick: V(gt, ["prevent", "stop"]),
+        onDragend: V(p(_), ["prevent", "stop"]),
+        onDragover: V(p(T), ["prevent", "stop"]),
+        onDragstart: V(p(A), ["stop"]),
+        onDrop: V(p(U), ["prevent", "stop"])
+      }), Ne({ _: 2 }, [
+        j(vt.value, (z) => ({
+          name: z,
+          fn: G((pe) => [
+            p(W)(p(r)) && (!p(r).slots || p(r).slots[z]?.length == 0) ? (v(), E("div", {
               key: 0,
               class: "v-craft-drop-text",
-              "data-slot-name": K,
-              onDragover: $[0] || ($[0] = F(
+              "data-slot-name": z,
+              onDragover: D[0] || (D[0] = V(
                 //@ts-ignore
-                (...X) => d(g) && d(g)(...X),
+                (...Y) => p(T) && p(T)(...Y),
                 ["prevent", "stop"]
               )),
-              onDrop: $[1] || ($[1] = F(
+              onDrop: D[1] || (D[1] = V(
                 //@ts-ignore
-                (...X) => d(E) && d(E)(...X),
+                (...Y) => p(U) && p(U)(...Y),
                 ["prevent", "stop"]
               ))
             }, [
-              $[2] || ($[2] = w("span", { class: "v-craft-drop-text-label" }, "Drop a component here", -1)),
-              w("span", un, ee(K), 1)
-            ], 40, ln)) : D("", !0),
-            pt.value ? (v(), _(U, { key: 1 }, [
-              f.value?.type && (!f.value.slotName || f.value.slotName === K) ? (v(!0), _(U, { key: 0 }, T(ht(
-                d(r).slots?.[K] || [],
-                K
-              ), (X) => (v(), A(L, {
-                key: X.key,
-                craftNode: X.craftNode,
-                context: u(K, ue, X.dataItem)
-              }, null, 8, ["craftNode", "context"]))), 128)) : D("", !0),
-              (v(!0), _(U, null, T(d(r).slots?.[K] || [], (X) => (v(), A(re, {
-                key: X.uuid,
-                craftNode: X,
-                context: u(K, ue)
+              D[2] || (D[2] = O("span", { class: "v-craft-drop-text-label" }, "Drop a component here", -1)),
+              O("span", hn, oe(z), 1)
+            ], 40, fn)) : R("", !0),
+            mt.value ? (v(), E(B, { key: 1 }, [
+              f.value?.type && (!f.value.slotName || f.value.slotName === z) ? (v(!0), E(B, { key: 0 }, j(yt(
+                p(r).slots?.[z] || [],
+                z
+              ), (Y) => (v(), M(F, {
+                key: Y.key,
+                craftNode: Y.craftNode,
+                context: u(z, pe, Y.dataItem)
+              }, null, 8, ["craftNode", "context"]))), 128)) : R("", !0),
+              (v(!0), E(B, null, j(p(r).slots?.[z] || [], (Y) => (v(), M(Z, {
+                key: Y.uuid,
+                craftNode: Y,
+                context: u(z, pe)
               }, null, 8, ["craftNode", "context"]))), 128))
-            ], 64)) : D("", !0)
+            ], 64)) : R("", !0)
           ])
         }))
-      ]), 1040, ["class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : D("", !0);
+      ]), 1040, ["class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : R("", !0);
     };
   }
-}), ke = /* @__PURE__ */ j({
+}), Me = /* @__PURE__ */ L({
   name: "CraftNodeViewer",
   __name: "CraftNodeViewer",
   props: {
@@ -3120,77 +3170,94 @@ Error:`,
     context: {}
   },
   setup(t) {
-    const e = t, r = de(e, "craftNode"), { editor: n, visible: o } = ot(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = Ee(r, () => e.context || {});
-    W("resolver", a);
-    const u = (b, O = {}, C) => {
-      const I = a?.value?.getSlotsProps?.(r.value)?.[b], R = I ? Object.fromEntries(
-        I.filter((le) => le in O).map((le) => [le, O[le]])
-      ) : O, ie = {
+    const e = t, r = he(e, "craftNode"), { editor: n, visible: o } = lt(r), { resolvedNode: s, resolver: a, componentToRender: i, props: l } = Pe(r, () => e.context || {});
+    te("resolver", a);
+    const u = (y, N = {}, S) => {
+      const I = a?.value?.getSlotsProps?.(r.value)?.[y], X = I ? Object.fromEntries(
+        I.filter((de) => de in N).map((de) => [de, N[de]])
+      ) : N, ce = {
         ...e.context || {},
-        [b]: R
+        [y]: X
       };
-      return C !== void 0 && (ie.data = C), ie;
-    }, p = N(() => e.nodeDataMap?.[r.value.uuid] || n?.nodeDataMap?.[r.value.uuid]), m = N(() => r.value.slots || {}), f = N(() => Y(r.value)), h = N(() => {
-      if (!y.value)
+      return S !== void 0 && (ce.data = S), ce;
+    }, d = C(() => e.nodeDataMap?.[r.value.uuid] || n?.nodeDataMap?.[r.value.uuid]), m = C(() => r.value.slots || {}), f = C(() => W(r.value)), h = C(() => {
+      if (!b.value)
         return [];
-      const b = [], C = a?.value?.resolveNode?.(r.value)?.slots;
-      return C && C.length > 0 ? b.push(...C) : b.push("default"), b;
-    }), y = N(() => f.value ? !0 : Object.values(m.value).some((b) => b.length > 0)), x = (b, O) => p.value ? p.value.slotName && p.value.slotName !== O ? [] : E(p.value, b) : [], P = H(null), { eventHandlers: g } = Ie(
+      const y = [], S = a?.value?.resolveNode?.(r.value)?.slots;
+      return S && S.length > 0 ? y.push(...S) : y.push("default"), y;
+    }), b = C(() => f.value ? !0 : Object.values(m.value).some((y) => y.length > 0)), P = (y, N) => d.value ? d.value.slotName && d.value.slotName !== N ? [] : w(d.value, y) : [], A = K(null), { eventHandlers: T } = Be(
       r,
       e.eventsContext || n?.eventsContext || {},
-      () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
-      (b) => n?.nodeMap[b] ?? null
-    );
-    Ne(() => {
-      P.value && r.value && n && n.setNodeRef(r.value, P.value);
+      {
+        getNodes: () => n?.nodeMap ? Object.fromEntries(n.nodeMap.entries()) : null,
+        getNode: (y) => n?.nodeMap.get(y) ?? null,
+        nodeValues: n?.nodeRuntimeProps,
+        setNodeProps: (y, N) => n?.setNodeRuntimeProps(y, N),
+        state: n?.pageState
+      }
+    ), U = C(() => n?.nodeRuntimeProps[r.value.uuid] || {}), _ = (y) => {
+      n?.setNodeRuntimeProps(r.value.uuid, { value: y });
+    }, g = C(() => {
+      const y = (N, S) => (...I) => {
+        S(...I), T.value[N]?.(...I);
+      };
+      return {
+        ...T.value,
+        input: y("input", (N) => _(N?.target?.value)),
+        change: y("change", (N) => _(N?.target?.value)),
+        "update:modelValue": y("update:modelValue", (N) => _(N))
+      };
+    });
+    xe(() => {
+      A.value && r.value && n && n.setNodeRef(r.value, A.value);
     });
-    const E = (b, O) => b.type === "single" ? O.map((C) => ({
-      key: `${C.uuid}-single`,
+    const w = (y, N) => y.type === "single" ? N.map((S) => ({
+      key: `${S.uuid}-single`,
       craftNode: {
-        ...C,
+        ...S,
         props: {
-          ...C.props,
-          ...b.item || {}
+          ...S.props,
+          ...y.item || {}
         }
       },
-      dataItem: b.item || {}
-    })) : b.type === "list" ? b.list ? O.reduce((C, I) => C.concat(
+      dataItem: y.item || {}
+    })) : y.type === "list" ? y.list ? N.reduce((S, I) => S.concat(
       //@ts-ignore
-      b.list.map((R, ie) => ({
-        key: `${I.uuid}-data-${ie}`,
+      y.list.map((X, ce) => ({
+        key: `${I.uuid}-data-${ce}`,
         craftNode: {
           ...I,
           props: {
             ...I.props,
-            ...R || {}
+            ...X || {}
           }
         }
       }))
     ), []) : [] : [];
-    return (b, O) => d(o) && d(a) && d(s) ? (v(), A(ye(d(i)), _e({
+    return (y, N) => p(o) && p(a) && p(s) ? (v(), M(Ce(p(i)), Se({
       key: 0,
       ref_key: "nodeRef",
-      ref: P
-    }, d(l), $e(d(g))), be({ _: 2 }, [
-      T(h.value, (C) => ({
-        name: C,
-        fn: q((I) => [
-          y.value ? (v(), _(U, { key: 0 }, [
-            p.value?.type ? (v(!0), _(U, { key: 1 }, T(x(m.value[C], C), (R) => (v(), A(ke, {
-              key: R.key,
-              craftNode: R.craftNode,
-              context: u(C, I, R.dataItem)
-            }, null, 8, ["craftNode", "context"]))), 128)) : (v(!0), _(U, { key: 0 }, T(m.value[C], (R) => (v(), A(ke, {
-              key: R.uuid,
-              craftNode: R,
-              context: u(C, I)
+      ref: A
+    }, { ...p(l), ...U.value }, Ue(g.value)), Ne({ _: 2 }, [
+      j(h.value, (S) => ({
+        name: S,
+        fn: G((I) => [
+          b.value ? (v(), E(B, { key: 0 }, [
+            d.value?.type ? (v(!0), E(B, { key: 1 }, j(P(m.value[S], S), (X) => (v(), M(Me, {
+              key: X.key,
+              craftNode: X.craftNode,
+              context: u(S, I, X.dataItem)
+            }, null, 8, ["craftNode", "context"]))), 128)) : (v(!0), E(B, { key: 0 }, j(m.value[S], (X) => (v(), M(Me, {
+              key: X.uuid,
+              craftNode: X,
+              context: u(S, I)
             }, null, 8, ["craftNode", "context"]))), 128))
-          ], 64)) : D("", !0)
+          ], 64)) : R("", !0)
         ])
       }))
-    ]), 1040)) : D("", !0);
+    ]), 1040)) : R("", !0);
   }
-}), De = /* @__PURE__ */ j({
+}), $e = /* @__PURE__ */ L({
   name: "CraftNodeStatic",
   __name: "CraftNodeStatic",
   props: {
@@ -3198,80 +3265,106 @@ Error:`,
     nodeMap: {},
     nodeDataMap: {},
     eventsContext: {},
+    nodeRuntimeProps: {},
+    pageState: {},
     context: {}
   },
   setup(t) {
-    const e = t, { craftNode: r, nodeMap: n } = me(e), { resolvedNode: o, resolver: s, componentToRender: a, props: i } = Ee(r, () => e.context || {});
-    W("resolver", s), W("craftNode", qe(r.value));
-    const l = (g, E = {}, b) => {
-      const O = s?.value?.getSlotsProps?.(r.value)?.[g], C = O ? Object.fromEntries(
-        O.filter((R) => R in E).map((R) => [R, E[R]])
-      ) : E, I = {
+    const e = t, { craftNode: r, nodeMap: n } = be(e), { resolvedNode: o, resolver: s, componentToRender: a, props: i } = Pe(r, () => e.context || {});
+    te("resolver", s), te("craftNode", We(r.value));
+    const l = (g, w = {}, y) => {
+      const N = s?.value?.getSlotsProps?.(r.value)?.[g], S = N ? Object.fromEntries(
+        N.filter((X) => X in w).map((X) => [X, w[X]])
+      ) : w, I = {
         ...e.context || {},
-        [g]: C
+        [g]: S
       };
-      return b !== void 0 && (I.data = b), I;
-    }, u = N(() => e.nodeDataMap?.[r.value.uuid] || null), p = N(() => r.value.slots || {}), m = N(() => Y(r.value)), f = N(() => {
+      return y !== void 0 && (I.data = y), I;
+    }, u = C(() => e.nodeDataMap?.[r.value.uuid] || null), d = C(() => r.value.slots || {}), m = C(() => W(r.value)), f = C(() => {
       if (!h.value)
         return [];
-      const g = [], b = s?.value?.resolveNode?.(r.value)?.slots;
-      return b && b.length > 0 ? g.push(...b) : g.push("default"), g;
-    }), h = N(() => m.value ? !0 : Object.values(p.value).some((g) => g.length > 0)), y = (g, E) => u.value ? u.value.slotName && u.value.slotName !== E ? [] : P(u.value, g) : [], { eventHandlers: x } = Ie(
+      const g = [], y = s?.value?.resolveNode?.(r.value)?.slots;
+      return y && y.length > 0 ? g.push(...y) : g.push("default"), g;
+    }), h = C(() => m.value ? !0 : Object.values(d.value).some((g) => g.length > 0)), b = (g, w) => u.value ? u.value.slotName && u.value.slotName !== w ? [] : _(u.value, g) : [], P = (g, w) => {
+      e.nodeRuntimeProps && (e.nodeRuntimeProps[g] = { ...e.nodeRuntimeProps[g] || {}, ...w });
+    }, { eventHandlers: A } = Be(
       r,
       e.eventsContext || {},
-      () => Object.fromEntries(n.value.entries()),
-      (g) => n.value[g] ?? null
-    ), P = (g, E) => g.type === "single" ? E.map((b) => ({
-      key: `${b.uuid}-single`,
+      {
+        getNodes: () => Object.fromEntries(n.value.entries()),
+        getNode: (g) => n.value.get(g) ?? null,
+        nodeValues: e.nodeRuntimeProps,
+        setNodeProps: P,
+        state: e.pageState
+      }
+    ), T = C(() => ({
+      ...i.value,
+      ...e.nodeRuntimeProps?.[r.value.uuid] || {}
+    })), U = C(() => {
+      const g = (w, y) => (...N) => {
+        y(...N), A.value[w]?.(...N);
+      };
+      return {
+        ...A.value,
+        input: g("input", (w) => P(r.value.uuid, { value: w?.target?.value })),
+        change: g("change", (w) => P(r.value.uuid, { value: w?.target?.value })),
+        "update:modelValue": g("update:modelValue", (w) => P(r.value.uuid, { value: w }))
+      };
+    }), _ = (g, w) => g.type === "single" ? w.map((y) => ({
+      key: `${y.uuid}-single`,
       craftNode: {
-        ...b,
+        ...y,
         props: {
-          ...b.props,
+          ...y.props,
           ...g.item || {}
         }
       },
       dataItem: g.item || {}
-    })) : g.type === "list" ? g.list ? E.reduce((b, O) => b.concat(
+    })) : g.type === "list" ? g.list ? w.reduce((y, N) => y.concat(
       //@ts-ignore
-      g.list.map((C, I) => ({
-        key: `${O.uuid}-data-${I}`,
+      g.list.map((S, I) => ({
+        key: `${N.uuid}-data-${I}`,
         craftNode: {
-          ...O,
+          ...N,
           props: {
-            ...O.props,
-            ...C || {}
+            ...N.props,
+            ...S || {}
           }
         },
-        dataItem: C || {}
+        dataItem: S || {}
       }))
     ), []) : [] : [];
-    return (g, E) => (d(r).visible || d(r).visible === void 0) && d(s) && d(o) ? (v(), A(ye(d(a)), _e({
+    return (g, w) => (p(r).visible || p(r).visible === void 0) && p(s) && p(o) ? (v(), M(Ce(p(a)), Se({
       key: 0,
       ref: "nodeRef"
-    }, d(i), $e(d(x))), be({ _: 2 }, [
-      T(f.value, (b) => ({
-        name: b,
-        fn: q((O) => [
-          u.value?.type ? (v(!0), _(U, { key: 1 }, T(y(p.value[b], b), (C) => (v(), A(De, {
-            key: C.key,
-            craftNode: C.craftNode,
-            nodeMap: d(n),
+    }, T.value, Ue(U.value)), Ne({ _: 2 }, [
+      j(f.value, (y) => ({
+        name: y,
+        fn: G((N) => [
+          u.value?.type ? (v(!0), E(B, { key: 1 }, j(b(d.value[y], y), (S) => (v(), M($e, {
+            key: S.key,
+            craftNode: S.craftNode,
+            nodeMap: p(n),
             nodeDataMap: t.nodeDataMap,
             eventsContext: t.eventsContext,
-            context: l(b, O, C.dataItem)
-          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "context"]))), 128)) : (v(!0), _(U, { key: 0 }, T(p.value[b], (C) => (v(), A(De, {
-            key: C.uuid,
-            craftNode: C,
-            nodeMap: d(n),
+            nodeRuntimeProps: t.nodeRuntimeProps,
+            pageState: t.pageState,
+            context: l(y, N, S.dataItem)
+          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState", "context"]))), 128)) : (v(!0), E(B, { key: 0 }, j(d.value[y], (S) => (v(), M($e, {
+            key: S.uuid,
+            craftNode: S,
+            nodeMap: p(n),
             nodeDataMap: t.nodeDataMap,
             eventsContext: t.eventsContext,
-            context: l(b, O)
-          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "context"]))), 128))
+            nodeRuntimeProps: t.nodeRuntimeProps,
+            pageState: t.pageState,
+            context: l(y, N)
+          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState", "context"]))), 128))
         ])
       }))
-    ]), 1040)) : D("", !0);
+    ]), 1040)) : R("", !0);
   }
-}), dn = /* @__PURE__ */ j({
+}), mn = /* @__PURE__ */ L({
   name: "CraftStaticRenderer",
   __name: "CraftStaticRenderer",
   props: {
@@ -3282,48 +3375,52 @@ Error:`,
     eventsContext: {}
   },
   setup(t) {
-    const e = t, r = (s, a) => {
-      a.set(s.uuid, s), Object.entries(s.slots).forEach(([i, l]) => {
-        l?.forEach && l.forEach((u) => r(u, a));
+    const e = t, r = (i, l) => {
+      l.set(i.uuid, i), Object.entries(i.slots).forEach(([u, d]) => {
+        d?.forEach && d.forEach((m) => r(m, l));
       });
-    }, n = N(() => {
-      const s = /* @__PURE__ */ new Map();
-      return e.nodes.forEach((a) => r(a, s)), s;
-    }), o = N(
-      () => e.resolver || new xe(e.resolverMap)
+    }, n = C(() => {
+      const i = /* @__PURE__ */ new Map();
+      return e.nodes.forEach((l) => r(l, i)), i;
+    }), o = C(
+      () => e.resolver || new Oe(e.resolverMap)
     );
-    return W("resolver", o), W("nodeDataMap", e.nodeDataMap || {}), W("eventsContext", e.eventsContext || {}), (s, a) => (v(!0), _(U, null, T(t.nodes, (i) => (v(), A(De, {
-      key: i.uuid,
-      craftNode: i,
+    te("resolver", o), te("nodeDataMap", e.nodeDataMap || {}), te("eventsContext", e.eventsContext || {});
+    const s = He({}), a = He({});
+    return (i, l) => (v(!0), E(B, null, j(t.nodes, (u) => (v(), M($e, {
+      key: u.uuid,
+      craftNode: u,
       nodeMap: n.value,
       nodeDataMap: t.nodeDataMap,
-      eventsContext: t.eventsContext
-    }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext"]))), 128));
+      eventsContext: t.eventsContext,
+      nodeRuntimeProps: s,
+      pageState: a
+    }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState"]))), 128));
   }
-}), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CraftCanvas: Vt,
-  CraftComponentSimpleText: Qt,
-  CraftEditor: Gt,
-  CraftEditorBlueprint: Wt,
-  CraftEditorBlueprintsList: nr,
-  CraftEditorPanelBlueprints: ir,
-  CraftEditorPanelForm: lr,
-  CraftEditorPanelLayers: fr,
-  CraftEditorPanelLayout: Er,
-  CraftEditorPanelNodeDataSourceSettings: xr,
-  CraftEditorPanelNodeEventsSettings: wr,
-  CraftEditorPanelNodeLayer: Ar,
-  CraftEditorPanelNodeSettings: $r,
-  CraftEditorPanelNodeSlotPropsSettings: Hr,
-  CraftEditorPanelSettings: Wr,
-  CraftFrame: tn,
-  CraftIframe: nt,
-  CraftNodeEditor: cn,
-  CraftNodeViewer: ke,
-  CraftStaticRenderer: dn,
-  Utils: Zt
-}, Symbol.toStringTag, { value: "Module" })), Cn = {
+  CraftCanvas: Qt,
+  CraftComponentSimpleText: er,
+  CraftEditor: tr,
+  CraftEditorBlueprint: rr,
+  CraftEditorBlueprintsList: lr,
+  CraftEditorPanelBlueprints: pr,
+  CraftEditorPanelForm: fr,
+  CraftEditorPanelLayers: yr,
+  CraftEditorPanelLayout: Sr,
+  CraftEditorPanelNodeDataSourceSettings: kr,
+  CraftEditorPanelNodeEventsSettings: Ar,
+  CraftEditorPanelNodeLayer: Tr,
+  CraftEditorPanelNodeSettings: jr,
+  CraftEditorPanelNodeSlotPropsSettings: qr,
+  CraftEditorPanelSettings: rn,
+  CraftFrame: an,
+  CraftIframe: it,
+  CraftNodeEditor: vn,
+  CraftNodeViewer: Me,
+  CraftStaticRenderer: mn,
+  Utils: nr
+}, Symbol.toStringTag, { value: "Module" })), xn = {
   metadata: {
     name: "default"
   },
@@ -3339,8 +3436,8 @@ Error:`,
     }
   }
 };
-function _n() {
-  const t = H(null);
+function On() {
+  const t = K(null);
   return { nodeEl: t, vNodeEl: {
     mounted(r) {
       t.value = r;
@@ -3353,27 +3450,27 @@ function _n() {
     }
   } };
 }
-const Nn = (t, e, r) => {
+const wn = (t, e, r) => {
   const n = {
     type: e.type,
     item: e.type === "single" ? {} : void 0,
     list: e.type === "list" ? [] : void 0
   }, o = (a, i) => {
     let l = a;
-    return i.patchSource === "value" ? i.value ?? i.defaultValue ?? null : (i.patchSource === "child" && (l = r), (i.type === "single" ? S({ path: i.fromPath, json: l, resultType: "value" }) : S({ path: i.fromPath, json: l })) ?? i.defaultValue ?? null);
-  }, s = e.type === "single" ? S({ path: e.fromPath, json: t, resultType: "value" }) : S({ path: e.fromPath, json: t });
+    return i.patchSource === "value" ? i.value ?? i.defaultValue ?? null : (i.patchSource === "child" && (l = r), (i.type === "single" ? k({ path: i.fromPath, json: l, resultType: "value" }) : k({ path: i.fromPath, json: l })) ?? i.defaultValue ?? null);
+  }, s = e.type === "single" ? k({ path: e.fromPath, json: t, resultType: "value" }) : k({ path: e.fromPath, json: t });
   return e.type === "single" ? e.patches.forEach((a) => {
     const i = o(s, a);
-    Se(n.item, a.toPath, i);
+    Ae(n.item, a.toPath, i);
   }) : e.type === "list" && (n.list = s.map((a) => {
     const i = {};
     return e.patches.forEach((l) => {
       const u = o(a, l);
-      Se(i, l.toPath, u);
+      Ae(i, l.toPath, u);
     }), i;
   })), n;
 };
-function pn(t, e) {
+function gn(t, e) {
   const r = {};
   return !t.events || !Object.keys(t.events).length || Object.entries(t.events).forEach(([n, o]) => {
     o?.trim() && (r[n] = (...s) => {
@@ -3396,7 +3493,7 @@ Error:`,
     });
   }), r;
 }
-function fn(t, e, r = "default") {
+function yn(t, e, r = "default") {
   if (!t.slots || !t.slots[r]) return [];
   const n = t.slots[r];
   return e.type === "single" ? n.map((o) => ({
@@ -3411,20 +3508,20 @@ function fn(t, e, r = "default") {
     }))
   ) : [];
 }
-function Ae(t, e, r, n, o) {
-  if (!We(t))
+function Ie(t, e, r, n, o) {
+  if (!tt(t))
     return null;
   const s = e.resolveNode(t), a = s?.componentName || t.componentName, i = r?.[a] || a, l = {
     ...s?.defaultProps || {},
     ...t.props
-  }, u = o ? pn(t, o) : {}, p = n?.[t.uuid];
+  }, u = o ? gn(t, o) : {}, d = n?.[t.uuid];
   let m;
-  return p?.type ? m = fn(
+  return d?.type ? m = yn(
     t,
-    p,
-    p.slotName || "default"
+    d,
+    d.slotName || "default"
   ).map(
-    (h) => Ae(
+    (h) => Ie(
       h,
       e,
       r,
@@ -3432,19 +3529,19 @@ function Ae(t, e, r, n, o) {
       o
     )
   ).filter((h) => h !== null) : t.slots && (m = Object.values(t.slots).flat().map(
-    (f) => Ae(
+    (f) => Ie(
       f,
       e,
       r,
       n,
       o
     )
-  ).filter((f) => f !== null)), wt(i, { key: t.uuid, ...l, ...u }, m);
+  ).filter((f) => f !== null)), Dt(i, { key: t.uuid, ...l, ...u }, m);
 }
-function xn(t, e) {
-  const r = new xe(e.resolverMap);
+function kn(t, e) {
+  const r = new Oe(e.resolverMap);
   return t.map(
-    (n) => Ae(
+    (n) => Ie(
       n,
       r,
       e.componentRegistry,
@@ -3453,7 +3550,7 @@ function xn(t, e) {
     )
   ).filter((n) => n !== null);
 }
-const On = {
+const Dn = {
   CraftComponentSimpleText: {
     componentName: "CraftComponentSimpleText",
     eventsSchema: {
@@ -3499,55 +3596,55 @@ const On = {
   CraftCanvas: {
     componentName: "CraftCanvas"
   }
-}, hn = (t) => {
-  for (const e in Ve)
-    t.component(e, Ve[e]);
-}, wn = { install: hn };
+}, bn = (t) => {
+  for (const e in Ye)
+    t.component(e, Ye[e]);
+}, An = { install: bn };
 export {
-  Vt as CraftCanvas,
-  Qt as CraftComponentSimpleText,
-  Gt as CraftEditor,
-  Wt as CraftEditorBlueprint,
-  nr as CraftEditorBlueprintsList,
-  ir as CraftEditorPanelBlueprints,
-  lr as CraftEditorPanelForm,
-  fr as CraftEditorPanelLayers,
-  Er as CraftEditorPanelLayout,
-  xr as CraftEditorPanelNodeDataSourceSettings,
-  wr as CraftEditorPanelNodeEventsSettings,
-  Ar as CraftEditorPanelNodeLayer,
-  $r as CraftEditorPanelNodeSettings,
-  Hr as CraftEditorPanelNodeSlotPropsSettings,
-  Wr as CraftEditorPanelSettings,
-  tn as CraftFrame,
-  nt as CraftIframe,
-  cn as CraftNodeEditor,
-  xe as CraftNodeResolver,
-  ke as CraftNodeViewer,
-  dn as CraftStaticRenderer,
-  Zt as Utils,
-  wn as VCraft,
-  Je as buildCraftNodeTree,
-  fe as craftNodeCanBeChildOf,
-  Ce as craftNodeCanBeSiblingOf,
-  zt as craftNodeInCanvas,
-  Ze as craftNodeIsAncestorOf,
-  Y as craftNodeIsCanvas,
-  qt as craftNodeIsDraggable,
-  Cn as defaultBlueprints,
-  On as defaultResolvers,
-  et as initializeSlotsFromResolver,
-  We as isVisible,
-  Nn as mapData,
-  Ae as renderCraftNodeToVNode,
-  xn as renderCraftNodesToVNodes,
-  ae as resolveNodeName,
-  Ir as useAncestorContextBuckets,
-  Xt as useCraftNode,
-  V as useEditor,
-  Re as useIndicator,
-  _n as useNodeElement,
-  Ee as useResolveCraftNode,
-  Ht as useResolveCraftNodeProps
+  Qt as CraftCanvas,
+  er as CraftComponentSimpleText,
+  tr as CraftEditor,
+  rr as CraftEditorBlueprint,
+  lr as CraftEditorBlueprintsList,
+  pr as CraftEditorPanelBlueprints,
+  fr as CraftEditorPanelForm,
+  yr as CraftEditorPanelLayers,
+  Sr as CraftEditorPanelLayout,
+  kr as CraftEditorPanelNodeDataSourceSettings,
+  Ar as CraftEditorPanelNodeEventsSettings,
+  Tr as CraftEditorPanelNodeLayer,
+  jr as CraftEditorPanelNodeSettings,
+  qr as CraftEditorPanelNodeSlotPropsSettings,
+  rn as CraftEditorPanelSettings,
+  an as CraftFrame,
+  it as CraftIframe,
+  vn as CraftNodeEditor,
+  Oe as CraftNodeResolver,
+  Me as CraftNodeViewer,
+  mn as CraftStaticRenderer,
+  nr as Utils,
+  An as VCraft,
+  nt as buildCraftNodeTree,
+  me as craftNodeCanBeChildOf,
+  _e as craftNodeCanBeSiblingOf,
+  Wt as craftNodeInCanvas,
+  rt as craftNodeIsAncestorOf,
+  W as craftNodeIsCanvas,
+  Zt as craftNodeIsDraggable,
+  xn as defaultBlueprints,
+  Dn as defaultResolvers,
+  ot as initializeSlotsFromResolver,
+  tt as isVisible,
+  wn as mapData,
+  Ie as renderCraftNodeToVNode,
+  kn as renderCraftNodesToVNodes,
+  ue as resolveNodeName,
+  Lr as useAncestorContextBuckets,
+  Gt as useCraftNode,
+  q as useEditor,
+  je as useIndicator,
+  On as useNodeElement,
+  Pe as useResolveCraftNode,
+  qt as useResolveCraftNodeProps
 };
 //# sourceMappingURL=v-craft.es.js.map