@chaibuilder/sdk 1.2.38 → 1.2.39

package/dist/{CanvasArea-WJYJtUFt.js → CanvasArea-iN0LxF74.js}

@@ -1,30 +1,30 @@
-var Fe = Object.defineProperty;
-var Pe = (o, s, e) => s in o ? Fe(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
-var A = (o, s, e) => (Pe(o, typeof s != "symbol" ? s + "" : s, e), e);
+var Pe = Object.defineProperty;
+var He = (o, s, e) => s in o ? Pe(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
+var _ = (o, s, e) => (He(o, typeof s != "symbol" ? s + "" : s, e), e);
 import { j as r } from "./jsx-runtime-WbnYoNE9.js";
-import _, { createElement as se, useCallback as P, useState as j, useEffect as k, Component as ue, Children as He, Suspense as he, useRef as ne, useMemo as Oe } from "react";
-import { map as F, includes as oe, toUpper as Y, round as ze, noop as T, has as Q, throttle as me, isEmpty as S, first as U, omit as Ue, pick as We, get as f, isString as G, memoize as qe, each as Ke, find as Ye, filter as ge, isNull as Je } from "lodash-es";
-import { ResetIcon as re, MobileIcon as ie, LaptopIcon as Qe, DesktopIcon as Ze, DotsVerticalIcon as Xe, EraserIcon as Ge, ZoomInIcon as Ve, DragHandleDots2Icon as et, ArrowUpIcon as tt, CopyIcon as st, TrashIcon as nt } from "@radix-ui/react-icons";
-import { j as fe, B as W, v as xe, aq as ve, ar as $e, as as ot, at as rt, au as it, o as V, X as at, h as O, av as lt, aw as ct, ax as dt, ay as pt, az as ut, aA as ht, aB as mt, L as C, Y as N, A as gt, a as ft, b as xt, c as vt, d as $t, e as yt, f as bt, g as kt, a3 as wt, aC as jt, p as ye, ap as z, m as Ct, aD as Bt, z as M, Q as St, aE as L, aF as It, i as ee, w as be, E as ke, H as we, V as Dt, aG as At, aH as je, aI as _t, aJ as Nt, F as Mt, aK as Et, aL as Tt, aM as Lt, M as Rt, aN as Ft, ah as Ce, a2 as Pt } from "./ChaiBuilderEditor-vzyVasJe.js";
+import A, { createElement as se, useCallback as H, useState as j, useEffect as k, Component as ue, Children as Oe, Suspense as he, useRef as ne, useMemo as ze } from "react";
+import { map as P, includes as oe, toUpper as Y, round as Ue, noop as T, has as Q, throttle as me, isEmpty as D, first as U, omit as We, pick as qe, get as f, isString as G, memoize as Ke, each as Ye, find as Je, filter as ge, isNull as Qe } from "lodash-es";
+import { ResetIcon as re, MobileIcon as ie, LaptopIcon as Ze, DesktopIcon as Xe, DotsVerticalIcon as Ge, EraserIcon as Ve, ZoomInIcon as et, DragHandleDots2Icon as tt, ArrowUpIcon as st, CopyIcon as nt, TrashIcon as ot } from "@radix-ui/react-icons";
+import { j as fe, B as W, v as xe, aq as ve, ar as $e, as as rt, at as it, au as at, o as V, X as lt, h as L, av as ct, aw as dt, ax as pt, ay as ut, az as ht, aA as mt, aB as gt, L as C, Y as N, A as ft, a as xt, b as vt, c as $t, d as yt, e as bt, f as kt, g as wt, a3 as jt, aC as Ct, p as ye, ap as z, m as Bt, aD as Dt, z as M, Q as It, aE as R, aF as St, i as ee, w as be, E as ke, H as we, V as _t, aG as At, aH as je, aI as Nt, aJ as Mt, F as Et, aK as Tt, aL as Lt, aM as Rt, M as Ft, aN as Pt, ah as Ce, a2 as Ht } from "./ChaiBuilderEditor-JnZFji5_.js";
 import { useTranslation as q } from "react-i18next";
 import { useAtom as y } from "jotai";
-import { SparklesIcon as Ht } from "lucide-react";
+import { SparklesIcon as Ot } from "lucide-react";
 import ae from "react-dom";
 import b from "prop-types";
-import { Quill as Ot } from "react-quill";
+import { Quill as zt } from "react-quill";
 import { useFeature as Be } from "flagged";
-import { flip as zt } from "@floating-ui/dom";
-import { useFloating as Ut, shift as Wt } from "@floating-ui/react-dom";
-import { useResizeObserver as qt } from "@react-hookz/web";
-import Kt from "@tailwindcss/typography";
-import Yt from "@tailwindcss/forms";
-import Jt from "@tailwindcss/aspect-ratio";
-import Qt from "tailwindcss-palette-generator";
-import { Provider as Zt } from "react-wrap-balancer";
-import { twMerge as Xt } from "tailwind-merge";
-import { S as le, a as Se } from "./STRINGS--j49GZJP.js";
-import { getBlockComponent as Gt } from "@chaibuilder/runtime";
-import { u as Vt } from "./useCanvasSettings-_EzUaA9P.js";
+import { flip as Ut } from "@floating-ui/dom";
+import { useFloating as Wt, shift as qt } from "@floating-ui/react-dom";
+import { useResizeObserver as Kt } from "@react-hookz/web";
+import Yt from "@tailwindcss/typography";
+import Jt from "@tailwindcss/forms";
+import Qt from "@tailwindcss/aspect-ratio";
+import Zt from "tailwindcss-palette-generator";
+import { Provider as Xt } from "react-wrap-balancer";
+import { twMerge as Gt } from "tailwind-merge";
+import { S as le, a as De } from "./STRINGS--j49GZJP.js";
+import { getBlockComponent as Vt } from "@chaibuilder/runtime";
+import { u as es } from "./useCanvasSettings-6lwRwexD.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
 import "@radix-ui/react-scroll-area";
@@ -53,15 +53,14 @@ import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-hotkeys-hook";
-import "lodash";
-const es = () => {
+const ts = () => {
   const { hasUndo: o, hasRedo: s, undo: e, redo: t } = fe();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ r.jsx(W, { disabled: !o(), size: "sm", onClick: e, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(re, {}) }),
     /* @__PURE__ */ r.jsx(W, { disabled: !s(), onClick: t, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(re, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
-function ts() {
+function ss() {
   const [o, s] = xe(), { t: e } = q();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ r.jsx(ve, { htmlFor: "dark-mode-switch", children: e("dark_mode") }),
@@ -113,7 +112,7 @@ const ce = ({ landscape: o = !1 }) => /* @__PURE__ */ r.jsxs(
       )
     ]
   }
-), ss = [
+), ns = [
   {
     title: "mobile_xs_title",
     content: "mobile_xs_content",
@@ -146,14 +145,14 @@ const ce = ({ landscape: o = !1 }) => /* @__PURE__ */ r.jsxs(
     title: "desktop_xl_title",
     content: "desktop_xl_content",
     breakpoint: "xl",
-    icon: /* @__PURE__ */ r.jsx(Qe, {}),
+    icon: /* @__PURE__ */ r.jsx(Ze, {}),
     width: 1420
   },
   {
     title: "large_desktop_2xl_title",
     content: "large_desktop_2xl_content",
     breakpoint: "2xl",
-    icon: /* @__PURE__ */ r.jsx(Ze, {}),
+    icon: /* @__PURE__ */ r.jsx(Xe, {}),
     width: 1920
   }
 ], de = ({
@@ -166,8 +165,8 @@ const ce = ({ landscape: o = !1 }) => /* @__PURE__ */ r.jsxs(
   onClick: a
 }) => {
   const { t: i } = q();
-  return /* @__PURE__ */ r.jsxs(ot, { children: [
-    /* @__PURE__ */ r.jsx(rt, { asChild: !0, children: /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ r.jsxs(rt, { children: [
+    /* @__PURE__ */ r.jsx(it, { asChild: !0, children: /* @__PURE__ */ r.jsx(
       W,
       {
         onClick: () => a(n),
@@ -176,27 +175,27 @@ const ce = ({ landscape: o = !1 }) => /* @__PURE__ */ r.jsxs(
         children: d
       }
     ) }),
-    /* @__PURE__ */ r.jsx(it, { className: "w-52 border-border", children: /* @__PURE__ */ r.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ r.jsx(at, { className: "w-52 border-border", children: /* @__PURE__ */ r.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ r.jsx("h4", { className: "text-sm font-semibold", children: i(o) }),
       /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: i(s) })
     ] }) }) })
   ] });
-}, ns = () => {
-  const [, o, s] = V(), [e, t] = at(), { t: n } = q(), d = O("breakpoints", ss), a = (i) => {
+}, os = () => {
+  const [, o, s] = V(), [e, t] = lt(), { t: n } = q(), d = L("breakpoints", ns), a = (i) => {
     e.includes(i) ? e.length > 2 && t(e.filter((l) => l !== i)) : t((l) => [...l, i]);
   };
-  return d.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: F(d, (i) => /* @__PURE__ */ se(de, { ...i, onClick: s, key: i.breakpoint, currentBreakpoint: o })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
-    F(
+  return d.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: P(d, (i) => /* @__PURE__ */ se(de, { ...i, onClick: s, key: i.breakpoint, currentBreakpoint: o })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
+    P(
       d.filter((i) => oe(e, Y(i.breakpoint))),
       (i) => /* @__PURE__ */ se(de, { ...i, onClick: s, key: i.breakpoint, currentBreakpoint: o })
     ),
-    /* @__PURE__ */ r.jsxs(lt, { children: [
-      /* @__PURE__ */ r.jsx(ct, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Xe, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ r.jsxs(dt, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ r.jsx(pt, { children: n("Breakpoints") }),
-        /* @__PURE__ */ r.jsx(ut, {}),
-        F(d, (i) => /* @__PURE__ */ r.jsx(
-          ht,
+    /* @__PURE__ */ r.jsxs(ct, { children: [
+      /* @__PURE__ */ r.jsx(dt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Ge, { className: "scale-90 transform" }) }) }),
+      /* @__PURE__ */ r.jsxs(pt, { className: "w-56 border-border text-xs", children: [
+        /* @__PURE__ */ r.jsx(ut, { children: n("Breakpoints") }),
+        /* @__PURE__ */ r.jsx(ht, {}),
+        P(d, (i) => /* @__PURE__ */ r.jsx(
+          mt,
           {
             disabled: i.breakpoint === "xs",
             onCheckedChange: () => a(Y(i.breakpoint)),
@@ -208,32 +207,32 @@ const ce = ({ landscape: o = !1 }) => /* @__PURE__ */ r.jsxs(
       ] })
     ] })
   ] });
-}, os = () => {
-  const { t: o } = q(), { setNewBlocks: s } = mt(), [, e] = C(), [, t] = N(), n = P(() => {
+}, rs = () => {
+  const { t: o } = q(), { setNewBlocks: s } = gt(), [, e] = C(), [, t] = N(), n = H(() => {
     s([]), e([]), t([]);
   }, [s]);
-  return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(gt, { children: [
-    /* @__PURE__ */ r.jsx(ft, { asChild: !0, children: /* @__PURE__ */ r.jsxs(W, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ r.jsx(Ge, {}),
+  return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(ft, { children: [
+    /* @__PURE__ */ r.jsx(xt, { asChild: !0, children: /* @__PURE__ */ r.jsxs(W, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
+      /* @__PURE__ */ r.jsx(Ve, {}),
       " ",
       o("clear")
     ] }) }),
-    /* @__PURE__ */ r.jsxs(xt, { className: "border-border", children: [
-      /* @__PURE__ */ r.jsxs(vt, { children: [
-        /* @__PURE__ */ r.jsx($t, { children: o("clear_canvas_title") }),
-        /* @__PURE__ */ r.jsx(yt, { children: o("clear_canvas_description") })
+    /* @__PURE__ */ r.jsxs(vt, { className: "border-border", children: [
+      /* @__PURE__ */ r.jsxs($t, { children: [
+        /* @__PURE__ */ r.jsx(yt, { children: o("clear_canvas_title") }),
+        /* @__PURE__ */ r.jsx(bt, { children: o("clear_canvas_description") })
       ] }),
-      /* @__PURE__ */ r.jsxs(bt, { children: [
-        /* @__PURE__ */ r.jsx(kt, { children: o("cancel") }),
-        /* @__PURE__ */ r.jsx(wt, { onClick: n, children: o("yes") })
+      /* @__PURE__ */ r.jsxs(kt, { children: [
+        /* @__PURE__ */ r.jsx(wt, { children: o("cancel") }),
+        /* @__PURE__ */ r.jsx(jt, { onClick: n, children: o("yes") })
       ] })
     ] })
   ] }) });
-}, rs = () => {
-  const [o, s] = y(jt);
-  return O("askAiCallBack", null) ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
+}, is = () => {
+  const [o, s] = y(Ct);
+  return L("askAiCallBack", null) ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ r.jsxs(ve, { htmlFor: "ai-assistant", className: "flex items-center gap-x-1 text-sm text-yellow-600", children: [
-      /* @__PURE__ */ r.jsx(Ht, { className: "w-4" }),
+      /* @__PURE__ */ r.jsx(Ot, { className: "w-4" }),
       "AI Assistant"
     ] }),
     /* @__PURE__ */ r.jsx(
@@ -248,35 +247,35 @@ const ce = ({ landscape: o = !1 }) => /* @__PURE__ */ r.jsxs(
       }
     )
   ] }) : null;
-}, is = () => {
-  const o = O("darkMode", !1), [s] = ye();
+}, as = () => {
+  const o = L("darkMode", !1), [s] = ye();
   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: [
       o ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(ts, {}),
+        /* @__PURE__ */ r.jsx(ss, {}),
         /* @__PURE__ */ r.jsx(z, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ r.jsx(ns, {}),
+      /* @__PURE__ */ r.jsx(os, {}),
       /* @__PURE__ */ r.jsx(z, { 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(Ve, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex w-12 cursor-not-allowed items-center justify-center gap-x-1 space-x-0 font-medium text-gray-400", children: [
+        /* @__PURE__ */ r.jsx(et, { className: "h-3.5 w-3.5 flex-shrink-0" }),
         " ",
         /* @__PURE__ */ r.jsxs("div", { className: "text-xs leading-3", children: [
-          ze(s, 0),
+          Ue(s, 0),
           "%"
         ] })
       ] }),
       /* @__PURE__ */ r.jsx(z, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(es, {})
+      /* @__PURE__ */ r.jsx(ts, {})
     ] }),
     /* @__PURE__ */ r.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ r.jsx(os, {}),
+      /* @__PURE__ */ r.jsx(rs, {}),
       /* @__PURE__ */ r.jsx(z, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(rs, {})
+      /* @__PURE__ */ r.jsx(is, {})
     ] })
   ] });
-}, as = `<!doctype html>
-<html lang="en" class="scroll-smooth h-full overflow-y-auto">
+}, ls = `<!doctype html>
+<html lang="en" dir="__HTML_DIR__" class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -323,8 +322,8 @@ const ce = ({ landscape: o = !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>`, ls = (o) => {
-  const [s] = V(), [, e] = ye(), [t, n] = j({}), d = P(() => {
+</html>`, cs = (o) => {
+  const [s] = V(), [, e] = ye(), [t, n] = j({}), d = H(() => {
     const { width: a, height: i } = o;
     if (a < s) {
       const l = parseFloat((a / s).toFixed(2).toString());
@@ -348,11 +347,11 @@ const ce = ({ landscape: o = !1 }) => /* @__PURE__ */ r.jsxs(
     d();
   }, [s, o, e, d]), t;
 };
-let Ie, De;
+let Ie, Se;
 typeof document < "u" && (Ie = document);
-typeof window < "u" && (De = window);
-const Ae = _.createContext({ document: Ie, window: De }), K = () => _.useContext(Ae), { Provider: cs, Consumer: Rn } = Ae;
-class _e extends ue {
+typeof window < "u" && (Se = window);
+const _e = A.createContext({ document: Ie, window: Se }), K = () => A.useContext(_e), { Provider: ds, Consumer: Rn } = _e;
+class Ae extends ue {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -360,10 +359,10 @@ class _e extends ue {
     this.props.contentDidUpdate();
   }
   render() {
-    return He.only(this.props.children);
+    return Oe.only(this.props.children);
   }
 }
-A(_e, "propTypes", {
+_(Ae, "propTypes", {
   children: b.element.isRequired,
   contentDidMount: b.func.isRequired,
   contentDidUpdate: b.func.isRequired
@@ -371,20 +370,20 @@ A(_e, "propTypes", {
 class Z extends ue {
   constructor(e, t) {
     super(e, t);
-    A(this, "setRef", (e) => {
+    _(this, "setRef", (e) => {
       this.nodeRef.current = e;
       const { forwardedRef: t } = this.props;
       typeof t == "function" ? t(e) : t && (t.current = e);
     });
-    A(this, "handleLoad", () => {
+    _(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
-    A(this, "loadCheck", () => setInterval(() => {
+    _(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
-    this._isMounted = !1, this.nodeRef = _.createRef(), this.state = { iframeLoaded: !1 };
+    this._isMounted = !1, this.nodeRef = A.createRef(), this.state = { iframeLoaded: !1 };
   }
   componentDidMount() {
     this._isMounted = !0, this.getDoc() && this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded", this.handleLoad);
@@ -405,7 +404,7 @@ class Z extends ue {
     const e = this.getDoc();
     if (!e)
       return null;
-    const t = this.props.contentDidMount, n = this.props.contentDidUpdate, d = e.defaultView || e.parentView, a = /* @__PURE__ */ r.jsx(_e, { contentDidMount: t, contentDidUpdate: n, children: /* @__PURE__ */ r.jsx(cs, { value: { document: e, window: d }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), i = this.getMountTarget();
+    const t = this.props.contentDidMount, n = this.props.contentDidUpdate, d = e.defaultView || e.parentView, a = /* @__PURE__ */ r.jsx(Ae, { contentDidMount: t, contentDidUpdate: n, children: /* @__PURE__ */ r.jsx(ds, { value: { document: e, window: d }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), i = this.getMountTarget();
     return [ae.createPortal(this.props.head, this.getDoc().head), ae.createPortal(a, i)];
   }
   render() {
@@ -422,7 +421,7 @@ class Z extends ue {
 // 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.
-A(Z, "propTypes", {
+_(Z, "propTypes", {
   style: b.object,
   // eslint-disable-line
   head: b.node,
@@ -431,7 +430,7 @@ A(Z, "propTypes", {
   contentDidMount: b.func,
   contentDidUpdate: b.func,
   children: b.oneOfType([b.element, b.arrayOf(b.element)])
-}), A(Z, "defaultProps", {
+}), _(Z, "defaultProps", {
   style: {},
   head: null,
   children: void 0,
@@ -442,9 +441,9 @@ A(Z, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const ds = _.forwardRef((o, s) => /* @__PURE__ */ r.jsx(Z, { ...o, forwardedRef: s })), ps = () => {
-  const { addCoreBlock: o } = Ct(), s = O("getExternalPredefinedBlock", T);
-  return P(
+const ps = A.forwardRef((o, s) => /* @__PURE__ */ r.jsx(Z, { ...o, forwardedRef: s })), us = () => {
+  const { addCoreBlock: o } = Bt(), s = L("getExternalPredefinedBlock", T);
+  return H(
     async (e) => {
       const { block: t, dropTargetId: n, relativeIndex: d } = e;
       if (Q(t, "format")) {
@@ -456,28 +455,28 @@ const ds = _.forwardRef((o, s) => /* @__PURE__ */ r.jsx(Z, { ...o, forwardedRef:
     [o]
   );
 };
-let B = null, H = [], R = null, Ne = null;
-function us(o) {
+let B = null, O = [], F = null, Ne = null;
+function hs(o) {
   const s = window.getComputedStyle(o), e = parseInt(s.paddingLeft, 10), t = parseInt(s.paddingTop, 10), n = parseInt(s.paddingRight, 10), d = parseInt(s.paddingBottom, 10);
   return { paddingLeft: e, paddingTop: t, paddingRight: n, paddingBottom: d };
 }
 const pe = (o, s, e) => {
   if (!B)
     return;
-  const t = o.getBoundingClientRect(), n = B == null ? void 0 : B.getElementById("placeholder"), { paddingLeft: d, paddingTop: a, paddingRight: i, paddingBottom: l } = us(o);
+  const t = o.getBoundingClientRect(), n = B == null ? void 0 : B.getElementById("placeholder"), { paddingLeft: d, paddingTop: a, paddingRight: i, paddingBottom: l } = hs(o);
   n.style.width = s === "vertical" ? t.width - d - i + "px" : "2px", n.style.height = s === "vertical" ? "2px" : t.height - a - l + "px", n.style.display = "block";
-  const c = H.reduce(
+  const c = O.reduce(
     (p, m) => Math.abs(m - e) < Math.abs(p - e) ? m : p
   );
-  Ne = H.indexOf(c), s === "vertical" ? (n.style.top = o.offsetTop + c + "px", n.style.left = o.offsetLeft + d + "px") : (n.style.top = o.offsetTop + a + "px", n.style.left = o.offsetLeft + c + "px");
-}, hs = (o) => {
+  Ne = O.indexOf(c), s === "vertical" ? (n.style.top = o.offsetTop + c + "px", n.style.left = o.offsetLeft + d + "px") : (n.style.top = o.offsetTop + a + "px", n.style.left = o.offsetLeft + c + "px");
+}, ms = (o) => {
   const s = Me(o), e = window.getComputedStyle(o), t = s === "horizontal", n = parseInt(e.paddingLeft), d = parseInt(e.paddingTop);
   let a = t ? n : d;
-  H = [a], Array.from(o.children).forEach((i) => {
+  O = [a], Array.from(o.children).forEach((i) => {
     const l = window.getComputedStyle(i), c = parseInt(
       t ? l.marginLeft + l.marginRight : l.marginTop + l.marginBottom
     ), p = t ? i.offsetWidth : i.offsetHeight;
-    H.push(a + p + c), a += p + c;
+    O.push(a + p + c), a += p + c;
   });
 };
 function Me(o) {
@@ -493,7 +492,7 @@ function Me(o) {
   }
   return s === "block" ? "vertical" : "horizontal";
 }
-const ms = me((o) => {
+const gs = me((o) => {
   const s = o.target, e = Me(s);
   if (e === "vertical") {
     const t = o.clientY - s.offsetTop;
@@ -502,21 +501,21 @@ const ms = me((o) => {
     const t = o.clientX - s.offsetLeft;
     pe(s, e, t);
   }
-}, 200), gs = (o) => {
-  o.preventDefault(), o.stopPropagation(), ms(o);
+}, 200), fs = (o) => {
+  o.preventDefault(), o.stopPropagation(), gs(o);
 };
 function J() {
   const o = B == null ? void 0 : B.getElementById("placeholder");
   o.style.display = "none";
 }
-const fs = () => {
-  const { document: o } = K(), [s, e] = y(Bt), t = ps(), n = Be("dnd"), [, d] = M(), [, a] = C();
+const xs = () => {
+  const { document: o } = K(), [s, e] = y(Dt), t = us(), n = Be("dnd"), [, d] = M(), [, a] = C();
   return B = o, {
     isDragging: s,
     "data-dnd": "branch",
-    onDragOver: n ? gs : T,
+    onDragOver: n ? fs : T,
     onDrop: n ? (i) => {
-      R == null || R.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
+      F == null || F.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
       const l = JSON.parse(i.dataTransfer.getData("text/plain"));
       let c = i.target.getAttribute("data-block-id");
       c === null && (c = i.target.parentElement.getAttribute("data-block-id")), t({ block: l, dropTargetId: c || null, relativeIndex: Ne }), e(!1), J(), setTimeout(() => {
@@ -525,13 +524,13 @@ const fs = () => {
     } : T,
     onDragEnter: n ? (i) => {
       const l = i;
-      R = l.target, l.stopPropagation(), l.preventDefault(), H = [];
+      F = l.target, l.stopPropagation(), l.preventDefault(), O = [];
       const c = l.target;
-      hs(c), c.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), e(!0), d(""), a([]);
+      ms(c), c.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), e(!0), d(""), a([]);
     } : T,
     onDragLeave: n ? (i) => {
       const l = i;
-      R = null, l.stopPropagation(), l.preventDefault(), l.target.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
+      F = null, l.stopPropagation(), l.preventDefault(), l.target.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
     } : T,
     onMouseOut: n ? () => {
       e(!1), J();
@@ -541,13 +540,13 @@ const fs = () => {
 function te(o) {
   return o.getAttribute("data-block-id") ? o : o.closest("[data-block-id]");
 }
-function xs(o) {
+function vs(o) {
   o.container.innerHTML = "", o.container.parentNode.removeChild(o.container);
   var s = document.querySelector(".ql-toolbar");
   s && s.parentNode.removeChild(s), o = null;
 }
-const vs = () => {
-  const o = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], s = St(), [, e] = M(), [t, n] = y(L);
+const $s = () => {
+  const o = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], s = It(), [, e] = M(), [t, n] = y(R);
   return (d) => {
     var m;
     if (t)
@@ -559,17 +558,17 @@ const vs = () => {
     a.style.display = "none", Array.from(l.attributes).forEach((h) => {
       h.name !== "class" && l.removeAttribute(h.name);
     }), i === "Text" && (l.style.display = "inline-block"), a.parentNode.insertBefore(l, a.nextSibling);
-    const c = new Ot(l, { placeholder: "Type here..." });
+    const c = new zt(l, { placeholder: "Type here..." });
     function p() {
       const h = c.getText(0, c.getLength());
-      s([a.getAttribute("data-block-id")], { content: h }), a.removeAttribute("style"), l.removeEventListener("blur", p, !0), xs(c), n(""), e("");
+      s([a.getAttribute("data-block-id")], { content: h }), a.removeAttribute("style"), l.removeEventListener("blur", p, !0), vs(c), n(""), e("");
     }
     l.addEventListener("blur", p, !0), l.addEventListener("keydown", (h) => {
       (h.key === "Enter" || h.key === "Escape") && p();
     }), c.focus(), (m = l.querySelector(".ql-clipboard")) == null || m.remove(), n(a.getAttribute("data-block-id"));
   };
-}, $s = () => {
-  const [, o] = N(), [, s] = C(), [, e] = M(), [t] = y(L), [n] = y(It);
+}, ys = () => {
+  const [, o] = N(), [, s] = C(), [, e] = M(), [t] = y(R), [n] = y(St);
   return (d) => {
     if (t)
       return;
@@ -586,19 +585,19 @@ const vs = () => {
       a != null && a.getAttribute("data-block-id") && s([a.getAttribute("data-block-id")]);
     e("");
   };
-}, ys = me((o, s) => {
+}, bs = me((o, s) => {
   const e = te(o.target);
   e != null && e.getAttribute("data-style-id") && s(e.getAttribute("data-style-id"));
-}, 100), bs = () => {
-  const [, o] = M(), [s] = y(L);
+}, 100), ks = () => {
+  const [, o] = M(), [s] = y(R);
   return (e) => {
-    s || ys(e, o);
+    s || bs(e, o);
   };
-}, ks = ({ children: o }) => {
+}, ws = ({ children: o }) => {
   const { document: s } = K(), [e] = C(), [t, n] = N();
   k(() => {
     setTimeout(() => {
-      if (!S(t))
+      if (!D(t))
         return;
       const c = Ee(s, U(e));
       if (c) {
@@ -610,7 +609,7 @@ const vs = () => {
       }
     }, 100);
   }, [s, e, n, t]);
-  const d = vs(), a = $s(), i = bs(), l = fs();
+  const d = $s(), a = ys(), i = ks(), l = xs();
   return /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -619,13 +618,13 @@ const vs = () => {
       onClick: a,
       onDoubleClick: d,
       onMouseMove: i,
-      ...Ue(l, "isDragging"),
+      ...We(l, "isDragging"),
       className: "relative mb-5 h-full max-w-full " + (l.isDragging ? "dragging" : ""),
       children: o
     }
   );
-}, Ee = (o, s) => o.querySelector(`[data-block-id="${s}"]`), ws = () => {
-  const { window: o } = K(), [s, e] = C(), [t] = ee(), [, n] = N(), { undo: d, redo: a } = fe(), i = be(), [, l] = ke(), c = we(), { savePage: p } = Dt(), [m] = y(L), [, h] = y(At), v = (g) => {
+}, Ee = (o, s) => o.querySelector(`[data-block-id="${s}"]`), js = () => {
+  const { window: o } = K(), [s, e] = C(), [t] = ee(), [, n] = N(), { undo: d, redo: a } = fe(), i = be(), [, l] = ke(), c = we(), { savePage: p } = _t(), [m] = y(R), [, h] = y(At), v = (g) => {
     g.key === "Enter" && (g.preventDefault(), s.length === 1 && h(U(s)));
   }, w = (g) => {
     const u = t.find(($) => $._id === g);
@@ -655,7 +654,7 @@ const vs = () => {
       o.removeEventListener("keydown", g);
     };
   }, [s, e, d, c, l, a, i, m, p, o]), null;
-}, js = ({ block: o, label: s }) => {
+}, Cs = ({ block: o, label: s }) => {
   const [, e] = C(), [, t] = M(), [, n] = y(je), d = Be("dnd");
   return /* @__PURE__ */ r.jsxs(
     "div",
@@ -663,26 +662,26 @@ const vs = () => {
       className: "mr-10 flex cursor-grab items-center space-x-1 px-1",
       draggable: d ? "true" : "false",
       onDragStart: (a) => {
-        a.dataTransfer.setData("text/plain", JSON.stringify(We(o, ["_id", "_type"]))), n(o._id), setTimeout(() => {
+        a.dataTransfer.setData("text/plain", JSON.stringify(qe(o, ["_id", "_type"]))), n(o._id), setTimeout(() => {
           e([]), t(null);
         }, 200);
       },
       children: [
-        /* @__PURE__ */ r.jsx(et, {}),
+        /* @__PURE__ */ r.jsx(tt, {}),
         s
       ]
     }
   );
-}, Cs = ({ selectedBlockElement: o, block: s }) => {
-  const e = we(), t = be(), [, n] = C(), [, d] = N(), [a] = y(L), { floatingStyles: i, refs: l, update: c } = Ut({
+}, Bs = ({ selectedBlockElement: o, block: s }) => {
+  const e = we(), t = be(), [, n] = C(), [, d] = N(), [a] = y(R), { floatingStyles: i, refs: l, update: c } = Wt({
     placement: "top-start",
-    middleware: [Wt(), zt()],
+    middleware: [qt(), Ut()],
     elements: {
       reference: o
     }
   });
-  qt(o, () => c(), o !== null);
-  const p = f(s, "_parent", null), m = S(f(s, "_name", "")) ? f(s, "_type", "") : f(s, "_name", "");
+  Kt(o, () => c(), o !== null);
+  const p = f(s, "_parent", null), m = D(f(s, "_name", "")) ? f(s, "_type", "") : f(s, "_name", "");
   return !o || !s || a ? null : /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -696,10 +695,10 @@ const vs = () => {
       onKeyDown: (h) => h.stopPropagation(),
       className: "z-[99999] flex h-6 items-center bg-blue-500 py-2 text-xs text-white",
       children: [
-        /* @__PURE__ */ r.jsx(js, { label: m, block: s }),
+        /* @__PURE__ */ r.jsx(Cs, { label: m, block: s }),
         /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1", children: [
           p && /* @__PURE__ */ r.jsx(
-            tt,
+            st,
             {
               className: "hover:scale-105",
               onClick: () => {
@@ -707,13 +706,13 @@ const vs = () => {
               }
             }
           ),
-          _t(f(s, "_type", "")) ? /* @__PURE__ */ r.jsx(st, { className: "hover:scale-105", onClick: () => t([s == null ? void 0 : s._id]) }) : null,
-          Nt(f(s, "_type", "")) ? /* @__PURE__ */ r.jsx(nt, { className: "hover:scale-105", onClick: () => e([s == null ? void 0 : s._id]) }) : null
+          Nt(f(s, "_type", "")) ? /* @__PURE__ */ r.jsx(nt, { className: "hover:scale-105", onClick: () => t([s == null ? void 0 : s._id]) }) : null,
+          Mt(f(s, "_type", "")) ? /* @__PURE__ */ r.jsx(ot, { className: "hover:scale-105", onClick: () => e([s == null ? void 0 : s._id]) }) : null
         ] })
       ]
     }
   ) });
-}, Bs = ({ addVariant: o, e: s }) => {
+}, Ds = ({ addVariant: o, e: s }) => {
   o("hs-dropdown-open", [
     ({ modifySelectors: e, separator: t }) => {
       e(({ className: n }) => `.hs-dropdown.open > .${s(`hs-dropdown-open${t}${n}`)}`);
@@ -966,8 +965,8 @@ const vs = () => {
   }), o("hs-auto-mode-active", ({ modifySelectors: e, separator: t }) => {
     e(({ className: n }) => `.auto .${s(`hs-auto-mode-active${t}${n}`)}`);
   });
-}, Ss = ({ model: o }) => {
-  const [s] = Mt(), [e] = C(), [t] = xe(), [n] = M(), [d] = N(), [a] = y(je), { document: i, window: l } = K(), [c] = j(i == null ? void 0 : i.getElementById("highlighted-block")), [p] = j(
+}, Is = ({ model: o }) => {
+  const [s] = Et(), [e] = C(), [t] = xe(), [n] = M(), [d] = N(), [a] = y(je), { document: i, window: l } = K(), [c] = j(i == null ? void 0 : i.getElementById("highlighted-block")), [p] = j(
     i == null ? void 0 : i.getElementById("selected-block")
   ), [m] = j(
     i == null ? void 0 : i.getElementById("selected-styling-block")
@@ -977,7 +976,7 @@ const vs = () => {
   }, [t, i]);
   const v = f(s, "headingFont", "DM Sans"), w = f(s, "bodyFont", "DM Sans");
   return k(() => {
-    const g = f(s, "primaryColor", "#000"), u = f(s, "secondaryColor", "#FFF"), $ = Qt([
+    const g = f(s, "primaryColor", "#000"), u = f(s, "secondaryColor", "#FFF"), $ = Zt([
       { color: g, name: "primary" },
       { color: u, name: "secondary" }
     ]), E = f(s, "roundedCorners", "0");
@@ -995,10 +994,10 @@ const vs = () => {
           colors: $
         }
       },
-      plugins: [Kt, Yt, Jt, l.tailwind.plugin.withOptions(() => Bs)]
+      plugins: [Yt, Jt, Qt, l.tailwind.plugin.withOptions(() => Ds)]
     });
   }, [s, l, v, w]), k(() => {
-    p && (p.textContent = `${F(e, (g) => `[data-block-id="${g}"]`).join(",")}{
+    p && (p.textContent = `${P(e, (g) => `[data-block-id="${g}"]`).join(",")}{
                 outline: 1px solid ${e.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
   }, [e, p]), k(() => {
@@ -1010,7 +1009,7 @@ const vs = () => {
   }, [a]), k(() => {
     c && (c.textContent = n ? `[data-style-id="${n}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}` : "");
   }, [n, e, c]), k(() => {
-    m && (m.textContent = `${F(d, ({ id: g }) => `[data-style-id="${g}"]`).join(",")}{
+    m && (m.textContent = `${P(d, ({ id: g }) => `[data-style-id="${g}"]`).join(",")}{
                 outline: 1px solid #42a1fc !important; outline-offset: -1px;
             }`);
   }, [d, m]), k(() => {
@@ -1045,23 +1044,23 @@ const vs = () => {
     ),
     v && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${v}",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;
-}, Is = (o) => {
+}, Ss = (o) => {
   const s = {};
   return Object.keys(o).forEach((e) => {
     G(o[e]) && o[e].startsWith(le) && (s[e] = o[e].replace(le, "").split(","));
   }), s;
-}, Ds = qe((o) => {
-  const s = o.replace(Se, "").split(",");
-  return Xt(s[0], s[1]);
+}, _s = Ke((o) => {
+  const s = o.replace(De, "").split(",");
+  return Gt(s[0], s[1]);
 });
 function As(o, s) {
   return f(o, `${s}_attrs`, {});
 }
-function _s(o) {
+function Ns(o) {
   const s = {};
   return Object.keys(o).forEach((e) => {
-    if (G(o[e]) && o[e].startsWith(Se)) {
-      const t = Ds(o[e]);
+    if (G(o[e]) && o[e].startsWith(De)) {
+      const t = _s(o[e]);
       s[e] = {
         className: t,
         "data-style-prop": e,
@@ -1072,44 +1071,44 @@ function _s(o) {
     }
   }), s;
 }
-function Ns(o, s) {
+function Ms(o, s) {
   const e = f(o, "_bindings", {});
-  return S(e) ? { ...o } : (Ke(e, (t, n) => {
+  return D(e) ? { ...o } : (Ye(e, (t, n) => {
     G(t) && f(s, t, null) && (o[n] = f(s, t, null));
   }), o);
 }
 function X({ blocks: o }) {
-  const [s] = ee(), [e] = Vt(), t = P((i) => _s(i), []), [n] = Et(), [d] = y(L), a = P(
+  const [s] = ee(), [e] = es(), t = H((i) => Ns(i), []), [n] = Tt(), [d] = y(R), a = H(
     (i) => i.reduce((l, c) => {
       const p = f(e, c, {});
       return { ...l, ...p };
     }, {}),
     [e, s]
   );
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: _.Children.toArray(
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: A.Children.toArray(
     o.map((i, l) => {
       if (d === i._id)
         return null;
-      const c = Is(i), p = {};
-      S(c) || Object.keys(c).forEach((u) => {
-        p[u] = _.Children.toArray(
-          c[u].map(($) => /* @__PURE__ */ r.jsx(X, { blocks: [Ye(s, { _id: $ })] }))
+      const c = Ss(i), p = {};
+      D(c) || Object.keys(c).forEach((u) => {
+        p[u] = A.Children.toArray(
+          c[u].map(($) => /* @__PURE__ */ r.jsx(X, { blocks: [Je(s, { _id: $ })] }))
         );
       });
       const m = ge(s, { _parent: i._id });
       p.children = m.length ? /* @__PURE__ */ r.jsx(X, { blocks: m }) : null;
-      const h = Gt(i._type), v = f(h, "builderComponent", f(h, "component", null));
-      if (Je(v))
+      const h = Vt(i._type), v = f(h, "builderComponent", f(h, "component", null));
+      if (Qe(v))
         return /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${i == null ? void 0 : i._type} not registered -->` });
       const w = Q(h, "getBlockStateFrom") ? h == null ? void 0 : h.getBlockStateFrom(i, s) : [], g = a(w);
-      return /* @__PURE__ */ r.jsx(he, { children: _.createElement(v, {
+      return /* @__PURE__ */ r.jsx(he, { children: A.createElement(v, {
         blockProps: {
           "data-block-id": i._id,
           "data-block-type": i._type,
           "data-dnd": Q(h, "canAcceptBlock") ? "branch" : "leaf"
         },
         index: l,
-        ...Ns(i, n),
+        ...Ms(i, n),
         ...t(i),
         ...p,
         inBuilder: !0,
@@ -1118,28 +1117,28 @@ function X({ blocks: o }) {
     })
   ) });
 }
-const Ms = () => {
-  const [o] = ee(), s = S(o) ? null : /* @__PURE__ */ r.jsx(Tt, { children: /* @__PURE__ */ r.jsx(X, { blocks: ge(o, (e) => S(e._parent)) }) });
-  return /* @__PURE__ */ r.jsx(Zt, { children: s });
-}, Es = (o, s) => o.querySelector(`[data-style-id="${s}"]`), Ts = () => {
-  const [o] = y(Lt), [s] = ke(), [e] = V(), [, t] = C(), n = Rt(), [, d] = M(), a = ne(null), i = ne(null), [l, c] = j({ width: 0, height: 0 }), p = ls(l), [m, h] = j(0), [v, w] = j([]), [, g] = j([]), [, u] = y(Ft), [$, E] = N(), Te = O("loading", !1);
+const Es = () => {
+  const [o] = ee(), s = D(o) ? null : /* @__PURE__ */ r.jsx(Lt, { children: /* @__PURE__ */ r.jsx(X, { blocks: ge(o, (e) => D(e._parent)) }) });
+  return /* @__PURE__ */ r.jsx(Xt, { children: s });
+}, Ts = (o, s) => o.querySelector(`[data-style-id="${s}"]`), Ls = () => {
+  const [o] = y(Rt), [s] = ke(), [e] = V(), [, t] = C(), n = Ft(), [, d] = M(), a = ne(null), i = ne(null), [l, c] = j({ width: 0, height: 0 }), p = cs(l), [m, h] = j(0), [v, w] = j([]), [, g] = j([]), [, u] = y(Pt), [$, E] = N(), Te = L("loading", !1), Le = L("htmlDir", "ltr");
   k(() => {
     const { clientWidth: x, clientHeight: I } = i.current;
     c({ width: x, height: I }), m === 0 && h(x);
   }, [i, e, m]);
-  const Le = (x, I = 0) => {
-    const { top: D } = x.getBoundingClientRect();
-    return D + I >= 0 && D - I <= window.innerHeight;
+  const Re = (x, I = 0) => {
+    const { top: S } = x.getBoundingClientRect();
+    return S + I >= 0 && S - I <= window.innerHeight;
   };
   k(() => {
     var x, I;
     if (n && n.type !== "Multiple" && a.current) {
-      const D = Ee(a.current.contentDocument, n._id);
-      D && (Le(D) || (I = (x = a.current) == null ? void 0 : x.contentWindow) == null || I.scrollTo({ top: D.offsetTop, behavior: "smooth" }), w([D]));
+      const S = Ee(a.current.contentDocument, n._id);
+      S && (Re(S) || (I = (x = a.current) == null ? void 0 : x.contentWindow) == null || I.scrollTo({ top: S.offsetTop, behavior: "smooth" }), w([S]));
     }
   }, [n]), k(() => {
-    if (!S($) && a.current) {
-      const x = Es(
+    if (!D($) && a.current) {
+      const x = Ts(
         a.current.contentDocument,
         U($).id
       );
@@ -1147,9 +1146,9 @@ const Ms = () => {
     } else
       g([null]);
   }, [$]);
-  const Re = Oe(() => {
-    let x = as;
-    return o === "offline" && (x = x.replace(
+  const Fe = ze(() => {
+    let x = ls;
+    return x = x.replace("__HTML_DIR__", Le), o === "offline" && (x = x.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
     ), x = x.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), x = x.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), x;
@@ -1162,28 +1161,28 @@ const Ms = () => {
       },
       onMouseLeave: () => setTimeout(() => d(""), 300),
       className: "relative mx-auto h-full w-full overflow-hidden",
-      style: m > 0 && !S(p) ? { width: s ? "100%" : m } : {},
+      style: m > 0 && !D(p) ? { width: s ? "100%" : m } : {},
       ref: i,
       children: /* @__PURE__ */ r.jsxs(
-        ds,
+        ps,
         {
           contentDidMount: () => u(a.current),
           ref: a,
           id: "canvas-iframe",
           style: { width: `${e}px`, ...p },
           className: "relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
-          initialContent: Re,
+          initialContent: Fe,
           children: [
-            /* @__PURE__ */ r.jsx(ws, {}),
+            /* @__PURE__ */ r.jsx(js, {}),
             /* @__PURE__ */ r.jsx(
-              Cs,
+              Bs,
               {
                 block: n,
                 selectedBlockElement: U(v)
               }
             ),
-            /* @__PURE__ */ r.jsx(Ss, { model: "page" }),
-            /* @__PURE__ */ r.jsx(ks, { children: Te ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(Ce, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Ms, {}) }),
+            /* @__PURE__ */ r.jsx(Is, { model: "page" }),
+            /* @__PURE__ */ r.jsx(ws, { children: Te ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(Ce, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Es, {}) }),
             /* @__PURE__ */ r.jsx("br", {}),
             /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute z-[99999] max-w-full bg-green-500 transition-transform" })
           ]
@@ -1192,8 +1191,8 @@ const Ms = () => {
     }
   );
 }, Fn = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-  /* @__PURE__ */ r.jsx(is, {}),
-  /* @__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(he, { fallback: /* @__PURE__ */ r.jsx(Ce, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Pt, { children: /* @__PURE__ */ r.jsx(Ts, {}) }) }) })
+  /* @__PURE__ */ r.jsx(as, {}),
+  /* @__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(he, { fallback: /* @__PURE__ */ r.jsx(Ce, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Ht, { children: /* @__PURE__ */ r.jsx(Ls, {}) }) }) })
 ] });
 export {
   Fn as default