@chaibuilder/sdk 0.1.13 → 0.1.15

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

@@ -1,13 +1,13 @@
-var yt = Object.defineProperty;
-var vt = (e, r, n) => r in e ? yt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n;
-var V = (e, r, n) => (vt(e, typeof r != "symbol" ? r + "" : r, n), n);
+var vt = Object.defineProperty;
+var gt = (e, r, n) => r in e ? vt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n;
+var V = (e, r, n) => (gt(e, typeof r != "symbol" ? r + "" : r, n), n);
 import { j as t } from "./jsx-runtime-944c88e2.js";
-import G, { createElement as gt, useCallback as Q, useState as H, useEffect as F, Component as Xe, Children as xt, useRef as Oe, useMemo as bt, lazy as wt, Suspense as Et } from "react";
-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 Ze, isString as Je } from "lodash";
+import G, { createElement as xt, useCallback as Q, useState as H, useEffect as F, Component as Xe, Children as bt, Suspense as Ze, useRef as Oe, useMemo as wt, lazy as Et } from "react";
+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 Qe, S as et } from "./useBuilderProp-81a14920.js";
-import { c as ke, d as tt, e as Re, f as Dt, g as Bt, h as X, i as Z, j as $t, k as rt, l as nt, m as Nt, n as Lt, o as Ft, p as ot, q as st, u as Wt, r as qt, s as Ut, t as Yt, v as zt, w as Ht, x as Ae, y as at, z as Kt, A as Vt, B as Gt, b as Xt, E as Zt } from "./index-0d399aef.js";
-import { useTranslation as it } from "react-i18next";
+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 { 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";
 import { L as cr } from "./label-e770a087.js";
@@ -20,7 +20,7 @@ import { useResizeObserver as Er } from "@react-hookz/web";
 import { tailwindcssPaletteGenerator as Sr } from "@bobthered/tailwindcss-palette-generator";
 import { Provider as Tr } from "react-wrap-balancer";
 import { twMerge as jr } from "tailwind-merge";
-import { S as ct, a as $e } from "./MODIFIERS-c2e02614.js";
+import { S as lt, a as $e } from "./MODIFIERS-c2e02614.js";
 import { getBlockComponent as Cr } from "@chaibuilder/blocks";
 import Ne from "react-dom";
 import { g as kr } from "./_commonjsHelpers-d4512b9c.js";
@@ -54,7 +54,7 @@ const Rr = () => {
   ] });
 };
 function Ar() {
-  const [e, r] = tt(), { t: n } = it();
+  const [e, r] = rt(), { t: n } = ct();
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ t.jsx(cr, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
     /* @__PURE__ */ t.jsxs(
@@ -177,7 +177,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center rounded-md", children: [
     ie(
       Fe.filter((s) => Me(n, ye(s.breakpoint))),
-      (s) => /* @__PURE__ */ gt(_r, { ...s, onClick: r, key: s.breakpoint, currentBreakpoint: e })
+      (s) => /* @__PURE__ */ xt(_r, { ...s, onClick: r, key: s.breakpoint, currentBreakpoint: e })
     ),
     /* @__PURE__ */ t.jsxs(Qt, { children: [
       /* @__PURE__ */ t.jsx(er, { asChild: !0, children: /* @__PURE__ */ t.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ t.jsx(Ct, { className: "scale-90 transform" }) }) }),
@@ -218,7 +218,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     ] })
   ] }) });
 }, Or = () => {
-  const e = $t("darkMode", !1), [r] = rt();
+  const e = $t("darkMode", !1), [r] = nt();
   return /* @__PURE__ */ t.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex h-full space-x-2", children: [
       e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -284,12 +284,12 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     <div class="frame-root"></div>
   </body>
 </html>`, Dr = (e) => {
-  const [r] = Re(), [, n] = rt(), [i, d] = H({}), s = Q(() => {
-    const { width: a, height: f } = e;
+  const [r] = Re(), [, n] = nt(), [i, d] = H({}), s = Q(() => {
+    const { width: a, height: u } = e;
     if (a < r) {
       const y = parseFloat((a / r).toString());
       let p = {};
-      f && (p = { height: f + 2 * f * (1 - y) }), d({
+      u && (p = { height: u + 2 * u * (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, 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;
+  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;
   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 f:
+                case u:
                 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 = 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 _.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 B(l) || M(l) === y;
   }, _.isConcurrentMode = B, _.isContextConsumer = function(l) {
-    return M(l) === f;
+    return M(l) === u;
   }, _.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 === f || 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 === u || 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, 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;
+    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;
     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 === f || 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 === u || 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 f:
+                  case u:
                   case m:
                   case O:
                   case v:
@@ -427,15 +427,15 @@ function $r() {
         }
       }
     }
-    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;
+    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;
     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 u(c) {
-      return B(c) === f;
+    function f(c) {
+      return B(c) === u;
     }
     function j(c) {
       return B(c) === a;
@@ -467,11 +467,11 @@ 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 = 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.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;
 }
 var Ue;
-function lt() {
+function dt() {
   return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? ae.exports = Br() : ae.exports = $r()), ae.exports;
 }
 /*
@@ -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 = {}, f = 0; f < 10; f++)
-        a["_" + String.fromCharCode(f)] = f;
+      for (var a = {}, u = 0; u < 10; u++)
+        a["_" + String.fromCharCode(u)] = u;
       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 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]);
+    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]);
       if (e) {
-        p = e(f);
+        p = e(u);
         for (var b = 0; b < p.length; b++)
-          n.call(f, p[b]) && (y[p[b]] = f[p[b]]);
+          n.call(u, p[b]) && (y[p[b]] = u[p[b]]);
       }
     }
     return y;
@@ -535,7 +535,7 @@ function _e() {
   return xe = e, xe;
 }
 var be, He;
-function dt() {
+function ut() {
   return He || (He = 1, be = Function.call.bind(Object.prototype.hasOwnProperty)), be;
 }
 var we, Ke;
@@ -546,7 +546,7 @@ function Lr() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = _e(), n = {}, i = dt();
+    var r = _e(), n = {}, i = ut();
     e = function(s) {
       var a = "Warning: " + s;
       typeof console < "u" && console.error(a);
@@ -556,7 +556,7 @@ function Lr() {
       }
     };
   }
-  function d(s, a, f, y, p) {
+  function d(s, a, u, 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") + ": " + 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`."
+                (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`."
               );
               throw b.name = "Invariant Violation", b;
             }
-            h = s[m](a, m, y, f, null, r);
+            h = s[m](a, m, y, u, null, r);
           } catch (O) {
             h = O;
           }
           if (h && !(h instanceof Error) && e(
-            (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)."
+            (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)."
           ), h instanceof Error && !(h.message in n)) {
             n[h.message] = !0;
             var v = p ? p() : "";
             e(
-              "Failed " + f + " type: " + h.message + (v ?? "")
+              "Failed " + u + " type: " + h.message + (v ?? "")
             );
           }
         }
@@ -593,10 +593,10 @@ function Fr() {
   if (Ve)
     return Ee;
   Ve = 1;
-  var e = lt(), r = Nr(), n = _e(), i = dt(), d = Lr(), s = function() {
+  var e = dt(), r = Nr(), n = _e(), i = ut(), d = Lr(), s = function() {
   };
-  process.env.NODE_ENV !== "production" && (s = function(f) {
-    var y = "Warning: " + f;
+  process.env.NODE_ENV !== "production" && (s = function(u) {
+    var y = "Warning: " + u;
     typeof console < "u" && console.error(y);
     try {
       throw new Error(y);
@@ -606,12 +606,12 @@ function Fr() {
   function a() {
     return null;
   }
-  return Ee = function(f, y) {
+  return Ee = function(u, y) {
     var p = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
     function h(o) {
-      var u = o && (p && o[p] || o[m]);
-      if (typeof u == "function")
-        return u;
+      var f = o && (p && o[p] || o[m]);
+      if (typeof f == "function")
+        return f;
     }
     var b = "<<anonymous>>", v = {
       array: g("array"),
@@ -634,16 +634,16 @@ function Fr() {
       shape: fe,
       exact: pe
     };
-    function O(o, u) {
-      return o === u ? o !== 0 || 1 / o === 1 / u : o !== o && u !== u;
+    function O(o, f) {
+      return o === f ? o !== 0 || 1 / o === 1 / f : o !== o && f !== f;
     }
-    function E(o, u) {
-      this.message = o, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
+    function E(o, f) {
+      this.message = o, this.data = f && typeof f == "object" ? f : {}, this.stack = "";
     }
     E.prototype = Error.prototype;
     function C(o) {
       if (process.env.NODE_ENV !== "production")
-        var u = {}, j = 0;
+        var f = {}, 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;
-            !u[z] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !f[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."
-            ), u[z] = !0, j++);
+            ), f[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 u(j, S, x, k, w, T) {
+      function f(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(u);
+      return C(f);
     }
     function U() {
       return C(a);
     }
     function M(o) {
-      function u(j, S, x, k, w) {
+      function f(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(u);
+      return C(f);
     }
     function B() {
-      function o(u, j, S, x, k) {
-        var w = u[j];
-        if (!f(w)) {
+      function o(f, j, S, x, k) {
+        var w = f[j];
+        if (!u(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(u, j, S, x, k) {
-        var w = u[j];
+      function o(f, j, S, x, k) {
+        var w = f[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 u(j, S, x, k, w) {
+      function f(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(u);
+      return C(f);
     }
     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 u(j, S, x, k, w) {
+      function f(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(u);
+      return C(f);
     }
     function q(o) {
-      function u(j, S, x, k, w) {
+      function f(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(u);
+      return C(f);
     }
     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 u = 0; u < o.length; u++) {
-        var j = o[u];
+      for (var f = 0; f < o.length; f++) {
+        var j = o[f];
         if (typeof j != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + u + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + f + "."
           ), a;
       }
       function S(x, k, w, T, R) {
@@ -788,18 +788,18 @@ function Fr() {
       return C(S);
     }
     function ue() {
-      function o(u, j, S, x, k) {
-        return J(u[j]) ? null : new E("Invalid " + x + " `" + k + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
+      function o(f, j, S, x, k) {
+        return J(f[j]) ? null : new E("Invalid " + x + " `" + k + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
       }
       return C(o);
     }
-    function re(o, u, j, S, x) {
+    function re(o, f, j, S, x) {
       return new E(
-        (o || "React class") + ": " + u + " type `" + j + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
+        (o || "React class") + ": " + f + " type `" + j + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
       );
     }
     function fe(o) {
-      function u(j, S, x, k, w) {
+      function f(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(u);
+      return C(f);
     }
     function pe(o) {
-      function u(j, S, x, k, w) {
+      function f(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(u);
+      return C(f);
     }
     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 || f(o))
+          if (o === null || u(o))
             return !0;
-          var u = h(o);
-          if (u) {
-            var j = u.call(o), S;
-            if (u !== o.entries) {
+          var f = h(o);
+          if (f) {
+            var j = f.call(o), S;
+            if (f !== 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, u) {
-      return o === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
+    function he(o, f) {
+      return o === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
     }
     function Y(o) {
-      var u = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : he(u, o) ? "symbol" : u;
+      var f = typeof o;
+      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : he(f, o) ? "symbol" : f;
     }
     function K(o) {
       if (typeof o > "u" || o === null)
         return "" + o;
-      var u = Y(o);
-      if (u === "object") {
+      var f = Y(o);
+      if (f === "object") {
         if (o instanceof Date)
           return "date";
         if (o instanceof RegExp)
           return "regexp";
       }
-      return u;
+      return f;
     }
     function ne(o) {
-      var u = K(o);
-      switch (u) {
+      var f = K(o);
+      switch (f) {
         case "array":
         case "object":
-          return "an " + u;
+          return "an " + f;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + u;
+          return "a " + f;
         default:
-          return u;
+          return f;
       }
     }
     function me(o) {
@@ -921,7 +921,7 @@ function Wr() {
   function n() {
   }
   return n.resetWarningCache = r, Se = function() {
-    function i(a, f, y, p, m, h) {
+    function i(a, u, 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"
@@ -960,17 +960,17 @@ function Wr() {
   }, Se;
 }
 if (process.env.NODE_ENV !== "production") {
-  var qr = lt(), Ur = !0;
+  var qr = dt(), Ur = !0;
   Te.exports = Fr()(qr.isElement, Ur);
 } else
   Te.exports = Wr()();
 var Yr = Te.exports;
 const L = /* @__PURE__ */ kr(Yr);
-let ut, ft;
-typeof document < "u" && (ut = document);
-typeof window < "u" && (ft = window);
-const pt = G.createContext({ document: ut, window: ft }), Pe = () => G.useContext(pt), { Provider: zr, Consumer: eo } = pt;
-class ht extends Xe {
+let ft, pt;
+typeof document < "u" && (ft = document);
+typeof window < "u" && (pt = window);
+const ht = G.createContext({ document: ft, window: pt }), Pe = () => G.useContext(ht), { Provider: zr, Consumer: eo } = ht;
+class mt extends Xe {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -978,10 +978,10 @@ class ht extends Xe {
     this.props.contentDidUpdate();
   }
   render() {
-    return xt.only(this.props.children);
+    return bt.only(this.props.children);
   }
 }
-V(ht, "propTypes", {
+V(mt, "propTypes", {
   children: L.element.isRequired,
   contentDidMount: L.func.isRequired,
   contentDidUpdate: L.func.isRequired
@@ -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(ht, { 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)];
+    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)];
   }
   render() {
     const n = {
@@ -1066,18 +1066,18 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     setTimeout(() => {
       if (!ee(i))
         return;
-      const s = mt(r, ce(n));
+      const s = yt(r, ce(n));
       if (s) {
         const a = s.getAttribute("data-style-prop");
         if (a) {
-          const f = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
-          d([{ id: f, prop: a, blockId: y }]);
+          const u = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
+          d([{ id: u, 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 });
-}, mt = (e, r) => e.querySelector(`[data-block-id="${r}"]`), Vr = () => {
-  const { window: e } = Pe(), [r, n] = X(), [, i] = Z(), { undo: d, redo: s } = ke(), a = nt(), [, f] = Nt(), [, y] = Lt(), { pasteBlocks: p } = Ft(), [, m] = ot(), h = st(), { savePage: b } = Wt(), [v] = te(qt), [, O] = te(Ut), E = (C) => {
+}, 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) => {
     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" && f(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" && u(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,
-    f,
+    u,
     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 = st(), i = nt(), [, d] = X(), [, s] = Z(), { floatingStyles: a, refs: f, update: y } = xr({
+  const n = at(), i = ot(), [, d] = X(), [, s] = Z(), { floatingStyles: a, refs: u, 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: f.setFloating,
+      ref: u.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] = tt(), [d] = Ae(), [s] = Z(), { document: a, window: f } = 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: u } = 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");
-    !f || !f.tailwind || (f.tailwind.config = {
+    !u || !u.tailwind || (u.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
-        f.tailwind.plugin.withOptions(({ prefix: g = "ui" } = {}) => ({ addVariant: U }) => {
+        u.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, f, h, b]), F(() => {
+  }, [r, u, 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;
             }`);
@@ -1265,15 +1265,15 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     h && /* @__PURE__ */ t.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${h}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}` })
   ] }) : null;
 }, Jr = () => {
-  const { t: e } = it();
+  const { t: e } = ct();
   return /* @__PURE__ */ t.jsx("div", { className: "my-auto py-24 text-center text-gray-600 dark:text-white", children: /* @__PURE__ */ t.jsx("h1", { className: "mb-10 text-4xl ", children: e("canvas_empty") }) });
 }, Qr = (e) => {
   const r = {};
   return Object.keys(e).forEach((n) => {
-    Je(e[n]) && e[n].startsWith($e) && (r[n] = e[n].replace($e, "").split(","));
+    Qe(e[n]) && e[n].startsWith($e) && (r[n] = e[n].replace($e, "").split(","));
   }), r;
 }, en = Tt((e) => {
-  const r = e.replace(ct, "").split(",");
+  const r = e.replace(lt, "").split(",");
   return jr(r[0], r[1]);
 });
 function tn(e, r) {
@@ -1282,7 +1282,7 @@ function tn(e, r) {
 function rn(e, r, n, i) {
   const d = {};
   return Object.keys(e).forEach((s) => {
-    if (Je(e[s]) && e[s].startsWith(ct)) {
+    if (Qe(e[s]) && e[s].startsWith(lt)) {
       const a = en(e[s]);
       d[s] = {
         className: a,
@@ -1298,7 +1298,7 @@ function rn(e, r, n, i) {
   }), d;
 }
 function Ce({ blocks: e }) {
-  const r = at(), [, n] = Ae(), [, i] = Z(), [, d] = X(), s = Q(
+  const r = it(), [, n] = Ae(), [, i] = Z(), [, d] = X(), s = Q(
     (p) => {
       var h;
       const m = (h = p.currentTarget) == null ? void 0 : h.getAttribute("data-style-id");
@@ -1310,7 +1310,7 @@ function Ce({ blocks: e }) {
       n(""), p.stopPropagation();
     },
     [n]
-  ), f = Q(
+  ), u = 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, f),
-    [s, a]
+    (p) => rn(p, s, a, u),
+    [u, s, a]
   );
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: G.Children.toArray(
     e.map((p, m) => {
@@ -1335,33 +1335,39 @@ function Ce({ blocks: e }) {
           h[C].map((g) => /* @__PURE__ */ t.jsx(Ce, { blocks: [jt(r, { _id: g })] }))
         );
       });
-      const v = Ze(r, { _parent: p._id });
+      const v = Je(r, { _parent: p._id });
       b.children = v.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: v }) : null;
-      const O = Cr(p._type), E = (O == null ? void 0 : O.component) || null;
-      return G.createElement(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: f,
+          onClick: u,
           "data-block-id": p._id,
           "data-block-type": p._type
         },
+        inBuilder: !0,
         ...p,
         index: m,
         ...y(p),
         ...b,
-        inBuilder: !0
-      });
+        isBuilderMode: () => !0,
+        setBlockRoot: () => ({
+          onClick: u,
+          "data-block-id": p._id,
+          "data-block-type": p._type
+        })
+      }) });
     })
   ) });
 }
 const nn = () => {
-  const e = at();
-  return /* @__PURE__ */ t.jsx(Tr, { children: e.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: Ze(e, (r) => ee(r._parent)) }) : /* @__PURE__ */ t.jsx(Jr, {}) });
+  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] = ot(), [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 = Qe("loadingCanvas", !1);
+  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);
   F(() => {
-    const { clientWidth: D, clientHeight: W } = f.current;
+    const { clientWidth: D, clientHeight: W } = u.current;
     p({ width: D, height: W }), h === 0 && b(D);
-  }, [f, n, h]);
+  }, [u, n, h]);
   const B = (D, W = 0) => {
     const { top: q } = D.getBoundingClientRect();
     return q + W >= 0 && q - W <= window.innerHeight;
@@ -1369,7 +1375,7 @@ const nn = () => {
   F(() => {
     var D, W;
     if (d && d.type !== "Multiple" && a.current) {
-      const q = mt(a.current.contentDocument, d._id);
+      const q = yt(a.current.contentDocument, d._id);
       q && (B(q) || (W = (D = a.current) == null ? void 0 : D.contentWindow) == null || W.scrollTo({ top: q.offsetTop, behavior: "smooth" }), O([q]));
     }
   }, [d]), F(() => {
@@ -1382,7 +1388,7 @@ const nn = () => {
     } else
       E([null]);
   }, [g]);
-  const l = bt(() => {
+  const l = wt(() => {
     let D = Mr;
     return e === "offline" && (D = D.replace(
       "https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio",
@@ -1398,7 +1404,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: f,
+      ref: u,
       children: /* @__PURE__ */ t.jsxs(
         Hr,
         {
@@ -1419,7 +1425,7 @@ const nn = () => {
             ),
             /* @__PURE__ */ t.jsx(Zr, { model: "page" }),
             /* @__PURE__ */ t.jsxs(Kr, { children: [
-              M ? /* @__PURE__ */ t.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ t.jsx(et, { className: "h-full" }) }) : /* @__PURE__ */ t.jsx(nn, {}),
+              M ? /* @__PURE__ */ t.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }) }) : /* @__PURE__ */ t.jsx(nn, {}),
               /* @__PURE__ */ t.jsx("div", { className: "h-60" })
             ] })
           ]
@@ -1427,15 +1433,15 @@ const nn = () => {
       )
     }
   );
-}, an = wt(() => import("./AddBlocks-598b655e.js")), to = () => {
-  const e = Qe("mode", ve.STATIC), [r, n] = te(Xt), i = {
+}, an = Et(() => import("./AddBlocks-12b4bcb1.js")), to = () => {
+  const e = et("mode", ve.STATIC), [r, n] = te(Xt), i = {
     [ve.STATIC]: /* @__PURE__ */ t.jsx(sn, {}),
     [ve.FRAMEWORK]: null
   }[e];
   return /* @__PURE__ */ t.jsxs("div", { className: "flex h-full w-full flex-col", children: [
     /* @__PURE__ */ t.jsx(Or, {}),
     /* @__PURE__ */ t.jsxs("div", { className: "relative flex-1 overflow-hidden bg-slate-800/20 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
-      /* @__PURE__ */ t.jsx(Et, { fallback: /* @__PURE__ */ t.jsx(et, { className: "h-full" }), children: /* @__PURE__ */ t.jsx(Zt, { children: i }) }),
+      /* @__PURE__ */ t.jsx(Ze, { fallback: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }), children: /* @__PURE__ */ t.jsx(Zt, { children: i }) }),
       r ? /* @__PURE__ */ t.jsx(
         "div",
         {