@chaibuilder/sdk 1.1.7 → 1.1.9

package/dist/{CanvasArea-_gcqHG0e.js → CanvasArea-h4l0r7Ql.js}

@@ -1,18 +1,18 @@
 var xt = Object.defineProperty;
 var bt = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Y = (e, t, n) => (bt(e, typeof t != "symbol" ? t + "" : t, n), n);
+var J = (e, t, n) => (bt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { j as r } from "./jsx-runtime-NV737rRe.js";
-import K, { createElement as wt, useCallback as we, useState as W, useEffect as R, Component as qe, Children as kt, Suspense as Ue, useRef as Ee, useMemo as jt, lazy as Ct } from "react";
-import { map as ie, includes as De, toUpper as ue, round as Tt, throttle as ze, noop as ee, isEmpty as z, first as ae, omit as St, pick as It, get as B, isString as ke, memoize as Et, each as Dt, find as Bt, filter as Ye, isNull as Ot } from "lodash";
-import { ResetIcon as Be, MobileIcon as Oe, LaptopIcon as At, DesktopIcon as Pt, DotsVerticalIcon as Rt, EraserIcon as Mt, ZoomInIcon as _t, DragHandleDots2Icon as Lt, ArrowUpIcon as Nt, CopyIcon as $t, TrashIcon as Ft } from "@radix-ui/react-icons";
-import { p as je, B as le, W as Ke, aI as Wt, aJ as Ht, aK as qt, aL as Ut, aM as zt, R as Ce, ai as Yt, aN as Kt, aO as Jt, aP as Xt, aQ as Vt, aR as Zt, aS as Gt, w as Qt, j as N, aj as J, D as en, E as tn, F as nn, G as rn, H as sn, I as on, J as an, K as ln, ap as cn, L as dn, U as Je, aH as oe, aT as un, _ as G, ab as pn, aU as re, m as Xe, n as fn, k as hn, o as gn, h as Ve, l as Ze, ag as mn, aV as yn, aW as Ge, aX as vn, aY as xn, x as bn, ae as Qe, a as wn, aZ as kn, a_ as jn, a6 as Cn, a$ as Tn, i as Sn, S as et, aw as In } from "./index-bKgIzodL.js";
+import X, { createElement as wt, useCallback as we, useState as U, useEffect as _, Component as Ue, Children as kt, Suspense as ze, useRef as De, useMemo as jt, lazy as Ct } from "react";
+import { map as ie, includes as Be, toUpper as ue, round as Tt, throttle as Ye, noop as ee, isEmpty as K, first as ae, omit as St, pick as It, get as O, isString as ke, memoize as Et, each as Dt, find as Bt, filter as Ke, isNull as Ot } from "lodash";
+import { ResetIcon as Oe, MobileIcon as Ae, LaptopIcon as At, DesktopIcon as Pt, DotsVerticalIcon as Rt, EraserIcon as Mt, ZoomInIcon as _t, DragHandleDots2Icon as Lt, ArrowUpIcon as Nt, CopyIcon as $t, TrashIcon as Ft } from "@radix-ui/react-icons";
+import { p as je, B as le, W as Je, aI as Wt, aJ as Ht, aK as qt, aL as Ut, aM as zt, R as Ce, ai as Yt, aN as Kt, aO as Jt, aP as Xt, aQ as Vt, aR as Zt, aS as Gt, w as Qt, j as W, aj as V, D as en, E as tn, F as nn, G as rn, H as sn, I as on, J as an, K as ln, ap as cn, L as dn, U as Xe, aH as oe, aT as un, _ as G, ab as pn, aU as re, ae as Te, m as Ve, n as fn, k as hn, o as gn, h as Ze, l as Ge, ag as mn, aV as yn, aW as Qe, aX as vn, aY as xn, x as bn, a as wn, aZ as kn, a_ as jn, a6 as Cn, a$ as Tn, i as Sn, S as et, aw as In } from "./index-wmzVWtmw.js";
 import { useTranslation as En } from "react-i18next";
-import { useAtom as _ } from "jotai";
-import Ae from "react-dom";
-import { g as Dn, S as Pe, a as tt } from "./MODIFIERS-MLfpKQY1.js";
-import { r as nt, u as Bn, B as On, E as An } from "./index-QWyJwEV6.js";
+import { useAtom as $ } from "jotai";
+import Pe from "react-dom";
+import { g as Dn, S as Re, a as tt } from "./MODIFIERS-MLfpKQY1.js";
+import { r as nt, u as Bn, B as On, E as An } from "./index-ebo_5bTI.js";
 import { Quill as Pn } from "react-quill";
-import { u as Rn } from "./useAddBlockByDrop-LM3owe-j.js";
+import { u as Rn } from "./useAddBlockByDrop-Vcz4iQCH.js";
 import { useFeature as rt } from "flagged";
 import { flip as Mn } from "@floating-ui/dom";
 import { useFloating as _n, shift as Ln } from "@floating-ui/react-dom";
@@ -65,12 +65,12 @@ import "lucide-react";
 const qn = () => {
   const { undoCount: e, redoCount: t, undo: n, redo: i } = je();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(le, { disabled: !e, size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Be, {}) }),
-    /* @__PURE__ */ r.jsx(le, { disabled: !t, onClick: i, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Be, { className: "rotate-180 scale-y-[-1] transform" }) })
+    /* @__PURE__ */ r.jsx(le, { disabled: !e, size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, {}) }),
+    /* @__PURE__ */ r.jsx(le, { disabled: !t, onClick: i, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
 function Un() {
-  const [e, t] = Ke(), { t: n } = En();
+  const [e, t] = Je(), { t: n } = En();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ r.jsx(Wt, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
     /* @__PURE__ */ r.jsxs(
@@ -98,7 +98,7 @@ function Un() {
     )
   ] });
 }
-const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
+const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     className: e ? "rotate-90" : "",
@@ -121,33 +121,33 @@ const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       )
     ]
   }
-), Me = [
+), _e = [
   {
     title: "Mobile (XS)",
     content: "Styles set here are applied to all screen unless edited at higher breakpoint",
     breakpoint: "xs",
-    icon: /* @__PURE__ */ r.jsx(Oe, {}),
+    icon: /* @__PURE__ */ r.jsx(Ae, {}),
     width: 400
   },
   {
     title: "Mobile landscape (SM)",
     content: "Styles set here are applied at 640px and up unless edited at higher breakpoint",
     breakpoint: "sm",
-    icon: /* @__PURE__ */ r.jsx(Oe, { className: "rotate-90" }),
+    icon: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-90" }),
     width: 640
   },
   {
     title: "Tablet (MD)",
     content: "Styles set here are applied at 768px and up",
     breakpoint: "md",
-    icon: /* @__PURE__ */ r.jsx(Re, {}),
+    icon: /* @__PURE__ */ r.jsx(Me, {}),
     width: 800
   },
   {
     title: "Tablet Landscape (LG)",
     content: "Styles set here are applied at 1024px and up unless edited at higher breakpoint",
     breakpoint: "lg",
-    icon: /* @__PURE__ */ r.jsx(Re, { landscape: !0 }),
+    icon: /* @__PURE__ */ r.jsx(Me, { landscape: !0 }),
     width: 1024
   },
   {
@@ -169,14 +169,14 @@ const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
   content: t,
   currentBreakpoint: n,
   breakpoint: i,
-  width: a,
+  width: l,
   icon: o,
   onClick: d
 }) => /* @__PURE__ */ r.jsxs(qt, { children: [
   /* @__PURE__ */ r.jsx(Ut, { asChild: !0, children: /* @__PURE__ */ r.jsx(
     le,
     {
-      onClick: () => d(a),
+      onClick: () => d(l),
       size: "sm",
       variant: i === n ? "secondary" : "ghost",
       children: o
@@ -187,12 +187,12 @@ const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: t })
   ] }) }) })
 ] }), Yn = () => {
-  const [, e, t] = Ce(), [n, i] = Yt(), a = (o) => {
+  const [, e, t] = Ce(), [n, i] = Yt(), l = (o) => {
     n.includes(o) ? n.length > 2 && i(n.filter((d) => d !== o)) : i((d) => [...d, o]);
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
     ie(
-      Me.filter((o) => De(n, ue(o.breakpoint))),
+      _e.filter((o) => Be(n, ue(o.breakpoint))),
       (o) => /* @__PURE__ */ wt(zn, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
     ),
     /* @__PURE__ */ r.jsxs(Kt, { children: [
@@ -200,12 +200,12 @@ const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       /* @__PURE__ */ r.jsxs(Xt, { className: "w-56 border-border text-xs", children: [
         /* @__PURE__ */ r.jsx(Vt, { children: "Breakpoints" }),
         /* @__PURE__ */ r.jsx(Zt, {}),
-        ie(Me, (o) => /* @__PURE__ */ r.jsx(
+        ie(_e, (o) => /* @__PURE__ */ r.jsx(
           Gt,
           {
             disabled: o.breakpoint === "xs",
-            onCheckedChange: () => a(ue(o.breakpoint)),
-            checked: De(n, ue(o.breakpoint)),
+            onCheckedChange: () => l(ue(o.breakpoint)),
+            checked: Be(n, ue(o.breakpoint)),
             children: o.title
           },
           o.breakpoint
@@ -214,7 +214,7 @@ const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     ] })
   ] });
 }, Kn = () => {
-  const [e] = Qt(), { createSnapshot: t } = je(), [, n] = N(), [, i] = J(), a = we(() => {
+  const [e] = Qt(), { createSnapshot: t } = je(), [, n] = W(), [, i] = V(), l = we(() => {
     e([]), n([]), i([]), t();
   }, [e, t]);
   return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(en, { children: [
@@ -229,12 +229,12 @@ const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       ] }),
       /* @__PURE__ */ r.jsxs(an, { children: [
         /* @__PURE__ */ r.jsx(ln, { children: "Cancel" }),
-        /* @__PURE__ */ r.jsx(cn, { onClick: a, children: "Yes" })
+        /* @__PURE__ */ r.jsx(cn, { onClick: l, children: "Yes" })
       ] })
     ] })
   ] }) });
 }, Jn = () => {
-  const e = dn("darkMode", !1), [t] = Je();
+  const e = dn("darkMode", !1), [t] = Xe();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "flex h-full space-x-2", children: [
       e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -307,21 +307,21 @@ const Re = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     <script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
   </body>
 </html>`, Vn = (e) => {
-  const [t] = Ce(), [, n] = Je(), [i, a] = W({}), o = we(() => {
+  const [t] = Ce(), [, n] = Xe(), [i, l] = U({}), o = we(() => {
     const { width: d, height: s } = e;
     if (d < t) {
       const u = parseFloat((d / t).toString());
       let c = {};
-      s && (c = { height: s + 2 * s * (1 - u) }), a({
+      s && (c = { height: s + 2 * s * (1 - u) }), l({
         transform: `scale(${u})`,
         transformOrigin: "top left",
         ...c,
         maxWidth: "none"
       }), n(u * 100);
     } else
-      a({}), n(100);
+      l({}), n(100);
   }, [t, e, n]);
-  return R(() => {
+  return _(() => {
     o();
   }, [t, e, n, o]), i;
 };
@@ -331,18 +331,18 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var pe, _e;
+var pe, Le;
 function Zn() {
-  if (_e)
+  if (Le)
     return pe;
-  _e = 1;
+  Le = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
   function i(o) {
     if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(o);
   }
-  function a() {
+  function l() {
     try {
       if (!Object.assign)
         return !1;
@@ -364,41 +364,41 @@ function Zn() {
       return !1;
     }
   }
-  return pe = a() ? Object.assign : function(o, d) {
+  return pe = l() ? Object.assign : function(o, d) {
     for (var s, u = i(o), c, f = 1; f < arguments.length; f++) {
       s = Object(arguments[f]);
       for (var h in s)
         t.call(s, h) && (u[h] = s[h]);
       if (e) {
         c = e(s);
-        for (var k = 0; k < c.length; k++)
-          n.call(s, c[k]) && (u[c[k]] = s[c[k]]);
+        for (var w = 0; w < c.length; w++)
+          n.call(s, c[w]) && (u[c[w]] = s[c[w]]);
       }
     }
     return u;
   }, pe;
 }
-var fe, Le;
-function Te() {
-  if (Le)
+var fe, Ne;
+function Se() {
+  if (Ne)
     return fe;
-  Le = 1;
+  Ne = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return fe = e, fe;
 }
-var he, Ne;
+var he, $e;
 function st() {
-  return Ne || (Ne = 1, he = Function.call.bind(Object.prototype.hasOwnProperty)), he;
+  return $e || ($e = 1, he = Function.call.bind(Object.prototype.hasOwnProperty)), he;
 }
-var ge, $e;
+var ge, Fe;
 function Gn() {
-  if ($e)
+  if (Fe)
     return ge;
-  $e = 1;
+  Fe = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = Te(), n = {}, i = st();
+    var t = Se(), n = {}, i = st();
     e = function(o) {
       var d = "Warning: " + o;
       typeof console < "u" && console.error(d);
@@ -408,21 +408,21 @@ function Gn() {
       }
     };
   }
-  function a(o, d, s, u, c) {
+  function l(o, d, s, u, c) {
     if (process.env.NODE_ENV !== "production") {
       for (var f in o)
         if (i(o, f)) {
           var h;
           try {
             if (typeof o[f] != "function") {
-              var k = Error(
+              var w = Error(
                 (u || "React class") + ": " + s + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw k.name = "Invariant Violation", k;
+              throw w.name = "Invariant Violation", w;
             }
             h = o[f](d, f, u, s, null, t);
-          } catch (A) {
-            h = A;
+          } catch (P) {
+            h = P;
           }
           if (h && !(h instanceof Error) && e(
             (u || "React class") + ": type specification of " + s + " `" + f + "` 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)."
@@ -436,16 +436,16 @@ function Gn() {
         }
     }
   }
-  return a.resetWarningCache = function() {
+  return l.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (n = {});
-  }, ge = a, ge;
+  }, ge = l, ge;
 }
-var me, Fe;
+var me, We;
 function Qn() {
-  if (Fe)
+  if (We)
     return me;
-  Fe = 1;
-  var e = nt, t = Zn(), n = Te(), i = st(), a = Gn(), o = function() {
+  We = 1;
+  var e = nt, t = Zn(), n = Se(), i = st(), l = Gn(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(s) {
     var u = "Warning: " + s;
@@ -460,90 +460,90 @@ function Qn() {
   }
   return me = function(s, u) {
     var c = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
-    function h(l) {
-      var p = l && (c && l[c] || l[f]);
+    function h(a) {
+      var p = a && (c && a[c] || a[f]);
       if (typeof p == "function")
         return p;
     }
-    var k = "<<anonymous>>", S = {
-      array: g("array"),
-      bigint: g("bigint"),
-      bool: g("boolean"),
-      func: g("function"),
-      number: g("number"),
-      object: g("object"),
-      string: g("string"),
-      symbol: g("symbol"),
-      any: H(),
-      arrayOf: X,
-      element: V(),
-      elementType: L(),
-      instanceOf: D,
+    var w = "<<anonymous>>", S = {
+      array: D("array"),
+      bigint: D("bigint"),
+      bool: D("boolean"),
+      func: D("function"),
+      number: D("number"),
+      object: D("object"),
+      string: D("string"),
+      symbol: D("symbol"),
+      any: A(),
+      arrayOf: k,
+      element: N(),
+      elementType: F(),
+      instanceOf: B,
       node: ft(),
-      objectOf: F,
-      oneOf: $,
+      objectOf: q,
+      oneOf: H,
       oneOfType: pt,
       shape: ht,
       exact: gt
     };
-    function A(l, p) {
-      return l === p ? l !== 0 || 1 / l === 1 / p : l !== l && p !== p;
+    function P(a, p) {
+      return a === p ? a !== 0 || 1 / a === 1 / p : a !== a && p !== p;
     }
-    function b(l, p) {
-      this.message = l, this.data = p && typeof p == "object" ? p : {}, this.stack = "";
+    function x(a, p) {
+      this.message = a, this.data = p && typeof p == "object" ? p : {}, this.stack = "";
     }
-    b.prototype = Error.prototype;
-    function E(l) {
+    x.prototype = Error.prototype;
+    function E(a) {
       if (process.env.NODE_ENV !== "production")
-        var p = {}, w = 0;
-      function v(j, y, x, C, I, T, M) {
-        if (C = C || k, T = T || x, M !== n) {
+        var p = {}, b = 0;
+      function y(j, m, v, C, I, T, L) {
+        if (C = C || w, T = T || v, L !== n) {
           if (u) {
-            var O = new Error(
+            var R = 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"
             );
-            throw O.name = "Invariant Violation", O;
+            throw R.name = "Invariant Violation", R;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = C + ":" + x;
+            var Z = C + ":" + v;
             !p[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
-            w < 3 && (o(
+            b < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + T + "` prop on `" + C + "`. 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."
-            ), p[Z] = !0, w++);
+            ), p[Z] = !0, b++);
           }
         }
-        return y[x] == null ? j ? y[x] === null ? new b("The " + I + " `" + T + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new b("The " + I + " `" + T + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : l(y, x, C, I, T);
+        return m[v] == null ? j ? m[v] === null ? new x("The " + I + " `" + T + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new x("The " + I + " `" + T + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : a(m, v, C, I, T);
       }
-      var m = v.bind(null, !1);
-      return m.isRequired = v.bind(null, !0), m;
+      var g = y.bind(null, !1);
+      return g.isRequired = y.bind(null, !0), g;
     }
-    function g(l) {
-      function p(w, v, m, j, y, x) {
-        var C = w[v], I = q(C);
-        if (I !== l) {
+    function D(a) {
+      function p(b, y, g, j, m, v) {
+        var C = b[y], I = z(C);
+        if (I !== a) {
           var T = Q(C);
-          return new b(
-            "Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected ") + ("`" + l + "`."),
-            { expectedType: l }
+          return new x(
+            "Invalid " + j + " `" + m + "` of type " + ("`" + T + "` supplied to `" + g + "`, expected ") + ("`" + a + "`."),
+            { expectedType: a }
           );
         }
         return null;
       }
       return E(p);
     }
-    function H() {
+    function A() {
       return E(d);
     }
-    function X(l) {
-      function p(w, v, m, j, y) {
-        if (typeof l != "function")
-          return new b("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside arrayOf.");
-        var x = w[v];
-        if (!Array.isArray(x)) {
-          var C = q(x);
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected an array."));
+    function k(a) {
+      function p(b, y, g, j, m) {
+        if (typeof a != "function")
+          return new x("Property `" + m + "` of component `" + g + "` has invalid PropType notation inside arrayOf.");
+        var v = b[y];
+        if (!Array.isArray(v)) {
+          var C = z(v);
+          return new x("Invalid " + j + " `" + m + "` of type " + ("`" + C + "` supplied to `" + g + "`, expected an array."));
         }
-        for (var I = 0; I < x.length; I++) {
-          var T = l(x, I, m, j, y + "[" + I + "]", n);
+        for (var I = 0; I < v.length; I++) {
+          var T = a(v, I, g, j, m + "[" + I + "]", n);
           if (T instanceof Error)
             return T;
         }
@@ -551,65 +551,65 @@ function Qn() {
       }
       return E(p);
     }
-    function V() {
-      function l(p, w, v, m, j) {
-        var y = p[w];
-        if (!s(y)) {
-          var x = q(y);
-          return new b("Invalid " + m + " `" + j + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement."));
+    function N() {
+      function a(p, b, y, g, j) {
+        var m = p[b];
+        if (!s(m)) {
+          var v = z(m);
+          return new x("Invalid " + g + " `" + j + "` of type " + ("`" + v + "` supplied to `" + y + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return E(l);
+      return E(a);
     }
-    function L() {
-      function l(p, w, v, m, j) {
-        var y = p[w];
-        if (!e.isValidElementType(y)) {
-          var x = q(y);
-          return new b("Invalid " + m + " `" + j + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement type."));
+    function F() {
+      function a(p, b, y, g, j) {
+        var m = p[b];
+        if (!e.isValidElementType(m)) {
+          var v = z(m);
+          return new x("Invalid " + g + " `" + j + "` of type " + ("`" + v + "` supplied to `" + y + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return E(l);
+      return E(a);
     }
-    function D(l) {
-      function p(w, v, m, j, y) {
-        if (!(w[v] instanceof l)) {
-          var x = l.name || k, C = vt(w[v]);
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected ") + ("instance of `" + x + "`."));
+    function B(a) {
+      function p(b, y, g, j, m) {
+        if (!(b[y] instanceof a)) {
+          var v = a.name || w, C = vt(b[y]);
+          return new x("Invalid " + j + " `" + m + "` of type " + ("`" + C + "` supplied to `" + g + "`, expected ") + ("instance of `" + v + "`."));
         }
         return null;
       }
       return E(p);
     }
-    function $(l) {
-      if (!Array.isArray(l))
+    function H(a) {
+      if (!Array.isArray(a))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "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])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), d;
-      function p(w, v, m, j, y) {
-        for (var x = w[v], C = 0; C < l.length; C++)
-          if (A(x, l[C]))
+      function p(b, y, g, j, m) {
+        for (var v = b[y], C = 0; C < a.length; C++)
+          if (P(v, a[C]))
             return null;
-        var I = JSON.stringify(l, function(M, O) {
-          var Z = Q(O);
-          return Z === "symbol" ? String(O) : O;
+        var I = JSON.stringify(a, function(L, R) {
+          var Z = Q(R);
+          return Z === "symbol" ? String(R) : R;
         });
-        return new b("Invalid " + j + " `" + y + "` of value `" + String(x) + "` " + ("supplied to `" + m + "`, expected one of " + I + "."));
+        return new x("Invalid " + j + " `" + m + "` of value `" + String(v) + "` " + ("supplied to `" + g + "`, expected one of " + I + "."));
       }
       return E(p);
     }
-    function F(l) {
-      function p(w, v, m, j, y) {
-        if (typeof l != "function")
-          return new b("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside objectOf.");
-        var x = w[v], C = q(x);
+    function q(a) {
+      function p(b, y, g, j, m) {
+        if (typeof a != "function")
+          return new x("Property `" + m + "` of component `" + g + "` has invalid PropType notation inside objectOf.");
+        var v = b[y], C = z(v);
         if (C !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected an object."));
-        for (var I in x)
-          if (i(x, I)) {
-            var T = l(x, I, m, j, y + "." + I, n);
+          return new x("Invalid " + j + " `" + m + "` of type " + ("`" + C + "` supplied to `" + g + "`, expected an object."));
+        for (var I in v)
+          if (i(v, I)) {
+            var T = a(v, I, g, j, m + "." + I, n);
             if (T instanceof Error)
               return T;
           }
@@ -617,103 +617,103 @@ function Qn() {
       }
       return E(p);
     }
-    function pt(l) {
-      if (!Array.isArray(l))
+    function pt(a) {
+      if (!Array.isArray(a))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), d;
-      for (var p = 0; p < l.length; p++) {
-        var w = l[p];
-        if (typeof w != "function")
+      for (var p = 0; p < a.length; p++) {
+        var b = a[p];
+        if (typeof b != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + yt(w) + " at index " + p + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + yt(b) + " at index " + p + "."
           ), d;
       }
-      function v(m, j, y, x, C) {
-        for (var I = [], T = 0; T < l.length; T++) {
-          var M = l[T], O = M(m, j, y, x, C, n);
-          if (O == null)
+      function y(g, j, m, v, C) {
+        for (var I = [], T = 0; T < a.length; T++) {
+          var L = a[T], R = L(g, j, m, v, C, n);
+          if (R == null)
             return null;
-          O.data && i(O.data, "expectedType") && I.push(O.data.expectedType);
+          R.data && i(R.data, "expectedType") && I.push(R.data.expectedType);
         }
         var Z = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new b("Invalid " + x + " `" + C + "` supplied to " + ("`" + y + "`" + Z + "."));
+        return new x("Invalid " + v + " `" + C + "` supplied to " + ("`" + m + "`" + Z + "."));
       }
-      return E(v);
+      return E(y);
     }
     function ft() {
-      function l(p, w, v, m, j) {
-        return se(p[w]) ? null : new b("Invalid " + m + " `" + j + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
+      function a(p, b, y, g, j) {
+        return se(p[b]) ? null : new x("Invalid " + g + " `" + j + "` supplied to " + ("`" + y + "`, expected a ReactNode."));
       }
-      return E(l);
+      return E(a);
     }
-    function Ie(l, p, w, v, m) {
-      return new b(
-        (l || "React class") + ": " + p + " type `" + w + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + m + "`."
+    function Ee(a, p, b, y, g) {
+      return new x(
+        (a || "React class") + ": " + p + " type `" + b + "." + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + g + "`."
       );
     }
-    function ht(l) {
-      function p(w, v, m, j, y) {
-        var x = w[v], C = q(x);
+    function ht(a) {
+      function p(b, y, g, j, m) {
+        var v = b[y], C = z(v);
         if (C !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type `" + C + "` " + ("supplied to `" + m + "`, expected `object`."));
-        for (var I in l) {
-          var T = l[I];
+          return new x("Invalid " + j + " `" + m + "` of type `" + C + "` " + ("supplied to `" + g + "`, expected `object`."));
+        for (var I in a) {
+          var T = a[I];
           if (typeof T != "function")
-            return Ie(m, j, y, I, Q(T));
-          var M = T(x, I, m, j, y + "." + I, n);
-          if (M)
-            return M;
+            return Ee(g, j, m, I, Q(T));
+          var L = T(v, I, g, j, m + "." + I, n);
+          if (L)
+            return L;
         }
         return null;
       }
       return E(p);
     }
-    function gt(l) {
-      function p(w, v, m, j, y) {
-        var x = w[v], C = q(x);
+    function gt(a) {
+      function p(b, y, g, j, m) {
+        var v = b[y], C = z(v);
         if (C !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type `" + C + "` " + ("supplied to `" + m + "`, expected `object`."));
-        var I = t({}, w[v], l);
+          return new x("Invalid " + j + " `" + m + "` of type `" + C + "` " + ("supplied to `" + g + "`, expected `object`."));
+        var I = t({}, b[y], a);
         for (var T in I) {
-          var M = l[T];
-          if (i(l, T) && typeof M != "function")
-            return Ie(m, j, y, T, Q(M));
-          if (!M)
-            return new b(
-              "Invalid " + j + " `" + y + "` key `" + T + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(w[v], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
+          var L = a[T];
+          if (i(a, T) && typeof L != "function")
+            return Ee(g, j, m, T, Q(L));
+          if (!L)
+            return new x(
+              "Invalid " + j + " `" + m + "` key `" + T + "` supplied to `" + g + "`.\nBad object: " + JSON.stringify(b[y], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
             );
-          var O = M(x, T, m, j, y + "." + T, n);
-          if (O)
-            return O;
+          var R = L(v, T, g, j, m + "." + T, n);
+          if (R)
+            return R;
         }
         return null;
       }
       return E(p);
     }
-    function se(l) {
-      switch (typeof l) {
+    function se(a) {
+      switch (typeof a) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !l;
+          return !a;
         case "object":
-          if (Array.isArray(l))
-            return l.every(se);
-          if (l === null || s(l))
+          if (Array.isArray(a))
+            return a.every(se);
+          if (a === null || s(a))
             return !0;
-          var p = h(l);
+          var p = h(a);
           if (p) {
-            var w = p.call(l), v;
-            if (p !== l.entries) {
-              for (; !(v = w.next()).done; )
-                if (!se(v.value))
+            var b = p.call(a), y;
+            if (p !== a.entries) {
+              for (; !(y = b.next()).done; )
+                if (!se(y.value))
                   return !1;
             } else
-              for (; !(v = w.next()).done; ) {
-                var m = v.value;
-                if (m && !se(m[1]))
+              for (; !(y = b.next()).done; ) {
+                var g = y.value;
+                if (g && !se(g[1]))
                   return !1;
               }
           } else
@@ -723,27 +723,27 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return !1;
       }
     }
-    function mt(l, p) {
-      return l === "symbol" ? !0 : p ? p["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && p instanceof Symbol : !1;
+    function mt(a, p) {
+      return a === "symbol" ? !0 : p ? p["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && p instanceof Symbol : !1;
     }
-    function q(l) {
-      var p = typeof l;
-      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : mt(p, l) ? "symbol" : p;
+    function z(a) {
+      var p = typeof a;
+      return Array.isArray(a) ? "array" : a instanceof RegExp ? "object" : mt(p, a) ? "symbol" : p;
     }
-    function Q(l) {
-      if (typeof l > "u" || l === null)
-        return "" + l;
-      var p = q(l);
+    function Q(a) {
+      if (typeof a > "u" || a === null)
+        return "" + a;
+      var p = z(a);
       if (p === "object") {
-        if (l instanceof Date)
+        if (a instanceof Date)
           return "date";
-        if (l instanceof RegExp)
+        if (a instanceof RegExp)
           return "regexp";
       }
       return p;
     }
-    function yt(l) {
-      var p = Q(l);
+    function yt(a) {
+      var p = Q(a);
       switch (p) {
         case "array":
         case "object":
@@ -756,18 +756,18 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return p;
       }
     }
-    function vt(l) {
-      return !l.constructor || !l.constructor.name ? k : l.constructor.name;
+    function vt(a) {
+      return !a.constructor || !a.constructor.name ? w : a.constructor.name;
     }
-    return S.checkPropTypes = a, S.resetWarningCache = a.resetWarningCache, S.PropTypes = S, S;
+    return S.checkPropTypes = l, S.resetWarningCache = l.resetWarningCache, S.PropTypes = S, S;
   }, me;
 }
-var ye, We;
+var ye, He;
 function er() {
-  if (We)
+  if (He)
     return ye;
-  We = 1;
-  var e = Te();
+  He = 1;
+  var e = Se();
   function t() {
   }
   function n() {
@@ -775,14 +775,14 @@ function er() {
   return n.resetWarningCache = t, ye = function() {
     function i(d, s, u, c, f, h) {
       if (h !== e) {
-        var k = new Error(
+        var w = 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"
         );
-        throw k.name = "Invariant Violation", k;
+        throw w.name = "Invariant Violation", w;
       }
     }
     i.isRequired = i;
-    function a() {
+    function l() {
       return i;
     }
     var o = {
@@ -795,16 +795,16 @@ function er() {
       string: i,
       symbol: i,
       any: i,
-      arrayOf: a,
+      arrayOf: l,
       element: i,
       elementType: i,
-      instanceOf: a,
+      instanceOf: l,
       node: i,
-      objectOf: a,
-      oneOf: a,
-      oneOfType: a,
-      shape: a,
-      exact: a,
+      objectOf: l,
+      oneOf: l,
+      oneOfType: l,
+      shape: l,
+      exact: l,
       checkPropTypes: n,
       resetWarningCache: t
     };
@@ -818,12 +818,12 @@ if (process.env.NODE_ENV !== "production") {
 } else
   ce.exports = er()();
 var rr = ce.exports;
-const P = /* @__PURE__ */ Dn(rr);
+const M = /* @__PURE__ */ Dn(rr);
 let ot, it;
 typeof document < "u" && (ot = document);
 typeof window < "u" && (it = window);
-const at = K.createContext({ document: ot, window: it }), de = () => K.useContext(at), { Provider: sr, Consumer: $s } = at;
-class lt extends qe {
+const at = X.createContext({ document: ot, window: it }), de = () => X.useContext(at), { Provider: sr, Consumer: $s } = at;
+class lt extends Ue {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -834,28 +834,28 @@ class lt extends qe {
     return kt.only(this.props.children);
   }
 }
-Y(lt, "propTypes", {
-  children: P.element.isRequired,
-  contentDidMount: P.func.isRequired,
-  contentDidUpdate: P.func.isRequired
+J(lt, "propTypes", {
+  children: M.element.isRequired,
+  contentDidMount: M.func.isRequired,
+  contentDidUpdate: M.func.isRequired
 });
-class xe extends qe {
+class xe extends Ue {
   constructor(n, i) {
     super(n, i);
-    Y(this, "setRef", (n) => {
+    J(this, "setRef", (n) => {
       this.nodeRef.current = n;
       const { forwardedRef: i } = this.props;
       typeof i == "function" ? i(n) : i && (i.current = n);
     });
-    Y(this, "handleLoad", () => {
+    J(this, "handleLoad", () => {
       clearInterval(this.loadCheck), this.state.iframeLoaded || this.setState({ iframeLoaded: !0 });
     });
     // In certain situations on a cold cache DOMContentLoaded never gets called
     // fallback to an interval to check if that's the case
-    Y(this, "loadCheck", () => setInterval(() => {
+    J(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
-    this._isMounted = !1, this.nodeRef = K.createRef(), this.state = { iframeLoaded: !1 };
+    this._isMounted = !1, this.nodeRef = X.createRef(), this.state = { iframeLoaded: !1 };
   }
   componentDidMount() {
     this._isMounted = !0, this.getDoc() && this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded", this.handleLoad);
@@ -876,8 +876,8 @@ class xe extends qe {
     const n = this.getDoc();
     if (!n)
       return null;
-    const i = this.props.contentDidMount, a = this.props.contentDidUpdate, o = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(lt, { contentDidMount: i, contentDidUpdate: a, children: /* @__PURE__ */ r.jsx(sr, { value: { document: n, window: o }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), s = this.getMountTarget();
-    return [Ae.createPortal(this.props.head, this.getDoc().head), Ae.createPortal(d, s)];
+    const i = this.props.contentDidMount, l = this.props.contentDidUpdate, o = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(lt, { contentDidMount: i, contentDidUpdate: l, children: /* @__PURE__ */ r.jsx(sr, { value: { document: n, window: o }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), s = this.getMountTarget();
+    return [Pe.createPortal(this.props.head, this.getDoc().head), Pe.createPortal(d, s)];
   }
   render() {
     const n = {
@@ -893,16 +893,16 @@ class xe extends qe {
 // also inject into the body and can mess up React. For this reason
 // initialContent is expected to have a div inside of the body
 // element that we render react into.
-Y(xe, "propTypes", {
-  style: P.object,
+J(xe, "propTypes", {
+  style: M.object,
   // eslint-disable-line
-  head: P.node,
-  initialContent: P.string,
-  mountTarget: P.string,
-  contentDidMount: P.func,
-  contentDidUpdate: P.func,
-  children: P.oneOfType([P.element, P.arrayOf(P.element)])
-}), Y(xe, "defaultProps", {
+  head: M.node,
+  initialContent: M.string,
+  mountTarget: M.string,
+  contentDidMount: M.func,
+  contentDidUpdate: M.func,
+  children: M.oneOfType([M.element, M.arrayOf(M.element)])
+}), J(xe, "defaultProps", {
   style: {},
   head: null,
   children: void 0,
@@ -913,24 +913,24 @@ Y(xe, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const or = K.forwardRef((e, t) => /* @__PURE__ */ r.jsx(xe, { ...e, forwardedRef: t }));
-let U = null, ne = [], te = null, ct = null;
+const or = X.forwardRef((e, t) => /* @__PURE__ */ r.jsx(xe, { ...e, forwardedRef: t }));
+let Y = null, ne = [], te = null, ct = null;
 function ir(e) {
-  const t = window.getComputedStyle(e), n = parseInt(t.paddingLeft, 10), i = parseInt(t.paddingTop, 10), a = parseInt(t.paddingRight, 10), o = parseInt(t.paddingBottom, 10);
-  return { paddingLeft: n, paddingTop: i, paddingRight: a, paddingBottom: o };
+  const t = window.getComputedStyle(e), n = parseInt(t.paddingLeft, 10), i = parseInt(t.paddingTop, 10), l = parseInt(t.paddingRight, 10), o = parseInt(t.paddingBottom, 10);
+  return { paddingLeft: n, paddingTop: i, paddingRight: l, paddingBottom: o };
 }
-const He = (e, t, n) => {
-  if (!U)
+const qe = (e, t, n) => {
+  if (!Y)
     return;
-  const i = e.getBoundingClientRect(), a = U == null ? void 0 : U.getElementById("placeholder"), { paddingLeft: o, paddingTop: d, paddingRight: s, paddingBottom: u } = ir(e);
-  a.style.width = t === "vertical" ? i.width - o - s + "px" : "2px", a.style.height = t === "vertical" ? "2px" : i.height - d - u + "px", a.style.display = "block";
+  const i = e.getBoundingClientRect(), l = Y == null ? void 0 : Y.getElementById("placeholder"), { paddingLeft: o, paddingTop: d, paddingRight: s, paddingBottom: u } = ir(e);
+  l.style.width = t === "vertical" ? i.width - o - s + "px" : "2px", l.style.height = t === "vertical" ? "2px" : i.height - d - u + "px", l.style.display = "block";
   const c = ne.reduce(
     (f, h) => Math.abs(h - n) < Math.abs(f - n) ? h : f
   );
-  ct = ne.indexOf(c), t === "vertical" ? (a.style.top = e.offsetTop + c + "px", a.style.left = e.offsetLeft + o + "px") : (a.style.top = e.offsetTop + d + "px", a.style.left = e.offsetLeft + c + "px");
+  ct = ne.indexOf(c), t === "vertical" ? (l.style.top = e.offsetTop + c + "px", l.style.left = e.offsetLeft + o + "px") : (l.style.top = e.offsetTop + d + "px", l.style.left = e.offsetLeft + c + "px");
 }, ar = (e) => {
-  const t = dt(e), n = window.getComputedStyle(e), i = t === "horizontal", a = parseInt(n.paddingLeft), o = parseInt(n.paddingTop);
-  let d = i ? a : o;
+  const t = dt(e), n = window.getComputedStyle(e), i = t === "horizontal", l = parseInt(n.paddingLeft), o = parseInt(n.paddingTop);
+  let d = i ? l : o;
   ne = [d], Array.from(e.children).forEach((s) => {
     const u = window.getComputedStyle(s), c = parseInt(
       i ? u.marginLeft + u.marginRight : u.marginTop + u.marginBottom
@@ -943,37 +943,37 @@ function dt(e) {
   if (t === "flex")
     return n === "column" || n === "column-reverse" ? "vertical" : "horizontal";
   if (t === "grid") {
-    const i = window.getComputedStyle(e).gridTemplateRows, a = window.getComputedStyle(e).gridTemplateColumns;
+    const i = window.getComputedStyle(e).gridTemplateRows, l = window.getComputedStyle(e).gridTemplateColumns;
     if (i.includes("auto"))
       return "vertical";
-    if (a.includes("auto"))
+    if (l.includes("auto"))
       return "horizontal";
   }
   return t === "block" ? "vertical" : "horizontal";
 }
-const lr = ze((e) => {
+const lr = Ye((e) => {
   const t = e.target, n = dt(t);
   if (n === "vertical") {
     const i = e.clientY - t.offsetTop;
-    He(t, n, i);
+    qe(t, n, i);
   } else {
     const i = e.clientX - t.offsetLeft;
-    He(t, n, i);
+    qe(t, n, i);
   }
 }, 200), cr = (e) => {
   e.preventDefault(), e.stopPropagation(), lr(e);
 };
 function ve() {
-  const e = U == null ? void 0 : U.getElementById("placeholder");
+  const e = Y == null ? void 0 : Y.getElementById("placeholder");
   e.style.display = "none";
 }
 const dr = () => {
-  const { document: e } = de(), [t, n] = _(un), i = Rn(), a = rt("dnd"), [, o] = G(), [, d] = N();
-  return U = e, {
+  const { document: e } = de(), [t, n] = $(un), i = Rn(), l = rt("dnd"), [, o] = G(), [, d] = W();
+  return Y = e, {
     isDragging: t,
     "data-dnd": "branch",
-    onDragOver: a ? cr : ee,
-    onDrop: a ? (s) => {
+    onDragOver: l ? cr : ee,
+    onDrop: l ? (s) => {
       te == null || te.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
       const u = JSON.parse(s.dataTransfer.getData("text/plain"));
       let c = s.target.getAttribute("data-block-id");
@@ -981,22 +981,22 @@ const dr = () => {
         ve();
       }, 300);
     } : ee,
-    onDragEnter: a ? (s) => {
+    onDragEnter: l ? (s) => {
       const u = s;
       te = u.target, u.stopPropagation(), u.preventDefault(), ne = [];
       const c = u.target;
       ar(c), c.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), o(""), d([]);
     } : ee,
-    onDragLeave: a ? (s) => {
+    onDragLeave: l ? (s) => {
       const u = s;
       te = null, u.stopPropagation(), u.preventDefault(), u.target.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
     } : ee,
-    onMouseOut: a ? () => {
+    onMouseOut: l ? () => {
       n(!1), ve();
     } : ee
   };
 };
-function Se(e) {
+function Ie(e) {
   return e.getAttribute("data-block-id") ? e : e.closest("[data-block-id]");
 }
 function ur(e) {
@@ -1005,12 +1005,12 @@ function ur(e) {
   t && t.parentNode.removeChild(t), e = null;
 }
 const pr = () => {
-  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = pn(), [, n] = N(), [, i] = G(), [a, o] = _(re);
+  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = pn(), [, n] = W(), [, i] = G(), [l, o] = $(re);
   return (d) => {
-    var k;
-    if (a)
+    var w;
+    if (l)
       return;
-    const s = Se(d.target), u = s.getAttribute("data-block-type");
+    const s = Ie(d.target), u = s.getAttribute("data-block-type");
     if (!u || !e.includes(u))
       return;
     const c = s.cloneNode(!0);
@@ -1022,45 +1022,45 @@ const pr = () => {
       const S = f.getText(0, f.getLength());
       t([s.getAttribute("data-block-id")], { content: S }), s.removeAttribute("style"), c.removeEventListener("blur", h, !0), ur(f), o(""), i("");
     }
-    c.addEventListener("blur", h, !0), f.focus(), (k = c.querySelector(".ql-clipboard")) == null || k.remove(), n([]), o(s.getAttribute("data-block-id"));
+    c.addEventListener("blur", h, !0), f.focus(), (w = c.querySelector(".ql-clipboard")) == null || w.remove(), n([]), o(s.getAttribute("data-block-id"));
   };
 }, fr = () => {
-  const [, e] = J(), [, t] = N(), [n] = _(re);
+  const [, e] = V(), [, t] = W(), [n] = $(re);
   return (i) => {
     if (n)
       return;
     i.stopPropagation();
-    const a = Se(i.target);
-    if (a != null && a.getAttribute("data-block-parent")) {
-      const o = a.getAttribute("data-style-prop"), d = a.getAttribute("data-style-id"), s = a.getAttribute("data-block-parent");
+    const l = Ie(i.target);
+    if (l != null && l.getAttribute("data-block-parent")) {
+      const o = l.getAttribute("data-style-prop"), d = l.getAttribute("data-style-id"), s = l.getAttribute("data-block-parent");
       e([{ id: d, prop: o, blockId: s }]), t([s]);
     } else
-      a != null && a.getAttribute("data-block-id") && t([a.getAttribute("data-block-id")]);
+      l != null && l.getAttribute("data-block-id") && t([l.getAttribute("data-block-id")]);
   };
-}, hr = ze((e, t) => {
-  const n = Se(e.target);
+}, hr = Ye((e, t) => {
+  const n = Ie(e.target);
   n != null && n.getAttribute("data-style-id") && t(n.getAttribute("data-style-id"));
 }, 100), gr = () => {
-  const [, e] = G(), [t] = _(re);
+  const [, e] = G(), [t] = $(re);
   return (n) => {
     t || hr(n, e);
   };
 }, mr = ({ children: e }) => {
-  const { document: t } = de(), [n] = N(), [i, a] = J();
-  R(() => {
+  const { document: t } = de(), [n] = W(), [i, l] = V();
+  _(() => {
     setTimeout(() => {
-      if (!z(i))
+      if (!K(i))
         return;
       const c = ut(t, ae(n));
       if (c) {
         const f = c.getAttribute("data-style-prop");
         if (f) {
-          const h = c.getAttribute("data-style-id"), k = c.getAttribute("data-block-parent");
-          a([{ id: h, prop: f, blockId: k }]);
+          const h = c.getAttribute("data-style-id"), w = c.getAttribute("data-block-parent");
+          l([{ id: h, prop: f, blockId: w }]);
         }
       }
     }, 100);
-  }, [t, n, a, i]);
+  }, [t, n, l, i]);
   const o = pr(), d = fr(), s = gr(), u = dr();
   return /* @__PURE__ */ r.jsx(
     "div",
@@ -1070,56 +1070,64 @@ const pr = () => {
       onDoubleClick: o,
       onMouseMove: s,
       ...St(u, "isDragging"),
-      className: "relative h-screen max-w-full " + (u.isDragging ? "dragging" : ""),
+      className: "relative mb-5 max-w-full " + (u.isDragging ? "dragging" : ""),
       children: e
     }
   );
 }, ut = (e, t) => e.querySelector(`[data-block-id="${t}"]`), yr = () => {
-  const { window: e } = de(), [t, n] = N(), [, i] = J(), { undo: a, redo: o } = je(), d = Xe(), [, s] = fn(), [, u] = hn(), { pasteBlocks: c } = gn(), [, f] = Ve(), h = Ze(), { savePage: k } = mn(), [S] = _(re), [, A] = _(yn), b = (E) => {
-    E.key === "Enter" && (E.preventDefault(), t.length === 1 && A(ae(t)));
+  const { window: e } = de(), [t, n] = W(), i = Te(), [, l] = V(), { undo: o, redo: d } = je(), s = Ve(), [, u] = fn(), [, c] = hn(), { pasteBlocks: f } = gn(), [, h] = Ze(), w = Ge(), { savePage: S } = mn(), [P] = $(re), [, x] = $(yn), E = (A) => {
+    A.key === "Enter" && (A.preventDefault(), t.length === 1 && x(ae(t)));
+  }, D = (A) => {
+    const k = i.find((N) => N._id === A);
+    return k ? k._parent : null;
   };
-  return R(() => {
-    const E = (g) => {
-      if (g.key === "Escape") {
-        n([]), i([]);
+  return _(() => {
+    const A = (k) => {
+      if (k.key === "Escape") {
+        n([]), l([]);
         return;
       }
-      if (b(g), !S && (g.key === "Delete" || g.key === "Backspace") && (g.preventDefault(), h(t)), g.ctrlKey || g.metaKey) {
-        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(g.key)) {
-          if (S && ["x", "z", "v"].includes(g.key))
+      if (E(k), !P && (k.key === "Delete" || k.key === "Backspace") && (k.preventDefault(), w(t)), k.ctrlKey || k.metaKey) {
+        if (k.key === "ArrowUp") {
+          k.preventDefault();
+          const N = t.length > 0 ? D(t[0]) : null;
+          N && n([N]);
+        }
+        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(k.key)) {
+          if (P && ["x", "z", "v"].includes(k.key))
             return !0;
-          g.preventDefault();
+          k.preventDefault();
         }
-        g.key === "s" && (g.stopPropagation(), g.preventDefault(), k()), g.key === "z" && a(), g.key === "y" && o(), g.key === "d" && d(t), g.key === "x" && s(t), g.key === "c" && u(t), g.key === "v" && t.length > 0 && c(t[0]);
+        k.key === "s" && (k.stopPropagation(), k.preventDefault(), S()), k.key === "z" && o(), k.key === "y" && d(), k.key === "d" && s(t), k.key === "x" && u(t), k.key === "c" && c(t), k.key === "v" && t.length > 0 && f(t[0]);
       }
     };
-    return e.removeEventListener("keydown", E), e.addEventListener("keydown", E), () => {
-      e.removeEventListener("keydown", E);
+    return e.removeEventListener("keydown", A), e.addEventListener("keydown", A), () => {
+      e.removeEventListener("keydown", A);
     };
   }, [
     t,
     n,
-    a,
-    h,
-    f,
     o,
+    w,
+    h,
     d,
     s,
     u,
     c,
+    f,
+    P,
     S,
-    k,
     e
   ]), null;
 }, vr = ({ block: e, label: t }) => {
-  const [, n] = N(), [, i] = G(), [, a] = _(Ge), o = rt("dnd");
+  const [, n] = W(), [, i] = G(), [, l] = $(Qe), o = rt("dnd");
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: "mr-10 flex cursor-grab items-center space-x-1 px-1",
       draggable: o ? "true" : "false",
       onDragStart: (d) => {
-        d.dataTransfer.setData("text/plain", JSON.stringify(It(e, ["_id", "_type"]))), a(e._id), setTimeout(() => {
+        d.dataTransfer.setData("text/plain", JSON.stringify(It(e, ["_id", "_type"]))), l(e._id), setTimeout(() => {
           n([]), i(null);
         }, 200);
       },
@@ -1130,7 +1138,7 @@ const pr = () => {
     }
   );
 }, xr = ({ selectedBlockElement: e, block: t }) => {
-  const n = Ze(), i = Xe(), [, a] = N(), [, o] = J(), { floatingStyles: d, refs: s, update: u } = _n({
+  const n = Ge(), i = Ve(), [, l] = W(), [, o] = V(), { floatingStyles: d, refs: s, update: u } = _n({
     placement: "top-start",
     middleware: [Ln(), Mn()],
     elements: {
@@ -1138,7 +1146,7 @@ const pr = () => {
     }
   });
   Nn(e, () => u(), e !== null);
-  const c = B(t, "_parent", null), f = z(B(t, "_name", "")) ? B(t, "_type", "") : B(t, "_name", "");
+  const c = O(t, "_parent", null), f = K(O(t, "_name", "")) ? O(t, "_type", "") : O(t, "_name", "");
   return !e || !t ? null : /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1159,80 +1167,80 @@ const pr = () => {
             {
               className: "hover:scale-105 ",
               onClick: () => {
-                o([]), a([c]);
+                o([]), l([c]);
               }
             }
           ),
-          vn(B(t, "_type", "")) ? /* @__PURE__ */ r.jsx($t, { className: "hover:scale-105 ", onClick: () => i([t == null ? void 0 : t._id]) }) : null,
-          xn(B(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Ft, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
+          vn(O(t, "_type", "")) ? /* @__PURE__ */ r.jsx($t, { className: "hover:scale-105 ", onClick: () => i([t == null ? void 0 : t._id]) }) : null,
+          xn(O(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Ft, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
         ] })
       ]
     }
   );
 }, br = ({ model: e }) => {
-  const [t] = bn(), [n] = N(), [i] = Ke(), [a] = G(), [o] = J(), [d] = _(Ge), { document: s, window: u } = de(), [c] = W(s == null ? void 0 : s.getElementById("highlighted-block")), [f] = W(
+  const [t] = bn(), [n] = W(), [i] = Je(), [l] = G(), [o] = V(), [d] = $(Qe), { document: s, window: u } = de(), [c] = U(s == null ? void 0 : s.getElementById("highlighted-block")), [f] = U(
     s == null ? void 0 : s.getElementById("selected-block")
-  ), [h] = W(
+  ), [h] = U(
     s == null ? void 0 : s.getElementById("selected-styling-block")
-  ), [k] = W(s == null ? void 0 : s.getElementById("dragged-block"));
-  R(() => {
+  ), [w] = U(s == null ? void 0 : s.getElementById("dragged-block"));
+  _(() => {
     i ? s == null || s.documentElement.classList.add("dark") : s == null || s.documentElement.classList.remove("dark");
   }, [i, s]);
-  const S = B(t, "headingFont", "DM Sans"), A = B(t, "bodyFont", "DM Sans");
-  return R(() => {
-    const b = B(t, "primaryColor", "#000"), E = B(t, "secondaryColor", "#FFF"), g = $n({
-      colors: [b, E],
+  const S = O(t, "headingFont", "DM Sans"), P = O(t, "bodyFont", "DM Sans");
+  return _(() => {
+    const x = O(t, "primaryColor", "#000"), E = O(t, "secondaryColor", "#FFF"), D = $n({
+      colors: [x, E],
       names: ["primary", "secondary"]
     });
-    g.primary.DEFAULT = b, g.secondary.DEFAULT = E;
-    const H = B(t, "roundedCorners", "0");
+    D.primary.DEFAULT = x, D.secondary.DEFAULT = E;
+    const A = O(t, "roundedCorners", "0");
     !u || !u.tailwind || (u.tailwind.config = {
       darkMode: "class",
       theme: {
         fontFamily: {
           heading: [S],
-          body: [A]
+          body: [P]
         },
         extend: {
           borderRadius: {
-            global: `${H || "0"}px`
+            global: `${A || "0"}px`
           },
-          colors: g
+          colors: D
         }
       },
       plugins: [
         // @ts-ignore
-        u.tailwind.plugin.withOptions(({ prefix: X = "ui" } = {}) => ({ addVariant: V }) => {
-          for (const L of ["open", "checked", "selected", "active", "disabled"])
-            V(`${X}-${L}`, [
-              `&[data-headlessui-state~="${L}"]`,
-              `:where([data-headlessui-state~="${L}"]) &`
-            ]), V(`${X}-not-${L}`, [
-              `&[data-headlessui-state]:not([data-headlessui-state~="${L}"])`,
-              `:where([data-headlessui-state]:not([data-headlessui-state~="${L}"])) &:not([data-headlessui-state])`
+        u.tailwind.plugin.withOptions(({ prefix: k = "ui" } = {}) => ({ addVariant: N }) => {
+          for (const F of ["open", "checked", "selected", "active", "disabled"])
+            N(`${k}-${F}`, [
+              `&[data-headlessui-state~="${F}"]`,
+              `:where([data-headlessui-state~="${F}"]) &`
+            ]), N(`${k}-not-${F}`, [
+              `&[data-headlessui-state]:not([data-headlessui-state~="${F}"])`,
+              `:where([data-headlessui-state]:not([data-headlessui-state~="${F}"])) &:not([data-headlessui-state])`
             ]);
         })
       ]
     });
-  }, [t, u, S, A]), R(() => {
-    f && (f.textContent = `${ie(n, (b) => `[data-block-id="${b}"]`).join(",")}{
+  }, [t, u, S, P]), _(() => {
+    f && (f.textContent = `${ie(n, (x) => `[data-block-id="${x}"]`).join(",")}{
                 outline: 1px solid ${n.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
-  }, [n, f]), R(() => {
+  }, [n, f]), _(() => {
     if (!d) {
-      k.textContent = "";
+      w.textContent = "";
       return;
     }
-    k.textContent = `[data-block-id="${d}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
-  }, [d]), R(() => {
-    c && (c.textContent = a ? `[data-style-id="${a}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}` : "");
-  }, [a, n, c]), R(() => {
-    h && (h.textContent = `${ie(o, ({ id: b }) => `[data-style-id="${b}"]`).join(",")}{
+    w.textContent = `[data-block-id="${d}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
+  }, [d]), _(() => {
+    c && (c.textContent = l ? `[data-style-id="${l}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}` : "");
+  }, [l, n, c]), _(() => {
+    h && (h.textContent = `${ie(o, ({ id: x }) => `[data-style-id="${x}"]`).join(",")}{
                 outline: 1px solid #42a1fc !important; outline-offset: -1px;
             }`);
-  }, [o, h]), R(() => {
-    const b = B(t, "bodyTextLightColor", "#64748b"), E = B(t, "bodyTextDarkColor", "#94a3b8"), g = B(t, "bodyBgLightColor", "#FFFFFF"), H = B(t, "bodyBgDarkColor", "#0f172a");
-    s.body.className = `font-body antialiased text-[${b}] bg-[${g}] dark:text-[${E}] dark:bg-[${H}]`;
+  }, [o, h]), _(() => {
+    const x = O(t, "bodyTextLightColor", "#64748b"), E = O(t, "bodyTextDarkColor", "#94a3b8"), D = O(t, "bodyBgLightColor", "#FFFFFF"), A = O(t, "bodyBgDarkColor", "#0f172a");
+    s.body.className = `font-body antialiased text-[${x}] bg-[${D}] dark:text-[${E}] dark:bg-[${A}]`;
   }, [t, s, e]), e === "page" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     S && /* @__PURE__ */ r.jsx(
       "link",
@@ -1247,13 +1255,13 @@ const pr = () => {
         media: "all"
       }
     ),
-    A && S !== A && /* @__PURE__ */ r.jsx(
+    P && S !== P && /* @__PURE__ */ r.jsx(
       "link",
       {
         id: "body-font",
         rel: "stylesheet",
         type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${A.replace(
+        href: `https://fonts.googleapis.com/css2?family=${P.replace(
           / /g,
           "+"
         )}:wght@300;400;500;600;700;800;900&display=swap`,
@@ -1265,14 +1273,14 @@ const pr = () => {
 }, wr = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
-    ke(e[n]) && e[n].startsWith(Pe) && (t[n] = e[n].replace(Pe, "").split(","));
+    ke(e[n]) && e[n].startsWith(Re) && (t[n] = e[n].replace(Re, "").split(","));
   }), t;
 }, kr = Et((e) => {
   const t = e.replace(tt, "").split(",");
   return Wn(t[0], t[1]);
 });
 function jr(e, t) {
-  return B(e, `${t}_attrs`, {});
+  return O(e, `${t}_attrs`, {});
 }
 function Cr(e) {
   const t = {};
@@ -1290,27 +1298,27 @@ function Cr(e) {
   }), t;
 }
 function Tr(e, t) {
-  const n = B(e, "_bindings", {});
-  return z(n) ? { ...e } : (Dt(n, (i, a) => {
-    ke(i) && B(t, i, null) && (e[a] = B(t, i, null));
+  const n = O(e, "_bindings", {});
+  return K(n) ? { ...e } : (Dt(n, (i, l) => {
+    ke(i) && O(t, i, null) && (e[l] = O(t, i, null));
   }), e);
 }
 function be({ blocks: e }) {
-  const t = Qe(), n = we((o) => Cr(o), []), [i] = Bn(), [a] = wn(re);
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: K.Children.toArray(
+  const t = Te(), n = we((o) => Cr(o), []), [i] = Bn(), [l] = wn(re);
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: X.Children.toArray(
     e.map((o, d) => {
-      if (a === o._id)
+      if (l === o._id)
         return null;
       const s = wr(o), u = {};
-      z(s) || Object.keys(s).forEach((k) => {
-        u[k] = K.Children.toArray(
-          s[k].map((S) => /* @__PURE__ */ r.jsx(be, { blocks: [Bt(t, { _id: S })] }))
+      K(s) || Object.keys(s).forEach((w) => {
+        u[w] = X.Children.toArray(
+          s[w].map((S) => /* @__PURE__ */ r.jsx(be, { blocks: [Bt(t, { _id: S })] }))
         );
       });
-      const c = Ye(t, { _parent: o._id });
+      const c = Ke(t, { _parent: o._id });
       u.children = c.length ? /* @__PURE__ */ r.jsx(be, { blocks: c }) : null;
-      const f = Hn(o._type), h = B(f, "component", null);
-      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${o == null ? void 0 : o._type} not registered -->` }) : /* @__PURE__ */ r.jsx(Ue, { children: K.createElement(h, {
+      const f = Hn(o._type), h = O(f, "component", null);
+      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${o == null ? void 0 : o._type} not registered -->` }) : /* @__PURE__ */ r.jsx(ze, { children: X.createElement(h, {
         blockProps: {
           "data-block-id": o._id,
           "data-block-type": o._type,
@@ -1326,50 +1334,50 @@ function be({ blocks: e }) {
   ) });
 }
 const Sr = () => {
-  const e = Qe();
-  return /* @__PURE__ */ r.jsx(Fn, { children: z(e) ? null : /* @__PURE__ */ r.jsx(On, { children: /* @__PURE__ */ r.jsx(be, { blocks: Ye(e, (t) => z(t._parent)) }) }) });
+  const e = Te();
+  return /* @__PURE__ */ r.jsx(Fn, { children: K(e) ? null : /* @__PURE__ */ r.jsx(On, { children: /* @__PURE__ */ r.jsx(be, { blocks: Ke(e, (t) => K(t._parent)) }) }) });
 }, Ir = (e, t) => e.querySelector(`[data-style-id="${t}"]`), Er = () => {
-  const [e] = _(jn), [t] = Ve(), [n] = Ce(), [, i] = N(), a = Cn(), [, o] = G(), d = Ee(null), s = Ee(null), [u, c] = W({ width: 0, height: 0 }), f = Vn(u), [h, k] = W(0), [S, A] = W([]), [, b] = W([]), [, E] = _(Tn), [g, H] = J(), X = Sn("loadingCanvas", !1);
-  R(() => {
-    const { clientWidth: D, clientHeight: $ } = s.current;
-    c({ width: D, height: $ }), h === 0 && k(D);
+  const [e] = $(jn), [t] = Ze(), [n] = Ce(), [, i] = W(), l = Cn(), [, o] = G(), d = De(null), s = De(null), [u, c] = U({ width: 0, height: 0 }), f = Vn(u), [h, w] = U(0), [S, P] = U([]), [, x] = U([]), [, E] = $(Tn), [D, A] = V(), k = Sn("loadingCanvas", !1);
+  _(() => {
+    const { clientWidth: B, clientHeight: H } = s.current;
+    c({ width: B, height: H }), h === 0 && w(B);
   }, [s, n, h]);
-  const V = (D, $ = 0) => {
-    const { top: F } = D.getBoundingClientRect();
-    return F + $ >= 0 && F - $ <= window.innerHeight;
+  const N = (B, H = 0) => {
+    const { top: q } = B.getBoundingClientRect();
+    return q + H >= 0 && q - H <= window.innerHeight;
   };
-  R(() => {
-    var D, $;
-    if (a && a.type !== "Multiple" && d.current) {
-      const F = ut(d.current.contentDocument, a._id);
-      F && (V(F) || ($ = (D = d.current) == null ? void 0 : D.contentWindow) == null || $.scrollTo({ top: F.offsetTop, behavior: "smooth" }), A([F]));
+  _(() => {
+    var B, H;
+    if (l && l.type !== "Multiple" && d.current) {
+      const q = ut(d.current.contentDocument, l._id);
+      q && (N(q) || (H = (B = d.current) == null ? void 0 : B.contentWindow) == null || H.scrollTo({ top: q.offsetTop, behavior: "smooth" }), P([q]));
     }
-  }, [a]), R(() => {
-    if (!z(g) && d.current) {
-      const D = Ir(
+  }, [l]), _(() => {
+    if (!K(D) && d.current) {
+      const B = Ir(
         d.current.contentDocument,
-        ae(g).id
+        ae(D).id
       );
-      b(D ? [D] : [null]);
+      x(B ? [B] : [null]);
     } else
-      b([null]);
-  }, [g]);
-  const L = jt(() => {
-    let D = Xn;
-    return e === "offline" && (D = D.replace(
+      x([null]);
+  }, [D]);
+  const F = jt(() => {
+    let B = Xn;
+    return e === "offline" && (B = B.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
-    ), D = D.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), D = D.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), D;
+    ), B = B.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), B = B.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), B;
   }, [e]);
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       onClick: () => {
-        i([]), H([]);
+        i([]), A([]);
       },
       onMouseLeave: () => setTimeout(() => o(""), 300),
-      className: "relative mx-auto h-full w-full",
-      style: h > 0 && !z(f) ? { width: t ? "100%" : h } : {},
+      className: "relative mx-auto overflow-hidden h-full w-full",
+      style: h > 0 && !K(f) ? { width: t ? "100%" : h } : {},
       ref: s,
       children: /* @__PURE__ */ r.jsxs(
         or,
@@ -1378,32 +1386,32 @@ const Sr = () => {
           ref: d,
           id: "canvas-iframe",
           style: { width: `${n}px`, ...f },
-          className: "relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
-          initialContent: L,
+          className: "relative mx-auto box-content max-h-full h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
+          initialContent: F,
           children: [
             /* @__PURE__ */ r.jsx(yr, {}),
             /* @__PURE__ */ r.jsx(
               xr,
               {
-                block: a,
+                block: l,
                 selectedBlockElement: ae(S)
               }
             ),
             /* @__PURE__ */ r.jsx(br, { model: "page" }),
-            /* @__PURE__ */ r.jsx(mr, { children: X ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(et, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Sr, {}) }),
-            /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute bg-green-500 z-[99999] max-w-full transition-transform" }),
-            /* @__PURE__ */ r.jsx("div", { className: "py-10" })
+            /* @__PURE__ */ r.jsx(mr, { children: k ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(et, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Sr, {}) }),
+            /* @__PURE__ */ r.jsx("br", {}),
+            /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute bg-green-500 z-[99999] max-w-full transition-transform" })
           ]
         }
       )
     }
   );
-}, Dr = Ct(() => import("./AddBlocks-a2VUDT5t.js")), Fs = () => {
-  const [e, t] = _(In);
+}, Dr = Ct(() => import("./AddBlocks-VR2XGlgQ.js")), Fs = () => {
+  const [e, t] = $(In);
   return /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
     /* @__PURE__ */ r.jsx(Jn, {}),
     /* @__PURE__ */ r.jsxs("div", { className: "relative h-full overflow-hidden bg-slate-800/90 px-2 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
-      /* @__PURE__ */ r.jsx(Ue, { fallback: /* @__PURE__ */ r.jsx(et, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(An, { children: /* @__PURE__ */ r.jsx(Er, {}) }) }),
+      /* @__PURE__ */ r.jsx(ze, { fallback: /* @__PURE__ */ r.jsx(et, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(An, { children: /* @__PURE__ */ r.jsx(Er, {}) }) }),
       e ? /* @__PURE__ */ r.jsx(
         "div",
         {