@code0-tech/pictor 0.16.0 → 0.17.0

package/dist/components/form/EditorInput.js

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