markdown-flow-ui 0.2.35 → 0.3.0-dev.1

package/dist/components/MarkdownFlowEditor/MarkdownFlowEditor.es.js

@@ -1,81 +1,77 @@
-import { jsx as m, jsxs as $ } from "react/jsx-runtime";
-import { useEffect as b, useMemo as w, useState as v, useRef as Q, useCallback as s } from "react";
-import Qe from "../../node_modules/@uiw/react-codemirror/esm/index.es.js";
-import { autocompletion as Ue } from "../../node_modules/@codemirror/autocomplete/dist/index.es.js";
-import { EditorView as Le } from "../../node_modules/@codemirror/view/dist/index.es.js";
-import { markdown as Ye } from "../../node_modules/@codemirror/lang-markdown/dist/index.es.js";
-import { syntaxHighlighting as Je, defaultHighlightStyle as Xe } from "../../node_modules/@codemirror/language/dist/index.es.js";
-import { Tooltip as Ze, TooltipTrigger as et, TooltipContent as tt } from "../ui/tooltip.es.js";
-import ot from "./components/CustomDialog.es.js";
-import nt from "./components/CustomPopover.es.js";
-import rt from "./components/EditorToolbar.es.js";
-import it from "./components/VariableSearchDropdown.es.js";
-import at from "./editor-context.es.js";
-import st from "./components/ImageInject.es.js";
-import lt from "./components/VideoInject.es.js";
-import ct from "./components/VariableSelect.es.js";
+import { jsx as m, jsxs as B } from "react/jsx-runtime";
+import { useEffect as C, useMemo as v, useState as w, useRef as K, useCallback as l } from "react";
+import Ye from "../../node_modules/@uiw/react-codemirror/esm/index.es.js";
+import { autocompletion as Je } from "../../node_modules/@codemirror/autocomplete/dist/index.es.js";
+import { EditorView as we } from "../../node_modules/@codemirror/view/dist/index.es.js";
+import { markdown as Xe } from "../../node_modules/@codemirror/lang-markdown/dist/index.es.js";
+import { syntaxHighlighting as Ze, defaultHighlightStyle as et } from "../../node_modules/@codemirror/language/dist/index.es.js";
+import { Tooltip as tt, TooltipTrigger as ot, TooltipContent as nt } from "../ui/tooltip.es.js";
+import rt from "./components/CustomDialog.es.js";
+import it from "./components/CustomPopover.es.js";
+import at from "./components/EditorToolbar.es.js";
+import lt from "./components/VariableSearchDropdown.es.js";
+import st from "./editor-context.es.js";
+import ct from "./components/ImageInject.es.js";
+import ut from "./components/VideoInject.es.js";
+import mt from "./components/VariableSelect.es.js";
 import { SelectedOption as f } from "./types.es.js";
 /* empty css                          */
-import { extractVariableNames as ut, getImageContentToInsert as mt, getVideoContentToInsert as ft, createSlashCommands as ht, parseContentInfo as pt, createVariableExpressionRegexp as gt } from "./utils.es.js";
+import { getImageContentToInsert as ft, getVideoContentToInsert as ht, createSlashCommands as pt, parseContentInfo as gt } from "./utils.es.js";
 import dt from "./plugins/ImgPlaceholder.es.js";
 import Vt from "./plugins/VideoPlaceholder.es.js";
-import { mediaPlaceholderLabels as Ct } from "./plugins/mediaPlaceholderLabels.es.js";
-import bt from "./plugins/VariablePlaceholder.es.js";
+import { mediaPlaceholderLabels as bt } from "./plugins/mediaPlaceholderLabels.es.js";
+import Ct from "./plugins/VariablePlaceholder.es.js";
 import St from "./plugins/SyntaxHighlighter.es.js";
-import ie from "../../node_modules/i18next/dist/esm/i18next.es.js";
-import { DEFAULT_EDITOR_LOCALE as ae, editorLocaleResources as Ee, getEditorLocaleMessages as It } from "./editorI18n.es.js";
-import { normalizeMarkdownFlowLocale as wt, getMarkdownFlowDirection as vt, getMarkdownFlowLanguage as Lt } from "../../lib/locale.es.js";
-import { useDetachedLanguage as Et } from "../../lib/useDetachedLanguage.es.js";
-import { useResolvedDirection as Tt } from "../../lib/useResolvedDirection.es.js";
-import { initReactI18next as kt } from "../../node_modules/react-i18next/dist/es/initReactI18next.es.js";
+import ne from "../../node_modules/i18next/dist/esm/i18next.es.js";
+import { DEFAULT_EDITOR_LOCALE as re, editorLocaleResources as Te, getEditorLocaleMessages as It } from "./editorI18n.es.js";
+import { normalizeMarkdownFlowLocale as vt, getMarkdownFlowDirection as wt, getMarkdownFlowLanguage as Tt } from "../../lib/locale.es.js";
+import { useDetachedLanguage as Lt } from "../../lib/useDetachedLanguage.es.js";
+import { useResolvedDirection as kt } from "../../lib/useResolvedDirection.es.js";
+import { initReactI18next as Et } from "../../node_modules/react-i18next/dist/es/initReactI18next.es.js";
 import { useTranslation as Ot } from "../../node_modules/react-i18next/dist/es/useTranslation.es.js";
-ie.isInitialized ? Object.entries(Ee).forEach(([C, h]) => {
-  ie.addResourceBundle(
-    C,
+import { d as N } from "../../_virtual/index.es.js";
+ne.isInitialized ? Object.entries(Te).forEach(([V, h]) => {
+  ne.addResourceBundle(
+    V,
     "translation",
     h.translation,
     !0,
     !0
   );
-}) : ie.use(kt).init({
-  resources: Ee,
-  lng: ae,
-  fallbackLng: ae,
+}) : ne.use(Et).init({
+  resources: Te,
+  lng: re,
+  fallbackLng: re,
   interpolation: { escapeValue: !1 }
 });
-const Te = [], ke = (C, h) => {
-  if (!C || h < 0)
+const Le = [], ke = (V, h) => {
+  if (!V || h < 0)
     return !1;
-  const O = gt();
-  let L;
-  for (; (L = O.exec(C)) !== null; ) {
-    const E = L.index ?? 0, U = E + L[0].length, R = E + 2, Y = U - 2;
-    if (h >= R && h <= Y)
+  for (const k of N.findDocumentVariableMarkers(V))
+    if (k.name !== null && h >= k.start + 2 && h <= k.end - 2)
       return !0;
-    O.lastIndex === L.index && O.lastIndex++;
-  }
   return !1;
-}, xt = (C = "") => `{{${C}}}`, so = ({
-  content: C = "",
+}, yt = (V = "") => V ? N.formatVariableReference(V) : "{{  }}", so = ({
+  content: V = "",
   editMode: h = "codeEdit",
-  variables: O,
-  systemVariables: L,
-  onChange: E,
-  onBlur: U,
-  locale: R,
-  lang: Y,
-  uploadProps: Oe,
+  variables: k,
+  systemVariables: ie,
+  onChange: F,
+  onBlur: Ee,
+  locale: Q,
+  lang: Oe,
+  uploadProps: ye,
   disabled: n = !1,
-  toolbarActionsRight: J,
+  toolbarActionsRight: U,
   onReady: xe
 }) => {
-  const { t: a, i18n: X } = Ot(), j = wt(
-    R ?? ae
-  ), se = vt(R), le = Y ?? Lt(R);
-  b(() => {
-    X.language !== j && X.changeLanguage(j);
-  }, [X, j]);
-  const x = It(j), V = w(
+  const { t: a, i18n: Y } = Ot(), j = vt(
+    Q ?? re
+  ), ae = wt(Q), le = Oe ?? Tt(Q);
+  C(() => {
+    Y.language !== j && Y.changeLanguage(j);
+  }, [Y, j]);
+  const E = It(j), b = v(
     () => ({
       image: a("toolbarInsertImage", {
         defaultValue: "Insert image"
@@ -121,7 +117,7 @@ const Te = [], ke = (C, h) => {
       })
     }),
     [a]
-  ), ye = w(
+  ), Pe = v(
     () => ({
       searchPlaceholder: a("variableSearchPlaceholder", {
         defaultValue: "Search variable"
@@ -131,115 +127,113 @@ const Te = [], ke = (C, h) => {
       emptyLabel: a("variableNotFound", "No variables found")
     }),
     [a]
-  ), Pe = h === "quickEdit" ? a("placeholderQuickEdit", {
+  ), Ne = h === "quickEdit" ? a("placeholderQuickEdit", {
     defaultValue: a("placeholderCodeEdit", {
       defaultValue: a("placeholder")
     })
-  }) : a("placeholderCodeEdit", { defaultValue: a("placeholder") }), A = w(() => {
+  }) : a("placeholderCodeEdit", { defaultValue: a("placeholder") }), D = v(() => {
     const e = /* @__PURE__ */ new Set();
-    return (L ?? Te).filter((o) => {
-      const r = typeof o?.name == "string" ? o.name.toLowerCase() : "";
-      return !r || e.has(r) ? !1 : (e.add(r), !0);
+    return (ie ?? Le).flatMap((o) => {
+      const r = typeof o?.name == "string" ? N.normalizeVariableName(o.name) : null;
+      return r === null || e.has(r) ? [] : (e.add(r), [{ ...o, name: r }]);
     });
-  }, [L]), Z = w(() => {
+  }, [ie]), J = v(() => {
     const e = new Set(
-      A.map((r) => r.name.toLowerCase())
+      D.map((r) => r.name)
     ), o = /* @__PURE__ */ new Set();
-    return (O ?? Te).filter((r) => {
-      const t = typeof r?.name == "string" ? r.name.toLowerCase() : "";
-      return !t || e.has(t) || o.has(t) ? !1 : (o.add(t), !0);
+    return (k ?? Le).flatMap((r) => {
+      const t = typeof r?.name == "string" ? N.normalizeVariableName(r.name) : null;
+      return t === null || e.has(t) || o.has(t) ? [] : (o.add(t), [{ ...r, name: t }]);
     });
-  }, [O, A]), [ee, T] = v(!1), [te, y] = v(!1), H = Q(null), z = Et(H, le), { resolvedDirection: B } = Tt(
+  }, [k, D]), [X, T] = w(!1), [Z, O] = w(!1), H = K(null), R = Lt(H, le), { resolvedDirection: A } = kt(
     H,
-    se
-  ), [Ne, F] = v(null), [ce, oe] = v(
-    Z
-  ), [q, De] = v(
-    A
+    ae
+  ), [De, z] = w(null), [se, ee] = w(
+    J
+  ), [$, Re] = w(
+    D
   );
-  b(() => {
-    oe(Z);
-  }, [Z]), b(() => {
-    De(A);
-  }, [A]);
-  const [S, k] = v(
+  C(() => {
+    ee(J);
+  }, [J]), C(() => {
+    Re(D);
+  }, [D]);
+  const [S, L] = w(
     f.Empty
-  ), [l, M] = v(), i = Q(null), _ = Q(null), G = Q(null), [ne, ue] = v(!1), g = s(() => {
-    ue(!1), G.current = null;
-  }, []), Re = s(
+  ), [s, M] = w(), i = K(null), q = K(null), _ = K(null), [te, ce] = w(!1), d = l(() => {
+    ce(!1), _.current = null;
+  }, []), Ae = l(
     (e) => {
       if (!n) {
-        if (ne && G.current === e) {
-          g();
+        if (te && _.current === e) {
+          d();
           return;
         }
-        G.current = e, ue(!0);
+        _.current = e, ce(!0);
       }
     },
-    [g, n, ne]
-  ), Ae = {
+    [d, n, te]
+  ), ze = {
     selectedOption: S,
-    setSelectedOption: k,
-    dialogOpen: ee,
+    setSelectedOption: L,
+    dialogOpen: X,
     setDialogOpen: T,
-    popoverOpen: te,
-    setPopoverOpen: y,
-    popoverPosition: Ne,
-    setPopoverPosition: F
+    popoverOpen: Z,
+    setPopoverOpen: O,
+    popoverPosition: De,
+    setPopoverPosition: z
   };
-  b(() => {
-    n && (T(!1), y(!1), k(f.Empty), M(null), F(null), g());
+  C(() => {
+    n && (T(!1), O(!1), L(f.Empty), M(null), z(null), d());
   }, [
-    g,
+    d,
     n,
     T,
-    y,
-    F,
-    k,
+    O,
+    z,
+    L,
     M
   ]);
-  const P = s(
+  const y = l(
     (e) => {
       if (h !== "quickEdit" || !e)
         return;
-      const o = ut(e);
+      const o = N.extractVariableNames(e);
       if (!o.length)
         return;
       const r = new Set(
-        q.map((t) => t.name.toLowerCase())
+        $.map((t) => t.name)
       );
-      oe((t) => {
-        const c = new Set(
-          t.map((d) => d.name.toLowerCase())
-        ), u = /* @__PURE__ */ new Set(), p = [];
-        return o.forEach((d) => {
-          const I = d.toLowerCase();
-          !d || r.has(I) || c.has(I) || u.has(I) || (p.push({ name: d }), u.add(I));
+      ee((t) => {
+        const c = new Set(t.map((g) => g.name)), u = /* @__PURE__ */ new Set(), p = [];
+        return o.forEach((g) => {
+          const I = g;
+          !g || r.has(I) || c.has(I) || u.has(I) || (p.push({ name: g }), u.add(I));
         }), p.length ? [...p, ...t] : t;
       });
     },
-    [h, q]
+    [h, $]
   );
-  b(() => {
-    P(C);
-  }, [C, P]);
-  const re = s(
+  C(() => {
+    y(V);
+  }, [V, y]);
+  const oe = l(
     (e) => {
       if (!n)
-        if (g(), k(e), e === f.Variable) {
+        if (d(), L(e), e === f.Variable) {
           if (i.current) {
             const { state: o } = i.current, r = o.selection.main.from, t = i.current.coordsAtPos(r);
-            t && F({
+            t && z({
               x: t.left,
               y: t.bottom
             });
           }
-          y(!0);
+          O(!0);
         } else
           T(!0);
     },
-    [g, n]
-  ), N = s(
+    [d, n]
+  ), x = l(
     (e) => {
       if (n || !i.current) return;
       const { state: o, dispatch: r } = i.current, t = o.selection.main.from;
@@ -249,7 +243,7 @@ const Te = [], ke = (C, h) => {
       });
     },
     [i, n]
-  ), me = s(
+  ), ue = l(
     (e) => {
       if (n || !i.current)
         return;
@@ -260,14 +254,14 @@ const Te = [], ke = (C, h) => {
       });
     },
     [n]
-  ), fe = s(() => {
+  ), me = l(() => {
     i.current?.focus();
-  }, []), he = s(() => i.current?.state.doc.toString() ?? "", []), pe = s(
+  }, []), fe = l(() => i.current?.state.doc.toString() ?? "", []), he = l(
     (e) => {
       if (n)
         return;
       if (!i.current) {
-        E?.(e);
+        F?.(e);
         return;
       }
       const o = i.current, { state: r, dispatch: t } = o;
@@ -276,34 +270,36 @@ const Te = [], ke = (C, h) => {
         selection: { anchor: e.length }
       });
     },
-    [n, E]
-  ), W = s(() => {
-    if (n || !l || !i.current || l.from === -1)
+    [n, F]
+  ), G = l(() => {
+    if (n || !s || !i.current || s.from === -1)
       return;
-    const { from: e, to: o } = l, { dispatch: r } = i.current;
+    const { from: e, to: o } = s, { dispatch: r } = i.current;
     r({
       changes: { from: e, to: o, insert: "" }
     });
-  }, [l, i, n]), K = s(
+  }, [s, i, n]), W = l(
     (e, o, r = !1) => {
       if (n || !i.current)
         return;
-      const t = i.current, { state: c, dispatch: u } = t, p = o ?? c.selection.main, d = xt(e), I = r ? d.length : 2 + e.length;
+      const t = i.current, { state: c, dispatch: u } = t, p = o ?? c.selection.main, g = yt(e);
+      if (!g) return;
+      const I = N.normalizeVariableName(e) ?? "", Ue = r ? g.length : 3 + I.length;
       u({
         changes: {
           from: p.from,
           to: p.to,
-          insert: d
+          insert: g
         },
         selection: {
-          anchor: p.from + I
+          anchor: p.from + Ue
         }
       }), t.focus();
     },
     [n]
-  ), ze = s(() => {
-    n || (g(), K(""));
-  }, [g, n, K]), Be = s(() => {
+  ), Me = l(() => {
+    n || (d(), W(""));
+  }, [d, n, W]), Be = l(() => {
     if (n || !i.current)
       return;
     const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main;
@@ -317,7 +313,7 @@ const Te = [], ke = (C, h) => {
         anchor: t.from + 3
       }
     }), e.focus();
-  }, [n]), Fe = s(() => {
+  }, [n]), Fe = l(() => {
     if (n || !i.current)
       return;
     const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main;
@@ -331,7 +327,7 @@ const Te = [], ke = (C, h) => {
         anchor: t.from + 1
       }
     }), e.focus();
-  }, [n]), Me = s(() => {
+  }, [n]), je = l(() => {
     if (n || !i.current)
       return;
     const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main;
@@ -345,10 +341,10 @@ const Te = [], ke = (C, h) => {
         anchor: t.from + 2
       }
     }), e.focus();
-  }, [n]), $e = s(() => {
+  }, [n]), He = l(() => {
     if (n || !i.current)
       return;
-    const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main, c = V.singleChoiceOption1, u = V.singleChoiceOption2, p = `?[%{{}} ${c} | ${u}]`;
+    const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main, c = b.singleChoiceOption1, u = b.singleChoiceOption2, p = `?[%{{  }} ${c} | ${u}]`;
     r({
       changes: {
         from: t.from,
@@ -356,17 +352,17 @@ const Te = [], ke = (C, h) => {
         insert: p
       },
       selection: {
-        anchor: t.from + 5
+        anchor: t.from + 6
       }
     }), e.focus();
   }, [
     n,
-    V.singleChoiceOption1,
-    V.singleChoiceOption2
-  ]), je = s(() => {
+    b.singleChoiceOption1,
+    b.singleChoiceOption2
+  ]), $e = l(() => {
     if (n || !i.current)
       return;
-    const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main, c = V.singleChoiceOption1, u = V.singleChoiceOption2, p = `?[%{{}} ${c} || ${u}]`;
+    const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main, c = b.singleChoiceOption1, u = b.singleChoiceOption2, p = `?[%{{  }} ${c} || ${u}]`;
     r({
       changes: {
         from: t.from,
@@ -374,17 +370,17 @@ const Te = [], ke = (C, h) => {
         insert: p
       },
       selection: {
-        anchor: t.from + 5
+        anchor: t.from + 6
       }
     }), e.focus();
   }, [
     n,
-    V.singleChoiceOption1,
-    V.singleChoiceOption2
-  ]), He = s(() => {
+    b.singleChoiceOption1,
+    b.singleChoiceOption2
+  ]), qe = l(() => {
     if (n || !i.current)
       return;
-    const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main, u = `?[%{{}}...${V.inputPlaceholder ?? "请输入"}]`;
+    const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main, u = `?[%{{  }}...${b.inputPlaceholder ?? "请输入"}]`;
     r({
       changes: {
         from: t.from,
@@ -392,157 +388,157 @@ const Te = [], ke = (C, h) => {
         insert: u
       },
       selection: {
-        anchor: t.from + 5
+        anchor: t.from + 6
       }
     }), e.focus();
-  }, [n, V.inputPlaceholder]), qe = s(
+  }, [n, b.inputPlaceholder]), _e = l(
     ({
       resourceUrl: e,
       resourceTitle: o,
       scalePercent: r
     }) => {
       if (!e || n) return;
-      const t = mt({
+      const t = ft({
         resourceUrl: e,
         resourceTitle: o,
         scalePercent: r
       });
-      if (l?.type === f.Image) {
-        if (W(), !i.current) return;
+      if (s?.type === f.Image) {
+        if (G(), !i.current) return;
         const { dispatch: c } = i.current;
         c({
-          changes: { from: l.from, insert: t }
+          changes: { from: s.from, insert: t }
         });
       } else
-        N(t);
+        x(t);
       T(!1);
     },
-    [W, n, N, l]
-  ), _e = s(
+    [G, n, x, s]
+  ), Ge = l(
     ({
       resourceUrl: e,
       resourceTitle: o
     }) => {
       if (n)
         return;
-      const r = ft(e, o);
-      if (l?.type === f.Video) {
-        if (W(), !i.current) return;
+      const r = ht(e, o);
+      if (s?.type === f.Video) {
+        if (G(), !i.current) return;
         const { dispatch: t } = i.current;
         t({
-          changes: { from: l.from, insert: r }
+          changes: { from: s.from, insert: r }
         });
       } else
-        N(r);
+        x(r);
       T(!1);
     },
-    [W, n, N, l]
-  ), ge = s(
+    [G, n, x, s]
+  ), pe = l(
     (e) => {
       if (n)
         return;
-      const o = l?.type === f.Variable ? { from: l.from, to: l.to } : void 0;
-      K(e.name, o, !0), y(!1), g();
+      const o = s?.type === f.Variable ? { from: s.from, to: s.to } : void 0;
+      W(e.name, o, !0), O(!1), d();
     },
-    [n, K, l, g]
-  ), de = s(() => Ue({
+    [n, W, s, d]
+  ), ge = l(() => Je({
     override: [
-      ht(re, {
+      pt(oe, {
         // divider: currentStrings.slashDivider,
         // fixedText: currentStrings.slashFixedText,
-        image: x.slashImage,
-        video: x.slashVideo,
-        variable: x.slashVariable
+        image: E.slashImage,
+        video: E.slashVideo,
+        variable: E.slashVariable
       })
     ]
   }), [
     // currentStrings.slashDivider,
     // currentStrings.slashFixedText,
-    x.slashImage,
-    x.slashVideo,
-    x.slashVariable,
-    re
-  ]), Ve = s(
+    E.slashImage,
+    E.slashVideo,
+    E.slashVariable,
+    oe
+  ]), de = l(
     (e) => {
-      if (i.current = e.view, h === "quickEdit" && _.current && e.selectionSet) {
+      if (i.current = e.view, h === "quickEdit" && q.current && e.selectionSet) {
         const o = e.state.selection.main.head, r = e.state.doc.toString();
         ke(
           r,
           o
-        ) || (P(r), _.current = null);
+        ) || (y(r), q.current = null);
       }
     },
-    [P, h]
-  ), Ce = s(
+    [y, h]
+  ), Ve = l(
     (e) => {
       if (e.stopPropagation(), n)
         return;
-      const { type: o, from: r, to: t, dataset: c, target: u } = e.detail, p = pt(o, c);
+      const { type: o, from: r, to: t, dataset: c, target: u } = e.detail, p = gt(o, c);
       if (M({
         type: o,
         value: p,
         from: r,
         to: t
-      }), k(o), o === f.Variable) {
+      }), L(o), o === f.Variable) {
         if (u) {
-          const d = u.getBoundingClientRect(), I = u.ownerDocument.defaultView?.getComputedStyle(
+          const g = u.getBoundingClientRect(), I = u.ownerDocument.defaultView?.getComputedStyle(
             H.current ?? u
           ).direction;
-          F({
-            x: I === "rtl" ? d.right : d.left,
-            y: d.bottom
+          z({
+            x: I === "rtl" ? g.right : g.left,
+            y: g.bottom
           });
         }
-        y(!0);
+        O(!0);
       } else
         T(!0);
     },
     [n]
   );
-  b(() => {
-    ee || (k(f.Empty), M(null));
-  }, [ee]), b(() => {
-    !te && S === f.Variable && (k(f.Empty), M(null));
-  }, [te, S]), b(() => {
+  C(() => {
+    X || (L(f.Empty), M(null));
+  }, [X]), C(() => {
+    !Z && S === f.Variable && (L(f.Empty), M(null));
+  }, [Z, S]), C(() => {
     const e = (o) => {
-      o.detail.view === i.current && Ce(o);
+      o.detail.view === i.current && Ve(o);
     };
     return window.addEventListener("globalTagClick", e), () => {
       window.removeEventListener("globalTagClick", e);
     };
-  }, [Ce]);
-  const be = a("imageDefaultTitle"), Se = a("videoDefaultTitle"), Ie = w(
-    () => Ct.of({
+  }, [Ve]);
+  const be = a("imageDefaultTitle"), Ce = a("videoDefaultTitle"), Se = v(
+    () => bt.of({
       image: be,
-      video: Se
+      video: Ce
     }),
-    [be, Se]
-  ), Ge = w(() => {
+    [be, Ce]
+  ), We = v(() => {
     const e = [
-      Le.lineWrapping,
-      Ye(),
-      Je(Xe),
+      we.lineWrapping,
+      Xe(),
+      Ze(et),
       St
     ];
-    return n || e.push(de()), h === "quickEdit" && e.push(
-      Ie,
+    return n || e.push(ge()), h === "quickEdit" && e.push(
+      Se,
       dt,
       Vt,
-      bt
+      Ct
       // fixedTextPlaceholderExtension,
       // DividerPlaceholder,
     ), e.push(
-      Le.updateListener.of((o) => {
-        Ve(o);
+      we.updateListener.of((o) => {
+        de(o);
       })
     ), e;
   }, [
     n,
     h,
+    ge,
     de,
-    Ve,
-    Ie
-  ]), We = s(
+    Se
+  ]), Ke = l(
     (e) => {
       if (n)
         return;
@@ -550,34 +546,34 @@ const Te = [], ke = (C, h) => {
       ke(
         e,
         o
-      ) ? _.current = e : (_.current = null, P(e)), E?.(e);
+      ) ? q.current = e : (q.current = null, y(e)), F?.(e);
     },
-    [P, E, n]
-  ), we = !n && ne, D = w(
+    [y, F, n]
+  ), Ie = !n && te, P = v(
     () => ({
-      insertTextAtCursor: N,
-      replaceSelection: me,
-      focus: fe,
-      getContent: he,
-      setContent: pe
+      insertTextAtCursor: x,
+      replaceSelection: ue,
+      focus: me,
+      getContent: fe,
+      setContent: he
     }),
-    [fe, he, N, me, pe]
-  ), ve = s(
+    [me, fe, x, ue, he]
+  ), ve = l(
     (e) => {
-      n || "render" in e || e.onClick?.(D);
+      n || "render" in e || e.onClick?.(P);
     },
-    [n, D]
-  ), Ke = w(() => J?.length ? /* @__PURE__ */ m("div", { className: "markdown-flow-editor-toolbar-right", children: J.map((e) => {
+    [n, P]
+  ), Qe = v(() => U?.length ? /* @__PURE__ */ m("div", { className: "markdown-flow-editor-toolbar-right", children: U.map((e) => {
     if ("render" in e)
       return /* @__PURE__ */ m(
         "div",
         {
           className: "markdown-flow-editor-toolbar-right-item",
-          children: e.render(D)
+          children: e.render(P)
         },
         e.key
       );
-    const o = e.label || e.tooltip || void 0, r = /* @__PURE__ */ $(
+    const o = e.label || e.tooltip || void 0, r = /* @__PURE__ */ B(
       "button",
       {
         type: "button",
@@ -592,14 +588,14 @@ const Te = [], ke = (C, h) => {
         ]
       },
       e.key
-    ), t = e.tooltip ? /* @__PURE__ */ $(Ze, { children: [
-      /* @__PURE__ */ m(et, { asChild: !0, children: r }),
+    ), t = e.tooltip ? /* @__PURE__ */ B(tt, { children: [
+      /* @__PURE__ */ m(ot, { asChild: !0, children: r }),
       /* @__PURE__ */ m(
-        tt,
+        nt,
         {
           side: "top",
-          dir: B,
-          lang: z,
+          dir: A,
+          lang: R,
           children: e.tooltip
         }
       )
@@ -614,62 +610,62 @@ const Te = [], ke = (C, h) => {
     );
   }) }) : null, [
     n,
-    D,
+    P,
     ve,
-    B,
-    z,
-    J
+    A,
+    R,
+    U
   ]);
-  return b(() => {
-    xe?.(D);
-  }, [D]), /* @__PURE__ */ $(
+  return C(() => {
+    xe?.(P);
+  }, [P]), /* @__PURE__ */ B(
     "div",
     {
       className: "markdown-flow-editor",
       ref: H,
-      dir: se,
+      dir: ae,
       lang: le,
       "data-disabled": n ? "true" : void 0,
       "aria-disabled": n,
       children: [
         /* @__PURE__ */ m(
-          rt,
+          at,
           {
             disabled: n,
-            labels: V,
-            tooltipDirection: B,
-            tooltipLanguage: z,
-            onSelect: re,
-            onInsertVariablePlaceholder: ze,
-            onVariableSearchToggle: Re,
-            onVariableSearchClose: g,
+            labels: b,
+            tooltipDirection: A,
+            tooltipLanguage: R,
+            onSelect: oe,
+            onInsertVariablePlaceholder: Me,
+            onVariableSearchToggle: Ae,
+            onVariableSearchClose: d,
             onInsertConfirmOutput: Be,
             onInsertLink: Fe,
-            onInsertButton: Me,
-            onInsertSingleChoice: $e,
-            onInsertMultiChoice: je,
-            onInsertInputField: He,
-            variableSearchActive: we,
-            rightSlot: Ke
+            onInsertButton: je,
+            onInsertSingleChoice: He,
+            onInsertMultiChoice: $e,
+            onInsertInputField: qe,
+            variableSearchActive: Ie,
+            rightSlot: Qe
           }
         ),
         /* @__PURE__ */ m(
-          it,
+          lt,
           {
-            open: we,
-            anchorElement: G.current,
-            onClose: g,
-            onSelect: ge,
-            variables: ce,
-            systemVariables: q,
-            labels: ye
+            open: Ie,
+            anchorElement: _.current,
+            onClose: d,
+            onSelect: pe,
+            variables: se,
+            systemVariables: $,
+            labels: Pe
           }
         ),
-        /* @__PURE__ */ m("div", { className: "markdown-flow-editor-body relative overflow-auto", children: /* @__PURE__ */ $(at.Provider, { value: Ae, children: [
+        /* @__PURE__ */ m("div", { className: "markdown-flow-editor-body relative overflow-auto", children: /* @__PURE__ */ B(st.Provider, { value: ze, children: [
           /* @__PURE__ */ m(
-            Qe,
+            Ye,
             {
-              extensions: Ge,
+              extensions: We,
               basicSetup: {
                 lineNumbers: !1,
                 searchKeymap: !1,
@@ -679,55 +675,55 @@ const Te = [], ke = (C, h) => {
                 foldGutter: !1
               },
               className: "rounded-md",
-              placeholder: Pe,
-              value: C,
+              placeholder: Ne,
+              value: V,
               theme: "light",
               minHeight: "2rem",
               editable: !n,
-              onChange: We,
-              onBlur: U
+              onChange: Ke,
+              onBlur: Ee
             }
           ),
-          !n && /* @__PURE__ */ $(
-            ot,
+          !n && /* @__PURE__ */ B(
+            rt,
             {
-              dir: B,
-              lang: z,
+              dir: A,
+              lang: R,
               labels: {
                 closeButtonLabel: a("dialogCloseLabel"),
                 title: S === f.Image ? a("dialogTitleImage") : S === f.Video ? a("dialogTitleVideo") : S === f.Variable ? a("dialogTitleVariable") : a("dialogTitle")
               },
               children: [
                 S === f.Image && /* @__PURE__ */ m(
-                  st,
+                  ct,
                   {
-                    value: l?.value,
-                    onSelect: qe,
-                    uploadProps: Oe
+                    value: s?.value,
+                    onSelect: _e,
+                    uploadProps: ye
                   }
                 ),
                 S === f.Video && /* @__PURE__ */ m(
-                  lt,
+                  ut,
                   {
-                    value: l?.value,
-                    onSelect: _e
+                    value: s?.value,
+                    onSelect: Ge
                   }
                 )
               ]
             }
           ),
-          !n && /* @__PURE__ */ m(nt, { dir: B, lang: z, children: /* @__PURE__ */ m(
-            ct,
+          !n && /* @__PURE__ */ m(it, { dir: A, lang: R, children: /* @__PURE__ */ m(
+            mt,
             {
-              variables: ce,
-              systemVariables: q,
-              selectedName: l?.value?.variableName,
-              onSelect: ge,
+              variables: se,
+              systemVariables: $,
+              selectedName: s?.value?.variableName,
+              onSelect: pe,
               onAddVariable: (e) => {
-                oe((o) => {
-                  const r = e.name.toLowerCase();
+                ee((o) => {
+                  const r = e.name;
                   return o.some(
-                    (c) => c.name.toLowerCase() === r
+                    (c) => c.name === r
                   ) ? o : [e, ...o];
                 });
               }