@chaibuilder/sdk 0.1.16 → 0.1.18

package/dist/CanvasArea-a585620d.js

@@ -1,1459 +0,0 @@
-var vt = Object.defineProperty;
-var gt = (e, r, n) => r in e ? vt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n;
-var V = (e, r, n) => (gt(e, typeof r != "symbol" ? r + "" : r, n), n);
-import { j as t } from "./jsx-runtime-944c88e2.js";
-import G, { createElement as xt, useCallback as Q, useState as H, useEffect as F, Component as Xe, Children as bt, Suspense as Ze, useRef as Oe, useMemo as wt, lazy as Et } from "react";
-import { map as ie, includes as Me, toUpper as ye, round as St, isEmpty as ee, first as ce, get as $, memoize as Tt, find as jt, filter as Je, isString as Qe } from "lodash";
-import { ResetIcon as De, DotsVerticalIcon as Ct, MobileIcon as Be, LaptopIcon as kt, DesktopIcon as Rt, EraserIcon as At, ZoomInIcon as _t, ArrowUpIcon as Pt, CopyIcon as It, TrashIcon as Ot, DragHandleDots2Icon as Mt } from "@radix-ui/react-icons";
-import { B as le, u as et, S as tt } from "./useBuilderProp-81a14920.js";
-import { c as ke, d as rt, e as Re, f as Dt, g as Bt, h as X, i as Z, j as $t, k as nt, l as ot, m as Nt, n as Lt, o as Ft, p as st, q as at, u as Wt, r as qt, s as Ut, t as Yt, v as zt, w as Ht, x as Ae, y as it, z as Kt, A as Vt, B as Gt, b as Xt, E as Zt } from "./index-8a7a37ce.js";
-import { useTranslation as ct } from "react-i18next";
-import { S as se } from "./separator-a80d065b.js";
-import { S as Jt, D as Qt, c as er, d as tr, h as rr, i as nr, f as or, H as sr, a as ar, b as ir } from "./dropdown-menu-ae3ed09b.js";
-import { L as cr } from "./label-e770a087.js";
-import { A as lr, a as dr, b as ur, c as fr, e as pr, f as hr, d as mr, h as yr, g as vr } from "./alert-dialog-ee98f47e.js";
-import { useAtom as te } from "jotai";
-import { flip as gr } from "@floating-ui/dom";
-import { useFloating as xr, shift as br } from "@floating-ui/react-dom";
-import { useDrag as wr } from "react-dnd";
-import { useResizeObserver as Er } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as Sr } from "@bobthered/tailwindcss-palette-generator";
-import { Provider as Tr } from "react-wrap-balancer";
-import { twMerge as jr } from "tailwind-merge";
-import { S as lt, a as $e } from "./MODIFIERS-c2e02614.js";
-import { getBlockComponent as Cr } from "@chaibuilder/blocks";
-import Ne from "react-dom";
-import { g as kr } from "./_commonjsHelpers-d4512b9c.js";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "./utils-ac68b2c8.js";
-import "clsx";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-toast";
-import "i18next";
-import "flagged";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
-import "flat-to-nested";
-import "./html-to-json-8397fab5.js";
-import "himalaya";
-import "redux-undo";
-import "lucide-react";
-import "sonner";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-label";
-import "@radix-ui/react-alert-dialog";
-const Rr = () => {
-  const { undoCount: e, redoCount: r, undo: n, redo: i } = ke();
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ t.jsx(le, { disabled: !e, size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ t.jsx(De, {}) }),
-    /* @__PURE__ */ t.jsx(le, { disabled: !r, onClick: i, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ t.jsx(De, { className: "rotate-180 scale-y-[-1] transform" }) })
-  ] });
-};
-function Ar() {
-  const [e, r] = rt(), { t: n } = ct();
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ t.jsx(cr, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
-    /* @__PURE__ */ t.jsxs(
-      Jt,
-      {
-        id: "dark-mode-switch",
-        checked: e,
-        onCheckedChange: () => {
-          r(!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__ */ t.jsx("span", { className: "sr-only", children: "Use setting" }),
-          /* @__PURE__ */ t.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__ */ t.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__ */ t.jsx("g", { strokeWidth: 0 }),
-      /* @__PURE__ */ t.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ t.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"
-          }
-        }
-      )
-    ]
-  }
-), Fe = [
-  {
-    title: "Mobile (XS)",
-    content: "Styles set here are applied to all screen unless edited at higher breakpoint",
-    breakpoint: "xs",
-    icon: /* @__PURE__ */ t.jsx(Be, {}),
-    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__ */ t.jsx(Be, { className: "rotate-90" }),
-    width: 640
-  },
-  {
-    title: "Tablet (MD)",
-    content: "Styles set here are applied at 768px and up",
-    breakpoint: "md",
-    icon: /* @__PURE__ */ t.jsx(Le, {}),
-    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__ */ t.jsx(Le, { 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__ */ t.jsx(kt, {}),
-    width: 1420
-  },
-  {
-    title: "Large Desktop (2XL)",
-    content: "Styles set here are applied at 1536px and up",
-    breakpoint: "2xl",
-    icon: /* @__PURE__ */ t.jsx(Rt, {}),
-    width: 1920
-  }
-], _r = ({
-  title: e,
-  content: r,
-  currentBreakpoint: n,
-  breakpoint: i,
-  width: d,
-  icon: s,
-  onClick: a
-}) => /* @__PURE__ */ t.jsxs(sr, { children: [
-  /* @__PURE__ */ t.jsx(ar, { asChild: !0, children: /* @__PURE__ */ t.jsx(
-    le,
-    {
-      onClick: () => a(d),
-      size: "sm",
-      variant: i === n ? "secondary" : "ghost",
-      children: s
-    }
-  ) }),
-  /* @__PURE__ */ t.jsx(ir, { className: "w-52 border-border", children: /* @__PURE__ */ t.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ t.jsx("h4", { className: "text-sm font-semibold", children: e }),
-    /* @__PURE__ */ t.jsx("p", { className: "text-xs", children: r })
-  ] }) }) })
-] }), Pr = () => {
-  const [, e, r] = Re(), [n, i] = Dt(), d = (s) => {
-    n.includes(s) ? n.length > 2 && i(n.filter((a) => a !== s)) : i((a) => [...a, s]);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center rounded-md", children: [
-    ie(
-      Fe.filter((s) => Me(n, ye(s.breakpoint))),
-      (s) => /* @__PURE__ */ xt(_r, { ...s, onClick: r, key: s.breakpoint, currentBreakpoint: e })
-    ),
-    /* @__PURE__ */ t.jsxs(Qt, { children: [
-      /* @__PURE__ */ t.jsx(er, { asChild: !0, children: /* @__PURE__ */ t.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ t.jsx(Ct, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ t.jsxs(tr, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ t.jsx(rr, { children: "Breakpoints" }),
-        /* @__PURE__ */ t.jsx(nr, {}),
-        ie(Fe, (s) => /* @__PURE__ */ t.jsx(
-          or,
-          {
-            disabled: s.breakpoint === "xs",
-            onCheckedChange: () => d(ye(s.breakpoint)),
-            checked: Me(n, ye(s.breakpoint)),
-            children: s.title
-          },
-          s.breakpoint
-        ))
-      ] })
-    ] })
-  ] });
-}, Ir = () => {
-  const [e] = Bt(), { createSnapshot: r } = ke(), [, n] = X(), [, i] = Z(), d = Q(() => {
-    e([]), n([]), i([]), r();
-  }, [e, r]);
-  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ t.jsxs(lr, { children: [
-    /* @__PURE__ */ t.jsx(dr, { asChild: !0, children: /* @__PURE__ */ t.jsxs(le, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ t.jsx(At, {}),
-      " Clear"
-    ] }) }),
-    /* @__PURE__ */ t.jsxs(ur, { className: "border-border", children: [
-      /* @__PURE__ */ t.jsxs(fr, { children: [
-        /* @__PURE__ */ t.jsx(pr, { children: "Clear whole canvas?" }),
-        /* @__PURE__ */ t.jsx(hr, { children: "Are you sure you want to clear the whole canvas?" })
-      ] }),
-      /* @__PURE__ */ t.jsxs(mr, { children: [
-        /* @__PURE__ */ t.jsx(yr, { children: "Cancel" }),
-        /* @__PURE__ */ t.jsx(vr, { onClick: d, children: "Yes" })
-      ] })
-    ] })
-  ] }) });
-}, Or = () => {
-  const e = $t("darkMode", !1), [r] = nt();
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex h-full space-x-2", children: [
-      e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(Ar, {}),
-        /* @__PURE__ */ t.jsx(se, { orientation: "vertical" })
-      ] }) : null,
-      /* @__PURE__ */ t.jsx(Pr, {}),
-      /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
-      /* @__PURE__ */ t.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
-        /* @__PURE__ */ t.jsx(_t, { className: "h-3.5 w-3.5 flex-shrink-0" }),
-        " ",
-        /* @__PURE__ */ t.jsxs("div", { className: "text-xs leading-3", children: [
-          St(r, 0),
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
-      /* @__PURE__ */ t.jsx(Rr, {})
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
-      /* @__PURE__ */ t.jsx(Ir, {})
-    ] })
-  ] });
-}, ve = {
-  FRAMEWORK: "FRAMEWORK",
-  STATIC: "STATIC",
-  EMAIL: "EMAIL",
-  PRESENTATION: "PRESENTATION",
-  GRAPHIC: "GRAPHIC"
-}, Mr = `<!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;}
-    a{ pointer-events: none !important; }
-    </style>
-    <style id="hidden-blocks"></style>
-    <style id="selected-block"></style>
-    <style id="selected-styling-block"></style>
-    <style id="highlighted-block"></style>
-  </head>
-  <body class="font-body antialiased h-full">
-    <div class="frame-root"></div>
-  </body>
-</html>`, Dr = (e) => {
-  const [r] = Re(), [, n] = nt(), [i, d] = H({}), s = Q(() => {
-    const { width: a, height: f } = e;
-    if (a < r) {
-      const y = parseFloat((a / r).toString());
-      let p = {};
-      f && (p = { height: f + 2 * f * (1 - y) }), d({
-        transform: `scale(${y})`,
-        transformOrigin: "top left",
-        ...p,
-        maxWidth: "none"
-      }), n(y * 100);
-    } else
-      d({}), n(100);
-  }, [r, e, n]);
-  return F(() => {
-    s();
-  }, [r, e, n, s]), i;
-};
-var Te = { exports: {} }, ae = { exports: {} }, _ = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var We;
-function Br() {
-  if (We)
-    return _;
-  We = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
-  function M(l) {
-    if (typeof l == "object" && l !== null) {
-      var D = l.$$typeof;
-      switch (D) {
-        case r:
-          switch (l = l.type, l) {
-            case y:
-            case p:
-            case i:
-            case s:
-            case d:
-            case h:
-              return l;
-            default:
-              switch (l = l && l.$$typeof, l) {
-                case f:
-                case m:
-                case O:
-                case v:
-                case a:
-                  return l;
-                default:
-                  return D;
-              }
-          }
-        case n:
-          return D;
-      }
-    }
-  }
-  function B(l) {
-    return M(l) === p;
-  }
-  return _.AsyncMode = y, _.ConcurrentMode = p, _.ContextConsumer = f, _.ContextProvider = a, _.Element = r, _.ForwardRef = m, _.Fragment = i, _.Lazy = O, _.Memo = v, _.Portal = n, _.Profiler = s, _.StrictMode = d, _.Suspense = h, _.isAsyncMode = function(l) {
-    return B(l) || M(l) === y;
-  }, _.isConcurrentMode = B, _.isContextConsumer = function(l) {
-    return M(l) === f;
-  }, _.isContextProvider = function(l) {
-    return M(l) === a;
-  }, _.isElement = function(l) {
-    return typeof l == "object" && l !== null && l.$$typeof === r;
-  }, _.isForwardRef = function(l) {
-    return M(l) === m;
-  }, _.isFragment = function(l) {
-    return M(l) === i;
-  }, _.isLazy = function(l) {
-    return M(l) === O;
-  }, _.isMemo = function(l) {
-    return M(l) === v;
-  }, _.isPortal = function(l) {
-    return M(l) === n;
-  }, _.isProfiler = function(l) {
-    return M(l) === s;
-  }, _.isStrictMode = function(l) {
-    return M(l) === d;
-  }, _.isSuspense = function(l) {
-    return M(l) === h;
-  }, _.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === i || l === p || l === s || l === d || l === h || l === b || typeof l == "object" && l !== null && (l.$$typeof === O || l.$$typeof === v || l.$$typeof === a || l.$$typeof === f || l.$$typeof === m || l.$$typeof === C || l.$$typeof === g || l.$$typeof === U || l.$$typeof === E);
-  }, _.typeOf = M, _;
-}
-var P = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var qe;
-function $r() {
-  return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
-    function M(c) {
-      return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      c === i || c === p || c === s || c === d || c === h || c === b || typeof c == "object" && c !== null && (c.$$typeof === O || c.$$typeof === v || c.$$typeof === a || c.$$typeof === f || c.$$typeof === m || c.$$typeof === C || c.$$typeof === g || c.$$typeof === U || c.$$typeof === E);
-    }
-    function B(c) {
-      if (typeof c == "object" && c !== null) {
-        var z = c.$$typeof;
-        switch (z) {
-          case r:
-            var oe = c.type;
-            switch (oe) {
-              case y:
-              case p:
-              case i:
-              case s:
-              case d:
-              case h:
-                return oe;
-              default:
-                var Ie = oe && oe.$$typeof;
-                switch (Ie) {
-                  case f:
-                  case m:
-                  case O:
-                  case v:
-                  case a:
-                    return Ie;
-                  default:
-                    return z;
-                }
-            }
-          case n:
-            return z;
-        }
-      }
-    }
-    var l = y, D = p, W = f, q = a, de = r, ue = m, re = i, fe = O, pe = v, J = n, he = s, Y = d, K = h, ne = !1;
-    function me(c) {
-      return ne || (ne = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(c) || B(c) === y;
-    }
-    function o(c) {
-      return B(c) === p;
-    }
-    function u(c) {
-      return B(c) === f;
-    }
-    function j(c) {
-      return B(c) === a;
-    }
-    function S(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === r;
-    }
-    function x(c) {
-      return B(c) === m;
-    }
-    function k(c) {
-      return B(c) === i;
-    }
-    function w(c) {
-      return B(c) === O;
-    }
-    function T(c) {
-      return B(c) === v;
-    }
-    function R(c) {
-      return B(c) === n;
-    }
-    function I(c) {
-      return B(c) === s;
-    }
-    function A(c) {
-      return B(c) === d;
-    }
-    function N(c) {
-      return B(c) === h;
-    }
-    P.AsyncMode = l, P.ConcurrentMode = D, P.ContextConsumer = W, P.ContextProvider = q, P.Element = de, P.ForwardRef = ue, P.Fragment = re, P.Lazy = fe, P.Memo = pe, P.Portal = J, P.Profiler = he, P.StrictMode = Y, P.Suspense = K, P.isAsyncMode = me, P.isConcurrentMode = o, P.isContextConsumer = u, P.isContextProvider = j, P.isElement = S, P.isForwardRef = x, P.isFragment = k, P.isLazy = w, P.isMemo = T, P.isPortal = R, P.isProfiler = I, P.isStrictMode = A, P.isSuspense = N, P.isValidElementType = M, P.typeOf = B;
-  }()), P;
-}
-var Ue;
-function dt() {
-  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? ae.exports = Br() : ae.exports = $r()), ae.exports;
-}
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var ge, Ye;
-function Nr() {
-  if (Ye)
-    return ge;
-  Ye = 1;
-  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-  function i(s) {
-    if (s == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(s);
-  }
-  function d() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var s = new String("abc");
-      if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
-        return !1;
-      for (var a = {}, f = 0; f < 10; f++)
-        a["_" + String.fromCharCode(f)] = f;
-      var y = Object.getOwnPropertyNames(a).map(function(m) {
-        return a[m];
-      });
-      if (y.join("") !== "0123456789")
-        return !1;
-      var p = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(m) {
-        p[m] = m;
-      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return ge = d() ? Object.assign : function(s, a) {
-    for (var f, y = i(s), p, m = 1; m < arguments.length; m++) {
-      f = Object(arguments[m]);
-      for (var h in f)
-        r.call(f, h) && (y[h] = f[h]);
-      if (e) {
-        p = e(f);
-        for (var b = 0; b < p.length; b++)
-          n.call(f, p[b]) && (y[p[b]] = f[p[b]]);
-      }
-    }
-    return y;
-  }, ge;
-}
-var xe, ze;
-function _e() {
-  if (ze)
-    return xe;
-  ze = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return xe = e, xe;
-}
-var be, He;
-function ut() {
-  return He || (He = 1, be = Function.call.bind(Object.prototype.hasOwnProperty)), be;
-}
-var we, Ke;
-function Lr() {
-  if (Ke)
-    return we;
-  Ke = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var r = _e(), n = {}, i = ut();
-    e = function(s) {
-      var a = "Warning: " + s;
-      typeof console < "u" && console.error(a);
-      try {
-        throw new Error(a);
-      } catch {
-      }
-    };
-  }
-  function d(s, a, f, y, p) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var m in s)
-        if (i(s, m)) {
-          var h;
-          try {
-            if (typeof s[m] != "function") {
-              var b = Error(
-                (y || "React class") + ": " + f + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw b.name = "Invariant Violation", b;
-            }
-            h = s[m](a, m, y, f, null, r);
-          } catch (O) {
-            h = O;
-          }
-          if (h && !(h instanceof Error) && e(
-            (y || "React class") + ": type specification of " + f + " `" + m + "` 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 v = p ? p() : "";
-            e(
-              "Failed " + f + " type: " + h.message + (v ?? "")
-            );
-          }
-        }
-    }
-  }
-  return d.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (n = {});
-  }, we = d, we;
-}
-var Ee, Ve;
-function Fr() {
-  if (Ve)
-    return Ee;
-  Ve = 1;
-  var e = dt(), r = Nr(), n = _e(), i = ut(), d = Lr(), s = function() {
-  };
-  process.env.NODE_ENV !== "production" && (s = function(f) {
-    var y = "Warning: " + f;
-    typeof console < "u" && console.error(y);
-    try {
-      throw new Error(y);
-    } catch {
-    }
-  });
-  function a() {
-    return null;
-  }
-  return Ee = function(f, y) {
-    var p = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function h(o) {
-      var u = o && (p && o[p] || o[m]);
-      if (typeof u == "function")
-        return u;
-    }
-    var b = "<<anonymous>>", v = {
-      array: g("array"),
-      bigint: g("bigint"),
-      bool: g("boolean"),
-      func: g("function"),
-      number: g("number"),
-      object: g("object"),
-      string: g("string"),
-      symbol: g("symbol"),
-      any: U(),
-      arrayOf: M,
-      element: B(),
-      elementType: l(),
-      instanceOf: D,
-      node: ue(),
-      objectOf: q,
-      oneOf: W,
-      oneOfType: de,
-      shape: fe,
-      exact: pe
-    };
-    function O(o, u) {
-      return o === u ? o !== 0 || 1 / o === 1 / u : o !== o && u !== u;
-    }
-    function E(o, u) {
-      this.message = o, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
-    }
-    E.prototype = Error.prototype;
-    function C(o) {
-      if (process.env.NODE_ENV !== "production")
-        var u = {}, j = 0;
-      function S(k, w, T, R, I, A, N) {
-        if (R = R || b, A = A || T, N !== n) {
-          if (y) {
-            var c = 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 c.name = "Invariant Violation", c;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var z = R + ":" + T;
-            !u[z] && // Avoid spamming the console because they are often not actionable except for lib authors
-            j < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + R + "`. 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, j++);
-          }
-        }
-        return w[T] == null ? k ? w[T] === null ? new E("The " + I + " `" + A + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new E("The " + I + " `" + A + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : o(w, T, R, I, A);
-      }
-      var x = S.bind(null, !1);
-      return x.isRequired = S.bind(null, !0), x;
-    }
-    function g(o) {
-      function u(j, S, x, k, w, T) {
-        var R = j[S], I = Y(R);
-        if (I !== o) {
-          var A = K(R);
-          return new E(
-            "Invalid " + k + " `" + w + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected ") + ("`" + o + "`."),
-            { expectedType: o }
-          );
-        }
-        return null;
-      }
-      return C(u);
-    }
-    function U() {
-      return C(a);
-    }
-    function M(o) {
-      function u(j, S, x, k, w) {
-        if (typeof o != "function")
-          return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
-        var T = j[S];
-        if (!Array.isArray(T)) {
-          var R = Y(T);
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an array."));
-        }
-        for (var I = 0; I < T.length; I++) {
-          var A = o(T, I, x, k, w + "[" + I + "]", n);
-          if (A instanceof Error)
-            return A;
-        }
-        return null;
-      }
-      return C(u);
-    }
-    function B() {
-      function o(u, j, S, x, k) {
-        var w = u[j];
-        if (!f(w)) {
-          var T = Y(w);
-          return new E("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return C(o);
-    }
-    function l() {
-      function o(u, j, S, x, k) {
-        var w = u[j];
-        if (!e.isValidElementType(w)) {
-          var T = Y(w);
-          return new E("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return C(o);
-    }
-    function D(o) {
-      function u(j, S, x, k, w) {
-        if (!(j[S] instanceof o)) {
-          var T = o.name || b, R = me(j[S]);
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected ") + ("instance of `" + T + "`."));
-        }
-        return null;
-      }
-      return C(u);
-    }
-    function W(o) {
-      if (!Array.isArray(o))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
-          "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])."
-        ) : s("Invalid argument supplied to oneOf, expected an array.")), a;
-      function u(j, S, x, k, w) {
-        for (var T = j[S], R = 0; R < o.length; R++)
-          if (O(T, o[R]))
-            return null;
-        var I = JSON.stringify(o, function(N, c) {
-          var z = K(c);
-          return z === "symbol" ? String(c) : c;
-        });
-        return new E("Invalid " + k + " `" + w + "` of value `" + String(T) + "` " + ("supplied to `" + x + "`, expected one of " + I + "."));
-      }
-      return C(u);
-    }
-    function q(o) {
-      function u(j, S, x, k, w) {
-        if (typeof o != "function")
-          return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
-        var T = j[S], R = Y(T);
-        if (R !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an object."));
-        for (var I in T)
-          if (i(T, I)) {
-            var A = o(T, I, x, k, w + "." + I, n);
-            if (A instanceof Error)
-              return A;
-          }
-        return null;
-      }
-      return C(u);
-    }
-    function de(o) {
-      if (!Array.isArray(o))
-        return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var u = 0; u < o.length; u++) {
-        var j = o[u];
-        if (typeof j != "function")
-          return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + u + "."
-          ), a;
-      }
-      function S(x, k, w, T, R) {
-        for (var I = [], A = 0; A < o.length; A++) {
-          var N = o[A], c = N(x, k, w, T, R, n);
-          if (c == null)
-            return null;
-          c.data && i(c.data, "expectedType") && I.push(c.data.expectedType);
-        }
-        var z = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new E("Invalid " + T + " `" + R + "` supplied to " + ("`" + w + "`" + z + "."));
-      }
-      return C(S);
-    }
-    function ue() {
-      function o(u, j, S, x, k) {
-        return J(u[j]) ? null : new E("Invalid " + x + " `" + k + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
-      }
-      return C(o);
-    }
-    function re(o, u, j, S, x) {
-      return new E(
-        (o || "React class") + ": " + u + " type `" + j + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
-      );
-    }
-    function fe(o) {
-      function u(j, S, x, k, w) {
-        var T = j[S], R = Y(T);
-        if (R !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
-        for (var I in o) {
-          var A = o[I];
-          if (typeof A != "function")
-            return re(x, k, w, I, K(A));
-          var N = A(T, I, x, k, w + "." + I, n);
-          if (N)
-            return N;
-        }
-        return null;
-      }
-      return C(u);
-    }
-    function pe(o) {
-      function u(j, S, x, k, w) {
-        var T = j[S], R = Y(T);
-        if (R !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
-        var I = r({}, j[S], o);
-        for (var A in I) {
-          var N = o[A];
-          if (i(o, A) && typeof N != "function")
-            return re(x, k, w, A, K(N));
-          if (!N)
-            return new E(
-              "Invalid " + k + " `" + w + "` key `" + A + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(j[S], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
-            );
-          var c = N(T, A, x, k, w + "." + A, n);
-          if (c)
-            return c;
-        }
-        return null;
-      }
-      return C(u);
-    }
-    function J(o) {
-      switch (typeof o) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !o;
-        case "object":
-          if (Array.isArray(o))
-            return o.every(J);
-          if (o === null || f(o))
-            return !0;
-          var u = h(o);
-          if (u) {
-            var j = u.call(o), S;
-            if (u !== o.entries) {
-              for (; !(S = j.next()).done; )
-                if (!J(S.value))
-                  return !1;
-            } else
-              for (; !(S = j.next()).done; ) {
-                var x = S.value;
-                if (x && !J(x[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function he(o, u) {
-      return o === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
-    }
-    function Y(o) {
-      var u = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : he(u, o) ? "symbol" : u;
-    }
-    function K(o) {
-      if (typeof o > "u" || o === null)
-        return "" + o;
-      var u = Y(o);
-      if (u === "object") {
-        if (o instanceof Date)
-          return "date";
-        if (o instanceof RegExp)
-          return "regexp";
-      }
-      return u;
-    }
-    function ne(o) {
-      var u = K(o);
-      switch (u) {
-        case "array":
-        case "object":
-          return "an " + u;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + u;
-        default:
-          return u;
-      }
-    }
-    function me(o) {
-      return !o.constructor || !o.constructor.name ? b : o.constructor.name;
-    }
-    return v.checkPropTypes = d, v.resetWarningCache = d.resetWarningCache, v.PropTypes = v, v;
-  }, Ee;
-}
-var Se, Ge;
-function Wr() {
-  if (Ge)
-    return Se;
-  Ge = 1;
-  var e = _e();
-  function r() {
-  }
-  function n() {
-  }
-  return n.resetWarningCache = r, Se = function() {
-    function i(a, f, y, p, m, h) {
-      if (h !== e) {
-        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;
-      }
-    }
-    i.isRequired = i;
-    function d() {
-      return i;
-    }
-    var s = {
-      array: i,
-      bigint: i,
-      bool: i,
-      func: i,
-      number: i,
-      object: i,
-      string: i,
-      symbol: i,
-      any: i,
-      arrayOf: d,
-      element: i,
-      elementType: i,
-      instanceOf: d,
-      node: i,
-      objectOf: d,
-      oneOf: d,
-      oneOfType: d,
-      shape: d,
-      exact: d,
-      checkPropTypes: n,
-      resetWarningCache: r
-    };
-    return s.PropTypes = s, s;
-  }, Se;
-}
-if (process.env.NODE_ENV !== "production") {
-  var qr = dt(), Ur = !0;
-  Te.exports = Fr()(qr.isElement, Ur);
-} else
-  Te.exports = Wr()();
-var Yr = Te.exports;
-const L = /* @__PURE__ */ kr(Yr);
-let ft, pt;
-typeof document < "u" && (ft = document);
-typeof window < "u" && (pt = window);
-const ht = G.createContext({ document: ft, window: pt }), Pe = () => G.useContext(ht), { Provider: zr, Consumer: eo } = ht;
-class mt extends Xe {
-  componentDidMount() {
-    this.props.contentDidMount();
-  }
-  componentDidUpdate() {
-    this.props.contentDidUpdate();
-  }
-  render() {
-    return bt.only(this.props.children);
-  }
-}
-V(mt, "propTypes", {
-  children: L.element.isRequired,
-  contentDidMount: L.func.isRequired,
-  contentDidUpdate: L.func.isRequired
-});
-class je extends Xe {
-  constructor(n, i) {
-    super(n, i);
-    V(this, "setRef", (n) => {
-      this.nodeRef.current = n;
-      const { forwardedRef: i } = this.props;
-      typeof i == "function" ? i(n) : i && (i.current = n);
-    });
-    V(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
-    V(this, "loadCheck", () => setInterval(() => {
-      this.handleLoad();
-    }, 500));
-    this._isMounted = !1, this.nodeRef = G.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, d = this.props.contentDidUpdate, s = n.defaultView || n.parentView, a = /* @__PURE__ */ t.jsx(mt, { contentDidMount: i, contentDidUpdate: d, children: /* @__PURE__ */ t.jsx(zr, { value: { document: n, window: s }, children: /* @__PURE__ */ t.jsx("div", { className: "frame-content", children: this.props.children }) }) }), f = this.getMountTarget();
-    return [Ne.createPortal(this.props.head, this.getDoc().head), Ne.createPortal(a, f)];
-  }
-  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__ */ t.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.
-V(je, "propTypes", {
-  style: L.object,
-  // eslint-disable-line
-  head: L.node,
-  initialContent: L.string,
-  mountTarget: L.string,
-  contentDidMount: L.func,
-  contentDidUpdate: L.func,
-  children: L.oneOfType([L.element, L.arrayOf(L.element)])
-}), V(je, "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 Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef: r })), Kr = ({ children: e }) => {
-  const { document: r } = Pe(), [n] = X(), [i, d] = Z();
-  return F(() => {
-    setTimeout(() => {
-      if (!ee(i))
-        return;
-      const s = yt(r, ce(n));
-      if (s) {
-        const a = s.getAttribute("data-style-prop");
-        if (a) {
-          const f = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
-          d([{ id: f, prop: a, blockId: y }]);
-        }
-      }
-    }, 100);
-  }, [r, n, d, i]), /* @__PURE__ */ t.jsx("div", { id: "canvas", className: "relative h-screen max-w-full outline-2", children: e });
-}, yt = (e, r) => e.querySelector(`[data-block-id="${r}"]`), Vr = () => {
-  const { window: e } = Pe(), [r, n] = X(), [, i] = Z(), { undo: d, redo: s } = ke(), a = ot(), [, f] = Nt(), [, y] = Lt(), { pasteBlocks: p } = Ft(), [, m] = st(), h = at(), { savePage: b } = Wt(), [v] = te(qt), [, O] = te(Ut), E = (C) => {
-    C.key === "Enter" && (C.preventDefault(), r.length === 1 && O(ce(r)));
-  };
-  return F(() => {
-    const C = (g) => {
-      if (g.key === "Escape") {
-        n([]), i([]);
-        return;
-      }
-      if (E(g), !v && (g.key === "Delete" || g.key === "Backspace") && (g.preventDefault(), h(r)), g.ctrlKey || g.metaKey) {
-        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(g.key)) {
-          if (v && ["x", "z", "v"].includes(g.key))
-            return !0;
-          g.preventDefault();
-        }
-        g.key === "s" && (g.stopPropagation(), g.preventDefault(), b()), g.key === "z" && d(), g.key === "y" && s(), g.key === "d" && a(r), g.key === "x" && f(r), g.key === "c" && y(r), g.key === "v" && r.length > 0 && p(r[0]);
-      }
-    };
-    return e.removeEventListener("keydown", C), e.addEventListener("keydown", C), () => {
-      e.removeEventListener("keydown", C);
-    };
-  }, [
-    r,
-    n,
-    d,
-    h,
-    m,
-    s,
-    a,
-    f,
-    y,
-    p,
-    v,
-    b,
-    e
-  ]), null;
-}, Gr = ({ block: e, label: r }) => {
-  const [, n] = wr(() => ({
-    type: "CANVAS_BLOCK",
-    item: e
-  }));
-  return /* @__PURE__ */ t.jsxs(
-    "div",
-    {
-      className: "mr-10 flex cursor-grab items-center space-x-1 px-1",
-      ref: n,
-      onDragStart: () => {
-        console.log("drag start");
-      },
-      children: [
-        /* @__PURE__ */ t.jsx(Mt, {}),
-        r
-      ]
-    }
-  );
-}, Xr = ({
-  selectedBlockElement: e,
-  block: r
-}) => {
-  const n = at(), i = ot(), [, d] = X(), [, s] = Z(), { floatingStyles: a, refs: f, update: y } = xr({
-    placement: "top-start",
-    middleware: [br(), gr()],
-    elements: {
-      reference: e
-    }
-  });
-  Er(e, () => y(), e !== null);
-  const p = $(r, "_parent", null), m = ee($(r, "_name", "")) ? $(r, "_type", "") : $(r, "_name", "");
-  return !e || !r ? null : /* @__PURE__ */ t.jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      ref: f.setFloating,
-      style: a,
-      onClick: (h) => {
-        h.stopPropagation(), h.preventDefault();
-      },
-      onKeyDown: (h) => h.stopPropagation(),
-      className: "z-50 flex h-6 items-center bg-blue-500  py-2 text-xs text-white",
-      children: [
-        /* @__PURE__ */ t.jsx(Gr, { label: m, block: r }),
-        /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 px-1 ", children: [
-          p && /* @__PURE__ */ t.jsx(
-            Pt,
-            {
-              className: "hover:scale-105 ",
-              onClick: () => {
-                s([]), d([p]);
-              }
-            }
-          ),
-          Yt($(r, "_type", "")) ? /* @__PURE__ */ t.jsx(It, { className: "hover:scale-105 ", onClick: () => i([r == null ? void 0 : r._id]) }) : null,
-          zt($(r, "_type", "")) ? /* @__PURE__ */ t.jsx(Ot, { className: "hover:scale-105 ", onClick: () => n([r == null ? void 0 : r._id]) }) : null
-        ] })
-      ]
-    }
-  );
-}, Zr = ({ model: e }) => {
-  const [r] = Ht(), [n] = X(), [i] = rt(), [d] = Ae(), [s] = Z(), { document: a, window: f } = Pe(), [y] = H(a == null ? void 0 : a.getElementById("highlighted-block")), [p] = H(
-    a == null ? void 0 : a.getElementById("selected-block")
-  ), [m] = H(
-    a == null ? void 0 : a.getElementById("selected-styling-block")
-  );
-  F(() => {
-    i ? a == null || a.documentElement.classList.add("dark") : a == null || a.documentElement.classList.remove("dark");
-  }, [i, a]);
-  const h = $(r, "headingFont", "DM Sans"), b = $(r, "bodyFont", "DM Sans");
-  return F(() => {
-    const v = $(r, "primaryColor", "#000"), O = $(r, "secondaryColor", "#FFF"), E = Sr({
-      colors: [v, O],
-      names: ["primary", "secondary"]
-    });
-    E.primary.DEFAULT = v, E.secondary.DEFAULT = O;
-    const C = $(r, "roundedCorners", "0");
-    !f || !f.tailwind || (f.tailwind.config = {
-      darkMode: "class",
-      theme: {
-        fontFamily: {
-          heading: [h],
-          body: [b]
-        },
-        extend: {
-          borderRadius: {
-            global: `${C || "0"}px`
-          },
-          colors: E
-        }
-      },
-      plugins: [
-        // @ts-ignore
-        f.tailwind.plugin.withOptions(({ prefix: g = "ui" } = {}) => ({ addVariant: U }) => {
-          for (const M of ["open", "checked", "selected", "active", "disabled"])
-            U(`${g}-${M}`, [
-              `&[data-headlessui-state~="${M}"]`,
-              `:where([data-headlessui-state~="${M}"]) &`
-            ]), U(`${g}-not-${M}`, [
-              `&[data-headlessui-state]:not([data-headlessui-state~="${M}"])`,
-              `:where([data-headlessui-state]:not([data-headlessui-state~="${M}"])) &:not([data-headlessui-state])`
-            ]);
-        })
-      ]
-    });
-  }, [r, f, h, b]), F(() => {
-    p && (p.textContent = `${ie(n, (v) => `[data-block-id="${v}"]`).join(",")}{
-                outline: 1px solid ${n.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
-            }`);
-  }, [n, p]), F(() => {
-    y && (y.textContent = d ? `[data-style-id="${d}"]{ outline: 1px solid orange !important; outline-offset: -1px;}` : "");
-  }, [d, n, y]), F(() => {
-    m && (m.textContent = `${ie(s, ({ id: v }) => `[data-style-id="${v}"]`).join(",")}{
-                outline: 1px solid orange !important; outline-offset: -1px;
-            }`);
-  }, [s, m]), F(() => {
-    if (e === "section")
-      return;
-    const v = $(r, "bodyTextLightColor", "#64748b"), O = $(r, "bodyTextDarkColor", "#94a3b8"), E = $(r, "bodyBgLightColor", "#FFFFFF"), C = $(r, "bodyBgDarkColor", "#0f172a");
-    a.body.className = `font-body antialiased text-[${v}] bg-[${E}] dark:text-[${O}] dark:bg-[${C}]`;
-  }, [r, a, e]), e === "page" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    h && /* @__PURE__ */ t.jsx(
-      "link",
-      {
-        id: "heading-font",
-        rel: "stylesheet",
-        type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${h.replace(
-          / /g,
-          "+"
-        )}:wght@300;400;500;600;700;800;900&display=swap`,
-        media: "all"
-      }
-    ),
-    b && h !== b && /* @__PURE__ */ t.jsx(
-      "link",
-      {
-        id: "body-font",
-        rel: "stylesheet",
-        type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${b.replace(
-          / /g,
-          "+"
-        )}:wght@300;400;500;600;700;800;900&display=swap`,
-        media: "all"
-      }
-    ),
-    h && /* @__PURE__ */ t.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${h}",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;
-}, Jr = () => {
-  const { t: e } = ct();
-  return /* @__PURE__ */ t.jsx("div", { className: "my-auto py-24 text-center text-gray-600 dark:text-white", children: /* @__PURE__ */ t.jsx("h1", { className: "mb-10 text-4xl ", children: e("canvas_empty") }) });
-}, Qr = (e) => {
-  const r = {};
-  return Object.keys(e).forEach((n) => {
-    Qe(e[n]) && e[n].startsWith($e) && (r[n] = e[n].replace($e, "").split(","));
-  }), r;
-}, en = Tt((e) => {
-  const r = e.replace(lt, "").split(",");
-  return jr(r[0], r[1]);
-});
-function tn(e, r) {
-  return $(e, `${r}_attrs`, {});
-}
-function rn(e, r, n, i) {
-  const d = {};
-  return Object.keys(e).forEach((s) => {
-    if (Qe(e[s]) && e[s].startsWith(lt)) {
-      const a = en(e[s]);
-      d[s] = {
-        className: a,
-        "data-style-prop": s,
-        "data-block-parent": e._id,
-        "data-style-id": `${s}-${e._id}`,
-        onMouseEnter: r,
-        onMouseLeave: n,
-        onClick: i,
-        ...tn(e, s)
-      };
-    }
-  }), d;
-}
-function Ce({ blocks: e }) {
-  const r = it(), [, n] = Ae(), [, i] = Z(), [, d] = X(), s = Q(
-    (p) => {
-      var h;
-      const m = (h = p.currentTarget) == null ? void 0 : h.getAttribute("data-style-id");
-      n(m || ""), p.stopPropagation();
-    },
-    [n]
-  ), a = Q(
-    (p) => {
-      n(""), p.stopPropagation();
-    },
-    [n]
-  ), f = Q(
-    (p) => {
-      p.stopPropagation();
-      const m = p.currentTarget;
-      if (m.getAttribute("data-block-parent")) {
-        const h = m.getAttribute("data-style-prop"), b = m.getAttribute("data-style-id"), v = m.getAttribute("data-block-parent");
-        i([{ id: b, prop: h, blockId: v }]), d([v]);
-      } else if (m.getAttribute("data-block-id") && (d([m.getAttribute("data-block-id")]), m.getAttribute("data-block-parent"))) {
-        const h = m.getAttribute("data-style-prop"), b = m.getAttribute("data-style-id"), v = m.getAttribute("data-block-parent");
-        i([{ id: b, prop: h, blockId: v }]);
-      }
-    },
-    [i, d]
-  ), y = Q(
-    (p) => rn(p, s, a, f),
-    [f, s, a]
-  );
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: G.Children.toArray(
-    e.map((p, m) => {
-      const h = Qr(p), b = {};
-      ee(h) || Object.keys(h).forEach((C) => {
-        b[C] = G.Children.toArray(
-          h[C].map((g) => /* @__PURE__ */ t.jsx(Ce, { blocks: [jt(r, { _id: g })] }))
-        );
-      });
-      const v = Je(r, { _parent: p._id });
-      b.children = v.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: v }) : null;
-      const O = Cr(p._type), E = $(O, "builderComponent", O == null ? void 0 : O.component) || null;
-      return /* @__PURE__ */ t.jsx(Ze, { children: G.createElement(E, {
-        blockProps: {
-          onClick: f,
-          "data-block-id": p._id,
-          "data-block-type": p._type
-        },
-        inBuilder: !0,
-        ...p,
-        index: m,
-        ...y(p),
-        ...b
-      }) });
-    })
-  ) });
-}
-const nn = () => {
-  const e = it();
-  return /* @__PURE__ */ t.jsx(Tr, { children: e.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: Je(e, (r) => ee(r._parent)) }) : /* @__PURE__ */ t.jsx(Jr, {}) });
-}, on = (e, r) => e.querySelector(`[data-style-id="${r}"]`), sn = () => {
-  const [e] = te(Kt), [r] = st(), [n] = Re(), [, i] = X(), d = Vt(), [, s] = Ae(), a = Oe(null), f = Oe(null), [y, p] = H({ width: 0, height: 0 }), m = Dr(y), [h, b] = H(0), [v, O] = H([]), [, E] = H([]), [, C] = te(Gt), [g, U] = Z(), M = et("loadingCanvas", !1);
-  F(() => {
-    const { clientWidth: D, clientHeight: W } = f.current;
-    p({ width: D, height: W }), h === 0 && b(D);
-  }, [f, n, h]);
-  const B = (D, W = 0) => {
-    const { top: q } = D.getBoundingClientRect();
-    return q + W >= 0 && q - W <= window.innerHeight;
-  };
-  F(() => {
-    var D, W;
-    if (d && d.type !== "Multiple" && a.current) {
-      const q = yt(a.current.contentDocument, d._id);
-      q && (B(q) || (W = (D = a.current) == null ? void 0 : D.contentWindow) == null || W.scrollTo({ top: q.offsetTop, behavior: "smooth" }), O([q]));
-    }
-  }, [d]), F(() => {
-    if (!ee(g) && a.current) {
-      const D = on(
-        a.current.contentDocument,
-        ce(g).id
-      );
-      E(D ? [D] : [null]);
-    } else
-      E([null]);
-  }, [g]);
-  const l = wt(() => {
-    let D = Mr;
-    return e === "offline" && (D = D.replace(
-      "https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio",
-      "/offline/tailwind.cdn.js"
-    ), D = D.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), D = D.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), D;
-  }, [e]);
-  return /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      onClick: () => {
-        i([]), U([]);
-      },
-      onMouseLeave: () => setTimeout(() => s(""), 300),
-      className: "relative mx-auto h-full w-full bg-black/80",
-      style: h > 0 && !ee(m) ? { width: r ? "100%" : h } : {},
-      ref: f,
-      children: /* @__PURE__ */ t.jsxs(
-        Hr,
-        {
-          contentDidMount: () => C(a.current),
-          ref: a,
-          id: "canvas-iframe",
-          style: { width: `${n}px`, ...m },
-          className: "relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",
-          initialContent: l,
-          children: [
-            /* @__PURE__ */ t.jsx(Vr, {}),
-            /* @__PURE__ */ t.jsx(
-              Xr,
-              {
-                block: d,
-                selectedBlockElement: ce(v)
-              }
-            ),
-            /* @__PURE__ */ t.jsx(Zr, { model: "page" }),
-            /* @__PURE__ */ t.jsxs(Kr, { children: [
-              M ? /* @__PURE__ */ t.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }) }) : /* @__PURE__ */ t.jsx(nn, {}),
-              /* @__PURE__ */ t.jsx("div", { className: "h-60" })
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}, an = Et(() => import("./AddBlocks-6f4db22d.js")), to = () => {
-  const e = et("mode", ve.STATIC), [r, n] = te(Xt), i = {
-    [ve.STATIC]: /* @__PURE__ */ t.jsx(sn, {}),
-    [ve.FRAMEWORK]: null
-  }[e];
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ t.jsx(Or, {}),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative flex-1 overflow-hidden bg-slate-800/20 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
-      /* @__PURE__ */ t.jsx(Ze, { fallback: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }), children: /* @__PURE__ */ t.jsx(Zt, { children: i }) }),
-      r ? /* @__PURE__ */ t.jsx(
-        "div",
-        {
-          onClick: () => n(!1),
-          className: "absolute inset-0 z-50 flex items-center bg-black/30 backdrop-blur-sm",
-          children: /* @__PURE__ */ t.jsx(
-            "div",
-            {
-              onClick: (d) => d.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__ */ t.jsx(an, {})
-            }
-          )
-        }
-      ) : null
-    ] })
-  ] });
-};
-export {
-  to as default
-};