@chaibuilder/sdk 1.2.114-beta.3 → 1.2.114-beta.4

package/dist/{index-xOwty2sb.js → index-CgMV6n_4.js}

@@ -1,6 +1,6 @@
 var z = Object.defineProperty;
-var G = (o, n, r) => n in o ? z(o, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[n] = r;
-var F = (o, n, r) => (G(o, typeof n != "symbol" ? n + "" : n, r), r);
+var W = (o, n, r) => n in o ? z(o, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[n] = r;
+var F = (o, n, r) => (W(o, typeof n != "symbol" ? n + "" : n, r), r);
 import { j as jsxRuntimeExports } from "./jsx-runtime-Sp0orL4X.js";
 import * as React from "react";
 import React__default, { createContext, useReducer, useEffect, useDebugValue, useCallback, useContext, useState, useMemo, Component, Children, Suspense, useRef, memo, createElement, lazy } from "react";
@@ -93,32 +93,32 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && Object.freeze(v);
     const C = o.get(m);
     if (o.set(m, v), r.has(m) || r.set(m, C), C && hasPromiseAtomValue(C)) {
-      const B = "v" in v ? v.v instanceof Promise ? v.v : Promise.resolve(v.v) : Promise.reject(v.e);
-      cancelPromise(C.v, B);
+      const w = "v" in v ? v.v instanceof Promise ? v.v : Promise.resolve(v.v) : Promise.reject(v.e);
+      cancelPromise(C.v, w);
     }
   }, u = (m, v, C) => {
-    const B = /* @__PURE__ */ new Map();
+    const w = /* @__PURE__ */ new Map();
     let I = !1;
-    C.forEach((N, P) => {
-      !N && P === m && (N = v), N ? (B.set(P, N), v.d.get(P) !== N && (I = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
-    }), (I || v.d.size !== B.size) && (v.d = B);
+    C.forEach((T, P) => {
+      !T && P === m && (T = v), T ? (w.set(P, T), v.d.get(P) !== T && (I = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
+    }), (I || v.d.size !== w.size) && (v.d = w);
   }, p = (m, v, C) => {
-    const B = c(m), I = {
-      d: (B == null ? void 0 : B.d) || /* @__PURE__ */ new Map(),
+    const w = c(m), I = {
+      d: (w == null ? void 0 : w.d) || /* @__PURE__ */ new Map(),
       v
     };
-    if (C && u(m, I, C), B && isEqualAtomValue(B, I) && B.d === I.d)
-      return B;
-    if (B && hasPromiseAtomValue(B) && hasPromiseAtomValue(I) && isEqualPromiseAtomValue(B, I)) {
-      if (B.d === I.d)
-        return B;
-      I.v = B.v;
+    if (C && u(m, I, C), w && isEqualAtomValue(w, I) && w.d === I.d)
+      return w;
+    if (w && hasPromiseAtomValue(w) && hasPromiseAtomValue(I) && isEqualPromiseAtomValue(w, I)) {
+      if (w.d === I.d)
+        return w;
+      I.v = w.v;
     }
     return d(m, I), I;
-  }, g = (m, v, C, B) => {
+  }, g = (m, v, C, w) => {
     if (isPromiseLike$2(v)) {
       let I;
-      const N = new Promise((P, O) => {
+      const T = new Promise((P, O) => {
         let M = !1;
         v.then(
           (V) => {
@@ -126,10 +126,10 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
               M = !0;
               const $ = c(m), H = p(
                 m,
-                N,
+                T,
                 C
               );
-              resolvePromise(N, V), P(V), ($ == null ? void 0 : $.d) !== H.d && T(m, H, $ == null ? void 0 : $.d);
+              resolvePromise(T, V), P(V), ($ == null ? void 0 : $.d) !== H.d && N(m, H, $ == null ? void 0 : $.d);
             }
           },
           (V) => {
@@ -137,30 +137,30 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
               M = !0;
               const $ = c(m), H = p(
                 m,
-                N,
+                T,
                 C
               );
-              rejectPromise(N, V), O(V), ($ == null ? void 0 : $.d) !== H.d && T(m, H, $ == null ? void 0 : $.d);
+              rejectPromise(T, V), O(V), ($ == null ? void 0 : $.d) !== H.d && N(m, H, $ == null ? void 0 : $.d);
             }
           }
         ), I = (V) => {
           M || (M = !0, V.then(
-            ($) => resolvePromise(N, $),
-            ($) => rejectPromise(N, $)
+            ($) => resolvePromise(T, $),
+            ($) => rejectPromise(T, $)
           ), P(V));
         };
       });
-      return N.orig = v, N.status = "pending", registerCancelPromise(N, (P) => {
-        P && I(P), B == null || B();
-      }), p(m, N, C);
+      return T.orig = v, T.status = "pending", registerCancelPromise(T, (P) => {
+        P && I(P), w == null || w();
+      }), p(m, T, C);
     }
     return p(m, v, C);
   }, f = (m, v, C) => {
-    const B = c(m), I = {
-      d: (B == null ? void 0 : B.d) || /* @__PURE__ */ new Map(),
+    const w = c(m), I = {
+      d: (w == null ? void 0 : w.d) || /* @__PURE__ */ new Map(),
       e: v
     };
-    return C && u(m, I, C), B && isEqualAtomError(B, I) && B.d === I.d ? B : (d(m, I), I);
+    return C && u(m, I, C), w && isEqualAtomError(w, I) && w.d === I.d ? w : (d(m, I), I);
   }, x = (m) => {
     const v = c(m);
     if (v && (v.d.forEach((M, V) => {
@@ -172,7 +172,7 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     })))
       return v;
     const C = /* @__PURE__ */ new Map();
-    let B = !0;
+    let w = !0;
     const I = (M) => {
       if (M === m) {
         const $ = c(M);
@@ -185,14 +185,14 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
       const V = x(M);
       return C.set(M, V), returnAtomValue(V);
     };
-    let N, P;
+    let T, P;
     const O = {
       get signal() {
-        return N || (N = new AbortController()), N.signal;
+        return T || (T = new AbortController()), T.signal;
       },
       get setSelf() {
         return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && !isActuallyWritableAtom(m) && console.warn("setSelf function cannot be used with read-only atom"), !P && isActuallyWritableAtom(m) && (P = (...M) => {
-          if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && B && console.warn("setSelf function cannot be called in sync"), !B)
+          if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && w && console.warn("setSelf function cannot be called in sync"), !w)
             return _(m, ...M);
         }), P;
       }
@@ -203,35 +203,35 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         m,
         M,
         C,
-        () => N == null ? void 0 : N.abort()
+        () => T == null ? void 0 : T.abort()
       );
     } catch (M) {
       return f(m, M, C);
     } finally {
-      B = !1;
+      w = !1;
     }
   }, j = (m) => returnAtomValue(x(m)), E = (m) => {
     let v = n.get(m);
     return v || (v = R(m)), v;
   }, b = (m, v) => !v.l.size && (!v.t.size || v.t.size === 1 && v.t.has(m)), k = (m) => {
     const v = n.get(m);
-    v && b(m, v) && A(m);
+    v && b(m, v) && B(m);
   }, S = (m) => {
-    const v = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new WeakMap(), B = (N) => {
-      const P = n.get(N);
+    const v = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new WeakMap(), w = (T) => {
+      const P = n.get(T);
       P == null || P.t.forEach((O) => {
-        O !== N && (v.set(
+        O !== T && (v.set(
           O,
-          (v.get(O) || /* @__PURE__ */ new Set()).add(N)
-        ), C.set(O, (C.get(O) || 0) + 1), B(O));
+          (v.get(O) || /* @__PURE__ */ new Set()).add(T)
+        ), C.set(O, (C.get(O) || 0) + 1), w(O));
       });
     };
-    B(m);
-    const I = (N) => {
-      const P = n.get(N);
+    w(m);
+    const I = (T) => {
+      const P = n.get(T);
       P == null || P.t.forEach((O) => {
         var M;
-        if (O !== N) {
+        if (O !== T) {
           let V = C.get(O);
           if (V && C.set(O, --V), !V) {
             let $ = !!((M = v.get(O)) != null && M.size);
@@ -246,9 +246,9 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
       });
     };
     I(m);
-  }, w = (m, ...v) => {
+  }, A = (m, ...v) => {
     let C = !0;
-    const B = (P) => returnAtomValue(x(P)), I = (P, ...O) => {
+    const w = (P) => returnAtomValue(x(P)), I = (P, ...O) => {
       let M;
       if (P === m) {
         if (!hasInitialValue(P))
@@ -256,7 +256,7 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         const V = c(P), $ = g(P, O[0]);
         (!V || !isEqualAtomValue(V, $)) && S(P);
       } else
-        M = w(P, ...O);
+        M = A(P, ...O);
       if (!C) {
         const V = L();
         (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.forEach(
@@ -264,62 +264,62 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         );
       }
       return M;
-    }, N = m.write(B, I, ...v);
-    return C = !1, N;
+    }, T = m.write(w, I, ...v);
+    return C = !1, T;
   }, _ = (m, ...v) => {
-    const C = w(m, ...v), B = L();
+    const C = A(m, ...v), w = L();
     return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.forEach(
-      (I) => I({ type: "write", flushed: B })
+      (I) => I({ type: "write", flushed: w })
     ), C;
   }, R = (m, v) => {
     const C = {
       t: new Set(v && [v]),
       l: /* @__PURE__ */ new Set()
     };
-    if (n.set(m, C), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.add(m), x(m).d.forEach((B, I) => {
-      const N = n.get(I);
-      N ? N.t.add(m) : I !== m && R(I, m);
+    if (n.set(m, C), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.add(m), x(m).d.forEach((w, I) => {
+      const T = n.get(I);
+      T ? T.t.add(m) : I !== m && R(I, m);
     }), x(m), isActuallyWritableAtom(m) && m.onMount) {
-      const B = m.onMount((...I) => _(m, ...I));
-      B && (C.u = B);
+      const w = m.onMount((...I) => _(m, ...I));
+      w && (C.u = w);
     }
     return C;
-  }, A = (m) => {
+  }, B = (m) => {
     var v;
     const C = (v = n.get(m)) == null ? void 0 : v.u;
     C && C(), n.delete(m), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.delete(m);
-    const B = c(m);
-    B ? (hasPromiseAtomValue(B) && cancelPromise(B.v), B.d.forEach((I, N) => {
-      if (N !== m) {
-        const P = n.get(N);
-        P && (P.t.delete(m), b(N, P) && A(N));
+    const w = c(m);
+    w ? (hasPromiseAtomValue(w) && cancelPromise(w.v), w.d.forEach((I, T) => {
+      if (T !== m) {
+        const P = n.get(T);
+        P && (P.t.delete(m), b(T, P) && B(T));
       }
     })) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", m);
-  }, T = (m, v, C) => {
-    const B = new Set(v.d.keys());
-    C == null || C.forEach((I, N) => {
-      if (B.has(N)) {
-        B.delete(N);
+  }, N = (m, v, C) => {
+    const w = new Set(v.d.keys());
+    C == null || C.forEach((I, T) => {
+      if (w.has(T)) {
+        w.delete(T);
         return;
       }
-      const P = n.get(N);
-      P && (P.t.delete(m), b(N, P) && A(N));
-    }), B.forEach((I) => {
-      const N = n.get(I);
-      N ? N.t.add(m) : n.has(m) && R(I, m);
+      const P = n.get(T);
+      P && (P.t.delete(m), b(T, P) && B(T));
+    }), w.forEach((I) => {
+      const T = n.get(I);
+      T ? T.t.add(m) : n.has(m) && R(I, m);
     });
   }, L = () => {
     let m;
     for ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (m = /* @__PURE__ */ new Set()); r.size; ) {
       const v = Array.from(r);
-      r.clear(), v.forEach(([C, B]) => {
+      r.clear(), v.forEach(([C, w]) => {
         const I = c(C);
         if (I) {
-          I.d !== (B == null ? void 0 : B.d) && T(C, I, B == null ? void 0 : B.d);
-          const N = n.get(C);
-          N && !// TODO This seems pretty hacky. Hope to fix it.
+          I.d !== (w == null ? void 0 : w.d) && N(C, I, w == null ? void 0 : w.d);
+          const T = n.get(C);
+          T && !// TODO This seems pretty hacky. Hope to fix it.
           // Maybe we could `mountDependencies` in `setAtomState`?
-          (B && !hasPromiseAtomValue(B) && (isEqualAtomValue(B, I) || isEqualAtomError(B, I))) && (N.l.forEach((P) => P()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && m.add(C));
+          (w && !hasPromiseAtomValue(w) && (isEqualAtomValue(w, I) || isEqualAtomError(w, I))) && (T.l.forEach((P) => P()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && m.add(C));
         } else
           (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] no atom state to flush");
       });
@@ -327,11 +327,11 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production")
       return a.forEach((v) => v("state")), m;
   }, D = (m, v) => {
-    const C = E(m), B = L(), I = C.l;
-    return I.add(v), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((N) => N("sub")), l.forEach(
-      (N) => N({ type: "sub", flushed: B })
+    const C = E(m), w = L(), I = C.l;
+    return I.add(v), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((T) => T("sub")), l.forEach(
+      (T) => T({ type: "sub", flushed: w })
     )), () => {
-      I.delete(v), k(m), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((N) => N("unsub")), l.forEach((N) => N({ type: "unsub" })));
+      I.delete(v), k(m), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((T) => T("unsub")), l.forEach((T) => T({ type: "unsub" })));
     };
   };
   return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" ? {
@@ -350,8 +350,8 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     dev_get_atom_state: (m) => o.get(m),
     dev_get_mounted: (m) => n.get(m),
     dev_restore_atoms: (m) => {
-      for (const [C, B] of m)
-        hasInitialValue(C) && (g(C, B), S(C));
+      for (const [C, w] of m)
+        hasInitialValue(C) && (g(C, w), S(C));
       const v = L();
       l.forEach(
         (C) => C({ type: "restore", flushed: v })
@@ -386,24 +386,24 @@ function splitAtom(o, n) {
             g[j] = b;
             return;
           }
-          const k = (w) => {
-            const _ = w(l), R = w(o), T = a(R, _ == null ? void 0 : _.arr).keyList.indexOf(E);
-            if (T < 0 || T >= R.length) {
+          const k = (A) => {
+            const _ = A(l), R = A(o), N = a(R, _ == null ? void 0 : _.arr).keyList.indexOf(E);
+            if (N < 0 || N >= R.length) {
               const L = c[a(c).keyList.indexOf(E)];
               if (L)
                 return L;
               throw new Error("splitAtom: index out of bounds for read");
             }
-            return R[T];
-          }, S = (w, _, R) => {
-            const A = w(l), T = w(o), D = a(T, A == null ? void 0 : A.arr).keyList.indexOf(E);
-            if (D < 0 || D >= T.length)
+            return R[N];
+          }, S = (A, _, R) => {
+            const B = A(l), N = A(o), D = a(N, B == null ? void 0 : B.arr).keyList.indexOf(E);
+            if (D < 0 || D >= N.length)
               throw new Error("splitAtom: index out of bounds for write");
-            const m = isFunction(R) ? R(T[D]) : R;
+            const m = isFunction(R) ? R(N[D]) : R;
             _(o, [
-              ...T.slice(0, D),
+              ...N.slice(0, D),
               m,
-              ...T.slice(D + 1)
+              ...N.slice(D + 1)
             ]);
           };
           g[j] = isWritable(o) ? atom(k, S) : atom(k);
@@ -1203,12 +1203,12 @@ const useBlocksStoreManager = () => {
   return {
     moveBlocks: (E, b, k) => {
       const S = map(E, (_) => {
-        const A = n.find((D) => D._id === _)._parent || null, L = n.filter((D) => A ? D._parent === A : !D._parent).map((D) => D._id).indexOf(_);
-        return { _id: _, oldParent: A, oldPosition: L };
-      }), w = S.find(({ _id: _ }) => _ === E[0]);
-      w && w.oldParent === b && w.oldPosition === k || (i(E, b, k), o({
-        undo: () => each(S, ({ _id: _, oldParent: R, oldPosition: A }) => {
-          i([_], R, A);
+        const B = n.find((D) => D._id === _)._parent || null, L = n.filter((D) => B ? D._parent === B : !D._parent).map((D) => D._id).indexOf(_);
+        return { _id: _, oldParent: B, oldPosition: L };
+      }), A = S.find(({ _id: _ }) => _ === E[0]);
+      A && A.oldParent === b && A.oldPosition === k || (i(E, b, k), o({
+        undo: () => each(S, ({ _id: _, oldParent: R, oldPosition: B }) => {
+          i([_], R, B);
         }),
         redo: () => i(E, b, k)
       }));
@@ -1220,8 +1220,8 @@ const useBlocksStoreManager = () => {
       });
     },
     removeBlocks: (E) => {
-      var w;
-      const b = (w = first(E)) == null ? void 0 : w._parent, S = n.filter((_) => b ? _._parent === b : !_._parent).indexOf(first(E));
+      var A;
+      const b = (A = first(E)) == null ? void 0 : A._parent, S = n.filter((_) => b ? _._parent === b : !_._parent).indexOf(first(E));
       l(map(E, "_id")), o({
         undo: () => a(E, b, S),
         redo: () => l(map(E, "_id"))
@@ -1230,17 +1230,17 @@ const useBlocksStoreManager = () => {
     updateBlocks: (E, b, k) => {
       let S = [];
       if (k)
-        S = map(E, (w) => ({ _id: w, ...k }));
+        S = map(E, (A) => ({ _id: A, ...k }));
       else {
-        const w = keys(b);
+        const A = keys(b);
         S = map(E, (_) => {
-          const R = n.find((T) => T._id === _), A = { _id: _ };
-          return each(w, (T) => A[T] = R[T]), A;
+          const R = n.find((N) => N._id === _), B = { _id: _ };
+          return each(A, (N) => B[N] = R[N]), B;
         });
       }
-      c(map(E, (w) => ({ _id: w, ...b }))), o({
+      c(map(E, (A) => ({ _id: A, ...b }))), o({
         undo: () => c(S),
-        redo: () => c(map(E, (w) => ({ _id: w, ...b })))
+        redo: () => c(map(E, (A) => ({ _id: A, ...b })))
       });
     },
     updateBlocksRuntime: (E, b) => {
@@ -1255,8 +1255,8 @@ const useBlocksStoreManager = () => {
     updateMultipleBlocksProps: (E) => {
       let b = [];
       b = map(E, (k) => {
-        const S = keys(k), w = n.find((R) => R._id === k._id), _ = {};
-        return each(S, (R) => _[R] = w[R]), _;
+        const S = keys(k), A = n.find((R) => R._id === k._id), _ = {};
+        return each(S, (R) => _[R] = A[R]), _;
       }), c(E), o({
         undo: () => c(b),
         redo: () => c(E)
@@ -1289,9 +1289,9 @@ const useBlocksStoreManager = () => {
       const u = generateUUID(), p = getBlockDefaultProps(i.props), g = [];
       forIn(p, (k, S) => {
         if (startsWith(k, SLOT_KEY)) {
-          const w = k.replace(SLOT_KEY, "");
+          const A = k.replace(SLOT_KEY, "");
           g.push({
-            _id: w,
+            _id: A,
             _type: "Slot",
             _parent: u,
             _name: i.props[S].name,
@@ -3083,8 +3083,8 @@ const useDnd = () => {
       var R;
       const j = dropTarget, b = getOrientation(j) === "vertical" ? x.clientY + ((R = iframeDocument == null ? void 0 : iframeDocument.defaultView) == null ? void 0 : R.scrollY) : x.clientX;
       dropIndex = calculateDropIndex(b, possiblePositions);
-      const k = d, S = j.getAttribute("data-block-id"), w = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
-      if ((k == null ? void 0 : k._id) === S || !w) {
+      const k = d, S = j.getAttribute("data-block-id"), A = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
+      if ((k == null ? void 0 : k._id) === S || !A) {
         f();
         return;
       }
@@ -3322,17 +3322,17 @@ const useHandleCanvasDblClick = () => {
   }, [r, c]);
   const x = get(o, "headingFont", "DM Sans"), j = get(o, "bodyFont", "DM Sans");
   return useEffect(() => {
-    const E = get(o, "primaryColor", "#000"), b = get(o, "secondaryColor", "#FFF"), k = get(o, "bodyBgLightColor", "#fff"), S = get(o, "bodyBgDarkColor", "#000"), w = get(o, "bodyTextDarkColor", "#000"), _ = get(o, "bodyTextLightColor", "#fff"), R = s({
+    const E = get(o, "primaryColor", "#000"), b = get(o, "secondaryColor", "#FFF"), k = get(o, "bodyBgLightColor", "#fff"), S = get(o, "bodyBgDarkColor", "#000"), A = get(o, "bodyTextDarkColor", "#000"), _ = get(o, "bodyTextLightColor", "#fff"), R = s({
       colors: [E, b],
       names: ["primary", "secondary"]
     });
     set(R, "primary.DEFAULT", E), set(R, "secondary.DEFAULT", b);
-    const A = {
+    const B = {
       "bg-light": k,
       "bg-dark": S,
-      "text-dark": w,
+      "text-dark": A,
       "text-light": _
-    }, T = get(o, "roundedCorners", "0");
+    }, N = get(o, "roundedCorners", "0");
     !d || !d.tailwind || (d.tailwind.config = {
       darkMode: "class",
       theme: {
@@ -3349,9 +3349,9 @@ const useHandleCanvasDblClick = () => {
             body: [j]
           },
           borderRadius: {
-            DEFAULT: `${T || "0"}px`
+            DEFAULT: `${N || "0"}px`
           },
-          colors: { ...A, ...R }
+          colors: { ...B, ...R }
         }
       },
       plugins: [
@@ -3514,8 +3514,8 @@ function applyLanguage(o, n, r) {
 function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
   const { selectedLang: r } = useLanguages(), [a] = useAtom$1(xShowBlocksAtom), [l] = useCutBlockIds(), [i] = useAtom$1(draggedBlockAtom), [c] = useAtom$1(dropTargetBlockIdAtom), [, d] = useCanvasWidth(), [u] = useCanvasSettings(), [p] = useHiddenBlockIds(), { getGlobalBlocks: g } = useGlobalBlocksStore(), f = useCallback((b) => getStyleAttrs(b, d), [d]), [x] = useChaiExternalData(), [j] = useAtom$1(inlineEditingActiveAtom), E = useCallback(
     (b) => b.reduce((k, S) => {
-      const w = get(u, S, {});
-      return { ...k, ...w };
+      const A = get(u, S, {});
+      return { ...k, ...A };
     }, {}),
     [u]
   );
@@ -3523,15 +3523,15 @@ function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
     o.map((b, k) => {
       if (j === b._id || p.includes(b._id))
         return null;
-      const S = {}, w = filter(n, { _parent: b._id });
-      if (S.children = w.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(BlocksRendererStatic, { allBlocks: n, blocks: w }) : null, b._type === "GlobalBlock") {
+      const S = {}, A = filter(n, { _parent: b._id });
+      if (S.children = A.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(BlocksRendererStatic, { allBlocks: n, blocks: A }) : null, b._type === "GlobalBlock") {
         const C = g(b);
-        S.children = /* @__PURE__ */ jsxRuntimeExports.jsx(RenderGlobalBlock, { blocks: filter(C, (B) => !B._parent), allBlocks: C });
+        S.children = /* @__PURE__ */ jsxRuntimeExports.jsx(RenderGlobalBlock, { blocks: filter(C, (w) => !w._parent), allBlocks: C });
       }
-      const _ = getBlockComponent(b._type), R = get(_, "server", !1), A = R ? RSCBlock : get(_, "builderComponent", get(_, "component", null));
-      if (isNull(A))
+      const _ = getBlockComponent(b._type), R = get(_, "server", !1), B = R ? RSCBlock : get(_, "builderComponent", get(_, "component", null));
+      if (isNull(B))
         return /* @__PURE__ */ jsxRuntimeExports.jsx("noscript", { children: `<!-- ${b == null ? void 0 : b._type} not registered -->` });
-      const T = has(_, "getBlockStateFrom") ? _ == null ? void 0 : _.getBlockStateFrom(b, n) : [], L = E(T), D = f(b);
+      const N = has(_, "getBlockStateFrom") ? _ == null ? void 0 : _.getBlockStateFrom(b, n) : [], L = E(N), D = f(b);
       if (get(D, "__isHidden", !1) && !includes(a, b._id))
         return null;
       const m = i && isDescendant(i._id, b._id, n), v = {
@@ -3548,7 +3548,7 @@ function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
         ...c === b._id && !m ? { "data-drop": "yes" } : {},
         ...includes(l, b._id) ? { "data-cut-block": "yes" } : {}
       };
-      return R ? /* @__PURE__ */ jsxRuntimeExports.jsx(RSCBlock, { block: b, blockProps: v }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(A, {
+      return R ? /* @__PURE__ */ jsxRuntimeExports.jsx(RSCBlock, { block: b, blockProps: v }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(B, {
         blockProps: v,
         index: k,
         ...applyBindings(applyLanguage(b, r, _), x),
@@ -3609,43 +3609,43 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "main-content", onClick: d, className: "h-full w-full p-8 pb-0", ref: i, children: o });
 }, getElementByStyleId = (o, n) => o.querySelector(`[data-style-id="${n}"]`), StaticCanvas = () => {
-  const [o] = useAtom$1(networkModeAtom), [n] = useCanvasWidth(), [, r] = useSelectedBlockIds(), a = useSelectedBlock(), [, l] = useHighlightBlockId(), i = useRef(null), c = useRef(null), [d, u] = useState({ width: 0, height: 0 }), p = useCanvasScale(d), [g, f] = useState([]), [, x] = useState([]), [, j] = useAtom$1(canvasIframeAtom), [E, b] = useSelectedStylingBlocks(), k = useBuilderProp("loading", !1), S = useBuilderProp("htmlDir", "ltr"), w = (A) => {
-    u((T) => ({ ...T, width: A }));
+  const [o] = useAtom$1(networkModeAtom), [n] = useCanvasWidth(), [, r] = useSelectedBlockIds(), a = useSelectedBlock(), [, l] = useHighlightBlockId(), i = useRef(null), c = useRef(null), [d, u] = useState({ width: 0, height: 0 }), p = useCanvasScale(d), [g, f] = useState([]), [, x] = useState([]), [, j] = useAtom$1(canvasIframeAtom), [E, b] = useSelectedStylingBlocks(), k = useBuilderProp("loading", !1), S = useBuilderProp("htmlDir", "ltr"), A = (B) => {
+    u((N) => ({ ...N, width: B }));
   };
   useEffect(() => {
     if (!c.current)
       return;
-    const { clientWidth: A, clientHeight: T } = c.current;
-    u({ width: A, height: T });
+    const { clientWidth: B, clientHeight: N } = c.current;
+    u({ width: B, height: N });
   }, [c, n]);
-  const _ = (A, T = 0) => {
-    const { top: L } = A.getBoundingClientRect();
-    return L + T >= 0 && L - T <= window.innerHeight;
+  const _ = (B, N = 0) => {
+    const { top: L } = B.getBoundingClientRect();
+    return L + N >= 0 && L - N <= window.innerHeight;
   };
   useEffect(() => {
-    var A, T;
+    var B, N;
     if (a && a.type !== "Multiple" && i.current) {
       const L = getElementByDataBlockId(i.current.contentDocument, a._id);
-      L && (_(L) || (T = (A = i.current) == null ? void 0 : A.contentWindow) == null || T.scrollTo({ top: L.offsetTop, behavior: "smooth" }), f([L]));
+      L && (_(L) || (N = (B = i.current) == null ? void 0 : B.contentWindow) == null || N.scrollTo({ top: L.offsetTop, behavior: "smooth" }), f([L]));
     }
   }, [a]), useEffect(() => {
     if (!isEmpty(E) && i.current) {
-      const A = getElementByStyleId(
+      const B = getElementByStyleId(
         i.current.contentDocument,
         first(E).id
       );
-      x(A ? [A] : [null]);
+      x(B ? [B] : [null]);
     } else
       x([null]);
   }, [E]);
   const R = useMemo(() => {
-    let A = IframeInitialContent;
-    return A = A.replace("__HTML_DIR__", S), o === "offline" && (A = A.replace(
+    let B = IframeInitialContent;
+    return B = B.replace("__HTML_DIR__", S), o === "offline" && (B = B.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
-    ), A = A.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), A = A.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), A;
+    ), B = B.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), B = B.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), B;
   }, [o, S]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableCanvasWrapper, { onMount: w, onResize: w, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableCanvasWrapper, { onMount: A, onResize: A, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       onClick: () => {
@@ -3785,7 +3785,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
       l !== o.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "rtl:rotate-180", size: 16 })
     ] }, l))
   ] }) });
-}, CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-boaZFqJd.js")), CanvasArea = () => {
+}, CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-8UTaC8Qy.js")), CanvasArea = () => {
   const [o] = useCodeEditor(), n = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
@@ -3860,8 +3860,8 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
   showHeading: o = !0,
   className: n = ""
 }) => {
-  const [r, a] = useBrandingOptions(), [l] = useBlocksContainer(), i = React.useRef(r), { t: c } = useTranslation(), d = ({ formData: R }, A) => {
-    A && (a(R), i.current = R);
+  const [r, a] = useBrandingOptions(), [l] = useBlocksContainer(), i = React.useRef(r), { t: c } = useTranslation(), d = ({ formData: R }, B) => {
+    B && (a(R), i.current = R);
   }, {
     bodyFont: u,
     headingFont: p,
@@ -3910,13 +3910,13 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
       default: x
     })
   });
-  const w = {
+  const A = {
     type: "object",
     properties: {}
   }, _ = {};
   return Object.keys(S).forEach((R) => {
-    const A = S[R];
-    return w.properties || (w.properties = {}), w.properties[R] = A.schema, _[R] = A.uiSchema, !0;
+    const B = S[R];
+    return A.properties || (A.properties = {}), A.properties[R] = B.schema, _[R] = B.uiSchema, !0;
   }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full select-none flex-col", n), children: [
     o ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-background/30 p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "px-1 font-semibold", children: c("Theme Configuration") }) }) : null,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3929,7 +3929,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
         liveOmit: !0,
         liveValidate: !0,
         uiSchema: _,
-        schema: w,
+        schema: A,
         formData: r,
         validator,
         onChange: d
@@ -4112,14 +4112,14 @@ function BiExpandVertical(o) {
 const Node = memo(({ node: o, style: n, dragHandle: r }) => {
   const a = useBuilderProp("outlineMenuItems", []), { t: l } = useTranslation(), [i, , c] = useHiddenBlockIds(), [d] = useAtom$1(canvasIframeAtom);
   let u = null;
-  const p = o.children.length > 0, { highlightBlock: g, clearHighlight: f } = useBlockHighlight(), { id: x, data: j, isSelected: E, willReceiveDrop: b, isDragging: k, isEditing: S, handleClick: w } = o, _ = (m) => {
+  const p = o.children.length > 0, { highlightBlock: g, clearHighlight: f } = useBlockHighlight(), { id: x, data: j, isSelected: E, willReceiveDrop: b, isDragging: k, isEditing: S, handleClick: A } = o, _ = (m) => {
     m.stopPropagation(), !i.includes(x) && o.toggle();
   }, R = (m) => {
     m.isInternal && (u = m.isOpen, m.isOpen && m.close());
-  }, A = (m) => {
+  }, B = (m) => {
     m.isInternal && u !== null && (u ? m.open() : m.close(), u = null);
-  }, T = (m) => {
-    m.stopPropagation(), !o.isOpen && !i.includes(x) && o.toggle(), w(m);
+  }, N = (m) => {
+    m.stopPropagation(), !o.isOpen && !i.includes(x) && o.toggle(), A(m);
   };
   useEffect(() => {
     const m = setTimeout(() => {
@@ -4131,15 +4131,15 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     const m = Object.keys(j), v = [];
     for (let C = 0; C < m.length; C++)
       if (m[C].endsWith("_attrs")) {
-        const B = j[m[C]], I = Object.keys(B).join("|");
+        const w = j[m[C]], I = Object.keys(w).join("|");
         I.match(/x-data/) && v.push("data"), I.match(/x-on/) && v.push("event"), I.match(/x-show|x-if/) && v.push("show");
       }
     return v;
   }, [j]), D = (m, v) => {
-    const C = d.contentDocument || d.contentWindow.document, B = C.querySelector(`[data-block-id=${m}]`);
-    B && B.setAttribute("data-drop", v);
-    const I = B.getBoundingClientRect(), N = d.getBoundingClientRect();
-    I.top >= N.top && I.left >= N.left && I.bottom <= N.bottom && I.right <= N.right || (C.documentElement.scrollTop = B.offsetTop - N.top);
+    const C = d.contentDocument || d.contentWindow.document, w = C.querySelector(`[data-block-id=${m}]`);
+    w && w.setAttribute("data-drop", v);
+    const I = w.getBoundingClientRect(), T = d.getBoundingClientRect();
+    I.top >= T.top && I.left >= T.left && I.bottom <= T.bottom && I.right <= T.right || (C.documentElement.scrollTop = w.offsetTop - T.top);
   };
   return x === ROOT_TEMP_KEY ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
@@ -4156,12 +4156,12 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     {
       onMouseEnter: () => g(x),
       onMouseLeave: () => f(),
-      onClick: T,
+      onClick: N,
       style: n,
       "data-node-id": x,
       ref: i.includes(x) ? null : r,
       onDragStart: () => R(o),
-      onDragEnd: () => A(o),
+      onDragEnd: () => B(o),
       onDragOver: (m) => {
         m.preventDefault(), D(x, "yes");
       },
@@ -4629,8 +4629,8 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     const k = stringify([r]);
     return hasVideoEmbed(k) && (set(a, "_type", "Video"), set(a, "url", getVideoURLFromHTML(k)), set(a, "styles", `${STYLES_KEY},absolute top-0 left-0 w-full h-full`), set(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = k, [a];
   } else if (r.tagName === "svg") {
-    const k = find(r.attributes, { key: "height" }), S = find(r.attributes, { key: "width" }), w = get(k, "value") ? `[${get(k, "value")}px]` : "24px", _ = get(S, "value") ? `[${get(S, "value")}px]` : "24px", R = get(find(r.attributes, { key: "class" }), "value", "w-full h-full");
-    return a.styles = `${STYLES_KEY}, ${cn(`w-${_} h-${w}`, R)}`.trim(), r.attributes = filter(r.attributes, (A) => !includes(["style", "width", "height", "class"], A.key)), a.icon = stringify([r]), [a];
+    const k = find(r.attributes, { key: "height" }), S = find(r.attributes, { key: "width" }), A = get(k, "value") ? `[${get(k, "value")}px]` : "24px", _ = get(S, "value") ? `[${get(S, "value")}px]` : "24px", R = get(find(r.attributes, { key: "class" }), "value", "w-full h-full");
+    return a.styles = `${STYLES_KEY}, ${cn(`w-${_} h-${A}`, R)}`.trim(), r.attributes = filter(r.attributes, (B) => !includes(["style", "width", "height", "class"], B.key)), a.icon = stringify([r]), [a];
   } else if (r.tagName == "option" && n && ((b = n.block) == null ? void 0 : b._type) === "Select")
     return n.block.options.push({
       label: getTextContent(r.children),
@@ -4697,8 +4697,8 @@ function ExpandableObject(o) {
   useEffect(() => {
     f.current ? E(p(d, r, n)) : f.current = !0;
   }, [p]);
-  const b = x ? u.collapseIcon : u.expandIcon, k = x ? "collapse JSON" : "expand JSON", S = useComponentId(), w = d + 1, _ = a.length - 1, R = (A) => {
-    A.key === " " && (A.preventDefault(), j());
+  const b = x ? u.collapseIcon : u.expandIcon, k = x ? "collapse JSON" : "expand JSON", S = useComponentId(), A = d + 1, _ = a.length - 1, R = (B) => {
+    B.key === " " && (B.preventDefault(), j());
   };
   return /* @__PURE__ */ createElement("div", {
     className: u.basicChildStyle,
@@ -4724,13 +4724,13 @@ function ExpandableObject(o) {
     className: u.punctuation
   }, i), x ? /* @__PURE__ */ createElement("div", {
     id: S
-  }, a.map((A, T) => /* @__PURE__ */ createElement(DataRender, {
-    key: A[0] || T,
-    field: A[0],
-    value: A[1],
+  }, a.map((B, N) => /* @__PURE__ */ createElement(DataRender, {
+    key: B[0] || N,
+    field: B[0],
+    value: B[1],
     style: u,
-    lastElement: T === _,
-    level: w,
+    lastElement: N === _,
+    level: A,
     shouldExpandNode: p,
     clickToExpandNode: g
   }))) : /* @__PURE__ */ createElement("span", {
@@ -5210,7 +5210,7 @@ const ViewData = ({ data: o, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-HB4yl97_.js")), UploadImages = React__default.lazy(() => import("./UploadImages--hbSU70S.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-il4RCHAD.js")), UploadImages = React__default.lazy(() => import("./UploadImages-9axJYIUJ.js")), ImagesPanel = ({
   isModalView: o = !1,
   onSelect: n = () => {
   }
@@ -5305,31 +5305,33 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
   onChange: r
 }) => {
   var D;
-  console.log(o, "formData");
-  const { t: a } = useTranslation(), l = useBuilderProp("searchCollectionItems", (m, v) => []), [i, c] = useState(""), [d, u] = useState(!1), [p, g] = useState("pages"), [f, x] = useState(""), [j, E] = useState([]), [b, k] = useState(-1), S = useRef(null), w = (D = n == null ? void 0 : n.find((m) => m.key === p)) == null ? void 0 : D.name;
+  const { t: a } = useTranslation(), l = useBuilderProp("searchCollectionItems", (m, v) => []), [i, c] = useState(!1), [d, u] = useState(!1), [p, g] = useState("pages"), [f, x] = useState(""), [j, E] = useState([]), [b, k] = useState(-1), S = useRef(null), A = (D = n == null ? void 0 : n.find((m) => m.key === p)) == null ? void 0 : D.name;
   useEffect(() => {
-    const m = split((o == null ? void 0 : o.href) || "", ":"), v = get(m, 1, "pages") || "pages";
-    g(v), x(""), E([]), k(-1), (async () => {
-      c("FETCHING_INIT_VALUE");
-      const C = await l(v, [get(m, 2, "pages")]);
-      C && Array.isArray(C) && x(get(C, [0, "name"], "")), c("");
+    if (!(o != null && o.href) || i || !startsWith(o == null ? void 0 : o.href, "collection:"))
+      return;
+    const m = (o == null ? void 0 : o.href) || "", v = split(m, ":"), C = get(v, 1, "pages") || "pages";
+    g(C), x(""), E([]), k(-1), (async () => {
+      c(!0);
+      const w = await l(C, [get(v, 2, "pages")]);
+      w && Array.isArray(w) && x(get(w, [0, "name"], "")), c(!1);
     })();
   }, [o == null ? void 0 : o.href]);
-  const _ = useCallback(
-    debounce(async (m) => {
+  const _ = useDebouncedCallback(
+    async (m) => {
       if (isEmpty(m))
         E([]);
       else {
         const v = await l(p, m);
         E(v);
       }
-      c(""), k(-1);
-    }, 300),
-    [p]
+      c(!1), k(-1);
+    },
+    [p],
+    300
   ), R = (m) => {
     const v = ["collection", p, m.id];
     v[1] && (r({ ...o, href: v.join(":") }), u(!1));
-  }, A = (m) => {
+  }, B = (m) => {
     switch (m.key) {
       case "ArrowDown":
         m.preventDefault(), k((v) => v < j.length - 1 ? v + 1 : v);
@@ -5343,7 +5345,7 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
         b >= 0 && R(j[b]);
         break;
       case "Escape":
-        m.preventDefault(), T();
+        m.preventDefault(), N();
         break;
     }
   };
@@ -5353,10 +5355,10 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
       m == null || m.scrollIntoView({ block: "nearest" });
     }
   }, [b]);
-  const T = () => {
+  const N = () => {
     x(""), E([]), k(-1), u(!1), r({ ...o, href: "" });
   }, L = (m) => {
-    x(m), u(!isEmpty(m)), c("FETCHING_COLLECTION_ITEMS"), _(m);
+    x(m), u(!isEmpty(m)), c(!0), _(m);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("select", { name: "collection", value: p, onChange: (m) => g(m.target.value), children: map(n, (m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m.key, children: m.name }, m.key)) }),
@@ -5367,15 +5369,15 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
           type: "text",
           value: f,
           onChange: (m) => L(m.target.value),
-          onKeyDown: A,
-          placeholder: a(`Search ${w}`),
-          disabled: i === "FETCHING_INIT_VALUE",
+          onKeyDown: B,
+          placeholder: a(`Search ${A}`),
+          disabled: i,
           className: "w-full rounded-md border border-gray-300 p-2 pr-16"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-2 right-2 top-3 flex items-center gap-1.5", children: f && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: T, className: "text-gray-400 hover:text-gray-600", title: a("Clear search"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-2 right-2 top-3 flex items-center gap-1.5", children: f && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: N, className: "text-gray-400 hover:text-gray-600", title: a("Clear search"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-4 w-4" }) }) })
     ] }),
-    (i === "FETCHING_COLLECTION_ITEMS" || !isEmpty(j) || d && isEmpty(j)) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute z-40 mt-2 max-h-40 w-full overflow-y-auto rounded-md border border-border bg-background shadow-lg", children: i === "FETCHING_COLLECTION_ITEMS" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1 p-2", children: [
+    (i || !isEmpty(j) || d && isEmpty(j)) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute z-40 mt-2 max-h-40 w-full overflow-y-auto rounded-md border border-border bg-background shadow-lg", children: i ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1 p-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" })
     ] }) : d && isEmpty(j) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center p-4 text-sm text-gray-500", children: [
@@ -5429,9 +5431,7 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
           type: "text",
           value: i,
           onChange: (p) => r({ ...n, href: p.target.value }),
-          placeholder: a(
-            l === "page" || l === "url" ? "Enter URL" : l === "scroll" ? "#ElementID" : "Enter details"
-          )
+          placeholder: a(l === "url" ? "Enter URL" : l === "scroll" ? "#ElementID" : "Enter details")
         }
       ),
       u === "url" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-x-2 text-muted-foreground", children: [
@@ -5582,8 +5582,8 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
 function BlockSettings() {
   const { selectedLang: o } = useLanguages(), n = useSelectedBlock(), r = useUpdateBlocksPropsRealtime(), a = useUpdateBlocksProps(), l = getBlockComponent(n == null ? void 0 : n._type), i = formDataWithSelectedLang(n, o, l), [c, d] = useState(i), u = useBuilderProp("dataBindingSupport", !1), p = ({ formData: b }, k, S) => {
     if (k && (c == null ? void 0 : c._id) === n._id) {
-      const w = k.replace("root.", "");
-      a([n._id], { [w]: get(b, w) }, S);
+      const A = k.replace("root.", "");
+      a([n._id], { [A]: get(b, A) }, S);
     }
   }, g = useCallback(
     debounce(({ formData: b }, k, S) => {
@@ -5693,12 +5693,12 @@ const askAiProcessingAtom = atom$1(!1), useAskAi = () => {
           try {
             const b = f === "content" ? cloneDeep(getBlockWithChildren(x, d)) : [cloneDeep(d.find((R) => R._id === x))];
             set(b, "0._parent", null);
-            const k = u === p ? "" : u, S = await l(f, promptWithLanguage(j, g, f), b, k), { blocks: w, error: _ } = S;
+            const k = u === p ? "" : u, S = await l(f, promptWithLanguage(j, g, f), b, k), { blocks: A, error: _ } = S;
             if (_) {
               a(_);
               return;
             }
-            f === "styles" ? c(w) : i(w), E && E(S);
+            f === "styles" ? c(A) : i(A), E && E(S);
           } catch (b) {
             a(b);
           } finally {
@@ -5853,12 +5853,12 @@ const AskAIStyles = ({ blockId: o }) => {
   keys: ["name"]
 });
 function ManualClasses() {
-  var A;
-  const { t: o } = useTranslation(), [n] = useSelectedStylingBlocks(), r = useSelectedBlock(), a = useAddClassesToBlocks(), l = useRemoveClassesFromBlocks(), [i] = useSelectedBlockIds(), c = useBuilderProp("askAiCallBack", null), [d, u] = useState(""), { toast: p } = useToast(), g = (A = first(n)) == null ? void 0 : A.prop, f = reject((get(r, g, "").replace(STYLES_KEY, "").split(",").pop() || "").split(" "), isEmpty), x = () => {
-    const T = d.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    a(i, T, !0), u("");
-  }, [j, E] = useState([]), b = ({ value: T }) => {
-    const L = T.trim().toLowerCase(), D = L.match(/.+:/g);
+  var B;
+  const { t: o } = useTranslation(), [n] = useSelectedStylingBlocks(), r = useSelectedBlock(), a = useAddClassesToBlocks(), l = useRemoveClassesFromBlocks(), [i] = useSelectedBlockIds(), c = useBuilderProp("askAiCallBack", null), [d, u] = useState(""), { toast: p } = useToast(), g = (B = first(n)) == null ? void 0 : B.prop, f = reject((get(r, g, "").replace(STYLES_KEY, "").split(",").pop() || "").split(" "), isEmpty), x = () => {
+    const N = d.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    a(i, N, !0), u("");
+  }, [j, E] = useState([]), b = ({ value: N }) => {
+    const L = N.trim().toLowerCase(), D = L.match(/.+:/g);
     let m = [];
     if (D && D.length > 0) {
       const [v] = D, C = L.replace(v, "");
@@ -5871,17 +5871,17 @@ function ManualClasses() {
     return E(map(m, "item"));
   }, k = () => {
     E([]);
-  }, S = (T) => T.name, w = (T) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: T.name }), _ = {
+  }, S = (N) => N.name, A = (N) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: N.name }), _ = {
     autoComplete: "off",
     autoCorrect: "off",
     autoCapitalize: "off",
     spellCheck: !1,
     placeholder: o("Enter classes separated by space"),
     value: d,
-    onKeyDown: (T) => {
-      T.key === "Enter" && d.trim() !== "" && x();
+    onKeyDown: (N) => {
+      N.key === "Enter" && d.trim() !== "" && x();
     },
-    onChange: (T, { newValue: L }) => u(L),
+    onChange: (N, { newValue: L }) => u(L),
     className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
   }, R = () => {
     if (navigator.clipboard === void 0) {
@@ -5926,7 +5926,7 @@ function ManualClasses() {
               onSuggestionsFetchRequested: b,
               onSuggestionsClearRequested: k,
               getSuggestionValue: S,
-              renderSuggestion: w,
+              renderSuggestion: A,
               inputProps: _,
               containerProps: {
                 className: "relative h-8 w-full gap-y-1 py-1 border-border"
@@ -5951,22 +5951,22 @@ function ManualClasses() {
           )
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full flex-wrap gap-2 overflow-x-hidden", children: React.Children.toArray(
-          f.map((T) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          f.map((N) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
               className: "group relative flex max-w-[260px] cursor-default items-center gap-x-1 truncate rounded border border-border bg-gray-200 p-px px-1.5 text-[11px] text-gray-600 hover:border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300",
               children: [
-                T,
+                N,
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Cross2Icon,
                   {
-                    onClick: () => l(i, [T]),
+                    onClick: () => l(i, [N]),
                     className: "invisible absolute right-1 rounded-full bg-red-400 hover:text-white group-hover:visible group-hover:cursor-pointer"
                   }
                 )
               ]
             },
-            T
+            N
           ))
         ) })
       ]
@@ -6616,7 +6616,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
   },
   a
 )) }), THROTTLE_TIME = 50, AdvanceChoices = (o) => {
-  const [n, r] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: u, units: p, negative: g } = o, [f, x] = useState(u != null && u.toLowerCase().includes("width") ? "%" : p[0]), [j, E] = useState(!1), [b, k] = useState(""), [S, w] = useState(!1), [_, R] = useState(!1);
+  const [n, r] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: u, units: p, negative: g } = o, [f, x] = useState(u != null && u.toLowerCase().includes("width") ? "%" : p[0]), [j, E] = useState(!1), [b, k] = useState(""), [S, A] = useState(!1), [_, R] = useState(!1);
   useEffect(() => {
     const { value: m, unit: v } = getClassValueAndUnit(i);
     if (v === "") {
@@ -6625,7 +6625,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
     }
     x(v), l(v === "class" || isEmpty(m) ? "" : m);
   }, [i, u, p]);
-  const A = useThrottledCallback((m) => c(m), [c], THROTTLE_TIME), T = useThrottledCallback((m) => c(m, !1), [c], THROTTLE_TIME), L = useCallback(
+  const B = useThrottledCallback((m) => c(m), [c], THROTTLE_TIME), N = useThrottledCallback((m) => c(m, !1), [c], THROTTLE_TIME), L = useCallback(
     (m = !1) => {
       const v = getUserInputValues(`${a}`, p);
       if (get(v, "error", !1)) {
@@ -6634,15 +6634,15 @@ const RangeChoices = ({ property: o, onChange: n }) => {
       }
       const C = get(v, "unit") !== "" ? get(v, "unit") : f;
       if (C === "auto" || C === "none") {
-        A(`${d}${C}`);
+        B(`${d}${C}`);
         return;
       }
       if (get(v, "value") === "")
         return;
       const I = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${C === "-" ? "" : C}]`;
-      m ? T(I) : A(I);
+      m ? N(I) : B(I);
     },
-    [A, T, a, f, d, p]
+    [B, N, a, f, d, p]
   ), D = useCallback(
     (m) => {
       const v = getUserInputValues(`${a}`, p);
@@ -6651,15 +6651,15 @@ const RangeChoices = ({ property: o, onChange: n }) => {
         return;
       }
       if (m === "auto" || m === "none") {
-        A(`${d}${m}`);
+        B(`${d}${m}`);
         return;
       }
       if (get(v, "value") === "")
         return;
       const C = get(v, "unit") !== "" ? get(v, "unit") : m, I = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${C === "-" ? "" : C}]`;
-      A(I);
+      B(I);
     },
-    [A, a, d, p]
+    [B, a, d, p]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-start", children: f === "class" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("input", { className: "w-20 rounded py-1", readOnly: !0, value: i }),
@@ -6683,8 +6683,8 @@ const RangeChoices = ({ property: o, onChange: n }) => {
             const v = parseInt$1(m.target.value);
             let C = isNaN$1(v) ? 0 : v;
             m.keyCode === 38 && (C += 1), m.keyCode === 40 && (C -= 1);
-            const B = `${C}`, N = `${B.startsWith("-") ? "-" : ""}${d}[${B.replace("-", "")}${f === "-" ? "" : f}]`;
-            T(N);
+            const w = `${C}`, T = `${w.startsWith("-") ? "-" : ""}${d}[${w.replace("-", "")}${f === "-" ? "" : f}]`;
+            N(T);
           },
           onKeyUp: (m) => {
             _ && (m.preventDefault(), R(!1));
@@ -6732,19 +6732,19 @@ const RangeChoices = ({ property: o, onChange: n }) => {
     ["none", "auto"].indexOf(f) !== -1 || S ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
       DragStyleButton,
       {
-        onDragStart: () => w(!0),
+        onDragStart: () => A(!0),
         onDragEnd: (m) => {
-          if (k(() => ""), w(!1), isEmpty(m))
+          if (k(() => ""), A(!1), isEmpty(m))
             return;
-          const v = `${m}`, B = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${f === "-" ? "" : f}]`;
-          A(B);
+          const v = `${m}`, w = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${f === "-" ? "" : f}]`;
+          B(w);
         },
         onDrag: (m) => {
           if (isEmpty(m))
             return;
           k(m);
-          const v = `${m}`, B = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${f === "-" ? "" : f}]`;
-          T(B);
+          const v = `${m}`, w = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${f === "-" ? "" : f}]`;
+          N(w);
         },
         currentValue: a,
         unit: f,
@@ -6842,8 +6842,8 @@ const RangeChoices = ({ property: o, onChange: n }) => {
 }, getBreakpoint = (o) => `${o.toUpperCase()} ${BREAKPOINTS[o] ? `(${BREAKPOINTS[o]} & up)` : ""}`, BlockStyle = (o) => {
   const { t: n } = useTranslation(), { type: r = "icons", label: a, property: l, onEmitChange: i = () => {
   }, units: c, negative: d = !1 } = o, [u] = useDarkMode(), [p] = useStylingState(), [, g] = useCanvasWidth(), f = useCurrentClassByProperty(l), x = useAddClassesToBlocks(), j = useRemoveClassesFromBlocks(), [E] = useSelectedBlockIds(), b = useMemo(() => get(f, "fullCls", ""), [f]), k = useCallback(
-    (T, L = !0) => {
-      const D = { dark: u, mq: g, mod: p, cls: T, property: l, fullCls: "" };
+    (N, L = !0) => {
+      const D = { dark: u, mq: g, mod: p, cls: N, property: l, fullCls: "" };
       (u || p !== "") && (D.mq = "xs");
       const m = generateFullClsName(D);
       x(E, [m], L);
@@ -6851,12 +6851,12 @@ const RangeChoices = ({ property: o, onChange: n }) => {
     [E, u, g, p, l, x]
   ), S = useCallback(() => {
     j(E, [b]);
-  }, [E, b, j]), w = useMemo(() => canChangeClass(f, g), [f, g]);
+  }, [E, b, j]), A = useMemo(() => canChangeClass(f, g), [f, g]);
   useEffect(() => {
-    i(w, f);
-  }, [w, i, f]);
+    i(A, f);
+  }, [A, i, f]);
   const [, , _] = useCanvasWidth(), R = useCallback(
-    (T) => {
+    (N) => {
       _({
         xs: 400,
         sm: 640,
@@ -6864,12 +6864,12 @@ const RangeChoices = ({ property: o, onChange: n }) => {
         lg: 1024,
         xl: 1420,
         "2xl": 1920
-      }[T]);
+      }[N]);
     },
     [_]
-  ), A = get(f, "dark", null) === u && get(f, "mod", null) === p && get(f, "mq", null) === g;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockStyleProvider, { canChange: w, canReset: f && A, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative w-[70px] truncate text-xs text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[11px] ${f && !A ? "text-foreground" : ""}`, children: n(a) }) }),
+  ), B = get(f, "dark", null) === u && get(f, "mod", null) === p && get(f, "mq", null) === g;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockStyleProvider, { canChange: A, canReset: f && B, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative w-[70px] truncate text-xs text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[11px] ${f && !B ? "text-foreground" : ""}`, children: n(a) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[150px]", children: [
         r === "arbitrary" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -6888,7 +6888,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
         r === "color" && /* @__PURE__ */ jsxRuntimeExports.jsx(ColorChoice, { property: l, onChange: k }),
         r === "dropdown" && /* @__PURE__ */ jsxRuntimeExports.jsx(DropDownChoices, { label: a, property: l, onChange: k })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-[30px] cursor-pointer ${b ? "visible" : "invisible"}`, children: A ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => S(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : w && f ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { delayDuration: 100, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-[30px] cursor-pointer ${b ? "visible" : "invisible"}`, children: B ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => S(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : A && f ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { delayDuration: 100, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -7181,9 +7181,9 @@ const BlockCard = ({
     [o]
   ), b = async (k) => {
     const S = await i(n, o);
-    let w = r;
-    if (j(first(S)) && (w = null), !isEmpty(S)) {
-      const _ = { blocks: S, uiLibrary: !0, parent: w };
+    let A = r;
+    if (j(first(S)) && (A = null), !isEmpty(S)) {
+      const _ = { blocks: S, uiLibrary: !0, parent: A };
       if (k.dataTransfer.setData("text/plain", JSON.stringify(_)), o.preview) {
         const R = new Image();
         R.src = o.preview, R.onload = () => {
@@ -7232,9 +7232,9 @@ const BlockCard = ({
     })();
   }, [o, l, i, c]), { data: l || [], isLoading: i === "loading" };
 }, UILibrarySection = ({ parentId: o }) => {
-  const [n, r] = useAtom$1(selectedLibraryAtom), a = useBuilderProp("uiLibraries", []), l = useChaiBlocks(), i = values(l).filter((w) => w.category === "custom"), c = a.find((w) => w.uuid === n) || first(a), { data: d, isLoading: u } = useLibraryBlocks(c), p = groupBy([...d, ...i], "group"), [g, f] = useState("Hero"), x = get(p, g, []), j = useRef(null), { t: E } = useTranslation(), b = (w) => {
+  const [n, r] = useAtom$1(selectedLibraryAtom), a = useBuilderProp("uiLibraries", []), l = useChaiBlocks(), i = values(l).filter((A) => A.category === "custom"), c = a.find((A) => A.uuid === n) || first(a), { data: d, isLoading: u } = useLibraryBlocks(c), p = groupBy([...d, ...i], "group"), [g, f] = useState("Hero"), x = get(p, g, []), j = useRef(null), { t: E } = useTranslation(), b = (A) => {
     j.current && (clearTimeout(j.current), j.current = null), j.current = setTimeout(() => {
-      j.current && f(w);
+      j.current && f(A);
     }, 300);
   };
   if (u)
@@ -7242,7 +7242,7 @@ const BlockCard = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-9 h-full" })
     ] });
-  const k = filter(x, (w, _) => _ % 2 === 0), S = filter(x, (w, _) => _ % 2 === 1);
+  const k = filter(x, (A, _) => _ % 2 === 0), S = filter(x, (A, _) => _ % 2 === 1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative mt-2 flex h-full max-h-full overflow-hidden bg-background", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full pt-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full max-h-full w-60 flex-col gap-1 px-1 pr-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(UILibrariesSelect, { library: c == null ? void 0 : c.uuid, setLibrary: r, uiLibraries: a }),
@@ -7250,7 +7250,7 @@ const BlockCard = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-bold text-gray-500", children: E("Groups") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "mt-1 border-border" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar mt-2 h-full max-h-full flex-1 overflow-y-auto pb-20", children: React__default.Children.toArray(
-          map(p, (w, _) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          map(p, (A, _) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
               onMouseEnter: () => b(_),
@@ -7278,10 +7278,10 @@ const BlockCard = ({
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-2 px-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1", children: React__default.Children.toArray(
-              k.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: w, library: c }))
+              k.map((A) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: A, library: c }))
             ) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1", children: React__default.Children.toArray(
-              S.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: w, library: c }))
+              S.map((A) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: A, library: c }))
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
@@ -8366,11 +8366,11 @@ const AIUserPrompt = ({ blockId: o }) => {
       r(R), l(a), c(""), u(""), x("");
     }
   }, k = (R) => {
-    const A = a.filter((T, L) => L !== R);
-    r(A), l(A);
+    const B = a.filter((N, L) => L !== R);
+    r(B), l(B);
   }, S = (R) => {
     g(R), c(a[R].key), u(a[R].value);
-  }, w = () => {
+  }, A = () => {
     if (i.startsWith("@")) {
       x("Attribute keys cannot start with '@'");
       return;
@@ -8380,14 +8380,14 @@ const AIUserPrompt = ({ blockId: o }) => {
       R[p] = { key: i, value: d }, r(R), l(R), g(null), c(""), u(""), x("");
     }
   }, _ = (R) => {
-    R.key === "Enter" && !R.shiftKey && (R.preventDefault(), p !== null ? w() : b());
+    R.key === "Enter" && !R.shiftKey && (R.preventDefault(), p !== null ? A() : b());
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "form",
       {
         onSubmit: (R) => {
-          R.preventDefault(), p !== null ? w() : b();
+          R.preventDefault(), p !== null ? A() : b();
         },
         className: "space-y-3",
         children: [
@@ -8434,22 +8434,22 @@ const AIUserPrompt = ({ blockId: o }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 space-y-1 overflow-y-auto", children: a.map((R, A) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded bg-muted p-1.5 text-sm", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 space-y-1 overflow-y-auto", children: a.map((R, B) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded bg-muted p-1.5 text-sm", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mr-2 flex flex-col", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-semibold", children: R.key }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-wrap max-w-[200px] text-muted-foreground", children: R.value.toString() })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-shrink-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => S(A), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => S(B), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Edit2, { className: "h-3 w-3" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Edit attribute" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => k(A), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => k(B), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-3 w-3" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Remove attribute" })
         ] })
       ] })
-    ] }, A)) })
+    ] }, B)) })
   ] });
 }), BlockAttributesEditor = React.memo(() => {
   const o = useSelectedBlock(), [n, r] = useState([]), [a] = useSelectedStylingBlocks(), l = useUpdateBlocksProps(), i = `${get(a, "0.prop")}_attrs`;
@@ -8971,7 +8971,7 @@ const PageDataProviders = () => {
 function AiFillDatabase(o) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M832 64H192c-17.7 0-32 14.3-32 32v224h704V96c0-17.7-14.3-32-32-32zM288 232c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zM160 928c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V704H160v224zm128-136c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40zM160 640h704V384H160v256zm128-168c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40z" }, child: [] }] })(o);
 }
-const TopBar = lazy(() => import("./Topbar-0pmugPN3.js"));
+const TopBar = lazy(() => import("./Topbar-FpOsNd7c.js"));
 function useSidebarMenuItems(o) {
   const n = o === "SINGLE_SIDE_PANEL", { t: r } = useTranslation(), a = useBuilderProp("dataBindingSupport", !1), l = useBuilderProp("askAiCallBack", null);
   return useMemo(() => {