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

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 _, toValue as Be, inject as ge, defineAsyncComponent as Et, defineComponent as B, useSlots as Qe, useAttrs as Ct, unref as d, openBlock as v, createBlock as $, resolveDynamicComponent as Ce, normalizeProps as Le, mergeProps as xe, createSlots as Ne, renderList as U, withCtx as G, renderSlot as J, guardReactiveProps as Nt, createCommentVNode as M, markRaw as Ge, ref as K, watch as ne, normalizeClass as ye, createTextVNode as ie, toDisplayString as oe, createElementBlock as N, withKeys as Fe, withModifiers as V, nextTick as ve, provide as te, resolveComponent as H, createVNode as Q, Fragment as j, createElementVNode as O, toRef as he, onUnmounted as _t, toRefs as be, normalizeStyle as Ie, withDirectives as Pt, Teleport as xt, vShow as St, onMounted as Se, onBeforeMount as Ot, onBeforeUnmount as wt, readonly as We, onUpdated as kt, toHandlers as Te, 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 = {};
   }
@@ -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 we = 43, Bt = 45, fe = {
   name: "assignment",
   assignmentOperators: /* @__PURE__ */ new Set(["=", "*=", "**=", "/=", "%=", "+=", "-=", "<<=", ">>=", ">>>=", "&=", "^=", "|=", "||=", "&&=", "??="]),
-  updateOperators: [Oe, It],
+  updateOperators: [we, 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 === we ? "++" : "--",
         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 === we ? "++" : "--",
           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__"]), I = {
   /**
    * @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 I.evalBinaryExpression(t, e);
       case "Compound":
-        return M.evalCompound(t, e);
+        return I.evalCompound(t, e);
       case "ConditionalExpression":
-        return M.evalConditionalExpression(t, e);
+        return I.evalConditionalExpression(t, e);
       case "Identifier":
-        return M.evalIdentifier(t, e);
+        return I.evalIdentifier(t, e);
       case "Literal":
-        return M.evalLiteral(t, e);
+        return I.evalLiteral(t, e);
       case "MemberExpression":
-        return M.evalMemberExpression(t, e);
+        return I.evalMemberExpression(t, e);
       case "UnaryExpression":
-        return M.evalUnaryExpression(t, e);
+        return I.evalUnaryExpression(t, e);
       case "ArrayExpression":
-        return M.evalArrayExpression(t, e);
+        return I.evalArrayExpression(t, e);
       case "CallExpression":
-        return M.evalCallExpression(t, e);
+        return I.evalCallExpression(t, e);
       case "AssignmentExpression":
-        return M.evalAssignmentExpression(t, e);
+        return I.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](I.evalAst(t.left, e), () => I.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 = I.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 I.evalAst(t.test, e) ? I.evalAst(t.consequent, e) : I.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 ? I.evalAst(t.property) : t.property.name
       // `object.property` property is Identifier
-    ), n = M.evalAst(t.object, e);
+    ), n = I.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) => -I.evalAst(n, e),
+      "!": (n) => !I.evalAst(n, e),
+      "~": (n) => ~I.evalAst(n, e),
       // eslint-disable-next-line no-implicit-coercion -- API
-      "+": (n) => +M.evalAst(n, e),
-      typeof: (n) => typeof M.evalAst(n, e),
+      "+": (n) => +I.evalAst(n, e),
+      typeof: (n) => typeof I.evalAst(n, e),
       // eslint-disable-next-line no-void, sonarjs/void-use -- feature
-      void: (n) => void M.evalAst(n, e)
+      void: (n) => void I.evalAst(n, e)
     }[t.operator](t.argument);
   },
   evalArrayExpression(t, e) {
-    return t.elements.map((r) => M.evalAst(r, e));
+    return t.elements.map((r) => I.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) => I.evalAst(o, e)), n = I.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 = I.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 I.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 ke(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 D(t, e, r, n, o) {
+  if (!(this instanceof D))
     try {
-      return new S(t, e, r, n, o);
+      return new D(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) {
+D.prototype.evaluate = function(t, e, r, n) {
   let o = this.parent, s = this.parentProperty, {
     flatten: a,
     wrap: i
@@ -1022,9 +1022,9 @@ 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 = D.toPathString(t)), !t && t !== "" || !e)
     return;
-  const l = S.toPathArray(t);
+  const l = D.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;
@@ -1034,32 +1034,32 @@ S.prototype.evaluate = function(t, e, r, n) {
     return a && Array.isArray(f) ? p = p.concat(f) : p.push(f), p;
   }, []) : i ? [] : void 0;
 };
-S.prototype._getPreferredOutput = function(t) {
+D.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 : D.toPathArray(t.path);
+      return t.pointer = D.toPointer(r), t.path = typeof t.path == "string" ? t.path : D.toPathString(t.path), t;
     }
     case "value":
     case "parent":
     case "parentProperty":
       return t[e];
     case "path":
-      return S.toPathString(t[e]);
+      return D.toPathString(t[e]);
     case "pointer":
-      return S.toPointer(t.path);
+      return D.toPointer(t.path);
     default:
       throw new TypeError("Unknown result type");
   }
 };
-S.prototype._handleCallback = function(t, e, r) {
+D.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 : D.toPathString(t.path), e(n, r, t);
   }
 };
-S.prototype._trace = function(t, e, r, n, o, s, a, i) {
+D.prototype._trace = function(t, e, r, n, o, s, a, i) {
   let l;
   if (!t.length)
     return l = {
@@ -1071,19 +1071,19 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
     }, this._handleCallback(l, s, "value"), l;
   const u = t[0], p = t.slice(1), m = [];
   function f(h) {
-    Array.isArray(h) ? h.forEach((y) => {
-      m.push(y);
+    Array.isArray(h) ? h.forEach((g) => {
+      m.push(g);
     }) : 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(p, 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(p, 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));
+      typeof e[h] == "object" && f(this._trace(t.slice(), e[h], ae(r, h), e, h, s, !0));
     });
   else {
     if (u === "^")
@@ -1094,7 +1094,7 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
       };
     if (u === "~")
       return l = {
-        path: ne(r, u),
+        path: ae(r, u),
         value: o,
         parent: n,
         parentProperty: null
@@ -1106,21 +1106,21 @@ S.prototype._trace = function(t, e, r, n, o, s, a, i) {
     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"), g = /@.?([^?]*)[['](\??\(.*?\))(?!.\)\])[\]']/gu.exec(h);
+      g ? this._walk(e, (P) => {
+        const A = [g[2]], C = g[1] ? e[P][g[1]] : e[P];
+        this._trace(A, C, r, n, o, s, !0).length > 0 && f(this._trace(p, 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(p, 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(ke(this._eval(u, e, r.at(-1), r.slice(0, -1), n, o), p), e, r, n, o, s, a));
     } else if (u[0] === "@") {
       let h = !1;
-      const y = u.slice(1, -2);
-      switch (y) {
+      const g = u.slice(1, -2);
+      switch (g) {
         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 === g && (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 === g && (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 " + g);
       }
       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(p, 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 g of h)
+        f(this._trace(ke(g, p), e, r, n, o, s, !0));
+    } else !i && e && Object.hasOwn(e, u) && f(this._trace(p, 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 g = m[h];
+      if (g && g.isParentSelector) {
+        const P = this._trace(g.expr, e, g.path, n, o, s, a);
+        if (Array.isArray(P)) {
+          m[h] = P[0];
+          const A = P.length;
+          for (let C = 1; C < A; C++)
+            h++, m.splice(h, 0, P[C]);
         } else
-          m[h] = x;
+          m[h] = P;
       }
     }
   return m;
 };
-S.prototype._walk = function(t, e) {
+D.prototype._walk = function(t, e) {
   if (Array.isArray(t)) {
     const r = t.length;
     for (let n = 0; n < r; n++)
@@ -1196,7 +1196,7 @@ S.prototype._walk = function(t, e) {
     e(r);
   });
 };
-S.prototype._slice = function(t, e, r, n, o, s, a) {
+D.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;
@@ -1204,59 +1204,59 @@ S.prototype._slice = function(t, e, r, n, o, s, a) {
   p = p < 0 ? Math.max(0, p + i) : Math.min(i, p), 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);
+    this._trace(ke(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) {
+D.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 = D.toPathString(n.concat([r])));
   const i = this.currEval + "Script:" + t;
-  if (!S.cache[i]) {
+  if (!D.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);
+      D.cache[i] = new this.safeVm.Script(l);
     else if (this.currEval === "native")
-      S.cache[i] = new this.vm.Script(l);
+      D.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);
+      D.cache[i] = new u(l);
     } else if (typeof this.currEval == "function")
-      S.cache[i] = {
+      D.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 D.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) {
+D.cache = {};
+D.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) {
+D.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) {
+D.toPathArray = function(t) {
   const {
     cache: e
-  } = S;
+  } = D;
   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
+D.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,7 +1296,7 @@ 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();
@@ -1306,10 +1306,10 @@ class Lt {
     return new Function(...n, l)(...s);
   }
 }
-S.prototype.vm = {
-  Script: Lt
+D.prototype.vm = {
+  Script: Kt
 };
-function Se(t, e, r) {
+function De(t, e, r) {
   const n = e.replace(/^\$\.?/, "").split(/\.|\[|\]/).filter(Boolean);
   let o = t;
   for (let a = 0; a < n.length - 1; a++) {
@@ -1331,34 +1331,34 @@ function Se(t, e, r) {
   } else
     o[s] = r;
 }
-const Ft = (t, e) => {
+const Xt = (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({
+      const l = D({
         path: i,
         json: s,
         resultType: "value"
       });
-      l.length && Se(r, a, l[0]);
+      l.length && De(r, a, l[0]);
     });
   }), r;
-}, Ht = (t, e = {}) => ({
-  props: N(
-    () => Ft(Te(t)?.slotsPropsPropsMap, Te(e) || {})
+}, zt = (t, e = {}) => ({
+  props: _(
+    () => Xt(Be(t)?.slotsPropsPropsMap, Be(e) || {})
   )
-}), Kt = (t, e) => {
+}), qt = (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;
+}, _e = (t, e = {}) => {
+  const r = ge("resolver"), n = _(() => !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 = _(() => n.value?.defaultProps || {}), s = _(
+    () => qt(r?.value, t.value)
+  ), { props: a } = zt(t, e), i = _(() => ({
     ...o.value,
     ...t.value?.props,
     ...a.value
@@ -1370,48 +1370,48 @@ const Ft = (t, e) => {
     componentToRender: s,
     props: i
   };
-}, Vt = /* @__PURE__ */ j({
+}, Yt = /* @__PURE__ */ B({
   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 = _(() => ({
       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 } = _e(o);
+    return (a, i) => d(s) ? (v(), $(Ce(d(s)), Le(xe({ key: 0 }, d(r))), Ne({ _: 2 }, [
+      U(d(e), (l, u) => ({
         name: u,
-        fn: q((p) => [
-          Q(a.$slots, u, Ue(yt(p || {})))
+        fn: G((p) => [
+          J(a.$slots, u, Le(Nt(p || {})))
         ])
       }))
-    ]), 1040)) : D("", !0);
+    ]), 1040)) : M("", !0);
   }
-}), Xt = () => {
-  const t = he("craftNode");
+}), Qt = () => {
+  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 } = _e(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, Gt = (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();
+}, Wt = (t) => Gt(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 +1419,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", Pe = (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 +1446,7 @@ const Ft = (t, e) => {
     })) : t.slots = { default: [] };
   }
   return t;
-}, V = Ye("editor", {
+}, q = Ze("editor", {
   state: () => ({
     nodeMap: /* @__PURE__ */ new Map(),
     rootNodes: [],
@@ -1457,7 +1457,9 @@ const Ft = (t, e) => {
     resolver: null,
     eventsContext: {},
     nodeDataMap: {},
-    draggingDisabled: !1
+    draggingDisabled: !1,
+    nodeRuntimeProps: {},
+    pageState: {}
   }),
   actions: {
     clear() {
@@ -1484,7 +1486,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 +1515,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 +1528,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 +1569,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 +1581,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 +1593,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 (!Pe(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 +1613,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 (!Pe(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 +1633,9 @@ const Ft = (t, e) => {
     },
     setEventsContext(t) {
       this.eventsContext = t;
+    },
+    setNodeRuntimeProps(t, e) {
+      this.nodeRuntimeProps[t] = { ...this.nodeRuntimeProps[t] || {}, ...e };
     }
   },
   getters: {
@@ -1658,7 +1663,7 @@ const Ft = (t, e) => {
       return t.rootNodes.map((r) => e(r));
     }
   }
-}), Yt = ["value", "onKeyup"], Qt = /* @__PURE__ */ j({
+}), Zt = ["value", "onKeyup"], Jt = /* @__PURE__ */ B({
   __name: "CraftComponentSimpleText",
   props: {
     content: { default: "Lorem ipsum dolor sit amet..." },
@@ -1669,36 +1674,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: p } = Qt(), m = _(() => !!s && a.value), f = _(() => m.value && !i.value), h = () => {
+      f.value && g();
+    }, g = () => {
+      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, {
+      const b = l.value?.value.trim() ?? "";
+      b !== r.content && p.value?.uuid && (s?.nodeMap.set(p.value.uuid, {
         ...p.value,
         props: {
           ...p.value.props,
-          content: E
+          content: b
         }
-      }), await pe(), n("update:content", E));
-    }, g = () => {
+      }), await ve(), n("update:content", b));
+    }, C = () => {
       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, (b) => {
+      !b && i.value && C();
+    }), (b, T) => (v(), $(Ce(t.componentName), {
+      class: ye({
         "pre-wrap": !i.value,
         "editable-text": m.value,
         "is-editable": m.value,
@@ -1706,31 +1711,31 @@ 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(), N("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(C, ["esc"])
           ]
-        }, null, 40, Yt)) : D("", !0)
+        }, null, 40, Zt)) : M("", !0)
       ]),
       _: 1
     }, 40, ["class"]));
   }
 });
-class xe {
+class Oe {
   resolverMap = {};
   resolveComponentHook;
   constructor(e = {}) {
-    return this.setResolverMap(e), ze(this);
+    return this.setResolverMap(e), Ge(this);
   }
   setResolverMap(e) {
     this.resolverMap = {}, Object.entries(e).forEach(([r, n]) => {
@@ -1744,7 +1749,7 @@ class xe {
     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 +1765,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 +1780,7 @@ class xe {
     return this.resolveNode(e)?.slotsProps || {};
   }
 }
-const Re = Ye("indicator", {
+const Ue = Ze("indicator", {
   state: () => ({
     barSize: 2,
     visible: !1,
@@ -1811,12 +1816,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 +1832,7 @@ const Re = Ye("indicator", {
     size: (t) => t.dimensions
   }
 });
-function Le(t) {
+function Ke(t) {
   if (!(t instanceof HTMLElement))
     return {
       paddingTop: "0",
@@ -1845,7 +1850,7 @@ function Le(t) {
     s[a] = parseInt(s[a].slice(0, -2), 10);
   }), s;
 }
-const Gt = /* @__PURE__ */ j({
+const er = /* @__PURE__ */ B({
   __name: "CraftEditor",
   props: {
     config: {},
@@ -1853,26 +1858,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 = Ue(), { 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 p = H("CraftFrame"), m = H("CraftEditorPanelLayout");
+      return v(), $(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 +1885,14 @@ const Gt = /* @__PURE__ */ j({
           key: "0"
         } : {
           name: "default",
-          fn: q(() => [
-            z(p, {
+          fn: G(() => [
+            Q(p, {
               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 +1902,69 @@ const Gt = /* @__PURE__ */ j({
       ]), 1032, ["blueprints"]);
     };
   }
-}), Wt = /* @__PURE__ */ j({
+}), tr = /* @__PURE__ */ B({
   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(), N("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({
+}, rr = /* @__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" })), nr = { key: 0 }, or = { class: "flex flex-wrap gap-2 p-1" }, sr = { class: "v-craft-blueprint" }, ar = { class: "v-craft-blueprint-label" }, ir = /* @__PURE__ */ B({
   __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 d(e) ? (v(), N("div", nr, [
+        (v(!0), N(j, null, U(t.blueprints.groups, (s) => (v(), N("div", null, [
+          J(r.$slots, "blueprint-group", {
             group: s,
             resolver: d(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", or, [
+              (v(!0), N(j, null, U(d(st)(s, d(e)), (a, i) => (v(), $(o, {
                 craftNode: a,
                 key: i
               }, {
-                default: q(() => [
-                  w("div", tr, [
-                    w("div", rr, ee(a.label), 1)
+                default: G(() => [
+                  O("div", sr, [
+                    O("div", ar, oe(a.label), 1)
                   ])
                 ]),
                 _: 2
@@ -1967,10 +1972,10 @@ const Gt = /* @__PURE__ */ j({
             ])
           ])
         ]))), 256))
-      ])) : D("", !0);
+      ])) : M("", !0);
     };
   }
-}), or = { class: "v-craft-panel v-craft-blueprints-panel" }, sr = { class: "v-craft-panel-content" }, ar = /* @__PURE__ */ j({
+}), lr = { class: "v-craft-panel v-craft-blueprints-panel" }, ur = { class: "v-craft-panel-content" }, cr = /* @__PURE__ */ B({
   name: "CraftEditorPanelBlueprints",
   __name: "CraftEditorPanelBlueprints",
   props: {
@@ -1979,21 +1984,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(), N("div", lr, [
+        r[0] || (r[0] = O("h3", { class: "v-craft-title" }, "blueprints", -1)),
+        O("div", ur, [
+          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({
+}, dr = /* @__PURE__ */ Ee(cr, [["__scopeId", "data-v-a6de4dca"]]), pr = /* @__PURE__ */ B({
   __name: "CraftEditorPanelForm",
   props: {
     craftNode: {},
@@ -2002,34 +2007,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 = _(
       () => o.value ? { ...o.value } : {}
-    ), l = Qe((p) => {
+    ), l = Je((p) => {
       n("update", p);
     }, 50), u = (p) => {
       p != null && l(p);
     };
-    return bt(() => l.cancel()), (p, m) => Q(p.$slots, "panel-content", {
+    return _t(() => l.cancel()), (p, m) => J(p.$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({
+}), fr = { class: "v-craft-panel v-craft-layers-panel" }, hr = { class: "v-craft-layers" }, vr = { class: "v-craft-node-layers" }, mr = /* @__PURE__ */ B({
   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(), N("div", fr, [
+        s[0] || (s[0] = O("h3", { class: "v-craft-title" }, "tree", -1)),
+        O("div", hr, [
+          O("ul", vr, [
+            (v(!0), N(j, null, U(d(r), (i, l) => (v(), $(a, {
               key: l,
               craftNode: i,
               onLayerClick: n
@@ -2039,51 +2044,51 @@ const Gt = /* @__PURE__ */ j({
       ]);
     };
   }
-}), fr = /* @__PURE__ */ ge(pr, [["__scopeId", "data-v-ab795ec3"]]), hr = { key: 0 }, vr = {
+}), gr = /* @__PURE__ */ Ee(mr, [["__scopeId", "data-v-ab795ec3"]]), yr = { key: 0 }, br = {
   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({
+}, Er = { class: "flex w-full justify-between gap-10" }, Cr = { class: "v-craft-grid-panel v-craft-panel-left shrink" }, Nr = { class: "v-craft-grid-panel v-craft-panel-right shrink max-w-[20vw]" }, _r = /* @__PURE__ */ B({
   __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(), N("div", yr, [
+        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(), N("div", br, [
+        O("div", Er, [
+          O("div", Cr, [
+            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", Nr, [
+            Q(a),
+            Q(i)
           ])
         ])
       ]));
     };
   }
-}), Er = /* @__PURE__ */ ge(br, [["__scopeId", "data-v-7dd1d43b"]]), Cr = {
+}), Pr = /* @__PURE__ */ Ee(_r, [["__scopeId", "data-v-7dd1d43b"]]), xr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, _r = {
+}, Sr = {
   key: 0,
   class: "formkit-help v-craft-data-source-error"
-}, Nr = /* @__PURE__ */ j({
+}, Or = /* @__PURE__ */ B({
   __name: "CraftEditorPanelNodeDataSourceSettings",
   props: {
     craftNode: {},
@@ -2091,8 +2096,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 || {},
@@ -2119,20 +2124,20 @@ const Gt = /* @__PURE__ */ j({
     }, 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(), N("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(d(le), {
         type: "select",
         label: "Type",
         options: [
@@ -2140,22 +2145,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] = (g) => p(String(g ?? "single")))
       }, null, 8, ["value"]),
-      z(d(se), {
+      Q(d(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] = (g) => m(String(g ?? "")))
       }, null, 8, ["placeholder", "value"]),
-      i.value ? (v(), _("p", _r, ee(i.value), 1)) : D("", !0)
-    ])) : D("", !0);
+      i.value ? (v(), N("p", Sr, oe(i.value), 1)) : M("", !0)
+    ])) : M("", !0);
   }
-}), xr = /* @__PURE__ */ ge(Nr, [["__scopeId", "data-v-7c1c5696"]]), Or = {
+}), wr = /* @__PURE__ */ Ee(Or, [["__scopeId", "data-v-7c1c5696"]]), kr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, wr = /* @__PURE__ */ j({
+}, Dr = /* @__PURE__ */ B({
   __name: "CraftEditorPanelNodeEventsSettings",
   props: {
     craftNode: {},
@@ -2163,40 +2168,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, {
+      const l = H("CraftEditorPanelForm");
+      return v(), $(l, {
         craftNode: d(n),
         schema: d(o),
         model: d(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: p, handleFormInput: m, schema: f }) => [
+          f ? (v(), N("fieldset", kr, [
+            i[1] || (i[1] = O("legend", { class: "formkit-legend" }, "Events", -1)),
+            (v(), $(d(le), {
               key: u?.uuid,
               type: "form",
               value: p,
               onInput: m,
               actions: !1
             }, {
-              default: q(() => [
-                z(d(Ge), { schema: f }, null, 8, ["schema"])
+              default: G(() => [
+                Q(d(et), { schema: f }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : D("", !0)
+          ])) : M("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), Sr = { class: "v-craft-component-layer-face" }, Pr = { class: "v-craft-component-name" }, kr = {
+}), Ar = { class: "v-craft-component-layer-face" }, Rr = { class: "v-craft-component-name" }, Mr = {
   key: 0,
   class: "v-craft-node-layers nested-layers"
-}, Dr = /* @__PURE__ */ j({
+}, $r = /* @__PURE__ */ B({
   __name: "CraftEditorPanelNodeLayer",
   props: {
     craftNode: {},
@@ -2204,46 +2209,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 = _(
       () => 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 = _(() => ue(n.value)), p = _(
       () => 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", {
+      const g = H("CraftEditorPanelNodeLayer", !0);
+      return v(), N("li", {
+        class: ye(["v-craft-node-layer", {
           "v-craft-node-layer-selected": p.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", d(n)), ["prevent", "stop"]))
       }, [
-        w("div", Sr, [
-          w("div", Pr, ee(u.value), 1),
-          w("button", {
+        O("div", Ar, [
+          O("div", Rr, 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)),
+        d(n).slots && Object.keys(d(n).slots).length > 0 ? (v(), N("ul", Mr, [
+          (v(!0), N(j, null, U(d(n).slots, (P, A) => (v(), N(j, { key: A }, [
+            (v(!0), N(j, null, U(P, (C, b) => (v(), $(g, {
+              key: `${A}-${b}`,
+              craftNode: C,
+              onLayerClick: h[0] || (h[0] = (T) => a("layer-click", T)),
               visible: s.value
             }, null, 8, ["craftNode", "visible"]))), 128))
           ], 64))), 128))
-        ])) : D("", !0)
+        ])) : M("", !0)
       ], 2);
     };
   }
-}), Ar = /* @__PURE__ */ ge(Dr, [["__scopeId", "data-v-208a4e02"]]), Mr = {
+}), Ir = /* @__PURE__ */ Ee($r, [["__scopeId", "data-v-208a4e02"]]), Tr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, $r = /* @__PURE__ */ j({
+}, Ur = /* @__PURE__ */ B({
   __name: "CraftEditorPanelNodeSettings",
   props: {
     craftNode: {},
@@ -2251,43 +2256,43 @@ 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, {
+      const l = H("CraftEditorPanelForm");
+      return v(), $(l, {
         craftNode: d(n),
         schema: d(o),
         model: d(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: p, handleFormInput: m, schema: f }) => [
+          f ? (v(), N("fieldset", Tr, [
+            i[1] || (i[1] = O("legend", { class: "formkit-legend" }, "Properties", -1)),
+            (v(), $(d(le), {
               key: u?.uuid,
               type: "form",
               value: p,
               onInput: m,
               actions: !1
             }, {
-              default: q(() => [
-                z(d(Ge), { schema: f }, null, 8, ["schema"])
+              default: G(() => [
+                Q(d(et), { schema: f }, null, 8, ["schema"])
               ]),
               _: 2
             }, 1032, ["value", "onInput"]))
-          ])) : D("", !0)
+          ])) : M("", !0)
         ]),
         _: 1
       }, 8, ["craftNode", "schema", "model"]);
     };
   }
-}), Rr = (t) => {
+}), jr = (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(() => {
+}, Br = (t) => {
+  const e = q(), r = ge("resolver");
+  return { buckets: _(() => {
     const o = [];
     let s = t.value;
     for (; s?.parentUuid; ) {
@@ -2310,18 +2315,18 @@ const Gt = /* @__PURE__ */ j({
         slotName: "data",
         ancestorUuid: a.uuid,
         ancestorComponentName: a.componentName,
-        keys: Rr(l)
+        keys: jr(l)
       }), s = a;
     }
     return o;
   }) };
-}, Tr = {
+}, Lr = {
   key: 0,
   class: "v-craft-panel-settings formkit-fieldset v-craft-scrollable-content"
-}, Ur = {
+}, Fr = {
   key: 0,
   class: "formkit-help"
-}, jr = ["onClick"], Br = ["onClick"], Lr = ["onClick"], Fr = /* @__PURE__ */ j({
+}, Hr = ["onClick"], Vr = ["onClick"], Kr = ["onClick"], Xr = /* @__PURE__ */ B({
   __name: "CraftEditorPanelNodeSlotPropsSettings",
   props: {
     craftNode: {},
@@ -2329,61 +2334,61 @@ 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 = he(r, "craftNode"), { buckets: s } = Br(o), a = _(() => {
+      const C = /* @__PURE__ */ new Set();
+      return s.value.filter((b) => C.has(b.slotName) ? !1 : (C.add(b.slotName), !0)).map((b) => ({
+        value: b.slotName,
+        label: b.keys.length ? `${b.slotName} (${b.ancestorComponentName}: ${b.keys.join(", ")})` : `${b.slotName} (${b.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
+    }), i = (C) => {
+      const b = r.availableProps || [];
+      return !C || b.some((T) => T.value === C) ? b : [{ value: C, label: `${C} (custom)` }, ...b];
+    }, l = K([]);
+    ne(() => o.value?.uuid, () => {
+      const C = o.value;
+      l.value = Object.entries(C?.slotsPropsPropsMap || {}).map(
+        ([b, T]) => ({
+          id: ee(),
+          bucket: b,
+          fields: Object.entries(T).map(([E, w]) => ({
+            id: ee(),
+            targetProp: E,
+            fromPath: w
           }))
         })
       );
     }, { 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);
+      const C = {};
+      l.value.forEach((b) => {
+        if (!b.bucket.trim()) return;
+        const T = {};
+        b.fields.forEach((E) => {
+          E.targetProp.trim() && E.fromPath.trim() && (T[E.targetProp.trim()] = E.fromPath.trim());
+        }), Object.keys(T).length && (C[b.bucket.trim()] = T);
+      }), n("update:slotsPropsPropsMap", C);
     }, m = () => {
       l.value.push({
-        id: G(),
+        id: ee(),
         bucket: a.value[0]?.value || "",
-        fields: [{ id: G(), targetProp: "", fromPath: "" }]
+        fields: [{ id: ee(), 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(),
+    }, f = (C) => {
+      l.value.splice(C, 1), p();
+    }, h = (C, b) => {
+      l.value[C].bucket = b, p();
+    }, g = (C) => {
+      l.value[C].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();
+    }, P = (C, b) => {
+      l.value[C].fields.splice(b, 1), p();
+    }, A = (C, b, T, E) => {
+      l.value[C].fields[b][T] = E, p();
     };
-    return (g, E) => Q(g.$slots, "panel-content", {
+    return (C, b) => J(C.$slots, "panel-content", {
       craftNode: o.value,
       mappingGroups: l.value,
       bucketOptions: a.value,
@@ -2392,82 +2397,82 @@ const Gt = /* @__PURE__ */ j({
       addGroup: m,
       removeGroup: f,
       updateBucket: h,
-      addField: y,
-      removeField: x,
-      updateField: P
+      addField: g,
+      removeField: P,
+      updateField: A
     }, () => [
-      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("). ")
+      o.value ? (v(), N("fieldset", Lr, [
+        b[0] || (b[0] = O("legend", { class: "formkit-legend" }, "Props Mapping", -1)),
+        b[1] || (b[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("). ")
         ], -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,
+        l.value.length ? M("", !0) : (v(), N("p", Fr, " No mappings configured. ")),
+        (v(!0), N(j, null, U(l.value, (T, E) => (v(), N("div", {
+          key: T.id,
           class: "v-craft-slot-props-map-group"
         }, [
-          z(d(se), {
+          Q(d(le), {
             type: "select",
             label: "Context",
             placeholder: "Select context",
             options: a.value,
-            value: b.bucket,
-            onInput: (C) => h(O, String(C ?? ""))
+            value: T.bucket,
+            onInput: (w) => h(E, String(w ?? ""))
           }, null, 8, ["options", "value", "onInput"]),
-          (v(!0), _(U, null, T(b.fields, (C, I) => (v(), _(U, {
-            key: C.id
+          (v(!0), N(j, null, U(T.fields, (w, y) => (v(), N(j, {
+            key: w.id
           }, [
-            t.availableProps && t.availableProps.length ? (v(), A(d(se), {
+            t.availableProps && t.availableProps.length ? (v(), $(d(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: i(w.targetProp),
+              value: w.targetProp,
+              onInput: (x) => A(E, y, "targetProp", String(x ?? ""))
+            }, null, 8, ["options", "value", "onInput"])) : (v(), $(d(le), {
               key: 1,
               type: "text",
               label: "Target Prop",
               placeholder: "target prop",
-              value: C.targetProp,
-              onInput: (R) => P(O, I, "targetProp", String(R ?? ""))
+              value: w.targetProp,
+              onInput: (x) => A(E, y, "targetProp", String(x ?? ""))
             }, null, 8, ["value", "onInput"])),
-            z(d(se), {
+            Q(d(le), {
               type: "text",
               label: "JSONPath",
               placeholder: "$.item.name",
-              value: C.fromPath,
-              onInput: (R) => P(O, I, "fromPath", String(R ?? ""))
+              value: w.fromPath,
+              onInput: (x) => A(E, y, "fromPath", String(x ?? ""))
             }, 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((x) => P(E, y), ["prevent"])
+            }, " Remove field ", 8, Hr)
           ], 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((w) => g(E), ["prevent"])
+          }, " + Add field ", 8, Vr),
+          O("button", {
             type: "button",
             class: "formkit-input v-craft-slot-props-remove",
-            onClick: F((C) => f(O), ["prevent"])
-          }, " Remove group ", 8, Lr)
+            onClick: V((w) => f(E), ["prevent"])
+          }, " Remove group ", 8, Kr)
         ]))), 128)),
-        w("button", {
+        O("button", {
           type: "button",
           class: "formkit-input v-craft-slot-props-add",
-          onClick: F(m, ["prevent"])
+          onClick: V(m, ["prevent"])
         }, " + Add mapping group ")
-      ])) : D("", !0)
+      ])) : M("", !0)
     ], !0);
   }
-}), Hr = /* @__PURE__ */ ge(Fr, [["__scopeId", "data-v-f762baf8"]]), Kr = (t) => Array.isArray(t) ? t.filter(
+}), zr = /* @__PURE__ */ Ee(Xr, [["__scopeId", "data-v-f762baf8"]]), qr = (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,47 +2480,47 @@ const Gt = /* @__PURE__ */ j({
     value: r,
     label: typeof n == "string" && n.trim() ? n : r
   };
-}) : [], Vr = { class: "text-sm" }, Xr = { key: 0 }, zr = {
+}) : [], Yr = { class: "text-sm" }, Qr = { key: 0 }, Gr = {
   key: 0,
   class: "v-craft-settings"
-}, qr = {
+}, Wr = {
   key: 1,
   class: "v-craft-settings"
-}, Yr = {
+}, Zr = {
   key: 2,
   class: "v-craft-settings"
-}, Qr = {
+}, Jr = {
   key: 3,
   class: "v-craft-settings"
-}, Gr = {
+}, en = {
   class: "v-craft-actions",
   "data-type": "button"
-}, Wr = /* @__PURE__ */ j({
+}, tn = /* @__PURE__ */ B({
   __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 = _(() => !r.value || !o?.value ? [] : o.value.getSchema(r.value)), a = _(() => !r.value || !o?.value ? [] : o.value.getEventsSchema(r.value)), i = _(() => qr(s.value)), l = _(
       () => r.value && r.value.parentUuid
     ), u = () => {
       r.value && e.removeNode(r.value);
-    }, p = N(
+    }, p = _(
       () => 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(
+    }, g = _(
       () => 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", {
+    return (A, C) => {
+      const b = H("CraftEditorPanelNodeSettings"), T = H("CraftEditorPanelNodeEventsSettings"), E = H("CraftEditorPanelNodeSlotPropsSettings"), w = H("CraftEditorPanelNodeDataSourceSettings");
+      return J(A.$slots, "panel-content", {
         selectedNode: d(r),
         nodeName: p.value,
         handlePropsUpdate: m,
@@ -2524,69 +2529,69 @@ const Gt = /* @__PURE__ */ j({
         handleEventsUpdate: f,
         availableProps: i.value,
         handleSlotsPropsPropsMapUpdate: h,
-        nodeData: y.value,
-        handleNodeDataUpdate: x,
+        nodeData: g.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)
+          C[1] || (C[1] = O("h3", { class: "v-craft-title" }, "component inspector", -1)),
+          O("span", Yr, oe(d(r)?.uuid), 1),
+          d(r) ? M("", !0) : (v(), N("div", Qr, [...C[0] || (C[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": d(r) }])
           }, [
-            w("h4", null, ee(p.value), 1),
-            s.value ? (v(), _("div", zr, [
-              z(E, {
+            O("h4", null, oe(p.value), 1),
+            s.value ? (v(), N("div", Gr, [
+              Q(b, {
                 craftNode: d(r),
                 schema: s.value,
                 "onUpdate:props": m
               }, null, 8, ["craftNode", "schema"])
-            ])) : D("", !0),
-            a.value && d(r) ? (v(), _("div", qr, [
-              z(b, {
+            ])) : M("", !0),
+            a.value && d(r) ? (v(), N("div", Wr, [
+              Q(T, {
                 craftNode: d(r),
                 schema: a.value,
                 "onUpdate:events": f
               }, null, 8, ["craftNode", "schema"])
-            ])) : D("", !0),
-            d(r) ? (v(), _("div", Yr, [
-              z(O, {
+            ])) : M("", !0),
+            d(r) ? (v(), N("div", Zr, [
+              Q(E, {
                 craftNode: d(r),
                 availableProps: i.value,
                 "onUpdate:slotsPropsPropsMap": h
               }, null, 8, ["craftNode", "availableProps"])
-            ])) : D("", !0),
-            d(r) ? (v(), _("div", Qr, [
-              z(C, {
+            ])) : M("", !0),
+            d(r) ? (v(), N("div", Jr, [
+              Q(w, {
                 craftNode: d(r),
-                nodeData: y.value,
-                "onUpdate:nodeData": x
+                nodeData: g.value,
+                "onUpdate:nodeData": P
               }, null, 8, ["craftNode", "nodeData"])
-            ])) : D("", !0),
-            w("div", Gr, [
-              l.value ? (v(), _("button", {
+            ])) : M("", !0),
+            O("div", en, [
+              l.value ? (v(), N("button", {
                 key: 0,
                 class: "formkit-input v-craft-delete",
-                onClick: F(u, ["prevent"])
-              }, " Delete ")) : D("", !0)
+                onClick: V(u, ["prevent"])
+              }, " Delete ")) : M("", !0)
             ])
           ], 2)
         ], 512)
       ]);
     };
   }
-}), Fe = /* @__PURE__ */ j({
+}), Xe = /* @__PURE__ */ B({
   __name: "CraftDropIndicator",
   setup(t) {
-    const e = Re(), r = () => {
+    const e = Ue(), r = () => {
       const { top: n, left: o } = e.position, { width: s, height: a } = e.size;
       return {
         top: `${n}px`,
@@ -2595,13 +2600,13 @@ const Gt = /* @__PURE__ */ j({
         width: `${s}px`
       };
     };
-    return (n, o) => d(e).isShown ? (v(), _("div", {
+    return (n, o) => d(e).isShown ? (v(), N("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": d(e).isForbidden }]),
+      style: Ie(r())
+    }, null, 6)) : M("", !0);
   }
-}), nt = /* @__PURE__ */ j({
+}), it = /* @__PURE__ */ B({
   __name: "CraftIframe",
   props: {
     iframeClass: { type: [Boolean, null, String, Object, Array], default: "" },
@@ -2613,8 +2618,8 @@ 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;
@@ -2623,93 +2628,93 @@ const Gt = /* @__PURE__ */ j({
           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 g = document.createElement("style");
+      g.innerHTML = h, f?.contentWindow?.document.getElementsByTagName("head").item(0)?.appendChild(g);
     }, u = (f, h) => {
-      const y = document.createElement("link");
-      y.rel = "stylesheet", y.href = h, f.contentWindow?.document.head.appendChild(y);
+      const g = document.createElement("link");
+      g.rel = "stylesheet", g.href = h, f.contentWindow?.document.head.appendChild(g);
     }, p = () => {
       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 g = f.createAttribute("id");
+      g.nodeValue = "v-craft-body", h.attributes.setNamedItem(g);
     }, m = e;
-    return (f, h) => Et((v(), _("div", null, [
-      w("iframe", {
+    return (f, h) => Pt((v(), N("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: Ie(t.iframeStyle),
         onload: a
       }, null, 6),
-      o.value ? (v(), A(Ct, {
+      o.value ? (v(), $(xt, {
         key: 0,
         to: n.value?.contentWindow?.document.body
       }, [
-        Q(f.$slots, "default")
-      ], 8, ["to"])) : D("", !0)
+        J(f.$slots, "default")
+      ], 8, ["to"])) : M("", !0)
     ], 512)), [
-      [_t, f.$slots.default]
+      [St, 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 = {
+}), rn = (t) => typeof t.type == "symbol" ? "Fragment" : typeof t.type == "string" ? t.type : t.type.name ? t.type.name : "anonmymous", Ae = (t, e, r = null) => {
+  const n = rn(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) => Ae(t, n, r)).filter((n) => !!n), nn = (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);
+            const p = Ae(n.value, u);
             return p || console.error("Invalid node created from child:", u), p;
           }).filter(Boolean);
         {
-          const u = Pe(n.value, l);
+          const u = Ae(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 Se(o), ne(
     () => n?.value,
     (s) => {
       s && e.setResolver(s);
@@ -2718,7 +2723,7 @@ const Gt = /* @__PURE__ */ j({
     editor: e,
     mountNodes: o
   };
-}, en = { class: "v-craft-frame" }, tn = /* @__PURE__ */ j({
+}, on = { class: "v-craft-frame" }, sn = /* @__PURE__ */ B({
   name: "CraftFrame",
   __name: "CraftFrame",
   props: {
@@ -2728,168 +2733,168 @@ const Gt = /* @__PURE__ */ j({
   },
   emits: ["iframeLoad"],
   setup(t, { emit: e }) {
-    const r = t, { iframe: n } = me(r), o = (p) => {
+    const r = t, { iframe: n } = be(r), o = (p) => {
       s("iframeLoad", p);
-    }, s = e, { editor: a } = Jr(r.resolverMap), { nodeTree: i, hasNodes: l, enabled: u } = te(a);
+    }, s = e, { editor: a } = nn(r.resolverMap), { nodeTree: i, hasNodes: l, enabled: u } = se(a);
     return (p, m) => {
-      const f = B("CraftNodeViewer"), h = B("CraftNodeEditor");
-      return v(), _("div", en, [
-        d(n) ? (v(), A(nt, {
+      const f = H("CraftNodeViewer"), h = H("CraftNodeEditor");
+      return v(), N("div", on, [
+        d(n) ? (v(), $(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),
+          class: ye(d(n)?.wrapperClass),
+          style: Ie(d(n)?.wrapperStyle),
           styles: d(n)?.styles,
           styleSheets: d(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 || !d(u)) && d(l) ? (v(!0), N(j, { key: 0 }, U(d(i), (g) => (v(), $(f, {
+              key: `${g.uuid}-view`,
+              craftNode: g
+            }, null, 8, ["craftNode"]))), 128)) : M("", !0),
+            !t.viewOnly && d(u) && d(l) ? (v(!0), N(j, { key: 1 }, U(d(i), (g) => (v(), $(h, {
+              key: `${g.uuid}-edit`,
+              craftNode: g
+            }, null, 8, ["craftNode"]))), 128)) : M("", !0),
+            !t.viewOnly && d(u) ? (v(), $(Xe, { key: 2 })) : M("", !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"])) : M("", !0),
+        !d(n) && (t.viewOnly || !d(u)) && d(l) ? (v(!0), N(j, { key: 1 }, U(d(i), (g) => (v(), $(f, {
+          key: `${g.uuid}-view`,
+          craftNode: g
+        }, null, 8, ["craftNode"]))), 128)) : M("", !0),
+        !d(n) && !t.viewOnly && d(u) && d(l) ? (v(!0), N(j, { key: 2 }, U(d(i), (g) => (v(), $(h, {
+          key: `${g.uuid}-edit`,
+          craftNode: g
+        }, null, 8, ["craftNode"]))), 128)) : M("", !0),
+        !d(n) && !t.viewOnly && d(u) ? (v(), $(Xe, { key: 3 })) : M("", !0)
       ]);
     };
   }
-}), rn = (t, e) => {
-  const r = V(), { enabled: n, selectedUuid: o, draggingDisabled: s } = te(r);
+}), an = (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(
+  Se(i), ne(e, i, { flush: "post" });
+  const l = _(
     () => o.value === t.uuid
   );
   return {
-    isDraggable: N(() => n.value && !s.value && qt(t)),
+    isDraggable: _(() => n.value && !s.value && Wt(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())
+}, je = (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: _(() => 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 = _(() => e ? se(e).enabled?.value ?? !1 : !1), n = _(() => 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(!Pe(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 }) => {
+}, ln = (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);
+}, un = (t, e, r) => {
+  if (W(r.craftNode.value)) {
+    ln(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 (!Pe(
     r,
     n.craftNode.value,
     n.resolver
@@ -2899,13 +2904,13 @@ 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";
@@ -2913,38 +2918,38 @@ Error:`,
     const m = u.getAttribute("data-slot-name");
     m && (p = 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";
   }
-  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) => {
+}, cn = (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: un,
+  handleDrop: cn
+}, dn = (t, e, r) => {
+  const n = q(), o = Ue(), 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 +2960,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 +2971,7 @@ Error:`,
       n.enabled && n.dragNode(null);
     }
   };
-}, ln = ["data-slot-name"], un = { class: "v-craft-slot-name" }, cn = /* @__PURE__ */ j({
+}, pn = ["data-slot-name"], fn = { class: "v-craft-slot-name" }, hn = /* @__PURE__ */ B({
   name: "CraftNodeEditor",
   __name: "CraftNodeEditor",
   props: {
@@ -2974,143 +2979,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 } = _e(r, () => e.context || {}), u = (S, R = {}, F) => {
+      const Z = a?.value?.getSlotsProps?.(r.value)?.[S], z = Z ? Object.fromEntries(
+        Z.filter((Y) => Y in R).map((Y) => [Y, R[Y]])
+      ) : R, pe = {
         ...e.context || {},
-        [k]: K
+        [S]: 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);
+      (S) => {
+        S && 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 p = K(null), m = K(null), f = _(() => n?.nodeDataMap[r.value.uuid]), { isSelected: h, isDraggable: g, selectNode: P } = an(
       r.value,
       p
-    ), { handleDragStart: P, handleDragOver: g, handleDrop: E, handleDragEnd: b } = an(r, p, a.value), { eventHandlers: O } = Ie(
+    ), { handleDragStart: A, handleDragOver: C, handleDrop: b, handleDragEnd: T } = dn(r, p, a.value), { eventHandlers: E } = je(
       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: (S) => n?.nodeMap.get(S) ?? null,
+        nodeValues: n?.nodeRuntimeProps,
+        setNodeProps: (S, R) => n?.setNodeRuntimeProps(S, R),
+        state: n?.pageState
+      }
+    ), w = _(() => n?.nodeRuntimeProps[r.value.uuid] || {}), y = (S) => {
+      n?.setNodeRuntimeProps(r.value.uuid, { value: S });
+    }, x = _(() => {
+      const S = (R, F) => (...Z) => {
+        F(...Z), E.value[R]?.(...Z);
+      };
+      return {
+        ...E.value,
+        input: S("input", (R) => y(R?.target?.value)),
+        change: S("change", (R) => y(R?.target?.value)),
+        "update:modelValue": S("update:modelValue", (R) => y(R))
+      };
+    }), k = _(() => {
+      const S = a?.value?.resolve(r.value.componentName);
+      return S?.label ? S.label : W(r.value) ? r.value.props.componentName : S?.componentName || r.value.componentName;
+    }), L = _(() => at(r.value.uuid)), X = () => {
+      const R = (m.value?.ownerDocument ?? p.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 (R) return R;
+      let F = p.value?.$el;
+      for (; F && !(F instanceof HTMLElement); )
+        F = F.nextElementSibling ?? null;
+      return F ?? null;
+    }, ce = (S, R, F) => {
+      if (!(S instanceof Element)) {
+        console.error("resolveNodeEl returned a non-Element:", S);
         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));
+      S.style.setProperty("--node-name", R), S.style.setProperty("--node-color", F), S.setAttribute("data-node-name", R);
+    }, de = () => {
+      const S = X();
+      S && (m.value = S, ce(S, k.value ?? "(n/a)", L.value));
     };
-    Ne(() => pe(le)), Ot(() => pe(le)), J([C, I], () => {
-      m.value && ie(m.value, C.value ?? "", I.value);
+    Se(() => ve(de)), kt(() => ve(de)), ne([k, L], () => {
+      m.value && ce(m.value, k.value ?? "", L.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 = _(() => {
+      const R = a?.value?.resolveNode?.(r.value)?.slots;
+      return R && R.length > 0 ? R : ["default"];
+    }), mt = _(() => W(r.value) ? !0 : Object.values(r.value.slots || {}).some(
+      (S) => S.length > 0
+    )), gt = () => P(), yt = (S, R) => f.value ? f.value.slotName && f.value.slotName !== R ? [] : bt(f.value, S) : [], bt = (S, R) => S.type === "single" ? R.map((F) => ({
+      key: `${F.uuid}-single`,
       craftNode: {
-        ...L,
-        props: { ...L.props, ...k.item || {} }
+        ...F,
+        props: { ...F.props, ...S.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: S.item || {}
+    })) : S.type === "list" ? S.list ? R.reduce((F, Z) => F.concat(
+      S.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 (S, R) => {
+      const F = H("CraftNodeViewer"), Z = H("CraftNodeEditor", !0);
+      return d(o) && d(r) && d(s) ? (v(), $(Ce(d(i)), xe({
         key: 0,
         ref_key: "nodeRef",
         ref: p
       }, {
         ...d(l),
+        ...w.value,
         "data-craft-uuid": d(r).uuid
-      }, $e(d(O)), {
+      }, Te(x.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-canvas": d(W)(d(r)),
+          "v-craft-empty": !d(r).slots || Object.keys(d(r).slots).length === 0 || Object.values(d(r).slots).every((z) => z.length === 0),
+          "v-craft-other-node-dragged": d(n)?.draggedNode && !d(rt)(d(n).draggedNode, d(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: d(n)?.enabled && d(g),
+        onClick: V(gt, ["prevent", "stop"]),
+        onDragend: V(d(T), ["prevent", "stop"]),
+        onDragover: V(d(C), ["prevent", "stop"]),
+        onDragstart: V(d(A), ["stop"]),
+        onDrop: V(d(b), ["prevent", "stop"])
+      }), Ne({ _: 2 }, [
+        U(vt.value, (z) => ({
+          name: z,
+          fn: G((pe) => [
+            d(W)(d(r)) && (!d(r).slots || d(r).slots[z]?.length == 0) ? (v(), N("div", {
               key: 0,
               class: "v-craft-drop-text",
-              "data-slot-name": K,
-              onDragover: $[0] || ($[0] = F(
+              "data-slot-name": z,
+              onDragover: R[0] || (R[0] = V(
                 //@ts-ignore
-                (...X) => d(g) && d(g)(...X),
+                (...Y) => d(C) && d(C)(...Y),
                 ["prevent", "stop"]
               )),
-              onDrop: $[1] || ($[1] = F(
+              onDrop: R[1] || (R[1] = V(
                 //@ts-ignore
-                (...X) => d(E) && d(E)(...X),
+                (...Y) => d(b) && d(b)(...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)
+              R[2] || (R[2] = O("span", { class: "v-craft-drop-text-label" }, "Drop a component here", -1)),
+              O("span", fn, oe(z), 1)
+            ], 40, pn)) : M("", !0),
+            mt.value ? (v(), N(j, { key: 1 }, [
+              f.value?.type && (!f.value.slotName || f.value.slotName === z) ? (v(!0), N(j, { key: 0 }, U(yt(
+                d(r).slots?.[z] || [],
+                z
+              ), (Y) => (v(), $(F, {
+                key: Y.key,
+                craftNode: Y.craftNode,
+                context: u(z, pe, Y.dataItem)
+              }, null, 8, ["craftNode", "context"]))), 128)) : M("", !0),
+              (v(!0), N(j, null, U(d(r).slots?.[z] || [], (Y) => (v(), $(Z, {
+                key: Y.uuid,
+                craftNode: Y,
+                context: u(z, pe)
               }, null, 8, ["craftNode", "context"]))), 128))
-            ], 64)) : D("", !0)
+            ], 64)) : M("", !0)
           ])
         }))
-      ]), 1040, ["class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : D("", !0);
+      ]), 1040, ["class", "draggable", "onDragend", "onDragover", "onDragstart", "onDrop"])) : M("", !0);
     };
   }
-}), ke = /* @__PURE__ */ j({
+}), Re = /* @__PURE__ */ B({
   name: "CraftNodeViewer",
   __name: "CraftNodeViewer",
   props: {
@@ -3120,77 +3143,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 } = _e(r, () => e.context || {});
+    te("resolver", a);
+    const u = (y, x = {}, k) => {
+      const L = a?.value?.getSlotsProps?.(r.value)?.[y], X = L ? Object.fromEntries(
+        L.filter((de) => de in x).map((de) => [de, x[de]])
+      ) : x, 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 k !== void 0 && (ce.data = k), ce;
+    }, p = _(() => e.nodeDataMap?.[r.value.uuid] || n?.nodeDataMap?.[r.value.uuid]), m = _(() => r.value.slots || {}), f = _(() => W(r.value)), h = _(() => {
+      if (!g.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 = [], k = a?.value?.resolveNode?.(r.value)?.slots;
+      return k && k.length > 0 ? y.push(...k) : y.push("default"), y;
+    }), g = _(() => f.value ? !0 : Object.values(m.value).some((y) => y.length > 0)), P = (y, x) => p.value ? p.value.slotName && p.value.slotName !== x ? [] : w(p.value, y) : [], A = K(null), { eventHandlers: C } = je(
       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, x) => n?.setNodeRuntimeProps(y, x),
+        state: n?.pageState
+      }
+    ), b = _(() => n?.nodeRuntimeProps[r.value.uuid] || {}), T = (y) => {
+      n?.setNodeRuntimeProps(r.value.uuid, { value: y });
+    }, E = _(() => {
+      const y = (x, k) => (...L) => {
+        k(...L), C.value[x]?.(...L);
+      };
+      return {
+        ...C.value,
+        input: y("input", (x) => T(x?.target?.value)),
+        change: y("change", (x) => T(x?.target?.value)),
+        "update:modelValue": y("update:modelValue", (x) => T(x))
+      };
+    });
+    Se(() => {
+      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, x) => y.type === "single" ? x.map((k) => ({
+      key: `${k.uuid}-single`,
       craftNode: {
-        ...C,
+        ...k,
         props: {
-          ...C.props,
-          ...b.item || {}
+          ...k.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 ? x.reduce((k, L) => k.concat(
       //@ts-ignore
-      b.list.map((R, ie) => ({
-        key: `${I.uuid}-data-${ie}`,
+      y.list.map((X, ce) => ({
+        key: `${L.uuid}-data-${ce}`,
         craftNode: {
-          ...I,
+          ...L,
           props: {
-            ...I.props,
-            ...R || {}
+            ...L.props,
+            ...X || {}
           }
         }
       }))
     ), []) : [] : [];
-    return (b, O) => d(o) && d(a) && d(s) ? (v(), A(ye(d(i)), _e({
+    return (y, x) => d(o) && d(a) && d(s) ? (v(), $(Ce(d(i)), xe({
       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
+    }, { ...d(l), ...b.value }, Te(E.value)), Ne({ _: 2 }, [
+      U(h.value, (k) => ({
+        name: k,
+        fn: G((L) => [
+          g.value ? (v(), N(j, { key: 0 }, [
+            p.value?.type ? (v(!0), N(j, { key: 1 }, U(P(m.value[k], k), (X) => (v(), $(Re, {
+              key: X.key,
+              craftNode: X.craftNode,
+              context: u(k, L, X.dataItem)
+            }, null, 8, ["craftNode", "context"]))), 128)) : (v(!0), N(j, { key: 0 }, U(m.value[k], (X) => (v(), $(Re, {
+              key: X.uuid,
+              craftNode: X,
+              context: u(k, L)
             }, null, 8, ["craftNode", "context"]))), 128))
-          ], 64)) : D("", !0)
+          ], 64)) : M("", !0)
         ])
       }))
-    ]), 1040)) : D("", !0);
+    ]), 1040)) : M("", !0);
   }
-}), De = /* @__PURE__ */ j({
+}), Me = /* @__PURE__ */ B({
   name: "CraftNodeStatic",
   __name: "CraftNodeStatic",
   props: {
@@ -3198,80 +3238,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 } = _e(r, () => e.context || {});
+    te("resolver", s), te("craftNode", We(r.value));
+    const l = (E, w = {}, y) => {
+      const x = s?.value?.getSlotsProps?.(r.value)?.[E], k = x ? Object.fromEntries(
+        x.filter((X) => X in w).map((X) => [X, w[X]])
+      ) : w, L = {
         ...e.context || {},
-        [g]: C
+        [E]: k
       };
-      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 && (L.data = y), L;
+    }, u = _(() => e.nodeDataMap?.[r.value.uuid] || null), p = _(() => r.value.slots || {}), m = _(() => W(r.value)), f = _(() => {
       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 E = [], y = s?.value?.resolveNode?.(r.value)?.slots;
+      return y && y.length > 0 ? E.push(...y) : E.push("default"), E;
+    }), h = _(() => m.value ? !0 : Object.values(p.value).some((E) => E.length > 0)), g = (E, w) => u.value ? u.value.slotName && u.value.slotName !== w ? [] : T(u.value, E) : [], P = (E, w) => {
+      e.nodeRuntimeProps && (e.nodeRuntimeProps[E] = { ...e.nodeRuntimeProps[E] || {}, ...w });
+    }, { eventHandlers: A } = je(
       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: (E) => n.value.get(E) ?? null,
+        nodeValues: e.nodeRuntimeProps,
+        setNodeProps: P,
+        state: e.pageState
+      }
+    ), C = _(() => ({
+      ...i.value,
+      ...e.nodeRuntimeProps?.[r.value.uuid] || {}
+    })), b = _(() => {
+      const E = (w, y) => (...x) => {
+        y(...x), A.value[w]?.(...x);
+      };
+      return {
+        ...A.value,
+        input: E("input", (w) => P(r.value.uuid, { value: w?.target?.value })),
+        change: E("change", (w) => P(r.value.uuid, { value: w?.target?.value })),
+        "update:modelValue": E("update:modelValue", (w) => P(r.value.uuid, { value: w }))
+      };
+    }), T = (E, w) => E.type === "single" ? w.map((y) => ({
+      key: `${y.uuid}-single`,
       craftNode: {
-        ...b,
+        ...y,
         props: {
-          ...b.props,
-          ...g.item || {}
+          ...y.props,
+          ...E.item || {}
         }
       },
-      dataItem: g.item || {}
-    })) : g.type === "list" ? g.list ? E.reduce((b, O) => b.concat(
+      dataItem: E.item || {}
+    })) : E.type === "list" ? E.list ? w.reduce((y, x) => y.concat(
       //@ts-ignore
-      g.list.map((C, I) => ({
-        key: `${O.uuid}-data-${I}`,
+      E.list.map((k, L) => ({
+        key: `${x.uuid}-data-${L}`,
         craftNode: {
-          ...O,
+          ...x,
           props: {
-            ...O.props,
-            ...C || {}
+            ...x.props,
+            ...k || {}
           }
         },
-        dataItem: C || {}
+        dataItem: k || {}
       }))
     ), []) : [] : [];
-    return (g, E) => (d(r).visible || d(r).visible === void 0) && d(s) && d(o) ? (v(), A(ye(d(a)), _e({
+    return (E, w) => (d(r).visible || d(r).visible === void 0) && d(s) && d(o) ? (v(), $(Ce(d(a)), xe({
       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,
+    }, C.value, Te(b.value)), Ne({ _: 2 }, [
+      U(f.value, (y) => ({
+        name: y,
+        fn: G((x) => [
+          u.value?.type ? (v(!0), N(j, { key: 1 }, U(g(p.value[y], y), (k) => (v(), $(Me, {
+            key: k.key,
+            craftNode: k.craftNode,
             nodeMap: d(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,
+            nodeRuntimeProps: t.nodeRuntimeProps,
+            pageState: t.pageState,
+            context: l(y, x, k.dataItem)
+          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState", "context"]))), 128)) : (v(!0), N(j, { key: 0 }, U(p.value[y], (k) => (v(), $(Me, {
+            key: k.uuid,
+            craftNode: k,
             nodeMap: d(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, x)
+          }, null, 8, ["craftNode", "nodeMap", "nodeDataMap", "eventsContext", "nodeRuntimeProps", "pageState", "context"]))), 128))
         ])
       }))
-    ]), 1040)) : D("", !0);
+    ]), 1040)) : M("", !0);
   }
-}), dn = /* @__PURE__ */ j({
+}), vn = /* @__PURE__ */ B({
   name: "CraftStaticRenderer",
   __name: "CraftStaticRenderer",
   props: {
@@ -3282,48 +3348,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, p]) => {
+        p?.forEach && p.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 = _(() => {
+      const i = /* @__PURE__ */ new Map();
+      return e.nodes.forEach((l) => r(l, i)), i;
+    }), o = _(
+      () => 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), N(j, null, U(t.nodes, (u) => (v(), $(Me, {
+      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: Yt,
+  CraftComponentSimpleText: Jt,
+  CraftEditor: er,
+  CraftEditorBlueprint: tr,
+  CraftEditorBlueprintsList: ir,
+  CraftEditorPanelBlueprints: dr,
+  CraftEditorPanelForm: pr,
+  CraftEditorPanelLayers: gr,
+  CraftEditorPanelLayout: Pr,
+  CraftEditorPanelNodeDataSourceSettings: wr,
+  CraftEditorPanelNodeEventsSettings: Dr,
+  CraftEditorPanelNodeLayer: Ir,
+  CraftEditorPanelNodeSettings: Ur,
+  CraftEditorPanelNodeSlotPropsSettings: zr,
+  CraftEditorPanelSettings: tn,
+  CraftFrame: sn,
+  CraftIframe: it,
+  CraftNodeEditor: hn,
+  CraftNodeViewer: Re,
+  CraftStaticRenderer: vn,
+  Utils: rr
+}, Symbol.toStringTag, { value: "Module" })), xn = {
   metadata: {
     name: "default"
   },
@@ -3339,8 +3409,8 @@ Error:`,
     }
   }
 };
-function _n() {
-  const t = H(null);
+function Sn() {
+  const t = K(null);
   return { nodeEl: t, vNodeEl: {
     mounted(r) {
       t.value = r;
@@ -3353,27 +3423,27 @@ function _n() {
     }
   } };
 }
-const Nn = (t, e, r) => {
+const On = (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" ? D({ path: i.fromPath, json: l, resultType: "value" }) : D({ path: i.fromPath, json: l })) ?? i.defaultValue ?? null);
+  }, s = e.type === "single" ? D({ path: e.fromPath, json: t, resultType: "value" }) : D({ path: e.fromPath, json: t });
   return e.type === "single" ? e.patches.forEach((a) => {
     const i = o(s, a);
-    Se(n.item, a.toPath, i);
+    De(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);
+      De(i, l.toPath, u);
     }), i;
   })), n;
 };
-function pn(t, e) {
+function mn(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 +3466,7 @@ Error:`,
     });
   }), r;
 }
-function fn(t, e, r = "default") {
+function gn(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 +3481,20 @@ function fn(t, e, r = "default") {
     }))
   ) : [];
 }
-function Ae(t, e, r, n, o) {
-  if (!We(t))
+function $e(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 ? mn(t, o) : {}, p = n?.[t.uuid];
   let m;
-  return p?.type ? m = fn(
+  return p?.type ? m = gn(
     t,
     p,
     p.slotName || "default"
   ).map(
-    (h) => Ae(
+    (h) => $e(
       h,
       e,
       r,
@@ -3432,19 +3502,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) => $e(
       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 wn(t, e) {
+  const r = new Oe(e.resolverMap);
   return t.map(
-    (n) => Ae(
+    (n) => $e(
       n,
       r,
       e.componentRegistry,
@@ -3453,7 +3523,7 @@ function xn(t, e) {
     )
   ).filter((n) => n !== null);
 }
-const On = {
+const kn = {
   CraftComponentSimpleText: {
     componentName: "CraftComponentSimpleText",
     eventsSchema: {
@@ -3499,55 +3569,55 @@ const On = {
   CraftCanvas: {
     componentName: "CraftCanvas"
   }
-}, hn = (t) => {
-  for (const e in Ve)
-    t.component(e, Ve[e]);
-}, wn = { install: hn };
+}, yn = (t) => {
+  for (const e in Ye)
+    t.component(e, Ye[e]);
+}, Dn = { install: yn };
 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
+  Yt as CraftCanvas,
+  Jt as CraftComponentSimpleText,
+  er as CraftEditor,
+  tr as CraftEditorBlueprint,
+  ir as CraftEditorBlueprintsList,
+  dr as CraftEditorPanelBlueprints,
+  pr as CraftEditorPanelForm,
+  gr as CraftEditorPanelLayers,
+  Pr as CraftEditorPanelLayout,
+  wr as CraftEditorPanelNodeDataSourceSettings,
+  Dr as CraftEditorPanelNodeEventsSettings,
+  Ir as CraftEditorPanelNodeLayer,
+  Ur as CraftEditorPanelNodeSettings,
+  zr as CraftEditorPanelNodeSlotPropsSettings,
+  tn as CraftEditorPanelSettings,
+  sn as CraftFrame,
+  it as CraftIframe,
+  hn as CraftNodeEditor,
+  Oe as CraftNodeResolver,
+  Re as CraftNodeViewer,
+  vn as CraftStaticRenderer,
+  rr as Utils,
+  Dn as VCraft,
+  nt as buildCraftNodeTree,
+  me as craftNodeCanBeChildOf,
+  Pe as craftNodeCanBeSiblingOf,
+  Gt as craftNodeInCanvas,
+  rt as craftNodeIsAncestorOf,
+  W as craftNodeIsCanvas,
+  Wt as craftNodeIsDraggable,
+  xn as defaultBlueprints,
+  kn as defaultResolvers,
+  ot as initializeSlotsFromResolver,
+  tt as isVisible,
+  On as mapData,
+  $e as renderCraftNodeToVNode,
+  wn as renderCraftNodesToVNodes,
+  ue as resolveNodeName,
+  Br as useAncestorContextBuckets,
+  Qt as useCraftNode,
+  q as useEditor,
+  Ue as useIndicator,
+  Sn as useNodeElement,
+  _e as useResolveCraftNode,
+  zt as useResolveCraftNodeProps
 };
 //# sourceMappingURL=v-craft.es.js.map