@chaibuilder/sdk 0.1.7 → 0.1.8

package/dist/{CanvasArea-366fc7f5.js → CanvasArea-8f96a9f5.js}

@@ -4,9 +4,9 @@ var V = (e, r, n) => (vt(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 { ResetIcon as De, DotsVerticalIcon as Ct, MobileIcon as Be, LaptopIcon as kt, DesktopIcon as _t, EraserIcon as Rt, ZoomInIcon as At, ArrowUpIcon as Pt, CopyIcon as It, TrashIcon as Ot, DragHandleDots2Icon as Mt } from "@radix-ui/react-icons";
+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 _e, 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 Re, y as at, z as Kt, A as Vt, B as Gt, b as Xt, E as Zt } from "./index-0f2acc34.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-38bc7894.js";
 import { useTranslation as it } 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";
@@ -35,7 +35,8 @@ import "flagged";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./Class-1fb4c0c4.js";
+import "./html-to-json-eb4de645.js";
+import "himalaya";
 import "redux-undo";
 import "sonner";
 import "lucide-react";
@@ -45,14 +46,14 @@ import "@radix-ui/react-hover-card";
 import "@radix-ui/react-dropdown-menu";
 import "@radix-ui/react-label";
 import "@radix-ui/react-alert-dialog";
-const _r = () => {
+const Rr = () => {
   const { undoCount: e, redoCount: r, undo: n, redo: i } = ke();
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ t.jsx(le, { disabled: !e, size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ t.jsx(De, {}) }),
     /* @__PURE__ */ t.jsx(le, { disabled: !r, onClick: i, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ t.jsx(De, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
-function Rr() {
+function Ar() {
   const [e, r] = tt(), { t: n } = it();
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ t.jsx(cr, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
@@ -144,10 +145,10 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     title: "Large Desktop (2XL)",
     content: "Styles set here are applied at 1536px and up",
     breakpoint: "2xl",
-    icon: /* @__PURE__ */ t.jsx(_t, {}),
+    icon: /* @__PURE__ */ t.jsx(Rt, {}),
     width: 1920
   }
-], Ar = ({
+], _r = ({
   title: e,
   content: r,
   currentBreakpoint: n,
@@ -170,13 +171,13 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     /* @__PURE__ */ t.jsx("p", { className: "text-xs", children: r })
   ] }) }) })
 ] }), Pr = () => {
-  const [, e, r] = _e(), [n, i] = Dt(), d = (s) => {
+  const [, e, r] = Re(), [n, i] = Dt(), d = (s) => {
     n.includes(s) ? n.length > 2 && i(n.filter((a) => a !== s)) : i((a) => [...a, s]);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center rounded-md", children: [
     ie(
       Fe.filter((s) => Me(n, ye(s.breakpoint))),
-      (s) => /* @__PURE__ */ gt(Ar, { ...s, onClick: r, key: s.breakpoint, currentBreakpoint: e })
+      (s) => /* @__PURE__ */ gt(_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" }) }) }),
@@ -202,7 +203,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
   }, [e, r]);
   return /* @__PURE__ */ t.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ t.jsxs(lr, { children: [
     /* @__PURE__ */ t.jsx(dr, { asChild: !0, children: /* @__PURE__ */ t.jsxs(le, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ t.jsx(Rt, {}),
+      /* @__PURE__ */ t.jsx(At, {}),
       " Clear"
     ] }) }),
     /* @__PURE__ */ t.jsxs(ur, { className: "border-border", children: [
@@ -221,13 +222,13 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
   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: [
-        /* @__PURE__ */ t.jsx(Rr, {}),
+        /* @__PURE__ */ t.jsx(Ar, {}),
         /* @__PURE__ */ t.jsx(se, { orientation: "vertical" })
       ] }) : null,
       /* @__PURE__ */ t.jsx(Pr, {}),
       /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
       /* @__PURE__ */ t.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
-        /* @__PURE__ */ t.jsx(At, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+        /* @__PURE__ */ t.jsx(_t, { className: "h-3.5 w-3.5 flex-shrink-0" }),
         " ",
         /* @__PURE__ */ t.jsxs("div", { className: "text-xs leading-3", children: [
           St(r, 0),
@@ -235,7 +236,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
         ] })
       ] }),
       /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
-      /* @__PURE__ */ t.jsx(_r, {})
+      /* @__PURE__ */ t.jsx(Rr, {})
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
       /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
@@ -283,7 +284,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     <div class="frame-root"></div>
   </body>
 </html>`, Dr = (e) => {
-  const [r] = _e(), [, n] = rt(), [i, d] = H({}), s = Q(() => {
+  const [r] = Re(), [, n] = rt(), [i, d] = H({}), s = Q(() => {
     const { width: a, height: f } = e;
     if (a < r) {
       const y = parseFloat((a / r).toString());
@@ -301,7 +302,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     s();
   }, [r, e, n, s]), i;
 };
-var Te = { exports: {} }, ae = { exports: {} }, A = {};
+var Te = { exports: {} }, ae = { exports: {} }, _ = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -313,7 +314,7 @@ var Te = { exports: {} }, ae = { exports: {} }, A = {};
 var We;
 function Br() {
   if (We)
-    return A;
+    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;
   function M(l) {
@@ -349,33 +350,33 @@ function Br() {
   function B(l) {
     return M(l) === p;
   }
-  return A.AsyncMode = y, A.ConcurrentMode = p, A.ContextConsumer = f, A.ContextProvider = a, A.Element = r, A.ForwardRef = m, A.Fragment = i, A.Lazy = O, A.Memo = v, A.Portal = n, A.Profiler = s, A.StrictMode = d, A.Suspense = h, A.isAsyncMode = function(l) {
+  return _.AsyncMode = y, _.ConcurrentMode = p, _.ContextConsumer = f, _.ContextProvider = a, _.Element = r, _.ForwardRef = m, _.Fragment = i, _.Lazy = O, _.Memo = v, _.Portal = n, _.Profiler = s, _.StrictMode = d, _.Suspense = h, _.isAsyncMode = function(l) {
     return B(l) || M(l) === y;
-  }, A.isConcurrentMode = B, A.isContextConsumer = function(l) {
+  }, _.isConcurrentMode = B, _.isContextConsumer = function(l) {
     return M(l) === f;
-  }, A.isContextProvider = function(l) {
+  }, _.isContextProvider = function(l) {
     return M(l) === a;
-  }, A.isElement = function(l) {
+  }, _.isElement = function(l) {
     return typeof l == "object" && l !== null && l.$$typeof === r;
-  }, A.isForwardRef = function(l) {
+  }, _.isForwardRef = function(l) {
     return M(l) === m;
-  }, A.isFragment = function(l) {
+  }, _.isFragment = function(l) {
     return M(l) === i;
-  }, A.isLazy = function(l) {
+  }, _.isLazy = function(l) {
     return M(l) === O;
-  }, A.isMemo = function(l) {
+  }, _.isMemo = function(l) {
     return M(l) === v;
-  }, A.isPortal = function(l) {
+  }, _.isPortal = function(l) {
     return M(l) === n;
-  }, A.isProfiler = function(l) {
+  }, _.isProfiler = function(l) {
     return M(l) === s;
-  }, A.isStrictMode = function(l) {
+  }, _.isStrictMode = function(l) {
     return M(l) === d;
-  }, A.isSuspense = function(l) {
+  }, _.isSuspense = function(l) {
     return M(l) === h;
-  }, A.isValidElementType = function(l) {
+  }, _.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);
-  }, A.typeOf = M, A;
+  }, _.typeOf = M, _;
 }
 var P = {};
 /** @license React v16.13.1
@@ -454,19 +455,19 @@ function $r() {
     function T(c) {
       return B(c) === v;
     }
-    function _(c) {
+    function R(c) {
       return B(c) === n;
     }
     function I(c) {
       return B(c) === s;
     }
-    function R(c) {
+    function A(c) {
       return B(c) === d;
     }
     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 = _, P.isProfiler = I, P.isStrictMode = R, P.isSuspense = N, P.isValidElementType = M, P.typeOf = B;
+    P.AsyncMode = l, P.ConcurrentMode = D, P.ContextConsumer = W, P.ContextProvider = q, P.Element = de, P.ForwardRef = ue, P.Fragment = re, P.Lazy = fe, P.Memo = pe, P.Portal = J, P.Profiler = he, P.StrictMode = Y, P.Suspense = K, P.isAsyncMode = me, P.isConcurrentMode = o, P.isContextConsumer = u, P.isContextProvider = j, P.isElement = S, P.isForwardRef = x, P.isFragment = k, P.isLazy = w, P.isMemo = T, P.isPortal = R, P.isProfiler = I, P.isStrictMode = A, P.isSuspense = N, P.isValidElementType = M, P.typeOf = B;
   }()), P;
 }
 var Ue;
@@ -526,7 +527,7 @@ function Nr() {
   }, ge;
 }
 var xe, ze;
-function Ae() {
+function _e() {
   if (ze)
     return xe;
   ze = 1;
@@ -545,7 +546,7 @@ function Lr() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = Ae(), n = {}, i = dt();
+    var r = _e(), n = {}, i = dt();
     e = function(s) {
       var a = "Warning: " + s;
       typeof console < "u" && console.error(a);
@@ -592,7 +593,7 @@ function Fr() {
   if (Ve)
     return Ee;
   Ve = 1;
-  var e = lt(), r = Nr(), n = Ae(), i = dt(), d = Lr(), s = function() {
+  var e = lt(), r = Nr(), n = _e(), i = dt(), d = Lr(), s = function() {
   };
   process.env.NODE_ENV !== "production" && (s = function(f) {
     var y = "Warning: " + f;
@@ -643,33 +644,33 @@ function Fr() {
     function C(o) {
       if (process.env.NODE_ENV !== "production")
         var u = {}, j = 0;
-      function S(k, w, T, _, I, R, N) {
-        if (_ = _ || b, R = R || T, N !== n) {
+      function S(k, w, T, R, I, A, N) {
+        if (R = R || b, A = A || T, N !== n) {
           if (y) {
             var c = 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 c.name = "Invariant Violation", c;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var z = _ + ":" + T;
+            var z = R + ":" + T;
             !u[z] && // Avoid spamming the console because they are often not actionable except for lib authors
             j < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + R + "` prop on `" + _ + "`. 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."
+              "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++);
           }
         }
-        return w[T] == null ? k ? w[T] === null ? new E("The " + I + " `" + R + "` is marked as required " + ("in `" + _ + "`, but its value is `null`.")) : new E("The " + I + " `" + R + "` is marked as required in " + ("`" + _ + "`, but its value is `undefined`.")) : null : o(w, T, _, I, R);
+        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);
       }
       var x = S.bind(null, !1);
       return x.isRequired = S.bind(null, !0), x;
     }
     function g(o) {
       function u(j, S, x, k, w, T) {
-        var _ = j[S], I = Y(_);
+        var R = j[S], I = Y(R);
         if (I !== o) {
-          var R = K(_);
+          var A = K(R);
           return new E(
-            "Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected ") + ("`" + o + "`."),
+            "Invalid " + k + " `" + w + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected ") + ("`" + o + "`."),
             { expectedType: o }
           );
         }
@@ -686,13 +687,13 @@ function Fr() {
           return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
         var T = j[S];
         if (!Array.isArray(T)) {
-          var _ = Y(T);
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + _ + "` supplied to `" + x + "`, expected an array."));
+          var R = Y(T);
+          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an array."));
         }
         for (var I = 0; I < T.length; I++) {
-          var R = o(T, I, x, k, w + "[" + I + "]", n);
-          if (R instanceof Error)
-            return R;
+          var A = o(T, I, x, k, w + "[" + I + "]", n);
+          if (A instanceof Error)
+            return A;
         }
         return null;
       }
@@ -723,8 +724,8 @@ function Fr() {
     function D(o) {
       function u(j, S, x, k, w) {
         if (!(j[S] instanceof o)) {
-          var T = o.name || b, _ = me(j[S]);
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + _ + "` supplied to `" + x + "`, expected ") + ("instance of `" + T + "`."));
+          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;
       }
@@ -736,8 +737,8 @@ function Fr() {
           "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) {
-        for (var T = j[S], _ = 0; _ < o.length; _++)
-          if (O(T, o[_]))
+        for (var T = j[S], R = 0; R < o.length; R++)
+          if (O(T, o[R]))
             return null;
         var I = JSON.stringify(o, function(N, c) {
           var z = K(c);
@@ -751,14 +752,14 @@ function Fr() {
       function u(j, S, x, k, w) {
         if (typeof o != "function")
           return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
-        var T = j[S], _ = Y(T);
-        if (_ !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + _ + "` supplied to `" + x + "`, expected an object."));
+        var T = j[S], R = Y(T);
+        if (R !== "object")
+          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an object."));
         for (var I in T)
           if (i(T, I)) {
-            var R = o(T, I, x, k, w + "." + I, n);
-            if (R instanceof Error)
-              return R;
+            var A = o(T, I, x, k, w + "." + I, n);
+            if (A instanceof Error)
+              return A;
           }
         return null;
       }
@@ -774,15 +775,15 @@ function Fr() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + u + "."
           ), a;
       }
-      function S(x, k, w, T, _) {
-        for (var I = [], R = 0; R < o.length; R++) {
-          var N = o[R], c = N(x, k, w, T, _, n);
+      function S(x, k, w, T, R) {
+        for (var I = [], A = 0; A < o.length; A++) {
+          var N = o[A], c = N(x, k, w, T, R, n);
           if (c == null)
             return null;
           c.data && i(c.data, "expectedType") && I.push(c.data.expectedType);
         }
         var z = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new E("Invalid " + T + " `" + _ + "` supplied to " + ("`" + w + "`" + z + "."));
+        return new E("Invalid " + T + " `" + R + "` supplied to " + ("`" + w + "`" + z + "."));
       }
       return C(S);
     }
@@ -799,14 +800,14 @@ function Fr() {
     }
     function fe(o) {
       function u(j, S, x, k, w) {
-        var T = j[S], _ = Y(T);
-        if (_ !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type `" + _ + "` " + ("supplied to `" + x + "`, expected `object`."));
+        var T = j[S], R = Y(T);
+        if (R !== "object")
+          return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
         for (var I in o) {
-          var R = o[I];
-          if (typeof R != "function")
-            return re(x, k, w, I, K(R));
-          var N = R(T, I, x, k, w + "." + I, n);
+          var A = o[I];
+          if (typeof A != "function")
+            return re(x, k, w, I, K(A));
+          var N = A(T, I, x, k, w + "." + I, n);
           if (N)
             return N;
         }
@@ -816,20 +817,20 @@ function Fr() {
     }
     function pe(o) {
       function u(j, S, x, k, w) {
-        var T = j[S], _ = Y(T);
-        if (_ !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type `" + _ + "` " + ("supplied to `" + x + "`, expected `object`."));
+        var T = j[S], R = Y(T);
+        if (R !== "object")
+          return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
         var I = r({}, j[S], o);
-        for (var R in I) {
-          var N = o[R];
-          if (i(o, R) && typeof N != "function")
-            return re(x, k, w, R, K(N));
+        for (var A in I) {
+          var N = o[A];
+          if (i(o, A) && typeof N != "function")
+            return re(x, k, w, A, K(N));
           if (!N)
             return new E(
-              "Invalid " + k + " `" + w + "` key `" + R + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(j[S], null, "  ") + `
+              "Invalid " + k + " `" + w + "` key `" + A + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(j[S], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
             );
-          var c = N(T, R, x, k, w + "." + R, n);
+          var c = N(T, A, x, k, w + "." + A, n);
           if (c)
             return c;
         }
@@ -914,7 +915,7 @@ function Wr() {
   if (Ge)
     return Se;
   Ge = 1;
-  var e = Ae();
+  var e = _e();
   function r() {
   }
   function n() {
@@ -968,7 +969,7 @@ 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: Qn } = pt;
+const pt = G.createContext({ document: ut, window: ft }), Pe = () => G.useContext(pt), { Provider: zr, Consumer: eo } = pt;
 class ht extends Xe {
   componentDidMount() {
     this.props.contentDidMount();
@@ -1175,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] = Re(), [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] = tt(), [d] = Ae(), [s] = Z(), { document: a, window: f } = Pe(), [y] = H(a == null ? void 0 : a.getElementById("highlighted-block")), [p] = H(
     a == null ? void 0 : a.getElementById("selected-block")
   ), [m] = H(
     a == null ? void 0 : a.getElementById("selected-styling-block")
@@ -1183,14 +1184,14 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
   F(() => {
     i ? a == null || a.documentElement.classList.add("dark") : a == null || a.documentElement.classList.remove("dark");
   }, [i, a]);
-  const h = $(r, "_headingFont", "DM Sans"), b = $(r, "_bodyFont", "DM Sans");
+  const h = $(r, "headingFont", "DM Sans"), b = $(r, "bodyFont", "DM Sans");
   return F(() => {
-    const v = $(r, "_primaryColor", "#000"), O = $(r, "_secondaryColor", "#FFF"), E = Sr({
+    const v = $(r, "primaryColor", "#000"), O = $(r, "secondaryColor", "#FFF"), E = Sr({
       colors: [v, O],
       names: ["primary", "secondary"]
     });
     E.primary.DEFAULT = v, E.secondary.DEFAULT = O;
-    const C = $(r, "_roundedCorners", "0");
+    const C = $(r, "roundedCorners", "0");
     !f || !f.tailwind || (f.tailwind.config = {
       darkMode: "class",
       theme: {
@@ -1232,7 +1233,7 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
   }, [s, m]), F(() => {
     if (e === "section")
       return;
-    const v = $(r, "_bodyTextLightColor", "#64748b"), O = $(r, "_bodyTextDarkColor", "#94a3b8"), E = $(r, "_bodyBgLightColor", "#FFFFFF"), C = $(r, "_bodyBgDarkColor", "#0f172a");
+    const v = $(r, "bodyTextLightColor", "#64748b"), O = $(r, "bodyTextDarkColor", "#94a3b8"), E = $(r, "bodyBgLightColor", "#FFFFFF"), C = $(r, "bodyBgDarkColor", "#0f172a");
     a.body.className = `font-body antialiased text-[${v}] bg-[${E}] dark:text-[${O}] dark:bg-[${C}]`;
   }, [r, a, e]), e === "page" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     h && /* @__PURE__ */ t.jsx(
@@ -1297,7 +1298,7 @@ function rn(e, r, n, i) {
   }), d;
 }
 function Ce({ blocks: e }) {
-  const r = at(), [, n] = Re(), [, i] = Z(), [, d] = X(), s = Q(
+  const r = at(), [, n] = Ae(), [, i] = Z(), [, d] = X(), s = Q(
     (p) => {
       var h;
       const m = (h = p.currentTarget) == null ? void 0 : h.getAttribute("data-style-id");
@@ -1356,7 +1357,7 @@ 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, {}) });
 }, on = (e, r) => e.querySelector(`[data-style-id="${r}"]`), sn = () => {
-  const [e] = te(Kt), [r] = ot(), [n] = _e(), [, i] = X(), d = Vt(), [, s] = Re(), 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] = 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);
   F(() => {
     const { clientWidth: D, clientHeight: W } = f.current;
     p({ width: D, height: W }), h === 0 && b(D);
@@ -1426,7 +1427,7 @@ const nn = () => {
       )
     }
   );
-}, an = wt(() => import("./AddBlocks-0d80d14e.js")), eo = () => {
+}, an = wt(() => import("./AddBlocks-619d3dde.js")), to = () => {
   const e = Qe("mode", ve.STATIC), [r, n] = te(Xt), i = {
     [ve.STATIC]: /* @__PURE__ */ t.jsx(sn, {}),
     [ve.FRAMEWORK]: null
@@ -1454,5 +1455,5 @@ const nn = () => {
   ] });
 };
 export {
-  eo as default
+  to as default
 };