@chaibuilder/sdk 2.5.0 → 2.5.2

package/dist/core.js

@@ -1,5 +1,5 @@
-var U = Object.defineProperty;
-var V = (o, r, n) => r in o ? U(o, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[r] = n;
+var H = Object.defineProperty;
+var V = (o, r, n) => r in o ? H(o, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[r] = n;
 var F = (o, r, n) => V(o, typeof r != "symbol" ? r + "" : r, n);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRegisteredChaiBlocks, getRegisteredChaiBlock, getDefaultBlockProps, useRegisteredFonts, getBlockFormSchemas, syncBlocksWithDefaults } from "@chaibuilder/runtime";
@@ -21,7 +21,7 @@ import { isObject } from "@rjsf/utils";
 import { useDebouncedCallback, useThrottledCallback, useResizeObserver, useIntervalEffect } from "@react-hookz/web";
 import { toast, Toaster } from "sonner";
 import { useTranslation, initReactI18next } from "react-i18next";
-import { useTranslation as Ue } from "react-i18next";
+import { useTranslation as Ve } from "react-i18next";
 import Fuse from "fuse.js";
 import UndoManager from "undo-manager";
 import Link from "@tiptap/extension-link";
@@ -841,8 +841,8 @@ const undoRedoStateAtom = atom({
   return {
     moveBlocks: (x, y, b) => {
       const A = map(x, (B) => {
-        const w = r.find((E) => E._id === B)._parent || null, S = r.filter((E) => w ? E._parent === w : !E._parent).map((E) => E._id).indexOf(B);
-        return { _id: B, oldParent: w, oldPosition: S };
+        const w = r.find((E) => E._id === B)._parent || null, v = r.filter((E) => w ? E._parent === w : !E._parent).map((E) => E._id).indexOf(B);
+        return { _id: B, oldParent: w, oldPosition: v };
       }), _ = A.find(({ _id: B }) => B === x[0]);
       _ && _.oldParent === y && _.oldPosition === b || (i(x, y, b), o({
         undo: () => each(A, ({ _id: B, oldParent: N, oldPosition: w }) => {
@@ -2385,8 +2385,8 @@ const getBlockWithChildren = (o, r) => {
             }
             if (m === "styles") {
               const w = B.map((k) => {
-                for (const S in k)
-                  S !== "_id" && (k[S] = `${STYLES_KEY},${k[S]}`);
+                for (const v in k)
+                  v !== "_id" && (k[v] = `${STYLES_KEY},${k[v]}`);
                 return k;
               });
               c(w);
@@ -3598,26 +3598,26 @@ const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame,
   ({ block: o, children: r }) => {
     const n = "content", { document: a } = useFrame(), { editingBlockId: l, editingItemIndex: i, setEditingBlockId: c, setEditingItemIndex: d } = useInlineEditing(), [p, u] = useState(null), g = useRef(null), { clearHighlight: h } = useBlockHighlight(), m = useUpdateBlocksProps(), { selectedLang: f } = useLanguages(), [, x] = useSelectedBlockIds(), y = useRef(null), b = l, { blockContent: A, blockType: _ } = useMemo(() => {
       var j;
-      const S = o._type;
+      const v = o._type;
       let E = o[n];
-      const v = getRegisteredChaiBlock(o._type);
-      return f && ((j = v == null ? void 0 : v.i18nProps) == null ? void 0 : j.includes(n)) && has(o, `${n}-${f}`) && (E = get(o, `${n}-${f}`)), { blockContent: E, blockType: S };
+      const S = getRegisteredChaiBlock(o._type);
+      return f && ((j = S == null ? void 0 : S.i18nProps) == null ? void 0 : j.includes(n)) && has(o, `${n}-${f}`) && (E = get(o, `${n}-${f}`)), { blockContent: E, blockType: v };
     }, [o, f]), B = useCallback(
-      (S) => {
-        var v;
-        const E = S || ((v = g.current) == null ? void 0 : v.innerText);
+      (v) => {
+        var S;
+        const E = v || ((S = g.current) == null ? void 0 : S.innerText);
         m([b], { [n]: E }), u(null), c(null), d(-1), x(b ? [b] : []);
       },
       [b, m, c, x, f]
     ), N = useDebouncedCallback(
-      (S) => {
-        m([b], { [n]: S });
+      (v) => {
+        m([b], { [n]: v });
       },
       [b, o, m, f],
       1e3
     ), w = useCallback(
-      (S) => {
-        S.preventDefault(), b && (y.current = b), B(), setTimeout(() => {
+      (v) => {
+        v.preventDefault(), b && (y.current = b), B(), setTimeout(() => {
           const E = y.current;
           y.current = null, x([E]);
         }, 100);
@@ -3627,8 +3627,8 @@ const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame,
     useEffect(() => {
       var C;
       if (!b) return;
-      const S = `[data-block-id="${b}"]`, E = i >= 0 ? `[data-block-index="${i}"]` : "", v = a.querySelector(`${S}${E}`);
-      v && ((C = v == null ? void 0 : v.classList) == null || C.add("sr-only"), u(v));
+      const v = `[data-block-id="${b}"]`, E = i >= 0 ? `[data-block-index="${i}"]` : "", S = a.querySelector(`${v}${E}`);
+      S && ((C = S == null ? void 0 : S.classList) == null || C.add("sr-only"), u(S));
     }, [b, _, a, i]);
     const k = useMemo(() => p ? (h(), _ === "RichText" ? /* @__PURE__ */ jsx(
       RichTextEditor,
@@ -4220,11 +4220,11 @@ const DataBindingSelector = ({
           if (_ !== B)
             b.chain().deleteSelection().insertContent(A).run();
           else {
-            const { state: w } = b, k = w.selection.from, S = w.doc.textBetween(Math.max(0, k - 1), k), E = w.doc.textBetween(k, Math.min(k + 1, w.doc.content.size));
-            let v = "";
-            k > 0 && S !== " " && !m(S) && (v = " ");
+            const { state: w } = b, k = w.selection.from, v = w.doc.textBetween(Math.max(0, k - 1), k), E = w.doc.textBetween(k, Math.min(k + 1, w.doc.content.size));
+            let S = "";
+            k > 0 && v !== " " && !m(v) && (S = " ");
             let C = "";
-            E && E !== " " && !m(E) && (C = " "), b.chain().insertContent(v + A + C).run();
+            E && E !== " " && !m(E) && (C = " "), b.chain().insertContent(S + A + C).run();
           }
           setTimeout(() => r(b.getHTML(), {}, n), 100);
           return;
@@ -4232,12 +4232,12 @@ const DataBindingSelector = ({
       } else {
         const b = x, A = b.selectionStart || 0, _ = b.value || "", B = b.selectionEnd || A;
         if (B > A) {
-          const E = `{{${g}}}`, { text: v } = f(_, A, E), C = _.slice(0, A) + v + _.slice(B);
+          const E = `{{${g}}}`, { text: S } = f(_, A, E), C = _.slice(0, A) + S + _.slice(B);
           r(C, {}, n);
           return;
         }
-        const w = `{{${g}}}`, { text: k } = f(_, A, w), S = _.slice(0, A) + k + _.slice(A);
-        r(S, {}, n);
+        const w = `{{${g}}}`, { text: k } = f(_, A, w), v = _.slice(0, A) + k + _.slice(A);
+        r(v, {}, n);
       }
     },
     [n, r, a, c == null ? void 0 : c._id, d]
@@ -4259,67 +4259,67 @@ const DataBindingSelector = ({
   onChange: n
 }) => {
   var E;
-  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (v, C) => []), [i, c] = useState(!1), [d, p] = useState(!1), [u, g] = useState("page"), [h, m] = useState(""), [f, x] = useState([]), [y, b] = useState(-1), A = useRef(null), _ = (E = r == null ? void 0 : r.find((v) => v.key === u)) == null ? void 0 : E.name;
+  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (S, C) => []), [i, c] = useState(!1), [d, p] = useState(!1), [u, g] = useState("page"), [h, m] = useState(""), [f, x] = useState([]), [y, b] = useState(-1), A = useRef(null), _ = (E = r == null ? void 0 : r.find((S) => S.key === u)) == null ? void 0 : E.name;
   useEffect(() => {
     if (m(""), x([]), b(-1), p(!1), !o || i || !startsWith(o, "pageType:")) return;
-    const v = split(o, ":"), C = get(v, 1, "page") || "page";
+    const S = split(o, ":"), C = get(S, 1, "page") || "page";
     g(C), (async () => {
-      const j = await l(C, [get(v, 2, "page")]);
+      const j = await l(C, [get(S, 2, "page")]);
       j && Array.isArray(j) && m(get(j, [0, "name"], ""));
     })();
   }, [o]);
   const B = useDebouncedCallback(
-    async (v) => {
-      if (isEmpty(v))
+    async (S) => {
+      if (isEmpty(S))
         x([]);
       else {
-        const C = await l(u, v);
+        const C = await l(u, S);
         x(C);
       }
       c(!1), b(-1);
     },
     [u],
     300
-  ), N = (v) => {
-    const C = ["pageType", u, v.id];
-    C[1] && (n(C.join(":")), m(v.name), p(!1), x([]), b(-1));
-  }, w = (v) => {
-    switch (v.key) {
+  ), N = (S) => {
+    const C = ["pageType", u, S.id];
+    C[1] && (n(C.join(":")), m(S.name), p(!1), x([]), b(-1));
+  }, w = (S) => {
+    switch (S.key) {
       case "ArrowDown":
-        v.preventDefault(), b((C) => C < f.length - 1 ? C + 1 : C);
+        S.preventDefault(), b((C) => C < f.length - 1 ? C + 1 : C);
         break;
       case "ArrowUp":
-        v.preventDefault(), b((C) => C > 0 ? C - 1 : C);
+        S.preventDefault(), b((C) => C > 0 ? C - 1 : C);
         break;
       case "Enter":
-        if (v.preventDefault(), f.length === 0) return;
+        if (S.preventDefault(), f.length === 0) return;
         y >= 0 && N(f[y]);
         break;
       case "Escape":
-        v.preventDefault(), k();
+        S.preventDefault(), k();
         break;
     }
   };
   useEffect(() => {
     if (y >= 0 && A.current) {
-      const v = A.current.children[y];
-      v == null || v.scrollIntoView({ block: "nearest" });
+      const S = A.current.children[y];
+      S == null || S.scrollIntoView({ block: "nearest" });
     }
   }, [y]);
   const k = () => {
     m(""), x([]), b(-1), p(!1), n("");
-  }, S = (v) => {
-    m(v), p(!isEmpty(v)), c(!0), B(v);
+  }, v = (S) => {
+    m(S), p(!isEmpty(S)), c(!0), B(S);
   };
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("select", { name: "pageType", value: u, onChange: (v) => g(v.target.value), children: map(r, (v) => /* @__PURE__ */ jsx("option", { value: v.key, children: v.name }, v.key)) }),
+    /* @__PURE__ */ jsx("select", { name: "pageType", value: u, onChange: (S) => g(S.target.value), children: map(r, (S) => /* @__PURE__ */ jsx("option", { value: S.key, children: S.name }, S.key)) }),
     u && /* @__PURE__ */ jsxs("div", { className: "group relative mt-2 flex items-center", children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           type: "text",
           value: h,
-          onChange: (v) => S(v.target.value),
+          onChange: (S) => v(S.target.value),
           onKeyDown: w,
           placeholder: a(`Search ${_ ?? ""}`),
           className: "w-full rounded-md border border-gray-300 p-2 pr-16"
@@ -4335,22 +4335,22 @@ const DataBindingSelector = ({
       ' "',
       h,
       '"'
-    ] }) : /* @__PURE__ */ jsx("ul", { ref: A, children: map(f == null ? void 0 : f.slice(0, 20), (v, C) => /* @__PURE__ */ jsxs(
+    ] }) : /* @__PURE__ */ jsx("ul", { ref: A, children: map(f == null ? void 0 : f.slice(0, 20), (S, C) => /* @__PURE__ */ jsxs(
       "li",
       {
-        onClick: () => N(v),
-        className: `cursor-pointer p-2 text-xs ${o != null && o.includes(v.id) ? "bg-blue-200" : C === y ? "bg-gray-100" : "hover:bg-gray-100"}`,
+        onClick: () => N(S),
+        className: `cursor-pointer p-2 text-xs ${o != null && o.includes(S.id) ? "bg-blue-200" : C === y ? "bg-gray-100" : "hover:bg-gray-100"}`,
         children: [
-          v.name,
+          S.name,
           " ",
-          v.slug && /* @__PURE__ */ jsxs("small", { className: "font-light text-gray-500", children: [
+          S.slug && /* @__PURE__ */ jsxs("small", { className: "font-light text-gray-500", children: [
             "( ",
-            v.slug,
+            S.slug,
             " )"
           ] })
         ]
       },
-      v.id
+      S.id
     )) }) })
   ] });
 }, LinkField = ({ schema: o, formData: r, onChange: n, name: a }) => {
@@ -4965,7 +4965,7 @@ const MenuBar = ({ editor: o, onExpand: r }) => {
   if (c)
     return null;
   if (p.type === "boolean") return /* @__PURE__ */ jsx("div", { className: r, children: a });
-  const S = B == null ? void 0 : B.includes(o.replace("root.", ""));
+  const v = B == null ? void 0 : B.includes(o.replace("root.", ""));
   if (p.type === "array") {
     const E = N === o;
     return /* @__PURE__ */ jsxs("div", { className: `${r} relative`, children: [
@@ -4986,8 +4986,8 @@ const MenuBar = ({ editor: o, onExpand: r }) => {
                 Info,
                 {
                   className: "h-3 w-3 text-muted-foreground/70",
-                  onClick: (v) => v.stopPropagation(),
-                  onMouseDown: (v) => v.stopPropagation()
+                  onClick: (S) => S.stopPropagation(),
+                  onMouseDown: (S) => S.stopPropagation()
                 }
               ) }),
               /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-xs", children: p.description })
@@ -5008,7 +5008,7 @@ const MenuBar = ({ editor: o, onExpand: r }) => {
         /* @__PURE__ */ jsxs("label", { htmlFor: o, className: p.type === "object" ? "pb-2" : "", children: [
           n,
           " ",
-          S && /* @__PURE__ */ jsxs("small", { className: "text-[9px] text-zinc-400", children: [
+          v && /* @__PURE__ */ jsxs("small", { className: "text-[9px] text-zinc-400", children: [
             " ",
             y
           ] }),
@@ -5130,11 +5130,11 @@ 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), g = useWrapperBlock(), h = getRegisteredChaiBlock(g == null ? void 0 : g._type), m = formDataWithSelectedLang(g, o, h), f = ({ formData: w }, k, S) => {
-    k && (c == null ? void 0 : c._id) === r._id && a([r._id], { [k]: get(w, k) }, S);
+  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), g = useWrapperBlock(), h = getRegisteredChaiBlock(g == null ? void 0 : g._type), m = formDataWithSelectedLang(g, o, h), f = ({ formData: w }, k, v) => {
+    k && (c == null ? void 0 : c._id) === r._id && a([r._id], { [k]: get(w, k) }, v);
   }, x = useCallback(
-    debounce(({ formData: w }, k, S) => {
-      f({ formData: w }, k, S), d(w);
+    debounce(({ formData: w }, k, v) => {
+      f({ formData: w }, k, v), d(w);
     }, 1500),
     [r == null ? void 0 : r._id, o]
   ), y = ({ formData: w }, k) => {
@@ -5146,20 +5146,20 @@ function BlockSettings() {
     if (!w)
       return { schema: {}, uiSchema: {} };
     try {
-      const { schema: k, uiSchema: S } = getBlockFormSchemas(w);
+      const { schema: k, uiSchema: v } = getBlockFormSchemas(w);
       if (w === "Repeater") {
         const E = get(r, "repeaterItems", "");
-        startsWith(E, `{{${COLLECTION_PREFIX}`) ? (set(S, "filter", { "ui:widget": "collectionSelect" }), set(S, "sort", { "ui:widget": "collectionSelect" })) : (set(S, "filter", { "ui:widget": "hidden" }), set(S, "sort", { "ui:widget": "hidden" }));
+        startsWith(E, `{{${COLLECTION_PREFIX}`) ? (set(v, "filter", { "ui:widget": "collectionSelect" }), set(v, "sort", { "ui:widget": "collectionSelect" })) : (set(v, "filter", { "ui:widget": "hidden" }), set(v, "sort", { "ui:widget": "hidden" }));
       }
-      return { schema: k, uiSchema: S };
+      return { schema: k, uiSchema: v };
     } catch {
       return { schema: {}, uiSchema: {} };
     }
   }, [r]), { wrapperSchema: B, wrapperUiSchema: N } = useMemo(() => {
     if (!g || !(g != null && g._type))
       return { wrapperSchema: {}, wrapperUiSchema: {} };
-    const w = g == null ? void 0 : g._type, { schema: k = {}, uiSchema: S = {} } = getBlockFormSchemas(w);
-    return { wrapperSchema: k, wrapperUiSchema: S };
+    const w = g == null ? void 0 : g._type, { schema: k = {}, uiSchema: v = {} } = getBlockFormSchemas(w);
+    return { wrapperSchema: k, wrapperUiSchema: v };
   }, [g]);
   return /* @__PURE__ */ jsxs("div", { className: "no-scrollbar overflow-x-hidden px-px", children: [
     !isEmpty(g) && /* @__PURE__ */ jsxs("div", { className: "mb-4 rounded border bg-zinc-100 px-1", children: [
@@ -5412,15 +5412,15 @@ const BlockStylingProps = () => {
 )) }), THROTTLE_TIME = 50, AdvanceChoices = (o) => {
   const [r, n] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: p, units: u, negative: g } = o, [h, m] = useState(p != null && p.toLowerCase().includes("width") ? "%" : u[0]), [f, x] = useState(!1), [y, b] = useState(""), [A, _] = useState(!1), [B, N] = useState(!1);
   useEffect(() => {
-    const { value: v, unit: C } = getClassValueAndUnit(i);
+    const { value: S, unit: C } = getClassValueAndUnit(i);
     if (C === "") {
-      l(v), m(p != null && p.toLowerCase().includes("width") ? "%" : first(u));
+      l(S), m(p != null && p.toLowerCase().includes("width") ? "%" : first(u));
       return;
     }
-    m(C), l(C === "class" || isEmpty(v) ? "" : v);
+    m(C), l(C === "class" || isEmpty(S) ? "" : S);
   }, [i, p, u]);
-  const w = useThrottledCallback((v) => c(v), [c], THROTTLE_TIME), k = useThrottledCallback((v) => c(v, !1), [c], THROTTLE_TIME), S = useCallback(
-    (v = !1) => {
+  const w = useThrottledCallback((S) => c(S), [c], THROTTLE_TIME), k = useThrottledCallback((S) => c(S, !1), [c], THROTTLE_TIME), v = useCallback(
+    (S = !1) => {
       const C = getUserInputValues(`${a}`, u);
       if (get(C, "error", !1)) {
         x(!0);
@@ -5433,25 +5433,25 @@ const BlockStylingProps = () => {
       }
       if (get(C, "value") === "")
         return;
-      const L = `${get(C, "value", "").startsWith("-") ? "-" : ""}${d}[${get(C, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
-      v ? k(L) : w(L);
+      const T = `${get(C, "value", "").startsWith("-") ? "-" : ""}${d}[${get(C, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
+      S ? k(T) : w(T);
     },
     [w, k, a, h, d, u]
   ), E = useCallback(
-    (v) => {
+    (S) => {
       const C = getUserInputValues(`${a}`, u);
       if (get(C, "error", !1)) {
         x(!0);
         return;
       }
-      if (v === "auto" || v === "none") {
-        w(`${d}${v}`);
+      if (S === "auto" || S === "none") {
+        w(`${d}${S}`);
         return;
       }
       if (get(C, "value") === "")
         return;
-      const j = get(C, "unit") !== "" ? get(C, "unit") : v, L = `${get(C, "value", "").startsWith("-") ? "-" : ""}${d}[${get(C, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
-      w(L);
+      const j = get(C, "unit") !== "" ? get(C, "unit") : S, T = `${get(C, "value", "").startsWith("-") ? "-" : ""}${d}[${get(C, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
+      w(T);
     },
     [w, a, d, u]
   );
@@ -5474,29 +5474,29 @@ const BlockStylingProps = () => {
         "input",
         {
           readOnly: h === "class",
-          onKeyPress: (v) => {
-            v.key === "Enter" && S();
+          onKeyPress: (S) => {
+            S.key === "Enter" && v();
           },
-          onKeyDown: (v) => {
-            if (v.keyCode !== 38 && v.keyCode !== 40)
+          onKeyDown: (S) => {
+            if (S.keyCode !== 38 && S.keyCode !== 40)
               return;
-            v.preventDefault(), N(!0);
-            const C = parseInt$1(v.target.value);
+            S.preventDefault(), N(!0);
+            const C = parseInt$1(S.target.value);
             let j = isNaN$1(C) ? 0 : C;
-            v.keyCode === 38 && (j += 1), v.keyCode === 40 && (j -= 1);
+            S.keyCode === 38 && (j += 1), S.keyCode === 40 && (j -= 1);
             const I = `${j}`, R = `${I.startsWith("-") ? "-" : ""}${d}[${I.replace("-", "")}${h === "-" ? "" : h}]`;
             k(R);
           },
-          onKeyUp: (v) => {
-            B && (v.preventDefault(), N(!1));
+          onKeyUp: (S) => {
+            B && (S.preventDefault(), N(!1));
           },
-          onBlur: () => S(),
-          onChange: (v) => {
-            x(!1), l(v.target.value);
+          onBlur: () => v(),
+          onChange: (S) => {
+            x(!1), l(S.target.value);
           },
-          onClick: (v) => {
+          onClick: (S) => {
             var C;
-            (C = v == null ? void 0 : v.target) == null || C.select(), n(!1);
+            (C = S == null ? void 0 : S.target) == null || C.select(), n(!1);
           },
           value: A ? y : a,
           className: "h-6 w-14 rounded rounded-r-none border border-transparent bg-background pl-2 text-sm focus-visible:outline-0".concat(
@@ -5523,8 +5523,8 @@ const BlockStylingProps = () => {
           {
             units: u,
             current: h,
-            onSelect: (v) => {
-              n(!1), m(v), E(v);
+            onSelect: (S) => {
+              n(!1), m(S), E(S);
             }
           }
         ) })
@@ -5534,17 +5534,17 @@ const BlockStylingProps = () => {
       DragStyleButton,
       {
         onDragStart: () => _(!0),
-        onDragEnd: (v) => {
-          if (b(() => ""), _(!1), isEmpty(v))
+        onDragEnd: (S) => {
+          if (b(() => ""), _(!1), isEmpty(S))
             return;
-          const C = `${v}`, I = `${C.startsWith("-") ? "-" : ""}${d}[${C.replace("-", "")}${h === "-" ? "" : h}]`;
+          const C = `${S}`, I = `${C.startsWith("-") ? "-" : ""}${d}[${C.replace("-", "")}${h === "-" ? "" : h}]`;
           w(I);
         },
-        onDrag: (v) => {
-          if (isEmpty(v))
+        onDrag: (S) => {
+          if (isEmpty(S))
             return;
-          b(v);
-          const C = `${v}`, I = `${C.startsWith("-") ? "-" : ""}${d}[${C.replace("-", "")}${h === "-" ? "" : h}]`;
+          b(S);
+          const C = `${S}`, I = `${C.startsWith("-") ? "-" : ""}${d}[${C.replace("-", "")}${h === "-" ? "" : h}]`;
           k(I);
         },
         currentValue: a,
@@ -6009,11 +6009,11 @@ 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(), [, g] = useScreenSizeWidth(), h = useCurrentClassByProperty(l), m = useAddClassesToBlocks(), f = useRemoveClassesFromBlocks(), [x] = useSelectedBlockIds(), y = useMemo(() => get(h, "fullCls", ""), [h]), b = useCallback(
-    (k, S = !0) => {
+    (k, v = !0) => {
       const E = { dark: p, mq: g, mod: u, cls: k, property: l, fullCls: "" };
       (p || u !== "") && (E.mq = "xs");
-      const v = generateFullClsName(E);
-      m(x, [v], S);
+      const S = generateFullClsName(E);
+      m(x, [S], v);
     },
     [x, p, g, u, l, m]
   ), A = useCallback(() => {
@@ -6456,24 +6456,24 @@ const AskAIStyles = ({ blockId: o }) => {
 };
 function ManualClasses() {
   var I;
-  const o = useRef(null), [r, n] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: c } = useTranslation(), [d] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), g = useRemoveClassesFromBlocks(), [h] = useSelectedBlockIds(), m = useBuilderProp("askAiCallBack", null), [f, x] = useState(""), y = (I = first(d)) == null ? void 0 : I.prop, { classes: b } = getSplitChaiClasses(get(p, y, "")), A = b.split(" ").filter((L) => !isEmpty(L)), _ = () => {
-    const L = f.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    u(h, L, !0), x("");
-  }, [B, N] = useState([]), w = ({ value: L }) => {
-    const R = L.trim().toLowerCase(), T = R.match(/.+:/g);
+  const o = useRef(null), [r, n] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: c } = useTranslation(), [d] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), g = useRemoveClassesFromBlocks(), [h] = useSelectedBlockIds(), m = useBuilderProp("askAiCallBack", null), [f, x] = useState(""), y = (I = first(d)) == null ? void 0 : I.prop, { classes: b } = getSplitChaiClasses(get(p, y, "")), A = b.split(" ").filter((T) => !isEmpty(T)), _ = () => {
+    const T = f.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    u(h, T, !0), x("");
+  }, [B, N] = useState([]), w = ({ value: T }) => {
+    const R = T.trim().toLowerCase(), L = R.match(/.+:/g);
     let D = [];
-    if (T && T.length > 0) {
-      const [O] = T, P = R.replace(O, "");
-      D = i.search(P).map((M) => ({
-        ...M,
-        item: { ...M.item, name: O + M.item.name }
+    if (L && L.length > 0) {
+      const [P] = L, M = R.replace(P, "");
+      D = i.search(M).map((O) => ({
+        ...O,
+        item: { ...O.item, name: P + O.item.name }
       }));
     } else
       D = i.search(R);
     return N(map(D, "item"));
   }, k = () => {
     N([]);
-  }, S = (L) => L.name, E = (L) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: L.name }), v = useMemo(
+  }, v = (T) => T.name, E = (T) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: T.name }), S = useMemo(
     () => ({
       ref: o,
       autoComplete: "off",
@@ -6482,22 +6482,22 @@ function ManualClasses() {
       spellCheck: !1,
       placeholder: c("Enter classes separated by space"),
       value: f,
-      onFocus: (L) => {
+      onFocus: (T) => {
         setTimeout(() => {
-          L.target && L.target.select();
+          T.target && T.target.select();
         }, 0);
       },
-      onKeyDown: (L) => {
-        L.key === "Enter" && f.trim() !== "" && _();
+      onKeyDown: (T) => {
+        T.key === "Enter" && f.trim() !== "" && _();
       },
-      onChange: (L, { newValue: R }) => x(R),
+      onChange: (T, { newValue: R }) => x(R),
       className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
     }),
     [f, c, o]
-  ), C = (L) => {
+  ), C = (T) => {
     debugger;
     const R = r.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    g(h, [L]), u(h, R, !0), n(""), l(-1);
+    g(h, [T]), u(h, R, !0), n(""), l(-1);
   }, j = () => {
     if (navigator.clipboard === void 0) {
       toast.error(c("Clipboard not supported"));
@@ -6529,9 +6529,9 @@ function ManualClasses() {
           suggestions: B,
           onSuggestionsFetchRequested: w,
           onSuggestionsClearRequested: k,
-          getSuggestionValue: S,
+          getSuggestionValue: v,
           renderSuggestion: E,
-          inputProps: v,
+          inputProps: S,
           containerProps: {
             className: "relative h-8 w-full gap-y-1 py-1 border-border text-xs"
           },
@@ -6555,31 +6555,31 @@ function ManualClasses() {
       )
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap gap-2 overflow-x-hidden", children: A.map(
-      (L, R) => a === R ? /* @__PURE__ */ jsx(
+      (T, R) => a === R ? /* @__PURE__ */ jsx(
         "input",
         {
           ref: o,
           value: r,
-          onChange: (T) => n(T.target.value),
+          onChange: (L) => n(L.target.value),
           onBlur: () => {
-            C(L);
+            C(T);
           },
-          onKeyDown: (T) => {
-            T.key === "Enter" && C(L);
+          onKeyDown: (L) => {
+            L.key === "Enter" && C(T);
           },
-          onFocus: (T) => {
+          onFocus: (L) => {
             setTimeout(() => {
-              T.target.select();
+              L.target.select();
             }, 0);
           },
           className: "group relative flex max-w-[260px] cursor-default items-center gap-x-1 truncate break-words rounded border border-border bg-gray-200 p-px px-1.5 pr-2 text-[11px] text-gray-600 hover:border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300"
         },
-        L
+        T
       ) : /* @__PURE__ */ jsx("div", { className: "group relative flex max-w-[260px] items-center", children: /* @__PURE__ */ jsxs(
         "button",
         {
           onDoubleClick: () => {
-            x(L), g(h, [L]), setTimeout(() => {
+            x(T), g(h, [T]), setTimeout(() => {
               o.current && o.current.focus();
             }, 10);
           },
@@ -6589,7 +6589,7 @@ function ManualClasses() {
               /* @__PURE__ */ jsx(
                 Cross2Icon,
                 {
-                  onClick: () => g(h, [L], !0),
+                  onClick: () => g(h, [T], !0),
                   className: "hidden h-max w-3.5 cursor-pointer rounded bg-gray-100 p-0.5 text-red-500 hover:bg-gray-50 group-hover:block"
                 }
               ),
@@ -6616,10 +6616,10 @@ function ManualClasses() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { children: L })
+            /* @__PURE__ */ jsx("div", { children: T })
           ]
         }
-      ) }, L)
+      ) }, T)
     ) })
   ] });
 }
@@ -7062,18 +7062,18 @@ const CoreBlock = ({
   }
   if (d && (delete a.styles_attrs, a.showDropdown = !1), u && delete a.styles_attrs, p) {
     delete a.styles_attrs;
-    const w = filter(n.children || [], (S) => (S == null ? void 0 : S.tagName) !== "span");
+    const w = filter(n.children || [], (v) => (v == null ? void 0 : v.tagName) !== "span");
     a.content = getTextContent(w);
     const k = find(
       n.children || [],
-      (S) => (S == null ? void 0 : S.tagName) === "span" && some(S.children || [], (E) => (E == null ? void 0 : E.tagName) === "svg")
+      (v) => (v == null ? void 0 : v.tagName) === "span" && some(v.children || [], (E) => (E == null ? void 0 : E.tagName) === "svg")
     );
     if (k) {
-      const S = find(k.children || [], (E) => (E == null ? void 0 : E.tagName) === "svg");
-      if (S) {
-        a.icon = stringify([S]);
-        const { height: E, width: v } = getSvgDimensions(S, "16px", "16px");
-        a.iconHeight = E, a.iconWidth = v;
+      const v = find(k.children || [], (E) => (E == null ? void 0 : E.tagName) === "svg");
+      if (v) {
+        a.icon = stringify([v]);
+        const { height: E, width: S } = getSvgDimensions(v, "16px", "16px");
+        a.iconHeight = E, a.iconWidth = S;
       }
     }
     return [a];
@@ -7085,12 +7085,12 @@ 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 = get(find(n.attributes, { key: "class" }), "value", ""), { height: k, width: S } = getHeightAndWidthFromClass(w);
-    if (k && S)
-      a.styles = `${STYLES_KEY}, ${cn$2(`w-${S} h-${k}`, w)}`.trim(), a.height = k == null ? void 0 : k.replace("px", ""), a.width = S == null ? void 0 : S.replace("px", "");
+    const w = get(find(n.attributes, { key: "class" }), "value", ""), { height: k, width: v } = getHeightAndWidthFromClass(w);
+    if (k && v)
+      a.styles = `${STYLES_KEY}, ${cn$2(`w-${v} h-${k}`, w)}`.trim(), a.height = k == null ? void 0 : k.replace("px", ""), a.width = v == null ? void 0 : v.replace("px", "");
     else {
-      const E = (_ = find(n.attributes, { key: "height" })) == null ? void 0 : _.value, v = (B = find(n.attributes, { key: "width" })) == null ? void 0 : B.value;
-      E && v ? (a.styles = `${STYLES_KEY}, ${cn$2(`w-[${v}px] h-[${E}px]`, w)}`.trim(), a.height = E, a.width = v) : a.styles = `${STYLES_KEY}, ${cn$2("w-full h-full", w)}`.trim();
+      const E = (_ = find(n.attributes, { key: "height" })) == null ? void 0 : _.value, S = (B = find(n.attributes, { key: "width" })) == null ? void 0 : B.value;
+      E && S ? (a.styles = `${STYLES_KEY}, ${cn$2(`w-[${S}px] h-[${E}px]`, w)}`.trim(), a.height = E, a.width = S) : a.styles = `${STYLES_KEY}, ${cn$2("w-full h-full", w)}`.trim();
     }
     return n.attributes = filter(n.attributes, (E) => !includes(["style", "width", "height", "class"], E.key)), a.icon = stringify([n]), [a];
   } else if (n.tagName == "option" && r && ((N = r.block) == null ? void 0 : N._type) === "Select")
@@ -7301,7 +7301,7 @@ const registerChaiLibrary = (o, r) => {
     }, 400);
   }, k = () => {
     i != null && i.id && p(i.id);
-  }, S = () => {
+  }, v = () => {
     g("");
   };
   if (d)
@@ -7309,7 +7309,7 @@ const registerChaiLibrary = (o, r) => {
       /* @__PURE__ */ jsx(Skeleton, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "col-span-9 h-full" })
     ] });
-  const E = filter(_, (C, j) => j % 2 === 0), v = filter(_, (C, j) => j % 2 === 1);
+  const E = filter(_, (C, j) => j % 2 === 0), S = filter(_, (C, 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" }),
@@ -7325,7 +7325,7 @@ const registerChaiLibrary = (o, r) => {
       u && /* @__PURE__ */ jsx(
         "button",
         {
-          onClick: S,
+          onClick: v,
           className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
           children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
         }
@@ -7380,7 +7380,7 @@ const registerChaiLibrary = (o, r) => {
                 },
                 `block-${j}`
               )) }),
-              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: v.map((C, j) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: S.map((C, j) => /* @__PURE__ */ jsx(
                 BlockCard,
                 {
                   parentId: o,
@@ -7487,8 +7487,8 @@ const registerChaiLibrary = (o, r) => {
 }, ADD_BLOCK_TABS = {}, registerChaiAddBlockTab = (o, r) => {
   has(ADD_BLOCK_TABS, o) && console.warn(`Add block tab with id ${o} already registered`), set(ADD_BLOCK_TABS, o, { id: o, ...r });
 }, useChaiAddBlockTabs = () => useMemo(() => values(ADD_BLOCK_TABS), []), CORE_GROUPS = ["basic", "typography", "media", "layout", "form", "advanced", "other"], ChaiBuilderBlocks = ({ groups: o, blocks: r, parentId: n, position: a, gridCols: l = "grid-cols-4" }) => {
-  var v;
-  const { t: i } = useTranslation(), [c] = useBlocksStore(), [d, p] = useState(""), u = useRef(null), [g] = useAtom$1(addBlockTabAtom), h = (v = find(c, (C) => C._id === n)) == null ? void 0 : v._type, [m, f] = useState("all"), [x, y] = useState(null), b = useRef(null);
+  var S;
+  const { t: i } = useTranslation(), [c] = useBlocksStore(), [d, p] = useState(""), u = useRef(null), [g] = useAtom$1(addBlockTabAtom), h = (S = find(c, (C) => C._id === n)) == null ? void 0 : S._type, [m, f] = useState("all"), [x, y] = useState(null), b = useRef(null);
   useEffect(() => {
     const C = setTimeout(() => {
       var j;
@@ -7524,7 +7524,7 @@ const registerChaiLibrary = (o, r) => {
   ), k = useMemo(
     () => sortBy(w, (C) => CORE_GROUPS.indexOf(C) === -1 ? 99 : CORE_GROUPS.indexOf(C)),
     [w]
-  ), S = useMemo(() => m === "all" ? N : filter(values(N), { group: m }), [N, m]), E = useMemo(() => m === "all" ? k : [m], [k, m]);
+  ), v = useMemo(() => m === "all" ? N : filter(values(N), { group: m }), [N, m]), E = useMemo(() => m === "all" ? k : [m], [k, m]);
   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,
@@ -7570,7 +7570,7 @@ const registerChaiLibrary = (o, r) => {
       ] }) }) : /* @__PURE__ */ jsx("div", { className: "space-y-6 p-4", children: E.map((C) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsx("h3", { className: "px-1 text-sm font-medium", children: capitalize(i(C.toLowerCase())) }),
         /* @__PURE__ */ jsx("div", { className: "grid gap-2 " + l, children: reject(
-          m === "all" ? filter(values(S), { group: C }) : values(S),
+          m === "all" ? filter(values(v), { group: C }) : values(v),
           { hidden: !0 }
         ).map((j) => /* @__PURE__ */ jsx(
           CoreBlock,
@@ -7935,35 +7935,35 @@ const Input = ({ node: o }) => {
   var R;
   const { t: a } = useTranslation(), [l, , i] = useHiddenBlockIds(), [c] = useAtom$1(canvasIframeAtom), { hasPermission: d } = usePermissions();
   let p = null;
-  const u = o.children.length > 0, { highlightBlock: g, clearHighlight: h } = useBlockHighlight(), { id: m, data: f, isSelected: x, willReceiveDrop: y, isDragging: b, isEditing: A, handleClick: _ } = o, B = (T) => {
-    T.stopPropagation(), !l.includes(m) && o.toggle();
-  }, N = (T) => {
-    T.isInternal && (p = T.isOpen, T.isOpen && T.close());
-  }, w = (T) => {
-    T.isInternal && p !== null && (p ? T.open() : T.close(), p = null);
-  }, [k, S] = useAtom$1(currentAddSelection), E = () => {
-    var T;
-    v(), o.parent.isSelected || S((T = o == null ? void 0 : o.parent) == null ? void 0 : T.id);
-  }, v = () => {
-    S(null);
-  }, C = (T) => {
-    v(), T.stopPropagation(), !o.isOpen && !l.includes(m) && o.toggle(), _(T);
+  const u = o.children.length > 0, { highlightBlock: g, clearHighlight: h } = useBlockHighlight(), { id: m, data: f, isSelected: x, willReceiveDrop: y, isDragging: b, isEditing: A, handleClick: _ } = o, B = (L) => {
+    L.stopPropagation(), !l.includes(m) && o.toggle();
+  }, N = (L) => {
+    L.isInternal && (p = L.isOpen, L.isOpen && L.close());
+  }, w = (L) => {
+    L.isInternal && p !== null && (p ? L.open() : L.close(), p = null);
+  }, [k, v] = useAtom$1(currentAddSelection), E = () => {
+    var L;
+    S(), o.parent.isSelected || v((L = o == null ? void 0 : o.parent) == null ? void 0 : L.id);
+  }, S = () => {
+    v(null);
+  }, C = (L) => {
+    S(), L.stopPropagation(), !o.isOpen && !l.includes(m) && o.toggle(), _(L);
   };
   useEffect(() => {
-    const T = setTimeout(() => {
+    const L = setTimeout(() => {
       y && !o.isOpen && !b && !l.includes(m) && o.toggle();
     }, 500);
-    return () => clearTimeout(T);
+    return () => clearTimeout(L);
   }, [y, o, b]);
-  const j = (T, D) => {
-    const O = c.contentDocument || c.contentWindow.document, P = O.querySelector(`[data-block-id=${T}]`);
-    P && P.setAttribute("data-drop", D);
-    const $ = P.getBoundingClientRect(), M = c.getBoundingClientRect();
-    $.top >= M.top && $.left >= M.left && $.bottom <= M.bottom && $.right <= M.right || (O.documentElement.scrollTop = P.offsetTop - M.top);
-  }, I = (T) => {
-    v();
+  const j = (L, D) => {
+    const P = c.contentDocument || c.contentWindow.document, M = P.querySelector(`[data-block-id=${L}]`);
+    M && M.setAttribute("data-drop", D);
+    const $ = M.getBoundingClientRect(), O = c.getBoundingClientRect();
+    $.top >= O.top && $.left >= O.left && $.bottom <= O.bottom && $.right <= O.right || (P.documentElement.scrollTop = M.offsetTop - O.top);
+  }, I = (L) => {
+    S();
     const D = get(o, "parent.id");
-    D !== "__REACT_ARBORIST_INTERNAL_ROOT__" ? pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { _id: D, position: T }) : pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { position: T });
+    D !== "__REACT_ARBORIST_INTERNAL_ROOT__" ? pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { _id: D, position: L }) : pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { position: L });
   };
   if (m === ROOT_TEMP_KEY)
     return /* @__PURE__ */ jsxs("div", { className: "group relative w-full cursor-pointer", children: [
@@ -7983,7 +7983,7 @@ const Input = ({ node: o }) => {
       ),
       /* @__PURE__ */ jsx("br", {})
     ] });
-  const L = useMemo(() => has(f, "_libBlockId") && !isEmpty(f._libBlockId) && (d(PERMISSIONS.CREATE_LIBRARY_BLOCK) || d(PERMISSIONS.EDIT_LIBRARY_BLOCK)), [f, d]);
+  const T = useMemo(() => has(f, "_libBlockId") && !isEmpty(f._libBlockId) && (d(PERMISSIONS.CREATE_LIBRARY_BLOCK) || d(PERMISSIONS.EDIT_LIBRARY_BLOCK)), [f, d]);
   return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7995,24 +7995,24 @@ const Input = ({ node: o }) => {
       ref: l.includes(m) ? null : n,
       onDragStart: () => N(o),
       onDragEnd: () => w(o),
-      onDragOver: (T) => {
-        T.preventDefault(), j(m, "yes");
+      onDragOver: (L) => {
+        L.preventDefault(), j(m, "yes");
       },
-      onDragLeave: (T) => {
-        T.preventDefault(), j(m, "no");
+      onDragLeave: (L) => {
+        L.preventDefault(), j(m, "no");
       },
-      onDrop: (T) => {
-        T.preventDefault(), j(m, "no");
+      onDrop: (L) => {
+        L.preventDefault(), j(m, "no");
       },
       children: [
         d(PERMISSIONS.ADD_BLOCK) && (o == null ? void 0 : o.rowIndex) > 0 && (o.parent.isOpen && canAddChildBlock(get(o, "parent.data._type")) || ((R = o == null ? void 0 : o.parent) == null ? void 0 : R.id) === "__REACT_ARBORIST_INTERNAL_ROOT__") && /* @__PURE__ */ jsx("div", { className: "group relative ml-5 h-full w-full cursor-pointer", children: /* @__PURE__ */ jsx(
           "div",
           {
-            onClick: (T) => {
-              T.stopPropagation(), I(o.childIndex);
+            onClick: (L) => {
+              L.stopPropagation(), I(o.childIndex);
             },
             onMouseEnter: E,
-            onMouseLeave: v,
+            onMouseLeave: S,
             className: "absolute -top-0.5 h-1 w-[90%] rounded bg-primary opacity-0 delay-200 duration-200 group-hover:opacity-100",
             children: /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 top-1/2 flex h-4 w-4 -translate-x-1/2 -translate-y-1/2 transform items-center justify-center rounded-full bg-primary p-1 outline outline-2 outline-white hover:bg-primary", children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3 stroke-[4] text-white" }) })
           }
@@ -8027,7 +8027,7 @@ const Input = ({ node: o }) => {
               (o == null ? void 0 : o.id) === k ? "bg-primary/10" : "",
               b && "opacity-20",
               l.includes(m) ? "opacity-50" : "",
-              L && x && "bg-primary/20 text-primary"
+              T && x && "bg-primary/20 text-primary"
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -8043,8 +8043,8 @@ const Input = ({ node: o }) => {
                   {
                     className: cn(
                       "leading-1 flex items-center",
-                      L && "text-primary/60",
-                      L && x && "text-primary/80"
+                      T && "text-primary/60",
+                      T && x && "text-primary/80"
                     ),
                     children: [
                       /* @__PURE__ */ jsx(TypeIcon, { type: f == null ? void 0 : f._type }),
@@ -8052,8 +8052,8 @@ const Input = ({ node: o }) => {
                         "div",
                         {
                           className: "ml-1.5 flex items-center gap-x-1 truncate text-[13px]",
-                          onDoubleClick: (T) => {
-                            T.stopPropagation(), o.edit(), o.deselect();
+                          onDoubleClick: (L) => {
+                            L.stopPropagation(), o.edit(), o.deselect();
                           },
                           children: /* @__PURE__ */ jsx("span", { children: getBlockDisplayName(f) })
                         }
@@ -8079,8 +8079,8 @@ const Input = ({ node: o }) => {
                   /* @__PURE__ */ jsx(
                     TooltipTrigger,
                     {
-                      onClick: (T) => {
-                        T.stopPropagation(), i(m), o.isOpen && o.toggle();
+                      onClick: (L) => {
+                        L.stopPropagation(), i(m), o.isOpen && o.toggle();
                       },
                       className: "cursor-pointer rounded bg-transparent",
                       asChild: !0,
@@ -8418,12 +8418,12 @@ const Input = ({ node: o }) => {
   ), B = useDebouncedCallback(
     (w, k) => {
       h(() => {
-        const S = get(g, `colors.${w}`);
-        return r ? set(S, 1, k) : set(S, 0, k), {
+        const v = get(g, `colors.${w}`);
+        return r ? set(v, 1, k) : set(v, 0, k), {
           ...g,
           colors: {
             ...g.colors,
-            [w]: S
+            [w]: v
           }
         };
       });
@@ -8431,12 +8431,12 @@ const Input = ({ node: o }) => {
     [g],
     200
   ), N = (w) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1", children: Object.entries(w.items).map(([k]) => {
-    const S = get(g, `colors.${k}.${r ? 1 : 0}`);
-    return S ? /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-x-2", children: [
+    const v = get(g, `colors.${k}.${r ? 1 : 0}`);
+    return v ? /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-x-2", children: [
       /* @__PURE__ */ jsx(
         ColorPickerInput,
         {
-          value: S,
+          value: v,
           onChange: (E) => B(k, E)
         }
       ),
@@ -8457,8 +8457,8 @@ const Input = ({ node: o }) => {
           /* @__PURE__ */ jsx("div", { className: "w-[70%]", children: /* @__PURE__ */ jsxs(Select$1, { value: a, onValueChange: l, children: [
             /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-full text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select preset" }) }),
             /* @__PURE__ */ jsx(SelectContent, { children: Array.isArray(d) && d.map((w) => {
-              const k = Object.keys(w)[0], S = k.replaceAll("_", " ");
-              return /* @__PURE__ */ jsx(SelectItem, { value: k, children: capitalize(S) }, k);
+              const k = Object.keys(w)[0], v = k.replaceAll("_", " ");
+              return /* @__PURE__ */ jsx(SelectItem, { value: k, children: capitalize(v) }, k);
             }) })
           ] }) }),
           /* @__PURE__ */ jsx("div", { className: "w-[25%]", children: /* @__PURE__ */ jsx(Button, { className: "w-full text-sm", disabled: !a, onClick: y, children: f("Apply") }) })
@@ -8475,7 +8475,7 @@ const Input = ({ node: o }) => {
           {
             label: w,
             value: g.fontFamily[w.replace(/font-/g, "")] || k[Object.keys(k)[0]],
-            onChange: (S) => A(w, S)
+            onChange: (v) => A(w, v)
           },
           w
         )) }),
@@ -9467,8 +9467,8 @@ const AiAssistant = () => {
       n(k), l(a), c(""), p(""), m("");
     }
   }, A = (k) => {
-    const S = a.filter((E, v) => v !== k);
-    n(S), l(S);
+    const v = a.filter((E, S) => S !== k);
+    n(v), l(v);
   }, _ = (k) => {
     g(k), c(a[k].key), p(a[k].value);
   }, B = () => {
@@ -9483,23 +9483,23 @@ const AiAssistant = () => {
   }, N = (k) => {
     k.key === "Enter" && !k.shiftKey && (k.preventDefault(), u !== null ? B() : b());
   }, w = useCallback((k) => {
-    const S = (C) => /[.,!?;:]/.test(C), E = (C, j, I) => {
-      let L = "", R = "";
-      const T = j > 0 ? C[j - 1] : "", D = j < C.length ? C[j] : "";
-      return j > 0 && (T === "." || !S(T) && T !== " ") && (L = " "), j < C.length && !S(D) && D !== " " && (R = " "), {
-        text: L + I + R,
-        prefixLength: L.length,
+    const v = (C) => /[.,!?;:]/.test(C), E = (C, j, I) => {
+      let T = "", R = "";
+      const L = j > 0 ? C[j - 1] : "", D = j < C.length ? C[j] : "";
+      return j > 0 && (L === "." || !v(L) && L !== " ") && (T = " "), j < C.length && !v(D) && D !== " " && (R = " "), {
+        text: T + I + R,
+        prefixLength: T.length,
         suffixLength: R.length
       };
-    }, v = x.current;
-    if (v) {
-      const C = v.selectionStart || 0, j = v.value || "", I = v.selectionEnd || C;
+    }, S = x.current;
+    if (S) {
+      const C = S.selectionStart || 0, j = S.value || "", I = S.selectionEnd || C;
       if (I > C) {
-        const O = `{{${k}}}`, { text: P } = E(j, C, O), $ = j.slice(0, C) + P + j.slice(I);
+        const P = `{{${k}}}`, { text: M } = E(j, C, P), $ = j.slice(0, C) + M + j.slice(I);
         p($);
         return;
       }
-      const R = `{{${k}}}`, { text: T } = E(j, C, R), D = j.slice(0, C) + T + j.slice(C);
+      const R = `{{${k}}}`, { text: L } = E(j, C, R), D = j.slice(0, C) + L + j.slice(C);
       p(D);
     }
   }, []);
@@ -9558,16 +9558,16 @@ const AiAssistant = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "space-y-1 py-4", children: a.map((k, S) => /* @__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((k, v) => /* @__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: k.key }),
         /* @__PURE__ */ jsx("span", { className: "max-w-[200px] text-wrap font-normal", children: k.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: () => _(S), children: /* @__PURE__ */ jsx(Edit2, { className: "h-3 w-3" }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => A(S), children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => _(v), children: /* @__PURE__ */ jsx(Edit2, { className: "h-3 w-3" }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => A(v), children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
       ] })
-    ] }, S)) })
+    ] }, v)) })
   ] });
 }), BlockAttributesEditor = React.memo(() => {
   const o = useSelectedBlock(), [r, n] = useState([]), [a] = useSelectedStylingBlocks(), l = useUpdateBlocksProps(), i = `${get(a, "0.prop")}_attrs`;
@@ -9774,7 +9774,7 @@ const RootLayout = () => {
           /* @__PURE__ */ jsx("div", { className: "flex h-[50px] w-screen items-center 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: [p, u].flat().map((k, S) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-1", children: [p, u].flat().map((k, v) => /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: createElement(get(k, "button", NoopComponent), {
                   position: "top",
                   panelId: k.id,
@@ -9782,9 +9782,9 @@ const RootLayout = () => {
                   show: () => w(k.id)
                 }) }),
                 /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx("p", { children: f(k.label) }) })
-              ] }, "button-top-" + S)) }),
+              ] }, "button-top-" + v)) }),
               /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-1" }),
-              /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: g == null ? void 0 : g.map((k, S) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: g == null ? void 0 : g.map((k, v) => /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: createElement(get(k, "button", NoopComponent), {
                   position: "bottom",
                   panelId: k.id,
@@ -9792,7 +9792,7 @@ const RootLayout = () => {
                   show: () => w(k.id)
                 }) }),
                 /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx("p", { children: f(k.label) }) })
-              ] }, "button-bottom-" + S)) })
+              ] }, "button-bottom-" + v)) })
             ] }),
             /* @__PURE__ */ jsx(
               motion.div,
@@ -9961,8 +9961,8 @@ const RootLayout = () => {
     });
   }, m = (x) => {
     if (!c) return;
-    const y = x.clientX - p.x, b = x.clientY - p.y, A = x.currentTarget, _ = A.offsetWidth, B = A.offsetHeight, N = window.innerWidth - _, w = window.innerHeight - B, k = Math.max(0, Math.min(y, N)), S = Math.max(0, Math.min(b, w));
-    n(k, S);
+    const y = x.clientX - p.x, b = x.clientY - p.y, A = x.currentTarget, _ = A.offsetWidth, B = A.offsetHeight, N = window.innerWidth - _, w = window.innerHeight - B, k = Math.max(0, Math.min(y, N)), v = Math.max(0, Math.min(b, w));
+    n(k, v);
   }, f = () => {
     d(!1);
   };
@@ -10093,23 +10093,22 @@ const RootLayout = () => {
   if ("e" in o)
     throw o.e;
   return o.v;
-}, PROMISE_STATE = Symbol(), getPromiseState = (o) => o[PROMISE_STATE], isPendingPromise = (o) => {
+}, promiseStateMap = /* @__PURE__ */ new WeakMap(), isPendingPromise = (o) => {
   var r;
-  return isPromiseLike$1(o) && !((r = getPromiseState(o)) != null && r[1]);
-}, cancelPromise = (o, r) => {
-  const n = getPromiseState(o);
-  n && (n[1] = !0, n[0].forEach((a) => a(r)));
-}, patchPromiseForCancelability = (o) => {
-  if (getPromiseState(o))
-    return;
-  const r = [/* @__PURE__ */ new Set(), !1];
-  o[PROMISE_STATE] = r;
-  const n = () => {
-    r[1] = !0;
-  };
-  o.then(n, n), o.onCancel = (a) => {
-    r[0].add(a);
-  };
+  return isPromiseLike$1(o) && !!((r = promiseStateMap.get(o)) != null && r[0]);
+}, abortPromise = (o) => {
+  const r = promiseStateMap.get(o);
+  r != null && r[0] && (r[0] = !1, r[1].forEach((n) => n()));
+}, registerAbortHandler = (o, r) => {
+  let n = promiseStateMap.get(o);
+  if (!n) {
+    n = [!0, /* @__PURE__ */ new Set()], promiseStateMap.set(o, n);
+    const a = () => {
+      n[0] = !1;
+    };
+    o.then(a, a);
+  }
+  n[1].add(r);
 }, isPromiseLike$1 = (o) => typeof (o == null ? void 0 : o.then) == "function", addPendingPromiseToDependency = (o, r, n) => {
   n.p.has(o) || (n.p.add(o), r.then(
     () => {
@@ -10120,13 +10119,11 @@ const RootLayout = () => {
     }
   ));
 }, setAtomStateValueOrPromise = (o, r, n) => {
-  const a = n(o), l = "v" in a, i = a.v, c = isPendingPromise(a.v) ? a.v : null;
-  if (isPromiseLike$1(r)) {
-    patchPromiseForCancelability(r);
-    for (const d of a.d.keys())
-      addPendingPromiseToDependency(o, r, n(d));
-  }
-  a.v = r, delete a.e, (!l || !Object.is(i, a.v)) && (++a.n, c && cancelPromise(c, r));
+  const a = n(o), l = "v" in a, i = a.v;
+  if (isPromiseLike$1(r))
+    for (const c of a.d.keys())
+      addPendingPromiseToDependency(o, r, n(c));
+  a.v = r, delete a.e, (!l || !Object.is(i, a.v)) && (++a.n, isPromiseLike$1(i) && abortPromise(i));
 }, getMountedOrPendingDependents = (o, r, n) => {
   var a;
   const l = /* @__PURE__ */ new Set();
@@ -10142,186 +10139,185 @@ const RootLayout = () => {
   var x;
   return (x = m.onMount) == null ? void 0 : x.call(m, f);
 }, ...h) => {
-  const m = h[0] || ((S) => {
-    let E = o.get(S);
-    return E || (E = { d: /* @__PURE__ */ new Map(), p: /* @__PURE__ */ new Set(), n: 0 }, o.set(S, E), u == null || u(S, k)), E;
+  const m = h[0] || ((v) => {
+    let E = o.get(v);
+    return E || (E = { d: /* @__PURE__ */ new Map(), p: /* @__PURE__ */ new Set(), n: 0 }, o.set(v, E), u == null || u(v, k)), E;
   }), f = h[1] || (() => {
-    let S, E;
-    const v = (C) => {
+    const v = [], E = (S) => {
       try {
-        C();
-      } catch (j) {
-        S || (S = !0, E = j);
+        S();
+      } catch (C) {
+        v.push(C);
       }
     };
     do {
-      c.f && v(c.f);
-      const C = /* @__PURE__ */ new Set(), j = C.add.bind(C);
-      a.forEach((I) => {
-        var L;
-        return (L = r.get(I)) == null ? void 0 : L.l.forEach(j);
-      }), a.clear(), i.forEach(j), i.clear(), l.forEach(j), l.clear(), C.forEach(v), a.size && x();
+      c.f && E(c.f);
+      const S = /* @__PURE__ */ new Set(), C = S.add.bind(S);
+      a.forEach((j) => {
+        var I;
+        return (I = r.get(j)) == null ? void 0 : I.l.forEach(C);
+      }), a.clear(), i.forEach(C), i.clear(), l.forEach(C), l.clear(), S.forEach(E), a.size && x();
     } while (a.size || i.size || l.size);
-    if (S)
-      throw E;
+    if (v.length)
+      throw new AggregateError(v);
   }), x = h[2] || (() => {
-    const S = [], E = /* @__PURE__ */ new WeakSet(), v = /* @__PURE__ */ new WeakSet(), C = Array.from(a);
+    const v = [], E = /* @__PURE__ */ new WeakSet(), S = /* @__PURE__ */ new WeakSet(), C = Array.from(a);
     for (; C.length; ) {
       const j = C[C.length - 1], I = m(j);
-      if (v.has(j)) {
+      if (S.has(j)) {
         C.pop();
         continue;
       }
       if (E.has(j)) {
-        n.get(j) === I.n && S.push([j, I]), v.add(j), C.pop();
+        n.get(j) === I.n && v.push([j, I]), S.add(j), C.pop();
         continue;
       }
       E.add(j);
-      for (const L of getMountedOrPendingDependents(j, I, r))
-        E.has(L) || C.push(L);
+      for (const T of getMountedOrPendingDependents(j, I, r))
+        E.has(T) || C.push(T);
     }
-    for (let j = S.length - 1; j >= 0; --j) {
-      const [I, L] = S[j];
+    for (let j = v.length - 1; j >= 0; --j) {
+      const [I, T] = v[j];
       let R = !1;
-      for (const T of L.d.keys())
-        if (T !== I && a.has(T)) {
+      for (const L of T.d.keys())
+        if (L !== I && a.has(L)) {
           R = !0;
           break;
         }
       R && (y(I), _(I)), n.delete(I);
     }
-  }), y = h[3] || ((S) => {
-    var E, v;
-    const C = m(S);
-    if (isAtomStateInitialized(C) && (r.has(S) && n.get(S) !== C.n || Array.from(C.d).every(
-      ([P, $]) => (
+  }), y = h[3] || ((v) => {
+    var E;
+    const S = m(v);
+    if (isAtomStateInitialized(S) && (r.has(v) && n.get(v) !== S.n || Array.from(S.d).every(
+      ([P, M]) => (
         // Recursively, read the atom state of the dependency, and
         // check if the atom epoch number is unchanged
-        y(P).n === $
+        y(P).n === M
       )
     )))
-      return C;
-    C.d.clear();
-    let j = !0;
-    const I = () => {
-      r.has(S) && (_(S), x(), f());
-    }, L = (P) => {
-      var $;
-      if (isSelfAtom(S, P)) {
-        const H = m(P);
-        if (!isAtomStateInitialized(H))
+      return S;
+    S.d.clear();
+    let C = !0;
+    const j = () => {
+      r.has(v) && (_(v), x(), f());
+    }, I = (P) => {
+      var M;
+      if (isSelfAtom(v, P)) {
+        const O = m(P);
+        if (!isAtomStateInitialized(O))
           if (hasInitialValue(P))
             setAtomStateValueOrPromise(P, P.init, m);
           else
             throw new Error("no atom init");
-        return returnAtomValue(H);
+        return returnAtomValue(O);
       }
-      const M = y(P);
+      const $ = y(P);
       try {
-        return returnAtomValue(M);
+        return returnAtomValue($);
       } finally {
-        C.d.set(P, M.n), isPendingPromise(C.v) && addPendingPromiseToDependency(S, C.v, M), ($ = r.get(P)) == null || $.t.add(S), j || I();
+        S.d.set(P, $.n), isPendingPromise(S.v) && addPendingPromiseToDependency(v, S.v, $), (M = r.get(P)) == null || M.t.add(v), C || j();
       }
     };
-    let R, T;
-    const D = {
+    let T, R;
+    const L = {
       get signal() {
-        return R || (R = new AbortController()), R.signal;
+        return T || (T = new AbortController()), T.signal;
       },
       get setSelf() {
-        return !T && isActuallyWritableAtom(S) && (T = (...P) => {
-          if (!j)
+        return !R && isActuallyWritableAtom(v) && (R = (...P) => {
+          if (!C)
             try {
-              return A(S, ...P);
+              return A(v, ...P);
             } finally {
               x(), f();
             }
-        }), T;
+        }), R;
       }
-    }, O = C.n;
+    }, D = S.n;
     try {
-      const P = d(S, L, D);
-      return setAtomStateValueOrPromise(S, P, m), isPromiseLike$1(P) && ((E = P.onCancel) == null || E.call(P, () => R == null ? void 0 : R.abort()), P.then(
-        I,
-        I
-      )), C;
+      const P = d(v, I, L);
+      return setAtomStateValueOrPromise(v, P, m), isPromiseLike$1(P) && (registerAbortHandler(P, () => T == null ? void 0 : T.abort()), P.then(
+        j,
+        j
+      )), S;
     } catch (P) {
-      return delete C.v, C.e = P, ++C.n, C;
+      return delete S.v, S.e = P, ++S.n, S;
     } finally {
-      j = !1, O !== C.n && n.get(S) === O && (n.set(S, C.n), a.add(S), (v = c.c) == null || v.call(c, S));
+      C = !1, D !== S.n && n.get(v) === D && (n.set(v, S.n), a.add(v), (E = c.c) == null || E.call(c, v));
     }
-  }), b = h[4] || ((S) => {
-    const E = [S];
+  }), b = h[4] || ((v) => {
+    const E = [v];
     for (; E.length; ) {
-      const v = E.pop(), C = m(v);
-      for (const j of getMountedOrPendingDependents(v, C, r)) {
+      const S = E.pop(), C = m(S);
+      for (const j of getMountedOrPendingDependents(S, C, r)) {
         const I = m(j);
         n.set(j, I.n), E.push(j);
       }
     }
-  }), A = h[5] || ((S, ...E) => {
-    let v = !0;
-    const C = (I) => returnAtomValue(y(I)), j = (I, ...L) => {
+  }), A = h[5] || ((v, ...E) => {
+    let S = !0;
+    const C = (I) => returnAtomValue(y(I)), j = (I, ...T) => {
       var R;
-      const T = m(I);
+      const L = m(I);
       try {
-        if (isSelfAtom(S, I)) {
+        if (isSelfAtom(v, I)) {
           if (!hasInitialValue(I))
             throw new Error("atom not writable");
-          const D = T.n, O = L[0];
-          setAtomStateValueOrPromise(I, O, m), _(I), D !== T.n && (a.add(I), (R = c.c) == null || R.call(c, I), b(I));
+          const D = L.n, P = T[0];
+          setAtomStateValueOrPromise(I, P, m), _(I), D !== L.n && (a.add(I), (R = c.c) == null || R.call(c, I), b(I));
           return;
         } else
-          return A(I, ...L);
+          return A(I, ...T);
       } finally {
-        v || (x(), f());
+        S || (x(), f());
       }
     };
     try {
-      return p(S, C, j, ...E);
+      return p(v, C, j, ...E);
     } finally {
-      v = !1;
+      S = !1;
     }
-  }), _ = h[6] || ((S) => {
+  }), _ = h[6] || ((v) => {
     var E;
-    const v = m(S), C = r.get(S);
-    if (C && !isPendingPromise(v.v)) {
-      for (const [j, I] of v.d)
+    const S = m(v), C = r.get(v);
+    if (C && !isPendingPromise(S.v)) {
+      for (const [j, I] of S.d)
         if (!C.d.has(j)) {
-          const L = m(j);
-          B(j).t.add(S), C.d.add(j), I !== L.n && (a.add(j), (E = c.c) == null || E.call(c, j), b(j));
+          const T = m(j);
+          B(j).t.add(v), C.d.add(j), I !== T.n && (a.add(j), (E = c.c) == null || E.call(c, j), b(j));
         }
       for (const j of C.d || [])
-        if (!v.d.has(j)) {
+        if (!S.d.has(j)) {
           C.d.delete(j);
           const I = N(j);
-          I == null || I.t.delete(S);
+          I == null || I.t.delete(v);
         }
     }
-  }), B = h[7] || ((S) => {
+  }), B = h[7] || ((v) => {
     var E;
-    const v = m(S);
-    let C = r.get(S);
+    const S = m(v);
+    let C = r.get(v);
     if (!C) {
-      y(S);
-      for (const j of v.d.keys())
-        B(j).t.add(S);
+      y(v);
+      for (const j of S.d.keys())
+        B(j).t.add(v);
       if (C = {
         l: /* @__PURE__ */ new Set(),
-        d: new Set(v.d.keys()),
+        d: new Set(S.d.keys()),
         t: /* @__PURE__ */ new Set()
-      }, r.set(S, C), (E = c.m) == null || E.call(c, S), isActuallyWritableAtom(S)) {
+      }, r.set(v, C), (E = c.m) == null || E.call(c, v), isActuallyWritableAtom(v)) {
         const j = () => {
           let I = !0;
-          const L = (...R) => {
+          const T = (...R) => {
             try {
-              return A(S, ...R);
+              return A(v, ...R);
             } finally {
               I || (x(), f());
             }
           };
           try {
-            const R = g(S, L);
+            const R = g(v, T);
             R && (C.u = () => {
               I = !0;
               try {
@@ -10338,18 +10334,18 @@ const RootLayout = () => {
       }
     }
     return C;
-  }), N = h[8] || ((S) => {
+  }), N = h[8] || ((v) => {
     var E;
-    const v = m(S);
-    let C = r.get(S);
+    const S = m(v);
+    let C = r.get(v);
     if (C && !C.l.size && !Array.from(C.t).some((j) => {
       var I;
-      return (I = r.get(j)) == null ? void 0 : I.d.has(S);
+      return (I = r.get(j)) == null ? void 0 : I.d.has(v);
     })) {
-      C.u && i.add(C.u), C = void 0, r.delete(S), (E = c.u) == null || E.call(c, S);
-      for (const j of v.d.keys()) {
+      C.u && i.add(C.u), C = void 0, r.delete(v), (E = c.u) == null || E.call(c, v);
+      for (const j of S.d.keys()) {
         const I = N(j);
-        I == null || I.t.delete(S);
+        I == null || I.t.delete(v);
       }
       return;
     }
@@ -10363,7 +10359,7 @@ const RootLayout = () => {
     l,
     i,
     c,
-    // atom intercepters
+    // atom interceptors
     d,
     p,
     u,
@@ -10379,77 +10375,103 @@ const RootLayout = () => {
     B,
     N
   ], k = {
-    get: (S) => returnAtomValue(y(S)),
-    set: (S, ...E) => {
+    get: (v) => returnAtomValue(y(v)),
+    set: (v, ...E) => {
       try {
-        return A(S, ...E);
+        return A(v, ...E);
       } finally {
         x(), f();
       }
     },
-    sub: (S, E) => {
-      const C = B(S).l;
+    sub: (v, E) => {
+      const C = B(v).l;
       return C.add(E), f(), () => {
-        C.delete(E), N(S), f();
+        C.delete(E), N(v), f();
       };
     }
   };
   return Object.defineProperty(k, BUILDING_BLOCKS, { value: w }), k;
-}, INTERNAL_buildStoreRev1 = buildStore, createStore = () => INTERNAL_buildStoreRev1();
+}, INTERNAL_buildStoreRev1 = buildStore, INTERNAL_registerAbortHandler = registerAbortHandler;
+function createStore() {
+  return INTERNAL_buildStoreRev1();
+}
 let defaultStore;
-const getDefaultStore = () => (defaultStore || (defaultStore = createStore()), defaultStore), StoreContext = createContext(
+function getDefaultStore() {
+  return defaultStore || (defaultStore = createStore()), defaultStore;
+}
+const StoreContext = createContext(
   void 0
-), useStore = (o) => useContext(StoreContext) || getDefaultStore(), isPromiseLike = (o) => typeof (o == null ? void 0 : o.then) == "function", attachPromiseMeta = (o) => {
-  o.status = "pending", o.then(
+);
+function useStore(o) {
+  return useContext(StoreContext) || getDefaultStore();
+}
+const isPromiseLike = (o) => typeof (o == null ? void 0 : o.then) == "function", attachPromiseStatus = (o) => {
+  o.status || (o.status = "pending", o.then(
     (r) => {
       o.status = "fulfilled", o.value = r;
     },
     (r) => {
       o.status = "rejected", o.reason = r;
     }
-  );
-}, use = React__default.use || ((o) => {
+  ));
+}, use = React__default.use || // A shim for older React versions
+((o) => {
   if (o.status === "pending")
     throw o;
   if (o.status === "fulfilled")
     return o.value;
-  throw o.status === "rejected" ? o.reason : (attachPromiseMeta(o), o);
-}), continuablePromiseMap = /* @__PURE__ */ new WeakMap(), createContinuablePromise = (o) => {
-  let r = continuablePromiseMap.get(o);
-  return r || (r = new Promise((n, a) => {
-    let l = o;
-    const i = (p) => (u) => {
-      l === p && n(u);
-    }, c = (p) => (u) => {
-      l === p && a(u);
-    }, d = (p) => {
-      "onCancel" in p && typeof p.onCancel == "function" && p.onCancel((u) => {
-        isPromiseLike(u) ? (continuablePromiseMap.set(u, r), l = u, u.then(i(u), c(u)), d(u)) : n(u);
-      });
+  throw o.status === "rejected" ? o.reason : (attachPromiseStatus(o), o);
+}), continuablePromiseMap = /* @__PURE__ */ new WeakMap(), createContinuablePromise = (o, r) => {
+  let n = continuablePromiseMap.get(o);
+  return n || (n = new Promise((a, l) => {
+    let i = o;
+    const c = (u) => (g) => {
+      i === u && a(g);
+    }, d = (u) => (g) => {
+      i === u && l(g);
+    }, p = () => {
+      try {
+        const u = r();
+        isPromiseLike(u) ? (continuablePromiseMap.set(u, n), i = u, u.then(c(u), d(u)), INTERNAL_registerAbortHandler(u, p)) : a(u);
+      } catch (u) {
+        l(u);
+      }
     };
-    o.then(i(o), c(o)), d(o);
-  }), continuablePromiseMap.set(o, r)), r;
+    o.then(c(o), d(o)), INTERNAL_registerAbortHandler(o, p);
+  }), continuablePromiseMap.set(o, n)), n;
 };
 function useAtomValue(o, r) {
-  const n = useStore(), [[a, l, i], c] = useReducer(
-    (u) => {
-      const g = n.get(o);
-      return Object.is(u[0], g) && u[1] === n && u[2] === o ? u : [g, n, o];
+  const { delay: n, unstable_promiseStatus: a = !React__default.use } = {}, l = useStore(), [[i, c, d], p] = useReducer(
+    (g) => {
+      const h = l.get(o);
+      return Object.is(g[0], h) && g[1] === l && g[2] === o ? g : [h, l, o];
     },
     void 0,
-    () => [n.get(o), n, o]
+    () => [l.get(o), l, o]
   );
-  let d = a;
-  if ((l !== n || i !== o) && (c(), d = n.get(o)), useEffect(() => {
-    const u = n.sub(o, () => {
-      c();
+  let u = i;
+  if ((c !== l || d !== o) && (p(), u = l.get(o)), useEffect(() => {
+    const g = l.sub(o, () => {
+      if (a)
+        try {
+          const h = l.get(o);
+          isPromiseLike(h) && attachPromiseStatus(
+            createContinuablePromise(h, () => l.get(o))
+          );
+        } catch {
+        }
+      if (typeof n == "number") {
+        setTimeout(p, n);
+        return;
+      }
+      p();
     });
-    return c(), u;
-  }, [n, o, void 0]), useDebugValue(d), isPromiseLike(d)) {
-    const u = createContinuablePromise(d);
-    return use(u);
+    return p(), g;
+  }, [l, o, n, a]), useDebugValue(u), isPromiseLike(u)) {
+    const g = createContinuablePromise(u, () => l.get(o));
+    return a && attachPromiseStatus(g), use(g);
   }
-  return d;
+  return u;
 }
 function useSetAtom(o, r) {
   const n = useStore();
@@ -10606,7 +10628,7 @@ export {
   useTheme,
   useThemeOptions,
   useToggleChaiFeatureFlag,
-  Ue as useTranslation,
+  Ve as useTranslation,
   useUndoManager,
   useUpdateBlocksProps,
   useUpdateBlocksPropsRealtime,