@markput/react 0.2.0 → 0.4.0

package/index.js

@@ -1,109 +1,109 @@
 import "./index.css";
-import { jsx as f, Fragment as it, jsxs as at } from "react/jsx-runtime";
-import { createContext as X, useContext as Z, useRef as J, useMemo as C, useLayoutEffect as ct, memo as D, useCallback as B, useState as L, useEffect as S, useImperativeHandle as lt } from "react";
-function dt(s) {
+import { jsxs as Z, jsx as f, Fragment as wt } from "react/jsx-runtime";
+import { useState as P, useEffect as M, useImperativeHandle as St, createContext as at, useContext as ct, memo as O, useRef as $, useCallback as k, useMemo as S, useLayoutEffect as Ct } from "react";
+function bt(s) {
   if (s == null) throw new Error("Value must be a non nullable!");
 }
-function ht(s) {
+function Et(s) {
   return s ? Object.fromEntries(
     Object.entries(s).map(([t, e]) => t.startsWith("data") && t.length > 4 && t[4] === t[4].toUpperCase() ? [`data-${t.slice(4).replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`, e] : [t, e])
   ) : {};
 }
-function ut(...s) {
+function Tt(...s) {
   return s.filter(Boolean).join(" ") || void 0;
 }
-function gt(...s) {
+function Nt(...s) {
   const t = Object.assign({}, ...s.filter(Boolean));
   return Object.keys(t).length > 0 ? t : void 0;
 }
 var v = /* @__PURE__ */ ((s) => (s.UP = "ArrowUp", s.DOWN = "ArrowDown", s.LEFT = "ArrowLeft", s.RIGHT = "ArrowRight", s.END = "End", s.HOME = "Home", s.PAGE_DOWN = "PageDown", s.PAGE_UP = "PageUp", s.ENTER = "Enter", s.TAB = "Tab", s.SPACE = " ", s.BACKSPACE = "Backspace", s.DELETE = "Delete", s.COMMA = ",", s.ESC = "Escape", s))(v || {});
-const ft = "@", pt = "@[__value__](__meta__)", p = {
+const It = "@", Pt = "@[__value__](__meta__)", x = {
   Value: "__value__",
   Meta: "__meta__",
   Nested: "__nested__"
-}, x = {
+}, N = {
   Value: "value",
   Meta: "meta",
   Nested: "nested"
 };
-function vt(s, t) {
-  const { segments: e, gapTypes: n, counts: r, valueGapIndices: o } = mt(s);
-  xt(r, s);
-  const i = r.value === 2, { segments: a, gapTypes: l } = i ? yt(e, n, o) : { segments: e, gapTypes: n };
+function Mt(s, t) {
+  const { segments: e, gapTypes: n, counts: r, valueGapIndices: o } = Lt(s);
+  At(r, s);
+  const i = r.value === 2, { segments: a, gapTypes: c } = i ? Ot(e, n, o) : { segments: e, gapTypes: n };
   return {
     markup: s,
     index: t,
     segments: a,
-    gapTypes: l,
+    gapTypes: c,
     hasNested: r.nested === 1,
     hasTwoValues: i,
     segmentGlobalIndices: Array.from({ length: a.length })
     // Will be populated by MarkupRegistry
   };
 }
-function mt(s) {
+function Lt(s) {
   const t = [], e = [], n = [], r = {
     value: 0,
     meta: 0,
     nested: 0
-  }, o = [], i = [x.Value, x.Meta, x.Nested];
-  for (const c of i) {
-    const d = j[c];
-    let u = s.indexOf(d);
-    for (; u !== -1; )
-      o.push({ type: c, position: u }), u = s.indexOf(d, u + d.length);
-  }
-  o.sort((c, d) => c.position - d.position);
+  }, o = [], i = [N.Value, N.Meta, N.Nested];
+  for (const l of i) {
+    const d = nt[l];
+    let g = s.indexOf(d);
+    for (; g !== -1; )
+      o.push({ type: l, position: g }), g = s.indexOf(d, g + d.length);
+  }
+  o.sort((l, d) => l.position - d.position);
   let a = 0;
-  for (const c of o) {
-    const d = s.substring(a, c.position);
-    d.length > 0 && t.push(d), e.push(c.type), r[c.type]++, c.type === x.Value && n.push(e.length - 1), a = c.position + j[c.type].length;
+  for (const l of o) {
+    const d = s.substring(a, l.position);
+    d.length > 0 && t.push(d), e.push(l.type), r[l.type]++, l.type === N.Value && n.push(e.length - 1), a = l.position + nt[l.type].length;
   }
-  const l = s.substring(a);
-  return l.length > 0 && t.push(l), {
+  const c = s.substring(a);
+  return c.length > 0 && t.push(c), {
     segments: t,
     gapTypes: e,
     counts: r,
     valueGapIndices: n
   };
 }
-function xt(s, t) {
+function At(s, t) {
   const e = [
-    { count: s.value, max: 2, name: p.Value },
-    { count: s.meta, max: 1, name: p.Meta },
-    { count: s.nested, max: 1, name: p.Nested }
+    { count: s.value, max: 2, name: x.Value },
+    { count: s.meta, max: 1, name: x.Meta },
+    { count: s.nested, max: 1, name: x.Nested }
   ];
   for (const { count: n, max: r, name: o } of e)
     if (n > r)
       throw new Error(`Invalid markup: "${t}". Max ${r} "${o}" placeholders, got ${n}`);
   if (s.value === 0 && s.nested === 0)
     throw new Error(
-      `Invalid markup: "${t}". Need at least one "${p.Value}" or "${p.Nested}"`
+      `Invalid markup: "${t}". Need at least one "${x.Value}" or "${x.Nested}"`
     );
 }
-const j = {
-  [x.Value]: p.Value,
-  [x.Meta]: p.Meta,
-  [x.Nested]: p.Nested
+const nt = {
+  [N.Value]: x.Value,
+  [N.Meta]: x.Meta,
+  [N.Nested]: x.Nested
 };
-function yt(s, t, e) {
+function Ot(s, t, e) {
   if (e.length !== 2)
     return { segments: s, gapTypes: t };
   const [n, r] = e, o = [], i = s[n], a = s[n + 1];
-  i && a && o.push(u(i, a, s[n + 2]));
-  for (let h = n + 2; h < r; h++)
-    o.push(s[h]);
-  const l = s[r], c = s[r + 1];
-  l && c && o.push(u(l, c, s[r + 2]));
-  const d = t.filter((h) => h !== x.Value);
+  i && a && o.push(g(i, a, s[n + 2]));
+  for (let u = n + 2; u < r; u++)
+    o.push(s[u]);
+  const c = s[r], l = s[r + 1];
+  c && l && o.push(g(c, l, s[r + 2]));
+  const d = t.filter((u) => u !== N.Value);
   return { segments: o, gapTypes: d };
-  function u(h, g, w) {
-    if (!w) return [h, g, ""];
-    const E = w.charAt(0), T = E && !g.includes(E) && !w.startsWith(h) ? E : "";
-    return [h, g, T];
+  function g(u, h, m) {
+    if (!m) return [u, h, ""];
+    const C = m.charAt(0), y = C && !h.includes(C) && !m.startsWith(u) ? C : "";
+    return [u, h, y];
   }
 }
-class kt {
+class Dt {
   markups;
   descriptors;
   /** Deduplicated list of unique segment definitions (static strings or dynamic patterns) */
@@ -116,7 +116,7 @@ class kt {
     this.descriptors = t.map((n, r) => {
       if (n === void 0)
         return null;
-      const o = vt(n, r);
+      const o = Mt(n, r);
       return o.segments.forEach((i, a) => {
         this.processSegment(o, i, a, e);
       }), this.addToFirstSegmentIndexMap(o), o;
@@ -137,8 +137,8 @@ class kt {
     this.registerSegment(e, o, r);
     const i = r.get(o);
     if (t.segmentGlobalIndices[n] = i, typeof e != "string") {
-      const [a, l] = e;
-      a && this.registerSegment(a, a, r), l && this.registerSegment(l, l, r);
+      const [a, c] = e;
+      a && this.registerSegment(a, a, r), c && this.registerSegment(c, c, r);
     }
   }
   registerSegment(t, e, n) {
@@ -160,7 +160,7 @@ class kt {
     return e || n ? `${e}|${n}|${r}` : "";
   }
 }
-function Q(s, t) {
+function lt(s, t) {
   if (!t)
     return s;
   let e = 5381;
@@ -168,7 +168,7 @@ function Q(s, t) {
     e = e * 33 ^ t.charCodeAt(n);
   return e = e >>> 0, s * 1e6 + (e & 1048575);
 }
-class wt {
+class Rt {
   constructor(t, e) {
     if (this.descriptor = t, this.expectedSegmentIndex = 1, this.start = e.start, this.end = e.end, t.segments.length === 1 && (this.expectedSegmentIndex = NaN, this.gaps.value = { start: this.start, end: this.end }), t.hasTwoValues && e.captured) {
       this.captured = e.captured;
@@ -215,7 +215,7 @@ class wt {
     const t = this.descriptor.segmentGlobalIndices[this.expectedSegmentIndex], e = this.descriptor.segments[this.expectedSegmentIndex];
     if (typeof e == "object" && this.descriptor.hasTwoValues && this.captured && this.isAwaitingLastSegment) {
       const [n, r] = e, o = n + this.captured + r;
-      return Q(t, o);
+      return lt(t, o);
     }
     return t;
   }
@@ -237,7 +237,7 @@ class wt {
     return !t || this.start >= t.end ? !1 : !t.descriptor.hasNested || t.gaps.nested === void 0 ? !0 : !(this.start >= t.gaps.nested.start && this.end <= t.gaps.nested.end);
   }
 }
-class St {
+class _t {
   constructor(t) {
     this.registry = t;
   }
@@ -266,7 +266,7 @@ class St {
   }
   tryStartNewStates(t) {
     this.registry.firstSegmentIndexMap.get(t.index)?.forEach((e) => {
-      const n = new wt(e, t);
+      const n = new Rt(e, t);
       if (!n.isInvalid) {
         if (n.isCompleted) return this.addToCompleted(n);
         this.addToWaiting(n);
@@ -278,7 +278,7 @@ class St {
    * Uses value-specific index for dynamic segments, base index for static segments
    */
   dequeueWaitingMatch(t) {
-    const e = t.captured ? Q(t.index, t.value) : t.index, n = this.completingStates.get(e);
+    const e = t.captured ? lt(t.index, t.value) : t.index, n = this.completingStates.get(e);
     if (n?.length) return n.pop();
     const r = this.pendingStates.get(e);
     if (r?.length) return r.pop();
@@ -311,12 +311,12 @@ class St {
     n < this.completedStates.length && this.completedStates[n].position === e ? this.completedStates[n].match = t : this.completedStates.splice(n, 0, { position: e, match: t });
   }
 }
-const b = (s) => s.replace(/[.*+?^${}()|[\]\\\\]/g, "\\$&");
-function Ct(s, t, e) {
-  const n = b(s), r = b(t), o = b(t + e);
+const A = (s) => s.replace(/[.*+?^${}()|[\]\\\\]/g, "\\$&");
+function Bt(s, t, e) {
+  const n = A(s), r = A(t), o = A(t + e);
   return `${n}([^${o}]+?)${r}`;
 }
-class bt {
+class Vt {
   staticRegex;
   staticToIndex;
   dynamicRegex;
@@ -330,25 +330,25 @@ class bt {
     if (t.forEach((o, i) => {
       typeof o == "string" ? (e.push(o), r.set(o, i)) : n.push(o);
     }), e.length > 0) {
-      const i = [...e].sort((a, l) => l.length - a.length).map(b);
+      const i = [...e].sort((a, c) => c.length - a.length).map(A);
       this.staticRegex = new RegExp(`(?:${i.join("|")})`, "gu"), this.staticToIndex = r;
     }
     if (n.length > 0) {
       const o = /* @__PURE__ */ new Set(), i = [];
       n.forEach((a) => {
-        const l = t.indexOf(a);
+        const c = t.indexOf(a);
         if (typeof a == "string")
-          i.push({ index: l, pattern: b(a), definition: a });
+          i.push({ index: c, pattern: A(a), definition: a });
         else {
-          const [c, d, u] = a;
-          o.add(l);
-          const g = Ct(c, d, u).replace("(", `(?<content${l}>`);
-          i.push({ index: l, pattern: g, definition: a });
+          const [l, d, g] = a;
+          o.add(c);
+          const h = Bt(l, d, g).replace("(", `(?<content${c}>`);
+          i.push({ index: c, pattern: h, definition: a });
         }
-      }), i.sort((a, l) => {
-        const c = typeof a.definition == "string" ? a.definition.length : a.pattern.length;
-        return (typeof l.definition == "string" ? l.definition.length : l.pattern.length) - c;
-      }), this.dynamicEntries = i, this.dynamicIndices = o, this.dynamicRegex = new RegExp(i.map((a, l) => `(?<seg${l}>${a.pattern})`).join("|"), "gu");
+      }), i.sort((a, c) => {
+        const l = typeof a.definition == "string" ? a.definition.length : a.pattern.length;
+        return (typeof c.definition == "string" ? c.definition.length : c.pattern.length) - l;
+      }), this.dynamicEntries = i, this.dynamicIndices = o, this.dynamicRegex = new RegExp(i.map((a, c) => `(?<seg${c}>${a.pattern})`).join("|"), "gu");
     }
   }
   search(t) {
@@ -366,20 +366,20 @@ class bt {
     if (this.dynamicRegex && this.dynamicEntries && this.dynamicIndices)
       for (const o of t.matchAll(this.dynamicRegex)) {
         const i = o[0], a = o.index;
-        let l, c;
+        let c, l;
         if (o.groups) {
           for (let d = 0; d < this.dynamicEntries.length; d++)
             if (o.groups[`seg${d}`] !== void 0) {
-              l = this.dynamicEntries[d].index, this.dynamicIndices.has(l) && (c = o.groups[`content${l}`]);
+              c = this.dynamicEntries[d].index, this.dynamicIndices.has(c) && (l = o.groups[`content${c}`]);
               break;
             }
         }
-        l !== void 0 && n.push({
-          index: l,
+        c !== void 0 && n.push({
+          index: c,
           start: a,
           end: a + i.length,
           value: i,
-          captured: c
+          captured: l
         });
       }
     const r = [...n];
@@ -390,12 +390,12 @@ class bt {
     return r.sort((o, i) => o.start - i.start), r;
   }
 }
-const K = (s, t = 0, e = s.length) => ({
+const dt = (s, t = 0, e = s.length) => ({
   type: "text",
   content: s.substring(t, e),
   position: { start: t, end: e }
 });
-class Et {
+class $t {
   // Instance fields - only what's needed for single pass
   input;
   // ===== PUBLIC API =====
@@ -432,30 +432,30 @@ class Et {
       if (r && i.conflictsWith(r))
         continue;
       for (r = i; n.length > 0; ) {
-        const c = n[n.length - 1], d = this.getContentBounds(c.match);
+        const l = n[n.length - 1], d = this.getContentBounds(l.match);
         if (d.end <= i.start)
-          this.finalizeParent(c, d.end), n.pop(), n.length > 0 ? n[n.length - 1].token.children.push(c.token) : e.push(c.token);
+          this.finalizeParent(l, d.end), n.pop(), n.length > 0 ? n[n.length - 1].token.children.push(l.token) : e.push(l.token);
         else
           break;
       }
       const a = n.length > 0 ? n[n.length - 1] : null;
       if (a) {
-        const c = this.createTextToken(a.textPos, i.start);
-        a.token.children.push(c), a.textPos = i.end;
+        const l = this.createTextToken(a.textPos, i.start);
+        a.token.children.push(l), a.textPos = i.end;
       } else {
-        const c = this.createTextToken(o, i.start);
-        e.push(c), o = i.end;
+        const l = this.createTextToken(o, i.start);
+        e.push(l), o = i.end;
       }
-      const l = this.createMarkToken(i);
+      const c = this.createMarkToken(i);
       if (this.hasNestedContent(i)) {
-        const c = this.getContentBounds(i);
+        const l = this.getContentBounds(i);
         n.push({
           match: i,
-          token: l,
-          textPos: c.start
+          token: c,
+          textPos: l.start
         });
       } else
-        a ? a.token.children.push(l) : e.push(l);
+        a ? a.token.children.push(c) : e.push(c);
     }
     for (; n.length > 0; ) {
       const i = n.pop(), a = this.getContentBounds(i.match);
@@ -514,7 +514,7 @@ class Et {
    * Creates a text token for a range in the input
    */
   createTextToken(t, e) {
-    return K(this.input, t, e);
+    return dt(this.input, t, e);
   }
   /**
    * Creates nested info object if nested content exists
@@ -528,19 +528,34 @@ class Et {
       };
   }
 }
-function $(s, t) {
+function J(s, t) {
+  let e = "";
+  for (const n of s)
+    if (n.type === "text")
+      e += n.content;
+    else if (n.children.length > 0) {
+      const r = J(n.children, t), o = {
+        ...n,
+        value: r
+      };
+      e += t(o);
+    } else
+      e += t(n);
+  return e;
+}
+function j(s, t) {
   let e = s;
-  return t.value !== void 0 && (e = e.replaceAll(p.Value, t.value)), t.meta !== void 0 && (e = e.replaceAll(p.Meta, t.meta)), t.nested !== void 0 && (e = e.replaceAll(p.Nested, t.nested)), e;
+  return t.value !== void 0 && (e = e.replaceAll(x.Value, t.value)), t.meta !== void 0 && (e = e.replaceAll(x.Meta, t.meta)), t.nested !== void 0 && (e = e.replaceAll(x.Nested, t.nested)), e;
 }
-function y(s) {
+function I(s) {
   let t = "";
   for (const e of s) {
     if (e.type === "text") {
       t += e.content;
       continue;
     }
-    const n = e.descriptor.markup, r = n.includes(p.Nested) ? e.children.length > 0 ? y(e.children) : e.nested?.content : void 0;
-    t += $(n, {
+    const n = e.descriptor.markup, r = n.includes(x.Nested) ? e.children.length > 0 ? I(e.children) : e.nested?.content : void 0;
+    t += j(n, {
       value: e.value,
       meta: e.meta,
       nested: r
@@ -548,22 +563,7 @@ function y(s) {
   }
   return t;
 }
-function H(s, t) {
-  let e = "";
-  for (const n of s)
-    if (n.type === "text")
-      e += n.content;
-    else if (n.children.length > 0) {
-      const r = H(n.children, t), o = {
-        ...n,
-        value: r
-      };
-      e += t(o);
-    } else
-      e += t(n);
-  return e;
-}
-class A {
+class H {
   registry;
   segmentMatcher;
   patternMatcher;
@@ -588,7 +588,7 @@ class A {
    * ```
    */
   constructor(t) {
-    this.registry = new kt(t), this.segmentMatcher = new bt(this.registry.segments), this.patternMatcher = new St(this.registry), this.treeBuilder = new Et();
+    this.registry = new Dt(t), this.segmentMatcher = new Vt(this.registry.segments), this.patternMatcher = new _t(this.registry), this.treeBuilder = new $t();
   }
   /**
    * Parses text into tokens (static convenience method)
@@ -606,7 +606,7 @@ class A {
    */
   static parse(t, e) {
     const n = e?.markup;
-    return !n || n.length === 0 ? [K(t)] : new A(n).parse(t);
+    return !n || n.length === 0 ? [dt(t)] : new H(n).parse(t);
   }
   /**
    * Converts tokens back to text (static convenience method)
@@ -620,7 +620,7 @@ class A {
    * ```
    */
   static stringify(t) {
-    return y(t);
+    return I(t);
   }
   /**
    * Parses text into a nested token tree
@@ -667,7 +667,7 @@ class A {
    * ```
    */
   stringify(t) {
-    return y(t);
+    return I(t);
   }
   /**
    * Transforms annotated text by processing all mark tokens with a callback
@@ -696,7 +696,7 @@ class A {
    */
   transform(t, e) {
     const n = this.parse(t);
-    return H(n, e);
+    return J(n, e);
   }
   /**
    * Escapes markup segments in the given text using backslash
@@ -738,21 +738,21 @@ class A {
     return t.replaceAll(/\\(.)/g, "$1");
   }
 }
-function ve(s, t, e) {
+function He(s, t, e) {
   if (!e.length) return s;
-  const n = new A(e).parse(s);
-  return H(n, t);
+  const n = new H(e).parse(s);
+  return J(n, t);
 }
-function V(s, t, e = 0, n) {
+function z(s, t, e = 0, n) {
   for (const r of s) {
     if (r === t) return { depth: e, parent: n };
     if (r.type === "mark") {
-      const o = V(r.children, t, e + 1, r);
+      const o = z(r.children, t, e + 1, r);
       if (o) return o;
     }
   }
 }
-function Tt(s = "", t = "") {
+function Ht(s = "", t = "") {
   if (s === t) return {};
   let e;
   for (let r = 0; r < s.length; r++)
@@ -768,7 +768,7 @@ function Tt(s = "", t = "") {
     }
   return { left: e, right: n };
 }
-function q(s, t) {
+function st(s, t) {
   let e = -1, n = s.length;
   for (; n - e > 1; ) {
     const r = Math.round((e + n) / 2);
@@ -776,53 +776,53 @@ function q(s, t) {
   }
   return s[e] == t && (n = e), [e, n].filter((r) => s[r] !== void 0);
 }
-function It(s) {
+function Ft(s) {
   const { focus: t } = s.nodes, e = s.state.parser.get(), n = s.state.tokens.get();
   if (!e)
     return n;
   const r = e.parse(t.content);
   return r.length === 1 ? n : n.toSpliced(t.index, 1, ...r);
 }
-function Mt(s) {
-  const t = s.state.value.get(), e = Nt(s), n = Tt(s.state.previousValue.get(), t);
+function Wt(s) {
+  const t = s.state.value.get(), e = Gt(s), n = Ht(s.state.previousValue.get(), t);
   if (!n.left && !n.right)
     return s.state.previousValue.set(t), s.state.tokens.get();
   s.state.previousValue.set(t);
   const r = s.state.tokens.get();
   switch (!0) {
     case (n.left !== void 0 && e.includes(n.left) && n.right !== void 0 && Math.abs(n.left - n.right) > 1): {
-      const o = e.indexOf(n.left), i = O(s, o - 1, o);
+      const o = e.indexOf(n.left), i = G(s, o - 1, o);
       return r.toSpliced(o - 1, 2, ...i);
     }
     case n.left !== void 0: {
-      const [o] = q(e, n.left), i = O(s, o);
+      const [o] = st(e, n.left), i = G(s, o);
       return i.length === 1 ? r : r.toSpliced(o, 1, ...i);
     }
     case n.right !== void 0: {
-      const [o] = q(e, n.right), i = O(s, o);
+      const [o] = st(e, n.right), i = G(s, o);
       return i.length === 1 ? r : r.toSpliced(o, 1, ...i);
     }
     default:
-      return P(s, t ?? "");
+      return R(s, t ?? "");
   }
 }
-function O(s, ...t) {
+function G(s, ...t) {
   let e = "";
   const n = s.state.tokens.get();
   for (const r of t) {
     const o = n[r];
     e += o.content;
   }
-  return P(s, e);
+  return R(s, e);
 }
-function Nt(s) {
+function Gt(s) {
   let t = 0;
   return s.state.tokens.get().map((n) => {
     const r = n.content.length;
     return t += r, t - r;
   }) ?? [];
 }
-function P(s, t) {
+function R(s, t) {
   const e = s.state.parser.get();
   return e ? e.parse(t) : [
     {
@@ -832,44 +832,44 @@ function P(s, t) {
     }
   ];
 }
-const Pt = (s, t) => s === t;
-class I {
-  #t;
-  #e = /* @__PURE__ */ new Set();
+const Ut = (s, t) => s === t;
+class _ {
+  #e;
+  #t = /* @__PURE__ */ new Set();
   #n;
   constructor(t, e) {
-    this.#t = t, this.#n = e?.equals ?? Pt;
+    this.#e = t, this.#n = e?.equals ?? Ut;
   }
   static event() {
-    return new I(void 0, { equals: !1 });
+    return new _(void 0, { equals: !1 });
   }
   get value() {
-    return this.#t;
+    return this.#e;
   }
   set value(t) {
-    (this.#n === !1 || !this.#n(this.#t, t)) && (this.#t = t, this.#e.forEach((e) => e(t)));
+    (this.#n === !1 || !this.#n(this.#e, t)) && (this.#e = t, this.#t.forEach((e) => e(t)));
   }
   on(t) {
-    return this.#e.add(t), () => this.#e.delete(t);
+    return this.#t.add(t), () => this.#t.delete(t);
   }
   emit(t) {
-    arguments.length > 0 && (this.#t = t), this.#e.forEach((e) => e(this.#t));
+    arguments.length > 0 && (this.#e = t), this.#t.forEach((e) => e(this.#e));
   }
   get() {
-    return this.#t;
+    return this.#e;
   }
   set(t) {
     this.value = t;
   }
 }
-function Lt(s, t) {
+function jt(s, t) {
   const e = {};
   return e.get = () => s.get(), e.set = (n) => s.set(n), e.on = (n) => s.on(n), e.use = t(e), e;
 }
-function At(s, t) {
+function zt(s, t) {
   const e = /* @__PURE__ */ new Map();
   for (const n in s)
-    e.set(n, new I(s[n]));
+    e.set(n, new _(s[n]));
   return new Proxy(s, {
     get(n, r) {
       if (r === "set")
@@ -879,35 +879,35 @@ function At(s, t) {
         };
       const o = e.get(r);
       if (o)
-        return Lt(o, t);
+        return jt(o, t);
     }
   });
 }
-function Ot(s) {
+function qt(s) {
   const t = function(e) {
     s.emit(e);
   };
   return t.on = (e) => s.on(e), t;
 }
-function _t(s) {
+function Xt(s) {
   const t = [], e = /* @__PURE__ */ new Map();
   for (const n of t)
-    e.set(n, I.event());
+    e.set(n, _.event());
   return new Proxy({}, {
     get(n, r) {
       let o = e.get(r);
-      return o || (o = I.event(), e.set(r, o)), Ot(o);
+      return o || (o = _.event(), e.set(r, o)), qt(o);
     }
   });
 }
-class $t {
-  #t = 1;
-  #e = /* @__PURE__ */ new WeakMap();
+class Zt {
+  #e = 1;
+  #t = /* @__PURE__ */ new WeakMap();
   get(t) {
-    return this.#e.has(t) ? this.#e.get(t) : (this.#e.set(t, this.#t), this.#t++);
+    return this.#t.has(t) ? this.#t.get(t) : (this.#t.set(t, this.#e), this.#e++);
   }
 }
-class m {
+class w {
   static get isSelectedPosition() {
     const t = window.getSelection();
     if (t)
@@ -968,14 +968,14 @@ class m {
     r?.setStart(r.endContainer, e), r?.setEnd(r.endContainer, e);
   }
 }
-const Vt = new RegExp(/^\w*/);
-class F {
+const Jt = new RegExp(/^\w*/);
+class Q {
   span;
   node;
   dividedText;
   constructor() {
-    const t = m.getCurrentPosition();
-    this.node = m.getSelectedNode(), this.span = m.getFocusedSpan(), this.dividedText = this.getDividedTextBy(t);
+    const t = w.getCurrentPosition();
+    this.node = w.getSelectedNode(), this.span = w.getFocusedSpan(), this.dividedText = this.getDividedTextBy(t);
   }
   /**
    * Find overlay match in text using provided options and trigger extractor.
@@ -993,8 +993,8 @@ class F {
    * TriggerFinder.find(vueOptions, (opt) => opt.overlay?.trigger ?? '@')
    */
   static find(t, e) {
-    if (t && m.isSelectedPosition)
-      return new F().find(t, e);
+    if (t && w.isSelectedPosition)
+      return new Q().find(t, e);
   }
   getDividedTextBy(t) {
     return { left: this.span.slice(0, t), right: this.span.slice(t) };
@@ -1032,7 +1032,7 @@ class F {
   }
   matchRightPart() {
     const { right: t } = this.dividedText;
-    return { word: t.match(Vt)?.[0] };
+    return { word: t.match(Jt)?.[0] };
   }
   matchLeftPart(t) {
     const e = this.makeTriggerRegex(t), { left: n } = this.dividedText, r = n.match(e);
@@ -1042,24 +1042,24 @@ class F {
   }
   //TODO new overlayMatch option if (isSpaceBeforeRequired) append space check for not first words '\\s'
   makeTriggerRegex(t) {
-    const e = b(t) + "(\\w*)$";
+    const e = A(t) + "(\\w*)$";
     return new RegExp(e);
   }
 }
-class M {
-  #t;
+class B {
   #e;
+  #t;
   get target() {
-    return this.#t;
+    return this.#e;
   }
   set target(t) {
-    this.#t = t;
+    this.#e = t;
   }
   get next() {
-    return new M(this.target?.nextSibling, this.#e);
+    return new B(this.target?.nextSibling, this.#t);
   }
   get prev() {
-    return new M(this.target?.previousSibling, this.#e);
+    return new B(this.target?.previousSibling, this.#t);
   }
   get isSpan() {
     return this.index % 2 === 0;
@@ -1071,19 +1071,19 @@ class M {
     return this.target?.isContentEditable ?? !1;
   }
   get isCaretAtBeginning() {
-    return this.target ? m.getCaretIndex(this.target) === 0 : void 0;
+    return this.target ? w.getCaretIndex(this.target) === 0 : void 0;
   }
   get isCaretAtEnd() {
-    return this.target ? m.getCaretIndex(this.target) === this.target.textContent?.length : void 0;
+    return this.target ? w.getCaretIndex(this.target) === this.target.textContent?.length : void 0;
   }
   get index() {
     return this.target?.parentElement ? [...this.target.parentElement.children].indexOf(this.target) : -1;
   }
   get caret() {
-    return this.target ? m.getCaretIndex(this.target) : -1;
+    return this.target ? w.getCaretIndex(this.target) : -1;
   }
   set caret(t) {
-    this.target && m.trySetIndex(this.target, t);
+    this.target && w.trySetIndex(this.target, t);
   }
   get length() {
     return this.target?.textContent?.length ?? -1;
@@ -1095,19 +1095,19 @@ class M {
     this.target && (this.target.textContent = t ?? "");
   }
   get head() {
-    return this.#e.refs.container?.firstChild;
+    return this.#t.refs.container?.firstChild;
   }
   get tail() {
-    return this.#e.refs.container?.lastChild;
+    return this.#t.refs.container?.lastChild;
   }
   get isFocused() {
     return this.target === document.activeElement;
   }
   constructor(t, e) {
-    this.target = t, this.#e = e;
+    this.target = t, this.#t = e;
   }
   setCaretToEnd() {
-    m.setCaretToEnd(this.target);
+    w.setCaretToEnd(this.target);
   }
   focus() {
     this.target?.focus();
@@ -1116,19 +1116,19 @@ class M {
     this.target = void 0;
   }
 }
-function Rt(s, t, e, n) {
+function Qt(s, t, e, n) {
   return s.slice(0, e) + t + s.slice(e + n.length);
 }
-function _(s, t) {
+function U(s, t) {
   const n = {
     prev: 2,
     self: 1,
     next: 0
-  }[s], { focus: r } = t.nodes, o = t.state.tokens.get(), [i, , a] = o.splice(r.index - n, 3), l = (i.type === "text", i.content), c = (a.type === "text", a.content);
+  }[s], { focus: r } = t.nodes, o = t.state.tokens.get(), [i, , a] = o.splice(r.index - n, 3), c = (i.type === "text", i.content), l = (a.type === "text", a.content);
   t.state.tokens.set(
     o.toSpliced(r.index - n, 0, {
       type: "text",
-      content: l + c,
+      content: c + l,
       position: {
         start: i.position.start,
         end: a.position.end
@@ -1136,128 +1136,79 @@ function _(s, t) {
     })
   );
   let d = r;
-  for (let h = 0; h < n; h++)
+  for (let u = 0; u < n; u++)
     d = d.prev;
-  const u = d.length;
-  t.state.recovery.set({ anchor: d.prev, caret: u }), t.state.onChange.get()?.(y(t.state.tokens.get()));
+  const g = d.length;
+  t.state.recovery.set({ anchor: d.prev, caret: g }), t.state.onChange.get()?.(I(t.state.tokens.get()));
 }
-class Dt {
+class Kt {
   constructor(t) {
     this.store = t;
   }
-  #t;
   #e;
+  #t;
   #n;
   enable() {
-    this.#t || (this.#t = this.store.events.change.on(() => {
+    this.#e || (this.#e = this.store.events.change.on(() => {
       const t = this.store.state.onChange.get();
       if (!this.store.nodes.focus.target) return;
       const e = this.store.state.tokens.get(), n = e[this.store.nodes.focus.index];
-      n.type === "text" ? n.content = this.store.nodes.focus.content : n.type === "mark" && (n.value = this.store.nodes.focus.content), t?.(y(e)), this.store.events.parse();
-    }), this.#e = this.store.events.delete.on((t) => {
+      n.type === "text" ? n.content = this.store.nodes.focus.content : n.type === "mark" && (n.value = this.store.nodes.focus.content), t?.(I(e)), this.store.events.parse();
+    }), this.#t = this.store.events.delete.on((t) => {
       if (!t) return;
       const { token: e } = t, n = this.store.state.onChange.get(), r = this.store.state.tokens.get(), o = r.indexOf(e);
-      this.store.state.tokens.set(r.toSpliced(o, 1)), n?.(y(this.store.state.tokens.get()));
+      this.store.state.tokens.set(r.toSpliced(o, 1)), n?.(I(this.store.state.tokens.get()));
     }), this.#n = this.store.events.select.on((t) => {
       if (!t) return;
       const e = this.store.state.Mark.get(), n = this.store.state.onChange.get(), {
         mark: r,
-        match: { option: o, span: i, index: a, source: l }
-      } = t, c = r.type === "mark" ? $(o.markup, {
+        match: { option: o, span: i, index: a, source: c }
+      } = t, l = r.type === "mark" ? j(o.markup, {
         value: r.value,
         meta: r.meta
-      }) : $(o.markup, {
+      }) : j(o.markup, {
         value: r.content
-      }), d = Rt(i, c, a, l);
+      }), d = Qt(i, l, a, c);
       if (this.store.state.recovery.set(
         e ? {
           caret: 0,
           anchor: this.store.nodes.input.next,
           isNext: !0,
           childIndex: this.store.nodes.input.index
-        } : { caret: a + c.length, anchor: this.store.nodes.input }
+        } : { caret: a + l.length, anchor: this.store.nodes.input }
       ), this.store.nodes.input.target) {
         this.store.nodes.input.content = d;
-        const u = this.store.state.tokens.get(), h = u[this.store.nodes.input.index];
-        h.type === "text" && (h.content = d), this.store.nodes.focus.target = this.store.nodes.input.target, this.store.nodes.input.clear(), n?.(y(u)), this.store.events.parse();
+        const g = this.store.state.tokens.get(), u = g[this.store.nodes.input.index];
+        u.type === "text" && (u.content = d), this.store.nodes.focus.target = this.store.nodes.input.target, this.store.nodes.input.clear(), n?.(I(g)), this.store.events.parse();
       }
     }));
   }
   disable() {
-    this.#t?.(), this.#e?.(), this.#n?.(), this.#t = void 0, this.#e = void 0, this.#n = void 0;
+    this.#e?.(), this.#t?.(), this.#n?.(), this.#e = void 0, this.#t = void 0, this.#n = void 0;
   }
 }
-class Ht {
+class Yt {
   constructor(t) {
     this.store = t;
   }
-  #t;
   #e;
-  #n;
-  #s;
-  #r;
-  #o;
-  #i;
-  #a;
-  enableTrigger(t, e) {
-    if (this.#t) return;
-    this.#t = this.store.events.clearOverlay.on(() => {
-      e(void 0);
-    }), this.#e = this.store.events.checkOverlay.on(() => {
-      const r = F.find(this.store.state.options.get(), t);
-      e(r);
-    }), this.#n = this.store.events.change.on(() => {
-      const r = this.store.state.showOverlayOn.get(), o = "change";
-      (r === o || Array.isArray(r) && r.includes(o)) && this.store.events.checkOverlay();
-    }), this.#s = () => {
-      const r = this.store.state.showOverlayOn.get(), o = "selectionChange";
-      (r === o || Array.isArray(r) && r.includes(o)) && this.store.events.checkOverlay();
-    }, this.#r = () => {
-      document.addEventListener("selectionchange", this.#s);
-    }, this.#o = () => {
-      document.removeEventListener("selectionchange", this.#s);
-    };
-    const n = this.store.refs.container;
-    n && (n.addEventListener("focusin", this.#r), n.addEventListener("focusout", this.#o));
-  }
-  enableClose() {
-    this.#i || (this.#i = (t) => {
-      t.key === v.ESC && this.store.events.clearOverlay();
-    }, this.#a = (t) => {
-      const e = t.target;
-      this.store.refs.overlay?.contains(e) || this.store.refs.container?.contains(e) || this.store.events.clearOverlay();
-    }, window.addEventListener("keydown", this.#i), document.addEventListener("click", this.#a, !0));
-  }
-  disableClose() {
-    this.#i && (window.removeEventListener("keydown", this.#i), document.removeEventListener("click", this.#a, !0), this.#i = void 0, this.#a = void 0);
-  }
-  disable() {
-    const t = this.store.refs.container;
-    t && this.#r && (t.removeEventListener("focusin", this.#r), t.removeEventListener("focusout", this.#o)), this.#s && document.removeEventListener("selectionchange", this.#s), this.disableClose(), this.#t?.(), this.#e?.(), this.#n?.(), this.#t = void 0, this.#e = void 0, this.#n = void 0, this.#s = void 0, this.#r = void 0, this.#o = void 0;
-  }
-}
-class Ft {
-  constructor(t) {
-    this.store = t;
-  }
   #t;
-  #e;
   #n;
   enable() {
-    if (this.#t) return;
+    if (this.#e) return;
     const t = this.store.refs.container;
-    t && (this.#t = (e) => {
+    t && (this.#e = (e) => {
       this.store.nodes.focus.target = e.target;
-    }, this.#e = () => {
+    }, this.#t = () => {
       this.store.nodes.focus.target = void 0;
     }, this.#n = () => {
       const e = this.store.state.tokens.get();
       e.length === 1 && e[0].type === "text" && e[0].content === "" && this.store.refs.container?.firstElementChild?.focus();
-    }, t.addEventListener("focusin", this.#t), t.addEventListener("focusout", this.#e), t.addEventListener("click", this.#n));
+    }, t.addEventListener("focusin", this.#e), t.addEventListener("focusout", this.#t), t.addEventListener("click", this.#n));
   }
   disable() {
     const t = this.store.refs.container;
-    !t || !this.#t || (t.removeEventListener("focusin", this.#t), t.removeEventListener("focusout", this.#e), t.removeEventListener("click", this.#n), this.#t = void 0, this.#e = void 0, this.#n = void 0);
+    !t || !this.#e || (t.removeEventListener("focusin", this.#e), t.removeEventListener("focusout", this.#t), t.removeEventListener("click", this.#n), this.#e = void 0, this.#t = void 0, this.#n = void 0);
   }
   recover() {
     const t = this.store.state.recovery.get();
@@ -1281,20 +1232,36 @@ class Ft {
     this.store.nodes.focus.caret = n, this.store.state.recovery.set(void 0);
   }
 }
-class Ut {
+function te(s, t) {
+  const { focus: e } = s.nodes;
+  if (e.isMark && !e.isEditable || e.isCaretAtBeginning) {
+    const n = e.prev;
+    return n.focus(), n.isFocused || (n.prev.focus(), t.preventDefault()), e.setCaretToEnd(), !0;
+  }
+  return !1;
+}
+function ee(s, t) {
+  const { focus: e } = s.nodes;
+  if (e.isMark && !e.isEditable || e.isCaretAtEnd) {
+    const n = e.next;
+    return n.focus(), n.isFocused || (n.next.focus(), t.preventDefault()), !0;
+  }
+  return !1;
+}
+class ne {
   constructor(t) {
     this.store = t;
   }
-  #t;
   #e;
+  #t;
   #n;
   #s;
   #r = null;
   #o = !1;
   enable() {
-    this.#t || (this.#t = (t) => {
+    this.#e || (this.#e = (t) => {
       this.#r = t.target, this.#o = !0;
-    }, this.#e = (t) => {
+    }, this.#t = (t) => {
       const e = this.#o, n = !this.store.refs.container?.contains(this.#r) || this.#r !== t.target, r = window.getSelection()?.containsNode(this.store.refs.container, !0);
       e && n && r && this.store.state.selecting.set("drag");
     }, this.#n = () => {
@@ -1303,13 +1270,13 @@ class Ut {
       if (this.store.state.selecting.get() !== "drag") return;
       const t = [...this.store.refs.container.children], e = t.map((n) => n.contentEditable);
       t.forEach((n) => n.contentEditable = "false"), t.forEach((n, r) => n.contentEditable = e[r]);
-    }, document.addEventListener("mousedown", this.#t), document.addEventListener("mousemove", this.#e), document.addEventListener("mouseup", this.#n), document.addEventListener("selectionchange", this.#s));
+    }, document.addEventListener("mousedown", this.#e), document.addEventListener("mousemove", this.#t), document.addEventListener("mouseup", this.#n), document.addEventListener("selectionchange", this.#s));
   }
   disable() {
-    this.#t && (document.removeEventListener("mousedown", this.#t), document.removeEventListener("mousemove", this.#e), document.removeEventListener("mouseup", this.#n), document.removeEventListener("selectionchange", this.#s), this.#t = void 0, this.#e = void 0, this.#n = void 0, this.#s = void 0), this.#r = null, this.#o = !1;
+    this.#e && (document.removeEventListener("mousedown", this.#e), document.removeEventListener("mousemove", this.#t), document.removeEventListener("mouseup", this.#n), document.removeEventListener("selectionchange", this.#s), this.#e = void 0, this.#t = void 0, this.#n = void 0, this.#s = void 0), this.#r = null, this.#o = !1;
   }
 }
-function Wt(s, t) {
+function se(s, t) {
   if ((t.ctrlKey || t.metaKey) && t.code === "KeyA") {
     t.preventDefault();
     const e = window.getSelection(), n = s.refs.container?.firstChild, r = s.refs.container?.lastChild;
@@ -1317,77 +1284,102 @@ function Wt(s, t) {
     e.setBaseAndExtent(n, 0, r, 1), s.state.selecting.set("all");
   }
 }
-function Gt(s, t) {
-  const { focus: e } = s.nodes;
-  if (e.isMark && !e.isEditable || e.isCaretAtBeginning) {
-    const n = e.prev;
-    return n.focus(), n.isFocused || (n.prev.focus(), t.preventDefault()), e.setCaretToEnd(), !0;
-  }
-  return !1;
-}
-function Bt(s, t) {
-  const { focus: e } = s.nodes;
-  if (e.isMark && !e.isEditable || e.isCaretAtEnd) {
-    const n = e.next;
-    return n.focus(), n.isFocused || (n.next.focus(), t.preventDefault()), !0;
-  }
-  return !1;
-}
-class jt {
+class re {
   constructor(t) {
     this.store = t;
   }
-  #t;
   #e;
+  #t;
   #n;
   enable() {
-    if (this.#t) return;
+    if (this.#e) return;
     const t = this.store.refs.container;
-    t && (this.#t = (e) => {
-      e.key === v.LEFT ? Gt(this.store, e) : e.key === v.RIGHT && Bt(this.store, e), this.#s(e), Wt(this.store, e);
-    }, this.#e = (e) => {
-      zt(this.store, e);
+    t && (this.#e = (e) => {
+      e.key === v.LEFT ? te(this.store, e) : e.key === v.RIGHT && ee(this.store, e), this.#s(e), se(this.store, e);
+    }, this.#t = (e) => {
+      ae(this.store, e);
     }, this.#n = (e) => {
-      qt(this.store, e);
-    }, t.addEventListener("keydown", this.#t), t.addEventListener("paste", this.#e), t.addEventListener("beforeinput", this.#n, !0));
+      oe(this.store, e);
+    }, t.addEventListener("keydown", this.#e), t.addEventListener("paste", this.#t), t.addEventListener("beforeinput", this.#n, !0));
   }
   disable() {
     const t = this.store.refs.container;
-    !t || !this.#t || (t.removeEventListener("keydown", this.#t), t.removeEventListener("paste", this.#e), t.removeEventListener("beforeinput", this.#n, !0), this.#t = void 0, this.#e = void 0, this.#n = void 0);
+    !t || !this.#e || (t.removeEventListener("keydown", this.#e), t.removeEventListener("paste", this.#t), t.removeEventListener("beforeinput", this.#n, !0), this.#e = void 0, this.#t = void 0, this.#n = void 0);
   }
   #s(t) {
     const { focus: e } = this.store.nodes;
     if (t.key === v.DELETE || t.key === v.BACKSPACE) {
       if (e.isMark) {
-        t.preventDefault(), _("self", this.store);
+        if (e.isEditable && (t.key === v.BACKSPACE && !e.isCaretAtBeginning || t.key === v.DELETE && !e.isCaretAtEnd))
+          return;
+        t.preventDefault(), U("self", this.store);
         return;
       }
-      t.key === v.BACKSPACE && e.isSpan && e.isCaretAtBeginning && e.prev.target && (t.preventDefault(), _("prev", this.store)), t.key === v.DELETE && e.isSpan && e.isCaretAtEnd && e.next.target && (t.preventDefault(), _("next", this.store));
+      t.key === v.BACKSPACE && e.isSpan && e.isCaretAtBeginning && e.prev.target && (t.preventDefault(), U("prev", this.store)), t.key === v.DELETE && e.isSpan && e.isCaretAtEnd && e.next.target && (t.preventDefault(), U("next", this.store));
     }
   }
 }
-function qt(s, t) {
+function oe(s, t) {
   const e = s.state.selecting.get();
-  if (e !== "all" || !Y(s)) {
-    e === "all" && s.state.selecting.set(void 0);
+  if (e === "all" && ut(s)) {
+    if (t.inputType === "insertFromPaste") {
+      t.preventDefault();
+      return;
+    }
+    t.preventDefault();
+    const r = t.inputType.startsWith("delete") ? "" : t.data ?? "";
+    ht(s, r);
     return;
   }
-  if (t.inputType === "insertFromPaste") return;
-  t.preventDefault();
-  const n = t.inputType.startsWith("delete") ? "" : t.data ?? "";
-  tt(s, n);
+  e === "all" && s.state.selecting.set(void 0);
+  const { focus: n } = s.nodes;
+  !n.target || !n.isEditable || ie(n, t) && s.events.change();
+}
+function ie(s, t) {
+  const e = s.caret, n = s.content;
+  let r, o;
+  switch (t.inputType) {
+    case "insertText": {
+      t.preventDefault();
+      const i = t.data ?? "";
+      r = n.slice(0, e) + i + n.slice(e), o = e + i.length;
+      break;
+    }
+    case "deleteContentBackward":
+    case "deleteContentForward":
+    case "deleteWordBackward":
+    case "deleteWordForward":
+    case "deleteSoftLineBackward":
+    case "deleteSoftLineForward": {
+      const i = t.getTargetRanges();
+      if (!i.length) return !1;
+      const { startOffset: a, endOffset: c } = i[0];
+      if (a === c) return !1;
+      t.preventDefault(), r = n.slice(0, a) + n.slice(c), o = a;
+      break;
+    }
+    case "insertFromPaste":
+    case "insertReplacementText": {
+      const i = t.dataTransfer?.getData("text/plain") ?? "", a = t.getTargetRanges(), c = a[0]?.startOffset ?? e, l = a[0]?.endOffset ?? e;
+      t.preventDefault(), r = n.slice(0, c) + i + n.slice(l), o = c + i.length;
+      break;
+    }
+    default:
+      return !1;
+  }
+  return s.content = r, s.caret = o, !0;
 }
-function zt(s, t) {
+function ae(s, t) {
   const e = s.state.selecting.get();
-  if (e !== "all" || !Y(s)) {
+  if (e !== "all" || !ut(s)) {
     e === "all" && s.state.selecting.set(void 0);
     return;
   }
   t.preventDefault();
   const n = t.clipboardData?.getData("text/plain") ?? "";
-  tt(s, n);
+  ht(s, n);
 }
-function Y(s) {
+function ut(s) {
   const t = window.getSelection(), e = s.refs.container;
   if (!t?.rangeCount || !e?.firstChild || !e?.lastChild) return !1;
   try {
@@ -1397,7 +1389,7 @@ function Y(s) {
     return !1;
   }
 }
-function tt(s, t) {
+function ht(s, t) {
   s.nodes.focus.target = null, s.state.selecting.set(void 0), s.state.onChange.get()?.(t), s.state.value.get() === void 0 && s.state.tokens.set(
     s.state.parser.get()?.parse(t) ?? [
       {
@@ -1414,41 +1406,41 @@ function tt(s, t) {
     }), e.focus());
   });
 }
-class Xt {
-  #t = [];
-  #e = !1;
+class ce {
+  #e = [];
+  #t = !1;
   register(t) {
-    return this.#t.push(t), this;
+    return this.#e.push(t), this;
   }
   enableAll() {
-    this.#e || (this.#e = !0, this.#t.forEach((t) => t.enable()));
+    this.#t || (this.#t = !0, this.#e.forEach((t) => t.enable()));
   }
   disableAll() {
-    this.#e && (this.#e = !1, this.#t.forEach((t) => t.disable()));
+    this.#t && (this.#t = !1, this.#e.forEach((t) => t.disable()));
   }
 }
-const N = (s, t) => ({
+const V = (s, t) => ({
   name: s,
   enable: () => t.enable(),
   disable: () => t.disable()
-}), Zt = (s) => {
-  const t = new Xt();
-  return t.register(N("keydown", s.controllers.keydown)).register(N("system", s.controllers.system)).register(N("focus", s.controllers.focus)).register(N("textSelection", s.controllers.textSelection)), t;
+}), le = (s) => {
+  const t = new ce();
+  return t.register(V("keydown", s.controllers.keydown)).register(V("system", s.controllers.system)).register(V("focus", s.controllers.focus)).register(V("textSelection", s.controllers.textSelection)), t;
 };
-class Jt {
+class de {
   constructor(t) {
     this.store = t;
   }
-  #t = [];
-  #e = !1;
+  #e = [];
+  #t = !1;
   enable(t) {
-    const { store: e } = this, n = Zt(e);
-    n.enableAll(), this.#t.push(() => n.disableAll()), this.#s(), this.#n(), t?.getTrigger && this.#r(t.getTrigger);
+    const { store: e } = this, n = le(e);
+    n.enableAll(), this.#e.push(() => n.disableAll()), this.#n(), t?.getTrigger && this.#s(t.getTrigger);
   }
   disable() {
-    for (const t of this.#t)
+    for (const t of this.#e)
       t();
-    this.#t = [], this.#e = !1;
+    this.#e = [], this.#t = !1;
   }
   /**
    * Synchronizes the parser with current options and handles parsing.
@@ -1457,12 +1449,12 @@ class Jt {
    */
   syncParser(t, e) {
     const { store: n } = this, r = e?.map((i) => i.markup);
-    if (r && r.some(Boolean) ? n.state.parser.set(new A(r)) : n.state.parser.set(void 0), this.#e) {
+    if (r && r.some(Boolean) ? n.state.parser.set(new H(r)) : n.state.parser.set(void 0), this.#t) {
       n.state.recovery.get() || n.events.parse();
       return;
     }
     const o = t ?? n.state.defaultValue.get() ?? "";
-    n.state.tokens.set(P(n, o)), this.#e = !0;
+    n.state.tokens.set(R(n, o)), this.#t = !0;
   }
   /**
    * Recovers focus after tokens change.
@@ -1473,55 +1465,98 @@ class Jt {
     this.store.state.Mark.get() && this.store.controllers.focus.recover();
   }
   #n() {
-    const t = this.store.refs.container;
-    if (!t) return;
-    const e = () => this.store.events.change();
-    t.addEventListener("input", e), this.#t.push(() => t.removeEventListener("input", e));
-  }
-  #s() {
     const { store: t } = this;
-    this.#t.push(
+    this.#e.push(
       t.events.parse.on(() => {
         if (t.state.recovery.get()) {
-          const e = y(t.state.tokens.get());
-          t.state.tokens.set(P(t, e)), t.state.previousValue.set(e);
+          const e = I(t.state.tokens.get());
+          t.state.tokens.set(R(t, e)), t.state.previousValue.set(e);
           return;
         }
-        t.state.tokens.set(t.nodes.focus.target ? It(t) : Mt(t));
+        t.state.tokens.set(t.nodes.focus.target ? Ft(t) : Wt(t));
       })
     );
   }
-  #r(t) {
+  #s(t) {
     const { store: e } = this;
-    e.controllers.overlay.enableTrigger(t, (n) => e.state.overlayMatch.set(n)), this.#t.push(() => e.controllers.overlay.disable()), this.#t.push(
+    e.controllers.overlay.enableTrigger(t, (n) => e.state.overlayMatch.set(n)), this.#e.push(() => e.controllers.overlay.disable()), this.#e.push(
       e.state.overlayMatch.on((n) => {
         n ? (e.nodes.input.target = e.nodes.focus.target, e.controllers.overlay.enableClose()) : e.controllers.overlay.disableClose();
       })
     );
   }
 }
-class Qt {
-  key = new $t();
+class ue {
+  constructor(t) {
+    this.store = t;
+  }
+  #e;
+  #t;
+  #n;
+  #s;
+  #r;
+  #o;
+  #i;
+  #a;
+  enableTrigger(t, e) {
+    if (this.#e) return;
+    this.#e = this.store.events.clearOverlay.on(() => {
+      e(void 0);
+    }), this.#t = this.store.events.checkOverlay.on(() => {
+      const r = Q.find(this.store.state.options.get(), t);
+      e(r);
+    }), this.#n = this.store.events.change.on(() => {
+      const r = this.store.state.showOverlayOn.get(), o = "change";
+      (r === o || Array.isArray(r) && r.includes(o)) && this.store.events.checkOverlay();
+    }), this.#s = () => {
+      const r = this.store.state.showOverlayOn.get(), o = "selectionChange";
+      (r === o || Array.isArray(r) && r.includes(o)) && this.store.events.checkOverlay();
+    }, this.#r = () => {
+      document.addEventListener("selectionchange", this.#s);
+    }, this.#o = () => {
+      document.removeEventListener("selectionchange", this.#s);
+    };
+    const n = this.store.refs.container;
+    n && (n.addEventListener("focusin", this.#r), n.addEventListener("focusout", this.#o));
+  }
+  enableClose() {
+    this.#i || (this.#i = (t) => {
+      t.key === v.ESC && this.store.events.clearOverlay();
+    }, this.#a = (t) => {
+      const e = t.target;
+      this.store.refs.overlay?.contains(e) || this.store.refs.container?.contains(e) || this.store.events.clearOverlay();
+    }, window.addEventListener("keydown", this.#i), document.addEventListener("click", this.#a, !0));
+  }
+  disableClose() {
+    this.#i && (window.removeEventListener("keydown", this.#i), document.removeEventListener("click", this.#a, !0), this.#i = void 0, this.#a = void 0);
+  }
+  disable() {
+    const t = this.store.refs.container;
+    t && this.#r && (t.removeEventListener("focusin", this.#r), t.removeEventListener("focusout", this.#o)), this.#s && document.removeEventListener("selectionchange", this.#s), this.disableClose(), this.#e?.(), this.#t?.(), this.#n?.(), this.#e = void 0, this.#t = void 0, this.#n = void 0, this.#s = void 0, this.#r = void 0, this.#o = void 0;
+  }
+}
+class he {
+  key = new Zt();
   nodes = {
-    focus: new M(void 0, this),
-    input: new M(void 0, this)
+    focus: new B(void 0, this),
+    input: new B(void 0, this)
   };
   state;
-  events = _t();
+  events = Xt();
   refs = {
     container: null,
     overlay: null
   };
   controllers = {
-    overlay: new Ht(this),
-    focus: new Ft(this),
-    keydown: new jt(this),
-    system: new Dt(this),
-    textSelection: new Ut(this)
+    overlay: new ue(this),
+    focus: new Yt(this),
+    keydown: new re(this),
+    system: new Kt(this),
+    textSelection: new ne(this)
   };
-  lifecycle = new Jt(this);
+  lifecycle = new de(this);
   constructor(t) {
-    this.state = At(
+    this.state = zt(
       {
         tokens: [],
         parser: void 0,
@@ -1560,13 +1595,13 @@ class Qt {
     };
   }
 }
-class Kt {
+class fe {
   ref;
-  #t;
   #e;
+  #t;
   #n;
   constructor(t) {
-    this.ref = t.ref, this.#t = t.store, this.#e = t.token;
+    this.ref = t.ref, this.#e = t.store, this.#t = t.token;
   }
   get readOnly() {
     return this.#n;
@@ -1575,129 +1610,408 @@ class Kt {
     this.#n = t;
   }
   get content() {
-    return this.#e.content;
+    return this.#t.content;
   }
   set content(t) {
-    this.#e.content = t, this.#s();
+    this.#t.content = t, this.#s();
   }
   get value() {
-    return this.#e.value;
+    return this.#t.value;
   }
   set value(t) {
-    this.#e.value = t ?? "", this.#s();
+    this.#t.value = t ?? "", this.#s();
   }
   get meta() {
-    return this.#e.meta;
+    return this.#t.meta;
   }
   set meta(t) {
-    this.#e.meta = t, this.#s();
+    this.#t.meta = t, this.#s();
   }
   get depth() {
-    return V(this.#t.state.tokens.get(), this.#e).depth;
+    return z(this.#e.state.tokens.get(), this.#t).depth;
   }
   get hasChildren() {
-    return this.#e.children.length > 0;
+    return this.#t.children.length > 0;
   }
   get parent() {
-    return V(this.#t.state.tokens.get(), this.#e)?.parent;
+    return z(this.#e.state.tokens.get(), this.#t)?.parent;
   }
   get tokens() {
-    return this.#e.children;
+    return this.#t.children;
   }
   change = (t) => {
-    this.#e.content = t.content, this.#e.value = t.value ?? "", t.meta !== void 0 && (this.#e.meta = t.meta), this.#s();
+    this.#t.content = t.content, this.#t.value = t.value ?? "", t.meta !== void 0 && (this.#t.meta = t.meta), this.#s();
   };
-  remove = () => this.#t.events.delete({ token: this.#e });
+  remove = () => this.#e.events.delete({ token: this.#t });
   #s() {
-    this.#t.events.change();
+    this.#e.events.change();
+  }
+}
+let ft = 0;
+function rt(s) {
+  return `block-${ft++}-${s}`;
+}
+function ge() {
+  ft = 0;
+}
+function pe(s) {
+  if (s.length === 0) return [];
+  ge();
+  const t = [];
+  let e = [], n = -1;
+  const r = (o) => {
+    e.length !== 0 && (t.push({
+      id: rt(n),
+      tokens: [...e],
+      startPos: n,
+      endPos: o
+    }), e = [], n = -1);
+  };
+  for (const o of s) {
+    if (o.type === "mark") {
+      o.content.endsWith(`
+`) ? (r(o.position.start), t.push({
+        id: rt(o.position.start),
+        tokens: [o],
+        startPos: o.position.start,
+        endPos: o.position.end
+      })) : (n === -1 && (n = o.position.start), e.push(o));
+      continue;
+    }
+    if (o.type !== "text") continue;
+    const a = ve(o);
+    for (let c = 0; c < a.length; c++) {
+      const l = a[c];
+      if (l.isNewline) {
+        r(l.position.start);
+        continue;
+      }
+      l.content.length !== 0 && (n === -1 && (n = l.position.start), e.push({
+        type: "text",
+        content: l.content,
+        position: l.position
+      }));
+    }
+  }
+  if (e.length > 0) {
+    const o = e[e.length - 1];
+    r(o.position.end);
+  }
+  return t;
+}
+function ve(s) {
+  const t = [], { content: e, position: n } = s;
+  let r = n.start;
+  const o = [], i = () => {
+    if (o.length > 0) {
+      const a = o.join("");
+      t.push({
+        content: a,
+        position: { start: r, end: r + a.length },
+        isNewline: !1
+      }), r += a.length, o.length = 0;
+    }
+  };
+  for (let a = 0; a < e.length; a++) {
+    const c = e[a];
+    c === `
+` ? (i(), t.push({
+      content: `
+`,
+      position: { start: r, end: r + 1 },
+      isNewline: !0
+    }), r += 1) : c === "\r" ? a + 1 < e.length && e[a + 1] === `
+` ? (i(), t.push({
+      content: `
+`,
+      position: { start: r, end: r + 2 },
+      isNewline: !0
+    }), r += 2, a++) : (i(), t.push({
+      content: `
+`,
+      position: { start: r, end: r + 1 },
+      isNewline: !0
+    }), r += 1) : o.push(c);
+  }
+  return i(), t;
+}
+function me(s, t, e, n) {
+  if (e === n || e === n - 1 || t.length < 2 || e < 0 || e >= t.length || n < 0 || n > t.length) return s;
+  const r = ye(s, t), o = ke(r, e, n);
+  return xe(o);
+}
+function ye(s, t) {
+  return t.map((e, n) => {
+    const r = s.substring(e.startPos, e.endPos);
+    let o = "";
+    if (n < t.length - 1) {
+      const i = t[n + 1];
+      o = s.substring(e.endPos, i.startPos);
+    }
+    return {
+      index: n,
+      text: r,
+      separatorAfter: o
+    };
+  });
+}
+function xe(s) {
+  const t = [];
+  for (let e = 0; e < s.length; e++) {
+    const n = s[e], r = e === s.length - 1;
+    let o = n.text;
+    o.endsWith(`
+`) && (o = o.slice(0, -1)), t.push(o), r || t.push(n.separatorAfter || `
+`);
+  }
+  return t.join("");
+}
+function ke(s, t, e) {
+  const n = [...s], [r] = n.splice(t, 1), o = e > t ? e - 1 : e;
+  return n.splice(o, 0, r), we(n, s), n;
+}
+function we(s, t) {
+  for (let e = 0; e < s.length - 1; e++) {
+    const n = s[e].index, r = s[e + 1].index;
+    if (Math.abs(n - r) === 1) {
+      const o = Math.min(n, r), i = t[o].separatorAfter;
+      s[e].separatorAfter = i.length > 0 ? i : `
+`;
+    } else
+      s[e].separatorAfter = `
+`;
   }
 }
-const Yt = {
+const Se = [
+  {
+    markup: Pt,
+    overlay: {
+      trigger: It,
+      data: []
+    }
+  }
+], Ce = (s) => () => {
+  const [t, e] = P(() => s.get());
+  return M(() => s.on(e), [s]), t;
+};
+function be(s, t) {
+  St(t, () => s.createHandler(), [s]), M(() => (s.lifecycle.enable({
+    getTrigger: (a) => a.overlay?.trigger
+  }), () => s.lifecycle.disable()), []);
+  const e = s.state.value.use(), n = s.state.Mark.use(), r = s.state.options.use(), o = n ? r : void 0;
+  M(() => {
+    s.lifecycle.syncParser(e, o);
+  }, [e, o]);
+  const i = s.state.tokens.use();
+  M(() => {
+    s.lifecycle.recoverFocus();
+  }, [i]);
+}
+const K = at(void 0);
+K.displayName = "StoreContext";
+function E() {
+  const s = ct(K);
+  return bt(s), s;
+}
+const Ee = {
   container: "div",
   span: "span"
 };
-function et(s, t) {
-  return t?.[s] ? t[s] : Yt[s];
+function Y(s, t) {
+  return t?.[s] ? t[s] : Ee[s];
 }
-function nt(s, t) {
+function tt(s, t) {
   const e = t?.[s];
-  return e ? ht(e) : void 0;
-}
-const U = X(void 0);
-U.displayName = "StoreContext";
-function k() {
-  const s = Z(U);
-  return dt(s), s;
-}
-const te = (s) => {
-  const t = X(void 0);
+  return e ? Et(e) : void 0;
+}
+const q = {
+  position: "absolute",
+  left: -28,
+  top: 2,
+  width: 20,
+  height: 20,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "grab",
+  borderRadius: 4,
+  opacity: 0,
+  transition: "opacity 0.15s ease",
+  userSelect: "none",
+  color: "#9ca3af",
+  flexShrink: 0,
+  background: "none",
+  border: "none",
+  padding: 0,
+  margin: 0,
+  font: "inherit",
+  lineHeight: 1
+}, gt = {
+  ...q,
+  opacity: 1
+}, Te = {
+  ...gt,
+  cursor: "grabbing"
+}, Ne = {
+  position: "relative",
+  paddingLeft: 4,
+  transition: "opacity 0.2s ease"
+}, ot = {
+  position: "absolute",
+  left: 0,
+  right: 0,
+  height: 2,
+  backgroundColor: "#3b82f6",
+  borderRadius: 1,
+  pointerEvents: "none",
+  zIndex: 10
+}, pt = O(() => /* @__PURE__ */ Z("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: [
+  /* @__PURE__ */ f("circle", { cx: "5", cy: "3", r: "1.5" }),
+  /* @__PURE__ */ f("circle", { cx: "11", cy: "3", r: "1.5" }),
+  /* @__PURE__ */ f("circle", { cx: "5", cy: "8", r: "1.5" }),
+  /* @__PURE__ */ f("circle", { cx: "11", cy: "8", r: "1.5" }),
+  /* @__PURE__ */ f("circle", { cx: "5", cy: "13", r: "1.5" }),
+  /* @__PURE__ */ f("circle", { cx: "11", cy: "13", r: "1.5" })
+] }));
+pt.displayName = "GripIcon";
+const vt = O(({ blockIndex: s, children: t, readOnly: e, onReorder: n }) => {
+  const [r, o] = P(!1), [i, a] = P(!1), [c, l] = P(null), d = $(null), g = k(() => o(!0), []), u = k(() => o(!1), []), h = k(
+    (p) => {
+      p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(s)), a(!0), d.current && p.dataTransfer.setDragImage(d.current, 0, 0);
+    },
+    [s]
+  ), m = k(() => {
+    a(!1), l(null);
+  }, []), C = k((p) => {
+    if (p.preventDefault(), p.dataTransfer.dropEffect = "move", !d.current) return;
+    const D = d.current.getBoundingClientRect(), W = D.top + D.height / 2;
+    l(p.clientY < W ? "before" : "after");
+  }, []), y = k((p) => {
+    p.currentTarget.contains(p.relatedTarget) || l(null);
+  }, []), b = k(
+    (p) => {
+      p.preventDefault();
+      const D = parseInt(p.dataTransfer.getData("text/plain"), 10);
+      if (isNaN(D)) return;
+      const W = c === "before" ? s : s + 1;
+      l(null), n(D, W);
+    },
+    [s, c, n]
+  ), T = {
+    ...Ne,
+    opacity: i ? 0.4 : 1
+  }, L = e ? { ...q, display: "none" } : i ? Te : r ? gt : q;
+  return /* @__PURE__ */ Z(
+    "div",
+    {
+      ref: d,
+      style: T,
+      onMouseEnter: g,
+      onMouseLeave: u,
+      onDragOver: C,
+      onDragLeave: y,
+      onDrop: b,
+      children: [
+        c === "before" && /* @__PURE__ */ f("div", { style: { ...ot, top: -1 } }),
+        /* @__PURE__ */ f(
+          "button",
+          {
+            type: "button",
+            draggable: !e,
+            onDragStart: h,
+            onDragEnd: m,
+            style: L,
+            "aria-label": "Drag to reorder",
+            children: /* @__PURE__ */ f(pt, {})
+          }
+        ),
+        t,
+        c === "after" && /* @__PURE__ */ f("div", { style: { ...ot, bottom: -1 } })
+      ]
+    }
+  );
+});
+vt.displayName = "DraggableBlock";
+const Ie = (s) => {
+  const t = at(void 0);
   return t.displayName = s, [() => {
-    const n = Z(t);
+    const n = ct(t);
     if (n === void 0)
       throw new Error(`Context "${s}" not found. Make sure to wrap component in its Provider.`);
     return n;
   }, t.Provider, t];
-}, [W, z] = te("NodeProvider");
-function st(s, t, e, n) {
-  const r = k(), o = r.state.Mark.use(), i = r.state.Overlay.use(), a = s === "mark" ? o : i, l = s === "mark" ? t?.mark : t?.overlay;
-  let c;
-  l !== void 0 ? typeof l == "function" ? c = l(e) : c = l : c = e ?? {};
-  const d = c.slot || a || n;
+}, [et, it] = Ie("NodeProvider");
+function mt(s, t, e, n) {
+  const r = E(), o = r.state.Mark.use(), i = r.state.Overlay.use(), a = s === "mark" ? o : i, c = s === "mark" ? t?.mark : t?.overlay;
+  let l;
+  c !== void 0 ? typeof c == "function" ? l = c(e) : l = c : l = e ?? {};
+  const d = l.slot || a || n;
   if (!d)
     throw new Error(
       `No ${s} component found. Provide either option.${s}.slot, global ${s === "mark" ? "Mark" : "Overlay"}, or a defaultComponent.`
     );
-  return [d, c];
+  return [d, l];
 }
-function ee() {
-  const s = W(), t = k(), e = t.state.options.use(), n = t.key, r = e?.[s.descriptor.index], o = s.children.map((c) => /* @__PURE__ */ f(G, { mark: c, isNested: !0 }, n.get(c))), i = {
+function Pe() {
+  const s = et(), t = E(), e = t.state.options.use(), n = t.key, r = e?.[s.descriptor.index], o = s.children.map((l) => /* @__PURE__ */ f(F, { mark: l, isNested: !0 }, n.get(l))), i = {
     value: s.value,
     meta: s.meta,
     nested: s.nested?.content,
     children: s.children.length > 0 ? o : void 0
-  }, [a, l] = st("mark", r, i);
-  return /* @__PURE__ */ f(a, { ...l });
+  }, [a, c] = mt("mark", r, i);
+  return /* @__PURE__ */ f(a, { ...c });
 }
-const ne = () => {
-  const s = W(), t = k(), e = J(null), n = t.state.readOnly.use(), r = t.state.slots.use(), o = t.state.slotProps.use(), i = C(() => et("span", r), [r]), a = C(() => nt("span", o), [o]);
+const Me = () => {
+  const s = et(), t = E(), e = $(null), n = t.state.readOnly.use(), r = t.state.slots.use(), o = t.state.slotProps.use(), i = S(() => Y("span", r), [r]), a = S(() => tt("span", o), [o]);
   if (s.type !== "text")
     throw new Error("TextSpan component expects a TextToken");
-  return ct(() => {
+  return Ct(() => {
     e.current && e.current.textContent !== s.content && (e.current.textContent = s.content);
-  }, [s.content]), /* @__PURE__ */ f(
-    i,
+  }, [s.content]), /* @__PURE__ */ f(i, { ...a, ref: e, contentEditable: !n, suppressContentEditableWarning: !0 });
+}, F = O(({ mark: s, isNested: t = !1 }) => s.type === "mark" ? /* @__PURE__ */ f(it, { value: s, children: /* @__PURE__ */ f(Pe, {}) }) : t ? /* @__PURE__ */ f(wt, { children: s.content }) : /* @__PURE__ */ f(it, { value: s, children: /* @__PURE__ */ f(Me, {}) }));
+F.displayName = "Token";
+const yt = O(() => {
+  const s = E(), t = s.state.tokens.use(), e = s.state.slots.use(), n = s.state.slotProps.use(), r = s.state.className.use(), o = s.state.style.use(), i = s.state.readOnly.use(), a = s.state.value.use(), c = s.state.onChange.use(), l = s.key, d = s.refs, g = S(() => Y("container", e), [e]), u = S(() => tt("container", n), [n]), h = S(() => pe(t), [t]), m = $(h);
+  m.current = h;
+  const C = k(
+    (y, b) => {
+      if (!a || !c) return;
+      const T = m.current, L = me(a, T, y, b);
+      if (L !== a) {
+        const p = R(s, L);
+        s.state.tokens.set(p), s.state.previousValue.set(L), c(L);
+      }
+    },
+    [s, a, c]
+  );
+  return /* @__PURE__ */ f(
+    g,
     {
-      ...a,
-      ref: e,
-      contentEditable: !n,
-      onPaste: se,
-      suppressContentEditableWarning: !0
+      ref: (y) => d.container = y,
+      ...u,
+      className: r,
+      style: o,
+      children: h.map((y, b) => /* @__PURE__ */ f(vt, { blockIndex: b, readOnly: i, onReorder: C, children: y.tokens.map((T) => /* @__PURE__ */ f(F, { mark: T }, l.get(T))) }, y.id))
     }
   );
-};
-function se(s) {
-  s.preventDefault();
-  const t = s.clipboardData.getData("text");
-  document.execCommand("insertText", !1, t);
-}
-const G = D(({ mark: s, isNested: t = !1 }) => s.type === "mark" ? /* @__PURE__ */ f(z, { value: s, children: /* @__PURE__ */ f(ee, {}) }) : t ? /* @__PURE__ */ f(it, { children: s.content }) : /* @__PURE__ */ f(z, { value: s, children: /* @__PURE__ */ f(ne, {}) }));
-G.displayName = "Token";
-const rt = D(() => {
-  const s = k(), t = s.state.tokens.use(), e = s.state.slots.use(), n = s.state.slotProps.use(), r = s.state.className.use(), o = s.state.style.use(), i = s.key, a = s.refs, l = C(() => et("container", e), [e]), c = C(() => nt("container", n), [n]);
+});
+yt.displayName = "BlockContainer";
+const xt = O(() => {
+  const s = E(), t = s.state.tokens.use(), e = s.state.slots.use(), n = s.state.slotProps.use(), r = s.state.className.use(), o = s.state.style.use(), i = s.key, a = s.refs, c = S(() => Y("container", e), [e]), l = S(() => tt("container", n), [n]);
   return /* @__PURE__ */ f(
-    l,
+    c,
     {
       ref: (d) => a.container = d,
-      ...c,
+      ...l,
       className: r,
       style: o,
-      children: t.map((d) => /* @__PURE__ */ f(G, { mark: d }, i.get(d)))
+      children: t.map((d) => /* @__PURE__ */ f(F, { mark: d }, i.get(d)))
     }
   );
 });
-rt.displayName = "Container";
-function re() {
-  const s = k(), t = s.state.overlayMatch.use(), e = m.getAbsolutePosition(), n = B(() => s.events.clearOverlay(), []), r = B(
+xt.displayName = "Container";
+function Le() {
+  const s = E(), t = s.state.overlayMatch.use(), e = w.getAbsolutePosition(), n = k(() => s.events.clearOverlay(), []), r = k(
     (i) => {
       const a = {
         type: "mark",
@@ -1715,7 +2029,7 @@ function re() {
       s.events.select({ mark: a, match: t }), s.events.clearOverlay();
     },
     [t]
-  ), o = C(
+  ), o = S(
     () => ({
       get current() {
         return s.refs.overlay;
@@ -1728,136 +2042,116 @@ function re() {
   );
   return { match: t, style: e, select: r, close: n, ref: o };
 }
-const oe = "_Container_1lmfr_1", ie = "_Suggestions_1lmfr_10", ae = "_suggestionActive_1lmfr_38", R = {
-  Container: oe,
-  Suggestions: ie,
-  suggestionActive: ae
-}, ce = () => {
-  const s = k(), { match: t, select: e, style: n, ref: r } = re(), [o, i] = L(NaN), a = t.option.overlay?.data || [], l = C(
+const Ae = "_Container_1lmfr_1", Oe = "_Suggestions_1lmfr_10", De = "_suggestionActive_1lmfr_38", X = {
+  Container: Ae,
+  Suggestions: Oe,
+  suggestionActive: De
+}, Re = () => {
+  const s = E(), { match: t, select: e, style: n, ref: r } = Le(), [o, i] = P(NaN), a = t.option.overlay?.data || [], c = S(
     () => a.filter((d) => d.toLowerCase().indexOf(t.value.toLowerCase()) > -1),
     [t.value, a]
-  ), c = l.length;
-  return S(() => {
+  ), l = c.length;
+  return M(() => {
     const d = s.refs.container;
     if (!d) return;
-    const u = (h) => {
-      switch (h.key) {
+    const g = (u) => {
+      switch (u.key) {
         case v.UP:
-          h.preventDefault(), i((g) => isNaN(g) ? 0 : (c + (g - 1) % c) % c);
+          u.preventDefault(), i((h) => isNaN(h) ? 0 : (l + (h - 1) % l) % l);
           break;
         case v.DOWN:
-          h.preventDefault(), i((g) => isNaN(g) ? 0 : (g + 1) % c);
+          u.preventDefault(), i((h) => isNaN(h) ? 0 : (h + 1) % l);
           break;
         case v.ENTER:
-          h.preventDefault(), i((g) => {
-            if (isNaN(g)) return g;
-            const w = l[g];
-            return e({ value: w, meta: g.toString() }), g;
+          u.preventDefault(), i((h) => {
+            if (isNaN(h)) return h;
+            const m = c[h];
+            return e({ value: m, meta: h.toString() }), h;
           });
           break;
       }
     };
-    return d.addEventListener("keydown", u), () => d.removeEventListener("keydown", u);
-  }, [c, l]), l.length ? /* @__PURE__ */ f("ul", { ref: r, className: R.Suggestions, style: n, children: l.map((d, u) => {
-    const h = u === o ? R.suggestionActive : void 0;
+    return d.addEventListener("keydown", g), () => d.removeEventListener("keydown", g);
+  }, [l, c]), c.length ? /* @__PURE__ */ f("ul", { ref: r, className: X.Suggestions, style: n, children: c.map((d, g) => {
+    const u = g === o ? X.suggestionActive : void 0;
     return /* @__PURE__ */ f(
       "li",
       {
-        ref: (g) => {
-          h && g && g.scrollIntoView(!1);
+        ref: (h) => {
+          u && h && h.scrollIntoView(!1);
         },
-        className: h,
-        onClick: (g) => e({ value: d, meta: u.toString() }),
+        className: u,
+        onClick: (h) => e({ value: d, meta: g.toString() }),
         children: d
       },
       d
     );
   }) }) : null;
-}, ot = D(() => {
-  const s = k(), t = s.state.overlayMatch.use(), e = C(() => t ? s.key.get(t.option) : void 0, [t]), [n, r] = st("overlay", t?.option, void 0, ce);
+}, kt = O(() => {
+  const s = E(), t = s.state.overlayMatch.use(), e = S(() => t ? s.key.get(t.option) : void 0, [t]), [n, r] = mt("overlay", t?.option, void 0, Re);
   if (e) return /* @__PURE__ */ f(n, { ...r ?? {} }, e);
 });
-ot.displayName = "OverlayRenderer";
-function le(s, t) {
-  lt(t, () => s.createHandler(), [s]), S(() => (s.lifecycle.enable({
-    getTrigger: (a) => a.overlay?.trigger
-  }), () => s.lifecycle.disable()), []);
-  const e = s.state.value.use(), n = s.state.Mark.use(), r = s.state.options.use(), o = n ? r : void 0;
-  S(() => {
-    s.lifecycle.syncParser(e, o);
-  }, [e, o]);
-  const i = s.state.tokens.use();
-  S(() => {
-    s.lifecycle.recoverFocus();
-  }, [i]);
-}
-const de = (s) => () => {
-  const [t, e] = L(() => s.get());
-  return S(() => s.on(e), [s]), t;
-}, he = [
-  {
-    markup: pt,
-    overlay: {
-      trigger: ft,
-      data: []
-    }
-  }
-];
-function me(s) {
+kt.displayName = "OverlayRenderer";
+function Fe(s) {
   const {
     ref: t,
     value: e,
     defaultValue: n,
     onChange: r,
     readOnly: o = !1,
-    Mark: i,
-    Overlay: a,
+    block: i = !1,
+    Mark: a,
+    Overlay: c,
     slots: l,
-    slotProps: c,
-    options: d = he,
+    slotProps: d,
+    options: g = Se,
     showOverlayOn: u = "change",
     className: h,
-    style: g
-  } = s, w = ut(R.Container, h, c?.container?.className), E = gt(g, c?.container?.style), [T] = L(() => new Qt({ createUseHook: de }));
-  return T.state.set({
+    style: m
+  } = s, C = Tt(X.Container, h, d?.container?.className), y = Nt(m, d?.container?.style), [b] = P(() => new he({ createUseHook: Ce }));
+  b.state.set({
     value: e,
     defaultValue: n,
     onChange: r,
     readOnly: o,
-    options: d,
+    options: g,
     showOverlayOn: u,
-    Mark: i,
-    Overlay: a,
-    className: w,
-    style: E,
+    Mark: a,
+    Overlay: c,
+    className: C,
+    style: y,
     slots: l,
-    slotProps: c
-  }), le(T, t), /* @__PURE__ */ at(U.Provider, { value: T, children: [
-    /* @__PURE__ */ f(rt, {}),
-    /* @__PURE__ */ f(ot, {})
+    slotProps: d
+  }), be(b, t);
+  const T = i ? yt : xt;
+  return /* @__PURE__ */ Z(K.Provider, { value: b, children: [
+    /* @__PURE__ */ f(T, {}),
+    /* @__PURE__ */ f(kt, {})
   ] });
 }
-const xe = (s = {}) => {
-  const t = k(), e = W(), n = J(null);
+const We = (s = {}) => {
+  const t = E(), e = et(), n = $(null);
   if (e.type !== "mark")
     throw new Error("useMark can only be used with mark tokens");
-  const [r] = L(() => new Kt({ ref: n, store: t, token: e }));
-  ue(n, s, e);
+  const [r] = P(() => new fe({ ref: n, store: t, token: e }));
+  _e(n, s, e);
   const o = t.state.readOnly.use();
-  return S(() => {
+  return M(() => {
     r.readOnly = o;
   }, [o]), r;
 };
-function ue(s, t, e) {
-  S(() => {
+function _e(s, t, e) {
+  M(() => {
     s.current && !t.controlled && (s.current.textContent = e.content);
   }, []);
 }
 export {
-  Kt as MarkHandler,
-  me as MarkedInput,
-  $ as annotate,
-  ve as denote,
-  xe as useMark,
-  re as useOverlay
+  fe as MarkHandler,
+  Fe as MarkedInput,
+  j as annotate,
+  He as denote,
+  me as reorderBlocks,
+  pe as splitTokensIntoBlocks,
+  We as useMark,
+  Le as useOverlay
 };