@code0-tech/pictor 0.16.0 → 0.17.1

package/dist/components/form/EditorInput.js

@@ -1,170 +1,557 @@
-import { jsx as i, jsxs as P } from "react/jsx-runtime";
-import R, { useMemo as O, useRef as w, useCallback as f, useState as le } from "react";
-import { createEditor as se, Editor as k, Transforms as D, Text as ae, Node as ce } from "slate";
-import { withReact as ue, ReactEditor as pe, Editable as fe, Slate as de } from "slate-react";
-import { withHistory as ge } from "slate-history";
-import { InputWrapper as he } from "./InputWrapper.js";
+import { jsx as v, jsxs as Re } from "react/jsx-runtime";
+import { c as ae } from "../../_virtual/compiler-runtime.js";
+import ee, { useMemo as de, useRef as W, useState as le, useEffect as se, useCallback as O } from "react";
+import { createEditor as Ve, Editor as he, Transforms as oe, Text as ge, Range as ke, Node as Fe } from "slate";
+import { withReact as Le, ReactEditor as Y, Slate as $e, Editable as je } from "slate-react";
+import { withHistory as Be } from "slate-history";
+import { InputWrapper as Ke } from "./InputWrapper.js";
 import "../../utils/contextStore.js";
-import { mergeComponentProps as me } from "../../utils/component.js";
+import { mergeComponentProps as Ee } from "../../utils/component.js";
 import "js-md5";
-import { Menu as xe, MenuTrigger as ye, MenuPortal as we } from "../menu/Menu.js";
-import { InputSuggestionMenuContent as Te, InputSuggestionMenuContentItems as ve } from "./InputSuggestion.js";
+import { Menu as Ue, MenuPortal as We, MenuContent as Ge, MenuItem as He, MenuSubContent as qe, MenuTrigger as ze, MenuSubTrigger as Je, MenuSub as Qe } from "../menu/Menu.js";
 import '../../assets/components/form/EditorInput.style.css';/* empty css                       */
-const B = (g) => (g || "").split(`
-`).map((h) => ({
+const Z = (n) => n?.type === "token", Xe = (n, e) => {
+  const i = [];
+  e.forEach((u, d) => {
+    if (!u.void) return;
+    const h = new RegExp(u.pattern.source, u.pattern.flags.includes("g") ? u.pattern.flags : u.pattern.flags + "g");
+    let f;
+    for (; (f = h.exec(n)) !== null && f[0].length; )
+      i.push({
+        start: f.index,
+        end: f.index + f[0].length,
+        ruleIndex: d,
+        token: f[0],
+        match: f
+      });
+  }), i.sort((u, d) => u.start - d.start);
+  const r = [];
+  let l = 0;
+  return i.forEach((u) => {
+    if (u.start < l) return;
+    u.start > l ? r.push({
+      text: n.slice(l, u.start)
+    }) : r.length && Z(r[r.length - 1]) && r.push({
+      text: ""
+    });
+    const d = {
+      type: "token",
+      ruleIndex: u.ruleIndex,
+      token: u.token,
+      match: u.match,
+      children: [{
+        text: ""
+      }]
+    };
+    r.push(d), l = u.end;
+  }), l < n.length && r.push({
+    text: n.slice(l)
+  }), (!r.length || Z(r[0])) && r.unshift({
+    text: ""
+  }), Z(r[r.length - 1]) && r.push({
+    text: ""
+  }), r;
+}, Me = (n, e) => (n || "").split(`
+`).map((i) => ({
   type: "paragraph",
-  children: [{
-    text: h
-  }]
-})), F = (g) => g.map((h) => ce.string(h)).join(`
-`), Oe = R.memo((g) => {
+  children: Xe(i, e)
+})), Ae = (n) => ge.isText(n) ? n.text : Z(n) ? n.token : n.children.map(Ae).join(""), Oe = (n) => n.map(Ae).join(`
+`), _e = ee.createContext(null), me = ee.createContext(null), ce = () => {
+  const n = ee.useContext(_e);
+  if (!n)
+    throw new Error("EditorInput.* components must be used inside <EditorInput>");
+  return n;
+}, It = (n) => {
   const {
-    title: h,
-    right: j,
-    left: A,
-    rightType: H,
-    leftType: K,
-    description: $,
-    wrapperComponent: v,
-    tokenRules: m = [],
-    suggestions: s,
-    suggestionsEmptyState: L,
-    onSuggestionSelect: q,
-    formValidation: E,
-    onChange: I,
-    disabled: z = !1,
-    readonly: U = !1,
-    singleLine: x = !1,
-    placeholder: W,
-    value: G,
-    initialValue: J,
-    defaultValue: Q,
-    required: Ce,
-    ...X
-  } = g, S = String(G ?? J ?? Q ?? ""), c = x ? S.replace(/\n/g, " ") : S, r = O(() => ge(ue(se())), []), Y = O(() => B(c), []), T = w(c);
-  R.useEffect(() => {
-    if (c === T.current || (T.current = c, F(r.children) === c)) return;
-    const e = B(c);
-    k.withoutNormalizing(r, () => {
-      for (D.delete(r, {
-        at: {
-          anchor: k.start(r, []),
-          focus: k.end(r, [])
-        }
-      }), D.insertNodes(r, e, {
+    title: e,
+    right: i,
+    left: r,
+    rightType: l,
+    leftType: u,
+    description: d,
+    wrapperComponent: h,
+    tokenRules: f = [],
+    onSelect: p,
+    search: S,
+    formValidation: I,
+    onChange: o,
+    disabled: k = !1,
+    readonly: C = !1,
+    singleLine: g = !1,
+    placeholder: b,
+    value: y,
+    initialValue: F,
+    defaultValue: E,
+    children: B
+  } = n, L = String(y ?? F ?? E ?? ""), x = g ? L.replace(/\n/g, " ") : L, c = de(() => {
+    const t = Be(Le(Ve())), {
+      isInline: s,
+      isVoid: T
+    } = t;
+    return t.isInline = (D) => Z(D) || s(D), t.isVoid = (D) => Z(D) || T(D), t;
+  }, []), K = de(() => Me(x, f), []), P = W(x), [$, U] = le(x);
+  se(() => {
+    if (x === P.current || (P.current = x, U(x), Oe(c.children) === x)) return;
+    const t = Me(x, f);
+    he.withoutNormalizing(c, () => {
+      oe.deselect(c);
+      const s = c.children.length;
+      oe.insertNodes(c, t, {
         at: [0]
-      }); r.children.length > e.length; ) D.removeNodes(r, {
-        at: [r.children.length - 1]
       });
+      for (let T = 0; T < s; T++) oe.removeNodes(c, {
+        at: [t.length]
+      });
+    });
+    try {
+      oe.select(c, he.end(c, []));
+    } catch {
+    }
+  }, [x, c, f]);
+  const [m, G] = le(!1), [H, ie] = le("shortcut"), q = W(H);
+  q.current = H;
+  const te = W(null), Q = W(null), j = W(void 0), N = O(() => {
+    const t = Q.current, s = te.current, T = s?.parentElement;
+    if (!t || !s || !T) return;
+    let D = null;
+    try {
+      c.selection && (D = Y.toDOMRange(c, c.selection).getBoundingClientRect());
+    } catch {
+      D = null;
+    }
+    (!D || !D.width && !D.height && !D.left && !D.top) && (D = s.getBoundingClientRect());
+    const Se = T.getBoundingClientRect();
+    t.style.left = `${D.left - Se.left}px`, t.style.top = `${D.top - Se.top}px`, t.style.width = "0px", t.style.height = `${D.height || parseFloat(getComputedStyle(s).lineHeight) || 16}px`;
+  }, [c]), X = I?.setValue, a = O((t) => {
+    m && N();
+    const s = Oe(t);
+    s !== P.current && (P.current = s, U(s), X?.(s), o?.(s));
+  }, [m, N, X, o]), V = O(() => {
+    Q.current && (j.current && clearTimeout(j.current), N(), G(!0));
+  }, [N]);
+  se(() => {
+    m && N();
+  }, [m, N]);
+  const A = O(() => {
+    j.current && clearTimeout(j.current), j.current = setTimeout(() => G(!1), 150);
+  }, []), R = O(() => {
+    j.current && clearTimeout(j.current);
+  }, []), w = W(/* @__PURE__ */ new Map()), [_, fe] = le(null), z = W(null), M = O((t) => {
+    z.current = t, fe(t);
+  }, []), [xe, Pe] = le(null), pe = W(null), ne = O((t) => {
+    pe.current = t, Pe(t);
+  }, []), ve = O((t, s) => (w.current.set(t, s), () => {
+    w.current.delete(t), z.current === t && M(null);
+  }), [M]), re = O(() => Array.from(w.current.entries()).filter(([, t]) => t.el.current && t.parentId === pe.current).sort((t, s) => t[1].el.current.compareDocumentPosition(s[1].el.current) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1).map(([t]) => t), []), J = O((t) => {
+    M(t), t && w.current.get(t)?.el.current?.scrollIntoView({
+      block: "nearest"
     });
-  }, [c, r]);
-  const Z = f(([e, t]) => {
-    const l = [];
-    if (!ae.isText(e) || !m.length) return l;
+  }, [M]), Ie = O(() => {
+    const t = re();
+    if (!t.length) return;
+    const s = z.current, T = s === null ? -1 : t.indexOf(s);
+    J(t[Math.min(T + 1, t.length - 1)] ?? t[0]);
+  }, [re, J]), ye = O(() => {
+    const t = re();
+    if (!t.length) return;
+    const s = z.current, T = s === null ? t.length : t.indexOf(s);
+    J(t[Math.max(T - 1, 0)] ?? t[t.length - 1]);
+  }, [re, J]), Ce = O(() => {
+    const t = re();
+    t.length && J(t[0]);
+  }, [re, J]), ue = O((t, s) => {
+    p?.(t, s), q.current !== "focus" && G(!1);
+  }, [p]), be = O(() => {
+    const t = z.current;
+    if (!t) return !1;
+    const s = w.current.get(t);
+    return s ? s.onActivate ? (s.onActivate(), !0) : (setTimeout(() => ue(s.getValue(), s.getData()), 0), !0) : !1;
+  }, [ue]), we = O((t) => {
+    ne(t), setTimeout(() => {
+      const s = Array.from(w.current.entries()).filter(([, T]) => T.el.current && T.parentId === t).sort((T, D) => T[1].el.current.compareDocumentPosition(D[1].el.current) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1).map(([T]) => T);
+      s.length && J(s[0]);
+    }, 20);
+  }, [ne, J]), Te = O(() => {
+    const t = pe.current;
+    t !== null && (ne(null), M(t));
+  }, [ne, M]), De = O(() => {
+    const t = z.current;
+    if (!t) return !1;
+    const s = w.current.get(t);
+    return s?.onActivate ? (s.onActivate(), !0) : !1;
+  }, []);
+  se(() => {
+    m || (M(null), ne(null));
+  }, [m, M, ne]);
+  const Ne = de(() => ({
+    editor: c,
+    tokenRules: f,
+    singleLine: g,
+    disabled: k,
+    readonly: C,
+    placeholder: b,
+    search: S,
+    documentText: $,
+    open: m,
+    setOpen: G,
+    openMenu: V,
+    menuOpenMode: H,
+    setMenuOpenMode: ie,
+    editorContainerRef: te,
+    triggerRef: Q,
+    updateTriggerPosition: N,
+    scheduleClose: A,
+    cancelClose: R,
+    registerItem: ve,
+    activeId: _,
+    setActiveId: M,
+    highlightNext: Ie,
+    highlightPrevious: ye,
+    focusFirst: Ce,
+    selectActive: be,
+    select: ue,
+    openSubId: xe,
+    enterSub: we,
+    exitSub: Te,
+    openActiveSub: De
+  }), [c, f, g, k, C, b, S, $, m, V, H, N, A, R, ve, _, M, Ie, ye, Ce, be, ue, xe, we, Te, De]);
+  return /* @__PURE__ */ v($e, { editor: c, initialValue: K, onChange: a, children: /* @__PURE__ */ v(_e.Provider, { value: Ne, children: /* @__PURE__ */ v(Ue, { open: m, modal: !1, onOpenChange: (t) => !t && G(!1), children: /* @__PURE__ */ v(Ke, { title: e, description: d, right: i, left: r, rightType: l, leftType: u, formValidation: I, ...h ?? {}, style: {
+    position: "relative",
+    ...h?.style
+  }, children: B }) }) }) });
+}, yt = (n) => {
+  const e = ae.c(44), {
+    editor: i,
+    tokenRules: r,
+    singleLine: l,
+    disabled: u,
+    readonly: d,
+    placeholder: h,
+    open: f,
+    openMenu: p,
+    setOpen: S,
+    menuOpenMode: I,
+    editorContainerRef: o,
+    scheduleClose: k,
+    cancelClose: C,
+    highlightNext: g,
+    highlightPrevious: b,
+    focusFirst: y,
+    selectActive: F,
+    openSubId: E,
+    exitSub: B,
+    openActiveSub: L
+  } = ce();
+  let x;
+  e[0] !== C || e[1] !== I || e[2] !== p ? (x = () => {
+    C(), I === "focus" && p();
+  }, e[0] = C, e[1] = I, e[2] = p, e[3] = x) : x = e[3];
+  const c = x;
+  let K;
+  e[4] !== r ? (K = (a) => {
+    const [V, A] = a, R = [];
+    if (!ge.isText(V) || !r.length)
+      return R;
     const {
-      text: n
-    } = e;
-    return m.forEach((o, oe) => {
-      const ie = new RegExp(o.pattern.source, o.pattern.flags.includes("g") ? o.pattern.flags : o.pattern.flags + "g");
-      let p;
-      for (; (p = ie.exec(n)) !== null && p[0].length; )
-        l.push({
+      text: w
+    } = V;
+    return r.forEach((_, fe) => {
+      if (_.void)
+        return;
+      const z = new RegExp(_.pattern.source, _.pattern.flags.includes("g") ? _.pattern.flags : _.pattern.flags + "g");
+      let M;
+      for (; (M = z.exec(w)) !== null && M[0].length; )
+        R.push({
           anchor: {
-            path: t,
-            offset: p.index
+            path: A,
+            offset: M.index
           },
           focus: {
-            path: t,
-            offset: p.index + p[0].length
+            path: A,
+            offset: M.index + M[0].length
           },
-          tokenRuleIndex: oe,
-          tokenText: p[0],
-          tokenMatch: p
+          tokenRuleIndex: fe,
+          tokenText: M[0],
+          tokenMatch: M
         });
-    }), l;
-  }, [m]), ee = f(({
-    attributes: e,
-    children: t,
-    leaf: l
-  }) => {
-    const n = l;
-    if (n.tokenRuleIndex !== void 0) {
-      const o = m[n.tokenRuleIndex];
-      if (o)
-        return o.wrap ? /* @__PURE__ */ i("span", { ...e, children: o.wrap(n.tokenText ?? "", t, n.tokenMatch ?? []) }) : /* @__PURE__ */ i("span", { ...e, children: /* @__PURE__ */ i("span", { style: o.style, className: o.className, children: t }) });
+    }), R;
+  }, e[4] = r, e[5] = K) : K = e[5];
+  const P = K;
+  let $;
+  e[6] !== r ? ($ = (a) => {
+    const {
+      attributes: V,
+      children: A,
+      leaf: R
+    } = a, w = R;
+    if (w.tokenRuleIndex !== void 0) {
+      const _ = r[w.tokenRuleIndex];
+      if (_)
+        return _.wrap ? /* @__PURE__ */ v("span", { ...V, children: _.wrap(w.tokenText ?? "", A, w.tokenMatch ?? []) }) : /* @__PURE__ */ v("span", { ...V, children: /* @__PURE__ */ v("span", { style: _.style, className: _.className, children: A }) });
     }
-    return /* @__PURE__ */ i("span", { ...e, children: t });
-  }, [m]), [a, d] = le(!1), M = w(null), C = w(null), _ = w(null), u = w(void 0), y = f(() => {
-    const e = _.current, t = C.current, l = t?.parentElement;
-    if (!e || !t || !l) return;
-    let n = null;
-    try {
-      r.selection && (n = pe.toDOMRange(r, r.selection).getBoundingClientRect());
-    } catch {
-      n = null;
+    return /* @__PURE__ */ v("span", { ...V, children: A });
+  }, e[6] = r, e[7] = $) : $ = e[7];
+  const U = $;
+  let m;
+  e[8] !== r ? (m = (a) => {
+    const {
+      attributes: V,
+      children: A,
+      element: R
+    } = a;
+    if (Z(R)) {
+      const w = r[R.ruleIndex], _ = w?.wrap ? w.wrap(R.token, null, R.match ?? []) : /* @__PURE__ */ v("span", { style: w?.style, className: w?.className, children: R.token });
+      return /* @__PURE__ */ Re("span", { ...V, children: [
+        /* @__PURE__ */ v("span", { contentEditable: !1, className: "editor-input__token", style: {
+          userSelect: "none"
+        }, children: _ }),
+        A
+      ] });
     }
-    (!n || !n.width && !n.height && !n.left && !n.top) && (n = t.getBoundingClientRect());
-    const o = l.getBoundingClientRect();
-    e.style.left = `${n.left - o.left}px`, e.style.top = `${n.top - o.top}px`, e.style.width = "0px", e.style.height = `${n.height || parseFloat(getComputedStyle(t).lineHeight) || 16}px`;
-  }, [r]), N = E?.setValue, te = f((e) => {
-    a && y();
-    const t = F(e);
-    t !== T.current && (T.current = t, N?.(t), I?.(t));
-  }, [a, y, N, I]), b = f(() => {
-    u.current && clearTimeout(u.current), s && (y(), d(!0));
-  }, [s, y]);
-  R.useEffect(() => {
-    a && y();
-  }, [a]);
-  const ne = f(() => {
-    u.current && clearTimeout(u.current), u.current = setTimeout(() => d(!1), 150);
-  }, []), re = f((e) => {
-    if (x && e.key === "Enter" && e.preventDefault(), !s) return;
-    const t = M.current;
-    if (e.ctrlKey && e.code === "Space") {
-      e.preventDefault(), a ? t?.focusFirstItem() : b();
+    return /* @__PURE__ */ v("div", { ...V, style: {
+      position: "relative"
+    }, children: A });
+  }, e[8] = r, e[9] = m) : m = e[9];
+  const G = m;
+  let H;
+  e[10] !== i || e[11] !== B || e[12] !== y || e[13] !== g || e[14] !== b || e[15] !== f || e[16] !== L || e[17] !== p || e[18] !== E || e[19] !== F || e[20] !== S || e[21] !== l || e[22] !== r ? (H = (a) => {
+    if (l && a.key === "Enter" && a.preventDefault(), a.ctrlKey && a.code === "Space") {
+      a.preventDefault(), f ? y() : p();
       return;
     }
-    !a || !t || (e.key === "ArrowDown" ? (e.preventDefault(), t.highlightNextItem()) : e.key === "ArrowUp" ? (e.preventDefault(), t.highlightPreviousItem()) : e.key === "Enter" ? t.selectActiveItem() && (e.preventDefault(), d(!1)) : e.key === "Escape" && (e.preventDefault(), d(!1)));
-  }, [s, a, b, x]), V = /* @__PURE__ */ i("div", { ...me("editor-input", X), ref: C, children: /* @__PURE__ */ i(
-    fe,
-    {
-      className: x ? "input-wrapper__control input-wrapper__control--single-line" : "input-wrapper__control",
-      decorate: Z,
-      renderLeaf: ee,
-      readOnly: z || U,
-      spellCheck: !1,
-      placeholder: W,
-      onBlur: ne,
-      onFocus: () => {
-        u.current && clearTimeout(u.current);
-      },
-      onKeyDown: re,
-      onPaste: x ? (e) => {
-        e.preventDefault(), r.insertText(e.clipboardData.getData("text/plain").replace(/\r?\n/g, " "));
-      } : void 0
+    if (f) {
+      if (a.key === "ArrowDown") {
+        a.preventDefault(), g();
+        return;
+      }
+      if (a.key === "ArrowUp") {
+        a.preventDefault(), b();
+        return;
+      }
+      if (a.key === "ArrowRight" && L()) {
+        a.preventDefault();
+        return;
+      }
+      if (a.key === "ArrowLeft" && E !== null) {
+        a.preventDefault(), B();
+        return;
+      }
+      if (a.key === "Enter") {
+        F() && a.preventDefault();
+        return;
+      }
+      if (a.key === "Escape") {
+        a.preventDefault(), E !== null ? B() : S(!1);
+        return;
+      }
     }
-  ) });
-  return /* @__PURE__ */ i(de, { editor: r, initialValue: Y, onChange: te, children: /* @__PURE__ */ i(he, { title: h, description: $, right: j, left: A, rightType: H, leftType: K, formValidation: E, wrapperComponent: s ? {
-    ...v ?? {},
-    style: {
-      position: "relative",
-      ...v?.style
+    if ((a.key === "ArrowLeft" || a.key === "ArrowRight") && !a.shiftKey && r.some(Ye) && i.selection && ke.isCollapsed(i.selection)) {
+      a.preventDefault();
+      const V = a.key === "ArrowLeft";
+      oe.move(i, {
+        unit: "offset",
+        reverse: V
+      });
+      const A = i.selection;
+      if (A && ke.isCollapsed(A)) {
+        const R = Fe.parent(i, A.anchor.path);
+        !ge.isText(R) && he.isVoid(i, R) && oe.move(i, {
+          unit: "offset",
+          reverse: V
+        });
+      }
     }
-  } : v, children: s ? /* @__PURE__ */ P(xe, { open: a, modal: !1, onOpenChange: (e) => !e && d(!1), children: [
-    V,
-    /* @__PURE__ */ i(ye, { asChild: !0, children: /* @__PURE__ */ i("button", { ref: _, type: "button", tabIndex: -1, "aria-hidden": !0, onMouseDown: (e) => e.preventDefault(), className: "editor-input__menu-anchor" }) }),
-    /* @__PURE__ */ i(we, { children: /* @__PURE__ */ P(Te, { color: "primary", onInteractOutside: (e) => {
-      const t = e.target;
-      t && C.current?.contains(t) && e.preventDefault();
-    }, children: [
-      s.length === 0 && L,
-      /* @__PURE__ */ i(ve, { ref: M, suggestions: s, onSuggestionSelect: (e) => {
-        q?.(e), d(!1);
-      } })
-    ] }) })
-  ] }) : V }) });
-});
+  }, e[10] = i, e[11] = B, e[12] = y, e[13] = g, e[14] = b, e[15] = f, e[16] = L, e[17] = p, e[18] = E, e[19] = F, e[20] = S, e[21] = l, e[22] = r, e[23] = H) : H = e[23];
+  const ie = H;
+  let q;
+  e[24] !== n ? (q = Ee("editor-input", n), e[24] = n, e[25] = q) : q = e[25];
+  const te = l ? "input-wrapper__control input-wrapper__control--single-line" : "input-wrapper__control", Q = u || d;
+  let j;
+  e[26] !== i || e[27] !== l ? (j = l ? (a) => {
+    a.preventDefault(), i.insertText(a.clipboardData.getData("text/plain").replace(/\r?\n/g, " "));
+  } : void 0, e[26] = i, e[27] = l, e[28] = j) : j = e[28];
+  let N;
+  e[29] !== P || e[30] !== c || e[31] !== ie || e[32] !== h || e[33] !== G || e[34] !== U || e[35] !== k || e[36] !== te || e[37] !== Q || e[38] !== j ? (N = /* @__PURE__ */ v(je, { className: te, decorate: P, renderLeaf: U, renderElement: G, readOnly: Q, spellCheck: !1, placeholder: h, onBlur: k, onFocus: c, onKeyDown: ie, onPaste: j }), e[29] = P, e[30] = c, e[31] = ie, e[32] = h, e[33] = G, e[34] = U, e[35] = k, e[36] = te, e[37] = Q, e[38] = j, e[39] = N) : N = e[39];
+  let X;
+  return e[40] !== o || e[41] !== q || e[42] !== N ? (X = /* @__PURE__ */ v("div", { ...q, ref: o, children: N }), e[40] = o, e[41] = q, e[42] = N, e[43] = X) : X = e[43], X;
+}, Ct = (n) => {
+  const e = ae.c(5), {
+    triggerRef: i
+  } = ce();
+  let r;
+  e[0] !== n ? (r = Ee("editor-input__menu-anchor", n), e[0] = n, e[1] = r) : r = e[1];
+  let l;
+  return e[2] !== r || e[3] !== i ? (l = /* @__PURE__ */ v(ze, { asChild: !0, children: /* @__PURE__ */ v("button", { ref: i, type: "button", tabIndex: -1, "aria-hidden": !0, onMouseDown: Ze, ...r }) }), e[2] = r, e[3] = i, e[4] = l) : l = e[4], l;
+}, bt = (n) => {
+  const e = ae.c(21), {
+    editor: i,
+    editorContainerRef: r,
+    setMenuOpenMode: l
+  } = ce();
+  let u, d, h;
+  e[0] !== n ? ({
+    children: u,
+    openOn: h,
+    ...d
+  } = n, e[0] = n, e[1] = u, e[2] = d, e[3] = h) : (u = e[1], d = e[2], h = e[3]);
+  const f = h === void 0 ? "shortcut" : h;
+  let p, S;
+  e[4] !== f || e[5] !== l ? (p = () => l(f), S = [f, l], e[4] = f, e[5] = l, e[6] = p, e[7] = S) : (p = e[6], S = e[7]), se(p, S);
+  let I, o;
+  e[8] !== i ? (I = (y) => {
+    y.preventDefault(), Y.focus(i);
+  }, o = () => Y.focus(i), e[8] = i, e[9] = I, e[10] = o) : (I = e[9], o = e[10]);
+  let k;
+  e[11] !== r ? (k = (y) => {
+    const F = y.target;
+    F && r.current?.contains(F) && y.preventDefault();
+  }, e[11] = r, e[12] = k) : k = e[12];
+  let C;
+  e[13] !== d || e[14] !== I || e[15] !== o || e[16] !== k ? (C = {
+    color: "primary",
+    align: "start",
+    sideOffset: 8,
+    onContextMenuCapture: et,
+    onCloseAutoFocus: tt,
+    onOpenAutoFocus: I,
+    onFocusCapture: o,
+    onInteractOutside: k,
+    ...d
+  }, e[13] = d, e[14] = I, e[15] = o, e[16] = k, e[17] = C) : C = e[17];
+  const g = C;
+  let b;
+  return e[18] !== u || e[19] !== g ? (b = /* @__PURE__ */ v(We, { children: /* @__PURE__ */ v(Ge, { ...g, children: u }) }), e[18] = u, e[19] = g, e[20] = b) : b = e[20], b;
+}, wt = (n) => {
+  const {
+    value: e,
+    data: i,
+    children: r,
+    onlyOnce: l,
+    aliases: u,
+    ...d
+  } = n, {
+    editor: h,
+    registerItem: f,
+    activeId: p,
+    setActiveId: S,
+    select: I,
+    search: o,
+    documentText: k
+  } = ce(), C = ee.useContext(me), g = ee.useId(), b = W(null), y = W({
+    value: e,
+    data: i
+  });
+  y.current = {
+    value: e,
+    data: i
+  };
+  const F = !!l && k.includes(String(e)), E = o?.trim().toLowerCase() ?? "", B = !E || [typeof r == "string" ? r : String(e), ...u ?? []].some((c) => c.toLowerCase().includes(E)), L = F || !B;
+  return se(() => {
+    if (!L)
+      return f(g, {
+        getValue: () => y.current.value,
+        getData: () => y.current.data,
+        el: b,
+        parentId: C
+      });
+  }, [g, f, C, L]), L ? null : /* @__PURE__ */ v(He, { ...d, ref: (c) => {
+    b.current = c;
+  }, textValue: "", "data-focus": p === g || void 0, onPointerDown: (c) => {
+    c.preventDefault(), S(g), Y.focus(h);
+  }, onPointerMove: (c) => {
+    c.preventDefault(), c.stopPropagation(), p !== g && S(g);
+  }, onSelect: () => setTimeout(() => I(y.current.value, y.current.data), 0), children: r });
+}, Tt = (n) => {
+  const e = ae.c(38), {
+    label: i,
+    children: r
+  } = n, {
+    editor: l,
+    registerItem: u,
+    activeId: d,
+    setActiveId: h,
+    openSubId: f,
+    enterSub: p,
+    exitSub: S
+  } = ce(), I = ee.useContext(me), o = ee.useId(), k = W(null);
+  let C, g;
+  e[0] !== p || e[1] !== o || e[2] !== I || e[3] !== u ? (C = () => u(o, {
+    getValue: nt,
+    getData: rt,
+    el: k,
+    parentId: I,
+    onActivate: () => p(o)
+  }), g = [o, u, I, p], e[0] = p, e[1] = o, e[2] = I, e[3] = u, e[4] = C, e[5] = g) : (C = e[4], g = e[5]), se(C, g);
+  let b;
+  e[6] !== l ? (b = {
+    onOpenAutoFocus: (m) => {
+      m.preventDefault(), Y.focus(l);
+    },
+    onFocusCapture: () => Y.focus(l),
+    onCloseAutoFocus: ot,
+    onFocusOutside: st,
+    onInteractOutside: it
+  }, e[6] = l, e[7] = b) : b = e[7];
+  const y = b, F = f === o;
+  let E;
+  e[8] !== p || e[9] !== S || e[10] !== o || e[11] !== f ? (E = (m) => {
+    m && f !== o ? p(o) : !m && f === o && S();
+  }, e[8] = p, e[9] = S, e[10] = o, e[11] = f, e[12] = E) : E = e[12];
+  let B;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = (m) => {
+    k.current = m;
+  }, e[13] = B) : B = e[13];
+  const L = d === o || void 0;
+  let x;
+  e[14] !== l || e[15] !== o || e[16] !== h ? (x = (m) => {
+    m.preventDefault(), h(o), Y.focus(l);
+  }, e[14] = l, e[15] = o, e[16] = h, e[17] = x) : x = e[17];
+  let c;
+  e[18] !== d || e[19] !== o || e[20] !== h ? (c = () => {
+    d !== o && h(o);
+  }, e[18] = d, e[19] = o, e[20] = h, e[21] = c) : c = e[21];
+  let K;
+  e[22] !== i || e[23] !== L || e[24] !== x || e[25] !== c ? (K = /* @__PURE__ */ v(Je, { ref: B, "data-focus": L, onPointerDown: x, onPointerMove: c, children: i }), e[22] = i, e[23] = L, e[24] = x, e[25] = c, e[26] = K) : K = e[26];
+  let P;
+  e[27] !== r || e[28] !== o ? (P = /* @__PURE__ */ v(me.Provider, { value: o, children: r }), e[27] = r, e[28] = o, e[29] = P) : P = e[29];
+  let $;
+  e[30] !== y || e[31] !== P ? ($ = /* @__PURE__ */ v(qe, { color: "primary", ...y, children: P }), e[30] = y, e[31] = P, e[32] = $) : $ = e[32];
+  let U;
+  return e[33] !== K || e[34] !== $ || e[35] !== F || e[36] !== E ? (U = /* @__PURE__ */ Re(Qe, { open: F, onOpenChange: E, children: [
+    K,
+    $
+  ] }), e[33] = K, e[34] = $, e[35] = F, e[36] = E, e[37] = U) : U = e[37], U;
+};
+function Ye(n) {
+  return n.void;
+}
+function Ze(n) {
+  return n.preventDefault();
+}
+function et(n) {
+  return n.stopPropagation();
+}
+function tt(n) {
+  return n.preventDefault();
+}
+function nt() {
+}
+function rt() {
+}
+function ot(n) {
+  return n.preventDefault();
+}
+function st(n) {
+  return n.preventDefault();
+}
+function it(n) {
+  return n.preventDefault();
+}
 export {
-  Oe as EditorInput
+  It as EditorInput,
+  bt as EditorInputMenu,
+  wt as EditorInputMenuItem,
+  Tt as EditorInputSubMenu,
+  Ct as EditorInputTrigger,
+  yt as EditorInputValue
 };