@chaibuilder/sdk 1.2.107 → 1.2.108

package/dist/{index--gUeScPk.js → index-e6K6XOp1.js}

@@ -89,38 +89,38 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
   const o = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new Map();
   let a, l, i;
   (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set());
-  const c = (j) => o.get(j), d = (j, k) => {
-    (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && Object.freeze(k);
+  const c = (j) => o.get(j), d = (j, v) => {
+    (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && Object.freeze(v);
     const w = o.get(j);
-    if (o.set(j, k), r.has(j) || r.set(j, w), w && hasPromiseAtomValue(w)) {
-      const R = "v" in k ? k.v instanceof Promise ? k.v : Promise.resolve(k.v) : Promise.reject(k.e);
-      cancelPromise(w.v, R);
+    if (o.set(j, v), r.has(j) || r.set(j, w), w && hasPromiseAtomValue(w)) {
+      const S = "v" in v ? v.v instanceof Promise ? v.v : Promise.resolve(v.v) : Promise.reject(v.e);
+      cancelPromise(w.v, S);
     }
-  }, p = (j, k, w) => {
-    const R = /* @__PURE__ */ new Map();
+  }, p = (j, v, w) => {
+    const S = /* @__PURE__ */ new Map();
     let T = !1;
     w.forEach((L, P) => {
-      !L && P === j && (L = k), L ? (R.set(P, L), k.d.get(P) !== L && (T = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
-    }), (T || k.d.size !== R.size) && (k.d = R);
-  }, u = (j, k, w) => {
-    const R = c(j), T = {
-      d: (R == null ? void 0 : R.d) || /* @__PURE__ */ new Map(),
-      v: k
+      !L && P === j && (L = v), L ? (S.set(P, L), v.d.get(P) !== L && (T = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
+    }), (T || v.d.size !== S.size) && (v.d = S);
+  }, u = (j, v, w) => {
+    const S = c(j), T = {
+      d: (S == null ? void 0 : S.d) || /* @__PURE__ */ new Map(),
+      v
     };
-    if (w && p(j, T, w), R && isEqualAtomValue(R, T) && R.d === T.d)
-      return R;
-    if (R && hasPromiseAtomValue(R) && hasPromiseAtomValue(T) && isEqualPromiseAtomValue(R, T)) {
-      if (R.d === T.d)
-        return R;
-      T.v = R.v;
+    if (w && p(j, T, w), S && isEqualAtomValue(S, T) && S.d === T.d)
+      return S;
+    if (S && hasPromiseAtomValue(S) && hasPromiseAtomValue(T) && isEqualPromiseAtomValue(S, T)) {
+      if (S.d === T.d)
+        return S;
+      T.v = S.v;
     }
     return d(j, T), T;
-  }, m = (j, k, w, R) => {
-    if (isPromiseLike$2(k)) {
+  }, m = (j, v, w, S) => {
+    if (isPromiseLike$2(v)) {
       let T;
       const L = new Promise((P, V) => {
         let M = !1;
-        k.then(
+        v.then(
           (O) => {
             if (!M) {
               M = !0;
@@ -150,29 +150,29 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
           ), P(O));
         };
       });
-      return L.orig = k, L.status = "pending", registerCancelPromise(L, (P) => {
-        P && T(P), R == null || R();
+      return L.orig = v, L.status = "pending", registerCancelPromise(L, (P) => {
+        P && T(P), S == null || S();
       }), u(j, L, w);
     }
-    return u(j, k, w);
-  }, x = (j, k, w) => {
-    const R = c(j), T = {
-      d: (R == null ? void 0 : R.d) || /* @__PURE__ */ new Map(),
-      e: k
+    return u(j, v, w);
+  }, x = (j, v, w) => {
+    const S = c(j), T = {
+      d: (S == null ? void 0 : S.d) || /* @__PURE__ */ new Map(),
+      e: v
     };
-    return w && p(j, T, w), R && isEqualAtomError(R, T) && R.d === T.d ? R : (d(j, T), T);
+    return w && p(j, T, w), S && isEqualAtomError(S, T) && S.d === T.d ? S : (d(j, T), T);
   }, g = (j) => {
-    const k = c(j);
-    if (k && (k.d.forEach((M, O) => {
+    const v = c(j);
+    if (v && (v.d.forEach((M, O) => {
       O !== j && !n.has(O) && g(O);
-    }), Array.from(k.d).every(([M, O]) => {
+    }), Array.from(v.d).every(([M, O]) => {
       const $ = c(M);
       return M === j || $ === O || // TODO This is a hack, we should find a better solution.
       $ && !hasPromiseAtomValue($) && isEqualAtomValue($, O);
     })))
-      return k;
+      return v;
     const w = /* @__PURE__ */ new Map();
-    let R = !0;
+    let S = !0;
     const T = (M) => {
       if (M === j) {
         const $ = c(M);
@@ -192,7 +192,7 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
       },
       get setSelf() {
         return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && !isActuallyWritableAtom(j) && console.warn("setSelf function cannot be used with read-only atom"), !P && isActuallyWritableAtom(j) && (P = (...M) => {
-          if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && R && console.warn("setSelf function cannot be called in sync"), !R)
+          if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && S && console.warn("setSelf function cannot be called in sync"), !S)
             return B(j, ...M);
         }), P;
       }
@@ -208,25 +208,25 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     } catch (M) {
       return x(j, M, w);
     } finally {
-      R = !1;
+      S = !1;
     }
   }, E = (j) => returnAtomValue(g(j)), b = (j) => {
-    let k = n.get(j);
-    return k || (k = S(j)), k;
-  }, f = (j, k) => !k.l.size && (!k.t.size || k.t.size === 1 && k.t.has(j)), v = (j) => {
-    const k = n.get(j);
-    k && f(j, k) && A(j);
+    let v = n.get(j);
+    return v || (v = R(j)), v;
+  }, f = (j, v) => !v.l.size && (!v.t.size || v.t.size === 1 && v.t.has(j)), k = (j) => {
+    const v = n.get(j);
+    v && f(j, v) && A(j);
   }, _ = (j) => {
-    const k = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new WeakMap(), R = (L) => {
+    const v = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new WeakMap(), S = (L) => {
       const P = n.get(L);
       P == null || P.t.forEach((V) => {
-        V !== L && (k.set(
+        V !== L && (v.set(
           V,
-          (k.get(V) || /* @__PURE__ */ new Set()).add(L)
-        ), w.set(V, (w.get(V) || 0) + 1), R(V));
+          (v.get(V) || /* @__PURE__ */ new Set()).add(L)
+        ), w.set(V, (w.get(V) || 0) + 1), S(V));
       });
     };
-    R(j);
+    S(j);
     const T = (L) => {
       const P = n.get(L);
       P == null || P.t.forEach((V) => {
@@ -234,21 +234,21 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         if (V !== L) {
           let O = w.get(V);
           if (O && w.set(V, --O), !O) {
-            let $ = !!((M = k.get(V)) != null && M.size);
+            let $ = !!((M = v.get(V)) != null && M.size);
             if ($) {
               const H = c(V), F = g(V);
               $ = !H || !isEqualAtomValue(H, F);
             }
-            $ || k.forEach((H) => H.delete(V));
+            $ || v.forEach((H) => H.delete(V));
           }
           T(V);
         }
       });
     };
     T(j);
-  }, C = (j, ...k) => {
+  }, C = (j, ...v) => {
     let w = !0;
-    const R = (P) => returnAtomValue(g(P)), T = (P, ...V) => {
+    const S = (P) => returnAtomValue(g(P)), T = (P, ...V) => {
       let M;
       if (P === j) {
         if (!hasInitialValue(P))
@@ -264,74 +264,74 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         );
       }
       return M;
-    }, L = j.write(R, T, ...k);
+    }, L = j.write(S, T, ...v);
     return w = !1, L;
-  }, B = (j, ...k) => {
-    const w = C(j, ...k), R = D();
+  }, B = (j, ...v) => {
+    const w = C(j, ...v), S = D();
     return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.forEach(
-      (T) => T({ type: "write", flushed: R })
+      (T) => T({ type: "write", flushed: S })
     ), w;
-  }, S = (j, k) => {
+  }, R = (j, v) => {
     const w = {
-      t: new Set(k && [k]),
+      t: new Set(v && [v]),
       l: /* @__PURE__ */ new Set()
     };
-    if (n.set(j, w), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.add(j), g(j).d.forEach((R, T) => {
+    if (n.set(j, w), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.add(j), g(j).d.forEach((S, T) => {
       const L = n.get(T);
-      L ? L.t.add(j) : T !== j && S(T, j);
+      L ? L.t.add(j) : T !== j && R(T, j);
     }), g(j), isActuallyWritableAtom(j) && j.onMount) {
-      const R = j.onMount((...T) => B(j, ...T));
-      R && (w.u = R);
+      const S = j.onMount((...T) => B(j, ...T));
+      S && (w.u = S);
     }
     return w;
   }, A = (j) => {
-    var k;
-    const w = (k = n.get(j)) == null ? void 0 : k.u;
+    var v;
+    const w = (v = n.get(j)) == null ? void 0 : v.u;
     w && w(), n.delete(j), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.delete(j);
-    const R = c(j);
-    R ? (hasPromiseAtomValue(R) && cancelPromise(R.v), R.d.forEach((T, L) => {
+    const S = c(j);
+    S ? (hasPromiseAtomValue(S) && cancelPromise(S.v), S.d.forEach((T, L) => {
       if (L !== j) {
         const P = n.get(L);
         P && (P.t.delete(j), f(L, P) && A(L));
       }
     })) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", j);
-  }, N = (j, k, w) => {
-    const R = new Set(k.d.keys());
+  }, N = (j, v, w) => {
+    const S = new Set(v.d.keys());
     w == null || w.forEach((T, L) => {
-      if (R.has(L)) {
-        R.delete(L);
+      if (S.has(L)) {
+        S.delete(L);
         return;
       }
       const P = n.get(L);
       P && (P.t.delete(j), f(L, P) && A(L));
-    }), R.forEach((T) => {
+    }), S.forEach((T) => {
       const L = n.get(T);
-      L ? L.t.add(j) : n.has(j) && S(T, j);
+      L ? L.t.add(j) : n.has(j) && R(T, j);
     });
   }, D = () => {
     let j;
     for ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (j = /* @__PURE__ */ new Set()); r.size; ) {
-      const k = Array.from(r);
-      r.clear(), k.forEach(([w, R]) => {
+      const v = Array.from(r);
+      r.clear(), v.forEach(([w, S]) => {
         const T = c(w);
         if (T) {
-          T.d !== (R == null ? void 0 : R.d) && N(w, T, R == null ? void 0 : R.d);
+          T.d !== (S == null ? void 0 : S.d) && N(w, T, S == null ? void 0 : S.d);
           const L = n.get(w);
           L && !// TODO This seems pretty hacky. Hope to fix it.
           // Maybe we could `mountDependencies` in `setAtomState`?
-          (R && !hasPromiseAtomValue(R) && (isEqualAtomValue(R, T) || isEqualAtomError(R, T))) && (L.l.forEach((P) => P()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && j.add(w));
+          (S && !hasPromiseAtomValue(S) && (isEqualAtomValue(S, T) || isEqualAtomError(S, T))) && (L.l.forEach((P) => P()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && j.add(w));
         } else
           (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] no atom state to flush");
       });
     }
     if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production")
-      return a.forEach((k) => k("state")), j;
-  }, I = (j, k) => {
-    const w = b(j), R = D(), T = w.l;
-    return T.add(k), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((L) => L("sub")), l.forEach(
-      (L) => L({ type: "sub", flushed: R })
+      return a.forEach((v) => v("state")), j;
+  }, I = (j, v) => {
+    const w = b(j), S = D(), T = w.l;
+    return T.add(v), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((L) => L("sub")), l.forEach(
+      (L) => L({ type: "sub", flushed: S })
     )), () => {
-      T.delete(k), v(j), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((L) => L("unsub")), l.forEach((L) => L({ type: "unsub" })));
+      T.delete(v), k(j), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((L) => L("unsub")), l.forEach((L) => L({ type: "unsub" })));
     };
   };
   return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" ? {
@@ -339,7 +339,7 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     set: B,
     sub: I,
     // store dev methods (these are tentative and subject to change without notice)
-    dev_subscribe_store: (j, k) => k !== 2 ? (console.warn(
+    dev_subscribe_store: (j, v) => v !== 2 ? (console.warn(
       "The current StoreListener revision is 2. The older ones are deprecated."
     ), a.add(j), () => {
       a.delete(j);
@@ -350,11 +350,11 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     dev_get_atom_state: (j) => o.get(j),
     dev_get_mounted: (j) => n.get(j),
     dev_restore_atoms: (j) => {
-      for (const [w, R] of j)
-        hasInitialValue(w) && (m(w, R), _(w));
-      const k = D();
+      for (const [w, S] of j)
+        hasInitialValue(w) && (m(w, S), _(w));
+      const v = D();
       l.forEach(
-        (w) => w({ type: "restore", flushed: k })
+        (w) => w({ type: "restore", flushed: v })
       );
     }
   } : {
@@ -386,27 +386,27 @@ function splitAtom(o, n) {
             m[E] = f;
             return;
           }
-          const v = (C) => {
-            const B = C(l), S = C(o), N = a(S, B == null ? void 0 : B.arr).keyList.indexOf(b);
-            if (N < 0 || N >= S.length) {
+          const k = (C) => {
+            const B = C(l), R = C(o), N = a(R, B == null ? void 0 : B.arr).keyList.indexOf(b);
+            if (N < 0 || N >= R.length) {
               const D = c[a(c).keyList.indexOf(b)];
               if (D)
                 return D;
               throw new Error("splitAtom: index out of bounds for read");
             }
-            return S[N];
-          }, _ = (C, B, S) => {
+            return R[N];
+          }, _ = (C, B, R) => {
             const A = C(l), N = C(o), I = a(N, A == null ? void 0 : A.arr).keyList.indexOf(b);
             if (I < 0 || I >= N.length)
               throw new Error("splitAtom: index out of bounds for write");
-            const j = isFunction(S) ? S(N[I]) : S;
+            const j = isFunction(R) ? R(N[I]) : R;
             B(o, [
               ...N.slice(0, I),
               j,
               ...N.slice(I + 1)
             ]);
           };
-          m[E] = isWritable(o) ? atom(v, _) : atom(v);
+          m[E] = isWritable(o) ? atom(k, _) : atom(k);
         }), u && u.keyList.length === x.length && u.keyList.every((g, E) => g === x[E]) ? p = u : p = { arr: c, atomList: m, keyList: x }, r.set(c, p), p;
       }, l = atom((c) => {
         const d = c(l), p = c(o);
@@ -1195,22 +1195,22 @@ const useBlocksStoreManager = () => {
     updateBlocksProps: c
   } = useBlocksStoreManager();
   return {
-    moveBlocks: (b, f, v) => {
+    moveBlocks: (b, f, k) => {
       const _ = map(b, (B) => {
         const A = n.find((I) => I._id === B)._parent || null, D = n.filter((I) => A ? I._parent === A : !I._parent).map((I) => I._id).indexOf(B);
         return { _id: B, oldParent: A, oldPosition: D };
       }), C = _.find(({ _id: B }) => B === b[0]);
-      C && C.oldParent === f && C.oldPosition === v || (i(b, f, v), o({
-        undo: () => each(_, ({ _id: B, oldParent: S, oldPosition: A }) => {
-          i([B], S, A);
+      C && C.oldParent === f && C.oldPosition === k || (i(b, f, k), o({
+        undo: () => each(_, ({ _id: B, oldParent: R, oldPosition: A }) => {
+          i([B], R, A);
         }),
-        redo: () => i(b, f, v)
+        redo: () => i(b, f, k)
       }));
     },
-    addBlocks: (b, f, v) => {
-      a(b, f, v), o({
+    addBlocks: (b, f, k) => {
+      a(b, f, k), o({
         undo: () => l(map(b, "_id")),
-        redo: () => a(b, f, v)
+        redo: () => a(b, f, k)
       });
     },
     removeBlocks: (b) => {
@@ -1221,15 +1221,15 @@ const useBlocksStoreManager = () => {
         redo: () => l(map(b, "_id"))
       });
     },
-    updateBlocks: (b, f, v) => {
+    updateBlocks: (b, f, k) => {
       let _ = [];
-      if (v)
-        _ = map(b, (C) => ({ _id: C, ...v }));
+      if (k)
+        _ = map(b, (C) => ({ _id: C, ...k }));
       else {
         const C = keys(f);
         _ = map(b, (B) => {
-          const S = n.find((N) => N._id === B), A = { _id: B };
-          return each(C, (N) => A[N] = S[N]), A;
+          const R = n.find((N) => N._id === B), A = { _id: B };
+          return each(C, (N) => A[N] = R[N]), A;
         });
       }
       c(map(b, (C) => ({ _id: C, ...f }))), o({
@@ -1238,7 +1238,7 @@ const useBlocksStoreManager = () => {
       });
     },
     updateBlocksRuntime: (b, f) => {
-      c(map(b, (v) => ({ _id: v, ...f })));
+      c(map(b, (k) => ({ _id: k, ...f })));
     },
     setNewBlocks: (b) => {
       r(b), o({
@@ -1248,9 +1248,9 @@ const useBlocksStoreManager = () => {
     },
     updateMultipleBlocksProps: (b) => {
       let f = [];
-      f = map(b, (v) => {
-        const _ = keys(v), C = n.find((S) => S._id === v._id), B = {};
-        return each(_, (S) => B[S] = C[S]), B;
+      f = map(b, (k) => {
+        const _ = keys(k), C = n.find((R) => R._id === k._id), B = {};
+        return each(_, (R) => B[R] = C[R]), B;
       }), c(b), o({
         undo: () => c(f),
         redo: () => c(b)
@@ -1265,8 +1265,8 @@ const useBlocksStoreManager = () => {
         const { _id: b } = i[E];
         i[E]._id = generateUUID();
         const f = filter(i, { _parent: b });
-        for (let v = 0; v < f.length; v++)
-          f[v]._parent = i[E]._id;
+        for (let k = 0; k < f.length; k++)
+          f[k]._parent = i[E]._id;
       }
       const p = first(i);
       let u, m;
@@ -1277,13 +1277,13 @@ const useBlocksStoreManager = () => {
   return { addCoreBlock: useCallback(
     (i, c, d) => {
       if (has(i, "blocks")) {
-        const v = i.blocks;
-        return a(v, c, d);
+        const k = i.blocks;
+        return a(k, c, d);
       }
       const p = generateUUID(), u = getBlockDefaultProps(i.props), m = [];
-      forIn(u, (v, _) => {
-        if (startsWith(v, SLOT_KEY)) {
-          const C = v.replace(SLOT_KEY, "");
+      forIn(u, (k, _) => {
+        if (startsWith(k, SLOT_KEY)) {
+          const C = k.replace(SLOT_KEY, "");
           m.push({
             _id: C,
             _type: "Slot",
@@ -3074,26 +3074,26 @@ const useDnd = () => {
       g.preventDefault(), g.stopPropagation(), throttledDragOver(g);
     },
     onDrop: (g) => {
-      var S;
-      const E = dropTarget, f = getOrientation(E) === "vertical" ? g.clientY + ((S = iframeDocument == null ? void 0 : iframeDocument.defaultView) == null ? void 0 : S.scrollY) : g.clientX;
+      var R;
+      const E = dropTarget, f = getOrientation(E) === "vertical" ? g.clientY + ((R = iframeDocument == null ? void 0 : iframeDocument.defaultView) == null ? void 0 : R.scrollY) : g.clientX;
       dropIndex = calculateDropIndex(f, possiblePositions);
-      const v = d, _ = E.getAttribute("data-block-id"), C = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
-      if ((v == null ? void 0 : v._id) === _ || !C) {
+      const k = d, _ = E.getAttribute("data-block-id"), C = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
+      if ((k == null ? void 0 : k._id) === _ || !C) {
         x();
         return;
       }
-      if (!has(v, "_id")) {
-        a(v, _ === "canvas" ? null : _, dropIndex), setTimeout(x, 300);
+      if (!has(k, "_id")) {
+        a(k, _ === "canvas" ? null : _, dropIndex), setTimeout(x, 300);
         return;
       }
       let B = E.getAttribute("data-block-id");
-      B === null && (B = g.target.parentElement.getAttribute("data-block-id")), c([v._id], B === "canvas" ? null : B, dropIndex), x(), setTimeout(removePlaceholder, 300);
+      B === null && (B = g.target.parentElement.getAttribute("data-block-id")), c([k._id], B === "canvas" ? null : B, dropIndex), x(), setTimeout(removePlaceholder, 300);
     },
     onDragEnter: (g) => {
       const E = g, b = E.target;
       dropTarget = b;
-      const f = b.getAttribute("data-block-id"), v = b.getAttribute("data-dnd-dragged") !== "yes";
-      u(f), E.stopPropagation(), E.preventDefault(), possiblePositions = [], v && calculatePossiblePositions(b), r(!0), l(""), i([]);
+      const f = b.getAttribute("data-block-id"), k = b.getAttribute("data-dnd-dragged") !== "yes";
+      u(f), E.stopPropagation(), E.preventDefault(), possiblePositions = [], k && calculatePossiblePositions(b), r(!0), l(""), i([]);
     },
     onDragLeave: (g) => {
       g.target.getAttribute("data-block-id") === "canvas" && (u(null), r(!1), removePlaceholder(), possiblePositions = []);
@@ -3318,13 +3318,13 @@ const handleMouseMove = throttle((o) => {
   }, [r, c]);
   const g = get(o, "headingFont", "DM Sans"), E = get(o, "bodyFont", "DM Sans");
   return useEffect(() => {
-    const b = get(o, "primaryColor", "#000"), f = get(o, "secondaryColor", "#FFF"), v = get(o, "bodyBgLightColor", "#fff"), _ = get(o, "bodyBgDarkColor", "#000"), C = get(o, "bodyTextDarkColor", "#000"), B = get(o, "bodyTextLightColor", "#fff"), S = s({
+    const b = get(o, "primaryColor", "#000"), f = get(o, "secondaryColor", "#FFF"), k = get(o, "bodyBgLightColor", "#fff"), _ = get(o, "bodyBgDarkColor", "#000"), C = get(o, "bodyTextDarkColor", "#000"), B = get(o, "bodyTextLightColor", "#fff"), R = s({
       colors: [b, f],
       names: ["primary", "secondary"]
     });
-    set(S, "primary.DEFAULT", b), set(S, "secondary.DEFAULT", f);
+    set(R, "primary.DEFAULT", b), set(R, "secondary.DEFAULT", f);
     const A = {
-      "bg-light": v,
+      "bg-light": k,
       "bg-dark": _,
       "text-dark": C,
       "text-light": B
@@ -3347,7 +3347,7 @@ const handleMouseMove = throttle((o) => {
           borderRadius: {
             DEFAULT: `${N || "0"}px`
           },
-          colors: { ...A, ...S }
+          colors: { ...A, ...R }
         }
       },
       plugins: [
@@ -3509,28 +3509,28 @@ 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(), [p] = useCanvasSettings(), [u] = useHiddenBlockIds(), { getGlobalBlocks: m } = useGlobalBlocksStore(), x = useCallback((f) => getStyleAttrs(f, d), [d]), [g] = useChaiExternalData(), [E] = useAtom$1(inlineEditingActiveAtom), b = useCallback(
-    (f) => f.reduce((v, _) => {
+    (f) => f.reduce((k, _) => {
       const C = get(p, _, {});
-      return { ...v, ...C };
+      return { ...k, ...C };
     }, {}),
     [p]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: React__default.Children.toArray(
-    o.map((f, v) => {
+    o.map((f, k) => {
       if (E === f._id || u.includes(f._id))
         return null;
       const _ = {}, C = filter(n, { _parent: f._id });
       if (_.children = C.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(BlocksRendererStatic, { allBlocks: n, blocks: C }) : null, f._type === "GlobalBlock") {
         const w = m(f);
-        _.children = /* @__PURE__ */ jsxRuntimeExports.jsx(RenderGlobalBlock, { blocks: filter(w, (R) => !R._parent), allBlocks: w });
+        _.children = /* @__PURE__ */ jsxRuntimeExports.jsx(RenderGlobalBlock, { blocks: filter(w, (S) => !S._parent), allBlocks: w });
       }
-      const B = getBlockComponent(f._type), S = get(B, "server", !1), A = S ? RSCBlock : get(B, "builderComponent", get(B, "component", null));
+      const B = getBlockComponent(f._type), R = get(B, "server", !1), A = R ? RSCBlock : get(B, "builderComponent", get(B, "component", null));
       if (isNull(A))
         return /* @__PURE__ */ jsxRuntimeExports.jsx("noscript", { children: `<!-- ${f == null ? void 0 : f._type} not registered -->` });
       const N = has(B, "getBlockStateFrom") ? B == null ? void 0 : B.getBlockStateFrom(f, n) : [], D = b(N), I = x(f);
       if (get(I, "__isHidden", !1) && !includes(a, f._id))
         return null;
-      const j = i && isDescendant(i._id, f._id, n), k = {
+      const j = i && isDescendant(i._id, f._id, n), v = {
         ...includes(a, f._id) ? { "force-show": "" } : {},
         "data-block-id": f._id,
         "data-block-type": f._type,
@@ -3544,9 +3544,9 @@ function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
         ...c === f._id && !j ? { "data-drop": "yes" } : {},
         ...includes(l, f._id) ? { "data-cut-block": "yes" } : {}
       };
-      return S ? /* @__PURE__ */ jsxRuntimeExports.jsx(RSCBlock, { block: f, blockProps: k }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(A, {
-        blockProps: k,
-        index: v,
+      return R ? /* @__PURE__ */ jsxRuntimeExports.jsx(RSCBlock, { block: f, blockProps: v }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(A, {
+        blockProps: v,
+        index: k,
         ...applyBindings(applyLanguage(f, r, B), g),
         ...omit(I, ["__isHidden"]),
         ..._,
@@ -3601,7 +3601,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     n(i);
   }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "main-content", className: "h-full w-full p-8 pb-0", ref: a, 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, p] = useState({ width: 0, height: 0 }), u = useCanvasScale(d), [m, x] = useState([]), [, g] = useState([]), [, E] = useAtom$1(canvasIframeAtom), [b, f] = useSelectedStylingBlocks(), v = useBuilderProp("loading", !1), _ = useBuilderProp("htmlDir", "ltr"), C = (A) => {
+  const [o] = useAtom$1(networkModeAtom), [n] = useCanvasWidth(), [, r] = useSelectedBlockIds(), a = useSelectedBlock(), [, l] = useHighlightBlockId(), i = useRef(null), c = useRef(null), [d, p] = useState({ width: 0, height: 0 }), u = useCanvasScale(d), [m, x] = useState([]), [, g] = useState([]), [, E] = useAtom$1(canvasIframeAtom), [b, f] = useSelectedStylingBlocks(), k = useBuilderProp("loading", !1), _ = useBuilderProp("htmlDir", "ltr"), C = (A) => {
     p((N) => ({ ...N, width: A }));
   };
   useEffect(() => {
@@ -3630,7 +3630,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     } else
       g([null]);
   }, [b]);
-  const S = useMemo(() => {
+  const R = useMemo(() => {
     let A = IframeInitialContent;
     return A = A.replace("__HTML_DIR__", _), o === "offline" && (A = A.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
@@ -3654,7 +3654,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
           id: "canvas-iframe",
           style: { ...u, ...isEmpty(u) ? { width: `${n}px` } : {} },
           className: "relative mx-auto box-content h-full w-full max-w-full shadow-lg transition-all duration-300 ease-linear",
-          initialContent: S,
+          initialContent: R,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(KeyboardHandler, {}),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3666,7 +3666,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(HeadTags, {}),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Canvas, { children: [
-              v ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StaticBlocksRenderer, {}),
+              k ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StaticBlocksRenderer, {}),
               /* @__PURE__ */ jsxRuntimeExports.jsx(AddBlockAtBottom, {}),
               /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
               /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
@@ -3777,7 +3777,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-U9ErQEW3.js")), CanvasArea = () => {
+}, CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-kW6SrwIa.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, {}) }) }),
@@ -3852,8 +3852,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: S }, A) => {
-    A && (a(S), i.current = S);
+  const [r, a] = useBrandingOptions(), [l] = useBlocksContainer(), i = React.useRef(r), { t: c } = useTranslation(), d = ({ formData: R }, A) => {
+    A && (a(R), i.current = R);
   }, {
     bodyFont: p,
     headingFont: u,
@@ -3863,7 +3863,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     bodyBgDarkColor: E,
     secondaryColor: b,
     bodyBgLightColor: f,
-    roundedCorners: v
+    roundedCorners: k
   } = r;
   let _ = {
     headingFont: y({
@@ -3878,7 +3878,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     }),
     roundedCorners: s$1({
       title: c("theme_config.rounded_corner"),
-      default: parseInt(v || 5, 10)
+      default: parseInt(k || 5, 10)
     }),
     primaryColor: h({ title: c("theme_config.primary"), default: m }),
     secondaryColor: h({ title: c("theme_config.secondary"), default: b })
@@ -3906,9 +3906,9 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     type: "object",
     properties: {}
   }, B = {};
-  return Object.keys(_).forEach((S) => {
-    const A = _[S];
-    return C.properties || (C.properties = {}), C.properties[S] = A.schema, B[S] = A.uiSchema, !0;
+  return Object.keys(_).forEach((R) => {
+    const A = _[R];
+    return C.properties || (C.properties = {}), C.properties[R] = A.schema, B[R] = A.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(
@@ -4104,11 +4104,11 @@ 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 p = null;
-  const u = o.children.length > 0, { highlightBlock: m } = useBlockHighlight(), { id: x, data: g, isSelected: E, willReceiveDrop: b, isDragging: f, isEditing: v, handleClick: _ } = o, C = (I) => {
+  const u = o.children.length > 0, { highlightBlock: m } = useBlockHighlight(), { id: x, data: g, isSelected: E, willReceiveDrop: b, isDragging: f, isEditing: k, handleClick: _ } = o, C = (I) => {
     I.stopPropagation(), !i.includes(x) && o.toggle();
   }, B = (I) => {
     I.isInternal && (p = I.isOpen, I.isOpen && I.close());
-  }, S = (I) => {
+  }, R = (I) => {
     I.isInternal && p !== null && (p ? I.open() : I.close(), p = null);
   }, A = (I) => {
     I.stopPropagation(), !o.isOpen && !i.includes(x) && o.toggle(), _(I);
@@ -4121,17 +4121,17 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
   }, [b, o, f]);
   const N = useMemo(() => {
     const I = Object.keys(g), j = [];
-    for (let k = 0; k < I.length; k++)
-      if (I[k].endsWith("_attrs")) {
-        const w = g[I[k]], R = Object.keys(w).join("|");
-        R.match(/x-data/) && j.push("data"), R.match(/x-on/) && j.push("event"), R.match(/x-show|x-if/) && j.push("show");
+    for (let v = 0; v < I.length; v++)
+      if (I[v].endsWith("_attrs")) {
+        const w = g[I[v]], S = Object.keys(w).join("|");
+        S.match(/x-data/) && j.push("data"), S.match(/x-on/) && j.push("event"), S.match(/x-show|x-if/) && j.push("show");
       }
     return j;
   }, [g]), D = (I, j) => {
-    const k = d.contentDocument || d.contentWindow.document, w = k.querySelector(`[data-block-id=${I}]`);
+    const v = d.contentDocument || d.contentWindow.document, w = v.querySelector(`[data-block-id=${I}]`);
     w && w.setAttribute("data-drop", j);
-    const R = w.getBoundingClientRect(), T = d.getBoundingClientRect();
-    R.top >= T.top && R.left >= T.left && R.bottom <= T.bottom && R.right <= T.right || (k.documentElement.scrollTop = w.offsetTop - T.top);
+    const S = w.getBoundingClientRect(), T = d.getBoundingClientRect();
+    S.top >= T.top && S.left >= T.left && S.bottom <= T.bottom && S.right <= T.right || (v.documentElement.scrollTop = w.offsetTop - T.top);
   };
   return x === ROOT_TEMP_KEY ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
@@ -4152,7 +4152,7 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
       "data-node-id": x,
       ref: i.includes(x) ? null : r,
       onDragStart: () => B(o),
-      onDragEnd: () => S(o),
+      onDragEnd: () => R(o),
       onDragOver: (I) => {
         I.preventDefault(), D(x, "yes");
       },
@@ -4180,7 +4180,7 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TypeIcon, { type: g == null ? void 0 : g._type }) }),
-            v ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: o }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            k ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: o }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
                 className: "ml-2 flex items-center gap-x-1 truncate text-[11px]",
@@ -4454,7 +4454,10 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     multiple: "multiple",
     name: "fieldName"
   }
-}, shouldAddText = (o, n) => o.children.length === 1 && includes(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], n._type), getTextContent = (o) => o.map((n) => n.type === "text" ? get(n, "content", "") : isEmpty(n.children) ? "" : getTextContent(n.children)).join(""), getSanitizedValue = (o) => o === null ? "" : o, getAttrs = (o) => {
+}, shouldAddText = (o, n) => o.children.length === 1 && includes(
+  ["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link", "RichText"],
+  n._type
+), getTextContent = (o) => o.map((n) => n.type === "text" ? get(n, "content", "") : isEmpty(n.children) ? "" : getTextContent(n.children)).join(""), getSanitizedValue = (o) => o === null ? "" : o, getAttrs = (o) => {
   if (o.tagName === "svg")
     return {};
   const n = {}, r = ATTRIBUTE_MAP[o.tagName] || {}, a = o.attributes;
@@ -4479,6 +4482,11 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
   }
   return { [n]: `${STYLES_KEY},` };
 }, getBlockProps = (o) => {
+  const n = get(o, "attributes", []), r = n.find((l) => l.key === "data-chai-richtext" || l.key === "chai-richtext"), a = n.find((l) => l.key === "data-chai-lightbox" || l.key === "chai-lightbox");
+  if (r)
+    return { _type: "RichText" };
+  if (a)
+    return { _type: "LightBoxLink" };
   switch (o.tagName) {
     case "img":
       return { _type: "Image" };
@@ -4550,46 +4558,78 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
       return { _type: "TableBody" };
     case "tfoot":
       return { _type: "TableFooter" };
-    default:
-      const n = get(o, "children", []).length > 0 ? "Box" : "EmptyBox";
+    case "div": {
+      const l = get(o, "children", []).length > 0 ? "Box" : "EmptyBox";
       return {
-        _type: n,
+        _type: l,
         tag: o.tagName,
-        _name: n == "EmptyBox" || o.tagName === "div" ? n : capitalize(o.tagName)
+        _name: l == "EmptyBox" || o.tagName === "div" ? l : capitalize(o.tagName)
       };
+    }
   }
 }, traverseNodes = (o, n = null) => flatMapDeep(o, (r) => {
-  var i;
+  var p, u, m, x, g, E, b, f;
   if (r.type === "comment")
     return [];
   let a = { _id: generateUUID() };
   if (n && (a._parent = n.block._id), r.type === "text")
     return isEmpty(get(r, "content", "")) ? [] : n && shouldAddText(n.node, n.block) ? (set(n, "block.content", get(r, "content", "")), []) : { ...a, _type: "Text", content: get(r, "content", "") };
+  const l = get(r, "attributes", []), i = l.find(
+    (k) => k.key === "data-chai-richtext" || k.key === "chai-richtext"
+  ), c = l.find(
+    (k) => k.key === "data-chai-lightbox" || k.key === "chai-lightbox"
+  );
   if (a = {
     ...a,
     ...getBlockProps(r),
     ...getAttrs(r),
     ...getStyles(r)
   }, r.attributes) {
-    const c = r.attributes.find((d) => d.key === NAME_ATTRIBUTE);
-    c && (a._name = c.value);
+    const k = r.attributes.find((_) => _.key === NAME_ATTRIBUTE);
+    k && (a._name = k.value);
+  }
+  if (i)
+    return a.content = stringify(r.children), has(a, "styles_attrs.data-chai-richtext") && delete a.styles_attrs["data-chai-richtext"], has(a, "styles_attrs.chai-richtext") && delete a.styles_attrs["chai-richtext"], [a];
+  if (c) {
+    const k = [
+      "data-chai-lightbox",
+      "chai-lightbox",
+      "data-vbtype",
+      "data-autoplay",
+      "data-maxwidth",
+      "data-overlay",
+      "data-gall",
+      "href"
+    ];
+    a = {
+      ...a,
+      href: ((p = l.find((_) => _.key === "href")) == null ? void 0 : p.value) || "",
+      hrefType: ((u = l.find((_) => _.key === "data-vbtype")) == null ? void 0 : u.value) || "video",
+      autoplay: ((m = l.find((_) => _.key === "data-autoplay")) == null ? void 0 : m.value) === "true",
+      maxWidth: ((g = (x = l.find((_) => _.key === "data-maxwidth")) == null ? void 0 : x.value) == null ? void 0 : g.replace("px", "")) || "",
+      backdropColor: ((E = l.find((_) => _.key === "data-overlay")) == null ? void 0 : E.value) || "",
+      galleryName: ((b = l.find((_) => _.key === "data-gall")) == null ? void 0 : b.value) || ""
+    }, forEach(k, (_) => {
+      has(a, `styles_attrs.${_}`) && delete a.styles_attrs[_];
+    });
   }
   if (a._type === "Input") {
-    const c = a.inputType || "text";
-    c === "checkbox" ? set(a, "_type", "Checkbox") : c === "radio" && set(a, "_type", "Radio");
+    const k = a.inputType || "text";
+    k === "checkbox" ? set(a, "_type", "Checkbox") : k === "radio" && set(a, "_type", "Radio");
   } else if (r.tagName === "video" || r.tagName === "iframe") {
-    const c = stringify([r]);
-    return hasVideoEmbed(c) && (set(a, "_type", "Video"), set(a, "url", getVideoURLFromHTML(c)), 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 = c, [a];
+    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 c = find(r.attributes, { key: "height" }), d = find(r.attributes, { key: "width" }), p = get(c, "value") ? `[${get(c, "value")}px]` : "24px", u = get(d, "value") ? `[${get(d, "value")}px]` : "24px", m = get(find(r.attributes, { key: "class" }), "value", "w-full h-full");
-    return a.styles = `${STYLES_KEY}, ${cn(`w-${u} h-${p}`, m)}`.trim(), r.attributes = filter(r.attributes, (x) => !includes(["style", "width", "height", "class"], x.key)), a.icon = stringify([r]), [a];
-  } else if (r.tagName == "option" && n && ((i = n.block) == null ? void 0 : i._type) === "Select")
+    const k = find(r.attributes, { key: "height" }), _ = find(r.attributes, { key: "width" }), C = get(k, "value") ? `[${get(k, "value")}px]` : "24px", B = get(_, "value") ? `[${get(_, "value")}px]` : "24px", R = get(find(r.attributes, { key: "class" }), "value", "w-full h-full");
+    return a.styles = `${STYLES_KEY}, ${cn(`w-${B} h-${C}`, R)}`.trim(), r.attributes = filter(r.attributes, (A) => !includes(["style", "width", "height", "class"], A.key)), a.icon = stringify([r]), [a];
+  } else if (r.tagName == "option" && n && ((f = n.block) == null ? void 0 : f._type) === "Select")
     return n.block.options.push({
       label: getTextContent(r.children),
       ...getAttrs(r)
     }), [];
-  const l = traverseNodes(r.children, { block: a, node: r });
-  return [a, ...l];
+  console.log(a);
+  const d = traverseNodes(r.children, { block: a, node: r });
+  return [a, ...d];
 }), getSanitizedHTML = (o) => {
   const n = o.match(/<body[^>]*>[\s\S]*?<\/body>/);
   return (n && n.length > 0 ? n[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : o).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
@@ -4649,7 +4689,7 @@ function ExpandableObject(o) {
   useEffect(() => {
     x.current ? b(u(d, r, n)) : x.current = !0;
   }, [u]);
-  const f = g ? p.collapseIcon : p.expandIcon, v = g ? "collapse JSON" : "expand JSON", _ = useComponentId(), C = d + 1, B = a.length - 1, S = (A) => {
+  const f = g ? p.collapseIcon : p.expandIcon, k = g ? "collapse JSON" : "expand JSON", _ = useComponentId(), C = d + 1, B = a.length - 1, R = (A) => {
     A.key === " " && (A.preventDefault(), E());
   };
   return /* @__PURE__ */ createElement("div", {
@@ -4658,16 +4698,16 @@ function ExpandableObject(o) {
   }, /* @__PURE__ */ createElement("span", {
     className: f,
     onClick: E,
-    onKeyDown: S,
+    onKeyDown: R,
     role: "button",
     tabIndex: 0,
-    "aria-label": v,
+    "aria-label": k,
     "aria-expanded": g,
     "aria-controls": g ? _ : void 0
   }), n && (m ? /* @__PURE__ */ createElement("span", {
     className: p.clickableLabel,
     onClick: E,
-    onKeyDown: S,
+    onKeyDown: R,
     role: "button",
     tabIndex: -1
   }, n, ":") : /* @__PURE__ */ createElement("span", {
@@ -4688,11 +4728,11 @@ function ExpandableObject(o) {
   }))) : /* @__PURE__ */ createElement("span", {
     className: p.collapsedContent,
     onClick: E,
-    onKeyDown: S,
+    onKeyDown: R,
     role: "button",
     tabIndex: -1,
     "aria-hidden": !0,
-    "aria-label": v,
+    "aria-label": k,
     "aria-expanded": g
   }), /* @__PURE__ */ createElement("span", {
     className: p.punctuation
@@ -4883,7 +4923,7 @@ const ViewData = ({ data: o, fullView: n }) => {
                 value: b,
                 className: `cursor-pointer ${m ? "flex items-center justify-between" : "flex flex-col items-start justify-start"}`,
                 onSelect: (f) => {
-                  r(find(E, (v) => v === f) || null), g(!1);
+                  r(find(E, (k) => k === f) || null), g(!1);
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-x-2", children: [
@@ -4915,8 +4955,8 @@ const ViewData = ({ data: o, fullView: n }) => {
         const f = get(b === "PROP" ? p : u, E, "");
         if (isArray$1(f))
           return "list";
-        const v = typeof f;
-        return v === "string" ? "text" : v === "object" ? "model" : v;
+        const k = typeof f;
+        return k === "string" ? "text" : k === "object" ? "model" : k;
       }
     },
     [p, u]
@@ -5162,7 +5202,7 @@ const ViewData = ({ data: o, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-B5Dq7OwG.js")), UploadImages = React__default.lazy(() => import("./UploadImages-nEQCD1rK.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-OH1oIK1z.js")), UploadImages = React__default.lazy(() => import("./UploadImages-Yom319eJ.js")), ImagesPanel = ({
   isModalView: o = !1,
   onSelect: n = () => {
   }
@@ -5326,8 +5366,8 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
     const f = n[b];
     if (includes(["slot", "styles"], f.type))
       return;
-    const v = b;
-    c.properties[v] = getBlockJSONFromSchemas(f, p, g), d[v] = getBlockJSONFromUISchemas(f);
+    const k = b;
+    c.properties[k] = getBlockJSONFromSchemas(f, p, g), d[k] = getBlockJSONFromUISchemas(f);
   }), useEffect(() => {
     i(r);
   }, [o, u]);
@@ -5429,29 +5469,29 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
   }), a;
 };
 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), p = useBuilderProp("dataBindingSupport", !1), u = ({ formData: f }, v, _) => {
-    if (v && (c == null ? void 0 : c._id) === n._id) {
-      const C = v.replace("root.", "");
+  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), p = useBuilderProp("dataBindingSupport", !1), u = ({ formData: f }, k, _) => {
+    if (k && (c == null ? void 0 : c._id) === n._id) {
+      const C = k.replace("root.", "");
       a([n._id], { [C]: get(f, C) }, _);
     }
   }, m = useCallback(
-    debounce(({ formData: f }, v, _) => {
-      u({ formData: f }, v, _), d(f);
+    debounce(({ formData: f }, k, _) => {
+      u({ formData: f }, k, _), d(f);
     }, 1500),
     [n == null ? void 0 : n._id, o]
-  ), x = ({ formData: f }, v) => {
-    if (v) {
-      const _ = v.replace("root.", "");
+  ), x = ({ formData: f }, k) => {
+    if (k) {
+      const _ = k.replace("root.", "");
       r(
         [n._id],
         convertDotNotationToObject(_, get(f, _.split(".")))
-      ), m({ formData: f }, v, { [_]: get(c, _) });
+      ), m({ formData: f }, k, { [_]: get(c, _) });
     }
   }, g = keys(get(i, "_bindings", {})), E = useMemo(() => {
     const f = cloneDeep(get(l, "props", {}));
-    return each(f, (v, _) => {
-      get(v, "hidden", !1) && delete f[_];
-    }), p && each(g, (v) => delete f[v]), f;
+    return each(f, (k, _) => {
+      get(k, "hidden", !1) && delete f[_];
+    }), p && each(g, (k) => delete f[k]), f;
   }, [l, g, p]), b = get(l, "server", !1);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-x-hidden px-px", children: [
     p ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Accordion, { type: "multiple", defaultValue: ["STATIC", "BINDING"], className: "mt-4 h-full w-full", children: [
@@ -5540,9 +5580,9 @@ const askAiProcessingAtom = atom$1(!1), useAskAi = () => {
         if (l) {
           n(!0), a(null);
           try {
-            const f = x === "content" ? cloneDeep(getBlockWithChildren(g, d)) : [cloneDeep(d.find((S) => S._id === g))];
+            const f = x === "content" ? cloneDeep(getBlockWithChildren(g, d)) : [cloneDeep(d.find((R) => R._id === g))];
             set(f, "0._parent", null);
-            const v = p === u ? "" : p, _ = await l(x, promptWithLanguage(E, m, x), f, v), { blocks: C, error: B } = _;
+            const k = p === u ? "" : p, _ = await l(x, promptWithLanguage(E, m, x), f, k), { blocks: C, error: B } = _;
             if (B) {
               a(B);
               return;
@@ -5710,15 +5750,15 @@ function ManualClasses() {
     const D = N.trim().toLowerCase(), I = D.match(/.+:/g);
     let j = [];
     if (I && I.length > 0) {
-      const [k] = I, w = D.replace(k, "");
+      const [v] = I, w = D.replace(v, "");
       j = fuse.search(w).map((T) => ({
         ...T,
-        item: { ...T.item, name: k + T.item.name }
+        item: { ...T.item, name: v + T.item.name }
       }));
     } else
       j = fuse.search(D);
     return b(map(j, "item"));
-  }, v = () => {
+  }, k = () => {
     b([]);
   }, _ = (N) => N.name, C = (N) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: N.name }), B = {
     autoComplete: "off",
@@ -5732,7 +5772,7 @@ function ManualClasses() {
     },
     onChange: (N, { newValue: D }) => p(D),
     className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
-  }, S = () => {
+  }, R = () => {
     if (navigator.clipboard === void 0) {
       u({
         title: o("clipboard_not_supported"),
@@ -5755,7 +5795,7 @@ function ManualClasses() {
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-x-2 text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: o("classes") }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, { onClick: S, className: "cursor-pointer" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, { onClick: R, className: "cursor-pointer" }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: o("copy_classes_to_clipboard") }) })
             ] })
           ] }),
@@ -5773,7 +5813,7 @@ function ManualClasses() {
             {
               suggestions: E,
               onSuggestionsFetchRequested: f,
-              onSuggestionsClearRequested: v,
+              onSuggestionsClearRequested: k,
               getSuggestionValue: _,
               renderSuggestion: C,
               inputProps: B,
@@ -6465,37 +6505,37 @@ 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: p, units: u, negative: m } = o, [x, g] = useState(p != null && p.toLowerCase().includes("width") ? "%" : u[0]), [E, b] = useState(!1), [f, v] = useState(""), [_, C] = useState(!1), [B, S] = useState(!1);
+  const [n, r] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: p, units: u, negative: m } = o, [x, g] = useState(p != null && p.toLowerCase().includes("width") ? "%" : u[0]), [E, b] = useState(!1), [f, k] = useState(""), [_, C] = useState(!1), [B, R] = useState(!1);
   useEffect(() => {
-    const { value: j, unit: k } = getClassValueAndUnit(i);
-    if (k === "") {
+    const { value: j, unit: v } = getClassValueAndUnit(i);
+    if (v === "") {
       l(j), g(p != null && p.toLowerCase().includes("width") ? "%" : first(u));
       return;
     }
-    g(k), l(k === "class" || isEmpty(j) ? "" : j);
+    g(v), l(v === "class" || isEmpty(j) ? "" : j);
   }, [i, p, u]);
   const A = useThrottledCallback((j) => c(j), [c], THROTTLE_TIME), N = useThrottledCallback((j) => c(j, !1), [c], THROTTLE_TIME), D = useCallback(
     (j = !1) => {
-      const k = getUserInputValues(`${a}`, u);
-      if (get(k, "error", !1)) {
+      const v = getUserInputValues(`${a}`, u);
+      if (get(v, "error", !1)) {
         b(!0);
         return;
       }
-      const w = get(k, "unit") !== "" ? get(k, "unit") : x;
+      const w = get(v, "unit") !== "" ? get(v, "unit") : x;
       if (w === "auto" || w === "none") {
         A(`${d}${w}`);
         return;
       }
-      if (get(k, "value") === "")
+      if (get(v, "value") === "")
         return;
-      const T = `${get(k, "value", "").startsWith("-") ? "-" : ""}${d}[${get(k, "value", "").replace("-", "")}${w === "-" ? "" : w}]`;
+      const T = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${w === "-" ? "" : w}]`;
       j ? N(T) : A(T);
     },
     [A, N, a, x, d, u]
   ), I = useCallback(
     (j) => {
-      const k = getUserInputValues(`${a}`, u);
-      if (get(k, "error", !1)) {
+      const v = getUserInputValues(`${a}`, u);
+      if (get(v, "error", !1)) {
         b(!0);
         return;
       }
@@ -6503,9 +6543,9 @@ const RangeChoices = ({ property: o, onChange: n }) => {
         A(`${d}${j}`);
         return;
       }
-      if (get(k, "value") === "")
+      if (get(v, "value") === "")
         return;
-      const w = get(k, "unit") !== "" ? get(k, "unit") : j, T = `${get(k, "value", "").startsWith("-") ? "-" : ""}${d}[${get(k, "value", "").replace("-", "")}${w === "-" ? "" : w}]`;
+      const w = get(v, "unit") !== "" ? get(v, "unit") : j, T = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${w === "-" ? "" : w}]`;
       A(T);
     },
     [A, a, d, u]
@@ -6528,23 +6568,23 @@ const RangeChoices = ({ property: o, onChange: n }) => {
           onKeyDown: (j) => {
             if (j.keyCode !== 38 && j.keyCode !== 40)
               return;
-            j.preventDefault(), S(!0);
-            const k = parseInt$1(j.target.value);
-            let w = isNaN$1(k) ? 0 : k;
+            j.preventDefault(), R(!0);
+            const v = parseInt$1(j.target.value);
+            let w = isNaN$1(v) ? 0 : v;
             j.keyCode === 38 && (w += 1), j.keyCode === 40 && (w -= 1);
-            const R = `${w}`, L = `${R.startsWith("-") ? "-" : ""}${d}[${R.replace("-", "")}${x === "-" ? "" : x}]`;
+            const S = `${w}`, L = `${S.startsWith("-") ? "-" : ""}${d}[${S.replace("-", "")}${x === "-" ? "" : x}]`;
             N(L);
           },
           onKeyUp: (j) => {
-            B && (j.preventDefault(), S(!1));
+            B && (j.preventDefault(), R(!1));
           },
           onBlur: () => D(),
           onChange: (j) => {
             b(!1), l(j.target.value);
           },
           onClick: (j) => {
-            var k;
-            (k = j == null ? void 0 : j.target) == null || k.select(), r(!1);
+            var v;
+            (v = j == null ? void 0 : j.target) == null || v.select(), r(!1);
           },
           value: _ ? f : a,
           className: "h-6 w-14 rounded rounded-r-none border border-transparent bg-background pl-2 text-sm focus-visible:outline-0".concat(
@@ -6583,17 +6623,17 @@ const RangeChoices = ({ property: o, onChange: n }) => {
       {
         onDragStart: () => C(!0),
         onDragEnd: (j) => {
-          if (v(() => ""), C(!1), isEmpty(j))
+          if (k(() => ""), C(!1), isEmpty(j))
             return;
-          const k = `${j}`, R = `${k.startsWith("-") ? "-" : ""}${d}[${k.replace("-", "")}${x === "-" ? "" : x}]`;
-          A(R);
+          const v = `${j}`, S = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${x === "-" ? "" : x}]`;
+          A(S);
         },
         onDrag: (j) => {
           if (isEmpty(j))
             return;
-          v(j);
-          const k = `${j}`, R = `${k.startsWith("-") ? "-" : ""}${d}[${k.replace("-", "")}${x === "-" ? "" : x}]`;
-          N(R);
+          k(j);
+          const v = `${j}`, S = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${x === "-" ? "" : x}]`;
+          N(S);
         },
         currentValue: a,
         unit: x,
@@ -6690,7 +6730,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
   "2xl": "1536px"
 }, 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, [p] = useDarkMode(), [u] = useStylingState(), [, m] = useCanvasWidth(), x = useCurrentClassByProperty(l), g = useAddClassesToBlocks(), E = useRemoveClassesFromBlocks(), [b] = useSelectedBlockIds(), f = useMemo(() => get(x, "fullCls", ""), [x]), v = useCallback(
+  }, units: c, negative: d = !1 } = o, [p] = useDarkMode(), [u] = useStylingState(), [, m] = useCanvasWidth(), x = useCurrentClassByProperty(l), g = useAddClassesToBlocks(), E = useRemoveClassesFromBlocks(), [b] = useSelectedBlockIds(), f = useMemo(() => get(x, "fullCls", ""), [x]), k = useCallback(
     (N, D = !0) => {
       const I = { dark: p, mq: m, mod: u, cls: N, property: l, fullCls: "" };
       (p || u !== "") && (I.mq = "xs");
@@ -6704,7 +6744,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
   useEffect(() => {
     i(C, x);
   }, [C, i, x]);
-  const [, , B] = useCanvasWidth(), S = useCallback(
+  const [, , B] = useCanvasWidth(), R = useCallback(
     (N) => {
       B({
         xs: 400,
@@ -6727,15 +6767,15 @@ const RangeChoices = ({ property: o, onChange: n }) => {
             currentClass: get(x, "cls", ""),
             classPrefix: get(CLASS_PREFIXES, l, ""),
             units: c || [],
-            onChange: v,
+            onChange: k,
             negative: d,
             cssProperty: l
           }
         ) : null,
-        r === "icons" && /* @__PURE__ */ jsxRuntimeExports.jsx(IconChoices, { property: l, onChange: v }),
-        r === "range" && /* @__PURE__ */ jsxRuntimeExports.jsx(RangeChoices, { property: l, onChange: v }),
-        r === "color" && /* @__PURE__ */ jsxRuntimeExports.jsx(ColorChoice, { property: l, onChange: v }),
-        r === "dropdown" && /* @__PURE__ */ jsxRuntimeExports.jsx(DropDownChoices, { label: a, property: l, onChange: v })
+        r === "icons" && /* @__PURE__ */ jsxRuntimeExports.jsx(IconChoices, { property: l, onChange: k }),
+        r === "range" && /* @__PURE__ */ jsxRuntimeExports.jsx(RangeChoices, { property: l, onChange: k }),
+        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 ${f ? "visible" : "invisible"}`, children: A ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => _(), 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" }) }) : C && x ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { delayDuration: 100, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -6757,7 +6797,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
             "button",
             {
               type: "button",
-              onClick: () => S(get(x, "mq")),
+              onClick: () => R(get(x, "mq")),
               className: "block w-full cursor-default text-right font-semibold text-blue-500",
               children: [
                 "Switch to ",
@@ -7014,12 +7054,12 @@ const BlockCard = ({
   library: n,
   parentId: r = void 0
 }) => {
-  const [a, l] = useState(!1), i = useBuilderProp("getUILibraryBlock", noop), { addCoreBlock: c, addPredefinedBlock: d } = useAddBlock(), [, p] = useSelectedBlockIds(), { clearHighlight: u } = useBlockHighlight(), m = get(o, "name", get(o, "label")), x = useFeature("dnd"), [, g] = useAtom$1(draggedBlockAtom), E = (v) => {
-    const _ = has(v, "styles_attrs.data-page-section");
-    return v._type === "Box" && _;
+  const [a, l] = useState(!1), i = useBuilderProp("getUILibraryBlock", noop), { addCoreBlock: c, addPredefinedBlock: d } = useAddBlock(), [, p] = useSelectedBlockIds(), { clearHighlight: u } = useBlockHighlight(), m = get(o, "name", get(o, "label")), x = useFeature("dnd"), [, g] = useAtom$1(draggedBlockAtom), E = (k) => {
+    const _ = has(k, "styles_attrs.data-page-section");
+    return k._type === "Box" && _;
   }, b = useCallback(
-    async (v) => {
-      if (v.stopPropagation(), has(o, "component")) {
+    async (k) => {
+      if (k.stopPropagation(), has(o, "component")) {
         c(o, r), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
         return;
       }
@@ -7028,18 +7068,18 @@ const BlockCard = ({
       isEmpty(_) || d(syncBlocksWithDefaults(_), r), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
     },
     [o]
-  ), f = async (v) => {
+  ), f = async (k) => {
     const _ = await i(n, o);
     let C = r;
     if (E(first(_)) && (C = null), !isEmpty(_)) {
       const B = { blocks: _, uiLibrary: !0, parent: C };
-      if (v.dataTransfer.setData("text/plain", JSON.stringify(B)), o.preview) {
-        const S = new Image();
-        S.src = o.preview, S.onload = () => {
-          v.dataTransfer.setDragImage(S, 0, 0);
+      if (k.dataTransfer.setData("text/plain", JSON.stringify(B)), o.preview) {
+        const R = new Image();
+        R.src = o.preview, R.onload = () => {
+          k.dataTransfer.setDragImage(R, 0, 0);
         };
       } else
-        v.dataTransfer.setDragImage(new Image(), 0, 0);
+        k.dataTransfer.setDragImage(new Image(), 0, 0);
       g(B), setTimeout(() => {
         p([]), u(), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
       }, 200);
@@ -7091,7 +7131,7 @@ const BlockCard = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-9 h-full" })
     ] });
-  const v = filter(g, (C, B) => B % 2 === 0), _ = filter(g, (C, B) => B % 2 === 1);
+  const k = filter(g, (C, B) => B % 2 === 0), _ = filter(g, (C, B) => B % 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 }),
@@ -7127,7 +7167,7 @@ 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(
-              v.map((C) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: C, library: c }))
+              k.map((C) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: C, library: c }))
             ) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1", children: React__default.Children.toArray(
               _.map((C) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: C, library: c }))
@@ -8152,32 +8192,32 @@ const AIUserPrompt = ({ blockId: o }) => {
       return;
     }
     if (i) {
-      const S = [...a, { key: i, value: d }];
-      r(S), l(a), c(""), p(""), g("");
+      const R = [...a, { key: i, value: d }];
+      r(R), l(a), c(""), p(""), g("");
     }
-  }, v = (S) => {
-    const A = a.filter((N, D) => D !== S);
+  }, k = (R) => {
+    const A = a.filter((N, D) => D !== R);
     r(A), l(A);
-  }, _ = (S) => {
-    m(S), c(a[S].key), p(a[S].value);
+  }, _ = (R) => {
+    m(R), c(a[R].key), p(a[R].value);
   }, C = () => {
     if (i.startsWith("@")) {
       g("Attribute keys cannot start with '@'");
       return;
     }
     if (u !== null && i) {
-      const S = [...a];
-      S[u] = { key: i, value: d }, r(S), l(S), m(null), c(""), p(""), g("");
+      const R = [...a];
+      R[u] = { key: i, value: d }, r(R), l(R), m(null), c(""), p(""), g("");
     }
-  }, B = (S) => {
-    S.key === "Enter" && !S.shiftKey && (S.preventDefault(), u !== null ? C() : f());
+  }, B = (R) => {
+    R.key === "Enter" && !R.shiftKey && (R.preventDefault(), u !== null ? C() : f());
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "form",
       {
-        onSubmit: (S) => {
-          S.preventDefault(), u !== null ? C() : f();
+        onSubmit: (R) => {
+          R.preventDefault(), u !== null ? C() : f();
         },
         className: "space-y-3",
         children: [
@@ -8193,7 +8233,7 @@ const AIUserPrompt = ({ blockId: o }) => {
                   id: "attrKey",
                   ref: E,
                   value: i,
-                  onChange: (S) => c(S.target.value),
+                  onChange: (R) => c(R.target.value),
                   placeholder: "Key",
                   className: "h-8 text-sm"
                 }
@@ -8211,7 +8251,7 @@ const AIUserPrompt = ({ blockId: o }) => {
                   rows: 2,
                   ref: b,
                   value: d,
-                  onChange: (S) => p(S.target.value),
+                  onChange: (R) => p(R.target.value),
                   onKeyDown: B,
                   placeholder: "Value",
                   className: "bg-background text-sm"
@@ -8224,17 +8264,17 @@ const AIUserPrompt = ({ blockId: o }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 space-y-1 overflow-y-auto", children: a.map((S, 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, A) => /* @__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: S.key }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-wrap max-w-[200px] text-muted-foreground", children: S.value.toString() })
+        /* @__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: () => _(A), 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: () => v(A), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => k(A), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-3 w-3" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Remove attribute" })
         ] })
@@ -8701,10 +8741,10 @@ const PageDataProviders = () => {
     n.map((f) => map(i, "providerKey").includes(f.providerKey) ? null : { value: f.providerKey, label: f.name }),
     (f) => !isNull(f)
   ), g = (f) => {
-    const v = find(n, { providerKey: f });
-    c((_) => [..._, v]), a((_) => [..._, { providerKey: v.providerKey, args: {} }]), p(""), l("UNSAVED");
+    const k = find(n, { providerKey: f });
+    c((_) => [..._, k]), a((_) => [..._, { providerKey: k.providerKey, args: {} }]), p(""), l("UNSAVED");
   }, E = (f) => {
-    c((v) => filter(v, (_) => _.providerKey !== f.providerKey)), a((v) => filter(v, (_) => _.providerKey !== f.providerKey)), l("UNSAVED");
+    c((k) => filter(k, (_) => _.providerKey !== f.providerKey)), a((k) => filter(k, (_) => _.providerKey !== f.providerKey)), l("UNSAVED");
   }, b = (f) => m(f);
   return isEmpty(n) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
     o("no_data_providers"),
@@ -8801,7 +8841,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-XucHTo33.js"));
+const TopBar = lazy(() => import("./Topbar-3h7dkWBH.js"));
 function useSidebarMenuItems(o) {
   const n = o === "SINGLE_SIDE_PANEL", { t: r } = useTranslation(), a = useBuilderProp("dataBindingSupport", !1), l = useBuilderProp("askAiCallBack", null);
   return useMemo(() => {