@chaibuilder/sdk 1.0.20 → 1.0.22

package/dist/{CanvasArea-_poBbOON.js → CanvasArea-YM7NWbx0.js}

@@ -1,16 +1,16 @@
 var at = Object.defineProperty;
 var lt = (n, t, r) => t in n ? at(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r;
 var q = (n, t, r) => (lt(n, typeof t != "symbol" ? t + "" : t, r), r);
-import { j as e } from "./jsx-runtime-qAwJ85SY.js";
+import { j as e } from "./jsx-runtime-NV737rRe.js";
 import z, { createElement as ct, useCallback as V, useState as F, useEffect as _, Component as _e, Children as dt, Suspense as Me, useRef as je, useMemo as ut, lazy as pt } from "react";
 import { map as Q, includes as we, toUpper as oe, round as ft, isEmpty as U, first as ee, get as A, isString as he, memoize as ht, each as mt, find as yt, filter as Ne, isNull as gt } from "lodash";
-import { ResetIcon as ke, MobileIcon as Ce, LaptopIcon as vt, DesktopIcon as xt, DotsVerticalIcon as bt, EraserIcon as jt, ZoomInIcon as wt, DragHandleDots2Icon as kt, ArrowUpIcon as Ct, CopyIcon as Tt, TrashIcon as Et } from "@radix-ui/react-icons";
-import { p as me, B as te, W as Le, aM as St, aN as Ot, aO as Dt, aP as It, aQ as At, R as ye, ai as Bt, aR as Pt, aS as Rt, aT as _t, aU as Mt, aV as Nt, aW as Lt, w as Wt, j as H, aj as Y, D as $t, E as Ft, F as Ut, G as qt, H as zt, I as Ht, J as Yt, K as Kt, at as Vt, L as Xt, U as We, aL as G, m as $e, n as Jt, k as Zt, o as Gt, h as Fe, l as Ue, ag as Qt, aX as en, aY as tn, aZ as nn, a_ as rn, x as sn, _ as ge, ae as qe, a$ as on, a6 as an, b0 as ln, i as cn, S as ze, aA as dn } from "./index-PrUoEet_.js";
+import { ResetIcon as ke, MobileIcon as Ce, LaptopIcon as vt, DesktopIcon as xt, DotsVerticalIcon as bt, EraserIcon as jt, ZoomInIcon as wt, DragHandleDots2Icon as kt, ArrowUpIcon as Ct, CopyIcon as Tt, TrashIcon as St } from "@radix-ui/react-icons";
+import { p as me, B as te, W as Le, aM as Et, aN as Ot, aO as Dt, aP as It, aQ as At, R as ye, ai as Bt, aR as Pt, aS as Rt, aT as _t, aU as Mt, aV as Nt, aW as Lt, w as Wt, j as H, aj as Y, D as $t, E as Ft, F as Ut, G as qt, H as zt, I as Ht, J as Yt, K as Kt, at as Vt, L as Xt, U as We, aL as G, m as $e, n as Jt, k as Zt, o as Gt, h as Fe, l as Ue, ag as Qt, aX as en, aY as tn, aZ as nn, a_ as rn, x as sn, _ as ge, ae as qe, a$ as on, a6 as an, b0 as ln, i as cn, S as ze, aA as dn } from "./index-pgz9p5Yh.js";
 import { useTranslation as He } from "react-i18next";
 import { useAtom as J } from "jotai";
 import Te from "react-dom";
-import { g as un, S as Ee, a as Ye } from "./Class-nQk08vqd.js";
-import { r as Ke, u as pn, B as fn, E as hn } from "./index-4DQm5fFW.js";
+import { g as un, S as Se, a as Ye } from "./MODIFIERS-MLfpKQY1.js";
+import { r as Ke, u as pn, B as fn, E as hn } from "./index-UPQtDmUs.js";
 import { flip as mn } from "@floating-ui/dom";
 import { useFloating as yn, shift as gn } from "@floating-ui/react-dom";
 import { useDrag as vn } from "react-dnd";
@@ -21,6 +21,8 @@ import { twMerge as wn } from "tailwind-merge";
 import { getBlockComponent as kn } from "@chaibuilder/runtime";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./utils-PPBbw5bk.js";
+import "clsx";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -43,19 +45,19 @@ import "react-icons-picker";
 import "react-quill";
 import "flat-to-nested";
 import "redux-undo";
-import "clsx";
 import "i18next";
-import "./index-SSmZipiF.js";
+import "react-textarea-autosize";
+import "flagged";
+import "@minoru/react-dnd-treeview";
 import "./lib.js";
 import "himalaya";
+import "./functions-JFP-oMsY.js";
 import "@mhsdesign/jit-browser-tailwindcss";
 import "@tailwindcss/forms";
 import "@tailwindcss/typography";
 import "@tailwindcss/aspect-ratio";
 import "@tailwindcss/line-clamp";
-import "react-textarea-autosize";
-import "flagged";
-import "@minoru/react-dnd-treeview";
+import "./tailwind-config-d1VL1lzE.js";
 import "react-hotkeys-hook";
 import "sonner";
 import "lucide-react";
@@ -69,7 +71,7 @@ const Cn = () => {
 function Tn() {
   const [n, t] = Le(), { t: r } = He();
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ e.jsx(St, { htmlFor: "dark-mode-switch", children: r("dark_mode") }),
+    /* @__PURE__ */ e.jsx(Et, { htmlFor: "dark-mode-switch", children: r("dark_mode") }),
     /* @__PURE__ */ e.jsxs(
       Ot,
       {
@@ -95,7 +97,7 @@ function Tn() {
     )
   ] });
 }
-const Se = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
+const Ee = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     className: n ? "rotate-90" : "",
@@ -137,14 +139,14 @@ const Se = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
     title: "Tablet (MD)",
     content: "Styles set here are applied at 768px and up",
     breakpoint: "md",
-    icon: /* @__PURE__ */ e.jsx(Se, {}),
+    icon: /* @__PURE__ */ e.jsx(Ee, {}),
     width: 800
   },
   {
     title: "Tablet Landscape (LG)",
     content: "Styles set here are applied at 1024px and up unless edited at higher breakpoint",
     breakpoint: "lg",
-    icon: /* @__PURE__ */ e.jsx(Se, { landscape: !0 }),
+    icon: /* @__PURE__ */ e.jsx(Ee, { landscape: !0 }),
     width: 1024
   },
   {
@@ -161,7 +163,7 @@ const Se = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
     icon: /* @__PURE__ */ e.jsx(xt, {}),
     width: 1920
   }
-], En = ({
+], Sn = ({
   title: n,
   content: t,
   currentBreakpoint: r,
@@ -183,14 +185,14 @@ const Se = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
     /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-semibold", children: n }),
     /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: t })
   ] }) }) })
-] }), Sn = () => {
+] }), En = () => {
   const [, n, t] = ye(), [r, a] = Bt(), c = (o) => {
     r.includes(o) ? r.length > 2 && a(r.filter((i) => i !== o)) : a((i) => [...i, o]);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center rounded-md", children: [
     Q(
       Oe.filter((o) => we(r, oe(o.breakpoint))),
-      (o) => /* @__PURE__ */ ct(En, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: n })
+      (o) => /* @__PURE__ */ ct(Sn, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: n })
     ),
     /* @__PURE__ */ e.jsxs(Pt, { children: [
       /* @__PURE__ */ e.jsx(Rt, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ e.jsx(bt, { className: "scale-90 transform" }) }) }),
@@ -238,7 +240,7 @@ const Se = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
         /* @__PURE__ */ e.jsx(Tn, {}),
         /* @__PURE__ */ e.jsx(G, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ e.jsx(Sn, {}),
+      /* @__PURE__ */ e.jsx(En, {}),
       /* @__PURE__ */ e.jsx(G, { orientation: "vertical" }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
         /* @__PURE__ */ e.jsx(wt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
@@ -477,11 +479,11 @@ function Rn() {
       this.message = s, this.data = l && typeof l == "object" ? l : {}, this.stack = "";
     }
     w.prototype = Error.prototype;
-    function S(s) {
+    function E(s) {
       if (process.env.NODE_ENV !== "production")
         var l = {}, j = 0;
-      function v(C, y, x, T, O, E, R) {
-        if (T = T || m, E = E || x, R !== r) {
+      function v(C, y, x, T, O, S, R) {
+        if (T = T || m, S = S || x, R !== r) {
           if (g) {
             var B = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -491,11 +493,11 @@ function Rn() {
             var K = T + ":" + x;
             !l[K] && // Avoid spamming the console because they are often not actionable except for lib authors
             j < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + E + "` prop on `" + T + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + S + "` prop on `" + T + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), l[K] = !0, j++);
           }
         }
-        return y[x] == null ? C ? y[x] === null ? new w("The " + O + " `" + E + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new w("The " + O + " `" + E + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : s(y, x, T, O, E);
+        return y[x] == null ? C ? y[x] === null ? new w("The " + O + " `" + S + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new w("The " + O + " `" + S + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : s(y, x, T, O, S);
       }
       var h = v.bind(null, !1);
       return h.isRequired = v.bind(null, !0), h;
@@ -504,18 +506,18 @@ function Rn() {
       function l(j, v, h, C, y, x) {
         var T = j[v], O = $(T);
         if (O !== s) {
-          var E = X(T);
+          var S = X(T);
           return new w(
-            "Invalid " + C + " `" + y + "` of type " + ("`" + E + "` supplied to `" + h + "`, expected ") + ("`" + s + "`."),
+            "Invalid " + C + " `" + y + "` of type " + ("`" + S + "` supplied to `" + h + "`, expected ") + ("`" + s + "`."),
             { expectedType: s }
           );
         }
         return null;
       }
-      return S(l);
+      return E(l);
     }
     function W() {
-      return S(i);
+      return E(i);
     }
     function M(s) {
       function l(j, v, h, C, y) {
@@ -527,13 +529,13 @@ function Rn() {
           return new w("Invalid " + C + " `" + y + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected an array."));
         }
         for (var O = 0; O < x.length; O++) {
-          var E = s(x, O, h, C, y + "[" + O + "]", r);
-          if (E instanceof Error)
-            return E;
+          var S = s(x, O, h, C, y + "[" + O + "]", r);
+          if (S instanceof Error)
+            return S;
         }
         return null;
       }
-      return S(l);
+      return E(l);
     }
     function re() {
       function s(l, j, v, h, C) {
@@ -544,7 +546,7 @@ function Rn() {
         }
         return null;
       }
-      return S(s);
+      return E(s);
     }
     function se() {
       function s(l, j, v, h, C) {
@@ -555,7 +557,7 @@ function Rn() {
         }
         return null;
       }
-      return S(s);
+      return E(s);
     }
     function I(s) {
       function l(j, v, h, C, y) {
@@ -565,7 +567,7 @@ function Rn() {
         }
         return null;
       }
-      return S(l);
+      return E(l);
     }
     function N(s) {
       if (!Array.isArray(s))
@@ -582,7 +584,7 @@ function Rn() {
         });
         return new w("Invalid " + C + " `" + y + "` of value `" + String(x) + "` " + ("supplied to `" + h + "`, expected one of " + O + "."));
       }
-      return S(l);
+      return E(l);
     }
     function L(s) {
       function l(j, v, h, C, y) {
@@ -593,13 +595,13 @@ function Rn() {
           return new w("Invalid " + C + " `" + y + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected an object."));
         for (var O in x)
           if (a(x, O)) {
-            var E = s(x, O, h, C, y + "." + O, r);
-            if (E instanceof Error)
-              return E;
+            var S = s(x, O, h, C, y + "." + O, r);
+            if (S instanceof Error)
+              return S;
           }
         return null;
       }
-      return S(l);
+      return E(l);
     }
     function et(s) {
       if (!Array.isArray(s))
@@ -612,8 +614,8 @@ function Rn() {
           ), i;
       }
       function v(h, C, y, x, T) {
-        for (var O = [], E = 0; E < s.length; E++) {
-          var R = s[E], B = R(h, C, y, x, T, r);
+        for (var O = [], S = 0; S < s.length; S++) {
+          var R = s[S], B = R(h, C, y, x, T, r);
           if (B == null)
             return null;
           B.data && a(B.data, "expectedType") && O.push(B.data.expectedType);
@@ -621,13 +623,13 @@ function Rn() {
         var K = O.length > 0 ? ", expected one of type [" + O.join(", ") + "]" : "";
         return new w("Invalid " + x + " `" + T + "` supplied to " + ("`" + y + "`" + K + "."));
       }
-      return S(v);
+      return E(v);
     }
     function tt() {
       function s(l, j, v, h, C) {
         return Z(l[j]) ? null : new w("Invalid " + h + " `" + C + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
       }
-      return S(s);
+      return E(s);
     }
     function be(s, l, j, v, h) {
       return new w(
@@ -640,16 +642,16 @@ function Rn() {
         if (T !== "object")
           return new w("Invalid " + C + " `" + y + "` of type `" + T + "` " + ("supplied to `" + h + "`, expected `object`."));
         for (var O in s) {
-          var E = s[O];
-          if (typeof E != "function")
-            return be(h, C, y, O, X(E));
-          var R = E(x, O, h, C, y + "." + O, r);
+          var S = s[O];
+          if (typeof S != "function")
+            return be(h, C, y, O, X(S));
+          var R = S(x, O, h, C, y + "." + O, r);
           if (R)
             return R;
         }
         return null;
       }
-      return S(l);
+      return E(l);
     }
     function rt(s) {
       function l(j, v, h, C, y) {
@@ -657,22 +659,22 @@ function Rn() {
         if (T !== "object")
           return new w("Invalid " + C + " `" + y + "` of type `" + T + "` " + ("supplied to `" + h + "`, expected `object`."));
         var O = t({}, j[v], s);
-        for (var E in O) {
-          var R = s[E];
-          if (a(s, E) && typeof R != "function")
-            return be(h, C, y, E, X(R));
+        for (var S in O) {
+          var R = s[S];
+          if (a(s, S) && typeof R != "function")
+            return be(h, C, y, S, X(R));
           if (!R)
             return new w(
-              "Invalid " + C + " `" + y + "` key `" + E + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(j[v], null, "  ") + `
+              "Invalid " + C + " `" + y + "` key `" + S + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(j[v], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             );
-          var B = R(x, E, h, C, y + "." + E, r);
+          var B = R(x, S, h, C, y + "." + S, r);
           if (B)
             return B;
         }
         return null;
       }
-      return S(l);
+      return E(l);
     }
     function Z(s) {
       switch (typeof s) {
@@ -795,7 +797,7 @@ function _n() {
     return o.PropTypes = o, o;
   }, ue;
 }
-var as = ne.exports;
+var cs = ne.exports;
 if (process.env.NODE_ENV !== "production") {
   var Mn = Ke, Nn = !0;
   ne.exports = Rn()(Mn.isElement, Nn);
@@ -806,7 +808,7 @@ const P = /* @__PURE__ */ un(Ln);
 let Xe, Je;
 typeof document < "u" && (Xe = document);
 typeof window < "u" && (Je = window);
-const Ze = z.createContext({ document: Xe, window: Je }), xe = () => z.useContext(Ze), { Provider: Wn, Consumer: ls } = Ze;
+const Ze = z.createContext({ document: Xe, window: Je }), xe = () => z.useContext(Ze), { Provider: Wn, Consumer: ds } = Ze;
 class Ge extends _e {
   componentDidMount() {
     this.props.contentDidMount();
@@ -914,11 +916,11 @@ const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef
     }, 100);
   }, [t, r, c, a]), /* @__PURE__ */ e.jsx("div", { id: "canvas", className: "relative h-screen max-w-full outline-2", children: n });
 }, Qe = (n, t) => n.querySelector(`[data-block-id="${t}"]`), Un = () => {
-  const { window: n } = xe(), [t, r] = H(), [, a] = Y(), { undo: c, redo: o } = me(), i = $e(), [, p] = Jt(), [, g] = Zt(), { pasteBlocks: b } = Gt(), [, u] = Fe(), d = Ue(), { savePage: m } = Qt(), [k] = J(en), [, D] = J(tn), w = (S) => {
-    S.key === "Enter" && (S.preventDefault(), t.length === 1 && D(ee(t)));
+  const { window: n } = xe(), [t, r] = H(), [, a] = Y(), { undo: c, redo: o } = me(), i = $e(), [, p] = Jt(), [, g] = Zt(), { pasteBlocks: b } = Gt(), [, u] = Fe(), d = Ue(), { savePage: m } = Qt(), [k] = J(en), [, D] = J(tn), w = (E) => {
+    E.key === "Enter" && (E.preventDefault(), t.length === 1 && D(ee(t)));
   };
   return _(() => {
-    const S = (f) => {
+    const E = (f) => {
       if (f.key === "Escape") {
         r([]), a([]);
         return;
@@ -932,8 +934,8 @@ const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef
         f.key === "s" && (f.stopPropagation(), f.preventDefault(), m()), f.key === "z" && c(), f.key === "y" && o(), f.key === "d" && i(t), f.key === "x" && p(t), f.key === "c" && g(t), f.key === "v" && t.length > 0 && b(t[0]);
       }
     };
-    return n.removeEventListener("keydown", S), n.addEventListener("keydown", S), () => {
-      n.removeEventListener("keydown", S);
+    return n.removeEventListener("keydown", E), n.addEventListener("keydown", E), () => {
+      n.removeEventListener("keydown", E);
     };
   }, [
     t,
@@ -1004,7 +1006,7 @@ const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef
             }
           ),
           nn(A(t, "_type", "")) ? /* @__PURE__ */ e.jsx(Tt, { className: "hover:scale-105 ", onClick: () => a([t == null ? void 0 : t._id]) }) : null,
-          rn(A(t, "_type", "")) ? /* @__PURE__ */ e.jsx(Et, { className: "hover:scale-105 ", onClick: () => r([t == null ? void 0 : t._id]) }) : null
+          rn(A(t, "_type", "")) ? /* @__PURE__ */ e.jsx(St, { className: "hover:scale-105 ", onClick: () => r([t == null ? void 0 : t._id]) }) : null
         ] })
       ]
     }
@@ -1025,7 +1027,7 @@ const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef
       names: ["primary", "secondary"]
     });
     w.primary.DEFAULT = k, w.secondary.DEFAULT = D;
-    const S = A(t, "roundedCorners", "0");
+    const E = A(t, "roundedCorners", "0");
     !p || !p.tailwind || (p.tailwind.config = {
       darkMode: "class",
       theme: {
@@ -1035,7 +1037,7 @@ const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef
         },
         extend: {
           borderRadius: {
-            global: `${S || "0"}px`
+            global: `${E || "0"}px`
           },
           colors: w
         }
@@ -1067,8 +1069,8 @@ const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef
   }, [o, u]), _(() => {
     if (n === "section")
       return;
-    const k = A(t, "bodyTextLightColor", "#64748b"), D = A(t, "bodyTextDarkColor", "#94a3b8"), w = A(t, "bodyBgLightColor", "#FFFFFF"), S = A(t, "bodyBgDarkColor", "#0f172a");
-    i.body.className = `font-body antialiased text-[${k}] bg-[${w}] dark:text-[${D}] dark:bg-[${S}]`;
+    const k = A(t, "bodyTextLightColor", "#64748b"), D = A(t, "bodyTextDarkColor", "#94a3b8"), w = A(t, "bodyBgLightColor", "#FFFFFF"), E = A(t, "bodyBgDarkColor", "#0f172a");
+    i.body.className = `font-body antialiased text-[${k}] bg-[${w}] dark:text-[${D}] dark:bg-[${E}]`;
   }, [t, i, n]), n === "page" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     d && /* @__PURE__ */ e.jsx(
       "link",
@@ -1104,7 +1106,7 @@ const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef
 }, Kn = (n) => {
   const t = {};
   return Object.keys(n).forEach((r) => {
-    he(n[r]) && n[r].startsWith(Ee) && (t[r] = n[r].replace(Ee, "").split(","));
+    he(n[r]) && n[r].startsWith(Se) && (t[r] = n[r].replace(Se, "").split(","));
   }), t;
 }, Vn = ht((n) => {
   const t = n.replace(Ye, "").split(",");
@@ -1177,8 +1179,8 @@ function fe({ blocks: n }) {
       });
       const D = Ne(t, { _parent: u._id });
       k.children = D.length ? /* @__PURE__ */ e.jsx(fe, { blocks: D }) : null;
-      const w = kn(u._type), S = A(w, "component", null);
-      return gt(S) ? /* @__PURE__ */ e.jsx("noscript", { children: `<!-- ${u == null ? void 0 : u._type} not registered -->` }) : /* @__PURE__ */ e.jsx(Me, { children: z.createElement(S, {
+      const w = kn(u._type), E = A(w, "component", null);
+      return gt(E) ? /* @__PURE__ */ e.jsx("noscript", { children: `<!-- ${u == null ? void 0 : u._type} not registered -->` }) : /* @__PURE__ */ e.jsx(Me, { children: z.createElement(E, {
         blockProps: {
           onClick: p,
           "data-block-id": u._id,
@@ -1197,7 +1199,7 @@ const Gn = () => {
   const n = qe();
   return /* @__PURE__ */ e.jsx(jn, { children: U(n) ? /* @__PURE__ */ e.jsx(Yn, {}) : /* @__PURE__ */ e.jsx(fn, { children: /* @__PURE__ */ e.jsx(fe, { blocks: Ne(n, (t) => U(t._parent)) }) }) });
 }, Qn = (n, t) => n.querySelector(`[data-style-id="${t}"]`), er = () => {
-  const [n] = J(on), [t] = Fe(), [r] = ye(), [, a] = H(), c = an(), [, o] = ge(), i = je(null), p = je(null), [g, b] = F({ width: 0, height: 0 }), u = An(g), [d, m] = F(0), [k, D] = F([]), [, w] = F([]), [, S] = J(ln), [f, W] = Y(), M = cn("loadingCanvas", !1);
+  const [n] = J(on), [t] = Fe(), [r] = ye(), [, a] = H(), c = an(), [, o] = ge(), i = je(null), p = je(null), [g, b] = F({ width: 0, height: 0 }), u = An(g), [d, m] = F(0), [k, D] = F([]), [, w] = F([]), [, E] = J(ln), [f, W] = Y(), M = cn("loadingCanvas", !1);
   _(() => {
     const { clientWidth: I, clientHeight: N } = p.current;
     b({ width: I, height: N }), d === 0 && m(I);
@@ -1242,11 +1244,11 @@ const Gn = () => {
       children: /* @__PURE__ */ e.jsxs(
         $n,
         {
-          contentDidMount: () => S(i.current),
+          contentDidMount: () => E(i.current),
           ref: i,
           id: "canvas-iframe",
           style: { width: `${r}px`, ...u },
-          className: "relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",
+          className: "relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
           initialContent: se,
           children: [
             /* @__PURE__ */ e.jsx(Un, {}),
@@ -1267,11 +1269,11 @@ const Gn = () => {
       )
     }
   );
-}, tr = pt(() => import("./AddBlocks-U6bHEqmk.js")), cs = () => {
+}, tr = pt(() => import("./AddBlocks--G1jvF_h.js")), us = () => {
   const [n, t] = J(dn);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full flex-col", children: [
     /* @__PURE__ */ e.jsx(Dn, {}),
-    /* @__PURE__ */ e.jsxs("div", { className: "relative flex-1 overflow-hidden bg-slate-800/80 px-2 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative flex-1 overflow-hidden bg-slate-800/90 px-2 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
       /* @__PURE__ */ e.jsx(Me, { fallback: /* @__PURE__ */ e.jsx(ze, { className: "h-full" }), children: /* @__PURE__ */ e.jsx(hn, { children: /* @__PURE__ */ e.jsx(er, {}) }) }),
       n ? /* @__PURE__ */ e.jsx(
         "div",
@@ -1292,5 +1294,5 @@ const Gn = () => {
   ] });
 };
 export {
-  cs as default
+  us as default
 };

package/dist/CurrentPage-Fw-gGZIK.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),s=require("./index-lH7BBNlu.cjs"),i=require("lodash"),h=require("sonner"),l=require("react"),o=require("./index-8dYzEcE3.cjs"),j=require("lucide-react");require("./MODIFIERS-WFzDQfiT.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-It2K33fU.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("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("./lib.cjs");require("himalaya");require("./functions-KMQYiBHf.cjs");require("@mhsdesign/jit-browser-tailwindcss");require("@bobthered/tailwindcss-palette-generator");require("@tailwindcss/forms");require("@tailwindcss/typography");require("@tailwindcss/aspect-ratio");require("@tailwindcss/line-clamp");require("./tailwind-config-OxLD7oFU.cjs");require("react-hotkeys-hook");const p=()=>{const{data:t}=o.useProject(),{data:u,isLoading:x}=o.usePages(),{syncState:q}=s.useSavePage(),d=o.useChangePage(),[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 m=r=>{if(q!=="SAVED")h.toast.error("You have unsaved changes. Please save before changing the page.");else{const g=i.find(c,{uuid:r});d(g)}};return x||i.isEmpty(n)?null:e.jsxRuntimeExports.jsx("nav",{className:"flex rounded-lg border border-gray-200 bg-gray-50 px-3 pr-0 py-1 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(j.BriefcaseIcon,{className:"w-4 h-4 mr-2"}),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:m,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=p;

package/dist/{CurrentPage-SrovfgGL.js → CurrentPage-iC1tGuWi.js}

@@ -1,15 +1,16 @@
-import { j as e } from "./jsx-runtime-qAwJ85SY.js";
-import { ag as x, au as h, av as f, aw as j, ax as y, ay as v } from "./index-PrUoEet_.js";
+import { j as e } from "./jsx-runtime-NV737rRe.js";
+import { ag as x, au as h, av as f, aw as j, ax as y, ay as v } from "./index-pgz9p5Yh.js";
 import { sortBy as P, filter as b, get as w, isEmpty as s, find as n, capitalize as C, map as N } from "lodash";
 import { toast as S } from "sonner";
 import { useEffect as p } from "react";
-import { b as k, a as B, d as E, e as I } from "./index-4DQm5fFW.js";
+import { b as k, a as B, d as E, e as I } from "./index-UPQtDmUs.js";
 import { BriefcaseIcon as L } from "lucide-react";
-import "./Class-nQk08vqd.js";
-import "clsx";
-import "tailwind-merge";
+import "./MODIFIERS-MLfpKQY1.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./utils-PPBbw5bk.js";
+import "clsx";
+import "tailwind-merge";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -39,22 +40,23 @@ import "@chaibuilder/runtime";
 import "@react-hookz/web";
 import "react-i18next";
 import "i18next";
-import "./index-SSmZipiF.js";
+import "@floating-ui/react-dom";
+import "react-textarea-autosize";
+import "flagged";
+import "react-dnd";
+import "@minoru/react-dnd-treeview";
 import "./lib.js";
 import "himalaya";
+import "./functions-JFP-oMsY.js";
 import "@mhsdesign/jit-browser-tailwindcss";
 import "@bobthered/tailwindcss-palette-generator";
 import "@tailwindcss/forms";
 import "@tailwindcss/typography";
 import "@tailwindcss/aspect-ratio";
 import "@tailwindcss/line-clamp";
-import "@floating-ui/react-dom";
-import "react-textarea-autosize";
-import "flagged";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
+import "./tailwind-config-d1VL1lzE.js";
 import "react-hotkeys-hook";
-const ze = () => {
+const De = () => {
   const { data: t } = k(), { data: i, isLoading: l } = B(), { syncState: c } = x(), d = E(), [o, a] = I(), m = P(b(i, { type: "STATIC" }), (r) => w(r, "uuid") === (t == null ? void 0 : t.homepage) ? 0 : 1);
   p(() => {
     !s(i) && t.homepage && !n(i, { uuid: o }) && a(t.homepage);
@@ -108,5 +110,5 @@ const ze = () => {
   );
 };
 export {
-  ze as default
+  De as default
 };

package/dist/Layers-bvtrSZ0e.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),u=require("lodash"),s=require("@radix-ui/react-icons"),f=require("react-dnd"),B=require("@minoru/react-dnd-treeview"),N=require("react-i18next"),r=require("./index-lH7BBNlu.cjs"),O=require("lucide-react");require("./lib.cjs");const p=require("react"),A=require("./MODIFIERS-WFzDQfiT.cjs"),q=require("./utils-It2K33fU.cjs"),_=require("./index-8dYzEcE3.cjs"),P=require("jotai");require("@radix-ui/react-toggle");require("class-variance-authority");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("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("himalaya");require("./functions-KMQYiBHf.cjs");require("@mhsdesign/jit-browser-tailwindcss");require("@bobthered/tailwindcss-palette-generator");require("@tailwindcss/forms");require("@tailwindcss/typography");require("@tailwindcss/aspect-ratio");require("@tailwindcss/line-clamp");require("./tailwind-config-OxLD7oFU.cjs");require("clsx");require("tailwind-merge");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-hotkeys-hook");require("sonner");const C=t=>{switch(t.type){case"Image":return e.jsxRuntimeExports.jsx(s.ImageIcon,{});case"Heading":return e.jsxRuntimeExports.jsx(s.HeadingIcon,{});case"Text":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Link":return e.jsxRuntimeExports.jsx(s.Link1Icon,{});case"Video":return e.jsxRuntimeExports.jsx(s.VideoIcon,{});case"RichText":return e.jsxRuntimeExports.jsx(s.CursorTextIcon,{});case"Button":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"CustomHTML":return e.jsxRuntimeExports.jsx(s.CodeIcon,{});case"Divider":return e.jsxRuntimeExports.jsx(s.DividerHorizontalIcon,{});case"Icon":return e.jsxRuntimeExports.jsx(s.SketchLogoIcon,{});case"List":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"Paragraph":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Row":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"ListItem":return e.jsxRuntimeExports.jsx(s.ColumnsIcon,{});case"LineBreak":return e.jsxRuntimeExports.jsx(s.SpaceBetweenVerticallyIcon,{});case"Form":return e.jsxRuntimeExports.jsx(s.GroupIcon,{});case"Checkbox":return e.jsxRuntimeExports.jsx(s.CheckboxIcon,{});case"FormButton":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"Input":case"TextArea":return e.jsxRuntimeExports.jsx(s.InputIcon,{});case"Radio":return e.jsxRuntimeExports.jsx(s.RadiobuttonIcon,{});case"Select":return e.jsxRuntimeExports.jsx(s.DropdownMenuIcon,{});case"Table":return e.jsxRuntimeExports.jsx(s.TableIcon,{});case"TableHead":return e.jsxRuntimeExports.jsx(s.BorderTopIcon,{});case"TableBody":return e.jsxRuntimeExports.jsx(s.BorderAllIcon,{});case"TableRow":return e.jsxRuntimeExports.jsx(s.ViewHorizontalIcon,{});case"TableCell":return e.jsxRuntimeExports.jsx(s.DragHandleHorizontalIcon,{});case"DataProvider":return e.jsxRuntimeExports.jsx(O.DatabaseIcon,{size:16});case"Box":return e.jsxRuntimeExports.jsx(s.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(s.BoxModelIcon,{})}};function H(t=""){const n={xs:"390px",sm:"640px",md:"768px",lg:"1024px",xl:"1366px","2xl":"1536px"};if(new RegExp(/\bsr-only\b/).test(t))return"Sr Only";if(new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(t))return"Visible on mobile";if(t.match(/(^| )hidden( |$)/g)){const c=new RegExp(/\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/),l=t.match(c);if(u.nth(l,1))return`Visible >=${n[u.nth(l,1)]}`}return""}const L=t=>{let n="";return Object.keys(t).forEach(o=>{u.startsWith(t[o],A.STYLES_KEY)&&(n=t[o])}),n},F=t=>{var g;const[,n]=r.useHighlightBlockId(),[o]=r.useHiddenBlockIds(),{isSelected:x}=t,{id:c,data:l}=t.node,a=t.depth*10,m=d=>{d.stopPropagation(),t.onToggle(t.node.id)},E=B.useDragOver(c,t.isOpen,t.onToggle),j=p.useMemo(()=>{const d=L(t.node.data);return H(d)},[t.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>n(c),className:q.cn("group flex w-full items-center justify-between space-x-px py-px ",x?"bg-blue-500 text-white":"hover:bg-gray-200 dark:hover:bg-gray-800"),onClick:d=>{d.stopPropagation(),!o.includes(c)&&t.onSelect(c)},onContextMenu:()=>t.onSelect(c),style:{paddingInlineStart:a},...E,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:`flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${t.isOpen?"rotate-90":""}`,children:t.node.droppable&&e.jsxRuntimeExports.jsx("button",{onClick:m,type:"button",children:e.jsxRuntimeExports.jsx(s.TriangleRightIcon,{})})}),e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:"-mt-1 h-3 w-3",children:e.jsxRuntimeExports.jsx(C,{type:l==null?void 0:l._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:((g=t.node.data)==null?void 0:g._name)||t.node.text}),j?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center text-[10px] italic "+(x?"text-gray-200":"text-gray-500"),children:["(",j,")"]}):null]})]})})},V=t=>{var o;const{item:n}=t.monitorProps;return e.jsxRuntimeExports.jsxs("div",{className:"flex w-max items-center bg-blue-200 bg-opacity-30 p-1 font-semibold text-blue-700",children:[e.jsxRuntimeExports.jsx("div",{className:"",children:e.jsxRuntimeExports.jsx(C,{type:(o=n==null?void 0:n.data)==null?void 0:o._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:n.text})]})},z=t=>{const n=t.depth*10+16;return e.jsxRuntimeExports.jsx("div",{className:"absolute right-0 top-0 h-0.5 -translate-y-1/2 transform bg-green-500",style:{left:n}})},G=p.lazy(()=>Promise.resolve().then(()=>require("./MarkAsGlobalBlock-wqHaABl_.cjs"))),$=()=>{const[t]=r.useSelectedBlockIds(),[,n]=r.useCutBlockIds();return e.jsxRuntimeExports.jsxs(r.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(t),children:[e.jsxRuntimeExports.jsx(s.ScissorsIcon,{})," Cut"]})},K=()=>{const[t]=r.useSelectedBlockIds(),[,n]=r.useCopyBlockIds();return e.jsxRuntimeExports.jsxs(r.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(t),children:[e.jsxRuntimeExports.jsx(s.ClipboardIcon,{})," Copy"]})},Q=()=>{const[t]=r.useSelectedBlockIds(),n=r.useRemoveBlocks(),o=r.useSelectedBlock();return e.jsxRuntimeExports.jsxs(r.ContextMenuItem,{disabled:(o==null?void 0:o._type)==="Slot",className:"flex items-center gap-x-4 text-xs",onClick:()=>n(t),children:[e.jsxRuntimeExports.jsx(s.TrashIcon,{})," Remove"]})},U=({id:t=null,openMarkAsGlobalModal:n})=>{const[o]=r.useSelectedBlockIds(),x=r.useDuplicateBlocks(),{pasteBlocks:c,canPaste:l}=r.usePasteBlocks(),a=r.useBuilderProp("globalBlocksSupport",!1),m=p.useCallback(()=>{x(o)},[o,x]);return e.jsxRuntimeExports.jsxs(r.ContextMenuContent,{className:"text-xs",children:[a&&e.jsxRuntimeExports.jsx(r.ContextMenuItem,{className:"flex items-center gap-x-4 border-b text-xs",onClick:n,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-4",children:[e.jsxRuntimeExports.jsx(s.GlobeIcon,{})," Mark as global"]})}),e.jsxRuntimeExports.jsxs(r.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:m,children:[e.jsxRuntimeExports.jsx(s.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx($,{}),e.jsxRuntimeExports.jsx(K,{}),e.jsxRuntimeExports.jsxs(r.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>c(t),disabled:!l,children:[e.jsxRuntimeExports.jsx(s.ClipboardCopyIcon,{})," Paste"]}),e.jsxRuntimeExports.jsx(Q,{})]})},Y=({children:t,id:n=null})=>{const[o,x]=p.useState(!1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.Dialog,{open:o,onOpenChange:x,children:o&&e.jsxRuntimeExports.jsx(r.DialogContent,{children:e.jsxRuntimeExports.jsx(p.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"h-96 w-full animate-pulse bg-gray-200"}),children:e.jsxRuntimeExports.jsx(G,{closeModal:()=>x(!1),id:n})})})}),e.jsxRuntimeExports.jsxs(r.ContextMenu,{children:[e.jsxRuntimeExports.jsx(r.ContextMenuTrigger,{children:t}),e.jsxRuntimeExports.jsx(U,{id:n,openMarkAsGlobalModal:()=>x(!0)})]})]})},W=()=>{const{addCoreBlock:t}=r.useAddBlock(),n=r.useBuilderProp("getExternalPredefinedBlock");return p.useCallback(async o=>{const{block:x,dropTargetId:c,relativeIndex:l}=o;if(u.has(x,"format")){const a=await n(x);return t({blocks:a},c===0?null:c,l)}return t(x,c===0?null:c,l)},[t])};function J(t){return u.map(t,n=>{const{data:o}=n;return{...o,_parent:n.parent===0?null:n.parent}})}const X=()=>{const t=r.useAllBlocks(),[n]=r.useSetAllBlocks(),[o,x,c]=r.useSelectedBlockIds(),[,l]=r.useSelectedStylingBlocks(),{t:a}=N.useTranslation(),{createSnapshot:m}=r.useCanvasHistory(),E=_.useExpandedIds(),j=W(),[,g]=P.useAtom(r.addBlocksModalAtom),d=async(i,R)=>{const{dragSource:h,destinationIndex:b,relativeIndex:k,dropTargetId:T,monitor:D}=R,M=J(i);n(M),h?m():(await j({block:D.getItem(),dropTargetId:T,destinationIndex:b,relativeIndex:k}),g(!1))},y=u.map(t,i=>({id:i._id,text:i._type,parent:i._parent||0,droppable:!u.isUndefined(u.find(t,{_parent:i._id})),data:i})),v=()=>{x([]),l([])},[{isOver:I},S]=f.useDrop(()=>({accept:["CHAI_BLOCK"],collect:i=>({canDrop:i.canDrop(),isOver:i.isOver()}),drop:i=>{(async()=>(await j({block:i,dropTargetId:"",destinationIndex:0,relativeIndex:0}),g(!1)))()}})),{isDragging:w}=f.useDragLayer(i=>({isDragging:i.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{onClick:()=>v(),className:q.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",w?"bg-green-50/80":"bg-background"),children:u.isEmpty(t)?e.jsxRuntimeExports.jsxs("div",{ref:S,className:`mx-1 mt-4 max-w-full h-full p-6 text-center text-sm text-gray-400 ${I?"bg-blue-200":""}`,children:[I?e.jsxRuntimeExports.jsx(s.DoubleArrowDownIcon,{className:"mx-auto h-12 w-12 animate-bounce"}):e.jsxRuntimeExports.jsx(s.StackIcon,{className:"mx-auto h-10 w-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-2",children:a(I?"drop_here_message":"tree_view_no_blocks")})]}):e.jsxRuntimeExports.jsx(r.ScrollArea,{id:"layers-view",className:"no-scrollbar h-full overflow-y-auto p-1",children:e.jsxRuntimeExports.jsx(B.Tree,{initialOpen:E,extraAcceptTypes:["CHAI_BLOCK"],tree:y,rootId:0,render:(i,{depth:R,isOpen:h,onToggle:b})=>e.jsxRuntimeExports.jsx(Y,{id:i.id,children:e.jsxRuntimeExports.jsx(F,{onSelect:k=>{l([]),x([k])},isSelected:u.includes(o,i.id),node:i,depth:R,isOpen:h,onToggle:b,toggleIds:c})}),dragPreviewRender:i=>e.jsxRuntimeExports.jsx(V,{monitorProps:i}),onDrop:d,classes:{root:"h-full pt-2",draggingSource:"opacity-30",dropTarget:"bg-green-100",placeholder:"relative"},sort:!1,insertDroppableFirst:!1,canDrop:r.canDropBlock,dropTargetOffset:2,enableAnimateExpand:!0,placeholderRender:(i,{depth:R})=>e.jsxRuntimeExports.jsx(z,{node:i,depth:R})})})})})};exports.default=X;