@chaibuilder/sdk 1.2.59 → 1.2.60

package/dist/CanvasArea-akw7npWW.js

@@ -1,1259 +0,0 @@
-var Oe = Object.defineProperty;
-var ze = (n, s, e) => s in n ? Oe(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var M = (n, s, e) => (ze(n, typeof s != "symbol" ? s + "" : s, e), e);
-import { j as r } from "./jsx-runtime-WbnYoNE9.js";
-import S, { createElement as ce, useCallback as q, useState as _, useEffect as j, Component as ye, Children as Ue, Suspense as V, useRef as de, useMemo as We } from "react";
-import { map as z, includes as pe, toUpper as Z, round as qe, throttle as ke, has as K, isEmpty as I, first as Y, omit as we, pick as Ke, get as f, isString as oe, memoize as Ye, each as Xe, find as Ge, filter as je, isNull as Qe } from "lodash-es";
-import { ResetIcon as ue, SunIcon as Ze, MobileIcon as he, LaptopIcon as Je, DesktopIcon as Ve, DotsVerticalIcon as et, EraserIcon as tt, ZoomInIcon as st, DragHandleDots2Icon as ot, ArrowUpIcon as nt, CopyIcon as rt, TrashIcon as it } from "@radix-ui/react-icons";
-import { v as Ce, B as X, aa as _e, aR as Be, aS as lt, aT as at, aU as ct, a4 as G, as as dt, h as U, E as pt, F as ut, G as ht, H as mt, I as gt, aV as ft, aW as Ae, r as A, at as L, A as xt, a as vt, b as $t, c as bt, d as yt, e as kt, f as wt, g as jt, P as Ct, U as _t, aX as Bt, a5 as De, aQ as W, aY as At, a2 as Dt, ad as F, aZ as Se, am as St, a_ as P, a$ as It, D as ne, t as Ie, q as Ee, s as Te, Q as Et, b0 as Tt, b1 as Nt, b2 as Mt, X as Lt, b3 as Ft, b4 as Rt, b5 as Ht, b6 as Pt, ai as Ot, b7 as zt, S as ee, $ as Ut } from "./index-uLn8W3eR.js";
-import { a as Wt, u as qt, B as Kt, E as Yt } from "./index--t_K8Sw6.js";
-import { useTranslation as re } from "react-i18next";
-import { useAtom as b } from "jotai";
-import { SparklesIcon as Xt } from "lucide-react";
-import me from "react-dom";
-import w from "prop-types";
-import { Quill as Gt } from "react-quill";
-import { d as ie, a as Ne } from "./atoms-ZOWyNoiC.js";
-import { flip as Qt } from "@floating-ui/dom";
-import { useFloating as Zt, shift as Jt } from "@floating-ui/react-dom";
-import { useResizeObserver as Vt } from "@react-hookz/web";
-import { useFeature as es } from "flagged";
-import ts from "@tailwindcss/typography";
-import ss from "@tailwindcss/forms";
-import os from "@tailwindcss/aspect-ratio";
-import ns from "tailwindcss-palette-generator";
-import { twMerge as rs } from "tailwind-merge";
-import { S as ge, a as Me } from "./MODIFIERS-fd5XOmum.js";
-import { getBlockComponent as is } from "@chaibuilder/runtime";
-import { includes as fe } from "lodash";
-import { Provider as ls } from "react-wrap-balancer";
-import { Resizable as as } from "re-resizable";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.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 "./Functions-7jnEwJyw.js";
-import "tree-model";
-import "i18next";
-import "react-hotkeys-hook";
-import "./index-VBXQixVm.js";
-const cs = () => {
-  const { hasUndo: n, hasRedo: s, undo: e, redo: t } = Ce();
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(X, { disabled: !n(), size: "sm", onClick: e, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(ue, {}) }),
-    /* @__PURE__ */ r.jsx(X, { disabled: !s(), onClick: t, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(ue, { className: "rotate-180 scale-y-[-1] transform" }) })
-  ] });
-};
-function ds() {
-  const [n, s] = _e();
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(Ze, { className: "size-4 shrink-0" }),
-    /* @__PURE__ */ r.jsx(
-      Be,
-      {
-        id: "dark-mode-switch",
-        checked: n,
-        onCheckedChange: () => {
-          s(!n);
-        },
-        className: `${n ? "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",
-          {
-            "aria-hidden": "true",
-            className: `${n ? "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`
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ r.jsx(Wt, { className: "size-4 ml-3 shrink-0" })
-  ] });
-}
-const xe = ({ landscape: n = !1 }) => /* @__PURE__ */ r.jsxs(
-  "svg",
-  {
-    className: n ? "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"
-          }
-        }
-      )
-    ]
-  }
-), ps = [
-  {
-    title: "mobile_xs_title",
-    content: "mobile_xs_content",
-    breakpoint: "xs",
-    icon: /* @__PURE__ */ r.jsx(he, {}),
-    width: 400
-  },
-  {
-    title: "mobile_sm_title",
-    content: "mobile_sm_content",
-    breakpoint: "sm",
-    icon: /* @__PURE__ */ r.jsx(he, { className: "rotate-90" }),
-    width: 640
-  },
-  {
-    title: "tablet_md_title",
-    content: "tablet_md_content",
-    breakpoint: "md",
-    icon: /* @__PURE__ */ r.jsx(xe, {}),
-    width: 800
-  },
-  {
-    title: "tablet_lg_title",
-    content: "tablet_lg_content",
-    breakpoint: "lg",
-    icon: /* @__PURE__ */ r.jsx(xe, { landscape: !0 }),
-    width: 1024
-  },
-  {
-    title: "desktop_xl_title",
-    content: "desktop_xl_content",
-    breakpoint: "xl",
-    icon: /* @__PURE__ */ r.jsx(Je, {}),
-    width: 1420
-  },
-  {
-    title: "large_desktop_2xl_title",
-    content: "large_desktop_2xl_content",
-    breakpoint: "2xl",
-    icon: /* @__PURE__ */ r.jsx(Ve, {}),
-    width: 1920
-  }
-], ve = ({
-  title: n,
-  content: s,
-  currentBreakpoint: e,
-  breakpoint: t,
-  width: o,
-  icon: a,
-  onClick: l
-}) => {
-  const { t: i } = re();
-  return /* @__PURE__ */ r.jsxs(lt, { children: [
-    /* @__PURE__ */ r.jsx(at, { asChild: !0, children: /* @__PURE__ */ r.jsx(
-      X,
-      {
-        onClick: () => l(o),
-        size: "sm",
-        variant: t === e ? "secondary" : "ghost",
-        children: a
-      }
-    ) }),
-    /* @__PURE__ */ r.jsx(ct, { className: "w-52 border-border", children: /* @__PURE__ */ r.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ r.jsx("h4", { className: "text-sm font-semibold", children: i(n) }),
-      /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: i(s) })
-    ] }) }) })
-  ] });
-}, us = () => {
-  const [, n, s] = G(), [e, t] = dt(), { t: o } = re(), a = U("breakpoints", ps), l = (i) => {
-    e.includes(i) ? e.length > 2 && t(e.filter((c) => c !== i)) : t((c) => [...c, i]);
-  };
-  return a.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: z(a, (i) => /* @__PURE__ */ ce(ve, { ...i, onClick: s, key: i.breakpoint, currentBreakpoint: n })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
-    z(
-      a.filter((i) => pe(e, Z(i.breakpoint))),
-      (i) => /* @__PURE__ */ ce(ve, { ...i, onClick: s, key: i.breakpoint, currentBreakpoint: n })
-    ),
-    /* @__PURE__ */ r.jsxs(pt, { children: [
-      /* @__PURE__ */ r.jsx(ut, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(et, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ r.jsxs(ht, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ r.jsx(mt, { children: o("Breakpoints") }),
-        /* @__PURE__ */ r.jsx(gt, {}),
-        z(a, (i) => /* @__PURE__ */ r.jsx(
-          ft,
-          {
-            disabled: i.breakpoint === "xs",
-            onCheckedChange: () => l(Z(i.breakpoint)),
-            checked: pe(e, Z(i.breakpoint)),
-            children: o(i.title)
-          },
-          i.breakpoint
-        ))
-      ] })
-    ] })
-  ] });
-}, hs = () => {
-  const { t: n } = re(), { setNewBlocks: s } = Ae(), [, e] = A(), [, t] = L(), o = q(() => {
-    s([]), e([]), t([]);
-  }, [s]);
-  return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(xt, { children: [
-    /* @__PURE__ */ r.jsx(vt, { asChild: !0, children: /* @__PURE__ */ r.jsxs(X, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ r.jsx(tt, {}),
-      " ",
-      n("clear")
-    ] }) }),
-    /* @__PURE__ */ r.jsxs($t, { className: "border-border", children: [
-      /* @__PURE__ */ r.jsxs(bt, { children: [
-        /* @__PURE__ */ r.jsx(yt, { children: n("clear_canvas_title") }),
-        /* @__PURE__ */ r.jsx(kt, { children: n("clear_canvas_description") })
-      ] }),
-      /* @__PURE__ */ r.jsxs(wt, { children: [
-        /* @__PURE__ */ r.jsx(jt, { children: n("cancel") }),
-        /* @__PURE__ */ r.jsx(Ct, { onClick: o, children: n("yes") })
-      ] })
-    ] })
-  ] }) });
-}, ms = () => {
-  const [n, s] = b(_t);
-  return U("askAiCallBack", null) ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ r.jsxs(Bt, { htmlFor: "ai-assistant", className: "flex items-center gap-x-1 text-sm text-yellow-600", children: [
-      /* @__PURE__ */ r.jsx(Xt, { className: "w-4" }),
-      "AI Assistant"
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      Be,
-      {
-        className: "scale-90",
-        checked: n,
-        onCheckedChange: (t) => {
-          s(t);
-        },
-        id: "ai-assitantt"
-      }
-    )
-  ] }) : null;
-}, gs = () => {
-  const n = U("darkMode", !0), [s] = De();
-  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: [
-      /* @__PURE__ */ r.jsx(us, {}),
-      /* @__PURE__ */ r.jsx(W, { orientation: "vertical" }),
-      n ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(ds, {}),
-        /* @__PURE__ */ r.jsx(W, { orientation: "vertical" })
-      ] }) : null,
-      /* @__PURE__ */ r.jsxs("div", { className: "flex w-12 cursor-not-allowed items-center justify-center gap-x-1 space-x-0 font-medium text-gray-400", children: [
-        /* @__PURE__ */ r.jsx(st, { className: "h-3.5 w-3.5 flex-shrink-0" }),
-        " ",
-        /* @__PURE__ */ r.jsxs("div", { className: "text-xs leading-3", children: [
-          qe(s, 0),
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ r.jsx(W, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(cs, {})
-    ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ r.jsx(hs, {}),
-      /* @__PURE__ */ r.jsx(W, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(ms, {})
-    ] })
-  ] });
-}, fs = `<!doctype html>
-<html lang="en" dir="__HTML_DIR__" class="scroll-smooth h-full overflow-y-auto">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"><\/script>
-    <style>
-    html { height: 100%; overflow:auto; }
-    body { height: 100%; }
-    .air-highlight{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}
-    .air-highlight-multi{ outline: 1px solid #29e503 !important; outline-offset: -1px;}
-    body{   -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
-            -moz-user-select: none;-ms-user-select: none; user-select: none; }
-    html{
-      -ms-overflow-style: none;  /* IE and Edge */
-        scrollbar-width: none;  /* Firefox */
-    }
-    /** IMPORTANT: Make fields content editable in SAFARI */
-    [contenteditable] {-webkit-user-select: text;user-select: text;}
-
-    html::-webkit-scrollbar { width: 0 !important }
-    .aspect-auto{aspect-ratio: auto;}
-    .aspect-square{aspect-ratio: 1/1;}
-    .aspect-video{aspect-ratio: 16/9;}
-    .dragging [data-dnd="leaf"] { pointer-events: none; } .dragging [data-dnd="leaf"] * { pointer-events: none; }
-    .dragging [data-dnd="ignore"], .dragging [data-dnd="ignore"] * { pointer-events: none; }
-    a{ pointer-events: none !important; }
-    [contenteditable="true"], [contenteditable="true"] * { cursor: text !important; }
-    [contenteditable="true"] {
-        outline: none;
-        box-shadow: 0 0 0px 4px rgba(36, 150, 255, 0.2);
-        -webkit-user-select: text;
-        -moz-user-select: text;
-        user-select: text;
-    }
-    .frame-root .frame-content { height: 100%; }
-    [data-drop="yes"] { outline: 2px dashed orange !important; outline-offset: -2px }
-    [data-dnd="yes"] { pointer-events: auto !important}
-    [data-dnd="no"] { pointer-events: none !important; }
-    [data-dnd-dragged="yes"] { opacity: 0.6; pointer-events: none; }
-    [data-dnd-dragged="no"] { opacity: 1; pointer-events: auto !important; }
-    [force-show] { display: block !important; }
-    </style>    
-    <style id="hidden-blocks"></style>
-    <style id="selected-block"></style>
-    <style id="selected-styling-block"></style>
-    <style id="highlighted-block"></style>
-    <style id="dragged-block"></style>
-
-  </head>
-  <body class="font-body antialiased h-full">
-    <div class="frame-root h-full"></div>
-    <script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
-  </body>
-</html>`, xs = (n) => {
-  const [s] = G(), [, e] = De(), [t, o] = _({}), a = q(() => {
-    const { width: l, height: i } = n;
-    if (l < s) {
-      const c = parseFloat((l / s).toFixed(2).toString());
-      let h = {};
-      const m = i * c;
-      i && (h = {
-        // Eureka! This is the formula to calculate the height of the scaled element. Thank you ChatGPT 4
-        height: 100 + (i - m) / m * 100 + "%"
-      }), o({
-        position: "relative",
-        top: 0,
-        transform: `scale(${c})`,
-        transformOrigin: "top left",
-        ...h,
-        maxWidth: "none"
-      }), e(c * 100);
-    } else
-      o({}), e(100);
-  }, [s, n, e]);
-  return j(() => {
-    a();
-  }, [s, n, e, a]), t;
-};
-let Le, Fe;
-typeof document < "u" && (Le = document);
-typeof window < "u" && (Fe = window);
-const Re = S.createContext({ document: Le, window: Fe }), Q = () => S.useContext(Re), { Provider: vs, Consumer: Jo } = Re;
-class He extends ye {
-  componentDidMount() {
-    this.props.contentDidMount();
-  }
-  componentDidUpdate() {
-    this.props.contentDidUpdate();
-  }
-  render() {
-    return Ue.only(this.props.children);
-  }
-}
-M(He, "propTypes", {
-  children: w.element.isRequired,
-  contentDidMount: w.func.isRequired,
-  contentDidUpdate: w.func.isRequired
-});
-class te extends ye {
-  constructor(e, t) {
-    super(e, t);
-    M(this, "setRef", (e) => {
-      this.nodeRef.current = e;
-      const { forwardedRef: t } = this.props;
-      typeof t == "function" ? t(e) : t && (t.current = e);
-    });
-    M(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
-    M(this, "loadCheck", () => setInterval(() => {
-      this.handleLoad();
-    }, 500));
-    this._isMounted = !1, this.nodeRef = S.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 e = this.getDoc();
-    return this.props.mountTarget ? e.querySelector(this.props.mountTarget) : e.body.children[0];
-  }
-  renderFrameContents() {
-    if (!this._isMounted)
-      return null;
-    const e = this.getDoc();
-    if (!e)
-      return null;
-    const t = this.props.contentDidMount, o = this.props.contentDidUpdate, a = e.defaultView || e.parentView, l = /* @__PURE__ */ r.jsx(He, { contentDidMount: t, contentDidUpdate: o, children: /* @__PURE__ */ r.jsx(vs, { value: { document: e, window: a }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), i = this.getMountTarget();
-    return [me.createPortal(this.props.head, this.getDoc().head), me.createPortal(l, i)];
-  }
-  render() {
-    const e = {
-      ...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 e.head, delete e.initialContent, delete e.mountTarget, delete e.contentDidMount, delete e.contentDidUpdate, delete e.forwardedRef, /* @__PURE__ */ r.jsx("iframe", { ...e, 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.
-M(te, "propTypes", {
-  style: w.object,
-  // eslint-disable-line
-  head: w.node,
-  initialContent: w.string,
-  mountTarget: w.string,
-  contentDidMount: w.func,
-  contentDidUpdate: w.func,
-  children: w.oneOfType([w.element, w.arrayOf(w.element)])
-}), M(te, "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 $s = S.forwardRef((n, s) => /* @__PURE__ */ r.jsx(te, { ...n, forwardedRef: s }));
-function le(n) {
-  const s = window.getComputedStyle(n), e = s.display;
-  if (e === "flex" || e === "inline-flex") {
-    const t = s.flexDirection;
-    return t === "column" || t === "column-reverse" ? "vertical" : "horizontal";
-  } else if (e === "grid") {
-    const t = s.gridAutoFlow, o = s.gridTemplateRows, a = s.gridTemplateColumns;
-    return t.includes("column") || o.split(" ").length > a.split(" ").length ? "vertical" : "horizontal";
-  } else if (e === "block" || e === "inline-block")
-    return "vertical";
-  return "horizontal";
-}
-let y = null, B = [], H = null, J = null;
-const $e = (n, s, e) => {
-  if (!y || !n)
-    return;
-  const t = y == null ? void 0 : y.getElementById("placeholder"), o = B.map(([c]) => c), a = o.reduce(
-    (c, h) => Math.abs(h - e) < Math.abs(c - e) ? h : c,
-    0
-  ), l = o.indexOf(a);
-  if (!B[l])
-    return;
-  const i = B[l];
-  t.style.width = s === "vertical" ? i[2] + "px" : "2px", t.style.height = s === "vertical" ? "2px" : i[2] + "px", t.style.display = "block", s === "vertical" ? (t.style.top = i[0] + "px", t.style.left = i[1] + "px") : (t.style.top = i[1] + "px", t.style.left = i[0] + "px");
-};
-function bs(n, s) {
-  let e = 0, t = 1 / 0;
-  return s.forEach((o, a) => {
-    const l = Math.abs(o[0] - n);
-    l < t && (t = l, e = a);
-  }), e;
-}
-const ys = (n) => {
-  const e = le(n) === "horizontal";
-  B = [], Array.from(n.children).forEach((t, o) => {
-    if (t.classList.contains("pointer-events-none"))
-      return;
-    const a = e ? t.offsetLeft : t.offsetTop, l = e ? [t.offsetTop, t.clientHeight] : [t.offsetLeft, t.clientWidth];
-    if (B.push([a, l[0], l[1]]), o === n.children.length - 1) {
-      const i = e ? t.offsetLeft + t.clientWidth : t.offsetTop + t.clientHeight;
-      B.push([i, l[0], l[1]]);
-    }
-  });
-}, ks = ke((n) => {
-  var o;
-  const s = n.target, e = le(s), t = (o = y == null ? void 0 : y.defaultView) == null ? void 0 : o.scrollY;
-  e === "vertical" ? $e(s, e, n.clientY + t) : $e(s, e, n.clientX);
-}, 0);
-function be() {
-  const n = y == null ? void 0 : y.getElementById("placeholder");
-  n.style.display = "none", ws("pointer-none"), js();
-}
-function ws(n) {
-  (y == null ? void 0 : y.querySelectorAll(`.${n}`)).forEach((e) => {
-    e.classList.remove(n);
-  });
-}
-function js() {
-  const n = y == null ? void 0 : y.querySelector('[data-drop="yes"]');
-  n && n.removeAttribute("data-drop");
-}
-const Cs = () => {
-  const { document: n } = Q(), [s, e] = b(At), { addCoreBlock: t } = Dt(), [, o] = F(), [, a] = A(), { moveBlocks: l } = Ae(), [, i] = b(Se), [c, h] = b(ie), [, m] = b(Ne), d = () => {
-    be(), e(!1), i(""), h(null), m(null), B = [];
-  };
-  return y = n, {
-    isDragging: s,
-    onDragOver: (p) => {
-      p.preventDefault(), p.stopPropagation(), ks(p);
-    },
-    onDrop: (p) => {
-      var D;
-      H == null || H.classList.remove("drop-target");
-      const x = H, g = le(x) === "vertical" ? p.clientY + ((D = y == null ? void 0 : y.defaultView) == null ? void 0 : D.scrollY) : p.clientX;
-      J = bs(g, B);
-      const u = c, k = x.getAttribute("data-block-id");
-      if (u === H) {
-        d();
-        return;
-      }
-      if (!K(u, "_id")) {
-        t(u, k === "canvas" ? null : k, J), setTimeout(d, 300);
-        return;
-      }
-      let C = x.getAttribute("data-block-id");
-      C === null && (C = p.target.parentElement.getAttribute("data-block-id")), l([u._id], C, J), d(), setTimeout(be, 300);
-    },
-    onDragEnter: (p) => {
-      const x = p, $ = x.target;
-      H = $;
-      const g = $.getAttribute("data-block-id");
-      m(g), x.stopPropagation(), x.preventDefault(), B = [], ys($), $.classList.add("drop-target"), e(!0), o(""), a([]);
-    }
-  };
-};
-function ae(n) {
-  return n.getAttribute("data-block-id") ? n : n.closest("[data-block-id]");
-}
-function _s(n) {
-  n.container.innerHTML = "", n.container.parentNode.removeChild(n.container);
-  var s = document.querySelector(".ql-toolbar");
-  s && s.parentNode.removeChild(s), n = null;
-}
-const Bs = () => {
-  const n = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], s = St(), [, e] = F(), [t, o] = b(P);
-  return (a) => {
-    var d;
-    if (t)
-      return;
-    const l = ae(a.target), i = l.getAttribute("data-block-type");
-    if (!i || !n.includes(i))
-      return;
-    const c = l.cloneNode(!0);
-    l.style.display = "none", Array.from(c.attributes).forEach((p) => {
-      p.name !== "class" && c.removeAttribute(p.name);
-    }), i === "Text" && (c.style.display = "inline-block"), l.parentNode.insertBefore(c, l.nextSibling);
-    const h = new Gt(c, { placeholder: "Type here..." });
-    function m() {
-      const p = h.getText(0, h.getLength());
-      s([l.getAttribute("data-block-id")], { content: p }), l.removeAttribute("style"), c.removeEventListener("blur", m, !0), _s(h), o(""), e("");
-    }
-    c.addEventListener("blur", m, !0), c.addEventListener("keydown", (p) => {
-      (p.key === "Enter" || p.key === "Escape") && m();
-    }), h.focus(), (d = c.querySelector(".ql-clipboard")) == null || d.remove(), o(l.getAttribute("data-block-id"));
-  };
-}, As = () => {
-  const [, n] = L(), [s, e] = A(), [, t] = F(), [o] = b(P), [a] = b(It);
-  return (l) => {
-    if (o)
-      return;
-    l.stopPropagation();
-    const i = ae(l.target);
-    if (i != null && i.getAttribute("data-block-id") && (i == null ? void 0 : i.getAttribute("data-block-id")) === "container") {
-      e([]), n([]), t("");
-      return;
-    }
-    if (i != null && i.getAttribute("data-block-parent")) {
-      const c = i.getAttribute("data-style-prop"), h = i.getAttribute("data-style-id"), m = i.getAttribute("data-block-parent");
-      s.includes(m) || a == null || a.closeAll(), n([{ id: h, prop: c, blockId: m }]), e([m]);
-    } else if (i != null && i.getAttribute("data-block-id")) {
-      let c = i.getAttribute("data-block-id");
-      s.includes(c) || a == null || a.closeAll(), e([c]);
-    }
-    t("");
-  };
-}, Ds = ke((n, s) => {
-  const e = ae(n.target);
-  e != null && e.getAttribute("data-style-id") && s(e.getAttribute("data-style-id"));
-}, 100), Ss = () => {
-  const [, n] = F(), [s] = b(P);
-  return (e) => {
-    s || Ds(e, n);
-  };
-}, Is = ({ children: n }) => {
-  const { document: s } = Q(), [e] = A(), [t, o] = L();
-  j(() => {
-    setTimeout(() => {
-      if (!I(t))
-        return;
-      const h = Pe(s, Y(e));
-      if (h) {
-        const m = h.getAttribute("data-style-prop");
-        if (m) {
-          const d = h.getAttribute("data-style-id"), p = h.getAttribute("data-block-parent");
-          o([{ id: d, prop: m, blockId: p }]);
-        }
-      }
-    }, 100);
-  }, [s, e, o, t]);
-  const a = Bs(), l = As(), i = Ss(), c = Cs();
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      "data-block-id": "canvas",
-      id: "canvas",
-      onClick: l,
-      onDoubleClick: a,
-      onMouseMove: i,
-      ...we(c, "isDragging"),
-      className: "relative mb-5 h-full max-w-full " + (c.isDragging ? "dragging" : ""),
-      children: n
-    }
-  );
-}, Pe = (n, s) => n.querySelector(`[data-block-id="${s}"]`), Es = () => {
-  const { window: n } = Q(), [s, e] = A(), [t] = ne(), [, o] = L(), { undo: a, redo: l } = Ce(), i = Ie(), [, c] = Ee(), h = Te(), { savePage: m } = Et(), [d] = b(P), [, p] = b(Tt), x = (g) => {
-    g.key === "Enter" && (g.preventDefault(), s.length === 1 && p(Y(s)));
-  }, $ = (g) => {
-    const u = t.find((k) => k._id === g);
-    return u ? u._parent : null;
-  };
-  return j(() => {
-    const g = (u) => {
-      if (u.key === "Escape") {
-        e([]), o([]);
-        return;
-      }
-      if (x(u), !d && (u.key === "Delete" || u.key === "Backspace") && (u.preventDefault(), h(s)), u.ctrlKey || u.metaKey) {
-        if (u.key === "ArrowUp") {
-          u.preventDefault();
-          const k = s.length > 0 ? $(s[0]) : null;
-          k && e([k]);
-        }
-        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(u.key)) {
-          if (d && ["x", "z", "v"].includes(u.key))
-            return !0;
-          u.preventDefault();
-        }
-        u.key === "s" && (u.stopPropagation(), u.preventDefault(), m()), u.key === "z" && a(), u.key === "y" && l(), u.key === "d" && i(s);
-      }
-    };
-    return n.removeEventListener("keydown", g), n.addEventListener("keydown", g), () => {
-      n.removeEventListener("keydown", g);
-    };
-  }, [s, e, a, h, c, l, i, d, m, n]), null;
-}, Ts = ({ block: n, label: s }) => {
-  const [, e] = A(), [, t] = F(), [, o] = b(ie), a = es("dnd");
-  return /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: "mr-10 flex cursor-grab items-center space-x-1 px-1",
-      draggable: a ? "true" : "false",
-      onDragStart: (l) => {
-        l.dataTransfer.setData("text/plain", JSON.stringify(Ke(n, ["_id", "_type", "_name"]))), o(n), setTimeout(() => {
-          e([]), t(null);
-        }, 200);
-      },
-      children: [
-        /* @__PURE__ */ r.jsx(ot, {}),
-        s
-      ]
-    }
-  );
-}, Ns = ({ selectedBlockElement: n, block: s }) => {
-  const e = Te(), t = Ie(), [, o] = A(), [, a] = L(), [l] = b(P), { floatingStyles: i, refs: c, update: h } = Zt({
-    placement: "top-start",
-    middleware: [Jt(), Qt()],
-    elements: {
-      reference: n
-    }
-  });
-  Vt(n, () => h(), n !== null);
-  const m = f(s, "_parent", null), d = I(f(s, "_name", "")) ? f(s, "_type", "") : f(s, "_name", "");
-  return !n || !s || l ? null : /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      ref: c.setFloating,
-      style: i,
-      onClick: (p) => {
-        p.stopPropagation(), p.preventDefault();
-      },
-      onKeyDown: (p) => p.stopPropagation(),
-      className: "z-[99999] flex h-6 items-center bg-blue-500 py-2 text-xs text-white",
-      children: [
-        /* @__PURE__ */ r.jsx(Ts, { label: d, block: s }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1", children: [
-          m && /* @__PURE__ */ r.jsx(
-            nt,
-            {
-              className: "hover:scale-105",
-              onClick: () => {
-                a([]), o([m]);
-              }
-            }
-          ),
-          Nt(f(s, "_type", "")) ? /* @__PURE__ */ r.jsx(rt, { className: "hover:scale-105", onClick: () => t([s == null ? void 0 : s._id]) }) : null,
-          Mt(f(s, "_type", "")) ? /* @__PURE__ */ r.jsx(it, { className: "hover:scale-105", onClick: () => e([s == null ? void 0 : s._id]) }) : null
-        ] })
-      ]
-    }
-  ) });
-}, Ms = ({ addVariant: n, e: s }) => {
-  n("hs-dropdown-open", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-dropdown.open > .${s(`hs-dropdown-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-dropdown.open .hs-dropdown-toggle .${s(`hs-dropdown-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-dropdown.open > .hs-dropdown-menu > .${s(`hs-dropdown-open${t}${o}`)}`);
-    }
-  ]), n("hs-removing", ({ modifySelectors: e, separator: t }) => {
-    e(({ className: o }) => `.hs-removing.${s(`hs-removing${t}${o}`)}`);
-  }), n("hs-tooltip-shown", ({ modifySelectors: e, separator: t }) => {
-    e(({ className: o }) => `.hs-tooltip.show .${s(`hs-tooltip-shown${t}${o}`)}`);
-  }), n("hs-accordion-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-accordion.active.${s(`hs-accordion-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-accordion.active > .${s(`hs-accordion-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-accordion.active > .hs-accordion-toggle .${s(`hs-accordion-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .${s(
-        `hs-accordion-active${t}${o}`
-      )}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-accordion.active > .hs-accordion-toggle.${s(`hs-accordion-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.${s(
-        `hs-accordion-active${t}${o}`
-      )}`);
-    }
-  ]), n("hs-accordion-selected", ({ modifySelectors: e, separator: t }) => {
-    e(({ className: o }) => `.hs-accordion .selected.${s(`hs-accordion-selected${t}${o}`)}`);
-  }), n("hs-collapse-open", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-collapse.open .${s(`hs-collapse-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-collapse.open.${s(`hs-collapse-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-collapse-toggle.open .${s(`hs-collapse-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-collapse-toggle.open.${s(`hs-collapse-open${t}${o}`)}`);
-    }
-  ]), n("hs-tab-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `[data-hs-tab].active.${s(`hs-tab-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `[data-hs-tab].active .${s(`hs-tab-active${t}${o}`)}`);
-    }
-  ]), n("hs-overlay-open", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.open.${s(`hs-overlay-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.open .${s(`hs-overlay-open${t}${o}`)}`);
-    }
-  ]), n("hs-overlay-layout-open", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-overlay-body-open.${s(`hs-overlay-layout-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-overlay-body-open .${s(`hs-overlay-layout-open${t}${o}`)}`);
-    }
-  ]), n("hs-overlay-backdrop-open", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-overlay-backdrop.${s(`hs-overlay-backdrop-open${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.hs-overlay-backdrop .${s(`hs-overlay-backdrop-open${t}${o}`)}`);
-    }
-  ]), n("hs-scrollspy-active", ({ modifySelectors: e, separator: t }) => {
-    e(({ className: o }) => `.active.${s(`hs-scrollspy-active${t}${o}`)}`);
-  }), n("hs-carousel-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-carousel-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active .${s(`hs-carousel-active${t}${o}`)}`);
-    }
-  ]), n("hs-carousel-disabled", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled.${s(`hs-carousel${t}disabled${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled .${s(`hs-carousel${t}disabled${t}${o}`)}`);
-    }
-  ]), n("hs-selected", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.selected.${s(`hs-selected${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.selected .${s(`hs-selected${t}${o}`)}`);
-    }
-  ]), n("hs-select-disabled", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled.${s(`hs-select-disabled${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled .${s(`hs-select-disabled${t}${o}`)}`);
-    }
-  ]), n("hs-select-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-select-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active .${s(`hs-select-active${t}${o}`)}`);
-    }
-  ]), n("hs-input-number-disabled", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled.${s(`hs-input-number-disabled${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled .${s(`hs-input-number-disabled${t}${o}`)}`);
-    }
-  ]), n("hs-pin-input-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-pin-input-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active .${s(`hs-pin-input-active${t}${o}`)}`);
-    }
-  ]), n("hs-select-opened", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.opened.${s(`hs-select-opened${t}${o}`)}`);
-    }
-  ]), n("hs-password-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-password-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active .${s(`hs-password-active${t}${o}`)}`);
-    }
-  ]), n("hs-stepper-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-stepper-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active .${s(`hs-stepper-active${t}${o}`)}`);
-    }
-  ]), n("hs-stepper-success", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.success.${s(`hs-stepper-success${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.success .${s(`hs-stepper-success${t}${o}`)}`);
-    }
-  ]), n("hs-stepper-completed", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.completed.${s(`hs-stepper-completed${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.completed .${s(`hs-stepper-completed${t}${o}`)}`);
-    }
-  ]), n("hs-stepper-error", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.error.${s(`hs-stepper-error${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.error .${s(`hs-stepper-error${t}${o}`)}`);
-    }
-  ]), n("hs-stepper-processed", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.processed.${s(`hs-stepper-processed${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.processed .${s(`hs-stepper-processed${t}${o}`)}`);
-    }
-  ]), n("hs-stepper-disabled", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled.${s(`hs-stepper-disabled${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.disabled .${s(`hs-stepper-disabled${t}${o}`)}`);
-    }
-  ]), n("hs-stepper-skipped", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.skipped.${s(`hs-stepper-skipped${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.skipped .${s(`hs-stepper-skipped${t}${o}`)}`);
-    }
-  ]), n("hs-strong-password", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.passed.${s(`hs-strong-password${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.passed .${s(`hs-strong-password${t}${o}`)}`);
-    }
-  ]), n("hs-strong-password-accepted", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.accepted.${s(`hs-strong-password-accepted${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.accepted .${s(`hs-strong-password-accepted${t}${o}`)}`);
-    }
-  ]), n("hs-strong-password-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-strong-password-active${t}${o}`)}`);
-    }
-  ]), n("hs-combo-box-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active .${s(`hs-combo-box-active${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-combo-box-active${t}${o}`)}`);
-    }
-  ]), n("hs-combo-box-selected", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.selected .${s(`hs-combo-box-selected${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.selected.${s(`hs-combo-box-selected${t}${o}`)}`);
-    }
-  ]), n("hs-combo-box-tab-active", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.active.${s(`hs-combo-box-tab-active${t}${o}`)}`);
-    }
-  ]), n("hs-apexcharts-tooltip-dark", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.dark.${s(`hs-apexcharts-tooltip-dark${t}${o}`)}`);
-    }
-  ]), n("hs-success", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.success .${s(`hs-success${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.success.${s(`hs-success${t}${o}`)}`);
-    }
-  ]), n("hs-error", [
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.error .${s(`hs-error${t}${o}`)}`);
-    },
-    ({ modifySelectors: e, separator: t }) => {
-      e(({ className: o }) => `.error.${s(`hs-error${t}${o}`)}`);
-    }
-  ]), n("hs-default-mode-active", ({ modifySelectors: e, separator: t }) => {
-    e(({ className: o }) => `.default .${s(`hs-default-mode-active${t}${o}`)}`);
-  }), n("hs-dark-mode-active", ({ modifySelectors: e, separator: t }) => {
-    e(({ className: o }) => `.dark .${s(`hs-dark-mode-active${t}${o}`)}`);
-  }), n("hs-auto-mode-active", ({ modifySelectors: e, separator: t }) => {
-    e(({ className: o }) => `.auto .${s(`hs-auto-mode-active${t}${o}`)}`);
-  });
-}, Ls = ({ model: n }) => {
-  const [s] = Lt(), [e] = A(), [t] = _e(), [o] = F(), [a] = L(), [l] = b(Se), { document: i, window: c } = Q(), [h] = _(i == null ? void 0 : i.getElementById("highlighted-block")), [m] = _(
-    i == null ? void 0 : i.getElementById("selected-block")
-  ), [d] = _(
-    i == null ? void 0 : i.getElementById("selected-styling-block")
-  ), [p] = _(i == null ? void 0 : i.getElementById("dragged-block"));
-  j(() => {
-    t ? i == null || i.documentElement.classList.add("dark") : i == null || i.documentElement.classList.remove("dark");
-  }, [t, i]);
-  const x = f(s, "headingFont", "DM Sans"), $ = f(s, "bodyFont", "DM Sans");
-  return j(() => {
-    const g = f(s, "primaryColor", "#000"), u = f(s, "secondaryColor", "#FFF"), k = f(s, "bodyBgLightColor", "#fff"), C = f(s, "bodyBgDarkColor", "#000"), D = f(s, "bodyTextDarkColor", "#000"), E = f(s, "bodyTextLightColor", "#fff"), R = ns([
-      { color: g, name: "primary" },
-      { color: u, name: "secondary" }
-    ]), O = {
-      "bg-light": k,
-      "bg-dark": C,
-      "text-dark": D,
-      "text-light": E
-    }, v = f(s, "roundedCorners", "0");
-    !c || !c.tailwind || (c.tailwind.config = {
-      darkMode: "class",
-      theme: {
-        extend: {
-          container: {
-            center: !0,
-            padding: "1rem",
-            screens: {
-              "2xl": "1400px"
-            }
-          },
-          fontFamily: {
-            heading: [x],
-            body: [$]
-          },
-          borderRadius: {
-            DEFAULT: `${v || "0"}px`
-          },
-          colors: { ...O, ...R }
-        }
-      },
-      plugins: [ts, ss, os, c.tailwind.plugin.withOptions(() => Ms)]
-    });
-  }, [s, c, x, $]), j(() => {
-    m && (m.textContent = `${z(e, (g) => `[data-block-id="${g}"]`).join(",")}{
-                outline: 1px solid ${e.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
-            }`);
-  }, [e, m]), j(() => {
-    if (!l) {
-      p.textContent = "";
-      return;
-    }
-    p.textContent = `[data-block-id="${l}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
-  }, [l]), j(() => {
-    h && (h.textContent = o ? `[data-style-id="${o}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}` : "");
-  }, [o, e, h]), j(() => {
-    d && (d.textContent = `${z(a, ({ id: g }) => `[data-style-id="${g}"]`).join(",")}{
-                outline: 1px solid #42a1fc !important; outline-offset: -1px;
-            }`);
-  }, [a, d]), j(() => {
-    const g = f(s, "bodyTextLightColor", "#64748b"), u = f(s, "bodyTextDarkColor", "#94a3b8"), k = f(s, "bodyBgLightColor", "#FFFFFF"), C = f(s, "bodyBgDarkColor", "#0f172a");
-    i.body.className = `font-body antialiased text-[${g}] bg-[${k}] dark:text-[${u}] dark:bg-[${C}]`;
-  }, [s, i, n]), n === "page" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    x && /* @__PURE__ */ r.jsx(
-      "link",
-      {
-        id: "heading-font",
-        rel: "stylesheet",
-        type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${x.replace(
-          / /g,
-          "+"
-        )}:wght@300;400;500;600;700;800;900&display=swap`,
-        media: "all"
-      }
-    ),
-    $ && x !== $ && /* @__PURE__ */ r.jsx(
-      "link",
-      {
-        id: "body-font",
-        rel: "stylesheet",
-        type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${$.replace(
-          / /g,
-          "+"
-        )}:wght@300;400;500;600;700;800;900&display=swap`,
-        media: "all"
-      }
-    ),
-    x && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${x}",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;
-}, Fs = () => b(Ft), Rs = (n, s) => {
-  const e = ["xs", "sm", "md", "lg", "xl", "2xl"], t = e.indexOf(s), o = n.split(" ");
-  let a = new Array(e.length).fill(!1);
-  for (const l of o) {
-    let [i, c] = l.split(":");
-    c || (c = i, i = "xs");
-    const h = e.indexOf(i);
-    if (h <= t) {
-      const m = ["block", "flex", "inline", "inline-block", "inline-flex", "grid", "table"], d = ["hidden"];
-      if (m.includes(c))
-        for (let p = h; p < e.length; p++)
-          a[p] = !0;
-      else if (d.includes(c))
-        for (let p = h; p < e.length; p++)
-          a[p] = !1;
-    }
-  }
-  return a[t];
-}, Hs = (n) => {
-  const s = {};
-  return Object.keys(n).forEach((e) => {
-    oe(n[e]) && n[e].startsWith(ge) && (s[e] = n[e].replace(ge, "").split(","));
-  }), s;
-}, Ps = Ye((n) => {
-  const s = n.replace(Me, "").split(",");
-  return rs(s[0], s[1]);
-});
-function Os(n, s) {
-  return f(n, `${s}_attrs`, {});
-}
-function zs(n, s) {
-  const e = {};
-  return Object.keys(n).forEach((t) => {
-    if (oe(n[t]) && n[t].startsWith(Me)) {
-      const o = Ps(n[t]), a = Os(n, t);
-      e[t] = {
-        className: o,
-        "data-style-prop": t,
-        "data-block-parent": n._id,
-        "data-style-id": `${t}-${n._id}`,
-        ...a
-      };
-      const l = K(a, "x-show") || K(a, "x-if");
-      l && (e.__isHidden = l && !Rs(o, s));
-    }
-  }), e;
-}
-function Us(n, s) {
-  const e = f(n, "_bindings", {});
-  return I(e) ? { ...n } : (Xe(e, (t, o) => {
-    oe(t) && f(s, t, null) && (n[o] = f(s, t, null));
-  }), n);
-}
-function se({ blocks: n }) {
-  const [s] = ne(), [e] = b(Rt), [t] = b(ie), [o] = b(Ne), [, a] = G(), [l] = Fs(), i = q((d) => zs(d, a), [a]), [c] = qt(), [h] = b(P), m = q(
-    (d) => d.reduce((p, x) => {
-      const $ = f(l, x, {});
-      return { ...p, ...$ };
-    }, {}),
-    [l, s]
-  );
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: S.Children.toArray(
-    n.map((d, p) => {
-      if (h === d._id)
-        return null;
-      const x = Hs(d), $ = {};
-      I(x) || Object.keys(x).forEach((R) => {
-        $[R] = S.Children.toArray(
-          x[R].map((O) => /* @__PURE__ */ r.jsx(se, { blocks: [Ge(s, { _id: O })] }))
-        );
-      });
-      const g = je(s, { _parent: d._id });
-      $.children = g.length ? /* @__PURE__ */ r.jsx(se, { blocks: g }) : null;
-      const u = is(d._type), k = f(u, "builderComponent", f(u, "component", null));
-      if (Qe(k))
-        return /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${d == null ? void 0 : d._type} not registered -->` });
-      const C = K(u, "getBlockStateFrom") ? u == null ? void 0 : u.getBlockStateFrom(d, s) : [], D = m(C), E = i(d);
-      return f(E, "__isHidden", !1) && !fe(e, d._id) ? null : /* @__PURE__ */ r.jsx(V, { children: S.createElement(k, {
-        blockProps: {
-          ...fe(e, d._id) ? { "force-show": "" } : {},
-          "data-block-id": d._id,
-          "data-block-type": d._type,
-          ...t ? (
-            // @ts-ignore
-            {
-              "data-dnd": Ht(d._type, t == null ? void 0 : t._type) ? "yes" : "no",
-              "data-dnd-dragged": t._id === d._id ? "yes" : "no"
-            }
-          ) : {},
-          ...o === d._id ? { "data-drop": "yes" } : {}
-        },
-        index: p,
-        ...Us(d, c),
-        ...we(E, ["__isHidden"]),
-        ...$,
-        inBuilder: !0,
-        blockState: D
-      }) });
-    })
-  ) });
-}
-const Ws = () => {
-  const [n] = ne(), s = I(n) ? null : /* @__PURE__ */ r.jsx(Kt, { children: /* @__PURE__ */ r.jsx(se, { blocks: je(n, (e) => I(e._parent)) }) });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: s });
-}, qs = (n, s) => n.querySelector(`[data-style-id="${s}"]`), Ks = () => {
-  const [n] = b(Pt), [s] = Ee(), [e] = G(), [, t] = A(), o = Ot(), [, a] = F(), l = de(null), i = de(null), [c, h] = _({ width: 0, height: 0 }), m = xs(c), [d, p] = _(0), [x, $] = _([]), [, g] = _([]), [, u] = b(zt), [k, C] = L(), D = U("loading", !1), E = U("htmlDir", "ltr");
-  j(() => {
-    const { clientWidth: v, clientHeight: T } = i.current;
-    h({ width: v, height: T }), d === 0 && p(v);
-  }, [i, e, d]);
-  const R = (v, T = 0) => {
-    const { top: N } = v.getBoundingClientRect();
-    return N + T >= 0 && N - T <= window.innerHeight;
-  };
-  j(() => {
-    var v, T;
-    if (o && o.type !== "Multiple" && l.current) {
-      const N = Pe(l.current.contentDocument, o._id);
-      N && (R(N) || (T = (v = l.current) == null ? void 0 : v.contentWindow) == null || T.scrollTo({ top: N.offsetTop, behavior: "smooth" }), $([N]));
-    }
-  }, [o]), j(() => {
-    if (!I(k) && l.current) {
-      const v = qs(
-        l.current.contentDocument,
-        Y(k).id
-      );
-      g(v ? [v] : [null]);
-    } else
-      g([null]);
-  }, [k]);
-  const O = We(() => {
-    let v = fs;
-    return v = v.replace("__HTML_DIR__", E), n === "offline" && (v = v.replace(
-      "https://old.chaibuilder.com/offline/tailwind.cdn.js",
-      "/offline/tailwind.cdn.js"
-    ), v = v.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), v = v.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), v;
-  }, [n]);
-  return /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      onClick: () => {
-        t([]), C([]);
-      },
-      onMouseLeave: () => setTimeout(() => a(""), 300),
-      className: "relative mx-auto h-full w-full overflow-hidden",
-      style: d > 0 && !I(m) ? { width: s ? "100%" : d } : {},
-      ref: i,
-      children: /* @__PURE__ */ r.jsxs(
-        $s,
-        {
-          contentDidMount: () => u(l.current),
-          ref: l,
-          id: "canvas-iframe",
-          style: { width: `${e}px`, ...m },
-          className: "relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
-          initialContent: O,
-          children: [
-            /* @__PURE__ */ r.jsx(Es, {}),
-            /* @__PURE__ */ r.jsx(
-              Ns,
-              {
-                block: o,
-                selectedBlockElement: Y(x)
-              }
-            ),
-            /* @__PURE__ */ r.jsx(Ls, { model: "page" }),
-            /* @__PURE__ */ r.jsx(ls, { children: /* @__PURE__ */ r.jsx(Is, { children: D ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(ee, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Ws, {}) }) }),
-            /* @__PURE__ */ r.jsx("br", {}),
-            /* @__PURE__ */ r.jsx(
-              "div",
-              {
-                id: "placeholder",
-                className: "pointer-events-none absolute z-[99999] max-w-full bg-green-500 transition-transform"
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}, Ys = S.lazy(() => import("./CodeEditor-zYBqhBv3.js")), Vo = () => {
-  const [n] = Ut();
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ r.jsx(gs, {}),
-    /* @__PURE__ */ r.jsxs("div", { className: "relative flex h-full flex-col overflow-hidden bg-slate-800/90 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px] px-2", children: [
-      /* @__PURE__ */ r.jsx(V, { fallback: /* @__PURE__ */ r.jsx(ee, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Yt, { children: /* @__PURE__ */ r.jsx(Ks, {}) }) }),
-      n ? /* @__PURE__ */ r.jsx(V, { fallback: /* @__PURE__ */ r.jsx(ee, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(as, { enable: { top: !0, bottom: !1 }, className: "max-h-[400px] min-h-[200px]", children: /* @__PURE__ */ r.jsx(Ys, {}) }) }) : null
-    ] })
-  ] });
-};
-export {
-  Vo as default
-};