@chaibuilder/sdk 2.2.9 → 2.2.11

package/dist/core.js

@@ -15,7 +15,7 @@ import { ChevronRight, PlusIcon as PlusIcon$1, DatabaseIcon, ChevronLeft, Chevro
 import clsx$1, { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import TreeModel from "tree-model";
-import { S as STYLES_KEY, e as getSplitChaiClasses, a as applyBinding, b as applyLanguage, g as getBlockTagAttributes, c as getBlockRuntimeProps, d as applyLimit, R as ROOT_TEMP_KEY } from "./new-blocks-render-helpers-BrYtxlrw.js";
+import { S as STYLES_KEY, e as getSplitChaiClasses, a as applyBinding, b as applyLanguage, g as getBlockTagAttributes, c as getBlockRuntimeProps, d as applyLimit, R as ROOT_TEMP_KEY } from "./new-blocks-render-helpers-BGcG63he.js";
 import { d as defaultThemeOptions, f as defaultThemeValues, a as getChaiThemeCssVariables, g as getChaiThemeOptions, p as plugin, e as getThemeFontsLinkMarkup, h as getThemeCustomFontFace } from "./plugin-fnBB3TCm.js";
 import Fuse from "fuse.js";
 import { useDebouncedCallback, useThrottledCallback, useResizeObserver, useIntervalEffect } from "@react-hookz/web";
@@ -760,7 +760,7 @@ const useUndoManager = () => {
   return {
     moveBlocks: (x, y, b) => {
       const v = map(x, (A) => {
-        const _ = r.find((N) => N._id === A)._parent || null, B = r.filter((N) => _ ? N._parent === _ : !N._parent).map((N) => N._id).indexOf(A);
+        const _ = r.find((T) => T._id === A)._parent || null, B = r.filter((T) => _ ? T._parent === _ : !T._parent).map((T) => T._id).indexOf(A);
         return { _id: A, oldParent: _, oldPosition: B };
       }), w = v.find(({ _id: A }) => A === x[0]);
       w && w.oldParent === y && w.oldPosition === b || (i(x, y, b), o({
@@ -3561,14 +3561,14 @@ const JSONFormFieldTemplate = ({
   formData: g,
   onChange: h
 }) => {
-  const { selectedLang: m, fallbackLang: f, languages: x } = useLanguages(), y = isEmpty(x) ? "" : isEmpty(m) ? f : m, b = get(LANGUAGES, y, y), v = usePageExternalData(), w = useSelectedBlock(), A = useRegisteredChaiBlocks(), E = get(A, [w == null ? void 0 : w._type, "i18nProps"], []) || [], [_, S] = useState(null), B = useSelectedBlockHierarchy(), N = useMemo(() => B.length === 1 ? "" : `#${get(
+  const { selectedLang: m, fallbackLang: f, languages: x } = useLanguages(), y = isEmpty(x) ? "" : isEmpty(m) ? f : m, b = get(LANGUAGES, y, y), v = usePageExternalData(), w = useSelectedBlock(), A = useRegisteredChaiBlocks(), E = get(A, [w == null ? void 0 : w._type, "i18nProps"], []) || [], [_, S] = useState(null), B = useSelectedBlockHierarchy(), T = useMemo(() => B.length === 1 ? "" : `#${get(
     B.find((L) => L._type === "Repeater"),
     "repeaterItems",
     ""
-  ).replace(/\{\{(.*)\}\}/g, "$1")}`, [B]), C = useMemo(() => first(get(v, N.replace("#", ""), [])), [N, v]), k = useCallback(
-    (I, P) => {
-      if (I = isEmpty(N) ? I : I.replace(`${N}.`, "$index."), P === "array" || P === "object") {
-        h(`{{${I}}}`, {}, o);
+  ).replace(/\{\{(.*)\}\}/g, "$1")}`, [B]), C = useMemo(() => first(get(v, T.replace("#", ""), [])), [T, v]), k = useCallback(
+    (N, P) => {
+      if (N = isEmpty(T) ? N : N.replace(`${T}.`, "$index."), P === "array" || P === "object") {
+        h(`{{${N}}}`, {}, o);
         return;
       }
       const L = (D) => /[.,!?;:]/.test(D), O = (D, M, H) => {
@@ -3585,7 +3585,7 @@ const JSONFormFieldTemplate = ({
       if (R && (R.querySelector(".ProseMirror") || R.__chaiRTE)) {
         const D = R.__chaiRTE;
         if (D) {
-          const M = `{{${I}}}`;
+          const M = `{{${N}}}`;
           D.commands.focus();
           const { from: H, to: F } = D.state.selection;
           if (H !== F)
@@ -3603,31 +3603,31 @@ const JSONFormFieldTemplate = ({
       } else {
         const D = $, M = D.selectionStart || 0, H = D.value || "", F = D.selectionEnd || M;
         if (F > M) {
-          const G = `{{${I}}}`, { text: Y } = O(H, M, G), q = H.slice(0, M) + Y + H.slice(F);
+          const G = `{{${N}}}`, { text: Y } = O(H, M, G), q = H.slice(0, M) + Y + H.slice(F);
           h(q, {}, o);
           return;
         }
-        const U = `{{${I}}}`, { text: V } = O(H, M, U), K = H.slice(0, M) + V + H.slice(M);
+        const U = `{{${N}}}`, { text: V } = O(H, M, U), K = H.slice(0, M) + V + H.slice(M);
         h(K, {}, o);
       }
     },
-    [o, h, g, w == null ? void 0 : w._id, N]
+    [o, h, g, w == null ? void 0 : w._id, T]
   );
   if (c)
     return null;
   if (u.type === "boolean") return /* @__PURE__ */ jsx("div", { className: r, children: a });
-  const T = E == null ? void 0 : E.includes(o.replace("root.", ""));
+  const I = E == null ? void 0 : E.includes(o.replace("root.", ""));
   if (u.type === "array") {
-    const I = _ === o;
+    const N = _ === o;
     return /* @__PURE__ */ jsxs("div", { className: `${r} relative`, children: [
       u.title && /* @__PURE__ */ jsxs(
         "label",
         {
           htmlFor: o,
-          onClick: () => S(I ? null : o),
+          onClick: () => S(N ? null : o),
           className: "flex cursor-pointer items-center gap-x-1 py-1 leading-tight duration-200 hover:bg-slate-100",
           children: [
-            I ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }),
+            N ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }),
             /* @__PURE__ */ jsx(List, { className: "h-3 w-3" }),
             /* @__PURE__ */ jsx("span", { className: "leading-tight", children: n }),
             " ",
@@ -3635,7 +3635,7 @@ const JSONFormFieldTemplate = ({
           ]
         }
       ),
-      (g == null ? void 0 : g.length) === 0 ? /* @__PURE__ */ jsx("div", { className: "h-0 overflow-hidden", children: a }) : /* @__PURE__ */ jsxs("div", { className: `${I ? "pt-0.5" : "h-0 overflow-hidden"}`, children: [
+      (g == null ? void 0 : g.length) === 0 ? /* @__PURE__ */ jsx("div", { className: "h-0 overflow-hidden", children: a }) : /* @__PURE__ */ jsxs("div", { className: `${N ? "pt-0.5" : "h-0 overflow-hidden"}`, children: [
         d,
         a,
         l,
@@ -3648,7 +3648,7 @@ const JSONFormFieldTemplate = ({
       /* @__PURE__ */ jsxs("label", { htmlFor: o, className: u.type === "object" ? "pb-2" : "", children: [
         n,
         " ",
-        T && /* @__PURE__ */ jsxs("small", { className: "text-[9px] text-zinc-400", children: [
+        I && /* @__PURE__ */ jsxs("small", { className: "text-[9px] text-zinc-400", children: [
           " ",
           b
         ] }),
@@ -3658,7 +3658,7 @@ const JSONFormFieldTemplate = ({
         NestedPathSelector,
         {
           data: {
-            ...C && { [N]: C },
+            ...C && { [T]: C },
             ...v
           },
           onSelect: k,
@@ -3850,8 +3850,8 @@ const ImagePickerField = ({ value: o, onChange: r, id: n, onBlur: a }) => {
   pageTypes: r,
   onChange: n
 }) => {
-  var N;
-  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (C, k) => []), [i, d] = useState(!1), [c, p] = useState(!1), [u, g] = useState("page"), [h, m] = useState(""), [f, x] = useState([]), [y, b] = useState(-1), v = useRef(null), w = (N = r == null ? void 0 : r.find((C) => C.key === u)) == null ? void 0 : N.name;
+  var T;
+  const { t: a } = useTranslation(), l = useBuilderProp("searchPageTypeItems", (C, k) => []), [i, d] = useState(!1), [c, p] = useState(!1), [u, g] = useState("page"), [h, m] = useState(""), [f, x] = useState([]), [y, b] = useState(-1), v = useRef(null), w = (T = r == null ? void 0 : r.find((C) => C.key === u)) == null ? void 0 : T.name;
   useEffect(() => {
     if (m(""), x([]), b(-1), p(!1), !o || i || !startsWith(o, "pageType:")) return;
     const C = split(o, ":"), k = get(C, 1, "page") || "page";
@@ -4829,11 +4829,11 @@ const BlockStylingProps = () => {
       }
       if (get(k, "value") === "")
         return;
-      const I = `${get(k, "value", "").startsWith("-") ? "-" : ""}${c}[${get(k, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
-      C ? S(I) : _(I);
+      const N = `${get(k, "value", "").startsWith("-") ? "-" : ""}${c}[${get(k, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
+      C ? S(N) : _(N);
     },
     [_, S, a, h, c, u]
-  ), N = useCallback(
+  ), T = useCallback(
     (C) => {
       const k = getUserInputValues(`${a}`, u);
       if (get(k, "error", !1)) {
@@ -4846,8 +4846,8 @@ const BlockStylingProps = () => {
       }
       if (get(k, "value") === "")
         return;
-      const j = get(k, "unit") !== "" ? get(k, "unit") : C, I = `${get(k, "value", "").startsWith("-") ? "-" : ""}${c}[${get(k, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
-      _(I);
+      const j = get(k, "unit") !== "" ? get(k, "unit") : C, N = `${get(k, "value", "").startsWith("-") ? "-" : ""}${c}[${get(k, "value", "").replace("-", "")}${j === "-" ? "" : j}]`;
+      _(N);
     },
     [_, a, c, u]
   );
@@ -4880,7 +4880,7 @@ const BlockStylingProps = () => {
             const k = parseInt$1(C.target.value);
             let j = isNaN$1(k) ? 0 : k;
             C.keyCode === 38 && (j += 1), C.keyCode === 40 && (j -= 1);
-            const T = `${j}`, P = `${T.startsWith("-") ? "-" : ""}${c}[${T.replace("-", "")}${h === "-" ? "" : h}]`;
+            const I = `${j}`, P = `${I.startsWith("-") ? "-" : ""}${c}[${I.replace("-", "")}${h === "-" ? "" : h}]`;
             S(P);
           },
           onKeyUp: (C) => {
@@ -4920,7 +4920,7 @@ const BlockStylingProps = () => {
             units: u,
             current: h,
             onSelect: (C) => {
-              n(!1), m(C), N(C);
+              n(!1), m(C), T(C);
             }
           }
         ) })
@@ -4933,15 +4933,15 @@ const BlockStylingProps = () => {
         onDragEnd: (C) => {
           if (b(() => ""), w(!1), isEmpty(C))
             return;
-          const k = `${C}`, T = `${k.startsWith("-") ? "-" : ""}${c}[${k.replace("-", "")}${h === "-" ? "" : h}]`;
-          _(T);
+          const k = `${C}`, I = `${k.startsWith("-") ? "-" : ""}${c}[${k.replace("-", "")}${h === "-" ? "" : h}]`;
+          _(I);
         },
         onDrag: (C) => {
           if (isEmpty(C))
             return;
           b(C);
-          const k = `${C}`, T = `${k.startsWith("-") ? "-" : ""}${c}[${k.replace("-", "")}${h === "-" ? "" : h}]`;
-          S(T);
+          const k = `${C}`, I = `${k.startsWith("-") ? "-" : ""}${c}[${k.replace("-", "")}${h === "-" ? "" : h}]`;
+          S(I);
         },
         currentValue: a,
         unit: h,
@@ -5406,9 +5406,9 @@ const COLOR_PROP = {
   const { t: r } = useTranslation(), { type: n = "icons", label: a, property: l, onEmitChange: i = () => {
   }, units: d, negative: c = !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(
     (S, B = !0) => {
-      const N = { dark: p, mq: g, mod: u, cls: S, property: l, fullCls: "" };
-      (p || u !== "") && (N.mq = "xs");
-      const C = generateFullClsName(N);
+      const T = { dark: p, mq: g, mod: u, cls: S, property: l, fullCls: "" };
+      (p || u !== "") && (T.mq = "xs");
+      const C = generateFullClsName(T);
       m(x, [C], B);
     },
     [x, p, g, u, l, m]
@@ -5851,12 +5851,12 @@ const AskAIStyles = ({ blockId: o }) => {
   ] });
 };
 function ManualClasses() {
-  var T;
-  const o = useRef(null), [r, n] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: d } = useTranslation(), [c] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), g = useRemoveClassesFromBlocks(), [h] = useSelectedBlockIds(), m = useBuilderProp("askAiCallBack", null), [f, x] = useState(""), y = (T = first(c)) == null ? void 0 : T.prop, { classes: b } = getSplitChaiClasses(get(p, y, "")), v = b.split(" ").filter((I) => !isEmpty(I)), w = () => {
-    const I = f.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    u(h, I, !0), x("");
-  }, [A, E] = useState([]), _ = ({ value: I }) => {
-    const P = I.trim().toLowerCase(), L = P.match(/.+:/g);
+  var I;
+  const o = useRef(null), [r, n] = useState(""), [a, l] = useState(-1), i = useFuseSearch(), { t: d } = useTranslation(), [c] = useSelectedStylingBlocks(), p = useSelectedBlock(), u = useAddClassesToBlocks(), g = useRemoveClassesFromBlocks(), [h] = useSelectedBlockIds(), m = useBuilderProp("askAiCallBack", null), [f, x] = useState(""), y = (I = first(c)) == null ? void 0 : I.prop, { classes: b } = getSplitChaiClasses(get(p, y, "")), v = b.split(" ").filter((N) => !isEmpty(N)), w = () => {
+    const N = f.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    u(h, N, !0), x("");
+  }, [A, E] = useState([]), _ = ({ value: N }) => {
+    const P = N.trim().toLowerCase(), L = P.match(/.+:/g);
     let O = [];
     if (L && L.length > 0) {
       const [$] = L, R = P.replace($, "");
@@ -5869,7 +5869,7 @@ function ManualClasses() {
     return E(map(O, "item"));
   }, S = () => {
     E([]);
-  }, B = (I) => I.name, N = (I) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: I.name }), C = useMemo(
+  }, B = (N) => N.name, T = (N) => /* @__PURE__ */ jsx("div", { className: "rounded-md p-1", children: N.name }), C = useMemo(
     () => ({
       ref: o,
       autoComplete: "off",
@@ -5878,17 +5878,22 @@ function ManualClasses() {
       spellCheck: !1,
       placeholder: d("Enter classes separated by space"),
       value: f,
-      onKeyDown: (I) => {
-        I.key === "Enter" && f.trim() !== "" && w();
+      onFocus: (N) => {
+        setTimeout(() => {
+          N.target && N.target.select();
+        }, 0);
       },
-      onChange: (I, { newValue: P }) => x(P),
+      onKeyDown: (N) => {
+        N.key === "Enter" && f.trim() !== "" && w();
+      },
+      onChange: (N, { newValue: P }) => x(P),
       className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
     }),
     [f, d, o]
-  ), k = (I) => {
+  ), k = (N) => {
     debugger;
     const P = r.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    g(h, [I]), u(h, P, !0), n(""), l(-1);
+    g(h, [N]), u(h, P, !0), n(""), l(-1);
   }, j = () => {
     if (navigator.clipboard === void 0) {
       toast.error(d("Clipboard not supported"));
@@ -5921,7 +5926,7 @@ function ManualClasses() {
           onSuggestionsFetchRequested: _,
           onSuggestionsClearRequested: S,
           getSuggestionValue: B,
-          renderSuggestion: N,
+          renderSuggestion: T,
           inputProps: C,
           containerProps: {
             className: "relative h-8 w-full gap-y-1 py-1 border-border text-xs"
@@ -5946,37 +5951,47 @@ function ManualClasses() {
       )
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap gap-2 overflow-x-hidden", children: v.map(
-      (I, P) => a === P ? /* @__PURE__ */ jsx(
+      (N, P) => a === P ? /* @__PURE__ */ jsx(
         "input",
         {
           ref: o,
           value: r,
           onChange: (L) => n(L.target.value),
           onBlur: () => {
-            k(I);
+            k(N);
           },
           onKeyDown: (L) => {
-            L.key === "Enter" && k(I);
+            L.key === "Enter" && k(N);
+          },
+          onFocus: (L) => {
+            setTimeout(() => {
+              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"
         },
-        I
+        N
       ) : /* @__PURE__ */ jsxs(
         "button",
         {
+          onDoubleClick: () => {
+            x(N), g(h, [N]), setTimeout(() => {
+              o.current && o.current.focus();
+            }, 10);
+          },
           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",
           children: [
-            I,
-            r !== I && /* @__PURE__ */ jsx(
+            N,
+            r !== N && /* @__PURE__ */ jsx(
               Cross2Icon,
               {
-                onClick: () => g(h, [I], !0),
+                onClick: () => g(h, [N], !0),
                 className: "invisible absolute right-1 rounded-full bg-red-400 hover:text-white group-hover:visible group-hover:cursor-pointer"
               }
             )
           ]
         },
-        I
+        N
       )
     ) })
   ] });
@@ -6430,7 +6445,7 @@ const CoreBlock = ({
     return hasVideoEmbed(A) && (set(a, "_type", "Video"), set(a, "url", getVideoURLFromHTML(A)), set(a, "styles", `${STYLES_KEY},`), set(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = A, [a];
   } else if (n.tagName === "svg") {
     const A = find(n.attributes, { key: "height" }), E = find(n.attributes, { key: "width" }), _ = get(A, "value") ? `[${get(A, "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$1(`w-${S} h-${_}`, B)}`.trim(), n.attributes = filter(n.attributes, (N) => !includes(["style", "width", "height", "class"], N.key)), a.icon = stringify([n]), [a];
+    return a.styles = `${STYLES_KEY}, ${cn$1(`w-${S} h-${_}`, B)}`.trim(), n.attributes = filter(n.attributes, (T) => !includes(["style", "width", "height", "class"], T.key)), a.icon = stringify([n]), [a];
   } else if (n.tagName == "option" && r && ((w = r.block) == null ? void 0 : w._type) === "Select")
     return r.block.options.push({
       label: getTextContent(n.children),
@@ -6635,7 +6650,7 @@ const BlockCard = ({
       /* @__PURE__ */ jsx(Skeleton, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "col-span-9 h-full" })
     ] });
-  const N = filter(w, (k, j) => j % 2 === 0), C = filter(w, (k, j) => j % 2 === 1);
+  const T = filter(w, (k, j) => j % 2 === 0), C = filter(w, (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" }),
@@ -6696,7 +6711,7 @@ const BlockCard = ({
           className: "z-10 flex h-full max-h-full w-full flex-col gap-2 transition-all ease-linear",
           children: [
             isEmpty(w) && !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(
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: T.map((k, j) => /* @__PURE__ */ jsx(
                 BlockCard,
                 {
                   parentId: o,
@@ -6837,8 +6852,8 @@ const BlockCard = ({
   }, []), E = useMemo(
     () => c ? values(r).filter(
       (k) => {
-        var j, T;
-        return (((j = k.label) == null ? void 0 : j.toLowerCase()) + " " + ((T = k.type) == null ? void 0 : T.toLowerCase())).includes(c.toLowerCase());
+        var j, I;
+        return (((j = k.label) == null ? void 0 : j.toLowerCase()) + " " + ((I = k.type) == null ? void 0 : I.toLowerCase())).includes(c.toLowerCase());
       }
     ) : r,
     [r, c]
@@ -6850,7 +6865,7 @@ const BlockCard = ({
   ), S = useMemo(
     () => sortBy(_, (k) => CORE_GROUPS.indexOf(k) === -1 ? 99 : CORE_GROUPS.indexOf(k)),
     [_]
-  ), B = useMemo(() => m === "all" ? E : filter(values(E), { group: m }), [E, m]), N = useMemo(() => m === "all" ? S : [m], [S, m]);
+  ), B = useMemo(() => m === "all" ? E : filter(values(E), { group: m }), [E, m]), T = useMemo(() => m === "all" ? S : [m], [S, 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,
@@ -6893,7 +6908,7 @@ const BlockCard = ({
         ' "',
         c,
         '"'
-      ] }) }) : /* @__PURE__ */ jsx("div", { className: "space-y-6 p-4", children: N.map((k) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      ] }) }) : /* @__PURE__ */ jsx("div", { className: "space-y-6 p-4", children: T.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(
           m === "all" ? filter(values(B), { group: k }) : values(B),
@@ -7264,7 +7279,7 @@ const Input = ({ node: o }) => {
     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, B] = useAtom$1(currentAddSelection), T = () => {
     var L;
     C(), o.parent.isSelected || B((L = o == null ? void 0 : o.parent) == null ? void 0 : L.id);
   }, C = () => {
@@ -7283,7 +7298,7 @@ const Input = ({ node: o }) => {
     R && R.setAttribute("data-drop", O);
     const D = R.getBoundingClientRect(), M = d.getBoundingClientRect();
     D.top >= M.top && D.left >= M.left && D.bottom <= M.bottom && D.right <= M.right || ($.documentElement.scrollTop = R.offsetTop - M.top);
-  }, T = (L) => {
+  }, I = (L) => {
     C();
     const O = get(o, "parent.id");
     O !== "__REACT_ARBORIST_INTERNAL_ROOT__" ? pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { _id: O, position: L }) : pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { position: L });
@@ -7295,7 +7310,7 @@ const Input = ({ node: o }) => {
         "div",
         {
           role: "button",
-          onClick: () => T(-1),
+          onClick: () => I(-1),
           className: "h-1 rounded bg-primary opacity-0 duration-200 group-hover:opacity-100",
           children: /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 transform items-center gap-x-1 rounded-full bg-primary px-3 py-1 text-[9px] leading-tight text-white hover:bg-primary", children: [
             /* @__PURE__ */ jsx(PlusIcon, { className: "h-2 w-2 stroke-[3]" }),
@@ -7306,7 +7321,7 @@ const Input = ({ node: o }) => {
       ),
       /* @__PURE__ */ jsx("br", {})
     ] });
-  const I = useMemo(() => has(f, "_libBlockId") && !isEmpty(f._libBlockId) && (c(PERMISSIONS.CREATE_LIBRARY_BLOCK) || c(PERMISSIONS.EDIT_LIBRARY_BLOCK)), [f, c]);
+  const N = useMemo(() => has(f, "_libBlockId") && !isEmpty(f._libBlockId) && (c(PERMISSIONS.CREATE_LIBRARY_BLOCK) || c(PERMISSIONS.EDIT_LIBRARY_BLOCK)), [f, c]);
   return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7332,9 +7347,9 @@ const Input = ({ node: o }) => {
           "div",
           {
             onClick: (L) => {
-              L.stopPropagation(), T(o.childIndex);
+              L.stopPropagation(), I(o.childIndex);
             },
-            onMouseEnter: N,
+            onMouseEnter: T,
             onMouseLeave: C,
             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" }) })
@@ -7350,7 +7365,7 @@ const Input = ({ node: o }) => {
               (o == null ? void 0 : o.id) === S ? "bg-primary/10" : "",
               b && "opacity-20",
               l.includes(m) ? "opacity-50" : "",
-              I && x && "bg-primary/20 text-primary"
+              N && x && "bg-primary/20 text-primary"
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -7366,8 +7381,8 @@ const Input = ({ node: o }) => {
                   {
                     className: cn(
                       "leading-1 flex items-center",
-                      I && "text-primary/60",
-                      I && x && "text-primary/80"
+                      N && "text-primary/60",
+                      N && x && "text-primary/80"
                     ),
                     children: [
                       /* @__PURE__ */ jsx(TypeIcon, { type: f == null ? void 0 : f._type }),
@@ -8716,7 +8731,7 @@ const AddBlocksDialog = () => {
       n(S), l(a), d(""), p(""), m("");
     }
   }, v = (S) => {
-    const B = a.filter((N, C) => C !== S);
+    const B = a.filter((T, C) => C !== S);
     n(B), l(B);
   }, w = (S) => {
     g(S), d(a[S].key), p(a[S].value);
@@ -8732,23 +8747,23 @@ const AddBlocksDialog = () => {
   }, E = (S) => {
     S.key === "Enter" && !S.shiftKey && (S.preventDefault(), u !== null ? A() : b());
   }, _ = useCallback((S) => {
-    const B = (k) => /[.,!?;:]/.test(k), N = (k, j, T) => {
-      let I = "", P = "";
+    const B = (k) => /[.,!?;:]/.test(k), T = (k, j, I) => {
+      let N = "", P = "";
       const L = j > 0 ? k[j - 1] : "", O = j < k.length ? k[j] : "";
-      return j > 0 && (L === "." || !B(L) && L !== " ") && (I = " "), j < k.length && !B(O) && O !== " " && (P = " "), {
-        text: I + T + P,
-        prefixLength: I.length,
+      return j > 0 && (L === "." || !B(L) && L !== " ") && (N = " "), j < k.length && !B(O) && O !== " " && (P = " "), {
+        text: N + I + P,
+        prefixLength: N.length,
         suffixLength: P.length
       };
     }, C = x.current;
     if (C) {
-      const k = C.selectionStart || 0, j = C.value || "", T = C.selectionEnd || k;
-      if (T > k) {
-        const $ = `{{${S}}}`, { text: R } = N(j, k, $), D = j.slice(0, k) + R + j.slice(T);
+      const k = C.selectionStart || 0, j = C.value || "", I = C.selectionEnd || k;
+      if (I > k) {
+        const $ = `{{${S}}}`, { text: R } = T(j, k, $), D = j.slice(0, k) + R + j.slice(I);
         p(D);
         return;
       }
-      const P = `{{${S}}}`, { text: L } = N(j, k, P), O = j.slice(0, k) + L + j.slice(k);
+      const P = `{{${S}}}`, { text: L } = T(j, k, P), O = j.slice(0, k) + L + j.slice(k);
       p(O);
     }
   }, []);
@@ -9204,55 +9219,55 @@ const FEATURE_TOGGLES = {
   return (x = m.onMount) == null ? void 0 : x.call(m, f);
 }, ...h) => {
   const m = h[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;
+    let T = o.get(B);
+    return T || (T = { d: /* @__PURE__ */ new Map(), p: /* @__PURE__ */ new Set(), n: 0 }, o.set(B, T), u == null || u(B, S)), T;
   }), f = h[1] || (() => {
-    let B, N;
+    let B, T;
     const C = (k) => {
       try {
         k();
       } catch (j) {
-        B || (B = !0, N = j);
+        B || (B = !0, T = j);
       }
     };
     do {
       d.f && C(d.f);
       const k = /* @__PURE__ */ new Set(), j = k.add.bind(k);
-      a.forEach((T) => {
-        var I;
-        return (I = r.get(T)) == null ? void 0 : I.l.forEach(j);
+      a.forEach((I) => {
+        var N;
+        return (N = r.get(I)) == null ? void 0 : N.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)
-      throw N;
+      throw T;
   }), x = h[2] || (() => {
-    const B = [], N = /* @__PURE__ */ new WeakSet(), C = /* @__PURE__ */ new WeakSet(), k = Array.from(a);
+    const B = [], T = /* @__PURE__ */ new WeakSet(), C = /* @__PURE__ */ new WeakSet(), k = Array.from(a);
     for (; k.length; ) {
-      const j = k[k.length - 1], T = m(j);
+      const j = k[k.length - 1], I = m(j);
       if (C.has(j)) {
         k.pop();
         continue;
       }
-      if (N.has(j)) {
-        n.get(j) === T.n && B.push([j, T]), C.add(j), k.pop();
+      if (T.has(j)) {
+        n.get(j) === I.n && B.push([j, I]), C.add(j), k.pop();
         continue;
       }
-      N.add(j);
-      for (const I of getMountedOrPendingDependents(j, T, r))
-        N.has(I) || k.push(I);
+      T.add(j);
+      for (const N of getMountedOrPendingDependents(j, I, r))
+        T.has(N) || k.push(N);
     }
     for (let j = B.length - 1; j >= 0; --j) {
-      const [T, I] = B[j];
+      const [I, N] = B[j];
       let P = !1;
-      for (const L of I.d.keys())
-        if (L !== T && a.has(L)) {
+      for (const L of N.d.keys())
+        if (L !== I && a.has(L)) {
           P = !0;
           break;
         }
-      P && (y(T), w(T)), n.delete(T);
+      P && (y(I), w(I)), n.delete(I);
     }
   }), y = h[3] || ((B) => {
-    var N, C;
+    var T, C;
     const k = m(B);
     if (isAtomStateInitialized(k) && (r.has(B) && n.get(B) !== k.n || Array.from(k.d).every(
       ([R, D]) => (
@@ -9264,9 +9279,9 @@ const FEATURE_TOGGLES = {
       return k;
     k.d.clear();
     let j = !0;
-    const T = () => {
+    const I = () => {
       r.has(B) && (w(B), x(), f());
-    }, I = (R) => {
+    }, N = (R) => {
       var D;
       if (isSelfAtom(B, R)) {
         const H = m(R);
@@ -9281,7 +9296,7 @@ const FEATURE_TOGGLES = {
       try {
         return returnAtomValue(M);
       } finally {
-        k.d.set(R, M.n), isPendingPromise(k.v) && addPendingPromiseToDependency(B, k.v, M), (D = r.get(R)) == null || D.t.add(B), j || T();
+        k.d.set(R, M.n), isPendingPromise(k.v) && addPendingPromiseToDependency(B, k.v, M), (D = r.get(R)) == null || D.t.add(B), j || I();
       }
     };
     let P, L;
@@ -9301,10 +9316,10 @@ const FEATURE_TOGGLES = {
       }
     }, $ = k.n;
     try {
-      const R = c(B, I, O);
-      return setAtomStateValueOrPromise(B, R, m), isPromiseLike$1(R) && ((N = R.onCancel) == null || N.call(R, () => P == null ? void 0 : P.abort()), R.then(
-        T,
-        T
+      const R = c(B, N, O);
+      return setAtomStateValueOrPromise(B, R, m), isPromiseLike$1(R) && ((T = R.onCancel) == null || T.call(R, () => P == null ? void 0 : P.abort()), R.then(
+        I,
+        I
       )), k;
     } catch (R) {
       return delete k.v, k.e = R, ++k.n, k;
@@ -9312,55 +9327,55 @@ const FEATURE_TOGGLES = {
       j = !1, $ !== k.n && n.get(B) === $ && (n.set(B, k.n), a.add(B), (C = d.c) == null || C.call(d, B));
     }
   }), b = h[4] || ((B) => {
-    const N = [B];
-    for (; N.length; ) {
-      const C = N.pop(), k = m(C);
+    const T = [B];
+    for (; T.length; ) {
+      const C = T.pop(), k = m(C);
       for (const j of getMountedOrPendingDependents(C, k, r)) {
-        const T = m(j);
-        n.set(j, T.n), N.push(j);
+        const I = m(j);
+        n.set(j, I.n), T.push(j);
       }
     }
-  }), v = h[5] || ((B, ...N) => {
+  }), v = h[5] || ((B, ...T) => {
     let C = !0;
-    const k = (T) => returnAtomValue(y(T)), j = (T, ...I) => {
+    const k = (I) => returnAtomValue(y(I)), j = (I, ...N) => {
       var P;
-      const L = m(T);
+      const L = m(I);
       try {
-        if (isSelfAtom(B, T)) {
-          if (!hasInitialValue(T))
+        if (isSelfAtom(B, I)) {
+          if (!hasInitialValue(I))
             throw new Error("atom not writable");
-          const O = L.n, $ = I[0];
-          setAtomStateValueOrPromise(T, $, m), w(T), O !== L.n && (a.add(T), (P = d.c) == null || P.call(d, T), b(T));
+          const O = L.n, $ = N[0];
+          setAtomStateValueOrPromise(I, $, m), w(I), O !== L.n && (a.add(I), (P = d.c) == null || P.call(d, I), b(I));
           return;
         } else
-          return v(T, ...I);
+          return v(I, ...N);
       } finally {
         C || (x(), f());
       }
     };
     try {
-      return p(B, k, j, ...N);
+      return p(B, k, j, ...T);
     } finally {
       C = !1;
     }
   }), w = h[6] || ((B) => {
-    var N;
+    var T;
     const C = m(B), k = r.get(B);
     if (k && !isPendingPromise(C.v)) {
-      for (const [j, T] of C.d)
+      for (const [j, I] of C.d)
         if (!k.d.has(j)) {
-          const I = m(j);
-          A(j).t.add(B), k.d.add(j), T !== I.n && (a.add(j), (N = d.c) == null || N.call(d, j), b(j));
+          const N = m(j);
+          A(j).t.add(B), k.d.add(j), I !== N.n && (a.add(j), (T = d.c) == null || T.call(d, 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);
+          const I = E(j);
+          I == null || I.t.delete(B);
         }
     }
   }), A = h[7] || ((B) => {
-    var N;
+    var T;
     const C = m(B);
     let k = r.get(B);
     if (!k) {
@@ -9371,28 +9386,28 @@ const FEATURE_TOGGLES = {
         l: /* @__PURE__ */ new Set(),
         d: new Set(C.d.keys()),
         t: /* @__PURE__ */ new Set()
-      }, r.set(B, k), (N = d.m) == null || N.call(d, B), isActuallyWritableAtom(B)) {
+      }, r.set(B, k), (T = d.m) == null || T.call(d, B), isActuallyWritableAtom(B)) {
         const j = () => {
-          let T = !0;
-          const I = (...P) => {
+          let I = !0;
+          const N = (...P) => {
             try {
               return v(B, ...P);
             } finally {
-              T || (x(), f());
+              I || (x(), f());
             }
           };
           try {
-            const P = g(B, I);
+            const P = g(B, N);
             P && (k.u = () => {
-              T = !0;
+              I = !0;
               try {
                 P();
               } finally {
-                T = !1;
+                I = !1;
               }
             });
           } finally {
-            T = !1;
+            I = !1;
           }
         };
         l.add(j);
@@ -9400,17 +9415,17 @@ const FEATURE_TOGGLES = {
     }
     return k;
   }), E = h[8] || ((B) => {
-    var N;
+    var T;
     const C = m(B);
     let k = r.get(B);
     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);
+      var I;
+      return (I = r.get(j)) == null ? void 0 : I.d.has(B);
     })) {
-      k.u && i.add(k.u), k = void 0, r.delete(B), (N = d.u) == null || N.call(d, B);
+      k.u && i.add(k.u), k = void 0, r.delete(B), (T = d.u) == null || T.call(d, B);
       for (const j of C.d.keys()) {
-        const T = E(j);
-        T == null || T.t.delete(B);
+        const I = E(j);
+        I == null || I.t.delete(B);
       }
       return;
     }
@@ -9441,17 +9456,17 @@ const FEATURE_TOGGLES = {
     E
   ], S = {
     get: (B) => returnAtomValue(y(B)),
-    set: (B, ...N) => {
+    set: (B, ...T) => {
       try {
-        return v(B, ...N);
+        return v(B, ...T);
       } finally {
         x(), f();
       }
     },
-    sub: (B, N) => {
+    sub: (B, T) => {
       const k = A(B).l;
-      return k.add(N), f(), () => {
-        k.delete(N), E(B), f();
+      return k.add(T), f(), () => {
+        k.delete(T), E(B), f();
       };
     }
   };