@chaibuilder/sdk 1.2.15 → 1.2.17

package/dist/{CanvasArea-TR5t1xxh.js → CanvasArea-T1XNnB7d.js}

@@ -4,15 +4,15 @@ var Y = (e, t, n) => (jt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { j as r } from "./jsx-runtime-WbnYoNE9.js";
 import K, { createElement as _e, useCallback as ke, useState as $, useEffect as R, Component as Ye, Children as Tt, Suspense as Ke, useRef as Be, useMemo as Ct } from "react";
 import { map as re, includes as Oe, toUpper as pe, round as Et, throttle as Je, 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 Ve, isNull as Ot, has as At } from "lodash-es";
-import { ResetIcon as Ae, MobileIcon as Re, 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 Ge, B as le, U as Qe, az as Ut, aA as qt, aB as zt, aC as Yt, aD as Kt, M as Te, ab as Jt, i as Ce, aE as Vt, aF as Gt, aG as Qt, aH as Xt, aI as Zt, aJ as en, aK as tn, j as W, ac 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, ai as un, N as Xe, ay as ie, aL as pn, X, a4 as fn, aM as Z, s as Ee, l as Ze, h as et, k as tt, a9 as hn, aN as gn, aO as nt, aP as mn, aQ as yn, t as vn, aR as xn, a0 as bn, aS as wn, S as rt } from "./index-QGA4ayU7.js";
+import { ResetIcon as Ae, MobileIcon as Re, 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 qt } from "@radix-ui/react-icons";
+import { v as Qe, B as le, V as Ze, aB as Ht, aC as Ut, aD as zt, aE as Yt, aF as Kt, N as Te, ab as Jt, h as Ce, aG as Vt, aH as Qt, aI as Zt, aJ as Gt, aK as Xt, aL as en, aM as tn, r as W, ac as J, A as nn, a as rn, b as on, c as sn, d as an, e as ln, f as cn, g as dn, ai as un, O as Ge, aA as ie, aN as pn, Y as G, a5 as fn, aO as X, E as Ee, t as Xe, q as et, s as tt, z as hn, aP as gn, aQ as nt, aR as mn, aS as yn, F as vn, aT as xn, a1 as bn, aU as wn, S as rt } from "./index-MaXiXghQ.js";
 import { useTranslation as de } from "react-i18next";
 import { useAtom as M } from "jotai";
 import Pe from "react-dom";
 import { g as kn } from "./_commonjsHelpers-UyOWmZb0.js";
-import { r as ot, u as jn, B as Tn, E as Cn } from "./index-nrRnwUaC.js";
+import { r as ot, u as jn, B as Tn, E as Cn } from "./index-eyVVbA05.js";
 import { Quill as En } from "react-quill";
-import { u as In } from "./useAddBlockByDrop-Y-g4O8UC.js";
+import { u as In } from "./useAddBlockByDrop-vGme3brY.js";
 import { useFeature as st } from "flagged";
 import { flip as Sn } from "@floating-ui/dom";
 import { useFloating as Dn, shift as _n } from "@floating-ui/react-dom";
@@ -20,14 +20,14 @@ import { useResizeObserver as Bn } from "@react-hookz/web";
 import { tailwindcssPaletteGenerator as On } from "@bobthered/tailwindcss-palette-generator";
 import { Provider as An } from "react-wrap-balancer";
 import { twMerge as Rn } from "tailwind-merge";
-import { S as Me, a as it } from "./MODIFIERS-RiXS5Mn1.js";
+import { S as Me, a as it } from "./MODIFIERS-WQdaNvb8.js";
 import { getBlockComponent as Pn } from "@chaibuilder/runtime";
 import "./Functions-7jnEwJyw.js";
 import "clsx";
 import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./Class-17XFhL48.js";
+import "./Class-3k8xjeiM.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -52,25 +52,19 @@ import "react-textarea-autosize";
 import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
-import "sonner";
-import "./html-to-json-57841sEK.js";
-import "himalaya";
-import "lucide-react";
-import "./web-blocks.js";
-import "./empty-slot-5FRrRq1E.js";
 const Mn = () => {
-  const { hasUndo: e, hasRedo: t, undo: n, redo: s } = Ge();
+  const { hasUndo: e, hasRedo: t, undo: n, redo: s } = Qe();
   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(Ae, {}) }),
     /* @__PURE__ */ r.jsx(le, { disabled: !t(), onClick: s, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
 function Ln() {
-  const [e, t] = Qe(), { t: n } = de();
+  const [e, t] = Ze(), { t: n } = de();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(Ut, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
+    /* @__PURE__ */ r.jsx(Ht, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
     /* @__PURE__ */ r.jsxs(
-      qt,
+      Ut,
       {
         id: "dark-mode-switch",
         checked: e,
@@ -195,10 +189,10 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       (o) => /* @__PURE__ */ _e(Ne, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
     ),
     /* @__PURE__ */ r.jsxs(Vt, { children: [
-      /* @__PURE__ */ r.jsx(Gt, { 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(Qt, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ r.jsx(Xt, { children: i("Breakpoints") }),
-        /* @__PURE__ */ r.jsx(Zt, {}),
+      /* @__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(Gt, { children: i("Breakpoints") }),
+        /* @__PURE__ */ r.jsx(Xt, {}),
         re(l, (o) => /* @__PURE__ */ r.jsx(
           en,
           {
@@ -234,7 +228,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     ] })
   ] }) });
 }, Wn = () => {
-  const e = Ce("darkMode", !1), [t] = Xe();
+  const e = Ce("darkMode", !1), [t] = Ge();
   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: [
@@ -259,12 +253,12 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       /* @__PURE__ */ r.jsx($n, {})
     ] })
   ] });
-}, Hn = `<!doctype html>
+}, qn = `<!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"><\/script>
     <style>
     html { height: 100%; overflow:auto; }
     body { height: 100%; }
@@ -307,8 +301,8 @@ const Le = ({ 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>`, Un = (e) => {
-  const [t] = Te(), [, n] = Xe(), [s, i] = $({}), l = ke(() => {
+</html>`, Hn = (e) => {
+  const [t] = Te(), [, n] = Ge(), [s, i] = $({}), l = ke(() => {
     const { width: d, height: o } = e;
     if (d < t) {
       const c = parseFloat((d / t).toFixed(2).toString());
@@ -339,7 +333,7 @@ object-assign
 @license MIT
 */
 var fe, Fe;
-function qn() {
+function Un() {
   if (Fe)
     return fe;
   Fe = 1;
@@ -397,11 +391,11 @@ var ge, We;
 function at() {
   return We || (We = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
 }
-var me, He;
+var me, qe;
 function zn() {
-  if (He)
+  if (qe)
     return me;
-  He = 1;
+  qe = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
@@ -447,12 +441,12 @@ function zn() {
     process.env.NODE_ENV !== "production" && (n = {});
   }, me = i, me;
 }
-var ye, Ue;
+var ye, He;
 function Yn() {
-  if (Ue)
+  if (He)
     return ye;
-  Ue = 1;
-  var e = ot, t = qn(), n = Ie(), s = at(), i = zn(), l = function() {
+  He = 1;
+  var e = ot, t = Un(), n = Ie(), s = at(), i = zn(), l = function() {
   };
   process.env.NODE_ENV !== "production" && (l = function(o) {
     var c = "Warning: " + o;
@@ -481,9 +475,9 @@ function Yn() {
       object: I("object"),
       string: I("string"),
       symbol: I("symbol"),
-      any: H(),
+      any: q(),
       arrayOf: V,
-      element: G(),
+      element: Q(),
       elementType: L(),
       instanceOf: _,
       node: mt(),
@@ -511,11 +505,11 @@ function Yn() {
             );
             throw B.name = "Invariant Violation", B;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Q = T + ":" + w;
-            !u[Q] && // Avoid spamming the console because they are often not actionable except for lib authors
+            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[Q] = !0, k++);
+            ), u[Z] = !0, k++);
           }
         }
         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);
@@ -525,7 +519,7 @@ function Yn() {
     }
     function I(a) {
       function u(k, b, y, j, x, w) {
-        var T = k[b], E = U(T);
+        var T = k[b], E = H(T);
         if (E !== a) {
           var C = ee(T);
           return new m(
@@ -537,7 +531,7 @@ function Yn() {
       }
       return g(u);
     }
-    function H() {
+    function q() {
       return g(d);
     }
     function V(a) {
@@ -546,7 +540,7 @@ function Yn() {
           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);
+          var T = H(w);
           return new m("Invalid " + j + " `" + x + "` of type " + ("`" + T + "` supplied to `" + y + "`, expected an array."));
         }
         for (var E = 0; E < w.length; E++) {
@@ -558,11 +552,11 @@ function Yn() {
       }
       return g(u);
     }
-    function G() {
+    function Q() {
       function a(u, k, b, y, j) {
         var x = u[k];
         if (!o(x)) {
-          var w = U(x);
+          var w = H(x);
           return new m("Invalid " + y + " `" + j + "` of type " + ("`" + w + "` supplied to `" + b + "`, expected a single ReactElement."));
         }
         return null;
@@ -573,7 +567,7 @@ function Yn() {
       function a(u, k, b, y, j) {
         var x = u[k];
         if (!e.isValidElementType(x)) {
-          var w = U(x);
+          var w = H(x);
           return new m("Invalid " + y + " `" + j + "` of type " + ("`" + w + "` supplied to `" + b + "`, expected a single ReactElement type."));
         }
         return null;
@@ -600,8 +594,8 @@ function Yn() {
           if (O(w, a[T]))
             return null;
         var E = JSON.stringify(a, function(P, B) {
-          var Q = ee(B);
-          return Q === "symbol" ? String(B) : B;
+          var Z = ee(B);
+          return Z === "symbol" ? String(B) : B;
         });
         return new m("Invalid " + j + " `" + x + "` of value `" + String(w) + "` " + ("supplied to `" + y + "`, expected one of " + E + "."));
       }
@@ -611,7 +605,7 @@ function Yn() {
       function u(k, b, y, j, x) {
         if (typeof a != "function")
           return new m("Property `" + x + "` of component `" + y + "` has invalid PropType notation inside objectOf.");
-        var w = k[b], T = U(w);
+        var w = k[b], T = H(w);
         if (T !== "object")
           return new m("Invalid " + j + " `" + x + "` of type " + ("`" + T + "` supplied to `" + y + "`, expected an object."));
         for (var E in w)
@@ -641,8 +635,8 @@ function Yn() {
             return null;
           B.data && s(B.data, "expectedType") && E.push(B.data.expectedType);
         }
-        var Q = E.length > 0 ? ", expected one of type [" + E.join(", ") + "]" : "";
-        return new m("Invalid " + w + " `" + T + "` supplied to " + ("`" + x + "`" + Q + "."));
+        var Z = E.length > 0 ? ", expected one of type [" + E.join(", ") + "]" : "";
+        return new m("Invalid " + w + " `" + T + "` supplied to " + ("`" + x + "`" + Z + "."));
       }
       return g(b);
     }
@@ -659,7 +653,7 @@ function Yn() {
     }
     function yt(a) {
       function u(k, b, y, j, x) {
-        var w = k[b], T = U(w);
+        var w = k[b], T = H(w);
         if (T !== "object")
           return new m("Invalid " + j + " `" + x + "` of type `" + T + "` " + ("supplied to `" + y + "`, expected `object`."));
         for (var E in a) {
@@ -676,7 +670,7 @@ function Yn() {
     }
     function vt(a) {
       function u(k, b, y, j, x) {
-        var w = k[b], T = U(w);
+        var w = k[b], T = H(w);
         if (T !== "object")
           return new m("Invalid " + j + " `" + x + "` of type `" + T + "` " + ("supplied to `" + y + "`, expected `object`."));
         var E = t({}, k[b], a);
@@ -733,14 +727,14 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
     function xt(a, u) {
       return a === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
     }
-    function U(a) {
+    function H(a) {
       var u = typeof a;
       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 = U(a);
+      var u = H(a);
       if (u === "object") {
         if (a instanceof Date)
           return "date";
@@ -769,11 +763,11 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
     return S.checkPropTypes = i, S.resetWarningCache = i.resetWarningCache, S.PropTypes = S, S;
   }, ye;
 }
-var ve, qe;
+var ve, Ue;
 function Kn() {
-  if (qe)
+  if (Ue)
     return ve;
-  qe = 1;
+  Ue = 1;
   var e = Ie();
   function t() {
   }
@@ -818,18 +812,18 @@ function Kn() {
     return l.PropTypes = l, l;
   }, ve;
 }
-var Io = ce.exports;
+var wo = ce.exports;
 if (process.env.NODE_ENV !== "production") {
   var Jn = ot, Vn = !0;
   ce.exports = Yn()(Jn.isElement, Vn);
 } else
   ce.exports = Kn()();
-var Gn = ce.exports;
-const A = /* @__PURE__ */ kn(Gn);
+var Qn = ce.exports;
+const A = /* @__PURE__ */ kn(Qn);
 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: Qn, Consumer: So } = dt;
+const dt = K.createContext({ document: lt, window: ct }), ue = () => K.useContext(dt), { Provider: Zn, Consumer: ko } = dt;
 class ut extends Ye {
   componentDidMount() {
     this.props.contentDidMount();
@@ -883,7 +877,7 @@ class be extends Ye {
     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(ut, { contentDidMount: s, contentDidUpdate: i, children: /* @__PURE__ */ r.jsx(Qn, { value: { document: n, window: l }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), o = this.getMountTarget();
+    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(Zn, { value: { document: n, window: l }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), o = this.getMountTarget();
     return [Pe.createPortal(this.props.head, this.getDoc().head), Pe.createPortal(d, o)];
   }
   render() {
@@ -920,16 +914,16 @@ Y(be, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const Xn = K.forwardRef((e, t) => /* @__PURE__ */ r.jsx(be, { ...e, forwardedRef: t }));
-let q = null, oe = [], ne = null, pt = null;
-function Zn(e) {
+const Gn = K.forwardRef((e, t) => /* @__PURE__ */ r.jsx(be, { ...e, forwardedRef: t }));
+let U = null, oe = [], ne = null, pt = null;
+function Xn(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 ze = (e, t, n) => {
-  if (!q)
+  if (!U)
     return;
-  const s = e.getBoundingClientRect(), i = q == null ? void 0 : q.getElementById("placeholder"), { paddingLeft: l, paddingTop: d, paddingRight: o, paddingBottom: c } = Zn(e);
+  const s = e.getBoundingClientRect(), i = U == null ? void 0 : U.getElementById("placeholder"), { paddingLeft: l, paddingTop: d, paddingRight: o, paddingBottom: c } = Xn(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
@@ -971,12 +965,12 @@ const tr = Je((e) => {
   e.preventDefault(), e.stopPropagation(), tr(e);
 };
 function xe() {
-  const e = q == null ? void 0 : q.getElementById("placeholder");
+  const e = U == null ? void 0 : U.getElementById("placeholder");
   e.style.display = "none";
 }
 const rr = () => {
-  const { document: e } = ue(), [t, n] = M(pn), s = In(), i = st("dnd"), [, l] = X(), [, d] = W();
-  return q = e, {
+  const { document: e } = ue(), [t, n] = M(pn), s = In(), i = st("dnd"), [, l] = G(), [, d] = W();
+  return U = e, {
     isDragging: t,
     "data-dnd": "branch",
     onDragOver: i ? nr : te,
@@ -1012,7 +1006,7 @@ function or(e) {
   t && t.parentNode.removeChild(t), e = null;
 }
 const sr = () => {
-  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = fn(), [, n] = X(), [s, i] = M(Z);
+  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = fn(), [, n] = G(), [s, i] = M(X);
   return (l) => {
     var h;
     if (s)
@@ -1032,7 +1026,7 @@ const sr = () => {
     c.addEventListener("blur", f, !0), p.focus(), (h = c.querySelector(".ql-clipboard")) == null || h.remove(), i(d.getAttribute("data-block-id"));
   };
 }, ir = () => {
-  const [, e] = J(), [, t] = W(), [n] = M(Z);
+  const [, e] = J(), [, t] = W(), [n] = M(X);
   return (s) => {
     if (n)
       return;
@@ -1048,7 +1042,7 @@ const sr = () => {
   const n = Se(e.target);
   n != null && n.getAttribute("data-style-id") && t(n.getAttribute("data-style-id"));
 }, 100), lr = () => {
-  const [, e] = X(), [t] = M(Z);
+  const [, e] = G(), [t] = M(X);
   return (n) => {
     t || ar(n, e);
   };
@@ -1083,7 +1077,7 @@ const sr = () => {
     }
   );
 }, ht = (e, t) => e.querySelector(`[data-block-id="${t}"]`), dr = () => {
-  const { window: e } = ue(), [t, n] = W(), [s] = Ee(), [, i] = J(), { undo: l, redo: d } = Ge(), o = Ze(), [, c] = et(), p = tt(), { savePage: f } = hn(), [h] = M(Z), [, v] = M(gn), S = (m) => {
+  const { window: e } = ue(), [t, n] = W(), [s] = Ee(), [, i] = J(), { undo: l, redo: d } = Qe(), o = Xe(), [, c] = et(), p = tt(), { savePage: f } = hn(), [h] = M(X), [, v] = M(gn), S = (m) => {
     m.key === "Enter" && (m.preventDefault(), t.length === 1 && v(ae(t)));
   }, O = (m) => {
     const g = s.find((I) => I._id === m);
@@ -1114,7 +1108,7 @@ const sr = () => {
     };
   }, [t, n, l, p, c, d, o, h, f, e]), null;
 }, ur = ({ block: e, label: t }) => {
-  const [, n] = W(), [, s] = X(), [, i] = M(nt), l = st("dnd");
+  const [, n] = W(), [, s] = G(), [, i] = M(nt), l = st("dnd");
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1132,7 +1126,7 @@ const sr = () => {
     }
   );
 }, pr = ({ selectedBlockElement: e, block: t }) => {
-  const n = tt(), s = Ze(), [, i] = W(), [, l] = J(), [d] = M(Z), { floatingStyles: o, refs: c, update: p } = Dn({
+  const n = tt(), s = Xe(), [, i] = W(), [, l] = J(), [d] = M(X), { floatingStyles: o, refs: c, update: p } = Dn({
     placement: "top-start",
     middleware: [_n(), Sn()],
     elements: {
@@ -1166,13 +1160,13 @@ const sr = () => {
             }
           ),
           mn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Wt, { className: "hover:scale-105", onClick: () => s([t == null ? void 0 : t._id]) }) : null,
-          yn(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(qt, { className: "hover:scale-105", onClick: () => n([t == null ? void 0 : t._id]) }) : null
         ] })
       ]
     }
   );
 }, fr = ({ model: e }) => {
-  const [t] = vn(), [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] = $(
+  const [t] = vn(), [n] = W(), [s] = Ze(), [i] = G(), [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] = $(
     o == null ? void 0 : o.getElementById("selected-styling-block")
@@ -1187,7 +1181,7 @@ const sr = () => {
       names: ["primary", "secondary"]
     });
     I.primary.DEFAULT = m, I.secondary.DEFAULT = g;
-    const H = D(t, "roundedCorners", "0");
+    const q = D(t, "roundedCorners", "0");
     !c || !c.tailwind || (c.tailwind.config = {
       darkMode: "class",
       theme: {
@@ -1197,19 +1191,19 @@ const sr = () => {
         },
         extend: {
           borderRadius: {
-            global: `${H || "0"}px`
+            global: `${q || "0"}px`
           },
           colors: I
         }
       },
       plugins: [
         // @ts-ignore
-        c.tailwind.plugin.withOptions(({ prefix: V = "ui" } = {}) => ({ addVariant: G }) => {
+        c.tailwind.plugin.withOptions(({ prefix: V = "ui" } = {}) => ({ addVariant: Q }) => {
           for (const L of ["open", "checked", "selected", "active", "disabled"])
-            G(`${V}-${L}`, [
+            Q(`${V}-${L}`, [
               `&[data-headlessui-state~="${L}"]`,
               `:where([data-headlessui-state~="${L}"]) &`
-            ]), G(`${V}-not-${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])`
             ]);
@@ -1233,8 +1227,8 @@ const sr = () => {
                 outline: 1px solid #42a1fc !important; outline-offset: -1px;
             }`);
   }, [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}]`;
+    const m = D(t, "bodyTextLightColor", "#64748b"), g = D(t, "bodyTextDarkColor", "#94a3b8"), I = D(t, "bodyBgLightColor", "#FFFFFF"), q = D(t, "bodyBgDarkColor", "#0f172a");
+    o.body.className = `font-body antialiased text-[${m}] bg-[${I}] dark:text-[${g}] dark:bg-[${q}]`;
   }, [t, o, e]), e === "page" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     S && /* @__PURE__ */ r.jsx(
       "link",
@@ -1298,7 +1292,7 @@ function vr(e, t) {
   }), e);
 }
 function we({ blocks: e }) {
-  const [t] = Ee(), n = ke((l) => yr(l), []), [s] = jn(), [i] = M(Z);
+  const [t] = Ee(), n = ke((l) => yr(l), []), [s] = jn(), [i] = M(X);
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: K.Children.toArray(
     e.map((l, d) => {
       if (i === l._id)
@@ -1331,12 +1325,12 @@ const xr = () => {
   const [e] = Ee(), t = z(e) ? null : /* @__PURE__ */ r.jsx(Tn, { children: /* @__PURE__ */ r.jsx(we, { blocks: Ve(e, (n) => z(n._parent)) }) });
   return /* @__PURE__ */ r.jsx(An, { children: t });
 }, br = (e, t) => e.querySelector(`[data-style-id="${t}"]`), wr = () => {
-  const [e] = M(xn), [t] = et(), [n] = Te(), [, s] = W(), i = bn(), [, l] = X(), d = Be(null), o = Be(null), [c, p] = $({ width: 0, height: 0 }), f = Un(c), [h, v] = $(0), [S, O] = $([]), [, m] = $([]), [, g] = M(wn), [I, H] = J(), V = Ce("loadingCanvas", !1);
+  const [e] = M(xn), [t] = et(), [n] = Te(), [, s] = W(), i = bn(), [, l] = G(), d = Be(null), o = Be(null), [c, p] = $({ width: 0, height: 0 }), f = Hn(c), [h, v] = $(0), [S, O] = $([]), [, m] = $([]), [, g] = M(wn), [I, q] = J(), V = Ce("loading", !1);
   R(() => {
     const { clientWidth: _, clientHeight: N } = o.current;
     p({ width: _, height: N }), h === 0 && v(_);
   }, [o, n, h]);
-  const G = (_, N = 0) => {
+  const Q = (_, N = 0) => {
     const { top: F } = _.getBoundingClientRect();
     return F + N >= 0 && F - N <= window.innerHeight;
   };
@@ -1344,7 +1338,7 @@ const xr = () => {
     var _, N;
     if (i && i.type !== "Multiple" && d.current) {
       const F = ht(d.current.contentDocument, i._id);
-      F && (G(F) || (N = (_ = d.current) == null ? void 0 : _.contentWindow) == null || N.scrollTo({ top: F.offsetTop, behavior: "smooth" }), O([F]));
+      F && (Q(F) || (N = (_ = d.current) == null ? void 0 : _.contentWindow) == null || N.scrollTo({ top: F.offsetTop, behavior: "smooth" }), O([F]));
     }
   }, [i]), R(() => {
     if (!z(I) && d.current) {
@@ -1357,7 +1351,7 @@ const xr = () => {
       m([null]);
   }, [I]);
   const L = Ct(() => {
-    let _ = Hn;
+    let _ = qn;
     return e === "offline" && (_ = _.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
@@ -1367,14 +1361,14 @@ const xr = () => {
     "div",
     {
       onClick: () => {
-        s([]), H([]);
+        s([]), q([]);
       },
       onMouseLeave: () => setTimeout(() => l(""), 300),
-      className: "relative mx-auto overflow-hidden h-full w-full",
+      className: "relative mx-auto h-full w-full overflow-hidden",
       style: h > 0 && !z(f) ? { width: t ? "100%" : h } : {},
       ref: o,
       children: /* @__PURE__ */ r.jsxs(
-        Xn,
+        Gn,
         {
           contentDidMount: () => g(d.current),
           ref: d,
@@ -1394,16 +1388,16 @@ const xr = () => {
             /* @__PURE__ */ r.jsx(fr, { model: "page" }),
             /* @__PURE__ */ r.jsx(cr, { children: V ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(xr, {}) }),
             /* @__PURE__ */ r.jsx("br", {}),
-            /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute bg-green-500 z-[99999] max-w-full transition-transform" })
+            /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute z-[99999] max-w-full bg-green-500 transition-transform" })
           ]
         }
       )
     }
   );
-}, Do = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
+}, jo = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
   /* @__PURE__ */ r.jsx(Wn, {}),
   /* @__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(Ke, { fallback: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Cn, { children: /* @__PURE__ */ r.jsx(wr, {}) }) }) })
 ] });
 export {
-  Do as default
+  jo as default
 };