@chaibuilder/sdk 1.2.8 → 1.2.10

package/dist/{CanvasArea-EfZgx-gN.js → CanvasArea-jgBDM5Qd.js}

@@ -1,28 +1,27 @@
-var jt = Object.defineProperty;
-var Tt = (e, t, n) => t in e ? jt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var J = (e, t, n) => (Tt(e, typeof t != "symbol" ? t + "" : t, n), n);
+var kt = Object.defineProperty;
+var jt = (e, t, n) => t in e ? kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Y = (e, t, n) => (jt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { j as r } from "./jsx-runtime-WbnYoNE9.js";
-import V, { createElement as be, useCallback as je, useState as q, useEffect as M, Component as Ke, Children as Ct, Suspense as Je, useRef as Oe, useMemo as It } from "react";
-import { map as re, includes as Ae, toUpper as pe, round as Et, throttle as Ve, noop as te, isEmpty as K, first as ae, omit as St, pick as Dt, get as D, isString as Te, memoize as Bt, each as _t, find as Ot, filter as Xe, isNull as At } from "lodash-es";
-import { ResetIcon as Pe, MobileIcon as Re, LaptopIcon as Pt, DesktopIcon as Rt, DotsVerticalIcon as Mt, EraserIcon as Lt, ZoomInIcon as Nt, DragHandleDots2Icon as Ft, ArrowUpIcon as $t, CopyIcon as Wt, TrashIcon as Ht } from "@radix-ui/react-icons";
-import { p as Ce, B as le, X as Ze, aI as qt, aJ as Ut, aK as zt, aL as Yt, aM as Kt, U as Ie, aj as Jt, i as Ee, aN as Vt, aO as Xt, aP as Zt, aQ as Qt, aR as Gt, aS as en, w as tn, j as U, ak as X, E as nn, F as rn, G as on, H as sn, I as an, J as ln, K as cn, L as dn, aq as un, M as pn, V as Qe, aH as ie, aT as fn, $ as Q, ac as hn, aU as G, af as Se, m as Ge, n as gn, k as mn, o as yn, h as et, l as tt, ah as vn, aV as xn, aW as nt, aX as bn, aY as kn, x as wn, aZ as jn, a7 as Tn, a_ as Cn, S as rt } from "./index-niHREMmR.js";
+import K, { createElement as De, useCallback as ke, useState as $, useEffect as R, Component as ze, Children as Tt, Suspense as Ye, useRef as _e, useMemo as Ct } from "react";
+import { map as re, includes as Be, toUpper as pe, round as Et, throttle as Ke, noop as te, isEmpty as z, first as ae, omit as It, pick as St, get as D, isString as je, memoize as Dt, each as _t, find as Bt, filter as Je, isNull as Ot, has as At } from "lodash-es";
+import { ResetIcon as Oe, MobileIcon as Ae, LaptopIcon as Rt, DesktopIcon as Pt, DotsVerticalIcon as Mt, EraserIcon as Lt, ZoomInIcon as Nt, DragHandleDots2Icon as Ft, ArrowUpIcon as $t, CopyIcon as Wt, TrashIcon as Ht } from "@radix-ui/react-icons";
+import { m as Ve, B as le, W as Qe, aI as Ut, aJ as qt, aK as zt, aL as Yt, aM as Kt, P as Te, aj as Jt, i as Ze, aN as Vt, aO as Qt, aP as Zt, aQ as Xt, aR as Gt, aS as en, aT as tn, j as W, ak as J, A as nn, z as rn, C as on, D as sn, E as an, F as ln, G as cn, H as dn, ar as un, I as pn, Q as Xe, aH as ie, aU as fn, _ as X, ac as hn, aV as G, s as Ce, l as Ge, h as et, k as tt, ah as gn, aW as mn, aX as nt, aY as yn, aZ as vn, t as xn, a_ as bn, a7 as wn, a$ as kn, S as rt } from "./index-B4sL0YTN.js";
 import { useTranslation as de } from "react-i18next";
-import { useAtom as N } from "jotai";
-import Me from "react-dom";
-import { g as In } from "./_commonjsHelpers-UyOWmZb0.js";
-import { r as ot, u as En, B as Sn, E as Dn } from "./index-EGUphg4R.js";
-import { Quill as Bn } from "react-quill";
-import { u as _n } from "./useAddBlockByDrop-_nwI4W3q.js";
+import { useAtom as M } from "jotai";
+import Re from "react-dom";
+import { g as jn } from "./_commonjsHelpers-UyOWmZb0.js";
+import { r as ot, u as Tn, B as Cn, E as En } from "./index-c2VLKuhY.js";
+import { Quill as In } from "react-quill";
+import { u as Sn } from "./useAddBlockByDrop-rcDR-z9_.js";
 import { useFeature as st } from "flagged";
-import { flip as On } from "@floating-ui/dom";
-import { useFloating as An, shift as Pn } from "@floating-ui/react-dom";
-import { useResizeObserver as Rn } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as Mn } from "@bobthered/tailwindcss-palette-generator";
-import { Provider as Ln } from "react-wrap-balancer";
-import { twMerge as Nn } from "tailwind-merge";
-import { S as Le, a as it } from "./MODIFIERS-RiXS5Mn1.js";
-import { getBlockComponent as at } from "@chaibuilder/runtime";
-import { has as Fn } from "lodash";
+import { flip as Dn } from "@floating-ui/dom";
+import { useFloating as _n, shift as Bn } from "@floating-ui/react-dom";
+import { useResizeObserver as On } from "@react-hookz/web";
+import { tailwindcssPaletteGenerator as An } from "@bobthered/tailwindcss-palette-generator";
+import { Provider as Rn } from "react-wrap-balancer";
+import { twMerge as Pn } from "tailwind-merge";
+import { S as Pe, a as it } from "./MODIFIERS-RiXS5Mn1.js";
+import { getBlockComponent as Mn } from "@chaibuilder/runtime";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./utils-AvyFzbPC.js";
@@ -60,19 +59,19 @@ import "himalaya";
 import "lucide-react";
 import "./web-blocks.js";
 import "./controls-XPXGHKht.js";
-const $n = () => {
-  const { undoCount: e, redoCount: t, undo: n, redo: s } = Ce();
+const Ln = () => {
+  const { hasUndo: e, hasRedo: t, undo: n, redo: s } = Ve();
   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(Pe, {}) }),
-    /* @__PURE__ */ r.jsx(le, { disabled: !t, onClick: s, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Pe, { 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: s, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
-function Wn() {
-  const [e, t] = Ze(), { t: n } = de();
+function Nn() {
+  const [e, t] = Qe(), { t: n } = de();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(qt, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
+    /* @__PURE__ */ r.jsx(Ut, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
     /* @__PURE__ */ r.jsxs(
-      Ut,
+      qt,
       {
         id: "dark-mode-switch",
         checked: e,
@@ -96,7 +95,7 @@ function Wn() {
     )
   ] });
 }
-const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
+const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     className: e ? "rotate-90" : "",
@@ -119,50 +118,50 @@ const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       )
     ]
   }
-), Hn = [
+), Fn = [
   {
     title: "mobile_xs_title",
     content: "mobile_xs_content",
     breakpoint: "xs",
-    icon: /* @__PURE__ */ r.jsx(Re, {}),
+    icon: /* @__PURE__ */ r.jsx(Ae, {}),
     width: 400
   },
   {
     title: "mobile_sm_title",
     content: "mobile_sm_content",
     breakpoint: "sm",
-    icon: /* @__PURE__ */ r.jsx(Re, { className: "rotate-90" }),
+    icon: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-90" }),
     width: 640
   },
   {
     title: "tablet_md_title",
     content: "tablet_md_content",
     breakpoint: "md",
-    icon: /* @__PURE__ */ r.jsx(Ne, {}),
+    icon: /* @__PURE__ */ r.jsx(Me, {}),
     width: 800
   },
   {
     title: "tablet_lg_title",
     content: "tablet_lg_content",
     breakpoint: "lg",
-    icon: /* @__PURE__ */ r.jsx(Ne, { landscape: !0 }),
+    icon: /* @__PURE__ */ r.jsx(Me, { landscape: !0 }),
     width: 1024
   },
   {
     title: "desktop_xl_title",
     content: "desktop_xl_content",
     breakpoint: "xl",
-    icon: /* @__PURE__ */ r.jsx(Pt, {}),
+    icon: /* @__PURE__ */ r.jsx(Rt, {}),
     width: 1420
   },
   {
     title: "large_desktop_2xl_title",
     content: "large_desktop_2xl_content",
     breakpoint: "2xl",
-    icon: /* @__PURE__ */ r.jsx(Rt, {}),
+    icon: /* @__PURE__ */ r.jsx(Pt, {}),
     width: 1920
   }
-], Fe = ({
+], Le = ({
   title: e,
   content: t,
   currentBreakpoint: n,
@@ -187,26 +186,26 @@ const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: o(t) })
     ] }) }) })
   ] });
-}, qn = () => {
-  const [, e, t] = Ie(), [n, s] = Jt(), { t: i } = de(), l = Ee("breakpoints", Hn), d = (o) => {
+}, $n = () => {
+  const [, e, t] = Te(), [n, s] = Jt(), { t: i } = de(), l = Ze("breakpoints", Fn), d = (o) => {
     n.includes(o) ? n.length > 2 && s(n.filter((c) => c !== o)) : s((c) => [...c, o]);
   };
-  return l.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: re(l, (o) => /* @__PURE__ */ be(Fe, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
+  return l.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: re(l, (o) => /* @__PURE__ */ De(Le, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
     re(
-      l.filter((o) => Ae(n, pe(o.breakpoint))),
-      (o) => /* @__PURE__ */ be(Fe, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
+      l.filter((o) => Be(n, pe(o.breakpoint))),
+      (o) => /* @__PURE__ */ De(Le, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
     ),
     /* @__PURE__ */ r.jsxs(Vt, { children: [
-      /* @__PURE__ */ r.jsx(Xt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Mt, { className: "scale-90 transform" }) }) }),
+      /* @__PURE__ */ r.jsx(Qt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Mt, { className: "scale-90 transform" }) }) }),
       /* @__PURE__ */ r.jsxs(Zt, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ r.jsx(Qt, { children: i("Breakpoints") }),
+        /* @__PURE__ */ r.jsx(Xt, { children: i("Breakpoints") }),
         /* @__PURE__ */ r.jsx(Gt, {}),
         re(l, (o) => /* @__PURE__ */ r.jsx(
           en,
           {
             disabled: o.breakpoint === "xs",
             onCheckedChange: () => d(pe(o.breakpoint)),
-            checked: Ae(n, pe(o.breakpoint)),
+            checked: Be(n, pe(o.breakpoint)),
             children: i(o.title)
           },
           o.breakpoint
@@ -214,10 +213,10 @@ const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       ] })
     ] })
   ] });
-}, Un = () => {
-  const { t: e } = de(), [t] = tn(), { createSnapshot: n } = Ce(), [, s] = U(), [, i] = X(), l = je(() => {
-    t([]), s([]), i([]), n();
-  }, [t, n]);
+}, Wn = () => {
+  const { t: e } = de(), { setNewBlocks: t } = tn(), [, n] = W(), [, s] = J(), i = ke(() => {
+    t([]), n([]), s([]);
+  }, [t]);
   return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(nn, { children: [
     /* @__PURE__ */ r.jsx(rn, { asChild: !0, children: /* @__PURE__ */ r.jsxs(le, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
       /* @__PURE__ */ r.jsx(Lt, {}),
@@ -231,19 +230,19 @@ const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       ] }),
       /* @__PURE__ */ r.jsxs(cn, { children: [
         /* @__PURE__ */ r.jsx(dn, { children: e("cancel") }),
-        /* @__PURE__ */ r.jsx(un, { onClick: l, children: e("yes") })
+        /* @__PURE__ */ r.jsx(un, { onClick: i, children: e("yes") })
       ] })
     ] })
   ] }) });
-}, zn = () => {
-  const e = pn("darkMode", !1), [t] = Qe();
+}, Hn = () => {
+  const e = pn("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: [
-        /* @__PURE__ */ r.jsx(Wn, {}),
+        /* @__PURE__ */ r.jsx(Nn, {}),
         /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ r.jsx(qn, {}),
+      /* @__PURE__ */ r.jsx($n, {}),
       /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
       /* @__PURE__ */ r.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
         /* @__PURE__ */ r.jsx(Nt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
@@ -254,19 +253,19 @@ const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
         ] })
       ] }),
       /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx($n, {})
+      /* @__PURE__ */ r.jsx(Ln, {})
     ] }),
     /* @__PURE__ */ r.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
       /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(Un, {})
+      /* @__PURE__ */ r.jsx(Wn, {})
     ] })
   ] });
-}, Yn = `<!doctype html>
+}, Un = `<!doctype html>
 <html class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://old.chaibuilder.com/offline/tailwind.cdn.js"><\/script>
+    <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"><\/script>
     <style>
     html { height: 100%; overflow:auto; }
     body { height: 100%; }
@@ -309,8 +308,8 @@ const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     <div class="frame-root h-full"></div>
     <script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
   </body>
-</html>`, Kn = (e) => {
-  const [t] = Ie(), [, n] = Qe(), [s, i] = q({}), l = je(() => {
+</html>`, qn = (e) => {
+  const [t] = Te(), [, n] = Xe(), [s, i] = $({}), l = ke(() => {
     const { width: d, height: o } = e;
     if (d < t) {
       const c = parseFloat((d / t).toFixed(2).toString());
@@ -330,7 +329,7 @@ const Ne = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     } else
       i({}), n(100);
   }, [t, e, n]);
-  return M(() => {
+  return R(() => {
     l();
   }, [t, e, n, l]), s;
 };
@@ -340,11 +339,11 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var fe, $e;
-function Jn() {
-  if ($e)
+var fe, Ne;
+function zn() {
+  if (Ne)
     return fe;
-  $e = 1;
+  Ne = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
   function s(l) {
     if (l == null)
@@ -380,34 +379,34 @@ function Jn() {
         t.call(o, h) && (c[h] = o[h]);
       if (e) {
         p = e(o);
-        for (var g = 0; g < p.length; g++)
-          n.call(o, p[g]) && (c[p[g]] = o[p[g]]);
+        for (var v = 0; v < p.length; v++)
+          n.call(o, p[v]) && (c[p[v]] = o[p[v]]);
       }
     }
     return c;
   }, fe;
 }
-var he, We;
-function De() {
-  if (We)
+var he, Fe;
+function Ee() {
+  if (Fe)
     return he;
-  We = 1;
+  Fe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return he = e, he;
 }
-var ge, He;
-function lt() {
-  return He || (He = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
+var ge, $e;
+function at() {
+  return $e || ($e = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
 }
-var me, qe;
-function Vn() {
-  if (qe)
+var me, We;
+function Yn() {
+  if (We)
     return me;
-  qe = 1;
+  We = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = De(), n = {}, s = lt();
+    var t = Ee(), n = {}, s = at();
     e = function(l) {
       var d = "Warning: " + l;
       typeof console < "u" && console.error(d);
@@ -424,22 +423,22 @@ function Vn() {
           var h;
           try {
             if (typeof l[f] != "function") {
-              var g = Error(
+              var v = Error(
                 (c || "React class") + ": " + o + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw g.name = "Invariant Violation", g;
+              throw v.name = "Invariant Violation", v;
             }
             h = l[f](d, f, c, o, null, t);
-          } catch (A) {
-            h = A;
+          } catch (O) {
+            h = O;
           }
           if (h && !(h instanceof Error) && e(
             (c || "React class") + ": type specification of " + o + " `" + 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)."
           ), h instanceof Error && !(h.message in n)) {
             n[h.message] = !0;
-            var E = p ? p() : "";
+            var S = p ? p() : "";
             e(
-              "Failed " + o + " type: " + h.message + (E ?? "")
+              "Failed " + o + " type: " + h.message + (S ?? "")
             );
           }
         }
@@ -449,12 +448,12 @@ function Vn() {
     process.env.NODE_ENV !== "production" && (n = {});
   }, me = i, me;
 }
-var ye, Ue;
-function Xn() {
-  if (Ue)
+var ye, He;
+function Kn() {
+  if (He)
     return ye;
-  Ue = 1;
-  var e = ot, t = Jn(), n = De(), s = lt(), i = Vn(), l = function() {
+  He = 1;
+  var e = ot, t = zn(), n = Ee(), s = at(), i = Yn(), l = function() {
   };
   process.env.NODE_ENV !== "production" && (l = function(o) {
     var c = "Warning: " + o;
@@ -474,230 +473,230 @@ function Xn() {
       if (typeof u == "function")
         return u;
     }
-    var g = "<<anonymous>>", E = {
-      array: B("array"),
-      bigint: B("bigint"),
-      bool: B("boolean"),
-      func: B("function"),
-      number: B("number"),
-      object: B("object"),
-      string: B("string"),
-      symbol: B("symbol"),
-      any: O(),
-      arrayOf: w,
-      element: F(),
-      elementType: $(),
+    var v = "<<anonymous>>", S = {
+      array: I("array"),
+      bigint: I("bigint"),
+      bool: I("boolean"),
+      func: I("function"),
+      number: I("number"),
+      object: I("object"),
+      string: I("string"),
+      symbol: I("symbol"),
+      any: H(),
+      arrayOf: V,
+      element: Q(),
+      elementType: L(),
       instanceOf: _,
-      node: yt(),
-      objectOf: H,
-      oneOf: W,
-      oneOfType: mt,
-      shape: vt,
-      exact: xt
+      node: mt(),
+      objectOf: F,
+      oneOf: N,
+      oneOfType: gt,
+      shape: yt,
+      exact: vt
     };
-    function A(a, u) {
+    function O(a, u) {
       return a === u ? a !== 0 || 1 / a === 1 / u : a !== a && u !== u;
     }
-    function b(a, u) {
+    function m(a, u) {
       this.message = a, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
     }
-    b.prototype = Error.prototype;
-    function S(a) {
+    m.prototype = Error.prototype;
+    function g(a) {
       if (process.env.NODE_ENV !== "production")
         var u = {}, k = 0;
-      function v(j, y, x, T, I, C, L) {
-        if (T = T || g, C = C || x, L !== n) {
+      function b(j, x, w, T, E, C, P) {
+        if (T = T || v, C = C || w, P !== n) {
           if (c) {
-            var P = new Error(
+            var B = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw P.name = "Invariant Violation", P;
+            throw B.name = "Invariant Violation", B;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = T + ":" + x;
+            var Z = T + ":" + w;
             !u[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
             k < 3 && (l(
               "You are manually calling a React.PropTypes validation function for the `" + C + "` prop on `" + T + "`. 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, k++);
           }
         }
-        return y[x] == null ? j ? y[x] === null ? new b("The " + I + " `" + C + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new b("The " + I + " `" + C + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : a(y, x, T, I, C);
+        return x[w] == null ? j ? x[w] === null ? new m("The " + E + " `" + C + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new m("The " + E + " `" + C + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : a(x, w, T, E, C);
       }
-      var m = v.bind(null, !1);
-      return m.isRequired = v.bind(null, !0), m;
+      var y = b.bind(null, !1);
+      return y.isRequired = b.bind(null, !0), y;
     }
-    function B(a) {
-      function u(k, v, m, j, y, x) {
-        var T = k[v], I = z(T);
-        if (I !== a) {
+    function I(a) {
+      function u(k, b, y, j, x, w) {
+        var T = k[b], E = U(T);
+        if (E !== a) {
           var C = ee(T);
-          return new b(
-            "Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected ") + ("`" + a + "`."),
+          return new m(
+            "Invalid " + j + " `" + x + "` of type " + ("`" + C + "` supplied to `" + y + "`, expected ") + ("`" + a + "`."),
             { expectedType: a }
           );
         }
         return null;
       }
-      return S(u);
+      return g(u);
     }
-    function O() {
-      return S(d);
+    function H() {
+      return g(d);
     }
-    function w(a) {
-      function u(k, v, m, j, y) {
+    function V(a) {
+      function u(k, b, y, j, x) {
         if (typeof a != "function")
-          return new b("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside arrayOf.");
-        var x = k[v];
-        if (!Array.isArray(x)) {
-          var T = z(x);
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected an array."));
+          return new m("Property `" + x + "` of component `" + y + "` has invalid PropType notation inside arrayOf.");
+        var w = k[b];
+        if (!Array.isArray(w)) {
+          var T = U(w);
+          return new m("Invalid " + j + " `" + x + "` of type " + ("`" + T + "` supplied to `" + y + "`, expected an array."));
         }
-        for (var I = 0; I < x.length; I++) {
-          var C = a(x, I, m, j, y + "[" + I + "]", n);
+        for (var E = 0; E < w.length; E++) {
+          var C = a(w, E, y, j, x + "[" + E + "]", n);
           if (C instanceof Error)
             return C;
         }
         return null;
       }
-      return S(u);
+      return g(u);
     }
-    function F() {
-      function a(u, k, v, m, j) {
-        var y = u[k];
-        if (!o(y)) {
-          var x = z(y);
-          return new b("Invalid " + m + " `" + j + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement."));
+    function Q() {
+      function a(u, k, b, y, j) {
+        var x = u[k];
+        if (!o(x)) {
+          var w = U(x);
+          return new m("Invalid " + y + " `" + j + "` of type " + ("`" + w + "` supplied to `" + b + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return S(a);
+      return g(a);
     }
-    function $() {
-      function a(u, k, v, m, j) {
-        var y = u[k];
-        if (!e.isValidElementType(y)) {
-          var x = z(y);
-          return new b("Invalid " + m + " `" + j + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement type."));
+    function L() {
+      function a(u, k, b, y, j) {
+        var x = u[k];
+        if (!e.isValidElementType(x)) {
+          var w = U(x);
+          return new m("Invalid " + y + " `" + j + "` of type " + ("`" + w + "` supplied to `" + b + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return S(a);
+      return g(a);
     }
     function _(a) {
-      function u(k, v, m, j, y) {
-        if (!(k[v] instanceof a)) {
-          var x = a.name || g, T = wt(k[v]);
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected ") + ("instance of `" + x + "`."));
+      function u(k, b, y, j, x) {
+        if (!(k[b] instanceof a)) {
+          var w = a.name || v, T = wt(k[b]);
+          return new m("Invalid " + j + " `" + x + "` of type " + ("`" + T + "` supplied to `" + y + "`, expected ") + ("instance of `" + w + "`."));
         }
         return null;
       }
-      return S(u);
+      return g(u);
     }
-    function W(a) {
+    function N(a) {
       if (!Array.isArray(a))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? l(
           "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])."
         ) : l("Invalid argument supplied to oneOf, expected an array.")), d;
-      function u(k, v, m, j, y) {
-        for (var x = k[v], T = 0; T < a.length; T++)
-          if (A(x, a[T]))
+      function u(k, b, y, j, x) {
+        for (var w = k[b], T = 0; T < a.length; T++)
+          if (O(w, a[T]))
             return null;
-        var I = JSON.stringify(a, function(L, P) {
-          var Z = ee(P);
-          return Z === "symbol" ? String(P) : P;
+        var E = JSON.stringify(a, function(P, B) {
+          var Z = ee(B);
+          return Z === "symbol" ? String(B) : B;
         });
-        return new b("Invalid " + j + " `" + y + "` of value `" + String(x) + "` " + ("supplied to `" + m + "`, expected one of " + I + "."));
+        return new m("Invalid " + j + " `" + x + "` of value `" + String(w) + "` " + ("supplied to `" + y + "`, expected one of " + E + "."));
       }
-      return S(u);
+      return g(u);
     }
-    function H(a) {
-      function u(k, v, m, j, y) {
+    function F(a) {
+      function u(k, b, y, j, x) {
         if (typeof a != "function")
-          return new b("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside objectOf.");
-        var x = k[v], T = z(x);
+          return new m("Property `" + x + "` of component `" + y + "` has invalid PropType notation inside objectOf.");
+        var w = k[b], T = U(w);
         if (T !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected an object."));
-        for (var I in x)
-          if (s(x, I)) {
-            var C = a(x, I, m, j, y + "." + I, n);
+          return new m("Invalid " + j + " `" + x + "` of type " + ("`" + T + "` supplied to `" + y + "`, expected an object."));
+        for (var E in w)
+          if (s(w, E)) {
+            var C = a(w, E, y, j, x + "." + E, n);
             if (C instanceof Error)
               return C;
           }
         return null;
       }
-      return S(u);
+      return g(u);
     }
-    function mt(a) {
+    function gt(a) {
       if (!Array.isArray(a))
         return process.env.NODE_ENV !== "production" && l("Invalid argument supplied to oneOfType, expected an instance of array."), d;
       for (var u = 0; u < a.length; u++) {
         var k = a[u];
         if (typeof k != "function")
           return l(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + kt(k) + " at index " + u + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + bt(k) + " at index " + u + "."
           ), d;
       }
-      function v(m, j, y, x, T) {
-        for (var I = [], C = 0; C < a.length; C++) {
-          var L = a[C], P = L(m, j, y, x, T, n);
-          if (P == null)
+      function b(y, j, x, w, T) {
+        for (var E = [], C = 0; C < a.length; C++) {
+          var P = a[C], B = P(y, j, x, w, T, n);
+          if (B == null)
             return null;
-          P.data && s(P.data, "expectedType") && I.push(P.data.expectedType);
+          B.data && s(B.data, "expectedType") && E.push(B.data.expectedType);
         }
-        var Z = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new b("Invalid " + x + " `" + T + "` supplied to " + ("`" + y + "`" + Z + "."));
+        var Z = E.length > 0 ? ", expected one of type [" + E.join(", ") + "]" : "";
+        return new m("Invalid " + w + " `" + T + "` supplied to " + ("`" + x + "`" + Z + "."));
       }
-      return S(v);
+      return g(b);
     }
-    function yt() {
-      function a(u, k, v, m, j) {
-        return se(u[k]) ? null : new b("Invalid " + m + " `" + j + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
+    function mt() {
+      function a(u, k, b, y, j) {
+        return se(u[k]) ? null : new m("Invalid " + y + " `" + j + "` supplied to " + ("`" + b + "`, expected a ReactNode."));
       }
-      return S(a);
+      return g(a);
     }
-    function _e(a, u, k, v, m) {
-      return new b(
-        (a || "React class") + ": " + u + " type `" + k + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + m + "`."
+    function Se(a, u, k, b, y) {
+      return new m(
+        (a || "React class") + ": " + u + " type `" + k + "." + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
       );
     }
-    function vt(a) {
-      function u(k, v, m, j, y) {
-        var x = k[v], T = z(x);
+    function yt(a) {
+      function u(k, b, y, j, x) {
+        var w = k[b], T = U(w);
         if (T !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type `" + T + "` " + ("supplied to `" + m + "`, expected `object`."));
-        for (var I in a) {
-          var C = a[I];
+          return new m("Invalid " + j + " `" + x + "` of type `" + T + "` " + ("supplied to `" + y + "`, expected `object`."));
+        for (var E in a) {
+          var C = a[E];
           if (typeof C != "function")
-            return _e(m, j, y, I, ee(C));
-          var L = C(x, I, m, j, y + "." + I, n);
-          if (L)
-            return L;
+            return Se(y, j, x, E, ee(C));
+          var P = C(w, E, y, j, x + "." + E, n);
+          if (P)
+            return P;
         }
         return null;
       }
-      return S(u);
+      return g(u);
     }
-    function xt(a) {
-      function u(k, v, m, j, y) {
-        var x = k[v], T = z(x);
+    function vt(a) {
+      function u(k, b, y, j, x) {
+        var w = k[b], T = U(w);
         if (T !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type `" + T + "` " + ("supplied to `" + m + "`, expected `object`."));
-        var I = t({}, k[v], a);
-        for (var C in I) {
-          var L = a[C];
-          if (s(a, C) && typeof L != "function")
-            return _e(m, j, y, C, ee(L));
-          if (!L)
-            return new b(
-              "Invalid " + j + " `" + y + "` key `" + C + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(k[v], null, "  ") + `
+          return new m("Invalid " + j + " `" + x + "` of type `" + T + "` " + ("supplied to `" + y + "`, expected `object`."));
+        var E = t({}, k[b], a);
+        for (var C in E) {
+          var P = a[C];
+          if (s(a, C) && typeof P != "function")
+            return Se(y, j, x, C, ee(P));
+          if (!P)
+            return new m(
+              "Invalid " + j + " `" + x + "` key `" + C + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(k[b], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
             );
-          var P = L(x, C, m, j, y + "." + C, n);
-          if (P)
-            return P;
+          var B = P(w, C, y, j, x + "." + C, n);
+          if (B)
+            return B;
         }
         return null;
       }
-      return S(u);
+      return g(u);
     }
     function se(a) {
       switch (typeof a) {
@@ -714,15 +713,15 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
             return !0;
           var u = h(a);
           if (u) {
-            var k = u.call(a), v;
+            var k = u.call(a), b;
             if (u !== a.entries) {
-              for (; !(v = k.next()).done; )
-                if (!se(v.value))
+              for (; !(b = k.next()).done; )
+                if (!se(b.value))
                   return !1;
             } else
-              for (; !(v = k.next()).done; ) {
-                var m = v.value;
-                if (m && !se(m[1]))
+              for (; !(b = k.next()).done; ) {
+                var y = b.value;
+                if (y && !se(y[1]))
                   return !1;
               }
           } else
@@ -732,17 +731,17 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
           return !1;
       }
     }
-    function bt(a, u) {
+    function xt(a, u) {
       return a === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
     }
-    function z(a) {
+    function U(a) {
       var u = typeof a;
-      return Array.isArray(a) ? "array" : a instanceof RegExp ? "object" : bt(u, a) ? "symbol" : u;
+      return Array.isArray(a) ? "array" : a instanceof RegExp ? "object" : xt(u, a) ? "symbol" : u;
     }
     function ee(a) {
       if (typeof a > "u" || a === null)
         return "" + a;
-      var u = z(a);
+      var u = U(a);
       if (u === "object") {
         if (a instanceof Date)
           return "date";
@@ -751,7 +750,7 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
       }
       return u;
     }
-    function kt(a) {
+    function bt(a) {
       var u = ee(a);
       switch (u) {
         case "array":
@@ -766,17 +765,17 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
       }
     }
     function wt(a) {
-      return !a.constructor || !a.constructor.name ? g : a.constructor.name;
+      return !a.constructor || !a.constructor.name ? v : a.constructor.name;
     }
-    return E.checkPropTypes = i, E.resetWarningCache = i.resetWarningCache, E.PropTypes = E, E;
+    return S.checkPropTypes = i, S.resetWarningCache = i.resetWarningCache, S.PropTypes = S, S;
   }, ye;
 }
-var ve, ze;
-function Zn() {
-  if (ze)
+var ve, Ue;
+function Jn() {
+  if (Ue)
     return ve;
-  ze = 1;
-  var e = De();
+  Ue = 1;
+  var e = Ee();
   function t() {
   }
   function n() {
@@ -784,10 +783,10 @@ function Zn() {
   return n.resetWarningCache = t, ve = function() {
     function s(d, o, c, p, f, h) {
       if (h !== e) {
-        var g = new Error(
+        var v = 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 g.name = "Invariant Violation", g;
+        throw v.name = "Invariant Violation", v;
       }
     }
     s.isRequired = s;
@@ -820,19 +819,19 @@ function Zn() {
     return l.PropTypes = l, l;
   }, ve;
 }
-var Ao = ce.exports;
+var Do = ce.exports;
 if (process.env.NODE_ENV !== "production") {
-  var Qn = ot, Gn = !0;
-  ce.exports = Xn()(Qn.isElement, Gn);
+  var Vn = ot, Qn = !0;
+  ce.exports = Kn()(Vn.isElement, Qn);
 } else
-  ce.exports = Zn()();
-var er = ce.exports;
-const R = /* @__PURE__ */ In(er);
-let ct, dt;
-typeof document < "u" && (ct = document);
-typeof window < "u" && (dt = window);
-const ut = V.createContext({ document: ct, window: dt }), ue = () => V.useContext(ut), { Provider: tr, Consumer: Po } = ut;
-class pt extends Ke {
+  ce.exports = Jn()();
+var Zn = ce.exports;
+const A = /* @__PURE__ */ jn(Zn);
+let lt, ct;
+typeof document < "u" && (lt = document);
+typeof window < "u" && (ct = window);
+const dt = K.createContext({ document: lt, window: ct }), ue = () => K.useContext(dt), { Provider: Xn, Consumer: _o } = dt;
+class ut extends ze {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -840,31 +839,31 @@ class pt extends Ke {
     this.props.contentDidUpdate();
   }
   render() {
-    return Ct.only(this.props.children);
+    return Tt.only(this.props.children);
   }
 }
-J(pt, "propTypes", {
-  children: R.element.isRequired,
-  contentDidMount: R.func.isRequired,
-  contentDidUpdate: R.func.isRequired
+Y(ut, "propTypes", {
+  children: A.element.isRequired,
+  contentDidMount: A.func.isRequired,
+  contentDidUpdate: A.func.isRequired
 });
-class ke extends Ke {
+class be extends ze {
   constructor(n, s) {
     super(n, s);
-    J(this, "setRef", (n) => {
+    Y(this, "setRef", (n) => {
       this.nodeRef.current = n;
       const { forwardedRef: s } = this.props;
       typeof s == "function" ? s(n) : s && (s.current = n);
     });
-    J(this, "handleLoad", () => {
+    Y(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
-    J(this, "loadCheck", () => setInterval(() => {
+    Y(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
-    this._isMounted = !1, this.nodeRef = V.createRef(), this.state = { iframeLoaded: !1 };
+    this._isMounted = !1, this.nodeRef = K.createRef(), this.state = { iframeLoaded: !1 };
   }
   componentDidMount() {
     this._isMounted = !0, this.getDoc() && this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded", this.handleLoad);
@@ -885,8 +884,8 @@ class ke extends Ke {
     const n = this.getDoc();
     if (!n)
       return null;
-    const s = this.props.contentDidMount, i = this.props.contentDidUpdate, l = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(pt, { contentDidMount: s, contentDidUpdate: i, children: /* @__PURE__ */ r.jsx(tr, { value: { document: n, window: l }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), o = this.getMountTarget();
-    return [Me.createPortal(this.props.head, this.getDoc().head), Me.createPortal(d, o)];
+    const s = this.props.contentDidMount, i = this.props.contentDidUpdate, l = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(ut, { contentDidMount: s, contentDidUpdate: i, children: /* @__PURE__ */ r.jsx(Xn, { value: { document: n, window: l }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), o = this.getMountTarget();
+    return [Re.createPortal(this.props.head, this.getDoc().head), Re.createPortal(d, o)];
   }
   render() {
     const n = {
@@ -902,16 +901,16 @@ class ke extends Ke {
 // 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.
-J(ke, "propTypes", {
-  style: R.object,
+Y(be, "propTypes", {
+  style: A.object,
   // eslint-disable-line
-  head: R.node,
-  initialContent: R.string,
-  mountTarget: R.string,
-  contentDidMount: R.func,
-  contentDidUpdate: R.func,
-  children: R.oneOfType([R.element, R.arrayOf(R.element)])
-}), J(ke, "defaultProps", {
+  head: A.node,
+  initialContent: A.string,
+  mountTarget: A.string,
+  contentDidMount: A.func,
+  contentDidUpdate: A.func,
+  children: A.oneOfType([A.element, A.arrayOf(A.element)])
+}), Y(be, "defaultProps", {
   style: {},
   head: null,
   children: void 0,
@@ -922,23 +921,23 @@ J(ke, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const nr = V.forwardRef((e, t) => /* @__PURE__ */ r.jsx(ke, { ...e, forwardedRef: t }));
-let Y = null, oe = [], ne = null, ft = null;
-function rr(e) {
+const Gn = K.forwardRef((e, t) => /* @__PURE__ */ r.jsx(be, { ...e, forwardedRef: t }));
+let q = null, oe = [], ne = null, pt = null;
+function er(e) {
   const t = window.getComputedStyle(e), n = parseInt(t.paddingLeft, 10), s = parseInt(t.paddingTop, 10), i = parseInt(t.paddingRight, 10), l = parseInt(t.paddingBottom, 10);
   return { paddingLeft: n, paddingTop: s, paddingRight: i, paddingBottom: l };
 }
-const Ye = (e, t, n) => {
-  if (!Y)
+const qe = (e, t, n) => {
+  if (!q)
     return;
-  const s = e.getBoundingClientRect(), i = Y == null ? void 0 : Y.getElementById("placeholder"), { paddingLeft: l, paddingTop: d, paddingRight: o, paddingBottom: c } = rr(e);
+  const s = e.getBoundingClientRect(), i = q == null ? void 0 : q.getElementById("placeholder"), { paddingLeft: l, paddingTop: d, paddingRight: o, paddingBottom: c } = er(e);
   i.style.width = t === "vertical" ? s.width - l - o + "px" : "2px", i.style.height = t === "vertical" ? "2px" : s.height - d - c + "px", i.style.display = "block";
   const p = oe.reduce(
     (f, h) => Math.abs(h - n) < Math.abs(f - n) ? h : f
   );
-  ft = oe.indexOf(p), t === "vertical" ? (i.style.top = e.offsetTop + p + "px", i.style.left = e.offsetLeft + l + "px") : (i.style.top = e.offsetTop + d + "px", i.style.left = e.offsetLeft + p + "px");
-}, or = (e) => {
-  const t = ht(e), n = window.getComputedStyle(e), s = t === "horizontal", i = parseInt(n.paddingLeft), l = parseInt(n.paddingTop);
+  pt = oe.indexOf(p), t === "vertical" ? (i.style.top = e.offsetTop + p + "px", i.style.left = e.offsetLeft + l + "px") : (i.style.top = e.offsetTop + d + "px", i.style.left = e.offsetLeft + p + "px");
+}, tr = (e) => {
+  const t = ft(e), n = window.getComputedStyle(e), s = t === "horizontal", i = parseInt(n.paddingLeft), l = parseInt(n.paddingTop);
   let d = s ? i : l;
   oe = [d], Array.from(e.children).forEach((o) => {
     const c = window.getComputedStyle(o), p = parseInt(
@@ -947,7 +946,7 @@ const Ye = (e, t, n) => {
     oe.push(d + f + p), d += f + p;
   });
 };
-function ht(e) {
+function ft(e) {
   const t = window.getComputedStyle(e).display, n = window.getComputedStyle(e).flexDirection;
   if (t === "flex")
     return n === "column" || n === "column-reverse" ? "vertical" : "horizontal";
@@ -960,33 +959,33 @@ function ht(e) {
   }
   return t === "block" ? "vertical" : "horizontal";
 }
-const sr = Ve((e) => {
-  const t = e.target, n = ht(t);
+const nr = Ke((e) => {
+  const t = e.target, n = ft(t);
   if (n === "vertical") {
     const s = e.clientY - t.offsetTop;
-    Ye(t, n, s);
+    qe(t, n, s);
   } else {
     const s = e.clientX - t.offsetLeft;
-    Ye(t, n, s);
+    qe(t, n, s);
   }
-}, 200), ir = (e) => {
-  e.preventDefault(), e.stopPropagation(), sr(e);
+}, 200), rr = (e) => {
+  e.preventDefault(), e.stopPropagation(), nr(e);
 };
 function xe() {
-  const e = Y == null ? void 0 : Y.getElementById("placeholder");
+  const e = q == null ? void 0 : q.getElementById("placeholder");
   e.style.display = "none";
 }
-const ar = () => {
-  const { document: e } = ue(), [t, n] = N(fn), s = _n(), i = st("dnd"), [, l] = Q(), [, d] = U();
-  return Y = e, {
+const or = () => {
+  const { document: e } = ue(), [t, n] = M(fn), s = Sn(), i = st("dnd"), [, l] = X(), [, d] = W();
+  return q = e, {
     isDragging: t,
     "data-dnd": "branch",
-    onDragOver: i ? ir : te,
+    onDragOver: i ? rr : te,
     onDrop: i ? (o) => {
       ne == null || ne.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
       const c = JSON.parse(o.dataTransfer.getData("text/plain"));
       let p = o.target.getAttribute("data-block-id");
-      p === null && (p = o.target.parentElement.getAttribute("data-block-id")), s({ block: c, dropTargetId: p || null, relativeIndex: ft }), n(!1), xe(), setTimeout(() => {
+      p === null && (p = o.target.parentElement.getAttribute("data-block-id")), s({ block: c, dropTargetId: p || null, relativeIndex: pt }), n(!1), xe(), setTimeout(() => {
         xe();
       }, 300);
     } : te,
@@ -994,7 +993,7 @@ const ar = () => {
       const c = o;
       ne = c.target, c.stopPropagation(), c.preventDefault(), oe = [];
       const p = c.target;
-      or(p), p.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), l(""), d([]);
+      tr(p), p.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), l(""), d([]);
     } : te,
     onDragLeave: i ? (o) => {
       const c = o;
@@ -1005,72 +1004,72 @@ const ar = () => {
     } : te
   };
 };
-function Be(e) {
+function Ie(e) {
   return e.getAttribute("data-block-id") ? e : e.closest("[data-block-id]");
 }
-function lr(e) {
+function sr(e) {
   e.container.innerHTML = "", e.container.parentNode.removeChild(e.container);
   var t = document.querySelector(".ql-toolbar");
   t && t.parentNode.removeChild(t), e = null;
 }
-const cr = () => {
-  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = hn(), [, n] = Q(), [s, i] = N(G);
+const ir = () => {
+  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = hn(), [, n] = X(), [s, i] = M(G);
   return (l) => {
     var h;
     if (s)
       return;
-    const d = Be(l.target), o = d.getAttribute("data-block-type");
+    const d = Ie(l.target), o = d.getAttribute("data-block-type");
     if (!o || !e.includes(o))
       return;
     const c = d.cloneNode(!0);
-    d.style.display = "none", Array.from(c.attributes).forEach((g) => {
-      g.name !== "class" && c.removeAttribute(g.name);
+    d.style.display = "none", Array.from(c.attributes).forEach((v) => {
+      v.name !== "class" && c.removeAttribute(v.name);
     }), o === "Text" && (c.style.display = "inline-block"), d.parentNode.insertBefore(c, d.nextSibling);
-    const p = new Bn(c, { placeholder: "Type here..." });
+    const p = new In(c, { placeholder: "Type here..." });
     function f() {
-      const g = p.getText(0, p.getLength());
-      t([d.getAttribute("data-block-id")], { content: g }), d.removeAttribute("style"), c.removeEventListener("blur", f, !0), lr(p), i(""), n("");
+      const v = p.getText(0, p.getLength());
+      t([d.getAttribute("data-block-id")], { content: v }), d.removeAttribute("style"), c.removeEventListener("blur", f, !0), sr(p), i(""), n("");
     }
     c.addEventListener("blur", f, !0), p.focus(), (h = c.querySelector(".ql-clipboard")) == null || h.remove(), i(d.getAttribute("data-block-id"));
   };
-}, dr = () => {
-  const [, e] = X(), [, t] = U(), [n] = N(G);
+}, ar = () => {
+  const [, e] = J(), [, t] = W(), [n] = M(G);
   return (s) => {
     if (n)
       return;
     s.stopPropagation();
-    const i = Be(s.target);
+    const i = Ie(s.target);
     if (i != null && i.getAttribute("data-block-parent")) {
       const l = i.getAttribute("data-style-prop"), d = i.getAttribute("data-style-id"), o = i.getAttribute("data-block-parent");
       e([{ id: d, prop: l, blockId: o }]), t([o]);
     } else
       i != null && i.getAttribute("data-block-id") && t([i.getAttribute("data-block-id")]);
   };
-}, ur = Ve((e, t) => {
-  const n = Be(e.target);
+}, lr = Ke((e, t) => {
+  const n = Ie(e.target);
   n != null && n.getAttribute("data-style-id") && t(n.getAttribute("data-style-id"));
-}, 100), pr = () => {
-  const [, e] = Q(), [t] = N(G);
+}, 100), cr = () => {
+  const [, e] = X(), [t] = M(G);
   return (n) => {
-    t || ur(n, e);
+    t || lr(n, e);
   };
-}, fr = ({ children: e }) => {
-  const { document: t } = ue(), [n] = U(), [s, i] = X();
-  M(() => {
+}, dr = ({ children: e }) => {
+  const { document: t } = ue(), [n] = W(), [s, i] = J();
+  R(() => {
     setTimeout(() => {
-      if (!K(s))
+      if (!z(s))
         return;
-      const p = gt(t, ae(n));
+      const p = ht(t, ae(n));
       if (p) {
         const f = p.getAttribute("data-style-prop");
         if (f) {
-          const h = p.getAttribute("data-style-id"), g = p.getAttribute("data-block-parent");
-          i([{ id: h, prop: f, blockId: g }]);
+          const h = p.getAttribute("data-style-id"), v = p.getAttribute("data-block-parent");
+          i([{ id: h, prop: f, blockId: v }]);
         }
       }
     }, 100);
   }, [t, n, i, s]);
-  const l = cr(), d = dr(), o = pr(), c = ar();
+  const l = ir(), d = ar(), o = cr(), c = or();
   return /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -1079,65 +1078,51 @@ const cr = () => {
       onClick: d,
       onDoubleClick: l,
       onMouseMove: o,
-      ...St(c, "isDragging"),
+      ...It(c, "isDragging"),
       className: "relative mb-5 h-full max-w-full " + (c.isDragging ? "dragging" : ""),
       children: e
     }
   );
-}, gt = (e, t) => e.querySelector(`[data-block-id="${t}"]`), hr = () => {
-  const { window: e } = ue(), [t, n] = U(), s = Se(), [, i] = X(), { undo: l, redo: d } = Ce(), o = Ge(), [, c] = gn(), [, p] = mn(), { pasteBlocks: f } = yn(), [, h] = et(), g = tt(), { savePage: E } = vn(), [A] = N(G), [, b] = N(xn), S = (O) => {
-    O.key === "Enter" && (O.preventDefault(), t.length === 1 && b(ae(t)));
-  }, B = (O) => {
-    const w = s.find((F) => F._id === O);
-    return w ? w._parent : null;
+}, ht = (e, t) => e.querySelector(`[data-block-id="${t}"]`), ur = () => {
+  const { window: e } = ue(), [t, n] = W(), [s] = Ce(), [, i] = J(), { undo: l, redo: d } = Ve(), o = Ge(), [, c] = et(), p = tt(), { savePage: f } = gn(), [h] = M(G), [, v] = M(mn), S = (m) => {
+    m.key === "Enter" && (m.preventDefault(), t.length === 1 && v(ae(t)));
+  }, O = (m) => {
+    const g = s.find((I) => I._id === m);
+    return g ? g._parent : null;
   };
-  return M(() => {
-    const O = (w) => {
-      if (w.key === "Escape") {
+  return R(() => {
+    const m = (g) => {
+      if (g.key === "Escape") {
         n([]), i([]);
         return;
       }
-      if (S(w), !A && (w.key === "Delete" || w.key === "Backspace") && (w.preventDefault(), g(t)), w.ctrlKey || w.metaKey) {
-        if (w.key === "ArrowUp") {
-          w.preventDefault();
-          const F = t.length > 0 ? B(t[0]) : null;
-          F && n([F]);
+      if (S(g), !h && (g.key === "Delete" || g.key === "Backspace") && (g.preventDefault(), p(t)), g.ctrlKey || g.metaKey) {
+        if (g.key === "ArrowUp") {
+          g.preventDefault();
+          const I = t.length > 0 ? O(t[0]) : null;
+          I && n([I]);
         }
-        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(w.key)) {
-          if (A && ["x", "z", "v"].includes(w.key))
+        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(g.key)) {
+          if (h && ["x", "z", "v"].includes(g.key))
             return !0;
-          w.preventDefault();
+          g.preventDefault();
         }
-        w.key === "s" && (w.stopPropagation(), w.preventDefault(), E()), w.key === "z" && l(), w.key === "y" && d(), w.key === "d" && o(t), w.key === "x" && c(t), w.key === "c" && p(t), w.key === "v" && t.length > 0 && f(t[0]);
+        g.key === "s" && (g.stopPropagation(), g.preventDefault(), f()), g.key === "z" && l(), g.key === "y" && d(), g.key === "d" && o(t);
       }
     };
-    return e.removeEventListener("keydown", O), e.addEventListener("keydown", O), () => {
-      e.removeEventListener("keydown", O);
+    return e.removeEventListener("keydown", m), e.addEventListener("keydown", m), () => {
+      e.removeEventListener("keydown", m);
     };
-  }, [
-    t,
-    n,
-    l,
-    g,
-    h,
-    d,
-    o,
-    c,
-    p,
-    f,
-    A,
-    E,
-    e
-  ]), null;
-}, gr = ({ block: e, label: t }) => {
-  const [, n] = U(), [, s] = Q(), [, i] = N(nt), l = st("dnd");
+  }, [t, n, l, p, c, d, o, h, f, e]), null;
+}, pr = ({ block: e, label: t }) => {
+  const [, n] = W(), [, s] = X(), [, i] = M(nt), l = st("dnd");
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: "mr-10 flex cursor-grab items-center space-x-1 px-1",
       draggable: l ? "true" : "false",
       onDragStart: (d) => {
-        d.dataTransfer.setData("text/plain", JSON.stringify(Dt(e, ["_id", "_type"]))), i(e._id), setTimeout(() => {
+        d.dataTransfer.setData("text/plain", JSON.stringify(St(e, ["_id", "_type"]))), i(e._id), setTimeout(() => {
           n([]), s(null);
         }, 200);
       },
@@ -1147,16 +1132,16 @@ const cr = () => {
       ]
     }
   );
-}, mr = ({ selectedBlockElement: e, block: t }) => {
-  const n = tt(), s = Ge(), [, i] = U(), [, l] = X(), [d] = N(G), { floatingStyles: o, refs: c, update: p } = An({
+}, fr = ({ selectedBlockElement: e, block: t }) => {
+  const n = tt(), s = Ge(), [, i] = W(), [, l] = J(), [d] = M(G), { floatingStyles: o, refs: c, update: p } = _n({
     placement: "top-start",
-    middleware: [Pn(), On()],
+    middleware: [Bn(), Dn()],
     elements: {
       reference: e
     }
   });
-  Rn(e, () => p(), e !== null);
-  const f = D(t, "_parent", null), h = K(D(t, "_name", "")) ? D(t, "_type", "") : D(t, "_name", "");
+  On(e, () => p(), e !== null);
+  const f = D(t, "_parent", null), h = z(D(t, "_name", "")) ? D(t, "_type", "") : D(t, "_name", "");
   return !e || !t || d ? null : /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1164,13 +1149,13 @@ const cr = () => {
       tabIndex: 0,
       ref: c.setFloating,
       style: o,
-      onClick: (g) => {
-        g.stopPropagation(), g.preventDefault();
+      onClick: (v) => {
+        v.stopPropagation(), v.preventDefault();
       },
-      onKeyDown: (g) => g.stopPropagation(),
+      onKeyDown: (v) => v.stopPropagation(),
       className: "z-[99999] flex h-6 items-center bg-blue-500  py-2 text-xs text-white",
       children: [
-        /* @__PURE__ */ r.jsx(gr, { label: h, block: t }),
+        /* @__PURE__ */ r.jsx(pr, { label: h, block: t }),
         /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1 ", children: [
           f && /* @__PURE__ */ r.jsx(
             $t,
@@ -1181,199 +1166,199 @@ const cr = () => {
               }
             }
           ),
-          bn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Wt, { className: "hover:scale-105 ", onClick: () => s([t == null ? void 0 : t._id]) }) : null,
-          kn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Ht, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
+          yn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Wt, { className: "hover:scale-105 ", onClick: () => s([t == null ? void 0 : t._id]) }) : null,
+          vn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Ht, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
         ] })
       ]
     }
   );
-}, yr = ({ model: e }) => {
-  const [t] = wn(), [n] = U(), [s] = Ze(), [i] = Q(), [l] = X(), [d] = N(nt), { document: o, window: c } = ue(), [p] = q(o == null ? void 0 : o.getElementById("highlighted-block")), [f] = q(
+}, hr = ({ model: e }) => {
+  const [t] = xn(), [n] = W(), [s] = Qe(), [i] = X(), [l] = J(), [d] = M(nt), { document: o, window: c } = ue(), [p] = $(o == null ? void 0 : o.getElementById("highlighted-block")), [f] = $(
     o == null ? void 0 : o.getElementById("selected-block")
-  ), [h] = q(
+  ), [h] = $(
     o == null ? void 0 : o.getElementById("selected-styling-block")
-  ), [g] = q(o == null ? void 0 : o.getElementById("dragged-block"));
-  M(() => {
+  ), [v] = $(o == null ? void 0 : o.getElementById("dragged-block"));
+  R(() => {
     s ? o == null || o.documentElement.classList.add("dark") : o == null || o.documentElement.classList.remove("dark");
   }, [s, o]);
-  const E = D(t, "headingFont", "DM Sans"), A = D(t, "bodyFont", "DM Sans");
-  return M(() => {
-    const b = D(t, "primaryColor", "#000"), S = D(t, "secondaryColor", "#FFF"), B = Mn({
-      colors: [b, S],
+  const S = D(t, "headingFont", "DM Sans"), O = D(t, "bodyFont", "DM Sans");
+  return R(() => {
+    const m = D(t, "primaryColor", "#000"), g = D(t, "secondaryColor", "#FFF"), I = An({
+      colors: [m, g],
       names: ["primary", "secondary"]
     });
-    B.primary.DEFAULT = b, B.secondary.DEFAULT = S;
-    const O = D(t, "roundedCorners", "0");
+    I.primary.DEFAULT = m, I.secondary.DEFAULT = g;
+    const H = D(t, "roundedCorners", "0");
     !c || !c.tailwind || (c.tailwind.config = {
       darkMode: "class",
       theme: {
         fontFamily: {
-          heading: [E],
-          body: [A]
+          heading: [S],
+          body: [O]
         },
         extend: {
           borderRadius: {
-            global: `${O || "0"}px`
+            global: `${H || "0"}px`
           },
-          colors: B
+          colors: I
         }
       },
       plugins: [
         // @ts-ignore
-        c.tailwind.plugin.withOptions(({ prefix: w = "ui" } = {}) => ({ addVariant: F }) => {
-          for (const $ of ["open", "checked", "selected", "active", "disabled"])
-            F(`${w}-${$}`, [
-              `&[data-headlessui-state~="${$}"]`,
-              `:where([data-headlessui-state~="${$}"]) &`
-            ]), F(`${w}-not-${$}`, [
-              `&[data-headlessui-state]:not([data-headlessui-state~="${$}"])`,
-              `:where([data-headlessui-state]:not([data-headlessui-state~="${$}"])) &:not([data-headlessui-state])`
+        c.tailwind.plugin.withOptions(({ prefix: V = "ui" } = {}) => ({ addVariant: Q }) => {
+          for (const L of ["open", "checked", "selected", "active", "disabled"])
+            Q(`${V}-${L}`, [
+              `&[data-headlessui-state~="${L}"]`,
+              `:where([data-headlessui-state~="${L}"]) &`
+            ]), Q(`${V}-not-${L}`, [
+              `&[data-headlessui-state]:not([data-headlessui-state~="${L}"])`,
+              `:where([data-headlessui-state]:not([data-headlessui-state~="${L}"])) &:not([data-headlessui-state])`
             ]);
         })
       ]
     });
-  }, [t, c, E, A]), M(() => {
-    f && (f.textContent = `${re(n, (b) => `[data-block-id="${b}"]`).join(",")}{
+  }, [t, c, S, O]), R(() => {
+    f && (f.textContent = `${re(n, (m) => `[data-block-id="${m}"]`).join(",")}{
                 outline: 1px solid ${n.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
-  }, [n, f]), M(() => {
+  }, [n, f]), R(() => {
     if (!d) {
-      g.textContent = "";
+      v.textContent = "";
       return;
     }
-    g.textContent = `[data-block-id="${d}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
-  }, [d]), M(() => {
+    v.textContent = `[data-block-id="${d}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
+  }, [d]), R(() => {
     p && (p.textContent = i ? `[data-style-id="${i}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}` : "");
-  }, [i, n, p]), M(() => {
-    h && (h.textContent = `${re(l, ({ id: b }) => `[data-style-id="${b}"]`).join(",")}{
+  }, [i, n, p]), R(() => {
+    h && (h.textContent = `${re(l, ({ id: m }) => `[data-style-id="${m}"]`).join(",")}{
                 outline: 1px solid #42a1fc !important; outline-offset: -1px;
             }`);
-  }, [l, h]), M(() => {
-    const b = D(t, "bodyTextLightColor", "#64748b"), S = D(t, "bodyTextDarkColor", "#94a3b8"), B = D(t, "bodyBgLightColor", "#FFFFFF"), O = D(t, "bodyBgDarkColor", "#0f172a");
-    o.body.className = `font-body antialiased text-[${b}] bg-[${B}] dark:text-[${S}] dark:bg-[${O}]`;
+  }, [l, h]), R(() => {
+    const m = D(t, "bodyTextLightColor", "#64748b"), g = D(t, "bodyTextDarkColor", "#94a3b8"), I = D(t, "bodyBgLightColor", "#FFFFFF"), H = D(t, "bodyBgDarkColor", "#0f172a");
+    o.body.className = `font-body antialiased text-[${m}] bg-[${I}] dark:text-[${g}] dark:bg-[${H}]`;
   }, [t, o, e]), e === "page" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    E && /* @__PURE__ */ r.jsx(
+    S && /* @__PURE__ */ r.jsx(
       "link",
       {
         id: "heading-font",
         rel: "stylesheet",
         type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${E.replace(
+        href: `https://fonts.googleapis.com/css2?family=${S.replace(
           / /g,
           "+"
         )}:wght@300;400;500;600;700;800;900&display=swap`,
         media: "all"
       }
     ),
-    A && E !== A && /* @__PURE__ */ r.jsx(
+    O && S !== O && /* @__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=${O.replace(
           / /g,
           "+"
         )}:wght@300;400;500;600;700;800;900&display=swap`,
         media: "all"
       }
     ),
-    E && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${E}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}` })
+    S && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${S}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}` })
   ] }) : null;
-}, vr = (e) => {
+}, gr = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
-    Te(e[n]) && e[n].startsWith(Le) && (t[n] = e[n].replace(Le, "").split(","));
+    je(e[n]) && e[n].startsWith(Pe) && (t[n] = e[n].replace(Pe, "").split(","));
   }), t;
-}, xr = Bt((e) => {
+}, mr = Dt((e) => {
   const t = e.replace(it, "").split(",");
-  return Nn(t[0], t[1]);
+  return Pn(t[0], t[1]);
 });
-function br(e, t) {
+function yr(e, t) {
   return D(e, `${t}_attrs`, {});
 }
-function kr(e) {
+function vr(e) {
   const t = {};
   return Object.keys(e).forEach((n) => {
-    if (Te(e[n]) && e[n].startsWith(it)) {
-      const s = xr(e[n]);
+    if (je(e[n]) && e[n].startsWith(it)) {
+      const s = mr(e[n]);
       t[n] = {
         className: s,
         "data-style-prop": n,
         "data-block-parent": e._id,
         "data-style-id": `${n}-${e._id}`,
-        ...br(e, n)
+        ...yr(e, n)
       };
     }
   }), t;
 }
-function wr(e, t) {
+function xr(e, t) {
   const n = D(e, "_bindings", {});
-  return K(n) ? { ...e } : (_t(n, (s, i) => {
-    Te(s) && D(t, s, null) && (e[i] = D(t, s, null));
+  return z(n) ? { ...e } : (_t(n, (s, i) => {
+    je(s) && D(t, s, null) && (e[i] = D(t, s, null));
   }), e);
 }
 function we({ blocks: e }) {
-  const t = Se(), n = je((l) => kr(l), []), [s] = En(), [i] = N(G);
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: V.Children.toArray(
+  const [t] = Ce(), n = ke((l) => vr(l), []), [s] = Tn(), [i] = M(G);
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: K.Children.toArray(
     e.map((l, d) => {
       if (i === l._id)
         return null;
-      const o = vr(l), c = {};
-      K(o) || Object.keys(o).forEach((g) => {
-        c[g] = V.Children.toArray(
-          o[g].map((E) => /* @__PURE__ */ r.jsx(we, { blocks: [Ot(t, { _id: E })] }))
+      const o = gr(l), c = {};
+      z(o) || Object.keys(o).forEach((v) => {
+        c[v] = K.Children.toArray(
+          o[v].map((S) => /* @__PURE__ */ r.jsx(we, { blocks: [Bt(t, { _id: S })] }))
         );
       });
-      const p = Xe(t, { _parent: l._id });
+      const p = Je(t, { _parent: l._id });
       c.children = p.length ? /* @__PURE__ */ r.jsx(we, { blocks: p }) : null;
-      const f = at(l._type), h = D(f, "builderComponent", D(f, "component", null));
-      return At(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${l == null ? void 0 : l._type} not registered -->` }) : /* @__PURE__ */ r.jsx(Je, { children: V.createElement(h, {
+      const f = Mn(l._type), h = D(f, "builderComponent", D(f, "component", null));
+      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${l == null ? void 0 : l._type} not registered -->` }) : /* @__PURE__ */ r.jsx(Ye, { children: K.createElement(h, {
         blockProps: {
           "data-block-id": l._id,
           "data-block-type": l._type,
-          "data-dnd": Fn(f, "canAcceptBlock") ? "branch" : "leaf"
+          "data-dnd": At(f, "canAcceptBlock") ? "branch" : "leaf"
         },
         inBuilder: !0,
         index: d,
-        ...wr(l, s),
+        ...xr(l, s),
         ...n(l),
         ...c
       }) });
     })
   ) });
 }
-const jr = () => {
-  const e = Se(), t = Ee("container", null), n = K(e) ? null : /* @__PURE__ */ r.jsx(Sn, { children: /* @__PURE__ */ r.jsx(we, { blocks: Xe(e, (i) => K(i._parent)) }) }), s = t ? be(at(t).component, {}, n) : n;
-  return /* @__PURE__ */ r.jsx(Ln, { children: s });
-}, Tr = (e, t) => e.querySelector(`[data-style-id="${t}"]`), Cr = () => {
-  const [e] = N(jn), [t] = et(), [n] = Ie(), [, s] = U(), i = Tn(), [, l] = Q(), d = Oe(null), o = Oe(null), [c, p] = q({ width: 0, height: 0 }), f = Kn(c), [h, g] = q(0), [E, A] = q([]), [, b] = q([]), [, S] = N(Cn), [B, O] = X(), w = Ee("loadingCanvas", !1);
-  M(() => {
-    const { clientWidth: _, clientHeight: W } = o.current;
-    p({ width: _, height: W }), h === 0 && g(_);
+const br = () => {
+  const [e] = Ce(), t = z(e) ? null : /* @__PURE__ */ r.jsx(Cn, { children: /* @__PURE__ */ r.jsx(we, { blocks: Je(e, (n) => z(n._parent)) }) });
+  return /* @__PURE__ */ r.jsx(Rn, { children: t });
+}, wr = (e, t) => e.querySelector(`[data-style-id="${t}"]`), kr = () => {
+  const [e] = M(bn), [t] = et(), [n] = Te(), [, s] = W(), i = wn(), [, l] = X(), d = _e(null), o = _e(null), [c, p] = $({ width: 0, height: 0 }), f = qn(c), [h, v] = $(0), [S, O] = $([]), [, m] = $([]), [, g] = M(kn), [I, H] = J(), V = Ze("loadingCanvas", !1);
+  R(() => {
+    const { clientWidth: _, clientHeight: N } = o.current;
+    p({ width: _, height: N }), h === 0 && v(_);
   }, [o, n, h]);
-  const F = (_, W = 0) => {
-    const { top: H } = _.getBoundingClientRect();
-    return H + W >= 0 && H - W <= window.innerHeight;
+  const Q = (_, N = 0) => {
+    const { top: F } = _.getBoundingClientRect();
+    return F + N >= 0 && F - N <= window.innerHeight;
   };
-  M(() => {
-    var _, W;
+  R(() => {
+    var _, N;
     if (i && i.type !== "Multiple" && d.current) {
-      const H = gt(d.current.contentDocument, i._id);
-      H && (F(H) || (W = (_ = d.current) == null ? void 0 : _.contentWindow) == null || W.scrollTo({ top: H.offsetTop, behavior: "smooth" }), A([H]));
+      const F = ht(d.current.contentDocument, i._id);
+      F && (Q(F) || (N = (_ = d.current) == null ? void 0 : _.contentWindow) == null || N.scrollTo({ top: F.offsetTop, behavior: "smooth" }), O([F]));
     }
-  }, [i]), M(() => {
-    if (!K(B) && d.current) {
-      const _ = Tr(
+  }, [i]), R(() => {
+    if (!z(I) && d.current) {
+      const _ = wr(
         d.current.contentDocument,
-        ae(B).id
+        ae(I).id
       );
-      b(_ ? [_] : [null]);
+      m(_ ? [_] : [null]);
     } else
-      b([null]);
-  }, [B]);
-  const $ = It(() => {
-    let _ = Yn;
+      m([null]);
+  }, [I]);
+  const L = Ct(() => {
+    let _ = Un;
     return e === "offline" && (_ = _.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
@@ -1383,32 +1368,32 @@ const jr = () => {
     "div",
     {
       onClick: () => {
-        s([]), O([]);
+        s([]), H([]);
       },
       onMouseLeave: () => setTimeout(() => l(""), 300),
       className: "relative mx-auto overflow-hidden h-full w-full",
-      style: h > 0 && !K(f) ? { width: t ? "100%" : h } : {},
+      style: h > 0 && !z(f) ? { width: t ? "100%" : h } : {},
       ref: o,
       children: /* @__PURE__ */ r.jsxs(
-        nr,
+        Gn,
         {
-          contentDidMount: () => S(d.current),
+          contentDidMount: () => g(d.current),
           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: $,
+          initialContent: L,
           children: [
-            /* @__PURE__ */ r.jsx(hr, {}),
+            /* @__PURE__ */ r.jsx(ur, {}),
             /* @__PURE__ */ r.jsx(
-              mr,
+              fr,
               {
                 block: i,
-                selectedBlockElement: ae(E)
+                selectedBlockElement: ae(S)
               }
             ),
-            /* @__PURE__ */ r.jsx(yr, { model: "page" }),
-            /* @__PURE__ */ r.jsx(fr, { children: w ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(jr, {}) }),
+            /* @__PURE__ */ r.jsx(hr, { model: "page" }),
+            /* @__PURE__ */ r.jsx(dr, { children: V ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(br, {}) }),
             /* @__PURE__ */ r.jsx("br", {}),
             /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute bg-green-500 z-[99999] max-w-full transition-transform" })
           ]
@@ -1416,10 +1401,10 @@ const jr = () => {
       )
     }
   );
-}, Ro = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-  /* @__PURE__ */ r.jsx(zn, {}),
-  /* @__PURE__ */ r.jsx("div", { className: "relative h-full overflow-hidden bg-slate-800/90 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] px-2", children: /* @__PURE__ */ r.jsx(Je, { fallback: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Dn, { children: /* @__PURE__ */ r.jsx(Cr, {}) }) }) })
+}, Bo = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
+  /* @__PURE__ */ r.jsx(Hn, {}),
+  /* @__PURE__ */ r.jsx("div", { className: "relative h-full overflow-hidden bg-slate-800/90 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] px-2", children: /* @__PURE__ */ r.jsx(Ye, { fallback: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(En, { children: /* @__PURE__ */ r.jsx(kr, {}) }) }) })
 ] });
 export {
-  Ro as default
+  Bo as default
 };