@chaibuilder/sdk 0.1.15 → 0.1.16

package/dist/{CanvasArea-4a600b0b.js → CanvasArea-a585620d.js}

@@ -6,7 +6,7 @@ import G, { createElement as xt, useCallback as Q, useState as H, useEffect as F
 import { map as ie, includes as Me, toUpper as ye, round as St, isEmpty as ee, first as ce, get as $, memoize as Tt, find as jt, filter as Je, isString as Qe } from "lodash";
 import { ResetIcon as De, DotsVerticalIcon as Ct, MobileIcon as Be, LaptopIcon as kt, DesktopIcon as Rt, EraserIcon as At, ZoomInIcon as _t, ArrowUpIcon as Pt, CopyIcon as It, TrashIcon as Ot, DragHandleDots2Icon as Mt } from "@radix-ui/react-icons";
 import { B as le, u as et, S as tt } from "./useBuilderProp-81a14920.js";
-import { c as ke, d as rt, e as Re, f as Dt, g as Bt, h as X, i as Z, j as $t, k as nt, l as ot, m as Nt, n as Lt, o as Ft, p as st, q as at, u as Wt, r as qt, s as Ut, t as Yt, v as zt, w as Ht, x as Ae, y as it, z as Kt, A as Vt, B as Gt, b as Xt, E as Zt } from "./index-14e86fe3.js";
+import { c as ke, d as rt, e as Re, f as Dt, g as Bt, h as X, i as Z, j as $t, k as nt, l as ot, m as Nt, n as Lt, o as Ft, p as st, q as at, u as Wt, r as qt, s as Ut, t as Yt, v as zt, w as Ht, x as Ae, y as it, z as Kt, A as Vt, B as Gt, b as Xt, E as Zt } from "./index-8a7a37ce.js";
 import { useTranslation as ct } from "react-i18next";
 import { S as se } from "./separator-a80d065b.js";
 import { S as Jt, D as Qt, c as er, d as tr, h as rr, i as nr, f as or, H as sr, a as ar, b as ir } from "./dropdown-menu-ae3ed09b.js";
@@ -285,11 +285,11 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
   </body>
 </html>`, Dr = (e) => {
   const [r] = Re(), [, n] = nt(), [i, d] = H({}), s = Q(() => {
-    const { width: a, height: u } = e;
+    const { width: a, height: f } = e;
     if (a < r) {
       const y = parseFloat((a / r).toString());
       let p = {};
-      u && (p = { height: u + 2 * u * (1 - y) }), d({
+      f && (p = { height: f + 2 * f * (1 - y) }), d({
         transform: `scale(${y})`,
         transformOrigin: "top left",
         ...p,
@@ -316,7 +316,7 @@ function Br() {
   if (We)
     return _;
   We = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
   function M(l) {
     if (typeof l == "object" && l !== null) {
       var D = l.$$typeof;
@@ -332,7 +332,7 @@ function Br() {
               return l;
             default:
               switch (l = l && l.$$typeof, l) {
-                case u:
+                case f:
                 case m:
                 case O:
                 case v:
@@ -350,10 +350,10 @@ function Br() {
   function B(l) {
     return M(l) === p;
   }
-  return _.AsyncMode = y, _.ConcurrentMode = p, _.ContextConsumer = u, _.ContextProvider = a, _.Element = r, _.ForwardRef = m, _.Fragment = i, _.Lazy = O, _.Memo = v, _.Portal = n, _.Profiler = s, _.StrictMode = d, _.Suspense = h, _.isAsyncMode = function(l) {
+  return _.AsyncMode = y, _.ConcurrentMode = p, _.ContextConsumer = f, _.ContextProvider = a, _.Element = r, _.ForwardRef = m, _.Fragment = i, _.Lazy = O, _.Memo = v, _.Portal = n, _.Profiler = s, _.StrictMode = d, _.Suspense = h, _.isAsyncMode = function(l) {
     return B(l) || M(l) === y;
   }, _.isConcurrentMode = B, _.isContextConsumer = function(l) {
-    return M(l) === u;
+    return M(l) === f;
   }, _.isContextProvider = function(l) {
     return M(l) === a;
   }, _.isElement = function(l) {
@@ -375,7 +375,7 @@ function Br() {
   }, _.isSuspense = function(l) {
     return M(l) === h;
   }, _.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === i || l === p || l === s || l === d || l === h || l === b || typeof l == "object" && l !== null && (l.$$typeof === O || l.$$typeof === v || l.$$typeof === a || l.$$typeof === u || l.$$typeof === m || l.$$typeof === C || l.$$typeof === g || l.$$typeof === U || l.$$typeof === E);
+    return typeof l == "string" || typeof l == "function" || l === i || l === p || l === s || l === d || l === h || l === b || typeof l == "object" && l !== null && (l.$$typeof === O || l.$$typeof === v || l.$$typeof === a || l.$$typeof === f || l.$$typeof === m || l.$$typeof === C || l.$$typeof === g || l.$$typeof === U || l.$$typeof === E);
   }, _.typeOf = M, _;
 }
 var P = {};
@@ -390,10 +390,10 @@ var P = {};
 var qe;
 function $r() {
   return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
     function M(c) {
       return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      c === i || c === p || c === s || c === d || c === h || c === b || typeof c == "object" && c !== null && (c.$$typeof === O || c.$$typeof === v || c.$$typeof === a || c.$$typeof === u || c.$$typeof === m || c.$$typeof === C || c.$$typeof === g || c.$$typeof === U || c.$$typeof === E);
+      c === i || c === p || c === s || c === d || c === h || c === b || typeof c == "object" && c !== null && (c.$$typeof === O || c.$$typeof === v || c.$$typeof === a || c.$$typeof === f || c.$$typeof === m || c.$$typeof === C || c.$$typeof === g || c.$$typeof === U || c.$$typeof === E);
     }
     function B(c) {
       if (typeof c == "object" && c !== null) {
@@ -412,7 +412,7 @@ function $r() {
               default:
                 var Ie = oe && oe.$$typeof;
                 switch (Ie) {
-                  case u:
+                  case f:
                   case m:
                   case O:
                   case v:
@@ -427,15 +427,15 @@ function $r() {
         }
       }
     }
-    var l = y, D = p, W = u, q = a, de = r, ue = m, re = i, fe = O, pe = v, J = n, he = s, Y = d, K = h, ne = !1;
+    var l = y, D = p, W = f, q = a, de = r, ue = m, re = i, fe = O, pe = v, J = n, he = s, Y = d, K = h, ne = !1;
     function me(c) {
       return ne || (ne = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(c) || B(c) === y;
     }
     function o(c) {
       return B(c) === p;
     }
-    function f(c) {
-      return B(c) === u;
+    function u(c) {
+      return B(c) === f;
     }
     function j(c) {
       return B(c) === a;
@@ -467,7 +467,7 @@ function $r() {
     function N(c) {
       return B(c) === h;
     }
-    P.AsyncMode = l, P.ConcurrentMode = D, P.ContextConsumer = W, P.ContextProvider = q, P.Element = de, P.ForwardRef = ue, P.Fragment = re, P.Lazy = fe, P.Memo = pe, P.Portal = J, P.Profiler = he, P.StrictMode = Y, P.Suspense = K, P.isAsyncMode = me, P.isConcurrentMode = o, P.isContextConsumer = f, P.isContextProvider = j, P.isElement = S, P.isForwardRef = x, P.isFragment = k, P.isLazy = w, P.isMemo = T, P.isPortal = R, P.isProfiler = I, P.isStrictMode = A, P.isSuspense = N, P.isValidElementType = M, P.typeOf = B;
+    P.AsyncMode = l, P.ConcurrentMode = D, P.ContextConsumer = W, P.ContextProvider = q, P.Element = de, P.ForwardRef = ue, P.Fragment = re, P.Lazy = fe, P.Memo = pe, P.Portal = J, P.Profiler = he, P.StrictMode = Y, P.Suspense = K, P.isAsyncMode = me, P.isConcurrentMode = o, P.isContextConsumer = u, P.isContextProvider = j, P.isElement = S, P.isForwardRef = x, P.isFragment = k, P.isLazy = w, P.isMemo = T, P.isPortal = R, P.isProfiler = I, P.isStrictMode = A, P.isSuspense = N, P.isValidElementType = M, P.typeOf = B;
   }()), P;
 }
 var Ue;
@@ -497,8 +497,8 @@ function Nr() {
       var s = new String("abc");
       if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
         return !1;
-      for (var a = {}, u = 0; u < 10; u++)
-        a["_" + String.fromCharCode(u)] = u;
+      for (var a = {}, f = 0; f < 10; f++)
+        a["_" + String.fromCharCode(f)] = f;
       var y = Object.getOwnPropertyNames(a).map(function(m) {
         return a[m];
       });
@@ -513,14 +513,14 @@ function Nr() {
     }
   }
   return ge = d() ? Object.assign : function(s, a) {
-    for (var u, y = i(s), p, m = 1; m < arguments.length; m++) {
-      u = Object(arguments[m]);
-      for (var h in u)
-        r.call(u, h) && (y[h] = u[h]);
+    for (var f, y = i(s), p, m = 1; m < arguments.length; m++) {
+      f = Object(arguments[m]);
+      for (var h in f)
+        r.call(f, h) && (y[h] = f[h]);
       if (e) {
-        p = e(u);
+        p = e(f);
         for (var b = 0; b < p.length; b++)
-          n.call(u, p[b]) && (y[p[b]] = u[p[b]]);
+          n.call(f, p[b]) && (y[p[b]] = f[p[b]]);
       }
     }
     return y;
@@ -556,7 +556,7 @@ function Lr() {
       }
     };
   }
-  function d(s, a, u, y, p) {
+  function d(s, a, f, y, p) {
     if (process.env.NODE_ENV !== "production") {
       for (var m in s)
         if (i(s, m)) {
@@ -564,21 +564,21 @@ function Lr() {
           try {
             if (typeof s[m] != "function") {
               var b = Error(
-                (y || "React class") + ": " + u + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (y || "React class") + ": " + f + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw b.name = "Invariant Violation", b;
             }
-            h = s[m](a, m, y, u, null, r);
+            h = s[m](a, m, y, f, null, r);
           } catch (O) {
             h = O;
           }
           if (h && !(h instanceof Error) && e(
-            (y || "React class") + ": type specification of " + u + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (y || "React class") + ": type specification of " + f + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), h instanceof Error && !(h.message in n)) {
             n[h.message] = !0;
             var v = p ? p() : "";
             e(
-              "Failed " + u + " type: " + h.message + (v ?? "")
+              "Failed " + f + " type: " + h.message + (v ?? "")
             );
           }
         }
@@ -595,8 +595,8 @@ function Fr() {
   Ve = 1;
   var e = dt(), r = Nr(), n = _e(), i = ut(), d = Lr(), s = function() {
   };
-  process.env.NODE_ENV !== "production" && (s = function(u) {
-    var y = "Warning: " + u;
+  process.env.NODE_ENV !== "production" && (s = function(f) {
+    var y = "Warning: " + f;
     typeof console < "u" && console.error(y);
     try {
       throw new Error(y);
@@ -606,12 +606,12 @@ function Fr() {
   function a() {
     return null;
   }
-  return Ee = function(u, y) {
+  return Ee = function(f, y) {
     var p = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
     function h(o) {
-      var f = o && (p && o[p] || o[m]);
-      if (typeof f == "function")
-        return f;
+      var u = o && (p && o[p] || o[m]);
+      if (typeof u == "function")
+        return u;
     }
     var b = "<<anonymous>>", v = {
       array: g("array"),
@@ -634,16 +634,16 @@ function Fr() {
       shape: fe,
       exact: pe
     };
-    function O(o, f) {
-      return o === f ? o !== 0 || 1 / o === 1 / f : o !== o && f !== f;
+    function O(o, u) {
+      return o === u ? o !== 0 || 1 / o === 1 / u : o !== o && u !== u;
     }
-    function E(o, f) {
-      this.message = o, this.data = f && typeof f == "object" ? f : {}, this.stack = "";
+    function E(o, u) {
+      this.message = o, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
     }
     E.prototype = Error.prototype;
     function C(o) {
       if (process.env.NODE_ENV !== "production")
-        var f = {}, j = 0;
+        var u = {}, j = 0;
       function S(k, w, T, R, I, A, N) {
         if (R = R || b, A = A || T, N !== n) {
           if (y) {
@@ -653,10 +653,10 @@ function Fr() {
             throw c.name = "Invariant Violation", c;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var z = R + ":" + T;
-            !f[z] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !u[z] && // Avoid spamming the console because they are often not actionable except for lib authors
             j < 3 && (s(
               "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + R + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), f[z] = !0, j++);
+            ), u[z] = !0, j++);
           }
         }
         return w[T] == null ? k ? w[T] === null ? new E("The " + I + " `" + A + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new E("The " + I + " `" + A + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : o(w, T, R, I, A);
@@ -665,7 +665,7 @@ function Fr() {
       return x.isRequired = S.bind(null, !0), x;
     }
     function g(o) {
-      function f(j, S, x, k, w, T) {
+      function u(j, S, x, k, w, T) {
         var R = j[S], I = Y(R);
         if (I !== o) {
           var A = K(R);
@@ -676,13 +676,13 @@ function Fr() {
         }
         return null;
       }
-      return C(f);
+      return C(u);
     }
     function U() {
       return C(a);
     }
     function M(o) {
-      function f(j, S, x, k, w) {
+      function u(j, S, x, k, w) {
         if (typeof o != "function")
           return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
         var T = j[S];
@@ -697,12 +697,12 @@ function Fr() {
         }
         return null;
       }
-      return C(f);
+      return C(u);
     }
     function B() {
-      function o(f, j, S, x, k) {
-        var w = f[j];
-        if (!u(w)) {
+      function o(u, j, S, x, k) {
+        var w = u[j];
+        if (!f(w)) {
           var T = Y(w);
           return new E("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement."));
         }
@@ -711,8 +711,8 @@ function Fr() {
       return C(o);
     }
     function l() {
-      function o(f, j, S, x, k) {
-        var w = f[j];
+      function o(u, j, S, x, k) {
+        var w = u[j];
         if (!e.isValidElementType(w)) {
           var T = Y(w);
           return new E("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement type."));
@@ -722,21 +722,21 @@ function Fr() {
       return C(o);
     }
     function D(o) {
-      function f(j, S, x, k, w) {
+      function u(j, S, x, k, w) {
         if (!(j[S] instanceof o)) {
           var T = o.name || b, R = me(j[S]);
           return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected ") + ("instance of `" + T + "`."));
         }
         return null;
       }
-      return C(f);
+      return C(u);
     }
     function W(o) {
       if (!Array.isArray(o))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), a;
-      function f(j, S, x, k, w) {
+      function u(j, S, x, k, w) {
         for (var T = j[S], R = 0; R < o.length; R++)
           if (O(T, o[R]))
             return null;
@@ -746,10 +746,10 @@ function Fr() {
         });
         return new E("Invalid " + k + " `" + w + "` of value `" + String(T) + "` " + ("supplied to `" + x + "`, expected one of " + I + "."));
       }
-      return C(f);
+      return C(u);
     }
     function q(o) {
-      function f(j, S, x, k, w) {
+      function u(j, S, x, k, w) {
         if (typeof o != "function")
           return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
         var T = j[S], R = Y(T);
@@ -763,16 +763,16 @@ function Fr() {
           }
         return null;
       }
-      return C(f);
+      return C(u);
     }
     function de(o) {
       if (!Array.isArray(o))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var f = 0; f < o.length; f++) {
-        var j = o[f];
+      for (var u = 0; u < o.length; u++) {
+        var j = o[u];
         if (typeof j != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + f + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + u + "."
           ), a;
       }
       function S(x, k, w, T, R) {
@@ -788,18 +788,18 @@ function Fr() {
       return C(S);
     }
     function ue() {
-      function o(f, j, S, x, k) {
-        return J(f[j]) ? null : new E("Invalid " + x + " `" + k + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
+      function o(u, j, S, x, k) {
+        return J(u[j]) ? null : new E("Invalid " + x + " `" + k + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
       }
       return C(o);
     }
-    function re(o, f, j, S, x) {
+    function re(o, u, j, S, x) {
       return new E(
-        (o || "React class") + ": " + f + " type `" + j + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
+        (o || "React class") + ": " + u + " type `" + j + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
       );
     }
     function fe(o) {
-      function f(j, S, x, k, w) {
+      function u(j, S, x, k, w) {
         var T = j[S], R = Y(T);
         if (R !== "object")
           return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
@@ -813,10 +813,10 @@ function Fr() {
         }
         return null;
       }
-      return C(f);
+      return C(u);
     }
     function pe(o) {
-      function f(j, S, x, k, w) {
+      function u(j, S, x, k, w) {
         var T = j[S], R = Y(T);
         if (R !== "object")
           return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
@@ -836,7 +836,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
         }
         return null;
       }
-      return C(f);
+      return C(u);
     }
     function J(o) {
       switch (typeof o) {
@@ -849,12 +849,12 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
         case "object":
           if (Array.isArray(o))
             return o.every(J);
-          if (o === null || u(o))
+          if (o === null || f(o))
             return !0;
-          var f = h(o);
-          if (f) {
-            var j = f.call(o), S;
-            if (f !== o.entries) {
+          var u = h(o);
+          if (u) {
+            var j = u.call(o), S;
+            if (u !== o.entries) {
               for (; !(S = j.next()).done; )
                 if (!J(S.value))
                   return !1;
@@ -871,37 +871,37 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return !1;
       }
     }
-    function he(o, f) {
-      return o === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
+    function he(o, u) {
+      return o === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
     }
     function Y(o) {
-      var f = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : he(f, o) ? "symbol" : f;
+      var u = typeof o;
+      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : he(u, o) ? "symbol" : u;
     }
     function K(o) {
       if (typeof o > "u" || o === null)
         return "" + o;
-      var f = Y(o);
-      if (f === "object") {
+      var u = Y(o);
+      if (u === "object") {
         if (o instanceof Date)
           return "date";
         if (o instanceof RegExp)
           return "regexp";
       }
-      return f;
+      return u;
     }
     function ne(o) {
-      var f = K(o);
-      switch (f) {
+      var u = K(o);
+      switch (u) {
         case "array":
         case "object":
-          return "an " + f;
+          return "an " + u;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + f;
+          return "a " + u;
         default:
-          return f;
+          return u;
       }
     }
     function me(o) {
@@ -921,7 +921,7 @@ function Wr() {
   function n() {
   }
   return n.resetWarningCache = r, Se = function() {
-    function i(a, u, y, p, m, h) {
+    function i(a, f, y, p, m, h) {
       if (h !== e) {
         var b = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1023,8 +1023,8 @@ class je extends Xe {
     const n = this.getDoc();
     if (!n)
       return null;
-    const i = this.props.contentDidMount, d = this.props.contentDidUpdate, s = n.defaultView || n.parentView, a = /* @__PURE__ */ t.jsx(mt, { contentDidMount: i, contentDidUpdate: d, children: /* @__PURE__ */ t.jsx(zr, { value: { document: n, window: s }, children: /* @__PURE__ */ t.jsx("div", { className: "frame-content", children: this.props.children }) }) }), u = this.getMountTarget();
-    return [Ne.createPortal(this.props.head, this.getDoc().head), Ne.createPortal(a, u)];
+    const i = this.props.contentDidMount, d = this.props.contentDidUpdate, s = n.defaultView || n.parentView, a = /* @__PURE__ */ t.jsx(mt, { contentDidMount: i, contentDidUpdate: d, children: /* @__PURE__ */ t.jsx(zr, { value: { document: n, window: s }, children: /* @__PURE__ */ t.jsx("div", { className: "frame-content", children: this.props.children }) }) }), f = this.getMountTarget();
+    return [Ne.createPortal(this.props.head, this.getDoc().head), Ne.createPortal(a, f)];
   }
   render() {
     const n = {
@@ -1070,14 +1070,14 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
       if (s) {
         const a = s.getAttribute("data-style-prop");
         if (a) {
-          const u = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
-          d([{ id: u, prop: a, blockId: y }]);
+          const f = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
+          d([{ id: f, prop: a, blockId: y }]);
         }
       }
     }, 100);
   }, [r, n, d, i]), /* @__PURE__ */ t.jsx("div", { id: "canvas", className: "relative h-screen max-w-full outline-2", children: e });
 }, yt = (e, r) => e.querySelector(`[data-block-id="${r}"]`), Vr = () => {
-  const { window: e } = Pe(), [r, n] = X(), [, i] = Z(), { undo: d, redo: s } = ke(), a = ot(), [, u] = Nt(), [, y] = Lt(), { pasteBlocks: p } = Ft(), [, m] = st(), h = at(), { savePage: b } = Wt(), [v] = te(qt), [, O] = te(Ut), E = (C) => {
+  const { window: e } = Pe(), [r, n] = X(), [, i] = Z(), { undo: d, redo: s } = ke(), a = ot(), [, f] = Nt(), [, y] = Lt(), { pasteBlocks: p } = Ft(), [, m] = st(), h = at(), { savePage: b } = Wt(), [v] = te(qt), [, O] = te(Ut), E = (C) => {
     C.key === "Enter" && (C.preventDefault(), r.length === 1 && O(ce(r)));
   };
   return F(() => {
@@ -1092,7 +1092,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
             return !0;
           g.preventDefault();
         }
-        g.key === "s" && (g.stopPropagation(), g.preventDefault(), b()), g.key === "z" && d(), g.key === "y" && s(), g.key === "d" && a(r), g.key === "x" && u(r), g.key === "c" && y(r), g.key === "v" && r.length > 0 && p(r[0]);
+        g.key === "s" && (g.stopPropagation(), g.preventDefault(), b()), g.key === "z" && d(), g.key === "y" && s(), g.key === "d" && a(r), g.key === "x" && f(r), g.key === "c" && y(r), g.key === "v" && r.length > 0 && p(r[0]);
       }
     };
     return e.removeEventListener("keydown", C), e.addEventListener("keydown", C), () => {
@@ -1106,7 +1106,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     m,
     s,
     a,
-    u,
+    f,
     y,
     p,
     v,
@@ -1136,7 +1136,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
   selectedBlockElement: e,
   block: r
 }) => {
-  const n = at(), i = ot(), [, d] = X(), [, s] = Z(), { floatingStyles: a, refs: u, update: y } = xr({
+  const n = at(), i = ot(), [, d] = X(), [, s] = Z(), { floatingStyles: a, refs: f, update: y } = xr({
     placement: "top-start",
     middleware: [br(), gr()],
     elements: {
@@ -1150,7 +1150,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     {
       role: "button",
       tabIndex: 0,
-      ref: u.setFloating,
+      ref: f.setFloating,
       style: a,
       onClick: (h) => {
         h.stopPropagation(), h.preventDefault();
@@ -1176,7 +1176,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     }
   );
 }, Zr = ({ model: e }) => {
-  const [r] = Ht(), [n] = X(), [i] = rt(), [d] = Ae(), [s] = Z(), { document: a, window: u } = Pe(), [y] = H(a == null ? void 0 : a.getElementById("highlighted-block")), [p] = H(
+  const [r] = Ht(), [n] = X(), [i] = rt(), [d] = Ae(), [s] = Z(), { document: a, window: f } = Pe(), [y] = H(a == null ? void 0 : a.getElementById("highlighted-block")), [p] = H(
     a == null ? void 0 : a.getElementById("selected-block")
   ), [m] = H(
     a == null ? void 0 : a.getElementById("selected-styling-block")
@@ -1192,7 +1192,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     });
     E.primary.DEFAULT = v, E.secondary.DEFAULT = O;
     const C = $(r, "roundedCorners", "0");
-    !u || !u.tailwind || (u.tailwind.config = {
+    !f || !f.tailwind || (f.tailwind.config = {
       darkMode: "class",
       theme: {
         fontFamily: {
@@ -1208,7 +1208,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
       },
       plugins: [
         // @ts-ignore
-        u.tailwind.plugin.withOptions(({ prefix: g = "ui" } = {}) => ({ addVariant: U }) => {
+        f.tailwind.plugin.withOptions(({ prefix: g = "ui" } = {}) => ({ addVariant: U }) => {
           for (const M of ["open", "checked", "selected", "active", "disabled"])
             U(`${g}-${M}`, [
               `&[data-headlessui-state~="${M}"]`,
@@ -1220,7 +1220,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
         })
       ]
     });
-  }, [r, u, h, b]), F(() => {
+  }, [r, f, h, b]), F(() => {
     p && (p.textContent = `${ie(n, (v) => `[data-block-id="${v}"]`).join(",")}{
                 outline: 1px solid ${n.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
@@ -1310,7 +1310,7 @@ function Ce({ blocks: e }) {
       n(""), p.stopPropagation();
     },
     [n]
-  ), u = Q(
+  ), f = Q(
     (p) => {
       p.stopPropagation();
       const m = p.currentTarget;
@@ -1324,8 +1324,8 @@ function Ce({ blocks: e }) {
     },
     [i, d]
   ), y = Q(
-    (p) => rn(p, s, a, u),
-    [u, s, a]
+    (p) => rn(p, s, a, f),
+    [f, s, a]
   );
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: G.Children.toArray(
     e.map((p, m) => {
@@ -1340,7 +1340,7 @@ function Ce({ blocks: e }) {
       const O = Cr(p._type), E = $(O, "builderComponent", O == null ? void 0 : O.component) || null;
       return /* @__PURE__ */ t.jsx(Ze, { children: G.createElement(E, {
         blockProps: {
-          onClick: u,
+          onClick: f,
           "data-block-id": p._id,
           "data-block-type": p._type
         },
@@ -1348,13 +1348,7 @@ function Ce({ blocks: e }) {
         ...p,
         index: m,
         ...y(p),
-        ...b,
-        isBuilderMode: () => !0,
-        setBlockRoot: () => ({
-          onClick: u,
-          "data-block-id": p._id,
-          "data-block-type": p._type
-        })
+        ...b
       }) });
     })
   ) });
@@ -1363,11 +1357,11 @@ const nn = () => {
   const e = it();
   return /* @__PURE__ */ t.jsx(Tr, { children: e.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: Je(e, (r) => ee(r._parent)) }) : /* @__PURE__ */ t.jsx(Jr, {}) });
 }, on = (e, r) => e.querySelector(`[data-style-id="${r}"]`), sn = () => {
-  const [e] = te(Kt), [r] = st(), [n] = Re(), [, i] = X(), d = Vt(), [, s] = Ae(), a = Oe(null), u = Oe(null), [y, p] = H({ width: 0, height: 0 }), m = Dr(y), [h, b] = H(0), [v, O] = H([]), [, E] = H([]), [, C] = te(Gt), [g, U] = Z(), M = et("loadingCanvas", !1);
+  const [e] = te(Kt), [r] = st(), [n] = Re(), [, i] = X(), d = Vt(), [, s] = Ae(), a = Oe(null), f = Oe(null), [y, p] = H({ width: 0, height: 0 }), m = Dr(y), [h, b] = H(0), [v, O] = H([]), [, E] = H([]), [, C] = te(Gt), [g, U] = Z(), M = et("loadingCanvas", !1);
   F(() => {
-    const { clientWidth: D, clientHeight: W } = u.current;
+    const { clientWidth: D, clientHeight: W } = f.current;
     p({ width: D, height: W }), h === 0 && b(D);
-  }, [u, n, h]);
+  }, [f, n, h]);
   const B = (D, W = 0) => {
     const { top: q } = D.getBoundingClientRect();
     return q + W >= 0 && q - W <= window.innerHeight;
@@ -1404,7 +1398,7 @@ const nn = () => {
       onMouseLeave: () => setTimeout(() => s(""), 300),
       className: "relative mx-auto h-full w-full bg-black/80",
       style: h > 0 && !ee(m) ? { width: r ? "100%" : h } : {},
-      ref: u,
+      ref: f,
       children: /* @__PURE__ */ t.jsxs(
         Hr,
         {
@@ -1433,7 +1427,7 @@ const nn = () => {
       )
     }
   );
-}, an = Et(() => import("./AddBlocks-12b4bcb1.js")), to = () => {
+}, an = Et(() => import("./AddBlocks-6f4db22d.js")), to = () => {
   const e = et("mode", ve.STATIC), [r, n] = te(Xt), i = {
     [ve.STATIC]: /* @__PURE__ */ t.jsx(sn, {}),
     [ve.FRAMEWORK]: null