@chaibuilder/sdk 1.1.14 → 1.1.16

package/dist/CanvasArea-U3egqewu.js

@@ -1,1434 +0,0 @@
-var xt = Object.defineProperty;
-var bt = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var J = (e, t, n) => (bt(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { j as r } from "./jsx-runtime-NV737rRe.js";
-import X, { createElement as wt, useCallback as we, useState as U, useEffect as _, Component as Ue, Children as kt, Suspense as ze, useRef as De, useMemo as jt, lazy as Ct } from "react";
-import { d as ie, c as Be, H as ue, I as Tt, J as Ye, K as ee, a as K, h as ae, o as St, B as It, g as O, i as ke, m as Et, f as Dt, j as Bt, b as Ke, A as Ot } from "./lodash-3gkdNK5u.js";
-import { ResetIcon as Oe, MobileIcon as Ae, LaptopIcon as At, DesktopIcon as Pt, DotsVerticalIcon as Rt, EraserIcon as Mt, ZoomInIcon as _t, DragHandleDots2Icon as Lt, ArrowUpIcon as Nt, CopyIcon as Ft, TrashIcon as $t } from "@radix-ui/react-icons";
-import { p as je, B as le, W as Je, aI as Wt, aJ as Ht, aK as qt, aL as Ut, aM as zt, R as Ce, ai as Yt, aN as Kt, aO as Jt, aP as Xt, aQ as Vt, aR as Zt, aS as Gt, w as Qt, j as W, aj as V, D as en, E as tn, F as nn, G as rn, H as sn, I as on, J as an, K as ln, ap as cn, L as dn, U as Xe, aH as oe, aT as un, _ as G, ab as pn, aU as re, ae as Te, m as Ve, n as fn, k as hn, o as gn, h as Ze, l as Ge, ag as mn, aV as yn, aW as Qe, aX as vn, aY as xn, x as bn, a as wn, aZ as kn, a_ as jn, a6 as Cn, a$ as Tn, i as Sn, S as et, aw as In } from "./index-0OqmBgqo.js";
-import { useTranslation as En } from "react-i18next";
-import { useAtom as F } from "jotai";
-import Pe from "react-dom";
-import { g as Dn, S as Re, a as tt } from "./MODIFIERS-MLfpKQY1.js";
-import { r as nt, u as Bn, B as On, E as An } from "./index-CQz6j3ex.js";
-import { Quill as Pn } from "react-quill";
-import { u as Rn } from "./useAddBlockByDrop-5QW86HjG.js";
-import { useFeature as rt } from "flagged";
-import { flip as Mn } from "@floating-ui/dom";
-import { useFloating as _n, shift as Ln } from "@floating-ui/react-dom";
-import { useResizeObserver as Nn } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as Fn } from "@bobthered/tailwindcss-palette-generator";
-import { Provider as $n } from "react-wrap-balancer";
-import { twMerge as Wn } from "tailwind-merge";
-import { getBlockComponent as Hn } from "@chaibuilder/runtime";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-XsPKXMVo.js";
-import "clsx";
-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 "flat-to-nested";
-import "redux-undo";
-import "i18next";
-import "react-textarea-autosize";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
-import "sonner";
-import "./html-to-json-Y5M0N8PH.js";
-import "himalaya";
-import "lucide-react";
-const qn = () => {
-  const { undoCount: e, redoCount: t, undo: n, redo: i } = je();
-  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(Oe, {}) }),
-    /* @__PURE__ */ r.jsx(le, { disabled: !t, onClick: i, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, { className: "rotate-180 scale-y-[-1] transform" }) })
-  ] });
-};
-function Un() {
-  const [e, t] = Je(), { t: n } = En();
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(Wt, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
-    /* @__PURE__ */ r.jsxs(
-      Ht,
-      {
-        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: "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 Me = ({ 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"
-          }
-        }
-      )
-    ]
-  }
-), _e = [
-  {
-    title: "Mobile (XS)",
-    content: "Styles set here are applied to all screen unless edited at higher breakpoint",
-    breakpoint: "xs",
-    icon: /* @__PURE__ */ r.jsx(Ae, {}),
-    width: 400
-  },
-  {
-    title: "Mobile landscape (SM)",
-    content: "Styles set here are applied at 640px and up unless edited at higher breakpoint",
-    breakpoint: "sm",
-    icon: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-90" }),
-    width: 640
-  },
-  {
-    title: "Tablet (MD)",
-    content: "Styles set here are applied at 768px and up",
-    breakpoint: "md",
-    icon: /* @__PURE__ */ r.jsx(Me, {}),
-    width: 800
-  },
-  {
-    title: "Tablet Landscape (LG)",
-    content: "Styles set here are applied at 1024px and up unless edited at higher breakpoint",
-    breakpoint: "lg",
-    icon: /* @__PURE__ */ r.jsx(Me, { landscape: !0 }),
-    width: 1024
-  },
-  {
-    title: "Desktop (XL)",
-    content: "Styles set here are applied at 1280px and up unless edited at higher breakpoint",
-    breakpoint: "xl",
-    icon: /* @__PURE__ */ r.jsx(At, {}),
-    width: 1420
-  },
-  {
-    title: "Large Desktop (2XL)",
-    content: "Styles set here are applied at 1536px and up",
-    breakpoint: "2xl",
-    icon: /* @__PURE__ */ r.jsx(Pt, {}),
-    width: 1920
-  }
-], zn = ({
-  title: e,
-  content: t,
-  currentBreakpoint: n,
-  breakpoint: i,
-  width: l,
-  icon: o,
-  onClick: d
-}) => /* @__PURE__ */ r.jsxs(qt, { children: [
-  /* @__PURE__ */ r.jsx(Ut, { asChild: !0, children: /* @__PURE__ */ r.jsx(
-    le,
-    {
-      onClick: () => d(l),
-      size: "sm",
-      variant: i === n ? "secondary" : "ghost",
-      children: o
-    }
-  ) }),
-  /* @__PURE__ */ r.jsx(zt, { 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: e }),
-    /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: t })
-  ] }) }) })
-] }), Yn = () => {
-  const [, e, t] = Ce(), [n, i] = Yt(), l = (o) => {
-    n.includes(o) ? n.length > 2 && i(n.filter((d) => d !== o)) : i((d) => [...d, o]);
-  };
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
-    ie(
-      _e.filter((o) => Be(n, ue(o.breakpoint))),
-      (o) => /* @__PURE__ */ wt(zn, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
-    ),
-    /* @__PURE__ */ r.jsxs(Kt, { children: [
-      /* @__PURE__ */ r.jsx(Jt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Rt, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ r.jsxs(Xt, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ r.jsx(Vt, { children: "Breakpoints" }),
-        /* @__PURE__ */ r.jsx(Zt, {}),
-        ie(_e, (o) => /* @__PURE__ */ r.jsx(
-          Gt,
-          {
-            disabled: o.breakpoint === "xs",
-            onCheckedChange: () => l(ue(o.breakpoint)),
-            checked: Be(n, ue(o.breakpoint)),
-            children: o.title
-          },
-          o.breakpoint
-        ))
-      ] })
-    ] })
-  ] });
-}, Kn = () => {
-  const [e] = Qt(), { createSnapshot: t } = je(), [, n] = W(), [, i] = V(), l = we(() => {
-    e([]), n([]), i([]), t();
-  }, [e, t]);
-  return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(en, { children: [
-    /* @__PURE__ */ r.jsx(tn, { asChild: !0, children: /* @__PURE__ */ r.jsxs(le, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ r.jsx(Mt, {}),
-      " Clear"
-    ] }) }),
-    /* @__PURE__ */ r.jsxs(nn, { className: "border-border", children: [
-      /* @__PURE__ */ r.jsxs(rn, { children: [
-        /* @__PURE__ */ r.jsx(sn, { children: "Clear whole canvas?" }),
-        /* @__PURE__ */ r.jsx(on, { children: "Are you sure you want to clear the whole canvas?" })
-      ] }),
-      /* @__PURE__ */ r.jsxs(an, { children: [
-        /* @__PURE__ */ r.jsx(ln, { children: "Cancel" }),
-        /* @__PURE__ */ r.jsx(cn, { onClick: l, children: "Yes" })
-      ] })
-    ] })
-  ] }) });
-}, Jn = () => {
-  const e = dn("darkMode", !1), [t] = Xe();
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex h-full space-x-2", children: [
-      e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(Un, {}),
-        /* @__PURE__ */ r.jsx(oe, { orientation: "vertical" })
-      ] }) : null,
-      /* @__PURE__ */ r.jsx(Yn, {}),
-      /* @__PURE__ */ r.jsx(oe, { 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(_t, { className: "h-3.5 w-3.5 flex-shrink-0" }),
-        " ",
-        /* @__PURE__ */ r.jsxs("div", { className: "text-xs leading-3", children: [
-          Tt(t, 0),
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ r.jsx(oe, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(qn, {})
-    ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ r.jsx(oe, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(Kn, {})
-    ] })
-  ] });
-}, Xn = `<!doctype html>
-<html class="scroll-smooth h-full overflow-y-auto">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://old.chaibuilder.com/offline/tailwind.cdn.js"><\/script>
-    <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;
-    }
-    </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"></div>
-    <script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
-  </body>
-</html>`, Vn = (e) => {
-  const [t] = Ce(), [, n] = Xe(), [i, l] = U({}), o = we(() => {
-    const { width: d, height: s } = e;
-    if (d < t) {
-      const u = parseFloat((d / t).toFixed(2).toString());
-      let c = {};
-      const f = s * u;
-      s && (c = {
-        // Eureka! This is the formula to calculate the height of the scaled element. Thank you ChatGPT 4
-        height: 100 + (s - f) / f * 100 + "%"
-      }), l({
-        position: "relative",
-        top: 0,
-        transform: `scale(${u})`,
-        transformOrigin: "top left",
-        ...c,
-        maxWidth: "none"
-      }), n(u * 100);
-    } else
-      l({}), n(100);
-  }, [t, e, n]);
-  return _(() => {
-    o();
-  }, [t, e, n, o]), i;
-};
-var ce = { exports: {} };
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var pe, Le;
-function Zn() {
-  if (Le)
-    return pe;
-  Le = 1;
-  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-  function i(o) {
-    if (o == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(o);
-  }
-  function l() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var o = new String("abc");
-      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
-        return !1;
-      for (var d = {}, s = 0; s < 10; s++)
-        d["_" + String.fromCharCode(s)] = s;
-      var u = Object.getOwnPropertyNames(d).map(function(f) {
-        return d[f];
-      });
-      if (u.join("") !== "0123456789")
-        return !1;
-      var c = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
-        c[f] = f;
-      }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return pe = l() ? Object.assign : function(o, d) {
-    for (var s, u = i(o), c, f = 1; f < arguments.length; f++) {
-      s = Object(arguments[f]);
-      for (var h in s)
-        t.call(s, h) && (u[h] = s[h]);
-      if (e) {
-        c = e(s);
-        for (var w = 0; w < c.length; w++)
-          n.call(s, c[w]) && (u[c[w]] = s[c[w]]);
-      }
-    }
-    return u;
-  }, pe;
-}
-var fe, Ne;
-function Se() {
-  if (Ne)
-    return fe;
-  Ne = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return fe = e, fe;
-}
-var he, Fe;
-function st() {
-  return Fe || (Fe = 1, he = Function.call.bind(Object.prototype.hasOwnProperty)), he;
-}
-var ge, $e;
-function Gn() {
-  if ($e)
-    return ge;
-  $e = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var t = Se(), n = {}, i = st();
-    e = function(o) {
-      var d = "Warning: " + o;
-      typeof console < "u" && console.error(d);
-      try {
-        throw new Error(d);
-      } catch {
-      }
-    };
-  }
-  function l(o, d, s, u, c) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var f in o)
-        if (i(o, f)) {
-          var h;
-          try {
-            if (typeof o[f] != "function") {
-              var w = Error(
-                (u || "React class") + ": " + s + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw w.name = "Invariant Violation", w;
-            }
-            h = o[f](d, f, u, s, null, t);
-          } catch (P) {
-            h = P;
-          }
-          if (h && !(h instanceof Error) && e(
-            (u || "React class") + ": type specification of " + s + " `" + 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 = c ? c() : "";
-            e(
-              "Failed " + s + " type: " + h.message + (S ?? "")
-            );
-          }
-        }
-    }
-  }
-  return l.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (n = {});
-  }, ge = l, ge;
-}
-var me, We;
-function Qn() {
-  if (We)
-    return me;
-  We = 1;
-  var e = nt, t = Zn(), n = Se(), i = st(), l = Gn(), o = function() {
-  };
-  process.env.NODE_ENV !== "production" && (o = function(s) {
-    var u = "Warning: " + s;
-    typeof console < "u" && console.error(u);
-    try {
-      throw new Error(u);
-    } catch {
-    }
-  });
-  function d() {
-    return null;
-  }
-  return me = function(s, u) {
-    var c = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
-    function h(a) {
-      var p = a && (c && a[c] || a[f]);
-      if (typeof p == "function")
-        return p;
-    }
-    var w = "<<anonymous>>", S = {
-      array: D("array"),
-      bigint: D("bigint"),
-      bool: D("boolean"),
-      func: D("function"),
-      number: D("number"),
-      object: D("object"),
-      string: D("string"),
-      symbol: D("symbol"),
-      any: A(),
-      arrayOf: k,
-      element: N(),
-      elementType: $(),
-      instanceOf: B,
-      node: ft(),
-      objectOf: q,
-      oneOf: H,
-      oneOfType: pt,
-      shape: ht,
-      exact: gt
-    };
-    function P(a, p) {
-      return a === p ? a !== 0 || 1 / a === 1 / p : a !== a && p !== p;
-    }
-    function x(a, p) {
-      this.message = a, this.data = p && typeof p == "object" ? p : {}, this.stack = "";
-    }
-    x.prototype = Error.prototype;
-    function E(a) {
-      if (process.env.NODE_ENV !== "production")
-        var p = {}, b = 0;
-      function y(j, m, v, C, I, T, L) {
-        if (C = C || w, T = T || v, L !== n) {
-          if (u) {
-            var R = 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 R.name = "Invariant Violation", R;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = C + ":" + v;
-            !p[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
-            b < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + T + "` prop on `" + C + "`. 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."
-            ), p[Z] = !0, b++);
-          }
-        }
-        return m[v] == null ? j ? m[v] === null ? new x("The " + I + " `" + T + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new x("The " + I + " `" + T + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : a(m, v, C, I, T);
-      }
-      var g = y.bind(null, !1);
-      return g.isRequired = y.bind(null, !0), g;
-    }
-    function D(a) {
-      function p(b, y, g, j, m, v) {
-        var C = b[y], I = z(C);
-        if (I !== a) {
-          var T = Q(C);
-          return new x(
-            "Invalid " + j + " `" + m + "` of type " + ("`" + T + "` supplied to `" + g + "`, expected ") + ("`" + a + "`."),
-            { expectedType: a }
-          );
-        }
-        return null;
-      }
-      return E(p);
-    }
-    function A() {
-      return E(d);
-    }
-    function k(a) {
-      function p(b, y, g, j, m) {
-        if (typeof a != "function")
-          return new x("Property `" + m + "` of component `" + g + "` has invalid PropType notation inside arrayOf.");
-        var v = b[y];
-        if (!Array.isArray(v)) {
-          var C = z(v);
-          return new x("Invalid " + j + " `" + m + "` of type " + ("`" + C + "` supplied to `" + g + "`, expected an array."));
-        }
-        for (var I = 0; I < v.length; I++) {
-          var T = a(v, I, g, j, m + "[" + I + "]", n);
-          if (T instanceof Error)
-            return T;
-        }
-        return null;
-      }
-      return E(p);
-    }
-    function N() {
-      function a(p, b, y, g, j) {
-        var m = p[b];
-        if (!s(m)) {
-          var v = z(m);
-          return new x("Invalid " + g + " `" + j + "` of type " + ("`" + v + "` supplied to `" + y + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return E(a);
-    }
-    function $() {
-      function a(p, b, y, g, j) {
-        var m = p[b];
-        if (!e.isValidElementType(m)) {
-          var v = z(m);
-          return new x("Invalid " + g + " `" + j + "` of type " + ("`" + v + "` supplied to `" + y + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return E(a);
-    }
-    function B(a) {
-      function p(b, y, g, j, m) {
-        if (!(b[y] instanceof a)) {
-          var v = a.name || w, C = vt(b[y]);
-          return new x("Invalid " + j + " `" + m + "` of type " + ("`" + C + "` supplied to `" + g + "`, expected ") + ("instance of `" + v + "`."));
-        }
-        return null;
-      }
-      return E(p);
-    }
-    function H(a) {
-      if (!Array.isArray(a))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
-          "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])."
-        ) : o("Invalid argument supplied to oneOf, expected an array.")), d;
-      function p(b, y, g, j, m) {
-        for (var v = b[y], C = 0; C < a.length; C++)
-          if (P(v, a[C]))
-            return null;
-        var I = JSON.stringify(a, function(L, R) {
-          var Z = Q(R);
-          return Z === "symbol" ? String(R) : R;
-        });
-        return new x("Invalid " + j + " `" + m + "` of value `" + String(v) + "` " + ("supplied to `" + g + "`, expected one of " + I + "."));
-      }
-      return E(p);
-    }
-    function q(a) {
-      function p(b, y, g, j, m) {
-        if (typeof a != "function")
-          return new x("Property `" + m + "` of component `" + g + "` has invalid PropType notation inside objectOf.");
-        var v = b[y], C = z(v);
-        if (C !== "object")
-          return new x("Invalid " + j + " `" + m + "` of type " + ("`" + C + "` supplied to `" + g + "`, expected an object."));
-        for (var I in v)
-          if (i(v, I)) {
-            var T = a(v, I, g, j, m + "." + I, n);
-            if (T instanceof Error)
-              return T;
-          }
-        return null;
-      }
-      return E(p);
-    }
-    function pt(a) {
-      if (!Array.isArray(a))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), d;
-      for (var p = 0; p < a.length; p++) {
-        var b = a[p];
-        if (typeof b != "function")
-          return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + yt(b) + " at index " + p + "."
-          ), d;
-      }
-      function y(g, j, m, v, C) {
-        for (var I = [], T = 0; T < a.length; T++) {
-          var L = a[T], R = L(g, j, m, v, C, n);
-          if (R == null)
-            return null;
-          R.data && i(R.data, "expectedType") && I.push(R.data.expectedType);
-        }
-        var Z = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new x("Invalid " + v + " `" + C + "` supplied to " + ("`" + m + "`" + Z + "."));
-      }
-      return E(y);
-    }
-    function ft() {
-      function a(p, b, y, g, j) {
-        return se(p[b]) ? null : new x("Invalid " + g + " `" + j + "` supplied to " + ("`" + y + "`, expected a ReactNode."));
-      }
-      return E(a);
-    }
-    function Ee(a, p, b, y, g) {
-      return new x(
-        (a || "React class") + ": " + p + " type `" + b + "." + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + g + "`."
-      );
-    }
-    function ht(a) {
-      function p(b, y, g, j, m) {
-        var v = b[y], C = z(v);
-        if (C !== "object")
-          return new x("Invalid " + j + " `" + m + "` of type `" + C + "` " + ("supplied to `" + g + "`, expected `object`."));
-        for (var I in a) {
-          var T = a[I];
-          if (typeof T != "function")
-            return Ee(g, j, m, I, Q(T));
-          var L = T(v, I, g, j, m + "." + I, n);
-          if (L)
-            return L;
-        }
-        return null;
-      }
-      return E(p);
-    }
-    function gt(a) {
-      function p(b, y, g, j, m) {
-        var v = b[y], C = z(v);
-        if (C !== "object")
-          return new x("Invalid " + j + " `" + m + "` of type `" + C + "` " + ("supplied to `" + g + "`, expected `object`."));
-        var I = t({}, b[y], a);
-        for (var T in I) {
-          var L = a[T];
-          if (i(a, T) && typeof L != "function")
-            return Ee(g, j, m, T, Q(L));
-          if (!L)
-            return new x(
-              "Invalid " + j + " `" + m + "` key `" + T + "` supplied to `" + g + "`.\nBad object: " + JSON.stringify(b[y], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
-            );
-          var R = L(v, T, g, j, m + "." + T, n);
-          if (R)
-            return R;
-        }
-        return null;
-      }
-      return E(p);
-    }
-    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 || s(a))
-            return !0;
-          var p = h(a);
-          if (p) {
-            var b = p.call(a), y;
-            if (p !== a.entries) {
-              for (; !(y = b.next()).done; )
-                if (!se(y.value))
-                  return !1;
-            } else
-              for (; !(y = b.next()).done; ) {
-                var g = y.value;
-                if (g && !se(g[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function mt(a, p) {
-      return a === "symbol" ? !0 : p ? p["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && p instanceof Symbol : !1;
-    }
-    function z(a) {
-      var p = typeof a;
-      return Array.isArray(a) ? "array" : a instanceof RegExp ? "object" : mt(p, a) ? "symbol" : p;
-    }
-    function Q(a) {
-      if (typeof a > "u" || a === null)
-        return "" + a;
-      var p = z(a);
-      if (p === "object") {
-        if (a instanceof Date)
-          return "date";
-        if (a instanceof RegExp)
-          return "regexp";
-      }
-      return p;
-    }
-    function yt(a) {
-      var p = Q(a);
-      switch (p) {
-        case "array":
-        case "object":
-          return "an " + p;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + p;
-        default:
-          return p;
-      }
-    }
-    function vt(a) {
-      return !a.constructor || !a.constructor.name ? w : a.constructor.name;
-    }
-    return S.checkPropTypes = l, S.resetWarningCache = l.resetWarningCache, S.PropTypes = S, S;
-  }, me;
-}
-var ye, He;
-function er() {
-  if (He)
-    return ye;
-  He = 1;
-  var e = Se();
-  function t() {
-  }
-  function n() {
-  }
-  return n.resetWarningCache = t, ye = function() {
-    function i(d, s, u, c, f, h) {
-      if (h !== e) {
-        var w = 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 w.name = "Invariant Violation", w;
-      }
-    }
-    i.isRequired = i;
-    function l() {
-      return i;
-    }
-    var o = {
-      array: i,
-      bigint: i,
-      bool: i,
-      func: i,
-      number: i,
-      object: i,
-      string: i,
-      symbol: i,
-      any: i,
-      arrayOf: l,
-      element: i,
-      elementType: i,
-      instanceOf: l,
-      node: i,
-      objectOf: l,
-      oneOf: l,
-      oneOfType: l,
-      shape: l,
-      exact: l,
-      checkPropTypes: n,
-      resetWarningCache: t
-    };
-    return o.PropTypes = o, o;
-  }, ye;
-}
-var Os = ce.exports;
-if (process.env.NODE_ENV !== "production") {
-  var tr = nt, nr = !0;
-  ce.exports = Qn()(tr.isElement, nr);
-} else
-  ce.exports = er()();
-var rr = ce.exports;
-const M = /* @__PURE__ */ Dn(rr);
-let ot, it;
-typeof document < "u" && (ot = document);
-typeof window < "u" && (it = window);
-const at = X.createContext({ document: ot, window: it }), de = () => X.useContext(at), { Provider: sr, Consumer: As } = at;
-class lt extends Ue {
-  componentDidMount() {
-    this.props.contentDidMount();
-  }
-  componentDidUpdate() {
-    this.props.contentDidUpdate();
-  }
-  render() {
-    return kt.only(this.props.children);
-  }
-}
-J(lt, "propTypes", {
-  children: M.element.isRequired,
-  contentDidMount: M.func.isRequired,
-  contentDidUpdate: M.func.isRequired
-});
-class xe extends Ue {
-  constructor(n, i) {
-    super(n, i);
-    J(this, "setRef", (n) => {
-      this.nodeRef.current = n;
-      const { forwardedRef: i } = this.props;
-      typeof i == "function" ? i(n) : i && (i.current = n);
-    });
-    J(this, "handleLoad", () => {
-      clearInterval(this.loadCheck), this.state.iframeLoaded || this.setState({ iframeLoaded: !0 });
-    });
-    // In certain situations on a cold cache DOMContentLoaded never gets called
-    // fallback to an interval to check if that's the case
-    J(this, "loadCheck", () => setInterval(() => {
-      this.handleLoad();
-    }, 500));
-    this._isMounted = !1, this.nodeRef = X.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 i = this.props.contentDidMount, l = this.props.contentDidUpdate, o = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(lt, { contentDidMount: i, contentDidUpdate: l, children: /* @__PURE__ */ r.jsx(sr, { value: { document: n, window: o }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), s = this.getMountTarget();
-    return [Pe.createPortal(this.props.head, this.getDoc().head), Pe.createPortal(d, s)];
-  }
-  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.
-J(xe, "propTypes", {
-  style: M.object,
-  // eslint-disable-line
-  head: M.node,
-  initialContent: M.string,
-  mountTarget: M.string,
-  contentDidMount: M.func,
-  contentDidUpdate: M.func,
-  children: M.oneOfType([M.element, M.arrayOf(M.element)])
-}), J(xe, "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 or = X.forwardRef((e, t) => /* @__PURE__ */ r.jsx(xe, { ...e, forwardedRef: t }));
-let Y = null, ne = [], te = null, ct = null;
-function ir(e) {
-  const t = window.getComputedStyle(e), n = parseInt(t.paddingLeft, 10), i = parseInt(t.paddingTop, 10), l = parseInt(t.paddingRight, 10), o = parseInt(t.paddingBottom, 10);
-  return { paddingLeft: n, paddingTop: i, paddingRight: l, paddingBottom: o };
-}
-const qe = (e, t, n) => {
-  if (!Y)
-    return;
-  const i = e.getBoundingClientRect(), l = Y == null ? void 0 : Y.getElementById("placeholder"), { paddingLeft: o, paddingTop: d, paddingRight: s, paddingBottom: u } = ir(e);
-  l.style.width = t === "vertical" ? i.width - o - s + "px" : "2px", l.style.height = t === "vertical" ? "2px" : i.height - d - u + "px", l.style.display = "block";
-  const c = ne.reduce(
-    (f, h) => Math.abs(h - n) < Math.abs(f - n) ? h : f
-  );
-  ct = ne.indexOf(c), t === "vertical" ? (l.style.top = e.offsetTop + c + "px", l.style.left = e.offsetLeft + o + "px") : (l.style.top = e.offsetTop + d + "px", l.style.left = e.offsetLeft + c + "px");
-}, ar = (e) => {
-  const t = dt(e), n = window.getComputedStyle(e), i = t === "horizontal", l = parseInt(n.paddingLeft), o = parseInt(n.paddingTop);
-  let d = i ? l : o;
-  ne = [d], Array.from(e.children).forEach((s) => {
-    const u = window.getComputedStyle(s), c = parseInt(
-      i ? u.marginLeft + u.marginRight : u.marginTop + u.marginBottom
-    ), f = i ? s.offsetWidth : s.offsetHeight;
-    ne.push(d + f + c), d += f + c;
-  });
-};
-function dt(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 i = window.getComputedStyle(e).gridTemplateRows, l = window.getComputedStyle(e).gridTemplateColumns;
-    if (i.includes("auto"))
-      return "vertical";
-    if (l.includes("auto"))
-      return "horizontal";
-  }
-  return t === "block" ? "vertical" : "horizontal";
-}
-const lr = Ye((e) => {
-  const t = e.target, n = dt(t);
-  if (n === "vertical") {
-    const i = e.clientY - t.offsetTop;
-    qe(t, n, i);
-  } else {
-    const i = e.clientX - t.offsetLeft;
-    qe(t, n, i);
-  }
-}, 200), cr = (e) => {
-  e.preventDefault(), e.stopPropagation(), lr(e);
-};
-function ve() {
-  const e = Y == null ? void 0 : Y.getElementById("placeholder");
-  e.style.display = "none";
-}
-const dr = () => {
-  const { document: e } = de(), [t, n] = F(un), i = Rn(), l = rt("dnd"), [, o] = G(), [, d] = W();
-  return Y = e, {
-    isDragging: t,
-    "data-dnd": "branch",
-    onDragOver: l ? cr : ee,
-    onDrop: l ? (s) => {
-      te == null || te.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
-      const u = JSON.parse(s.dataTransfer.getData("text/plain"));
-      let c = s.target.getAttribute("data-block-id");
-      c === null && (c = s.target.parentElement.getAttribute("data-block-id")), i({ block: u, dropTargetId: c || null, relativeIndex: ct }), n(!1), ve(), setTimeout(() => {
-        ve();
-      }, 300);
-    } : ee,
-    onDragEnter: l ? (s) => {
-      const u = s;
-      te = u.target, u.stopPropagation(), u.preventDefault(), ne = [];
-      const c = u.target;
-      ar(c), c.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), o(""), d([]);
-    } : ee,
-    onDragLeave: l ? (s) => {
-      const u = s;
-      te = null, u.stopPropagation(), u.preventDefault(), u.target.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
-    } : ee,
-    onMouseOut: l ? () => {
-      n(!1), ve();
-    } : ee
-  };
-};
-function Ie(e) {
-  return e.getAttribute("data-block-id") ? e : e.closest("[data-block-id]");
-}
-function ur(e) {
-  e.container.innerHTML = "", e.container.parentNode.removeChild(e.container);
-  var t = document.querySelector(".ql-toolbar");
-  t && t.parentNode.removeChild(t), e = null;
-}
-const pr = () => {
-  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = pn(), [, n] = W(), [, i] = G(), [l, o] = F(re);
-  return (d) => {
-    var w;
-    if (l)
-      return;
-    const s = Ie(d.target), u = s.getAttribute("data-block-type");
-    if (!u || !e.includes(u))
-      return;
-    const c = s.cloneNode(!0);
-    s.style.display = "none", Array.from(c.attributes).forEach((S) => {
-      S.name !== "class" && c.removeAttribute(S.name);
-    }), u === "Text" && (c.style.display = "inline-block"), s.parentNode.insertBefore(c, s.nextSibling);
-    const f = new Pn(c, { placeholder: "Type here..." });
-    function h() {
-      const S = f.getText(0, f.getLength());
-      t([s.getAttribute("data-block-id")], { content: S }), s.removeAttribute("style"), c.removeEventListener("blur", h, !0), ur(f), o(""), i("");
-    }
-    c.addEventListener("blur", h, !0), f.focus(), (w = c.querySelector(".ql-clipboard")) == null || w.remove(), n([]), o(s.getAttribute("data-block-id"));
-  };
-}, fr = () => {
-  const [, e] = V(), [, t] = W(), [n] = F(re);
-  return (i) => {
-    if (n)
-      return;
-    i.stopPropagation();
-    const l = Ie(i.target);
-    if (l != null && l.getAttribute("data-block-parent")) {
-      const o = l.getAttribute("data-style-prop"), d = l.getAttribute("data-style-id"), s = l.getAttribute("data-block-parent");
-      e([{ id: d, prop: o, blockId: s }]), t([s]);
-    } else
-      l != null && l.getAttribute("data-block-id") && t([l.getAttribute("data-block-id")]);
-  };
-}, hr = Ye((e, t) => {
-  const n = Ie(e.target);
-  n != null && n.getAttribute("data-style-id") && t(n.getAttribute("data-style-id"));
-}, 100), gr = () => {
-  const [, e] = G(), [t] = F(re);
-  return (n) => {
-    t || hr(n, e);
-  };
-}, mr = ({ children: e }) => {
-  const { document: t } = de(), [n] = W(), [i, l] = V();
-  _(() => {
-    setTimeout(() => {
-      if (!K(i))
-        return;
-      const c = ut(t, ae(n));
-      if (c) {
-        const f = c.getAttribute("data-style-prop");
-        if (f) {
-          const h = c.getAttribute("data-style-id"), w = c.getAttribute("data-block-parent");
-          l([{ id: h, prop: f, blockId: w }]);
-        }
-      }
-    }, 100);
-  }, [t, n, l, i]);
-  const o = pr(), d = fr(), s = gr(), u = dr();
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      id: "canvas",
-      onClick: d,
-      onDoubleClick: o,
-      onMouseMove: s,
-      ...St(u, "isDragging"),
-      className: "relative mb-5 max-w-full " + (u.isDragging ? "dragging" : ""),
-      children: e
-    }
-  );
-}, ut = (e, t) => e.querySelector(`[data-block-id="${t}"]`), yr = () => {
-  const { window: e } = de(), [t, n] = W(), i = Te(), [, l] = V(), { undo: o, redo: d } = je(), s = Ve(), [, u] = fn(), [, c] = hn(), { pasteBlocks: f } = gn(), [, h] = Ze(), w = Ge(), { savePage: S } = mn(), [P] = F(re), [, x] = F(yn), E = (A) => {
-    A.key === "Enter" && (A.preventDefault(), t.length === 1 && x(ae(t)));
-  }, D = (A) => {
-    const k = i.find((N) => N._id === A);
-    return k ? k._parent : null;
-  };
-  return _(() => {
-    const A = (k) => {
-      if (k.key === "Escape") {
-        n([]), l([]);
-        return;
-      }
-      if (E(k), !P && (k.key === "Delete" || k.key === "Backspace") && (k.preventDefault(), w(t)), k.ctrlKey || k.metaKey) {
-        if (k.key === "ArrowUp") {
-          k.preventDefault();
-          const N = t.length > 0 ? D(t[0]) : null;
-          N && n([N]);
-        }
-        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(k.key)) {
-          if (P && ["x", "z", "v"].includes(k.key))
-            return !0;
-          k.preventDefault();
-        }
-        k.key === "s" && (k.stopPropagation(), k.preventDefault(), S()), k.key === "z" && o(), k.key === "y" && d(), k.key === "d" && s(t), k.key === "x" && u(t), k.key === "c" && c(t), k.key === "v" && t.length > 0 && f(t[0]);
-      }
-    };
-    return e.removeEventListener("keydown", A), e.addEventListener("keydown", A), () => {
-      e.removeEventListener("keydown", A);
-    };
-  }, [
-    t,
-    n,
-    o,
-    w,
-    h,
-    d,
-    s,
-    u,
-    c,
-    f,
-    P,
-    S,
-    e
-  ]), null;
-}, vr = ({ block: e, label: t }) => {
-  const [, n] = W(), [, i] = G(), [, l] = F(Qe), o = rt("dnd");
-  return /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: "mr-10 flex cursor-grab items-center space-x-1 px-1",
-      draggable: o ? "true" : "false",
-      onDragStart: (d) => {
-        d.dataTransfer.setData("text/plain", JSON.stringify(It(e, ["_id", "_type"]))), l(e._id), setTimeout(() => {
-          n([]), i(null);
-        }, 200);
-      },
-      children: [
-        /* @__PURE__ */ r.jsx(Lt, {}),
-        t
-      ]
-    }
-  );
-}, xr = ({ selectedBlockElement: e, block: t }) => {
-  const n = Ge(), i = Ve(), [, l] = W(), [, o] = V(), { floatingStyles: d, refs: s, update: u } = _n({
-    placement: "top-start",
-    middleware: [Ln(), Mn()],
-    elements: {
-      reference: e
-    }
-  });
-  Nn(e, () => u(), e !== null);
-  const c = O(t, "_parent", null), f = K(O(t, "_name", "")) ? O(t, "_type", "") : O(t, "_name", "");
-  return !e || !t ? null : /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      ref: s.setFloating,
-      style: d,
-      onClick: (h) => {
-        h.stopPropagation(), h.preventDefault();
-      },
-      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(vr, { label: f, block: t }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1 ", children: [
-          c && /* @__PURE__ */ r.jsx(
-            Nt,
-            {
-              className: "hover:scale-105 ",
-              onClick: () => {
-                o([]), l([c]);
-              }
-            }
-          ),
-          vn(O(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Ft, { className: "hover:scale-105 ", onClick: () => i([t == null ? void 0 : t._id]) }) : null,
-          xn(O(t, "_type", "")) ? /* @__PURE__ */ r.jsx($t, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
-        ] })
-      ]
-    }
-  );
-}, br = ({ model: e }) => {
-  const [t] = bn(), [n] = W(), [i] = Je(), [l] = G(), [o] = V(), [d] = F(Qe), { document: s, window: u } = de(), [c] = U(s == null ? void 0 : s.getElementById("highlighted-block")), [f] = U(
-    s == null ? void 0 : s.getElementById("selected-block")
-  ), [h] = U(
-    s == null ? void 0 : s.getElementById("selected-styling-block")
-  ), [w] = U(s == null ? void 0 : s.getElementById("dragged-block"));
-  _(() => {
-    i ? s == null || s.documentElement.classList.add("dark") : s == null || s.documentElement.classList.remove("dark");
-  }, [i, s]);
-  const S = O(t, "headingFont", "DM Sans"), P = O(t, "bodyFont", "DM Sans");
-  return _(() => {
-    const x = O(t, "primaryColor", "#000"), E = O(t, "secondaryColor", "#FFF"), D = Fn({
-      colors: [x, E],
-      names: ["primary", "secondary"]
-    });
-    D.primary.DEFAULT = x, D.secondary.DEFAULT = E;
-    const A = O(t, "roundedCorners", "0");
-    !u || !u.tailwind || (u.tailwind.config = {
-      darkMode: "class",
-      theme: {
-        fontFamily: {
-          heading: [S],
-          body: [P]
-        },
-        extend: {
-          borderRadius: {
-            global: `${A || "0"}px`
-          },
-          colors: D
-        }
-      },
-      plugins: [
-        // @ts-ignore
-        u.tailwind.plugin.withOptions(({ prefix: k = "ui" } = {}) => ({ addVariant: N }) => {
-          for (const $ of ["open", "checked", "selected", "active", "disabled"])
-            N(`${k}-${$}`, [
-              `&[data-headlessui-state~="${$}"]`,
-              `:where([data-headlessui-state~="${$}"]) &`
-            ]), N(`${k}-not-${$}`, [
-              `&[data-headlessui-state]:not([data-headlessui-state~="${$}"])`,
-              `:where([data-headlessui-state]:not([data-headlessui-state~="${$}"])) &:not([data-headlessui-state])`
-            ]);
-        })
-      ]
-    });
-  }, [t, u, S, P]), _(() => {
-    f && (f.textContent = `${ie(n, (x) => `[data-block-id="${x}"]`).join(",")}{
-                outline: 1px solid ${n.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
-            }`);
-  }, [n, f]), _(() => {
-    if (!d) {
-      w.textContent = "";
-      return;
-    }
-    w.textContent = `[data-block-id="${d}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
-  }, [d]), _(() => {
-    c && (c.textContent = l ? `[data-style-id="${l}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}` : "");
-  }, [l, n, c]), _(() => {
-    h && (h.textContent = `${ie(o, ({ id: x }) => `[data-style-id="${x}"]`).join(",")}{
-                outline: 1px solid #42a1fc !important; outline-offset: -1px;
-            }`);
-  }, [o, h]), _(() => {
-    const x = O(t, "bodyTextLightColor", "#64748b"), E = O(t, "bodyTextDarkColor", "#94a3b8"), D = O(t, "bodyBgLightColor", "#FFFFFF"), A = O(t, "bodyBgDarkColor", "#0f172a");
-    s.body.className = `font-body antialiased text-[${x}] bg-[${D}] dark:text-[${E}] dark:bg-[${A}]`;
-  }, [t, s, 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"
-      }
-    ),
-    P && S !== P && /* @__PURE__ */ r.jsx(
-      "link",
-      {
-        id: "body-font",
-        rel: "stylesheet",
-        type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${P.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;
-}, wr = (e) => {
-  const t = {};
-  return Object.keys(e).forEach((n) => {
-    ke(e[n]) && e[n].startsWith(Re) && (t[n] = e[n].replace(Re, "").split(","));
-  }), t;
-}, kr = Et((e) => {
-  const t = e.replace(tt, "").split(",");
-  return Wn(t[0], t[1]);
-});
-function jr(e, t) {
-  return O(e, `${t}_attrs`, {});
-}
-function Cr(e) {
-  const t = {};
-  return Object.keys(e).forEach((n) => {
-    if (ke(e[n]) && e[n].startsWith(tt)) {
-      const i = kr(e[n]);
-      t[n] = {
-        className: i,
-        "data-style-prop": n,
-        "data-block-parent": e._id,
-        "data-style-id": `${n}-${e._id}`,
-        ...jr(e, n)
-      };
-    }
-  }), t;
-}
-function Tr(e, t) {
-  const n = O(e, "_bindings", {});
-  return K(n) ? { ...e } : (Dt(n, (i, l) => {
-    ke(i) && O(t, i, null) && (e[l] = O(t, i, null));
-  }), e);
-}
-function be({ blocks: e }) {
-  const t = Te(), n = we((o) => Cr(o), []), [i] = Bn(), [l] = wn(re);
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: X.Children.toArray(
-    e.map((o, d) => {
-      if (l === o._id)
-        return null;
-      const s = wr(o), u = {};
-      K(s) || Object.keys(s).forEach((w) => {
-        u[w] = X.Children.toArray(
-          s[w].map((S) => /* @__PURE__ */ r.jsx(be, { blocks: [Bt(t, { _id: S })] }))
-        );
-      });
-      const c = Ke(t, { _parent: o._id });
-      u.children = c.length ? /* @__PURE__ */ r.jsx(be, { blocks: c }) : null;
-      const f = Hn(o._type), h = O(f, "component", null);
-      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${o == null ? void 0 : o._type} not registered -->` }) : /* @__PURE__ */ r.jsx(ze, { children: X.createElement(h, {
-        blockProps: {
-          "data-block-id": o._id,
-          "data-block-type": o._type,
-          "data-dnd": kn(o._type) ? "branch" : "leaf"
-        },
-        inBuilder: !0,
-        index: d,
-        ...Tr(o, i),
-        ...n(o),
-        ...u
-      }) });
-    })
-  ) });
-}
-const Sr = () => {
-  const e = Te();
-  return /* @__PURE__ */ r.jsx($n, { children: K(e) ? null : /* @__PURE__ */ r.jsx(On, { children: /* @__PURE__ */ r.jsx(be, { blocks: Ke(e, (t) => K(t._parent)) }) }) });
-}, Ir = (e, t) => e.querySelector(`[data-style-id="${t}"]`), Er = () => {
-  const [e] = F(jn), [t] = Ze(), [n] = Ce(), [, i] = W(), l = Cn(), [, o] = G(), d = De(null), s = De(null), [u, c] = U({ width: 0, height: 0 }), f = Vn(u), [h, w] = U(0), [S, P] = U([]), [, x] = U([]), [, E] = F(Tn), [D, A] = V(), k = Sn("loadingCanvas", !1);
-  _(() => {
-    const { clientWidth: B, clientHeight: H } = s.current;
-    c({ width: B, height: H }), h === 0 && w(B);
-  }, [s, n, h]);
-  const N = (B, H = 0) => {
-    const { top: q } = B.getBoundingClientRect();
-    return q + H >= 0 && q - H <= window.innerHeight;
-  };
-  _(() => {
-    var B, H;
-    if (l && l.type !== "Multiple" && d.current) {
-      const q = ut(d.current.contentDocument, l._id);
-      q && (N(q) || (H = (B = d.current) == null ? void 0 : B.contentWindow) == null || H.scrollTo({ top: q.offsetTop, behavior: "smooth" }), P([q]));
-    }
-  }, [l]), _(() => {
-    if (!K(D) && d.current) {
-      const B = Ir(
-        d.current.contentDocument,
-        ae(D).id
-      );
-      x(B ? [B] : [null]);
-    } else
-      x([null]);
-  }, [D]);
-  const $ = jt(() => {
-    let B = Xn;
-    return e === "offline" && (B = B.replace(
-      "https://old.chaibuilder.com/offline/tailwind.cdn.js",
-      "/offline/tailwind.cdn.js"
-    ), B = B.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), B = B.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), B;
-  }, [e]);
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      onClick: () => {
-        i([]), A([]);
-      },
-      onMouseLeave: () => setTimeout(() => o(""), 300),
-      className: "relative mx-auto overflow-hidden h-full w-full",
-      style: h > 0 && !K(f) ? { width: t ? "100%" : h } : {},
-      ref: s,
-      children: /* @__PURE__ */ r.jsxs(
-        or,
-        {
-          contentDidMount: () => E(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: $,
-          children: [
-            /* @__PURE__ */ r.jsx(yr, {}),
-            /* @__PURE__ */ r.jsx(
-              xr,
-              {
-                block: l,
-                selectedBlockElement: ae(S)
-              }
-            ),
-            /* @__PURE__ */ r.jsx(br, { model: "page" }),
-            /* @__PURE__ */ r.jsx(mr, { children: k ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(et, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Sr, {}) }),
-            /* @__PURE__ */ r.jsx("br", {}),
-            /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute bg-green-500 z-[99999] max-w-full transition-transform" })
-          ]
-        }
-      )
-    }
-  );
-}, Dr = Ct(() => import("./AddBlocks-FsdsASNp.js")), Ps = () => {
-  const [e, t] = F(In);
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ r.jsx(Jn, {}),
-    /* @__PURE__ */ r.jsxs("div", { className: "relative h-full overflow-hidden bg-slate-800/90 px-2 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]", children: [
-      /* @__PURE__ */ r.jsx(ze, { fallback: /* @__PURE__ */ r.jsx(et, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(An, { children: /* @__PURE__ */ r.jsx(Er, {}) }) }),
-      e ? /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          onClick: () => t(!1),
-          className: "absolute inset-0 z-50 flex items-center bg-black/30 backdrop-blur-sm",
-          children: /* @__PURE__ */ r.jsx(
-            "div",
-            {
-              onClick: (n) => n.stopPropagation(),
-              className: "mx-auto h-[90%] w-[90%] max-w-3xl rounded-md bg-white p-4 shadow-lg shadow-black/10 xl:w-[65%]",
-              children: /* @__PURE__ */ r.jsx(Dr, {})
-            }
-          )
-        }
-      ) : null
-    ] })
-  ] });
-};
-export {
-  Ps as default
-};