@chaibuilder/sdk 1.2.19 → 1.2.21

package/dist/CanvasArea-xvMCbQDL.js

@@ -1,1404 +0,0 @@
-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 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 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-WP7IRkij.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-yILWlilS.js";
-import { Quill as En } from "react-quill";
-import { u as In } from "./useAddBlockByDrop-BIK2fdgj.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";
-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-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-3k8xjeiM.js";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "lodash";
-import "i18next";
-import "react-textarea-autosize";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
-const Mn = () => {
-  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] = Ze(), { t: n } = de();
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(Ht, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
-    /* @__PURE__ */ r.jsxs(
-      Ut,
-      {
-        id: "dark-mode-switch",
-        checked: e,
-        onCheckedChange: () => {
-          t(!e);
-        },
-        className: `${e ? "bg-violet-600" : "bg-violet-300"}
-          relative ml-2 inline-flex h-[20px] w-[40px] shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75`,
-        children: [
-          /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: n("use_setting") }),
-          /* @__PURE__ */ r.jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${e ? "translate-x-5" : "translate-x-0"}
-            pointer-events-none -mt-px inline-block h-[18px] w-[20px] transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out`
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
-  "svg",
-  {
-    className: e ? "rotate-90" : "",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 13 13",
-    xmlSpace: "preserve",
-    width: 13,
-    height: 13,
-    children: [
-      /* @__PURE__ */ r.jsx("g", { strokeWidth: 0 }),
-      /* @__PURE__ */ r.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r.jsx(
-        "path",
-        {
-          d: "M10.65 0H2.349a.851.851 0 0 0-.851.852v11.299c0 .47.382.852.851.852h8.3a.851.851 0 0 0 .851-.852V.852A.851.851 0 0 0 10.65 0zM6.599 12.466a.367.367 0 1 1 0-.735.367.367 0 0 1 0 .735zm3.9-1.267H2.5V1h8.001v10.199z",
-          style: {
-            fill: "#000"
-          }
-        }
-      )
-    ]
-  }
-), Nn = [
-  {
-    title: "mobile_xs_title",
-    content: "mobile_xs_content",
-    breakpoint: "xs",
-    icon: /* @__PURE__ */ r.jsx(Re, {}),
-    width: 400
-  },
-  {
-    title: "mobile_sm_title",
-    content: "mobile_sm_content",
-    breakpoint: "sm",
-    icon: /* @__PURE__ */ r.jsx(Re, { className: "rotate-90" }),
-    width: 640
-  },
-  {
-    title: "tablet_md_title",
-    content: "tablet_md_content",
-    breakpoint: "md",
-    icon: /* @__PURE__ */ r.jsx(Le, {}),
-    width: 800
-  },
-  {
-    title: "tablet_lg_title",
-    content: "tablet_lg_content",
-    breakpoint: "lg",
-    icon: /* @__PURE__ */ r.jsx(Le, { landscape: !0 }),
-    width: 1024
-  },
-  {
-    title: "desktop_xl_title",
-    content: "desktop_xl_content",
-    breakpoint: "xl",
-    icon: /* @__PURE__ */ r.jsx(Rt, {}),
-    width: 1420
-  },
-  {
-    title: "large_desktop_2xl_title",
-    content: "large_desktop_2xl_content",
-    breakpoint: "2xl",
-    icon: /* @__PURE__ */ r.jsx(Pt, {}),
-    width: 1920
-  }
-], Ne = ({
-  title: e,
-  content: t,
-  currentBreakpoint: n,
-  breakpoint: s,
-  width: i,
-  icon: l,
-  onClick: d
-}) => {
-  const { t: o } = de();
-  return /* @__PURE__ */ r.jsxs(zt, { children: [
-    /* @__PURE__ */ r.jsx(Yt, { asChild: !0, children: /* @__PURE__ */ r.jsx(
-      le,
-      {
-        onClick: () => d(i),
-        size: "sm",
-        variant: s === n ? "secondary" : "ghost",
-        children: l
-      }
-    ) }),
-    /* @__PURE__ */ r.jsx(Kt, { 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: o(e) }),
-      /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: o(t) })
-    ] }) }) })
-  ] });
-}, Fn = () => {
-  const [, e, t] = Te(), [n, s] = Jt(), { t: i } = de(), l = Ce("breakpoints", Nn), 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__ */ _e(Ne, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
-    re(
-      l.filter((o) => Oe(n, pe(o.breakpoint))),
-      (o) => /* @__PURE__ */ _e(Ne, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
-    ),
-    /* @__PURE__ */ r.jsxs(Vt, { children: [
-      /* @__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,
-          {
-            disabled: o.breakpoint === "xs",
-            onCheckedChange: () => d(pe(o.breakpoint)),
-            checked: Oe(n, pe(o.breakpoint)),
-            children: i(o.title)
-          },
-          o.breakpoint
-        ))
-      ] })
-    ] })
-  ] });
-}, $n = () => {
-  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, {}),
-      " ",
-      e("clear")
-    ] }) }),
-    /* @__PURE__ */ r.jsxs(on, { className: "border-border", children: [
-      /* @__PURE__ */ r.jsxs(sn, { children: [
-        /* @__PURE__ */ r.jsx(an, { children: e("clear_canvas_title") }),
-        /* @__PURE__ */ r.jsx(ln, { children: e("clear_canvas_description") })
-      ] }),
-      /* @__PURE__ */ r.jsxs(cn, { children: [
-        /* @__PURE__ */ r.jsx(dn, { children: e("cancel") }),
-        /* @__PURE__ */ r.jsx(un, { onClick: i, children: e("yes") })
-      ] })
-    ] })
-  ] }) });
-}, Wn = () => {
-  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: [
-        /* @__PURE__ */ r.jsx(Ln, {}),
-        /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" })
-      ] }) : null,
-      /* @__PURE__ */ r.jsx(Fn, {}),
-      /* @__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" }),
-        " ",
-        /* @__PURE__ */ r.jsxs("div", { className: "text-xs leading-3", children: [
-          Et(t, 0),
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(Mn, {})
-    ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx($n, {})
-    ] })
-  ] });
-}, 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://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"><\/script>
-    <style>
-    html { height: 100%; overflow:auto; }
-    body { height: 100%; }
-    .air-highlight{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}
-    .air-highlight-multi{ outline: 1px solid #29e503 !important; outline-offset: -1px;}
-    body{   -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
-            -moz-user-select: none;-ms-user-select: none; user-select: none; }
-    html{
-      -ms-overflow-style: none;  /* IE and Edge */
-        scrollbar-width: none;  /* Firefox */
-    }
-    /** IMPORTANT: Make fields content editable in SAFARI */
-    [contenteditable] {-webkit-user-select: text;user-select: text;}
-
-    html::-webkit-scrollbar { width: 0 !important }
-    .aspect-auto{aspect-ratio: auto;}
-    .aspect-square{aspect-ratio: 1/1;}
-    .aspect-video{aspect-ratio: 16/9;}
-    .dragging [data-dnd="leaf"] { pointer-events: none; } .dragging [data-dnd="leaf"] * { pointer-events: none; }
-    .dragging [data-dnd="ignore"], .dragging [data-dnd="ignore"] * { pointer-events: none; }
-    a{ pointer-events: none !important; }
-    [contenteditable="true"], [contenteditable="true"] * { cursor: text !important; }
-    [contenteditable="true"] {
-        outline: none;
-        box-shadow: 0 0 0px 4px rgba(36, 150, 255, 0.2);
-        -webkit-user-select: text;
-        -moz-user-select: text;
-        user-select: text;
-    }
-    .frame-root .frame-content { height: 100%; }
-    </style>    
-    <style id="hidden-blocks"></style>
-    <style id="selected-block"></style>
-    <style id="selected-styling-block"></style>
-    <style id="highlighted-block"></style>
-    <style id="dragged-block"></style>
-
-  </head>
-  <body class="font-body antialiased h-full">
-    <div class="frame-root h-full"></div>
-    <script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
-  </body>
-</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());
-      let p = {};
-      const f = o * c;
-      o && (p = {
-        // Eureka! This is the formula to calculate the height of the scaled element. Thank you ChatGPT 4
-        height: 100 + (o - f) / f * 100 + "%"
-      }), i({
-        position: "relative",
-        top: 0,
-        transform: `scale(${c})`,
-        transformOrigin: "top left",
-        ...p,
-        maxWidth: "none"
-      }), n(c * 100);
-    } else
-      i({}), n(100);
-  }, [t, e, n]);
-  return R(() => {
-    l();
-  }, [t, e, n, l]), s;
-};
-var ce = { exports: {} };
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var fe, Fe;
-function Un() {
-  if (Fe)
-    return fe;
-  Fe = 1;
-  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-  function s(l) {
-    if (l == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(l);
-  }
-  function i() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var l = new String("abc");
-      if (l[5] = "de", Object.getOwnPropertyNames(l)[0] === "5")
-        return !1;
-      for (var d = {}, o = 0; o < 10; o++)
-        d["_" + String.fromCharCode(o)] = o;
-      var c = Object.getOwnPropertyNames(d).map(function(f) {
-        return d[f];
-      });
-      if (c.join("") !== "0123456789")
-        return !1;
-      var p = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
-        p[f] = f;
-      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return fe = i() ? Object.assign : function(l, d) {
-    for (var o, c = s(l), p, f = 1; f < arguments.length; f++) {
-      o = Object(arguments[f]);
-      for (var h in o)
-        t.call(o, h) && (c[h] = o[h]);
-      if (e) {
-        p = e(o);
-        for (var v = 0; v < p.length; v++)
-          n.call(o, p[v]) && (c[p[v]] = o[p[v]]);
-      }
-    }
-    return c;
-  }, fe;
-}
-var he, $e;
-function Ie() {
-  if ($e)
-    return he;
-  $e = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return he = e, he;
-}
-var ge, We;
-function at() {
-  return We || (We = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
-}
-var me, qe;
-function zn() {
-  if (qe)
-    return me;
-  qe = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var t = Ie(), n = {}, s = at();
-    e = function(l) {
-      var d = "Warning: " + l;
-      typeof console < "u" && console.error(d);
-      try {
-        throw new Error(d);
-      } catch {
-      }
-    };
-  }
-  function i(l, d, o, c, p) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var f in l)
-        if (s(l, f)) {
-          var h;
-          try {
-            if (typeof l[f] != "function") {
-              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 v.name = "Invariant Violation", v;
-            }
-            h = l[f](d, f, c, o, null, t);
-          } 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 S = p ? p() : "";
-            e(
-              "Failed " + o + " type: " + h.message + (S ?? "")
-            );
-          }
-        }
-    }
-  }
-  return i.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (n = {});
-  }, me = i, me;
-}
-var ye, He;
-function Yn() {
-  if (He)
-    return ye;
-  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;
-    typeof console < "u" && console.error(c);
-    try {
-      throw new Error(c);
-    } catch {
-    }
-  });
-  function d() {
-    return null;
-  }
-  return ye = function(o, c) {
-    var p = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
-    function h(a) {
-      var u = a && (p && a[p] || a[f]);
-      if (typeof u == "function")
-        return u;
-    }
-    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: q(),
-      arrayOf: V,
-      element: Q(),
-      elementType: L(),
-      instanceOf: _,
-      node: mt(),
-      objectOf: F,
-      oneOf: N,
-      oneOfType: gt,
-      shape: yt,
-      exact: vt
-    };
-    function O(a, u) {
-      return a === u ? a !== 0 || 1 / a === 1 / u : a !== a && u !== u;
-    }
-    function m(a, u) {
-      this.message = a, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
-    }
-    m.prototype = Error.prototype;
-    function g(a) {
-      if (process.env.NODE_ENV !== "production")
-        var u = {}, k = 0;
-      function b(j, x, w, T, E, C, P) {
-        if (T = T || v, C = C || w, P !== n) {
-          if (c) {
-            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 B.name = "Invariant Violation", B;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            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 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 y = b.bind(null, !1);
-      return y.isRequired = b.bind(null, !0), y;
-    }
-    function I(a) {
-      function u(k, b, y, j, x, w) {
-        var T = k[b], E = H(T);
-        if (E !== a) {
-          var C = ee(T);
-          return new m(
-            "Invalid " + j + " `" + x + "` of type " + ("`" + C + "` supplied to `" + y + "`, expected ") + ("`" + a + "`."),
-            { expectedType: a }
-          );
-        }
-        return null;
-      }
-      return g(u);
-    }
-    function q() {
-      return g(d);
-    }
-    function V(a) {
-      function u(k, b, y, j, x) {
-        if (typeof a != "function")
-          return new m("Property `" + x + "` of component `" + y + "` has invalid PropType notation inside arrayOf.");
-        var w = k[b];
-        if (!Array.isArray(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++) {
-          var C = a(w, E, y, j, x + "[" + E + "]", n);
-          if (C instanceof Error)
-            return C;
-        }
-        return null;
-      }
-      return g(u);
-    }
-    function Q() {
-      function a(u, k, b, y, j) {
-        var x = u[k];
-        if (!o(x)) {
-          var w = H(x);
-          return new m("Invalid " + y + " `" + j + "` of type " + ("`" + w + "` supplied to `" + b + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return g(a);
-    }
-    function L() {
-      function a(u, k, b, y, j) {
-        var x = u[k];
-        if (!e.isValidElementType(x)) {
-          var w = H(x);
-          return new m("Invalid " + y + " `" + j + "` of type " + ("`" + w + "` supplied to `" + b + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return g(a);
-    }
-    function _(a) {
-      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 g(u);
-    }
-    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, b, y, j, x) {
-        for (var w = k[b], T = 0; T < a.length; T++)
-          if (O(w, a[T]))
-            return null;
-        var E = JSON.stringify(a, function(P, 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 + "."));
-      }
-      return g(u);
-    }
-    function F(a) {
-      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 = 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)
-          if (s(w, E)) {
-            var C = a(w, E, y, j, x + "." + E, n);
-            if (C instanceof Error)
-              return C;
-          }
-        return null;
-      }
-      return g(u);
-    }
-    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 " + bt(k) + " at index " + u + "."
-          ), d;
-      }
-      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;
-          B.data && s(B.data, "expectedType") && E.push(B.data.expectedType);
-        }
-        var Z = E.length > 0 ? ", expected one of type [" + E.join(", ") + "]" : "";
-        return new m("Invalid " + w + " `" + T + "` supplied to " + ("`" + x + "`" + Z + "."));
-      }
-      return g(b);
-    }
-    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 g(a);
-    }
-    function De(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 yt(a) {
-      function u(k, b, y, j, x) {
-        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) {
-          var C = a[E];
-          if (typeof C != "function")
-            return De(y, j, x, E, ee(C));
-          var P = C(w, E, y, j, x + "." + E, n);
-          if (P)
-            return P;
-        }
-        return null;
-      }
-      return g(u);
-    }
-    function vt(a) {
-      function u(k, b, y, j, x) {
-        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);
-        for (var C in E) {
-          var P = a[C];
-          if (s(a, C) && typeof P != "function")
-            return De(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 B = P(w, C, y, j, x + "." + C, n);
-          if (B)
-            return B;
-        }
-        return null;
-      }
-      return g(u);
-    }
-    function se(a) {
-      switch (typeof a) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !a;
-        case "object":
-          if (Array.isArray(a))
-            return a.every(se);
-          if (a === null || o(a))
-            return !0;
-          var u = h(a);
-          if (u) {
-            var k = u.call(a), b;
-            if (u !== a.entries) {
-              for (; !(b = k.next()).done; )
-                if (!se(b.value))
-                  return !1;
-            } else
-              for (; !(b = k.next()).done; ) {
-                var y = b.value;
-                if (y && !se(y[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function xt(a, u) {
-      return a === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
-    }
-    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 = H(a);
-      if (u === "object") {
-        if (a instanceof Date)
-          return "date";
-        if (a instanceof RegExp)
-          return "regexp";
-      }
-      return u;
-    }
-    function bt(a) {
-      var u = ee(a);
-      switch (u) {
-        case "array":
-        case "object":
-          return "an " + u;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + u;
-        default:
-          return u;
-      }
-    }
-    function wt(a) {
-      return !a.constructor || !a.constructor.name ? v : a.constructor.name;
-    }
-    return S.checkPropTypes = i, S.resetWarningCache = i.resetWarningCache, S.PropTypes = S, S;
-  }, ye;
-}
-var ve, Ue;
-function Kn() {
-  if (Ue)
-    return ve;
-  Ue = 1;
-  var e = Ie();
-  function t() {
-  }
-  function n() {
-  }
-  return n.resetWarningCache = t, ve = function() {
-    function s(d, o, c, p, f, h) {
-      if (h !== e) {
-        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 v.name = "Invariant Violation", v;
-      }
-    }
-    s.isRequired = s;
-    function i() {
-      return s;
-    }
-    var l = {
-      array: s,
-      bigint: s,
-      bool: s,
-      func: s,
-      number: s,
-      object: s,
-      string: s,
-      symbol: s,
-      any: s,
-      arrayOf: i,
-      element: s,
-      elementType: s,
-      instanceOf: i,
-      node: s,
-      objectOf: i,
-      oneOf: i,
-      oneOfType: i,
-      shape: i,
-      exact: i,
-      checkPropTypes: n,
-      resetWarningCache: t
-    };
-    return l.PropTypes = l, l;
-  }, ve;
-}
-var ko = ce.exports;
-if (process.env.NODE_ENV !== "production") {
-  var Jn = ot, Vn = !0;
-  ce.exports = Yn()(Jn.isElement, Vn);
-} else
-  ce.exports = Kn()();
-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: Zn, Consumer: jo } = dt;
-class ut extends Ye {
-  componentDidMount() {
-    this.props.contentDidMount();
-  }
-  componentDidUpdate() {
-    this.props.contentDidUpdate();
-  }
-  render() {
-    return Tt.only(this.props.children);
-  }
-}
-Y(ut, "propTypes", {
-  children: A.element.isRequired,
-  contentDidMount: A.func.isRequired,
-  contentDidUpdate: A.func.isRequired
-});
-class be extends Ye {
-  constructor(n, s) {
-    super(n, s);
-    Y(this, "setRef", (n) => {
-      this.nodeRef.current = n;
-      const { forwardedRef: s } = this.props;
-      typeof s == "function" ? s(n) : s && (s.current = n);
-    });
-    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
-    Y(this, "loadCheck", () => setInterval(() => {
-      this.handleLoad();
-    }, 500));
-    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);
-  }
-  componentWillUnmount() {
-    this._isMounted = !1, this.nodeRef.current.removeEventListener("DOMContentLoaded", this.handleLoad);
-  }
-  getDoc() {
-    return this.nodeRef.current ? this.nodeRef.current.contentDocument : null;
-  }
-  getMountTarget() {
-    const n = this.getDoc();
-    return this.props.mountTarget ? n.querySelector(this.props.mountTarget) : n.body.children[0];
-  }
-  renderFrameContents() {
-    if (!this._isMounted)
-      return null;
-    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(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() {
-    const n = {
-      ...this.props,
-      srcDoc: this.props.initialContent,
-      children: void 0
-      // The iframe isn't ready so we drop children from props here. #12, #17
-    };
-    return delete n.head, delete n.initialContent, delete n.mountTarget, delete n.contentDidMount, delete n.contentDidUpdate, delete n.forwardedRef, /* @__PURE__ */ r.jsx("iframe", { ...n, ref: this.setRef, onLoad: this.handleLoad, children: this.state.iframeLoaded && this.renderFrameContents() });
-  }
-}
-// React warns when you render directly into the body since browser extensions
-// also inject into the body and can mess up React. For this reason
-// initialContent is expected to have a div inside of the body
-// element that we render react into.
-Y(be, "propTypes", {
-  style: A.object,
-  // eslint-disable-line
-  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,
-  mountTarget: void 0,
-  contentDidMount: () => {
-  },
-  contentDidUpdate: () => {
-  },
-  initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
-});
-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 (!U)
-    return;
-  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
-  );
-  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");
-}, er = (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(
-      s ? c.marginLeft + c.marginRight : c.marginTop + c.marginBottom
-    ), f = s ? o.offsetWidth : o.offsetHeight;
-    oe.push(d + f + p), d += f + p;
-  });
-};
-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";
-  if (t === "grid") {
-    const s = window.getComputedStyle(e).gridTemplateRows, i = window.getComputedStyle(e).gridTemplateColumns;
-    if (s.includes("auto"))
-      return "vertical";
-    if (i.includes("auto"))
-      return "horizontal";
-  }
-  return t === "block" ? "vertical" : "horizontal";
-}
-const tr = Je((e) => {
-  const t = e.target, n = ft(t);
-  if (n === "vertical") {
-    const s = e.clientY - t.offsetTop;
-    ze(t, n, s);
-  } else {
-    const s = e.clientX - t.offsetLeft;
-    ze(t, n, s);
-  }
-}, 200), nr = (e) => {
-  e.preventDefault(), e.stopPropagation(), tr(e);
-};
-function xe() {
-  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] = G(), [, d] = W();
-  return U = e, {
-    isDragging: t,
-    "data-dnd": "branch",
-    onDragOver: i ? nr : 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: pt }), n(!1), xe(), setTimeout(() => {
-        xe();
-      }, 300);
-    } : te,
-    onDragEnter: i ? (o) => {
-      const c = o;
-      ne = c.target, c.stopPropagation(), c.preventDefault(), oe = [];
-      const p = c.target;
-      er(p), p.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), l(""), d([]);
-    } : te,
-    onDragLeave: i ? (o) => {
-      const c = o;
-      ne = null, c.stopPropagation(), c.preventDefault(), c.target.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
-    } : te,
-    onMouseOut: i ? () => {
-      n(!1), xe();
-    } : te
-  };
-};
-function Se(e) {
-  return e.getAttribute("data-block-id") ? e : e.closest("[data-block-id]");
-}
-function or(e) {
-  e.container.innerHTML = "", e.container.parentNode.removeChild(e.container);
-  var t = document.querySelector(".ql-toolbar");
-  t && t.parentNode.removeChild(t), e = null;
-}
-const sr = () => {
-  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = fn(), [, n] = G(), [s, i] = M(X);
-  return (l) => {
-    var h;
-    if (s)
-      return;
-    const d = Se(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((v) => {
-      v.name !== "class" && c.removeAttribute(v.name);
-    }), o === "Text" && (c.style.display = "inline-block"), d.parentNode.insertBefore(c, d.nextSibling);
-    const p = new En(c, { placeholder: "Type here..." });
-    function f() {
-      const v = p.getText(0, p.getLength());
-      t([d.getAttribute("data-block-id")], { content: v }), d.removeAttribute("style"), c.removeEventListener("blur", f, !0), or(p), i(""), n("");
-    }
-    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(X);
-  return (s) => {
-    if (n)
-      return;
-    s.stopPropagation();
-    const i = Se(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")]);
-  };
-}, ar = Je((e, t) => {
-  const n = Se(e.target);
-  n != null && n.getAttribute("data-style-id") && t(n.getAttribute("data-style-id"));
-}, 100), lr = () => {
-  const [, e] = G(), [t] = M(X);
-  return (n) => {
-    t || ar(n, e);
-  };
-}, cr = ({ children: e }) => {
-  const { document: t } = ue(), [n] = W(), [s, i] = J();
-  R(() => {
-    setTimeout(() => {
-      if (!z(s))
-        return;
-      const p = ht(t, ae(n));
-      if (p) {
-        const f = p.getAttribute("data-style-prop");
-        if (f) {
-          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 = sr(), d = ir(), o = lr(), c = rr();
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      "data-block-id": "container",
-      id: "canvas",
-      onClick: d,
-      onDoubleClick: l,
-      onMouseMove: o,
-      ...It(c, "isDragging"),
-      className: "relative mb-5 h-full max-w-full " + (c.isDragging ? "dragging" : ""),
-      children: e
-    }
-  );
-}, 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 } = 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);
-    return g ? g._parent : null;
-  };
-  return R(() => {
-    const m = (g) => {
-      if (g.key === "Escape") {
-        n([]), i([]);
-        return;
-      }
-      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(g.key)) {
-          if (h && ["x", "z", "v"].includes(g.key))
-            return !0;
-          g.preventDefault();
-        }
-        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", m), e.addEventListener("keydown", m), () => {
-      e.removeEventListener("keydown", m);
-    };
-  }, [t, n, l, p, c, d, o, h, f, e]), null;
-}, ur = ({ block: e, label: t }) => {
-  const [, n] = W(), [, s] = G(), [, 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(St(e, ["_id", "_type"]))), i(e._id), setTimeout(() => {
-          n([]), s(null);
-        }, 200);
-      },
-      children: [
-        /* @__PURE__ */ r.jsx(Ft, {}),
-        t
-      ]
-    }
-  );
-}, pr = ({ selectedBlockElement: e, block: t }) => {
-  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: {
-      reference: e
-    }
-  });
-  Bn(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",
-    {
-      role: "button",
-      tabIndex: 0,
-      ref: c.setFloating,
-      style: o,
-      onClick: (v) => {
-        v.stopPropagation(), v.preventDefault();
-      },
-      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(ur, { label: h, block: t }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1", children: [
-          f && /* @__PURE__ */ r.jsx(
-            $t,
-            {
-              className: "hover:scale-105",
-              onClick: () => {
-                l([]), i([f]);
-              }
-            }
-          ),
-          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(qt, { className: "hover:scale-105", onClick: () => n([t == null ? void 0 : t._id]) }) : null
-        ] })
-      ]
-    }
-  );
-}, fr = ({ model: e }) => {
-  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")
-  ), [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 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 = On({
-      colors: [m, g],
-      names: ["primary", "secondary"]
-    });
-    I.primary.DEFAULT = m, I.secondary.DEFAULT = g;
-    const q = D(t, "roundedCorners", "0");
-    !c || !c.tailwind || (c.tailwind.config = {
-      darkMode: "class",
-      theme: {
-        fontFamily: {
-          heading: [S],
-          body: [O]
-        },
-        extend: {
-          borderRadius: {
-            global: `${q || "0"}px`
-          },
-          colors: I
-        }
-      },
-      plugins: [
-        // @ts-ignore
-        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, 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]), R(() => {
-    if (!d) {
-      v.textContent = "";
-      return;
-    }
-    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]), R(() => {
-    h && (h.textContent = `${re(l, ({ id: m }) => `[data-style-id="${m}"]`).join(",")}{
-                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"), 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",
-      {
-        id: "heading-font",
-        rel: "stylesheet",
-        type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${S.replace(
-          / /g,
-          "+"
-        )}:wght@300;400;500;600;700;800;900&display=swap`,
-        media: "all"
-      }
-    ),
-    O && S !== O && /* @__PURE__ */ r.jsx(
-      "link",
-      {
-        id: "body-font",
-        rel: "stylesheet",
-        type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${O.replace(
-          / /g,
-          "+"
-        )}:wght@300;400;500;600;700;800;900&display=swap`,
-        media: "all"
-      }
-    ),
-    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;
-}, hr = (e) => {
-  const t = {};
-  return Object.keys(e).forEach((n) => {
-    je(e[n]) && e[n].startsWith(Me) && (t[n] = e[n].replace(Me, "").split(","));
-  }), t;
-}, gr = Dt((e) => {
-  const t = e.replace(it, "").split(",");
-  return Rn(t[0], t[1]);
-});
-function mr(e, t) {
-  return D(e, `${t}_attrs`, {});
-}
-function yr(e) {
-  const t = {};
-  return Object.keys(e).forEach((n) => {
-    if (je(e[n]) && e[n].startsWith(it)) {
-      const s = gr(e[n]);
-      t[n] = {
-        className: s,
-        "data-style-prop": n,
-        "data-block-parent": e._id,
-        "data-style-id": `${n}-${e._id}`,
-        ...mr(e, n)
-      };
-    }
-  }), t;
-}
-function vr(e, t) {
-  const n = D(e, "_bindings", {});
-  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] = 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)
-        return null;
-      const o = hr(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 = Ve(t, { _parent: l._id });
-      c.children = p.length ? /* @__PURE__ */ r.jsx(we, { blocks: p }) : null;
-      const f = Pn(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(Ke, { children: K.createElement(h, {
-        blockProps: {
-          "data-block-id": l._id,
-          "data-block-type": l._type,
-          "data-dnd": At(f, "canAcceptBlock") ? "branch" : "leaf"
-        },
-        inBuilder: !0,
-        index: d,
-        ...vr(l, s),
-        ...n(l),
-        ...c
-      }) });
-    })
-  ) });
-}
-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] = 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 Q = (_, N = 0) => {
-    const { top: F } = _.getBoundingClientRect();
-    return F + N >= 0 && F - N <= window.innerHeight;
-  };
-  R(() => {
-    var _, N;
-    if (i && i.type !== "Multiple" && d.current) {
-      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]), R(() => {
-    if (!z(I) && d.current) {
-      const _ = br(
-        d.current.contentDocument,
-        ae(I).id
-      );
-      m(_ ? [_] : [null]);
-    } else
-      m([null]);
-  }, [I]);
-  const L = Ct(() => {
-    let _ = qn;
-    return e === "offline" && (_ = _.replace(
-      "https://old.chaibuilder.com/offline/tailwind.cdn.js",
-      "/offline/tailwind.cdn.js"
-    ), _ = _.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), _ = _.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), _;
-  }, [e]);
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      onClick: () => {
-        s([]), q([]);
-      },
-      onMouseLeave: () => setTimeout(() => l(""), 300),
-      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(
-        Gn,
-        {
-          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: L,
-          children: [
-            /* @__PURE__ */ r.jsx(dr, {}),
-            /* @__PURE__ */ r.jsx(
-              pr,
-              {
-                block: i,
-                selectedBlockElement: ae(S)
-              }
-            ),
-            /* @__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 z-[99999] max-w-full bg-green-500 transition-transform" })
-          ]
-        }
-      )
-    }
-  );
-}, To = () => /* @__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 {
-  To as default
-};