@chaibuilder/sdk 2.0.0-beta.107 → 2.0.0-beta.108

package/dist/core.js

@@ -13,7 +13,7 @@ import { useTranslation as Ve } from "react-i18next";
 import { g as generateUUID, a as getBreakpointValue, c as cn$1, G as GenIcon } from "./iconBase-DHfFLkem.js";
 import { flip } from "@floating-ui/dom";
 import { useFloating, shift } from "@floating-ui/react-dom";
-import { ArrowUpIcon, PlusIcon, CopyIcon, TrashIcon, DragHandleDots2Icon, BoxModelIcon, ReaderIcon, DropdownMenuIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, TextIcon, RowsIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, Cross2Icon, EyeOpenIcon, EyeClosedIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, InfoCircledIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretDownIcon, CaretRightIcon, CardStackIcon, CardStackPlusIcon, ScissorsIcon, CheckIcon, SunIcon, ResetIcon, EraserIcon, ZoomInIcon, MixerHorizontalIcon, LightningBoltIcon } from "@radix-ui/react-icons";
+import { ArrowUpIcon, PlusIcon, CopyIcon, TrashIcon, DragHandleDots2Icon, BoxModelIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, Cross2Icon, EyeOpenIcon, EyeClosedIcon, BorderAllIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, InfoCircledIcon, BoxIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretDownIcon, CaretRightIcon, CardStackIcon, CardStackPlusIcon, ScissorsIcon, CheckIcon, SunIcon, ResetIcon, EraserIcon, ZoomInIcon, MixerHorizontalIcon, LightningBoltIcon } from "@radix-ui/react-icons";
 import { useThrottledCallback, useDebouncedCallback, useResizeObserver, useIntervalEffect } from "@react-hookz/web";
 import { useFeature, FlagsProvider } from "flagged";
 import { getRegisteredChaiBlock, getDefaultBlockProps, useRegisteredChaiBlocks, getBlockFormSchemas, syncBlocksWithDefaults } from "@chaibuilder/runtime";
@@ -22,7 +22,7 @@ import { e as getDefaultExportFromCjs, d as defaultThemeOptions, g as getChaiThe
 import TreeModel from "tree-model";
 import { useHotkeys } from "react-hotkeys-hook";
 import { toast } from "sonner";
-import { PlusIcon as PlusIcon$1, PanelRightClose, PanelRightOpen, AppWindowIcon, AlignHorizontalJustifyStart, UnfoldHorizontal, DatabaseIcon, Columns, Rows, GlobeIcon, ChevronRight, ChevronLeft, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Link as Link$1, Unlink, Maximize2, X, Plus, PlusCircle, ChevronDown, Loader, SparklesIcon, EyeOff, Eye, SmileIcon, ShuffleIcon, DatabaseZapIcon, Edit2, Paintbrush, Layers } from "lucide-react";
+import { PlusIcon as PlusIcon$1, ChevronRight, DatabaseIcon, ChevronLeft, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Link as Link$1, Unlink, Maximize2, X, Plus, PlusCircle, ChevronDown, Loader, SparklesIcon, EyeOff, Eye, SmileIcon, ShuffleIcon, DatabaseZapIcon, Edit2, Paintbrush, Layers } from "lucide-react";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import typography from "@tailwindcss/typography";
@@ -102,96 +102,96 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
   return (b = f.onMount) == null ? void 0 : b.call(f, h);
 }, ...m) => {
   const f = m[0] || ((w) => {
-    let T = o.get(w);
-    return T || (T = { d: /* @__PURE__ */ new Map(), p: /* @__PURE__ */ new Set(), n: 0 }, o.set(w, T), u == null || u(w, _)), T;
+    let L = o.get(w);
+    return L || (L = { d: /* @__PURE__ */ new Map(), p: /* @__PURE__ */ new Set(), n: 0 }, o.set(w, L), u == null || u(w, _)), L;
   }), h = m[1] || (() => {
-    let w, T;
+    let w, L;
     const k = (v) => {
       try {
         v();
       } catch (N) {
-        w || (w = !0, T = N);
+        w || (w = !0, L = N);
       }
     };
     do {
       c.f && k(c.f);
       const v = /* @__PURE__ */ new Set(), N = v.add.bind(v);
-      a.forEach((I) => {
-        var L;
-        return (L = n.get(I)) == null ? void 0 : L.l.forEach(N);
+      a.forEach((T) => {
+        var I;
+        return (I = n.get(T)) == null ? void 0 : I.l.forEach(N);
       }), a.clear(), i.forEach(N), i.clear(), l.forEach(N), l.clear(), v.forEach(k), a.size && b();
     } while (a.size || i.size || l.size);
     if (w)
-      throw T;
+      throw L;
   }), b = m[2] || (() => {
-    const w = [], T = /* @__PURE__ */ new WeakSet(), k = /* @__PURE__ */ new WeakSet(), v = Array.from(a);
+    const w = [], L = /* @__PURE__ */ new WeakSet(), k = /* @__PURE__ */ new WeakSet(), v = Array.from(a);
     for (; v.length; ) {
-      const N = v[v.length - 1], I = f(N);
+      const N = v[v.length - 1], T = f(N);
       if (k.has(N)) {
         v.pop();
         continue;
       }
-      if (T.has(N)) {
-        r.get(N) === I.n && w.push([N, I]), k.add(N), v.pop();
+      if (L.has(N)) {
+        r.get(N) === T.n && w.push([N, T]), k.add(N), v.pop();
         continue;
       }
-      T.add(N);
-      for (const L of getMountedOrPendingDependents(N, I, n))
-        T.has(L) || v.push(L);
+      L.add(N);
+      for (const I of getMountedOrPendingDependents(N, T, n))
+        L.has(I) || v.push(I);
     }
     for (let N = w.length - 1; N >= 0; --N) {
-      const [I, L] = w[N];
-      let P = !1;
-      for (const E of L.d.keys())
-        if (E !== I && a.has(E)) {
-          P = !0;
+      const [T, I] = w[N];
+      let R = !1;
+      for (const E of I.d.keys())
+        if (E !== T && a.has(E)) {
+          R = !0;
           break;
         }
-      P && (x(I), j(I)), r.delete(I);
+      R && (x(T), j(T)), r.delete(T);
     }
   }), x = m[3] || ((w) => {
-    var T, k;
+    var L, k;
     const v = f(w);
     if (isAtomStateInitialized(v) && (n.has(w) && r.get(w) !== v.n || Array.from(v.d).every(
-      ([R, O]) => (
+      ([P, O]) => (
         // Recursively, read the atom state of the dependency, and
         // check if the atom epoch number is unchanged
-        x(R).n === O
+        x(P).n === O
       )
     )))
       return v;
     v.d.clear();
     let N = !0;
-    const I = () => {
+    const T = () => {
       n.has(w) && (j(w), b(), h());
-    }, L = (R) => {
+    }, I = (P) => {
       var O;
-      if (isSelfAtom(w, R)) {
-        const H = f(R);
+      if (isSelfAtom(w, P)) {
+        const H = f(P);
         if (!isAtomStateInitialized(H))
-          if (hasInitialValue(R))
-            setAtomStateValueOrPromise(R, R.init, f);
+          if (hasInitialValue(P))
+            setAtomStateValueOrPromise(P, P.init, f);
           else
             throw new Error("no atom init");
         return returnAtomValue(H);
       }
-      const $ = x(R);
+      const $ = x(P);
       try {
         return returnAtomValue($);
       } finally {
-        v.d.set(R, $.n), isPendingPromise(v.v) && addPendingPromiseToDependency(w, v.v, $), (O = n.get(R)) == null || O.t.add(w), N || I();
+        v.d.set(P, $.n), isPendingPromise(v.v) && addPendingPromiseToDependency(w, v.v, $), (O = n.get(P)) == null || O.t.add(w), N || T();
       }
     };
-    let P, E;
+    let R, E;
     const D = {
       get signal() {
-        return P || (P = new AbortController()), P.signal;
+        return R || (R = new AbortController()), R.signal;
       },
       get setSelf() {
-        return !E && isActuallyWritableAtom(w) && (E = (...R) => {
+        return !E && isActuallyWritableAtom(w) && (E = (...P) => {
           if (!N)
             try {
-              return A(w, ...R);
+              return A(w, ...P);
             } finally {
               b(), h();
             }
@@ -199,66 +199,66 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
       }
     }, M = v.n;
     try {
-      const R = d(w, L, D);
-      return setAtomStateValueOrPromise(w, R, f), isPromiseLike$2(R) && ((T = R.onCancel) == null || T.call(R, () => P == null ? void 0 : P.abort()), R.then(
-        I,
-        I
+      const P = d(w, I, D);
+      return setAtomStateValueOrPromise(w, P, f), isPromiseLike$2(P) && ((L = P.onCancel) == null || L.call(P, () => R == null ? void 0 : R.abort()), P.then(
+        T,
+        T
       )), v;
-    } catch (R) {
-      return delete v.v, v.e = R, ++v.n, v;
+    } catch (P) {
+      return delete v.v, v.e = P, ++v.n, v;
     } finally {
       N = !1, M !== v.n && r.get(w) === M && (r.set(w, v.n), a.add(w), (k = c.c) == null || k.call(c, w));
     }
   }), y = m[4] || ((w) => {
-    const T = [w];
-    for (; T.length; ) {
-      const k = T.pop(), v = f(k);
+    const L = [w];
+    for (; L.length; ) {
+      const k = L.pop(), v = f(k);
       for (const N of getMountedOrPendingDependents(k, v, n)) {
-        const I = f(N);
-        r.set(N, I.n), T.push(N);
+        const T = f(N);
+        r.set(N, T.n), L.push(N);
       }
     }
-  }), A = m[5] || ((w, ...T) => {
+  }), A = m[5] || ((w, ...L) => {
     let k = !0;
-    const v = (I) => returnAtomValue(x(I)), N = (I, ...L) => {
-      var P;
-      const E = f(I);
+    const v = (T) => returnAtomValue(x(T)), N = (T, ...I) => {
+      var R;
+      const E = f(T);
       try {
-        if (isSelfAtom(w, I)) {
-          if (!hasInitialValue(I))
+        if (isSelfAtom(w, T)) {
+          if (!hasInitialValue(T))
             throw new Error("atom not writable");
-          const D = E.n, M = L[0];
-          setAtomStateValueOrPromise(I, M, f), j(I), D !== E.n && (a.add(I), (P = c.c) == null || P.call(c, I), y(I));
+          const D = E.n, M = I[0];
+          setAtomStateValueOrPromise(T, M, f), j(T), D !== E.n && (a.add(T), (R = c.c) == null || R.call(c, T), y(T));
           return;
         } else
-          return A(I, ...L);
+          return A(T, ...I);
       } finally {
         k || (b(), h());
       }
     };
     try {
-      return p(w, v, N, ...T);
+      return p(w, v, N, ...L);
     } finally {
       k = !1;
     }
   }), j = m[6] || ((w) => {
-    var T;
+    var L;
     const k = f(w), v = n.get(w);
     if (v && !isPendingPromise(k.v)) {
-      for (const [N, I] of k.d)
+      for (const [N, T] of k.d)
         if (!v.d.has(N)) {
-          const L = f(N);
-          C(N).t.add(w), v.d.add(N), I !== L.n && (a.add(N), (T = c.c) == null || T.call(c, N), y(N));
+          const I = f(N);
+          C(N).t.add(w), v.d.add(N), T !== I.n && (a.add(N), (L = c.c) == null || L.call(c, N), y(N));
         }
       for (const N of v.d || [])
         if (!k.d.has(N)) {
           v.d.delete(N);
-          const I = S(N);
-          I == null || I.t.delete(w);
+          const T = S(N);
+          T == null || T.t.delete(w);
         }
     }
   }), C = m[7] || ((w) => {
-    var T;
+    var L;
     const k = f(w);
     let v = n.get(w);
     if (!v) {
@@ -269,28 +269,28 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
         l: /* @__PURE__ */ new Set(),
         d: new Set(k.d.keys()),
         t: /* @__PURE__ */ new Set()
-      }, n.set(w, v), (T = c.m) == null || T.call(c, w), isActuallyWritableAtom(w)) {
+      }, n.set(w, v), (L = c.m) == null || L.call(c, w), isActuallyWritableAtom(w)) {
         const N = () => {
-          let I = !0;
-          const L = (...P) => {
+          let T = !0;
+          const I = (...R) => {
             try {
-              return A(w, ...P);
+              return A(w, ...R);
             } finally {
-              I || (b(), h());
+              T || (b(), h());
             }
           };
           try {
-            const P = g(w, L);
-            P && (v.u = () => {
-              I = !0;
+            const R = g(w, I);
+            R && (v.u = () => {
+              T = !0;
               try {
-                P();
+                R();
               } finally {
-                I = !1;
+                T = !1;
               }
             });
           } finally {
-            I = !1;
+            T = !1;
           }
         };
         l.add(N);
@@ -298,17 +298,17 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
     }
     return v;
   }), S = m[8] || ((w) => {
-    var T;
+    var L;
     const k = f(w);
     let v = n.get(w);
     if (v && !v.l.size && !Array.from(v.t).some((N) => {
-      var I;
-      return (I = n.get(N)) == null ? void 0 : I.d.has(w);
+      var T;
+      return (T = n.get(N)) == null ? void 0 : T.d.has(w);
     })) {
-      v.u && i.add(v.u), v = void 0, n.delete(w), (T = c.u) == null || T.call(c, w);
+      v.u && i.add(v.u), v = void 0, n.delete(w), (L = c.u) == null || L.call(c, w);
       for (const N of k.d.keys()) {
-        const I = S(N);
-        I == null || I.t.delete(w);
+        const T = S(N);
+        T == null || T.t.delete(w);
       }
       return;
     }
@@ -339,17 +339,17 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
     S
   ], _ = {
     get: (w) => returnAtomValue(x(w)),
-    set: (w, ...T) => {
+    set: (w, ...L) => {
       try {
-        return A(w, ...T);
+        return A(w, ...L);
       } finally {
         b(), h();
       }
     },
-    sub: (w, T) => {
+    sub: (w, L) => {
       const v = C(w).l;
-      return v.add(T), h(), () => {
-        v.delete(T), S(w), h();
+      return v.add(L), h(), () => {
+        v.delete(L), S(w), h();
       };
     }
   };
@@ -407,14 +407,14 @@ function splitAtom(o, n) {
             }
             return S[_];
           }, A = (j, C, S) => {
-            const B = j(l), _ = j(o), T = a(_, B == null ? void 0 : B.arr).keyList.indexOf(b);
-            if (T < 0 || T >= _.length)
+            const B = j(l), _ = j(o), L = a(_, B == null ? void 0 : B.arr).keyList.indexOf(b);
+            if (L < 0 || L >= _.length)
               throw new Error("splitAtom: index out of bounds for write");
-            const k = isFunction(S) ? S(_[T]) : S;
-            Object.is(_[T], k) || C(o, [
-              ..._.slice(0, T),
+            const k = isFunction(S) ? S(_[L]) : S;
+            Object.is(_[L], k) || C(o, [
+              ..._.slice(0, L),
               k,
-              ..._.slice(T + 1)
+              ..._.slice(L + 1)
             ]);
           };
           g[h] = isWritable(o) ? atom(y, A) : atom(y);
@@ -1346,7 +1346,7 @@ const useBlocksStoreManager = () => {
   return {
     moveBlocks: (b, x, y) => {
       const A = map(b, (C) => {
-        const B = n.find((T) => T._id === C)._parent || null, w = n.filter((T) => B ? T._parent === B : !T._parent).map((T) => T._id).indexOf(C);
+        const B = n.find((L) => L._id === C)._parent || null, w = n.filter((L) => B ? L._parent === B : !L._parent).map((L) => L._id).indexOf(C);
         return { _id: C, oldParent: B, oldPosition: w };
       }), j = A.find(({ _id: C }) => C === b[0]);
       j && j.oldParent === x && j.oldPosition === y || (i(b, x, y), o({
@@ -3791,7 +3791,10 @@ const getBlockRuntimeProps = memoize((o) => {
   const [r] = useAtom$1(o), a = useMemo(() => getRegisteredChaiBlock(r._type), [r._type]), { selectedLang: l, fallbackLang: i } = useLanguages(), c = useBlockRuntimeProps(), d = usePageExternalData(), [p] = useHiddenBlockIds(), [u] = useAtom$1(dataBindingActiveAtom), g = get(a, "component", null), m = useMemo(
     () => u ? applyBinding(applyLanguage(r, l, a), d) : applyLanguage(r, l, a),
     [r, l, a, d, u]
-  ), f = useMemo(() => getBlockTagAttributes(r), [r]), h = useMemo(() => c(r._id, getBlockRuntimeProps(r._type)), [r]), b = useMemo(() => !has(a, "dataProvider") || !isFunction$1(a.dataProvider) ? {} : a.dataProvider(r, l), [r, l, a]), x = useMemo(
+  ), f = useMemo(() => getBlockTagAttributes(r), [r, getBlockTagAttributes]), h = useMemo(
+    () => c(r._id, getBlockRuntimeProps(r._type)),
+    [r._id, r._type, c, getBlockRuntimeProps]
+  ), b = useMemo(() => !has(a, "dataProvider") || !isFunction$1(a.dataProvider) ? {} : a.dataProvider(r, l), [r, l, a]), x = useMemo(
     () => ({
       blockProps: {
         "data-block-id": r._id,
@@ -3804,7 +3807,16 @@ const getBlockRuntimeProps = memoize((o) => {
       ...h,
       ...b
     }),
-    [r, l, i, m, f, h, b]
+    [
+      r._id,
+      r._type,
+      l,
+      i,
+      m,
+      f,
+      h,
+      b
+    ]
   );
   return isNull(g) || p.includes(r._id) ? null : /* @__PURE__ */ jsx(Suspense, { children: createElement(g, { ...x, children: n }) });
 }, GlobalBlocksRenderer = ({ globalBlockId: o }) => {
@@ -3938,87 +3950,9 @@ const getBlockRuntimeProps = memoize((o) => {
 }, FallbackError = () => /* @__PURE__ */ jsx("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center", children: [
   /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
   /* @__PURE__ */ jsx("p", { children: "Please try again." })
-] }) }), TypeIcon = (o) => {
-  switch (o.type) {
-    case "GlobalBlock":
-      return /* @__PURE__ */ jsx(GlobeIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Image":
-      return /* @__PURE__ */ jsx(ImageIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Heading":
-      return /* @__PURE__ */ jsx(HeadingIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Text":
-      return /* @__PURE__ */ jsx(TextIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Link":
-      return /* @__PURE__ */ jsx(Link1Icon, { className: "h-3 w-3 stroke-[2]" });
-    case "Video":
-      return /* @__PURE__ */ jsx(VideoIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "RichText":
-      return /* @__PURE__ */ jsx(CursorTextIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Button":
-    case "DropdownButton":
-      return /* @__PURE__ */ jsx(ButtonIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "CustomHTML":
-      return /* @__PURE__ */ jsx(CodeIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Divider":
-      return /* @__PURE__ */ jsx(DividerHorizontalIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Icon":
-      return /* @__PURE__ */ jsx(SketchLogoIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "List":
-      return /* @__PURE__ */ jsx(RowsIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Paragraph":
-      return /* @__PURE__ */ jsx(TextIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Row":
-      return /* @__PURE__ */ jsx(Rows, { className: "h-3 w-3 stroke-[2]" });
-    case "Column":
-      return /* @__PURE__ */ jsx(Columns, { className: "h-3 w-3 stroke-[2]" });
-    case "ListItem":
-      return /* @__PURE__ */ jsx(ColumnsIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "LineBreak":
-      return /* @__PURE__ */ jsx(SpaceBetweenVerticallyIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Form":
-      return /* @__PURE__ */ jsx(GroupIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Checkbox":
-      return /* @__PURE__ */ jsx(CheckboxIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "FormButton":
-      return /* @__PURE__ */ jsx(ButtonIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Input":
-    case "TextArea":
-      return /* @__PURE__ */ jsx(InputIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Radio":
-      return /* @__PURE__ */ jsx(RadiobuttonIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Select":
-      return /* @__PURE__ */ jsx(DropdownMenuIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Table":
-      return /* @__PURE__ */ jsx(TableIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "TableHead":
-      return /* @__PURE__ */ jsx(BorderTopIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "TableBody":
-      return /* @__PURE__ */ jsx(BorderAllIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "TableRow":
-      return /* @__PURE__ */ jsx(ViewHorizontalIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "TableCell":
-      return /* @__PURE__ */ jsx(DragHandleHorizontalIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "DataProvider":
-      return /* @__PURE__ */ jsx(DatabaseIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Box":
-      return /* @__PURE__ */ jsx(BoxIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Dropdown":
-      return /* @__PURE__ */ jsx(DropdownMenuIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "DropdownContent":
-      return /* @__PURE__ */ jsx(ReaderIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "Slider":
-      return /* @__PURE__ */ jsx(UnfoldHorizontal, { className: "h-3 w-3 stroke-[2]" });
-    case "Slides":
-      return /* @__PURE__ */ jsx(AlignHorizontalJustifyStart, { className: "h-3 w-3 stroke-[2]" });
-    case "Slide":
-      return /* @__PURE__ */ jsx(AppWindowIcon, { className: "h-3 w-3 stroke-[2]" });
-    case "SlidePreviousButton":
-      return /* @__PURE__ */ jsx(PanelRightOpen, { className: "h-3 w-3 stroke-[2]" });
-    case "SlideNextButton":
-      return /* @__PURE__ */ jsx(PanelRightClose, { className: "h-3 w-3 stroke-[2]" });
-    default:
-      return /* @__PURE__ */ jsx(BoxModelIcon, { className: "h-3 w-3 stroke-[2]" });
-  }
+] }) }), ICON_CLASS = "h-3 w-3 stroke-[2]", TypeIcon = (o) => {
+  const n = useRegisteredChaiBlocks(), r = get(n, [o == null ? void 0 : o.type, "icon"]);
+  return r ? React__default.createElement(r, { className: ICON_CLASS }) : /* @__PURE__ */ jsx(BoxModelIcon, { className: ICON_CLASS });
 }, Breadcrumb = () => {
   const o = useSelectedBlockHierarchy(), [, n] = useSelectedBlockIds(), { highlightBlock: r } = useBlockHighlight();
   return /* @__PURE__ */ jsx("div", { className: "-mx-2 border-t border-border bg-background px-2 py-1 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs("ol", { className: "flex items-center whitespace-nowrap", children: [
@@ -4803,8 +4737,8 @@ const MenuBar = ({ editor: o, onExpand: n }) => {
   pageTypes: n,
   onChange: r
 }) => {
-  var T;
-  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (k, v) => []), [i, c] = useState(!1), [d, p] = useState(!1), [u, g] = useState("page"), [m, f] = useState(""), [h, b] = useState([]), [x, y] = useState(-1), A = useRef(null), j = (T = n == null ? void 0 : n.find((k) => k.key === u)) == null ? void 0 : T.name;
+  var L;
+  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (k, v) => []), [i, c] = useState(!1), [d, p] = useState(!1), [u, g] = useState("page"), [m, f] = useState(""), [h, b] = useState([]), [x, y] = useState(-1), A = useRef(null), j = (L = n == null ? void 0 : n.find((k) => k.key === u)) == null ? void 0 : L.name;
   useEffect(() => {
     if (f(""), b([]), y(-1), p(!1), !o || i || !startsWith(o, "pageType:")) return;
     const k = split(o, ":"), v = get(k, 1, "page") || "page";
@@ -5117,24 +5051,24 @@ const MenuBar = ({ editor: o, onExpand: n }) => {
 }) => {
   const { selectedLang: f, fallbackLang: h, languages: b } = useLanguages(), x = isEmpty(b) ? "" : isEmpty(f) ? h : f, y = get(LANGUAGES, x, x), A = usePageExternalData(), j = useSelectedBlock(), C = useRegisteredChaiBlocks(), S = get(C, [j == null ? void 0 : j._type, "i18nProps"], []) || [], [B, _] = useState(null), w = useCallback(
     (v) => {
-      const N = (E) => /[.,!?;:]/.test(E), I = (E, D, M) => {
-        let R = "", O = "";
+      const N = (E) => /[.,!?;:]/.test(E), T = (E, D, M) => {
+        let P = "", O = "";
         const $ = D > 0 ? E[D - 1] : "", H = D < E.length ? E[D] : "";
-        return D > 0 && ($ === "." || !N($) && $ !== " ") && (R = " "), D < E.length && !N(H) && H !== " " && (O = " "), {
-          text: R + M + O,
-          prefixLength: R.length,
+        return D > 0 && ($ === "." || !N($) && $ !== " ") && (P = " "), D < E.length && !N(H) && H !== " " && (O = " "), {
+          text: P + M + O,
+          prefixLength: P.length,
           suffixLength: O.length
         };
-      }, L = document.getElementById(o);
-      if (!L) return;
-      const P = document.getElementById(`chai-rte-${o}`) || document.getElementById(`chai-rte-modal-${o}`);
-      if (P && (P.querySelector(".ProseMirror") || P.__chaiRTE)) {
-        const E = P.__chaiRTE;
+      }, I = document.getElementById(o);
+      if (!I) return;
+      const R = document.getElementById(`chai-rte-${o}`) || document.getElementById(`chai-rte-modal-${o}`);
+      if (R && (R.querySelector(".ProseMirror") || R.__chaiRTE)) {
+        const E = R.__chaiRTE;
         if (E) {
           const D = `{{${v}}}`;
           E.commands.focus();
-          const { from: M, to: R } = E.state.selection;
-          if (M !== R)
+          const { from: M, to: P } = E.state.selection;
+          if (M !== P)
             E.chain().deleteSelection().insertContent(D).run();
           else {
             const { state: $ } = E, H = $.selection.from, F = $.doc.textBetween(Math.max(0, H - 1), H), U = $.doc.textBetween(H, Math.min(H + 1, $.doc.content.size));
@@ -5147,13 +5081,13 @@ const MenuBar = ({ editor: o, onExpand: n }) => {
           return;
         }
       } else {
-        const E = L, D = E.selectionStart || 0, M = E.value || "", R = E.selectionEnd || D;
-        if (R > D) {
-          const U = `{{${v}}}`, { text: z } = I(M, D, U), W = M.slice(0, D) + z + M.slice(R);
+        const E = I, D = E.selectionStart || 0, M = E.value || "", P = E.selectionEnd || D;
+        if (P > D) {
+          const U = `{{${v}}}`, { text: z } = T(M, D, U), W = M.slice(0, D) + z + M.slice(P);
           m(W, {}, o);
           return;
         }
-        const $ = `{{${v}}}`, { text: H } = I(M, D, $), F = M.slice(0, D) + H + M.slice(D);
+        const $ = `{{${v}}}`, { text: H } = T(M, D, $), F = M.slice(0, D) + H + M.slice(D);
         m(F, {}, o);
       }
     },
@@ -5254,7 +5188,7 @@ const MenuBar = ({ editor: o, onExpand: n }) => {
       schema: n,
       formData: a,
       onChange: ({ formData: g }, m) => {
-        if (console.log(g, m), !m || o !== (g == null ? void 0 : g._id)) return;
+        if (!m || o !== (g == null ? void 0 : g._id)) return;
         const f = take(m.split("."), 2).join(".").replace("root.", "");
         u({ formData: g }, f);
       }
@@ -5607,25 +5541,25 @@ const AskAIStyles = ({ blockId: o }) => {
   ] });
 };
 function ManualClasses() {
-  var I;
-  const o = useRef(null), [n, r] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: c } = useTranslation(), [d] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), g = useRemoveClassesFromBlocks(), [m] = useSelectedBlockIds(), f = useBuilderProp("askAiCallBack", null), [h, b] = useState(""), x = (I = first(d)) == null ? void 0 : I.prop, { classes: y } = getSplitChaiClasses(get(p, x, "")), A = y.split(" ").filter((L) => !isEmpty(L)), j = () => {
-    const L = h.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    u(m, L, !0), b("");
-  }, [C, S] = useState([]), B = ({ value: L }) => {
-    const P = L.trim().toLowerCase(), E = P.match(/.+:/g);
+  var T;
+  const o = useRef(null), [n, r] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: c } = useTranslation(), [d] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), g = useRemoveClassesFromBlocks(), [m] = useSelectedBlockIds(), f = useBuilderProp("askAiCallBack", null), [h, b] = useState(""), x = (T = first(d)) == null ? void 0 : T.prop, { classes: y } = getSplitChaiClasses(get(p, x, "")), A = y.split(" ").filter((I) => !isEmpty(I)), j = () => {
+    const I = h.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    u(m, I, !0), b("");
+  }, [C, S] = useState([]), B = ({ value: I }) => {
+    const R = I.trim().toLowerCase(), E = R.match(/.+:/g);
     let D = [];
     if (E && E.length > 0) {
-      const [M] = E, R = P.replace(M, "");
-      D = i.search(R).map(($) => ({
+      const [M] = E, P = R.replace(M, "");
+      D = i.search(P).map(($) => ({
         ...$,
         item: { ...$.item, name: M + $.item.name }
       }));
     } else
-      D = i.search(P);
+      D = i.search(R);
     return S(map(D, "item"));
   }, _ = () => {
     S([]);
-  }, w = (L) => L.name, T = (L) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: L.name }), k = useMemo(
+  }, w = (I) => I.name, L = (I) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: I.name }), k = useMemo(
     () => ({
       ref: o,
       autoComplete: "off",
@@ -5634,17 +5568,17 @@ function ManualClasses() {
       spellCheck: !1,
       placeholder: c("Enter classes separated by space"),
       value: h,
-      onKeyDown: (L) => {
-        L.key === "Enter" && h.trim() !== "" && j();
+      onKeyDown: (I) => {
+        I.key === "Enter" && h.trim() !== "" && j();
       },
-      onChange: (L, { newValue: P }) => b(P),
+      onChange: (I, { newValue: R }) => b(R),
       className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
     }),
     [h, c, o]
-  ), v = (L) => {
+  ), v = (I) => {
     debugger;
-    const P = n.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    g(m, [L]), u(m, P, !0), r(""), l(-1);
+    const R = n.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    g(m, [I]), u(m, R, !0), r(""), l(-1);
   }, N = () => {
     if (navigator.clipboard === void 0) {
       toast.error(c("Clipboard not supported"));
@@ -5677,7 +5611,7 @@ function ManualClasses() {
           onSuggestionsFetchRequested: B,
           onSuggestionsClearRequested: _,
           getSuggestionValue: w,
-          renderSuggestion: T,
+          renderSuggestion: L,
           inputProps: k,
           containerProps: {
             className: "relative h-8 w-full gap-y-1 py-1 border-border text-xs"
@@ -5702,37 +5636,37 @@ function ManualClasses() {
       )
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap gap-2 overflow-x-hidden", children: A.map(
-      (L, P) => a === P ? /* @__PURE__ */ jsx(
+      (I, R) => a === R ? /* @__PURE__ */ jsx(
         "input",
         {
           ref: o,
           value: n,
           onChange: (E) => r(E.target.value),
           onBlur: () => {
-            v(L);
+            v(I);
           },
           onKeyDown: (E) => {
-            E.key === "Enter" && v(L);
+            E.key === "Enter" && v(I);
           },
           className: "group relative flex max-w-[260px] cursor-default items-center gap-x-1 truncate break-words rounded border border-border bg-gray-200 p-px px-1.5 pr-2 text-[11px] text-gray-600 hover:border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300"
         },
-        L
+        I
       ) : /* @__PURE__ */ jsxs(
         "button",
         {
           className: "group relative flex max-w-[260px] cursor-default items-center gap-x-1 truncate break-words rounded border border-border bg-gray-200 p-px px-1.5 pr-2 text-[11px] text-gray-600 hover:border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300",
           children: [
-            L,
-            n !== L && /* @__PURE__ */ jsx(
+            I,
+            n !== I && /* @__PURE__ */ jsx(
               Cross2Icon,
               {
-                onClick: () => g(m, [L], !0),
+                onClick: () => g(m, [I], !0),
                 className: "invisible absolute right-1 rounded-full bg-red-400 hover:text-white group-hover:visible group-hover:cursor-pointer"
               }
             )
           ]
         },
-        L
+        I
       )
     ) })
   ] });
@@ -6358,11 +6292,11 @@ const COLOR_PROP = {
       }
       if (get(v, "value") === "")
         return;
-      const L = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${N === "-" ? "" : N}]`;
-      k ? _(L) : B(L);
+      const I = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${N === "-" ? "" : N}]`;
+      k ? _(I) : B(I);
     },
     [B, _, a, m, d, u]
-  ), T = useCallback(
+  ), L = useCallback(
     (k) => {
       const v = getUserInputValues(`${a}`, u);
       if (get(v, "error", !1)) {
@@ -6375,8 +6309,8 @@ const COLOR_PROP = {
       }
       if (get(v, "value") === "")
         return;
-      const N = get(v, "unit") !== "" ? get(v, "unit") : k, L = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${N === "-" ? "" : N}]`;
-      B(L);
+      const N = get(v, "unit") !== "" ? get(v, "unit") : k, I = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${N === "-" ? "" : N}]`;
+      B(I);
     },
     [B, a, d, u]
   );
@@ -6409,8 +6343,8 @@ const COLOR_PROP = {
             const v = parseInt$1(k.target.value);
             let N = isNaN$1(v) ? 0 : v;
             k.keyCode === 38 && (N += 1), k.keyCode === 40 && (N -= 1);
-            const I = `${N}`, P = `${I.startsWith("-") ? "-" : ""}${d}[${I.replace("-", "")}${m === "-" ? "" : m}]`;
-            _(P);
+            const T = `${N}`, R = `${T.startsWith("-") ? "-" : ""}${d}[${T.replace("-", "")}${m === "-" ? "" : m}]`;
+            _(R);
           },
           onKeyUp: (k) => {
             C && (k.preventDefault(), S(!1));
@@ -6449,7 +6383,7 @@ const COLOR_PROP = {
             units: u,
             current: m,
             onSelect: (k) => {
-              r(!1), f(k), T(k);
+              r(!1), f(k), L(k);
             }
           }
         ) }) })
@@ -6462,15 +6396,15 @@ const COLOR_PROP = {
         onDragEnd: (k) => {
           if (y(() => ""), j(!1), isEmpty(k))
             return;
-          const v = `${k}`, I = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${m === "-" ? "" : m}]`;
-          B(I);
+          const v = `${k}`, T = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${m === "-" ? "" : m}]`;
+          B(T);
         },
         onDrag: (k) => {
           if (isEmpty(k))
             return;
           y(k);
-          const v = `${k}`, I = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${m === "-" ? "" : m}]`;
-          _(I);
+          const v = `${k}`, T = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${m === "-" ? "" : m}]`;
+          _(T);
         },
         currentValue: a,
         unit: m,
@@ -6569,9 +6503,9 @@ const COLOR_PROP = {
   const { t: n } = useTranslation(), { type: r = "icons", label: a, property: l, onEmitChange: i = () => {
   }, units: c, negative: d = !1 } = o, [p] = useDarkMode(), [u] = useStylingState(), [, g] = useScreenSizeWidth(), m = useCurrentClassByProperty(l), f = useAddClassesToBlocks(), h = useRemoveClassesFromBlocks(), [b] = useSelectedBlockIds(), x = useMemo(() => get(m, "fullCls", ""), [m]), y = useCallback(
     (_, w = !0) => {
-      const T = { dark: p, mq: g, mod: u, cls: _, property: l, fullCls: "" };
-      (p || u !== "") && (T.mq = "xs");
-      const k = generateFullClsName(T);
+      const L = { dark: p, mq: g, mod: u, cls: _, property: l, fullCls: "" };
+      (p || u !== "") && (L.mq = "xs");
+      const k = generateFullClsName(L);
       f(b, [k], w);
     },
     [b, p, g, u, l, f]
@@ -6951,6 +6885,9 @@ const CoreBlock = ({
     required: "required",
     multiple: "multiple",
     name: "fieldName"
+  },
+  form: {
+    action: "action"
   }
 }, shouldAddText = (o, n) => o.children.length === 1 && includes(
   ["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link", "RichText"],
@@ -7156,7 +7093,7 @@ const CoreBlock = ({
     return hasVideoEmbed(C) && (set(a, "_type", "Video"), set(a, "url", getVideoURLFromHTML(C)), set(a, "styles", `${STYLES_KEY},`), set(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = C, [a];
   } else if (r.tagName === "svg") {
     const C = find(r.attributes, { key: "height" }), S = find(r.attributes, { key: "width" }), B = get(C, "value") ? `[${get(C, "value")}px]` : "24px", _ = get(S, "value") ? `[${get(S, "value")}px]` : "24px", w = get(find(r.attributes, { key: "class" }), "value", "w-full h-full");
-    return a.styles = `${STYLES_KEY}, ${cn$1(`w-${_} h-${B}`, w)}`.trim(), r.attributes = filter(r.attributes, (T) => !includes(["style", "width", "height", "class"], T.key)), a.icon = stringify([r]), [a];
+    return a.styles = `${STYLES_KEY}, ${cn$1(`w-${_} h-${B}`, w)}`.trim(), r.attributes = filter(r.attributes, (L) => !includes(["style", "width", "height", "class"], L.key)), a.icon = stringify([r]), [a];
   } else if (r.tagName == "option" && n && ((j = n.block) == null ? void 0 : j._type) === "Select")
     return n.block.options.push({
       label: getTextContent(r.children),
@@ -7680,7 +7617,7 @@ function BiExpandVertical(o) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m12 19.24-4.95-4.95-1.41 1.42L12 22.07l6.36-6.36-1.41-1.42L12 19.24zM5.64 8.29l1.41 1.42L12 4.76l4.95 4.95 1.41-1.42L12 1.93 5.64 8.29z" }, child: [] }] })(o);
 }
 const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, dragHandle: r }) => {
-  var P;
+  var R;
   const a = useBuilderProp("outlineMenuItems", []), { t: l } = useTranslation(), [i, , c] = useHiddenBlockIds(), [d] = useAtom$1(canvasIframeAtom);
   let p = null;
   const u = o.children.length > 0, { highlightBlock: g, clearHighlight: m } = useBlockHighlight(), { id: f, data: h, isSelected: b, willReceiveDrop: x, isDragging: y, isEditing: A, handleClick: j } = o, C = (E) => {
@@ -7689,7 +7626,7 @@ const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, drag
     E.isInternal && (p = E.isOpen, E.isOpen && E.close());
   }, B = (E) => {
     E.isInternal && p !== null && (p ? E.open() : E.close(), p = null);
-  }, [_, w] = useAtom$1(currentAddSelection), T = () => {
+  }, [_, w] = useAtom$1(currentAddSelection), L = () => {
     var E;
     k(), o.parent.isSelected || w((E = o == null ? void 0 : o.parent) == null ? void 0 : E.id);
   }, k = () => {
@@ -7707,16 +7644,16 @@ const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, drag
     const E = Object.keys(h), D = [];
     for (let M = 0; M < E.length; M++)
       if (E[M].endsWith("_attrs")) {
-        const R = h[E[M]], O = Object.keys(R).join("|");
+        const P = h[E[M]], O = Object.keys(P).join("|");
         O.match(/x-data/) && D.push("data"), O.match(/x-on/) && D.push("event"), O.match(/x-show|x-if/) && D.push("show");
       }
     return D;
-  }, [h]), I = (E, D) => {
-    const M = d.contentDocument || d.contentWindow.document, R = M.querySelector(`[data-block-id=${E}]`);
-    R && R.setAttribute("data-drop", D);
-    const O = R.getBoundingClientRect(), $ = d.getBoundingClientRect();
-    O.top >= $.top && O.left >= $.left && O.bottom <= $.bottom && O.right <= $.right || (M.documentElement.scrollTop = R.offsetTop - $.top);
-  }, L = (E) => {
+  }, [h]), T = (E, D) => {
+    const M = d.contentDocument || d.contentWindow.document, P = M.querySelector(`[data-block-id=${E}]`);
+    P && P.setAttribute("data-drop", D);
+    const O = P.getBoundingClientRect(), $ = d.getBoundingClientRect();
+    O.top >= $.top && O.left >= $.left && O.bottom <= $.bottom && O.right <= $.right || (M.documentElement.scrollTop = P.offsetTop - $.top);
+  }, I = (E) => {
     k();
     const D = get(o, "parent.id");
     D !== "__REACT_ARBORIST_INTERNAL_ROOT__" ? pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { _id: D, position: E }) : pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { position: E });
@@ -7726,7 +7663,7 @@ const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, drag
     /* @__PURE__ */ jsx(
       "div",
       {
-        onClick: () => L(-1),
+        onClick: () => I(-1),
         className: "h-1 rounded bg-purple-500 opacity-0 duration-200 group-hover:opacity-100",
         children: /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 transform items-center gap-x-1 rounded-full bg-purple-500 px-3 py-1 text-[9px] leading-tight text-white hover:bg-purple-500", children: [
           /* @__PURE__ */ jsx(PlusIcon$1, { className: "h-2 w-2 stroke-[3]" }),
@@ -7748,22 +7685,22 @@ const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, drag
       onDragStart: () => S(o),
       onDragEnd: () => B(o),
       onDragOver: (E) => {
-        E.preventDefault(), I(f, "yes");
+        E.preventDefault(), T(f, "yes");
       },
       onDragLeave: (E) => {
-        E.preventDefault(), I(f, "no");
+        E.preventDefault(), T(f, "no");
       },
       onDrop: (E) => {
-        E.preventDefault(), I(f, "no");
+        E.preventDefault(), T(f, "no");
       },
       children: [
-        (o == null ? void 0 : o.rowIndex) > 0 && (o.parent.isOpen && canAddChildBlock(get(o, "parent.data._type")) || ((P = o == null ? void 0 : o.parent) == null ? void 0 : P.id) === "__REACT_ARBORIST_INTERNAL_ROOT__") && /* @__PURE__ */ jsx("div", { className: "group relative ml-5 h-full w-full cursor-pointer", children: /* @__PURE__ */ jsx(
+        (o == null ? void 0 : o.rowIndex) > 0 && (o.parent.isOpen && canAddChildBlock(get(o, "parent.data._type")) || ((R = o == null ? void 0 : o.parent) == null ? void 0 : R.id) === "__REACT_ARBORIST_INTERNAL_ROOT__") && /* @__PURE__ */ jsx("div", { className: "group relative ml-5 h-full w-full cursor-pointer", children: /* @__PURE__ */ jsx(
           "div",
           {
             onClick: (E) => {
-              E.stopPropagation(), L(o.childIndex);
+              E.stopPropagation(), I(o.childIndex);
             },
-            onMouseEnter: T,
+            onMouseEnter: L,
             onMouseLeave: k,
             className: "absolute -top-0.5 h-1 w-[90%] rounded bg-purple-500 opacity-0 delay-200 duration-200 group-hover:opacity-100",
             children: /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 top-1/2 flex h-4 w-4 -translate-x-1/2 -translate-y-1/2 transform items-center justify-center rounded-full bg-purple-500 p-1 outline outline-2 outline-white hover:bg-purple-500", children: /* @__PURE__ */ jsx(PlusIcon$1, { className: "h-3 w-3 stroke-[4] text-white" }) })