@chaibuilder/sdk 1.2.56 → 1.2.58

package/dist/CodeEditor-vECReGwz.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),b=require("@monaco-editor/react"),i=require("./index-0FIxW0gR.cjs"),k=require("react-i18next"),n=require("react"),C=require("@radix-ui/react-icons"),E=require("@react-hookz/web");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("lodash-es");require("./MODIFIERS-mVmfEGgo.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("tree-model");const a=u=>{const s=document.createElement("div");return s.innerHTML=u,s.innerHTML};function R(){const{t:u}=k.useTranslation(),[s,d]=n.useState(!1),[l,x]=n.useState(""),[r,o]=i.useCodeEditor(),[c]=i.useSelectedBlockIds(),q=i.useUpdateBlocksProps(),m=i.useUpdateBlocksPropsRealtime(),p=E.useThrottledCallback(t=>{const h=a(t);m([r.blockId],{[r.blockProp]:h})},[],300),j=n.useCallback(()=>{if(s){const t=a(l);q([r.blockId],{[r.blockProp]:t})}},[s,l]);n.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),o(null))},[c]);const f=()=>{o(null)};return e.jsxRuntimeExports.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsxRuntimeExports.jsx("button",{onClick:f,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxRuntimeExports.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsxRuntimeExports.jsx("span",{children:u("HTML Code Editor |")}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-400",children:u("Scripts will be only executed in preview and live mode.")})]}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-x-2",children:e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>o(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(C.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(b,{onMount:t=>{t.setValue(r.initialCode)},onChange:t=>{d(!0),x(t),p(t)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=R;

package/dist/{CodeEditor-kxV5RCpd.js → CodeEditor-zYBqhBv3.js}

@@ -1,33 +1,25 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import k from "@monaco-editor/react";
-import { i as C, L as j, Q as v, R as g, B as y } from "./ChaiBuilderEditor-tkzS851D.js";
+import { $ as C, r as j, am as v, an as g, B as y } from "./index-uLn8W3eR.js";
 import { useTranslation as N } from "react-i18next";
-import { useState as n, useCallback as T, useEffect as E } from "react";
+import { useState as a, useCallback as T, useEffect as E } from "react";
 import { Cross2Icon as w } from "@radix-ui/react-icons";
 import { useThrottledCallback as B } from "@react-hookz/web";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "jotai";
-import "i18next";
-import "flagged";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "./utils-VpVqnC9m.js";
 import "lodash-es";
 import "./MODIFIERS-fd5XOmum.js";
-import "./Functions-7jnEwJyw.js";
+import "clsx";
 import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "tree-model";
-import "./utils-VpVqnC9m.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
 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";
@@ -40,46 +32,48 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
+import "react-dom";
 import "react-quill";
-import "react-hotkeys-hook";
-import "lucide-react";
-import "./index-VBXQixVm.js";
-const a = (r) => {
+import "./Functions-7jnEwJyw.js";
+import "@chaibuilder/runtime";
+import "jotai";
+import "tree-model";
+const n = (s) => {
   const i = document.createElement("div");
-  return i.innerHTML = r, i.innerHTML;
+  return i.innerHTML = s, i.innerHTML;
 };
-function vt() {
-  const { t: r } = N(), [i, p] = n(!1), [m, c] = n(""), [o, s] = C(), [l] = j(), d = v(), u = g(), f = B(
-    (e) => {
-      const b = a(e);
-      u([o.blockId], { [o.blockProp]: b });
+function xt() {
+  const { t: s } = N(), [i, p] = a(!1), [l, c] = a(""), [e, r] = C(), [m] = j(), d = v(), u = g(), f = B(
+    (o) => {
+      const b = n(o);
+      u([e.blockId], { [e.blockProp]: b });
     },
     [],
     300
   ), x = T(() => {
     if (i) {
-      const e = a(m);
-      d([o.blockId], { [o.blockProp]: e });
+      const o = n(l);
+      d([e.blockId], { [e.blockProp]: o });
     }
-  }, [i, m]);
+  }, [i, l]);
   E(() => {
-    l.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
-  }, [l]);
+    m.includes(e == null ? void 0 : e.blockId) || (x(), r(null));
+  }, [m]);
   const h = () => {
-    s(null);
+    r(null);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "h-full rounded-t-lg border-t-4 border-black bg-black text-white", children: [
     /* @__PURE__ */ t.jsx("button", { onClick: h, className: "fixed inset-0 z-[100000] cursor-default bg-gray-400/20" }),
     /* @__PURE__ */ t.jsxs("div", { className: "relative z-[100001] h-full w-full flex-col gap-y-1", children: [
       /* @__PURE__ */ t.jsxs("div", { className: "-mt-1 flex items-center justify-between px-2 py-2", children: [
         /* @__PURE__ */ t.jsxs("h3", { className: "space-x-3 text-sm font-semibold", children: [
-          /* @__PURE__ */ t.jsx("span", { children: r("HTML Code Editor |") }),
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-gray-400", children: r("Scripts will be only executed in preview and live mode.") })
+          /* @__PURE__ */ t.jsx("span", { children: s("HTML Code Editor |") }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-gray-400", children: s("Scripts will be only executed in preview and live mode.") })
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: "flex gap-x-2", children: /* @__PURE__ */ t.jsx(
           y,
           {
-            onClick: () => s(null),
+            onClick: () => r(null),
             size: "sm",
             variant: "destructive",
             className: "h-6 w-fit",
@@ -90,11 +84,11 @@ function vt() {
       /* @__PURE__ */ t.jsx(
         k,
         {
-          onMount: (e) => {
-            e.setValue(o.initialCode);
+          onMount: (o) => {
+            o.setValue(e.initialCode);
           },
-          onChange: (e) => {
-            p(!0), c(e), f(e);
+          onChange: (o) => {
+            p(!0), c(o), f(o);
           },
           height: "100%",
           defaultLanguage: "html",
@@ -111,5 +105,5 @@ function vt() {
   ] });
 }
 export {
-  vt as default
+  xt as default
 };

package/dist/{CurrentPage-IrFGAb7n.js → CurrentPage-VksVpchp.js}

@@ -1,28 +1,18 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { V as h, a6 as f, a7 as j, a8 as y, a9 as v, aa as P } from "./ChaiBuilderEditor-tkzS851D.js";
-import { sortBy as b, filter as w, get as C, isEmpty as m, find as n, capitalize as N, map as S } from "lodash-es";
+import { Q as h, az as f, aA as j, aB as y, aC as v, aD as P } from "./index-uLn8W3eR.js";
+import { sortBy as C, filter as b, get as w, isEmpty as m, find as n, capitalize as N, map as S } from "lodash-es";
 import { toast as k } from "sonner";
 import { useEffect as p } from "react";
-import { a as B, u as E, c as T, d as V } from "./index-vfmO3y2d.js";
-import { BriefcaseIcon as I } from "lucide-react";
-import { useTranslation as L } from "react-i18next";
+import { a as B, u as E, c as T, d as z } from "./index-b4Wjumon.js";
+import { BriefcaseIcon as A } from "lucide-react";
+import { useTranslation as D } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "jotai";
-import "i18next";
-import "flagged";
-import "./MODIFIERS-fd5XOmum.js";
-import "./Functions-7jnEwJyw.js";
-import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "@react-hookz/web";
-import "tree-model";
-import "./utils-VpVqnC9m.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./utils-VpVqnC9m.js";
+import "./MODIFIERS-fd5XOmum.js";
+import "clsx";
+import "tailwind-merge";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -30,6 +20,7 @@ import "@radix-ui/react-icons";
 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";
@@ -42,14 +33,24 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
+import "react-dom";
 import "react-quill";
+import "./Functions-7jnEwJyw.js";
+import "@chaibuilder/runtime";
+import "jotai";
+import "@react-hookz/web";
+import "tree-model";
+import "./index-grcmKbfu.js";
+import "i18next";
+import "@floating-ui/react-dom";
+import "flagged";
 import "react-hotkeys-hook";
 import "./index-VBXQixVm.js";
-import "./core.js";
-import "./html-to-json-OnIZDDXw.js";
+import "./html-to-json-_01DXd-a.js";
 import "himalaya";
-const Te = () => {
-  const { data: t } = B(), { data: i, isLoading: l } = E(), { saveState: c } = h(), d = T(), { t: u } = L(), [a, o] = V(), s = b(w(i, { type: "STATIC" }), (r) => C(r, "uuid") === (t == null ? void 0 : t.homepage) ? 0 : 1);
+import "lodash";
+const ze = () => {
+  const { data: t } = B(), { data: i, isLoading: l } = E(), { saveState: c } = h(), d = T(), { t: u } = D(), [a, o] = z(), s = C(b(i, { type: "STATIC" }), (r) => w(r, "uuid") === (t == null ? void 0 : t.homepage) ? 0 : 1);
   p(() => {
     !m(i) && t.homepage && !n(i, { uuid: a }) && o(t.homepage);
   }, [a, i, t, o]), p(() => () => o(null), [o]);
@@ -68,7 +69,7 @@ const Te = () => {
       "aria-label": "Breadcrumb",
       children: /* @__PURE__ */ e.jsxs("ol", { className: "inline-flex items-center space-x-1 md:space-x-3", children: [
         /* @__PURE__ */ e.jsx("li", { className: "inline-flex items-center", children: /* @__PURE__ */ e.jsxs("div", { className: "inline-flex items-center text-sm font-medium text-gray-500 dark:text-gray-400", children: [
-          /* @__PURE__ */ e.jsx(I, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-4 w-4" }),
           N(t.name)
         ] }) }),
         /* @__PURE__ */ e.jsx("li", { "aria-current": "page", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
@@ -102,5 +103,5 @@ const Te = () => {
   );
 };
 export {
-  Te as default
+  ze as default
 };

package/dist/CurrentPage-caSpOhR9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("./index-0FIxW0gR.cjs"),i=require("lodash-es"),j=require("sonner"),l=require("react"),o=require("./index-7zSzDmAA.cjs"),p=require("lucide-react"),f=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("./index-5IJnVFyU.cjs");require("i18next");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("./index--mLLy7QQ.cjs");require("./html-to-json-ndxaXRT8.cjs");require("himalaya");require("lodash");const E=()=>{const{data:t}=o.useProject(),{data:u,isLoading:x}=o.usePages(),{saveState:d}=s.useSavePage(),m=o.useChangePage(),{t:q}=f.useTranslation(),[n,a]=o.useCurrentPage(),c=i.sortBy(i.filter(u,{type:"STATIC"}),r=>i.get(r,"uuid")===(t==null?void 0:t.homepage)?0:1);l.useEffect(()=>{!i.isEmpty(u)&&t.homepage&&!i.find(u,{uuid:n})&&a(t.homepage)},[n,u,t,a]),l.useEffect(()=>()=>a(null),[a]);const g=r=>{if(d!=="SAVED")j.toast.error(q("You have unsaved changes. Please save before changing the page."));else{const h=i.find(c,{uuid:r});m(h)}};return x||i.isEmpty(n)?null:e.jsxRuntimeExports.jsx("nav",{className:"flex rounded-lg border border-gray-200 bg-gray-50 px-3 py-1 pr-0 text-gray-700 dark:border-gray-700 dark:bg-gray-800","aria-label":"Breadcrumb",children:e.jsxRuntimeExports.jsxs("ol",{className:"inline-flex items-center space-x-1 md:space-x-3",children:[e.jsxRuntimeExports.jsx("li",{className:"inline-flex items-center",children:e.jsxRuntimeExports.jsxs("div",{className:"inline-flex items-center text-sm font-medium text-gray-500 dark:text-gray-400",children:[e.jsxRuntimeExports.jsx(p.BriefcaseIcon,{className:"mr-2 h-4 w-4"}),i.capitalize(t.name)]})}),e.jsxRuntimeExports.jsx("li",{"aria-current":"page",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("svg",{className:"mx-1 h-3 w-3 text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 6 10",children:e.jsxRuntimeExports.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 9 4-4-4-4"})}),e.jsxRuntimeExports.jsxs(s.Select,{value:n||"",onValueChange:g,children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"h-max border-0 py-0 text-sm font-medium text-gray-600 shadow-none outline-none ring-0 focus:ring-0 dark:text-gray-400",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Page"})}),e.jsxRuntimeExports.jsx(s.SelectContent,{className:"z-[999]",children:i.map(c,r=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:r.uuid,children:r==null?void 0:r.name},r.uuid))})]})]})})]})})};exports.default=E;

package/dist/{ListTree-0n_G8NJx.js → ListTree-0iy8aBgI.js}

@@ -3,7 +3,7 @@ import React__default, { memo, useMemo, useCallback, useEffect, useRef } from "r
 import { useAtom } from "jotai";
 import { useDebouncedCallback } from "@react-hookz/web";
 import { Tree } from "react-arborist";
-import { j as useBlocksStore, L as useSelectedBlockIds, H as useRemoveBlocks, M as useSelectedBlock, bt as ContextMenuItem, aK as canDeleteBlock, x as useDuplicateBlocks, bu as ContextMenuContent, aJ as canDuplicateBlock, bv as ContextMenu, bw as ContextMenuTrigger, h as useBuilderProp, D as useHighlightBlockId, aM as canAcceptChildBlock, ac as Tooltip, ad as TooltipTrigger, ae as TooltipContent, bx as treeDSBlocks, Q as useUpdateBlocksProps, Y as useSelectedStylingBlocks, aB as useBlocksStoreUndoableActions, aH as treeRefAtom } from "./ChaiBuilderEditor-tkzS851D.js";
+import { D as useBlocksStore, r as useSelectedBlockIds, s as useRemoveBlocks, ai as useSelectedBlock, bC as ContextMenuItem, b2 as canDeleteBlock, t as useDuplicateBlocks, bD as ContextMenuContent, b1 as canDuplicateBlock, bE as ContextMenu, bF as ContextMenuTrigger, h as useBuilderProp, b7 as canvasIframeAtom, b5 as canAcceptChildBlock, aF as Tooltip, aG as TooltipTrigger, aH as TooltipContent, bG as treeDSBlocks, am as useUpdateBlocksProps, at as useSelectedStylingBlocks, aW as useBlocksStoreUndoableActions, a$ as treeRefAtom } from "./index-uLn8W3eR.js";
 import { c as cn } from "./Functions-7jnEwJyw.js";
 import { BoxModelIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, DropdownMenuIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, RowsIcon, TextIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, TrashIcon, CopyIcon, TriangleRightIcon } from "@radix-ui/react-icons";
 import { DatabaseIcon } from "lucide-react";
@@ -11,25 +11,19 @@ import { find, first, isEmpty } from "lodash-es";
 import { useTranslation } from "react-i18next";
 import { G as GenIcon } from "./index-VBXQixVm.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "./MODIFIERS-fd5XOmum.js";
-import "@chaibuilder/runtime";
-import "tree-model";
-import "./utils-VpVqnC9m.js";
-import "tailwind-merge";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./utils-VpVqnC9m.js";
+import "./MODIFIERS-fd5XOmum.js";
+import "clsx";
+import "tailwind-merge";
 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";
@@ -42,8 +36,10 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
+import "react-dom";
 import "react-quill";
-import "react-hotkeys-hook";
+import "@chaibuilder/runtime";
+import "tree-model";
 const TypeIcon = (a) => {
   switch (a.type) {
     case "Image":
@@ -111,18 +107,18 @@ const TypeIcon = (a) => {
   alignItems: "center",
   zIndex: 1
 }, DefaultCursor = React__default.memo(function({ top: l, left: r }) {
-  const n = {
+  const o = {
     position: "absolute",
     pointerEvents: "none",
     top: l + "px",
     left: r + "px",
     right: 0
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...placeholderStyle, ...n }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-0.5 flex-1 rounded-[1px] bg-green-500" }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...placeholderStyle, ...o }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-0.5 flex-1 rounded-[1px] bg-green-500" }) });
 }), Overlay = memo(function({ children: l, isDragging: r }) {
   return r ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none fixed left-0 top-0 z-[100] h-full w-full", children: l }) : null;
 }), DefaultDragPreview = memo(({ id: a, isDragging: l, mouse: r }) => {
-  const [n] = useBlocksStore(), i = useMemo(() => n.find((c) => c._id === a), [n, a]), d = useMemo(
+  const [o] = useBlocksStore(), i = useMemo(() => o.find((M) => M._id === a), [o, a]), c = useMemo(
     () => ({
       transform: `translate(${(r == null ? void 0 : r.x) - 10}px, ${(r == null ? void 0 : r.y) - 10}px)`
     }),
@@ -132,7 +128,7 @@ const TypeIcon = (a) => {
     "div",
     {
       className: "pointer-events-none absolute z-50 rounded border border-gray-200 bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",
-      style: d,
+      style: c,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "flex !cursor-grab items-center p-0.5", "aria-label": `Type: ${i == null ? void 0 : i._type}`, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TypeIcon, { type: i == null ? void 0 : i._type }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-2 truncate text-[11px]", children: (i == null ? void 0 : i._name) || (i == null ? void 0 : i._type) })
@@ -154,7 +150,7 @@ const TypeIcon = (a) => {
     }
   );
 }, BlockContextMenuContent = () => {
-  const [a] = useSelectedBlockIds(), l = useDuplicateBlocks(), r = useSelectedBlock(), n = useCallback(() => {
+  const [a] = useSelectedBlockIds(), l = useDuplicateBlocks(), r = useSelectedBlock(), o = useCallback(() => {
     l(a);
   }, [a, l]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { className: "text-xs", children: [
@@ -163,7 +159,7 @@ const TypeIcon = (a) => {
       {
         disabled: !canDuplicateBlock(r == null ? void 0 : r._type),
         className: "flex items-center gap-x-4 text-xs",
-        onClick: n,
+        onClick: o,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}),
           " Duplicate"
@@ -200,8 +196,8 @@ function selectPrev(a) {
   a.select(l.id);
 }
 const selectParent = (a, l) => {
-  var n;
-  const r = ((n = a.selectedIds[0]) == null ? void 0 : n.parent) || null;
+  var o;
+  const r = ((o = a.selectedIds[0]) == null ? void 0 : o.parent) || null;
   r && l && a.select(r.id);
 }, open = (a, l) => {
   const r = a.selectedNodes[0];
@@ -25510,39 +25506,60 @@ function TbZzz(a) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M4 12h6l-6 8h6" }, child: [] }, { tag: "path", attr: { d: "M14 4h6l-6 8h6" }, child: [] }] })(a);
 }
 const Node = memo(({ node: a, style: l, dragHandle: r }) => {
-  const n = useBuilderProp("outlineMenuItems", []), [, i] = useHighlightBlockId(), d = a.children.length > 0, { id: c, data: h, isSelected: f, willReceiveDrop: u, isDragging: k, isEditing: L, handleClick: C } = a, B = useDebouncedCallback((o) => i(o), [], 300), m = (o) => {
-    o.stopPropagation(), a.toggle();
-  }, z = (o) => {
-    o.stopPropagation(), a.isOpen || a.toggle(), C(o);
+  const o = useBuilderProp("outlineMenuItems", []), [i] = useAtom(canvasIframeAtom);
+  let c = null;
+  const M = a.children.length > 0, { id: d, data: h, isSelected: m, willReceiveDrop: k, isDragging: L, isEditing: z, handleClick: w } = a, x = (n) => {
+    n.stopPropagation(), a.toggle();
+  }, I = (n) => {
+    n.isInternal && (c = n.isOpen, n.isOpen && n.close());
+  }, G = (n) => {
+    n.isInternal && c !== null && (c ? n.open() : n.close(), c = null);
+  }, V = (n) => {
+    n.stopPropagation(), a.isOpen || a.toggle(), w(n);
   };
   useEffect(() => {
-    const o = setTimeout(() => {
-      u && !a.isOpen && a.toggle();
+    const n = setTimeout(() => {
+      k && !a.isOpen && !L && a.toggle();
     }, 500);
-    return () => clearTimeout(o);
-  }, [u, a]);
-  const p = useMemo(() => {
-    const o = Object.keys(h), g = [];
-    for (let v = 0; v < o.length; v++)
-      if (o[v].endsWith("_attrs")) {
-        const w = h[o[v]], M = Object.keys(w).join("|");
-        M.match(/x-data/) && g.push("data"), M.match(/x-on:|@click/) && g.push("event"), M.match(/x-show/) && g.push("show");
+    return () => clearTimeout(n);
+  }, [k, a, L]);
+  const C = useMemo(() => {
+    const n = Object.keys(h), u = [];
+    for (let v = 0; v < n.length; v++)
+      if (n[v].endsWith("_attrs")) {
+        const p = h[n[v]], g = Object.keys(p).join("|");
+        g.match(/x-data/) && u.push("data"), g.match(/x-on/) && u.push("event"), g.match(/x-show|x-if/) && u.push("show");
       }
-    return g;
-  }, [h]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockContextMenu, { id: c, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return u;
+  }, [h]), B = (n, u) => {
+    const v = i.contentDocument || i.contentWindow.document, p = v.querySelector(`[data-block-id=${n}]`);
+    p && p.setAttribute("data-drop", u);
+    const g = p.getBoundingClientRect(), f = i.getBoundingClientRect();
+    g.top >= f.top && g.left >= f.left && g.bottom <= f.bottom && g.right <= f.right || (v.documentElement.scrollTop = p.offsetTop - f.top);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockContextMenu, { id: d, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      onClick: z,
-      onMouseEnter: () => B(c),
+      onClick: V,
       style: l,
-      "data-node-id": c,
+      "data-node-id": d,
       ref: r,
+      onDragStart: () => I(a),
+      onDragEnd: () => G(a),
+      onDragOver: (n) => {
+        n.preventDefault(), B(d, "yes");
+      },
+      onDragLeave: (n) => {
+        n.preventDefault(), B(d, "no");
+      },
+      onDrop: (n) => {
+        n.preventDefault(), B(d, "no");
+      },
       className: cn(
         "group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",
-        f ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
-        u && canAcceptChildBlock(h._type, "Icon") ? "bg-green-200" : "",
-        k && "opacity-20"
+        m ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
+        k && canAcceptChildBlock(h._type, "Icon") ? "bg-green-200" : "",
+        L && "opacity-20"
       ),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
@@ -25550,38 +25567,38 @@ const Node = memo(({ node: a, style: l, dragHandle: r }) => {
             "div",
             {
               className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${a.isOpen ? "rotate-90" : ""}`,
-              children: d && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: m, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleRightIcon, {}) })
+              children: M && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: x, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleRightIcon, {}) })
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TypeIcon, { type: h == null ? void 0 : h._type }) }),
-            L ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: a }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            z ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: a }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
                 className: "ml-2 flex items-center gap-x-1 truncate text-[11px]",
-                onDoubleClick: (o) => {
-                  o.stopPropagation(), a.edit(), a.deselect();
+                onDoubleClick: (n) => {
+                  n.stopPropagation(), a.edit(), a.deselect();
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: (h == null ? void 0 : h._name) || (h == null ? void 0 : h._type.split("/").pop()) }),
-                  p.includes("data") && /* @__PURE__ */ jsxRuntimeExports.jsx(VscJson, { className: "h-3 w-3 text-orange-600" }),
-                  p.includes("event") && /* @__PURE__ */ jsxRuntimeExports.jsx(BsLightningFill, { className: "h-3 w-3 text-yellow-500" }),
-                  p.includes("show") && /* @__PURE__ */ jsxRuntimeExports.jsx(TbEyeDown, { className: "h-3 w-3 text-orange-600" })
+                  C.includes("data") && /* @__PURE__ */ jsxRuntimeExports.jsx(VscJson, { className: "h-3 w-3 text-orange-600" }),
+                  C.includes("event") && /* @__PURE__ */ jsxRuntimeExports.jsx(BsLightningFill, { className: "h-3 w-3 text-yellow-500" }),
+                  C.includes("show") && /* @__PURE__ */ jsxRuntimeExports.jsx(TbEyeDown, { className: "h-3 w-3 text-orange-600" })
                 ]
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "invisible flex items-center space-x-1 pr-2 group-hover:visible", children: n.map((o) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "invisible flex items-center space-x-1 pr-2 group-hover:visible", children: o.map((n) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             TooltipTrigger,
             {
               className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
               asChild: !0,
-              children: React__default.createElement(o.item, { blockId: c })
+              children: React__default.createElement(n.item, { blockId: d })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "z-[9999]", children: o.tooltip })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "z-[9999]", children: n.tooltip })
         ] })) })
       ]
     }
@@ -25595,22 +25612,22 @@ const Node = memo(({ node: a, style: l, dragHandle: r }) => {
       className: "ml-2 w-full rounded-sm border border-black/30 bg-transparent px-1 text-[11px] outline-none",
       type: "text",
       defaultValue: ((l = a.data) == null ? void 0 : l._name) || ((r = a.data) == null ? void 0 : r._type),
-      onFocus: (n) => n.currentTarget.select(),
-      onBlur: (n) => a.submit(n.currentTarget.value),
-      onKeyDown: (n) => {
-        n.key === "Enter" && a.submit(n.currentTarget.value);
+      onFocus: (o) => o.currentTarget.select(),
+      onBlur: (o) => a.submit(o.currentTarget.value),
+      onKeyDown: (o) => {
+        o.key === "Enter" && a.submit(o.currentTarget.value);
       }
     }
   );
 }, useCanMove = () => {
   const [a] = useBlocksStore();
   return (l, r) => {
-    var d;
-    const n = (d = find(a, { _id: r })) == null ? void 0 : d._type, i = first(l.map((c) => {
-      var h;
-      return (h = find(a, { _id: c })) == null ? void 0 : h._type;
+    var c;
+    const o = (c = find(a, { _id: r })) == null ? void 0 : c._type, i = first(l.map((M) => {
+      var d;
+      return (d = find(a, { _id: M })) == null ? void 0 : d._type;
     }));
-    return canAcceptChildBlock(n, i);
+    return canAcceptChildBlock(o, i);
   };
 }, ListTree = () => {
   const [treeData] = useAtom(treeDSBlocks), [ids, setIds] = useSelectedBlockIds(), updateBlockProps = useUpdateBlocksProps(), [, setStyleBlocks] = useSelectedStylingBlocks(), { moveBlocks } = useBlocksStoreUndoableActions(), canMove = useCanMove(), treeRef = useRef(null), [, setTreeRef] = useAtom(treeRefAtom), { t } = useTranslation(), clearSelection = () => {
@@ -25629,9 +25646,9 @@ const Node = memo(({ node: a, style: l, dragHandle: r }) => {
     const l = a[0] ? a[0].id : "";
     setStyleBlocks([]), setIds([l]);
   }, onContextMenu = (a) => {
-    var n;
+    var o;
     a.preventDefault();
-    const l = a.target, r = l.getAttribute("data-node-id") || ((n = l.closest("[data-node-id]")) == null ? void 0 : n.getAttribute("data-node-id"));
+    const l = a.target, r = l.getAttribute("data-node-id") || ((o = l.closest("[data-node-id]")) == null ? void 0 : o.getAttribute("data-node-id"));
     r && (setStyleBlocks([]), setIds([r]));
   }, debouncedDisableDrop = useDebouncedCallback(
     ({ parentNode: a, dragNodes: l }) => {