@chaibuilder/sdk 2.2.21 → 2.2.23

package/dist/core.js

@@ -799,10 +799,10 @@ const undoRedoStateAtom = atom({
   return {
     moveBlocks: (x, y, b) => {
       const v = map(x, (w) => {
-        const _ = r.find((N) => N._id === w)._parent || null, B = r.filter((N) => _ ? N._parent === _ : !N._parent).map((N) => N._id).indexOf(w);
-        return { _id: w, oldParent: _, oldPosition: B };
-      }), A = v.find(({ _id: w }) => w === x[0]);
-      A && A.oldParent === y && A.oldPosition === b || (i(x, y, b), o({
+        const _ = r.find((N) => N._id === w)._parent || null, A = r.filter((N) => _ ? N._parent === _ : !N._parent).map((N) => N._id).indexOf(w);
+        return { _id: w, oldParent: _, oldPosition: A };
+      }), B = v.find(({ _id: w }) => w === x[0]);
+      B && B.oldParent === y && B.oldPosition === b || (i(x, y, b), o({
         undo: () => each(v, ({ _id: w, oldParent: E, oldPosition: _ }) => {
           i([w], E, _);
         }),
@@ -816,8 +816,8 @@ const undoRedoStateAtom = atom({
       });
     },
     removeBlocks: (x) => {
-      var A;
-      const y = (A = first(x)) == null ? void 0 : A._parent, v = r.filter((w) => y ? w._parent === y : !w._parent).indexOf(first(x));
+      var B;
+      const y = (B = first(x)) == null ? void 0 : B._parent, v = r.filter((w) => y ? w._parent === y : !w._parent).indexOf(first(x));
       l(map(x, "_id")), o({
         undo: () => a(x, y, v),
         redo: () => l(map(x, "_id"))
@@ -826,17 +826,17 @@ const undoRedoStateAtom = atom({
     updateBlocks: (x, y, b) => {
       let v = [];
       if (b)
-        v = map(x, (A) => ({ _id: A, ...b }));
+        v = map(x, (B) => ({ _id: B, ...b }));
       else {
-        const A = keys(y);
+        const B = keys(y);
         v = map(x, (w) => {
           const E = r.find((S) => S._id === w), _ = { _id: w };
-          return each(A, (S) => _[S] = E[S]), _;
+          return each(B, (S) => _[S] = E[S]), _;
         });
       }
-      c(map(x, (A) => ({ _id: A, ...y }))), o({
+      c(map(x, (B) => ({ _id: B, ...y }))), o({
         undo: () => c(v),
-        redo: () => c(map(x, (A) => ({ _id: A, ...y })))
+        redo: () => c(map(x, (B) => ({ _id: B, ...y })))
       });
     },
     updateBlocksRuntime: (x, y) => {
@@ -851,8 +851,8 @@ const undoRedoStateAtom = atom({
     updateMultipleBlocksProps: (x) => {
       let y = [];
       y = map(x, (b) => {
-        const v = keys(b), A = r.find((E) => E._id === b._id), w = {};
-        return each(v, (E) => w[E] = A[E]), w;
+        const v = keys(b), B = r.find((E) => E._id === b._id), w = {};
+        return each(v, (E) => w[E] = B[E]), w;
       }), c(x), o({
         undo: () => c(y),
         redo: () => c(x)
@@ -2341,8 +2341,8 @@ const getBlockWithChildren = (o, r) => {
     for (const y in x) {
       const b = x[y];
       if (typeof b == "string" && startsWith(b, STYLES_KEY)) {
-        const { baseClasses: v, classes: A } = getSplitChaiClasses(b);
-        x[y] = compact(flattenDeep([v, A])).join(" ");
+        const { baseClasses: v, classes: B } = getSplitChaiClasses(b);
+        x[y] = compact(flattenDeep([v, B])).join(" ");
       } else
         y !== "_id" && delete x[y];
     }
@@ -2354,21 +2354,21 @@ const getBlockWithChildren = (o, r) => {
         if (l) {
           r(!0), a(null);
           try {
-            const b = p === u ? "" : p, v = h === "content" ? pickOnlyAIProps(cloneDeep(getBlockWithChildren(f, d)), p) : [g(f, d)], A = await l(h, addLangToPrompt(x, m, h), v, b), { blocks: w, error: E } = A;
+            const b = p === u ? "" : p, v = h === "content" ? pickOnlyAIProps(cloneDeep(getBlockWithChildren(f, d)), p) : [g(f, d)], B = await l(h, addLangToPrompt(x, m, h), v, b), { blocks: w, error: E } = B;
             if (E) {
               a(E);
               return;
             }
             if (h === "styles") {
               const _ = w.map((S) => {
-                for (const B in S)
-                  B !== "_id" && (S[B] = `${STYLES_KEY},${S[B]}`);
+                for (const A in S)
+                  A !== "_id" && (S[A] = `${STYLES_KEY},${S[A]}`);
                 return S;
               });
               c(_);
             } else
               i(w);
-            y && y(A);
+            y && y(B);
           } catch (b) {
             a(b);
           } finally {
@@ -2839,7 +2839,7 @@ const INLINE_EDITABLE_BLOCKS = ["Heading", "Paragraph", "Text", "Link", "Span"],
         pubsub.publish(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_STYLE_SELECTED, { blockId: u, styleId: p, styleProp: d });
       } else if (c != null && c.getAttribute("data-block-id")) {
         const d = c.getAttribute("data-block-id");
-        pubsub.publish(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_SELECTED, { blockId: d === "canvas" ? [] : [d] });
+        pubsub.publish(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_SELECTED, d === "canvas" ? [] : [d]);
       }
       r(), n.current = (/* @__PURE__ */ new Date()).getTime();
     },
@@ -3493,16 +3493,16 @@ const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame,
       var C;
       const _ = o._type;
       let S = o[n];
-      const B = getRegisteredChaiBlock(o._type);
-      return g && ((C = B == null ? void 0 : B.i18nProps) == null ? void 0 : C.includes(n)) && has(o, `${n}-${g}`) && (S = get(o, `${n}-${g}`)), { blockContent: S, blockType: _ };
+      const A = getRegisteredChaiBlock(o._type);
+      return g && ((C = A == null ? void 0 : A.i18nProps) == null ? void 0 : C.includes(n)) && has(o, `${n}-${g}`) && (S = get(o, `${n}-${g}`)), { blockContent: S, blockType: _ };
     }, [o, g]), v = useCallback(
       (_) => {
-        var B;
-        const S = _ || ((B = p.current) == null ? void 0 : B.innerText);
+        var A;
+        const S = _ || ((A = p.current) == null ? void 0 : A.innerText);
         m([x], { [n]: S }), d(null), i(null), h([]);
       },
       [x, m, i, h, g]
-    ), A = useDebouncedCallback(
+    ), B = useDebouncedCallback(
       (_) => {
         m([x], { [n]: _ });
       },
@@ -3528,7 +3528,7 @@ const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame,
       {
         blockContent: y,
         editingElement: c,
-        onChange: A,
+        onChange: B,
         onClose: v,
         onEscape: w
       }
@@ -3539,7 +3539,7 @@ const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame,
         blockContent: y,
         editingElement: c,
         onClose: v,
-        onChange: A,
+        onChange: B,
         onEscape: w
       }
     )) : null, [c, x, b, y, v, g]);
@@ -3586,7 +3586,7 @@ const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame,
   ), b = useMemo(() => getBlockTagAttributes(l), [l, getBlockTagAttributes]), v = useMemo(
     () => p(l._id, getBlockRuntimeProps(l._type)),
     [l._id, l._type, p, getBlockRuntimeProps]
-  ), A = useMemo(
+  ), B = useMemo(
     () => ({
       blockProps: { "data-block-id": l._id, "data-block-type": l._type },
       inBuilder: !0,
@@ -3609,7 +3609,7 @@ const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame,
   ), w = useMemo(() => !CORE_BLOCKS.includes(l._type), [l._type]);
   if (isNull(h) || m.includes(l._id)) return null;
   let E = /* @__PURE__ */ jsx(Suspense, { children: createElement(h, {
-    ...A,
+    ...B,
     children: n({
       _id: l._id,
       _type: l._type,
@@ -3697,13 +3697,11 @@ const CanvasEventsWatcher = () => {
       }
     }, 100);
   }, [a, i, n, r]), useEffect(() => () => l(), [l]), usePubSub(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_SELECTED, (d) => {
-    if (!d) return;
-    const { blockId: p } = d;
-    i.includes(p) || c == null || c.closeAll(), o([p]);
+    d && (!isEmpty(d) && !includes(i, first(d)) && (c == null || c.closeAll()), o(d));
   }), usePubSub(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_STYLE_SELECTED, (d) => {
     if (!d) return;
     const { blockId: p, styleId: u, styleProp: m } = d;
-    p && (i.includes(p) || c == null || c.closeAll(), n([{ id: u, prop: m, blockId: p }]), o([p]));
+    p && (includes(i, p) || c == null || c.closeAll(), n([{ id: u, prop: m, blockId: p }]), o([p]));
   }), usePubSub(CHAI_BUILDER_EVENTS.CLEAR_CANVAS_SELECTION, () => {
     l(), o([]), n([]);
   }), null;
@@ -4059,11 +4057,11 @@ const DataBindingSelector = ({
         r(`{{${m}}}`, {}, n);
         return;
       }
-      const h = (b) => /[.,!?;:]/.test(b), f = (b, v, A) => {
+      const h = (b) => /[.,!?;:]/.test(b), f = (b, v, B) => {
         let w = "", E = "";
         const _ = v > 0 ? b[v - 1] : "", S = v < b.length ? b[v] : "";
         return v > 0 && (_ === "." || !h(_) && _ !== " ") && (w = " "), v < b.length && !h(S) && S !== " " && (E = " "), {
-          text: w + A + E,
+          text: w + B + E,
           prefixLength: w.length,
           suffixLength: E.length
         };
@@ -4075,13 +4073,13 @@ const DataBindingSelector = ({
         if (b) {
           const v = `{{${m}}}`;
           b.commands.focus();
-          const { from: A, to: w } = b.state.selection;
-          if (A !== w)
+          const { from: B, to: w } = b.state.selection;
+          if (B !== w)
             b.chain().deleteSelection().insertContent(v).run();
           else {
-            const { state: _ } = b, S = _.selection.from, B = _.doc.textBetween(Math.max(0, S - 1), S), N = _.doc.textBetween(S, Math.min(S + 1, _.doc.content.size));
+            const { state: _ } = b, S = _.selection.from, A = _.doc.textBetween(Math.max(0, S - 1), S), N = _.doc.textBetween(S, Math.min(S + 1, _.doc.content.size));
             let C = "";
-            S > 0 && B !== " " && !h(B) && (C = " ");
+            S > 0 && A !== " " && !h(A) && (C = " ");
             let k = "";
             N && N !== " " && !h(N) && (k = " "), b.chain().insertContent(C + v + k).run();
           }
@@ -4089,14 +4087,14 @@ const DataBindingSelector = ({
           return;
         }
       } else {
-        const b = x, v = b.selectionStart || 0, A = b.value || "", w = b.selectionEnd || v;
+        const b = x, v = b.selectionStart || 0, B = b.value || "", w = b.selectionEnd || v;
         if (w > v) {
-          const N = `{{${m}}}`, { text: C } = f(A, v, N), k = A.slice(0, v) + C + A.slice(w);
+          const N = `{{${m}}}`, { text: C } = f(B, v, N), k = B.slice(0, v) + C + B.slice(w);
           r(k, {}, n);
           return;
         }
-        const _ = `{{${m}}}`, { text: S } = f(A, v, _), B = A.slice(0, v) + S + A.slice(v);
-        r(B, {}, n);
+        const _ = `{{${m}}}`, { text: S } = f(B, v, _), A = B.slice(0, v) + S + B.slice(v);
+        r(A, {}, n);
       }
     },
     [n, r, a, c == null ? void 0 : c._id, d]
@@ -4118,7 +4116,7 @@ const DataBindingSelector = ({
   onChange: n
 }) => {
   var N;
-  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (C, k) => []), [i, c] = useState(!1), [d, p] = useState(!1), [u, m] = useState("page"), [g, h] = useState(""), [f, x] = useState([]), [y, b] = useState(-1), v = useRef(null), A = (N = r == null ? void 0 : r.find((C) => C.key === u)) == null ? void 0 : N.name;
+  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (C, k) => []), [i, c] = useState(!1), [d, p] = useState(!1), [u, m] = useState("page"), [g, h] = useState(""), [f, x] = useState([]), [y, b] = useState(-1), v = useRef(null), B = (N = r == null ? void 0 : r.find((C) => C.key === u)) == null ? void 0 : N.name;
   useEffect(() => {
     if (h(""), x([]), b(-1), p(!1), !o || i || !startsWith(o, "pageType:")) return;
     const C = split(o, ":"), k = get(C, 1, "page") || "page";
@@ -4167,7 +4165,7 @@ const DataBindingSelector = ({
   }, [y]);
   const S = () => {
     h(""), x([]), b(-1), p(!1), n("");
-  }, B = (C) => {
+  }, A = (C) => {
     h(C), p(!isEmpty(C)), c(!0), w(C);
   };
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -4178,9 +4176,9 @@ const DataBindingSelector = ({
         {
           type: "text",
           value: g,
-          onChange: (C) => B(C.target.value),
+          onChange: (C) => A(C.target.value),
           onKeyDown: _,
-          placeholder: a(`Search ${A ?? ""}`),
+          placeholder: a(`Search ${B ?? ""}`),
           className: "w-full rounded-md border border-gray-300 p-2 pr-16"
         }
       ),
@@ -4513,9 +4511,9 @@ const MenuBar = ({ editor: o, onExpand: r }) => {
     if (f !== x)
       u.chain().deleteSelection().insertContent(h).run();
     else {
-      const { state: b } = u, v = b.selection.from, A = b.doc.textBetween(Math.max(0, v - 1), v), w = b.doc.textBetween(v, Math.min(v + 1, b.doc.content.size));
+      const { state: b } = u, v = b.selection.from, B = b.doc.textBetween(Math.max(0, v - 1), v), w = b.doc.textBetween(v, Math.min(v + 1, b.doc.content.size));
       let E = "";
-      v > 0 && A !== " " && !/[.,!?;:]/.test(A) && (E = " ");
+      v > 0 && B !== " " && !/[.,!?;:]/.test(B) && (E = " ");
       let _ = "";
       w && w !== " " && !/[.,!?;:]/.test(w) && (_ = " "), u.chain().insertContent(E + h + _).run();
     }
@@ -4818,9 +4816,9 @@ const MenuBar = ({ editor: o, onExpand: r }) => {
   const { selectedLang: h, fallbackLang: f, languages: x } = useLanguages(), y = useMemo(
     () => isEmpty(x) ? "" : isEmpty(h) ? f : h,
     [x, h, f]
-  ), b = useMemo(() => get(LANGUAGES, y, y), [y]), v = usePageExternalData(), A = useSelectedBlock(), w = useRegisteredChaiBlocks(), E = useMemo(
-    () => get(w, [A == null ? void 0 : A._type, "i18nProps"], []),
-    [w, A == null ? void 0 : A._type]
+  ), b = useMemo(() => get(LANGUAGES, y, y), [y]), v = usePageExternalData(), B = useSelectedBlock(), w = useRegisteredChaiBlocks(), E = useMemo(
+    () => get(w, [B == null ? void 0 : B._type, "i18nProps"], []),
+    [w, B == null ? void 0 : B._type]
   ), [_, S] = useState(null);
   if (d)
     return null;
@@ -4942,31 +4940,36 @@ const MenuBar = ({ editor: o, onExpand: r }) => {
   }), a;
 };
 function BlockSettings() {
-  const { selectedLang: o } = useLanguages(), r = useSelectedBlock(), n = useUpdateBlocksPropsRealtime(), a = useUpdateBlocksProps(), l = getRegisteredChaiBlock(r == null ? void 0 : r._type), i = formDataWithSelectedLang(r, o, l), [c, d] = useState(i), [p, u] = useState(!1), m = useWrapperBlock(), g = getRegisteredChaiBlock(m == null ? void 0 : m._type), h = formDataWithSelectedLang(m, o, g), f = ({ formData: _ }, S, B) => {
-    S && (c == null ? void 0 : c._id) === r._id && a([r._id], { [S]: get(_, S) }, B);
+  const { selectedLang: o } = useLanguages(), r = useSelectedBlock(), n = useUpdateBlocksPropsRealtime(), a = useUpdateBlocksProps(), l = getRegisteredChaiBlock(r == null ? void 0 : r._type), i = formDataWithSelectedLang(r, o, l), [c, d] = useState(i), [p, u] = useState(!1), m = useWrapperBlock(), g = getRegisteredChaiBlock(m == null ? void 0 : m._type), h = formDataWithSelectedLang(m, o, g), f = ({ formData: _ }, S, A) => {
+    S && (c == null ? void 0 : c._id) === r._id && a([r._id], { [S]: get(_, S) }, A);
   }, x = useCallback(
-    debounce(({ formData: _ }, S, B) => {
-      f({ formData: _ }, S, B), d(_);
+    debounce(({ formData: _ }, S, A) => {
+      f({ formData: _ }, S, A), d(_);
     }, 1500),
     [r == null ? void 0 : r._id, o]
   ), y = ({ formData: _ }, S) => {
     S && (n([r._id], { [S]: get(_, S) }), x({ formData: _ }, S, { [S]: get(c, S) }));
   }, b = ({ formData: _ }, S) => {
     S && (n([m._id], { [S]: get(_, S) }), x({ formData: _ }, S, { [S]: get(c, S) }));
-  }, { schema: v, uiSchema: A } = useMemo(() => {
+  }, { schema: v, uiSchema: B } = useMemo(() => {
     const _ = r == null ? void 0 : r._type;
     if (!_)
       return { schema: {}, uiSchema: {} };
     try {
-      return getBlockFormSchemas(_);
+      const { schema: S, uiSchema: A } = getBlockFormSchemas(_);
+      if (_ === "Repeater") {
+        const N = get(r, "repeaterItems", "");
+        startsWith(N, `{{${COLLECTION_PREFIX}`) ? (set(A, "filter", { "ui:widget": "collectionSelect" }), set(A, "sort", { "ui:widget": "collectionSelect" })) : (set(A, "filter", { "ui:widget": "hidden" }), set(A, "sort", { "ui:widget": "hidden" }));
+      }
+      return { schema: S, uiSchema: A };
     } catch {
       return { schema: {}, uiSchema: {} };
     }
   }, [r]), { wrapperSchema: w, wrapperUiSchema: E } = useMemo(() => {
     if (!m || !(m != null && m._type))
       return { wrapperSchema: {}, wrapperUiSchema: {} };
-    const _ = m == null ? void 0 : m._type, { schema: S = {}, uiSchema: B = {} } = getBlockFormSchemas(_);
-    return { wrapperSchema: S, wrapperUiSchema: B };
+    const _ = m == null ? void 0 : m._type, { schema: S = {}, uiSchema: A = {} } = getBlockFormSchemas(_);
+    return { wrapperSchema: S, wrapperUiSchema: A };
   }, [m]);
   return /* @__PURE__ */ jsxs("div", { className: "no-scrollbar overflow-x-hidden px-px", children: [
     !isEmpty(m) && /* @__PURE__ */ jsxs("div", { className: "mb-4 rounded border bg-zinc-100 px-1", children: [
@@ -5006,7 +5009,7 @@ function BlockSettings() {
         onChange: y,
         formData: i,
         schema: v,
-        uiSchema: A
+        uiSchema: B
       }
     )
   ] });
@@ -5183,7 +5186,7 @@ const BlockStylingProps = () => {
   },
   a
 )) }), THROTTLE_TIME = 50, AdvanceChoices = (o) => {
-  const [r, n] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: p, units: u, negative: m } = o, [g, h] = useState(p != null && p.toLowerCase().includes("width") ? "%" : u[0]), [f, x] = useState(!1), [y, b] = useState(""), [v, A] = useState(!1), [w, E] = useState(!1);
+  const [r, n] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: p, units: u, negative: m } = o, [g, h] = useState(p != null && p.toLowerCase().includes("width") ? "%" : u[0]), [f, x] = useState(!1), [y, b] = useState(""), [v, B] = useState(!1), [w, E] = useState(!1);
   useEffect(() => {
     const { value: C, unit: k } = getClassValueAndUnit(i);
     if (k === "") {
@@ -5192,7 +5195,7 @@ const BlockStylingProps = () => {
     }
     h(k), l(k === "class" || isEmpty(C) ? "" : C);
   }, [i, p, u]);
-  const _ = useThrottledCallback((C) => c(C), [c], THROTTLE_TIME), S = useThrottledCallback((C) => c(C, !1), [c], THROTTLE_TIME), B = useCallback(
+  const _ = useThrottledCallback((C) => c(C), [c], THROTTLE_TIME), S = useThrottledCallback((C) => c(C, !1), [c], THROTTLE_TIME), A = useCallback(
     (C = !1) => {
       const k = getUserInputValues(`${a}`, u);
       if (get(k, "error", !1)) {
@@ -5248,7 +5251,7 @@ const BlockStylingProps = () => {
         {
           readOnly: g === "class",
           onKeyPress: (C) => {
-            C.key === "Enter" && B();
+            C.key === "Enter" && A();
           },
           onKeyDown: (C) => {
             if (C.keyCode !== 38 && C.keyCode !== 40)
@@ -5263,7 +5266,7 @@ const BlockStylingProps = () => {
           onKeyUp: (C) => {
             w && (C.preventDefault(), E(!1));
           },
-          onBlur: () => B(),
+          onBlur: () => A(),
           onChange: (C) => {
             x(!1), l(C.target.value);
           },
@@ -5306,9 +5309,9 @@ const BlockStylingProps = () => {
     ["none", "auto"].indexOf(g) !== -1 || v ? null : /* @__PURE__ */ jsx(
       DragStyleButton,
       {
-        onDragStart: () => A(!0),
+        onDragStart: () => B(!0),
         onDragEnd: (C) => {
-          if (b(() => ""), A(!1), isEmpty(C))
+          if (b(() => ""), B(!1), isEmpty(C))
             return;
           const k = `${C}`, T = `${k.startsWith("-") ? "-" : ""}${d}[${k.replace("-", "")}${g === "-" ? "" : g}]`;
           _(T);
@@ -5782,19 +5785,19 @@ const COLOR_PROP = {
 }, getBreakpoint = (o) => `${o.toUpperCase()} ${BREAKPOINTS[o] ? `(${BREAKPOINTS[o]} & up)` : ""}`, BlockStyle = (o) => {
   const { t: r } = useTranslation(), { type: n = "icons", label: a, property: l, onEmitChange: i = () => {
   }, units: c, negative: d = !1 } = o, [p] = useDarkMode(), [u] = useStylingState(), [, m] = useScreenSizeWidth(), g = useCurrentClassByProperty(l), h = useAddClassesToBlocks(), f = useRemoveClassesFromBlocks(), [x] = useSelectedBlockIds(), y = useMemo(() => get(g, "fullCls", ""), [g]), b = useCallback(
-    (S, B = !0) => {
+    (S, A = !0) => {
       const N = { dark: p, mq: m, mod: u, cls: S, property: l, fullCls: "" };
       (p || u !== "") && (N.mq = "xs");
       const C = generateFullClsName(N);
-      h(x, [C], B);
+      h(x, [C], A);
     },
     [x, p, m, u, l, h]
   ), v = useCallback(() => {
     f(x, [y], !0);
-  }, [x, y, f]), A = useMemo(() => canChangeClass(g, m), [g, m]);
+  }, [x, y, f]), B = useMemo(() => canChangeClass(g, m), [g, m]);
   useEffect(() => {
-    i(A, g);
-  }, [A, i, g]);
+    i(B, g);
+  }, [B, i, g]);
   const [, , w] = useScreenSizeWidth(), E = useCallback(
     (S) => {
       w({
@@ -5808,7 +5811,7 @@ const COLOR_PROP = {
     },
     [w]
   ), _ = get(g, "dark", null) === p && get(g, "mod", null) === u && get(g, "mq", null) === m;
-  return /* @__PURE__ */ jsx(BlockStyleProvider, { canChange: A, canReset: g && _, children: /* @__PURE__ */ jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
+  return /* @__PURE__ */ jsx(BlockStyleProvider, { canChange: B, canReset: g && _, children: /* @__PURE__ */ jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
     /* @__PURE__ */ jsx("div", { className: "relative w-[70px] truncate text-xs text-foreground", children: /* @__PURE__ */ jsx("span", { className: `text-[11px] ${g && !_ ? "text-foreground" : ""}`, children: r(a) }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-[150px]", children: [
@@ -5828,7 +5831,7 @@ const COLOR_PROP = {
         n === "color" && /* @__PURE__ */ jsx(ColorChoice, { property: l, onChange: b }),
         n === "dropdown" && /* @__PURE__ */ jsx(DropDownChoices, { label: a, property: l, onChange: b })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: `w-[30px] cursor-pointer ${y ? "visible" : "invisible"}`, children: _ ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => v(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : A && g ? /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 100, children: [
+      /* @__PURE__ */ jsx("div", { className: `w-[30px] cursor-pointer ${y ? "visible" : "invisible"}`, children: _ ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => v(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : B && g ? /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 100, children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
           "button",
           {
@@ -6229,7 +6232,7 @@ const AskAIStyles = ({ blockId: o }) => {
 };
 function ManualClasses() {
   var T;
-  const o = useRef(null), [r, n] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: c } = useTranslation(), [d] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), m = useRemoveClassesFromBlocks(), [g] = useSelectedBlockIds(), h = useBuilderProp("askAiCallBack", null), [f, x] = useState(""), y = (T = first(d)) == null ? void 0 : T.prop, { classes: b } = getSplitChaiClasses(get(p, y, "")), v = b.split(" ").filter((I) => !isEmpty(I)), A = () => {
+  const o = useRef(null), [r, n] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: c } = useTranslation(), [d] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), m = useRemoveClassesFromBlocks(), [g] = useSelectedBlockIds(), h = useBuilderProp("askAiCallBack", null), [f, x] = useState(""), y = (T = first(d)) == null ? void 0 : T.prop, { classes: b } = getSplitChaiClasses(get(p, y, "")), v = b.split(" ").filter((I) => !isEmpty(I)), B = () => {
     const I = f.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
     u(g, I, !0), x("");
   }, [w, E] = useState([]), _ = ({ value: I }) => {
@@ -6246,7 +6249,7 @@ function ManualClasses() {
     return E(map(D, "item"));
   }, S = () => {
     E([]);
-  }, B = (I) => I.name, N = (I) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: I.name }), C = useMemo(
+  }, A = (I) => I.name, N = (I) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: I.name }), C = useMemo(
     () => ({
       ref: o,
       autoComplete: "off",
@@ -6261,7 +6264,7 @@ function ManualClasses() {
         }, 0);
       },
       onKeyDown: (I) => {
-        I.key === "Enter" && f.trim() !== "" && A();
+        I.key === "Enter" && f.trim() !== "" && B();
       },
       onChange: (I, { newValue: P }) => x(P),
       className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
@@ -6302,7 +6305,7 @@ function ManualClasses() {
           suggestions: w,
           onSuggestionsFetchRequested: _,
           onSuggestionsClearRequested: S,
-          getSuggestionValue: B,
+          getSuggestionValue: A,
           renderSuggestion: N,
           inputProps: C,
           containerProps: {
@@ -6320,7 +6323,7 @@ function ManualClasses() {
         {
           variant: "outline",
           className: "h-6 border-border",
-          onClick: A,
+          onClick: B,
           disabled: f.trim() === "",
           size: "sm",
           children: /* @__PURE__ */ jsx(PlusIcon, {})
@@ -6745,7 +6748,7 @@ const CoreBlock = ({
     }
   }
 }, traverseNodes = (o, r = null) => flatMapDeep(o, (n) => {
-  var g, h, f, x, y, b, v, A;
+  var g, h, f, x, y, b, v, B;
   if (n.type === "comment") return [];
   console.log("node ===>", n);
   let a = { _id: generateUUID() };
@@ -6808,8 +6811,8 @@ const CoreBlock = ({
       const _ = find(E.children || [], (S) => (S == null ? void 0 : S.tagName) === "svg");
       if (_) {
         a.icon = stringify([_]);
-        const { height: S, width: B } = getSvgDimensions(_, "16px", "16px");
-        a.iconHeight = S, a.iconWidth = B;
+        const { height: S, width: A } = getSvgDimensions(_, "16px", "16px");
+        a.iconHeight = S, a.iconWidth = A;
       }
     }
     return [a];
@@ -6821,9 +6824,9 @@ const CoreBlock = ({
     const w = stringify([n]);
     return hasVideoEmbed(w) && (set(a, "_type", "Video"), set(a, "url", getVideoURLFromHTML(w)), set(a, "styles", `${STYLES_KEY},`), set(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = w, [a];
   } else if (n.tagName === "svg") {
-    const w = find(n.attributes, { key: "height" }), E = find(n.attributes, { key: "width" }), _ = get(w, "value") ? `[${get(w, "value")}px]` : "24px", S = get(E, "value") ? `[${get(E, "value")}px]` : "24px", B = get(find(n.attributes, { key: "class" }), "value", "w-full h-full");
-    return a.styles = `${STYLES_KEY}, ${cn$2(`w-${S} h-${_}`, B)}`.trim(), n.attributes = filter(n.attributes, (N) => !includes(["style", "width", "height", "class"], N.key)), a.icon = stringify([n]), [a];
-  } else if (n.tagName == "option" && r && ((A = r.block) == null ? void 0 : A._type) === "Select")
+    const w = find(n.attributes, { key: "height" }), E = find(n.attributes, { key: "width" }), _ = get(w, "value") ? `[${get(w, "value")}px]` : "24px", S = get(E, "value") ? `[${get(E, "value")}px]` : "24px", A = get(find(n.attributes, { key: "class" }), "value", "w-full h-full");
+    return a.styles = `${STYLES_KEY}, ${cn$2(`w-${S} h-${_}`, A)}`.trim(), n.attributes = filter(n.attributes, (N) => !includes(["style", "width", "height", "class"], N.key)), a.icon = stringify([n]), [a];
+  } else if (n.tagName == "option" && r && ((B = r.block) == null ? void 0 : B._type) === "Select")
     return r.block.options.push({
       label: getTextContent(n.children),
       ...getAttrs(n)
@@ -6927,12 +6930,12 @@ const BlockCard = ({
   parentId: n = void 0,
   position: a = -1
 }) => {
-  const [l, i] = useState(!1), c = useBuilderProp("getUILibraryBlock", noop), { addCoreBlock: d, addPredefinedBlock: p } = useAddBlock(), [, u] = useSelectedBlockIds(), { clearHighlight: m } = useBlockHighlight(), g = get(o, "name", get(o, "label")), h = get(o, "description", ""), f = useFeature("dnd"), [, x] = useAtom$1(draggedBlockAtom), y = (A) => {
-    const w = has(A, "styles_attrs.data-page-section");
-    return A._type === "Box" && w;
+  const [l, i] = useState(!1), c = useBuilderProp("getUILibraryBlock", noop), { addCoreBlock: d, addPredefinedBlock: p } = useAddBlock(), [, u] = useSelectedBlockIds(), { clearHighlight: m } = useBlockHighlight(), g = get(o, "name", get(o, "label")), h = get(o, "description", ""), f = useFeature("dnd"), [, x] = useAtom$1(draggedBlockAtom), y = (B) => {
+    const w = has(B, "styles_attrs.data-page-section");
+    return B._type === "Box" && w;
   }, b = useCallback(
-    async (A) => {
-      if (A.stopPropagation(), has(o, "component")) {
+    async (B) => {
+      if (B.stopPropagation(), has(o, "component")) {
         d(o, n, a), pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK);
         return;
       }
@@ -6949,18 +6952,18 @@ const BlockCard = ({
         onClick: l ? () => {
         } : b,
         draggable: f ? "true" : "false",
-        onDragStart: async (A) => {
+        onDragStart: async (B) => {
           const w = await c(r, o);
           let E = n;
           if (y(first(w)) && (E = null), !isEmpty(w)) {
             const _ = { blocks: w, uiLibrary: !0, parent: E };
-            if (A.dataTransfer.setData("text/plain", JSON.stringify(_)), o.preview) {
+            if (B.dataTransfer.setData("text/plain", JSON.stringify(_)), o.preview) {
               const S = new Image();
               S.src = o.preview, S.onload = () => {
-                A.dataTransfer.setDragImage(S, 0, 0);
+                B.dataTransfer.setDragImage(S, 0, 0);
               };
             } else
-              A.dataTransfer.setDragImage(new Image(), 0, 0);
+              B.dataTransfer.setDragImage(new Image(), 0, 0);
             x(_), setTimeout(() => {
               u([]), m(), pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK);
             }, 200);
@@ -7013,13 +7016,13 @@ const BlockCard = ({
       return;
     }
   }, [y, b]);
-  const A = get(y, b, []), w = useRef(null), { t: E } = useTranslation(), _ = (k) => {
+  const B = get(y, b, []), w = useRef(null), { t: E } = useTranslation(), _ = (k) => {
     w.current && (clearTimeout(w.current), w.current = null), w.current = setTimeout(() => {
       w.current && v(k);
     }, 400);
   }, S = () => {
     i != null && i.id && p(i.id);
-  }, B = () => {
+  }, A = () => {
     m("");
   };
   if (d)
@@ -7027,7 +7030,7 @@ const BlockCard = ({
       /* @__PURE__ */ jsx(Skeleton, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "col-span-9 h-full" })
     ] });
-  const N = filter(A, (k, j) => j % 2 === 0), C = filter(A, (k, j) => j % 2 === 1);
+  const N = filter(B, (k, j) => j % 2 === 0), C = filter(B, (k, j) => j % 2 === 1);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-full max-h-full flex-col", children: [
     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 border-border py-2", children: /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
       /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
@@ -7043,7 +7046,7 @@ const BlockCard = ({
       u && /* @__PURE__ */ jsx(
         "button",
         {
-          onClick: B,
+          onClick: A,
           className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
           children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
         }
@@ -7087,7 +7090,7 @@ const BlockCard = ({
           onMouseEnter: () => w.current ? clearTimeout(w.current) : null,
           className: "z-10 flex h-full max-h-full w-full flex-col gap-2 transition-all ease-linear",
           children: [
-            isEmpty(A) && !isEmpty(y) ? /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: E("No blocks found in this group") }) }) : /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-2 gap-2 px-2", children: [
+            isEmpty(B) && !isEmpty(y) ? /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: E("No blocks found in this group") }) }) : /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-2 gap-2 px-2", children: [
               /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: N.map((k, j) => /* @__PURE__ */ jsx(
                 BlockCard,
                 {
@@ -7143,14 +7146,14 @@ const BlockCard = ({
         }), m(!0);
       else if (!l && Object.keys(a || {}).length > 0) {
         const h = Object.entries(a).map(([x, y]) => {
-          const b = y, v = b.type || "partial", A = formatReadableName(v);
+          const b = y, v = b.type || "partial", B = formatReadableName(v);
           return {
             type: "PartialBlock",
             // Set the type to PartialBlock
             label: formatReadableName(b.name || x),
             description: b.description || "",
             icon: Globe,
-            group: A,
+            group: B,
             // Use formatted type as group
             category: "partial",
             partialBlockId: x,
@@ -7222,7 +7225,7 @@ const BlockCard = ({
   }), []);
   const v = useCallback((k) => {
     y(k), b.current && b.current(k);
-  }, []), A = useCallback(() => {
+  }, []), B = useCallback(() => {
     y(null), b.current && b.current.cancel();
   }, []), w = useCallback((k) => {
     b.current && b.current.cancel(), f(k), y(null);
@@ -7242,7 +7245,7 @@ const BlockCard = ({
   ), S = useMemo(
     () => sortBy(_, (k) => CORE_GROUPS.indexOf(k) === -1 ? 99 : CORE_GROUPS.indexOf(k)),
     [_]
-  ), B = useMemo(() => h === "all" ? E : filter(values(E), { group: h }), [E, h]), N = useMemo(() => h === "all" ? S : [h], [S, h]);
+  ), A = useMemo(() => h === "all" ? E : filter(values(E), { group: h }), [E, h]), N = useMemo(() => h === "all" ? S : [h], [S, h]);
   return /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-full w-full max-w-3xl flex-col", children: [
     /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background/80 px-4 py-2 backdrop-blur-sm", children: /* @__PURE__ */ jsx(
       Input$1,
@@ -7262,7 +7265,7 @@ const BlockCard = ({
           {
             onClick: () => w("all"),
             onMouseEnter: () => v("all"),
-            onMouseLeave: A,
+            onMouseLeave: B,
             className: `w-full rounded-md px-2 py-1.5 text-left text-sm font-medium ${h === "all" || x === "all" ? "bg-primary text-primary-foreground" : "hover:bg-primary/50 hover:text-primary-foreground"}`,
             children: i("All")
           },
@@ -7273,7 +7276,7 @@ const BlockCard = ({
           {
             onClick: () => w(k),
             onMouseEnter: () => v(k),
-            onMouseLeave: A,
+            onMouseLeave: B,
             className: `w-full rounded-md px-2 py-1.5 text-left text-sm ${h === k || x === k ? "bg-primary text-primary-foreground" : "hover:bg-primary/50 hover:text-primary-foreground"}`,
             children: capitalize(i(k.toLowerCase()))
           },
@@ -7288,7 +7291,7 @@ const BlockCard = ({
       ] }) }) : /* @__PURE__ */ jsx("div", { className: "space-y-6 p-4", children: N.map((k) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsx("h3", { className: "px-1 text-sm font-medium", children: capitalize(i(k.toLowerCase())) }),
         /* @__PURE__ */ jsx("div", { className: "grid gap-2 " + l, children: reject(
-          h === "all" ? filter(values(B), { group: k }) : values(B),
+          h === "all" ? filter(values(A), { group: k }) : values(A),
           { hidden: !0 }
         ).map((j) => /* @__PURE__ */ jsx(
           CoreBlock,
@@ -7650,19 +7653,19 @@ const Input = ({ node: o }) => {
   var P;
   const { t: a } = useTranslation(), [l, , i] = useHiddenBlockIds(), [c] = useAtom$1(canvasIframeAtom), { hasPermission: d } = usePermissions();
   let p = null;
-  const u = o.children.length > 0, { highlightBlock: m, clearHighlight: g } = useBlockHighlight(), { id: h, data: f, isSelected: x, willReceiveDrop: y, isDragging: b, isEditing: v, handleClick: A } = o, w = (L) => {
+  const u = o.children.length > 0, { highlightBlock: m, clearHighlight: g } = useBlockHighlight(), { id: h, data: f, isSelected: x, willReceiveDrop: y, isDragging: b, isEditing: v, handleClick: B } = o, w = (L) => {
     L.stopPropagation(), !l.includes(h) && o.toggle();
   }, E = (L) => {
     L.isInternal && (p = L.isOpen, L.isOpen && L.close());
   }, _ = (L) => {
     L.isInternal && p !== null && (p ? L.open() : L.close(), p = null);
-  }, [S, B] = useAtom$1(currentAddSelection), N = () => {
+  }, [S, A] = useAtom$1(currentAddSelection), N = () => {
     var L;
-    C(), o.parent.isSelected || B((L = o == null ? void 0 : o.parent) == null ? void 0 : L.id);
+    C(), o.parent.isSelected || A((L = o == null ? void 0 : o.parent) == null ? void 0 : L.id);
   }, C = () => {
-    B(null);
+    A(null);
   }, k = (L) => {
-    C(), L.stopPropagation(), !o.isOpen && !l.includes(h) && o.toggle(), A(L);
+    C(), L.stopPropagation(), !o.isOpen && !l.includes(h) && o.toggle(), B(L);
   };
   useEffect(() => {
     const L = setTimeout(() => {
@@ -8072,19 +8075,19 @@ const Input = ({ node: o }) => {
   const [r] = useDarkMode(), [n, a] = React.useState(""), l = useBuilderProp("themePresets", []), i = useBuilderProp("themePanelComponent", null), { hasPermission: c } = usePermissions(), [d, p] = useTheme(), u = useThemeOptions(), { t: m } = useTranslation(), g = (v) => {
     a(v);
   }, h = () => {
-    const v = l.find((A) => Object.keys(A)[0] === n);
+    const v = l.find((B) => Object.keys(B)[0] === n);
     if (v) {
-      const A = Object.values(v)[0];
-      A && typeof A == "object" && "fontFamily" in A && "borderRadius" in A && "colors" in A ? p(A) : console.error("Invalid preset structure:", A);
+      const B = Object.values(v)[0];
+      B && typeof B == "object" && "fontFamily" in B && "borderRadius" in B && "colors" in B ? p(B) : console.error("Invalid preset structure:", B);
     } else
       console.error("Preset not found:", n);
   }, f = useDebouncedCallback(
-    (v, A) => {
+    (v, B) => {
       p(() => ({
         ...d,
         fontFamily: {
           ...d.fontFamily,
-          [v.replace(/font-/g, "")]: A
+          [v.replace(/font-/g, "")]: B
         }
       }));
     },
@@ -8100,10 +8103,10 @@ const Input = ({ node: o }) => {
     [d],
     200
   ), y = useDebouncedCallback(
-    (v, A) => {
+    (v, B) => {
       p(() => {
         const w = get(d, `colors.${v}`);
-        return r ? set(w, 1, A) : set(w, 0, A), {
+        return r ? set(w, 1, B) : set(w, 0, B), {
           ...d,
           colors: {
             ...d.colors,
@@ -8114,18 +8117,18 @@ const Input = ({ node: o }) => {
     },
     [d],
     200
-  ), b = (v) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1", children: Object.entries(v.items).map(([A]) => {
-    const w = get(d, `colors.${A}.${r ? 1 : 0}`);
+  ), b = (v) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1", children: Object.entries(v.items).map(([B]) => {
+    const w = get(d, `colors.${B}.${r ? 1 : 0}`);
     return /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-x-2", children: [
       /* @__PURE__ */ jsx(
         ColorPickerInput,
         {
           value: w,
-          onChange: (E) => y(A, E)
+          onChange: (E) => y(B, E)
         }
       ),
-      /* @__PURE__ */ jsx(Label, { className: "text-xs font-normal leading-tight", children: A.split(/(?=[A-Z])/).join(" ").replace(/-/g, " ").split(" ").map((E) => E.charAt(0).toUpperCase() + E.slice(1)).join(" ") + (!A.toLowerCase().includes("foreground") && !A.toLowerCase().includes("border") && !A.toLowerCase().includes("input") && !A.toLowerCase().includes("ring") && !A.toLowerCase().includes("background") ? " Background" : "") })
-    ] }, A);
+      /* @__PURE__ */ jsx(Label, { className: "text-xs font-normal leading-tight", children: B.split(/(?=[A-Z])/).join(" ").replace(/-/g, " ").split(" ").map((E) => E.charAt(0).toUpperCase() + E.slice(1)).join(" ") + (!B.toLowerCase().includes("foreground") && !B.toLowerCase().includes("border") && !B.toLowerCase().includes("input") && !B.toLowerCase().includes("ring") && !B.toLowerCase().includes("background") ? " Background" : "") })
+    ] }, B);
   }) });
   return c("edit_theme") ? /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
     /* @__PURE__ */ jsxs("div", { className: cn$2("no-scrollbar h-full w-full overflow-y-auto", o), children: [
@@ -8157,11 +8160,11 @@ const Input = ({ node: o }) => {
         ) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: cn$2("space-y-2", o), children: [
-        (u == null ? void 0 : u.fontFamily) && /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: Object.entries(u.fontFamily).map(([v, A]) => /* @__PURE__ */ jsx(
+        (u == null ? void 0 : u.fontFamily) && /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: Object.entries(u.fontFamily).map(([v, B]) => /* @__PURE__ */ jsx(
           FontSelector,
           {
             label: v,
-            value: d.fontFamily[v.replace(/font-/g, "")] || A[Object.keys(A)[0]],
+            value: d.fontFamily[v.replace(/font-/g, "")] || B[Object.keys(B)[0]],
             onChange: (w) => f(v, w)
           },
           v
@@ -8881,13 +8884,13 @@ function AIChatPanel() {
         content: "This is a sample response from the AI assistant. In a real implementation, this would be replaced with an actual response from the AI model.",
         timestamp: /* @__PURE__ */ new Date()
       };
-      r((A) => [...A, v]), i(!1), d(null);
+      r((B) => [...B, v]), i(!1), d(null);
     }, 1500);
   }, h = (b) => {
     b.key === "Enter" && !b.shiftKey && (b.preventDefault(), g());
   }, f = (b) => {
-    var A;
-    const v = (A = b.target.files) == null ? void 0 : A[0];
+    var B;
+    const v = (B = b.target.files) == null ? void 0 : B[0];
     if (v) {
       const w = new FileReader();
       w.onload = (E) => {
@@ -9101,9 +9104,9 @@ const AiAssistant = () => {
       n(S), l(a), c(""), p(""), h("");
     }
   }, v = (S) => {
-    const B = a.filter((N, C) => C !== S);
-    n(B), l(B);
-  }, A = (S) => {
+    const A = a.filter((N, C) => C !== S);
+    n(A), l(A);
+  }, B = (S) => {
     m(S), c(a[S].key), p(a[S].value);
   }, w = () => {
     if (i.startsWith("@")) {
@@ -9117,10 +9120,10 @@ const AiAssistant = () => {
   }, E = (S) => {
     S.key === "Enter" && !S.shiftKey && (S.preventDefault(), u !== null ? w() : b());
   }, _ = useCallback((S) => {
-    const B = (k) => /[.,!?;:]/.test(k), N = (k, j, T) => {
+    const A = (k) => /[.,!?;:]/.test(k), N = (k, j, T) => {
       let I = "", P = "";
       const L = j > 0 ? k[j - 1] : "", D = j < k.length ? k[j] : "";
-      return j > 0 && (L === "." || !B(L) && L !== " ") && (I = " "), j < k.length && !B(D) && D !== " " && (P = " "), {
+      return j > 0 && (L === "." || !A(L) && L !== " ") && (I = " "), j < k.length && !A(D) && D !== " " && (P = " "), {
         text: I + T + P,
         prefixLength: I.length,
         suffixLength: P.length
@@ -9192,16 +9195,16 @@ const AiAssistant = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "space-y-1 py-4", children: a.map((S, B) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded border p-2 text-sm", children: [
+    /* @__PURE__ */ jsx("div", { className: "space-y-1 py-4", children: a.map((S, A) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded border p-2 text-sm", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-xs leading-tight", children: [
         /* @__PURE__ */ jsx("span", { className: "truncate text-[12px] font-light text-muted-foreground", children: S.key }),
         /* @__PURE__ */ jsx("span", { className: "max-w-[200px] text-wrap font-normal", children: S.value.toString() })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 text-slate-400", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => A(B), children: /* @__PURE__ */ jsx(Edit2, { className: "h-3 w-3" }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => v(B), children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => B(A), children: /* @__PURE__ */ jsx(Edit2, { className: "h-3 w-3" }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => v(A), children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
       ] })
-    ] }, B)) })
+    ] }, A)) })
   ] });
 }), BlockAttributesEditor = React.memo(() => {
   const o = useSelectedBlock(), [r, n] = useState([]), [a] = useSelectedStylingBlocks(), l = useUpdateBlocksProps(), i = `${get(a, "0.prop")}_attrs`;
@@ -9330,7 +9333,7 @@ const RootLayout = () => {
       S && get(S, "view", "standard") === "standard" && (a.current = r, i(get(S, "width", DEFAULT_PANEL_WIDTH)));
     }
   }, [r, x]);
-  const A = useMemo(() => {
+  const B = useMemo(() => {
     if (r === null) return 0;
     const S = find(x, { id: r });
     return get(S, "view", "standard") === "standard" ? v : l;
@@ -9358,7 +9361,7 @@ const RootLayout = () => {
           /* @__PURE__ */ jsx("div", { className: "h-14 w-screen shrink-0 border-b border-border", children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(o, {}) }) }),
           /* @__PURE__ */ jsxs("main", { className: "relative flex h-[calc(100vh-56px)] max-w-full flex-1 flex-row", children: [
             /* @__PURE__ */ jsxs("div", { id: "sidebar", className: "flex w-12 flex-col items-center justify-between border-r border-border py-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-1", children: x.map((S, B) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-1", children: x.map((S, A) => /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: createElement(get(S, "button", NoopComponent), {
                   position: "top",
                   panelId: S.id,
@@ -9366,9 +9369,9 @@ const RootLayout = () => {
                   show: () => _(S.id)
                 }) }),
                 /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx("p", { children: f(S.label) }) })
-              ] }, "button-top-" + B)) }),
+              ] }, "button-top-" + A)) }),
               /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-1" }),
-              /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: u == null ? void 0 : u.map((S, B) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: u == null ? void 0 : u.map((S, A) => /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: createElement(get(S, "button", NoopComponent), {
                   position: "bottom",
                   panelId: S.id,
@@ -9376,15 +9379,15 @@ const RootLayout = () => {
                   show: () => _(S.id)
                 }) }),
                 /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx("p", { children: f(S.label) }) })
-              ] }, "button-bottom-" + B)) })
+              ] }, "button-bottom-" + A)) })
             ] }),
             /* @__PURE__ */ jsx(
               motion.div,
               {
                 id: "left-panel",
                 className: "h-full max-h-full border-r border-border",
-                initial: { width: A },
-                animate: { width: A },
+                initial: { width: B },
+                animate: { width: B },
                 transition: { duration: 0.3, ease: "easeInOut" },
                 children: r !== null && get(b, "view", "standard") === "standard" && /* @__PURE__ */ jsxs("div", { className: "no-scrollbar flex h-full flex-col overflow-hidden px-3 py-2", children: [
                   /* @__PURE__ */ jsx(
@@ -9588,16 +9591,16 @@ const FEATURE_TOGGLES = {
   var x;
   return (x = h.onMount) == null ? void 0 : x.call(h, f);
 }, ...g) => {
-  const h = g[0] || ((B) => {
-    let N = o.get(B);
-    return N || (N = { d: /* @__PURE__ */ new Map(), p: /* @__PURE__ */ new Set(), n: 0 }, o.set(B, N), u == null || u(B, S)), N;
+  const h = g[0] || ((A) => {
+    let N = o.get(A);
+    return N || (N = { d: /* @__PURE__ */ new Map(), p: /* @__PURE__ */ new Set(), n: 0 }, o.set(A, N), u == null || u(A, S)), N;
   }), f = g[1] || (() => {
-    let B, N;
+    let A, N;
     const C = (k) => {
       try {
         k();
       } catch (j) {
-        B || (B = !0, N = j);
+        A || (A = !0, N = j);
       }
     };
     do {
@@ -9608,10 +9611,10 @@ const FEATURE_TOGGLES = {
         return (I = r.get(T)) == null ? void 0 : I.l.forEach(j);
       }), a.clear(), i.forEach(j), i.clear(), l.forEach(j), l.clear(), k.forEach(C), a.size && x();
     } while (a.size || i.size || l.size);
-    if (B)
+    if (A)
       throw N;
   }), x = g[2] || (() => {
-    const B = [], N = /* @__PURE__ */ new WeakSet(), C = /* @__PURE__ */ new WeakSet(), k = Array.from(a);
+    const A = [], N = /* @__PURE__ */ new WeakSet(), C = /* @__PURE__ */ new WeakSet(), k = Array.from(a);
     for (; k.length; ) {
       const j = k[k.length - 1], T = h(j);
       if (C.has(j)) {
@@ -9619,27 +9622,27 @@ const FEATURE_TOGGLES = {
         continue;
       }
       if (N.has(j)) {
-        n.get(j) === T.n && B.push([j, T]), C.add(j), k.pop();
+        n.get(j) === T.n && A.push([j, T]), C.add(j), k.pop();
         continue;
       }
       N.add(j);
       for (const I of getMountedOrPendingDependents(j, T, r))
         N.has(I) || k.push(I);
     }
-    for (let j = B.length - 1; j >= 0; --j) {
-      const [T, I] = B[j];
+    for (let j = A.length - 1; j >= 0; --j) {
+      const [T, I] = A[j];
       let P = !1;
       for (const L of I.d.keys())
         if (L !== T && a.has(L)) {
           P = !0;
           break;
         }
-      P && (y(T), A(T)), n.delete(T);
+      P && (y(T), B(T)), n.delete(T);
     }
-  }), y = g[3] || ((B) => {
+  }), y = g[3] || ((A) => {
     var N, C;
-    const k = h(B);
-    if (isAtomStateInitialized(k) && (r.has(B) && n.get(B) !== k.n || Array.from(k.d).every(
+    const k = h(A);
+    if (isAtomStateInitialized(k) && (r.has(A) && n.get(A) !== k.n || Array.from(k.d).every(
       ([R, $]) => (
         // Recursively, read the atom state of the dependency, and
         // check if the atom epoch number is unchanged
@@ -9650,10 +9653,10 @@ const FEATURE_TOGGLES = {
     k.d.clear();
     let j = !0;
     const T = () => {
-      r.has(B) && (A(B), x(), f());
+      r.has(A) && (B(A), x(), f());
     }, I = (R) => {
       var $;
-      if (isSelfAtom(B, R)) {
+      if (isSelfAtom(A, R)) {
         const H = h(R);
         if (!isAtomStateInitialized(H))
           if (hasInitialValue(R))
@@ -9666,7 +9669,7 @@ const FEATURE_TOGGLES = {
       try {
         return returnAtomValue(M);
       } finally {
-        k.d.set(R, M.n), isPendingPromise(k.v) && addPendingPromiseToDependency(B, k.v, M), ($ = r.get(R)) == null || $.t.add(B), j || T();
+        k.d.set(R, M.n), isPendingPromise(k.v) && addPendingPromiseToDependency(A, k.v, M), ($ = r.get(R)) == null || $.t.add(A), j || T();
       }
     };
     let P, L;
@@ -9675,10 +9678,10 @@ const FEATURE_TOGGLES = {
         return P || (P = new AbortController()), P.signal;
       },
       get setSelf() {
-        return !L && isActuallyWritableAtom(B) && (L = (...R) => {
+        return !L && isActuallyWritableAtom(A) && (L = (...R) => {
           if (!j)
             try {
-              return v(B, ...R);
+              return v(A, ...R);
             } finally {
               x(), f();
             }
@@ -9686,18 +9689,18 @@ const FEATURE_TOGGLES = {
       }
     }, O = k.n;
     try {
-      const R = d(B, I, D);
-      return setAtomStateValueOrPromise(B, R, h), isPromiseLike$1(R) && ((N = R.onCancel) == null || N.call(R, () => P == null ? void 0 : P.abort()), R.then(
+      const R = d(A, I, D);
+      return setAtomStateValueOrPromise(A, R, h), isPromiseLike$1(R) && ((N = R.onCancel) == null || N.call(R, () => P == null ? void 0 : P.abort()), R.then(
         T,
         T
       )), k;
     } catch (R) {
       return delete k.v, k.e = R, ++k.n, k;
     } finally {
-      j = !1, O !== k.n && n.get(B) === O && (n.set(B, k.n), a.add(B), (C = c.c) == null || C.call(c, B));
+      j = !1, O !== k.n && n.get(A) === O && (n.set(A, k.n), a.add(A), (C = c.c) == null || C.call(c, A));
     }
-  }), b = g[4] || ((B) => {
-    const N = [B];
+  }), b = g[4] || ((A) => {
+    const N = [A];
     for (; N.length; ) {
       const C = N.pop(), k = h(C);
       for (const j of getMountedOrPendingDependents(C, k, r)) {
@@ -9705,17 +9708,17 @@ const FEATURE_TOGGLES = {
         n.set(j, T.n), N.push(j);
       }
     }
-  }), v = g[5] || ((B, ...N) => {
+  }), v = g[5] || ((A, ...N) => {
     let C = !0;
     const k = (T) => returnAtomValue(y(T)), j = (T, ...I) => {
       var P;
       const L = h(T);
       try {
-        if (isSelfAtom(B, T)) {
+        if (isSelfAtom(A, T)) {
           if (!hasInitialValue(T))
             throw new Error("atom not writable");
           const D = L.n, O = I[0];
-          setAtomStateValueOrPromise(T, O, h), A(T), D !== L.n && (a.add(T), (P = c.c) == null || P.call(c, T), b(T));
+          setAtomStateValueOrPromise(T, O, h), B(T), D !== L.n && (a.add(T), (P = c.c) == null || P.call(c, T), b(T));
           return;
         } else
           return v(T, ...I);
@@ -9724,50 +9727,50 @@ const FEATURE_TOGGLES = {
       }
     };
     try {
-      return p(B, k, j, ...N);
+      return p(A, k, j, ...N);
     } finally {
       C = !1;
     }
-  }), A = g[6] || ((B) => {
+  }), B = g[6] || ((A) => {
     var N;
-    const C = h(B), k = r.get(B);
+    const C = h(A), k = r.get(A);
     if (k && !isPendingPromise(C.v)) {
       for (const [j, T] of C.d)
         if (!k.d.has(j)) {
           const I = h(j);
-          w(j).t.add(B), k.d.add(j), T !== I.n && (a.add(j), (N = c.c) == null || N.call(c, j), b(j));
+          w(j).t.add(A), k.d.add(j), T !== I.n && (a.add(j), (N = c.c) == null || N.call(c, j), b(j));
         }
       for (const j of k.d || [])
         if (!C.d.has(j)) {
           k.d.delete(j);
           const T = E(j);
-          T == null || T.t.delete(B);
+          T == null || T.t.delete(A);
         }
     }
-  }), w = g[7] || ((B) => {
+  }), w = g[7] || ((A) => {
     var N;
-    const C = h(B);
-    let k = r.get(B);
+    const C = h(A);
+    let k = r.get(A);
     if (!k) {
-      y(B);
+      y(A);
       for (const j of C.d.keys())
-        w(j).t.add(B);
+        w(j).t.add(A);
       if (k = {
         l: /* @__PURE__ */ new Set(),
         d: new Set(C.d.keys()),
         t: /* @__PURE__ */ new Set()
-      }, r.set(B, k), (N = c.m) == null || N.call(c, B), isActuallyWritableAtom(B)) {
+      }, r.set(A, k), (N = c.m) == null || N.call(c, A), isActuallyWritableAtom(A)) {
         const j = () => {
           let T = !0;
           const I = (...P) => {
             try {
-              return v(B, ...P);
+              return v(A, ...P);
             } finally {
               T || (x(), f());
             }
           };
           try {
-            const P = m(B, I);
+            const P = m(A, I);
             P && (k.u = () => {
               T = !0;
               try {
@@ -9784,18 +9787,18 @@ const FEATURE_TOGGLES = {
       }
     }
     return k;
-  }), E = g[8] || ((B) => {
+  }), E = g[8] || ((A) => {
     var N;
-    const C = h(B);
-    let k = r.get(B);
+    const C = h(A);
+    let k = r.get(A);
     if (k && !k.l.size && !Array.from(k.t).some((j) => {
       var T;
-      return (T = r.get(j)) == null ? void 0 : T.d.has(B);
+      return (T = r.get(j)) == null ? void 0 : T.d.has(A);
     })) {
-      k.u && i.add(k.u), k = void 0, r.delete(B), (N = c.u) == null || N.call(c, B);
+      k.u && i.add(k.u), k = void 0, r.delete(A), (N = c.u) == null || N.call(c, A);
       for (const j of C.d.keys()) {
         const T = E(j);
-        T == null || T.t.delete(B);
+        T == null || T.t.delete(A);
       }
       return;
     }
@@ -9821,22 +9824,22 @@ const FEATURE_TOGGLES = {
     y,
     b,
     v,
-    A,
+    B,
     w,
     E
   ], S = {
-    get: (B) => returnAtomValue(y(B)),
-    set: (B, ...N) => {
+    get: (A) => returnAtomValue(y(A)),
+    set: (A, ...N) => {
       try {
-        return v(B, ...N);
+        return v(A, ...N);
       } finally {
         x(), f();
       }
     },
-    sub: (B, N) => {
-      const k = w(B).l;
+    sub: (A, N) => {
+      const k = w(A).l;
       return k.add(N), f(), () => {
-        k.delete(N), E(B), f();
+        k.delete(N), E(A), f();
       };
     }
   };