@markput/react 0.4.0 → 0.6.0

package/index.js

@@ -1,2157 +1,2490 @@
 import "./index.css";
-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 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 Tt(...s) {
-  return s.filter(Boolean).join(" ") || void 0;
-}
-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 It = "@", Pt = "@[__value__](__meta__)", x = {
-  Value: "__value__",
-  Meta: "__meta__",
-  Nested: "__nested__"
-}, N = {
-  Value: "value",
-  Meta: "meta",
-  Nested: "nested"
+import { Children as e, createContext as t, memo as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region ../../common/core/src/shared/utils/dataAttributes.ts
+function m(e) {
+	return e ? Object.fromEntries(Object.entries(e).map(([e, t]) => e.startsWith("data") && e.length > 4 && e[4] === e[4].toUpperCase() ? [`data-${e.slice(4).replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`, t] : [e, t])) : {};
+}
+//#endregion
+//#region ../../common/core/src/shared/utils/cx.ts
+function h(...e) {
+	return e.filter(Boolean).join(" ") || void 0;
+}
+//#endregion
+//#region ../../common/core/src/shared/utils/merge.ts
+function g(...e) {
+	let t = Object.assign({}, ...e.filter(Boolean));
+	return Object.keys(t).length > 0 ? t : void 0;
+}
+//#endregion
+//#region ../../common/core/src/shared/utils/resolveOptionSlot.ts
+function _(e, t) {
+	return e === void 0 ? t : typeof e == "function" ? e(t) : e;
+}
+//#endregion
+//#region ../../common/core/src/shared/utils/resolveSlot.ts
+var v = {
+	container: "div",
+	span: "span"
 };
-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: c,
-    hasNested: r.nested === 1,
-    hasTwoValues: i,
-    segmentGlobalIndices: Array.from({ length: a.length })
-    // Will be populated by MarkupRegistry
-  };
-}
-function Lt(s) {
-  const t = [], e = [], n = [], r = {
-    value: 0,
-    meta: 0,
-    nested: 0
-  }, 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 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 c = s.substring(a);
-  return c.length > 0 && t.push(c), {
-    segments: t,
-    gapTypes: e,
-    counts: r,
-    valueGapIndices: n
-  };
-}
-function At(s, t) {
-  const e = [
-    { 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 "${x.Value}" or "${x.Nested}"`
-    );
-}
-const nt = {
-  [N.Value]: x.Value,
-  [N.Meta]: x.Meta,
-  [N.Nested]: x.Nested
+function y(e, t) {
+	return t?.[e] ?? v[e];
+}
+function b(e, t) {
+	let n = t?.[e];
+	return n ? m(n) : void 0;
+}
+//#endregion
+//#region ../../common/core/src/shared/constants.ts
+var x = /* @__PURE__ */ function(e) {
+	return e.UP = "ArrowUp", e.DOWN = "ArrowDown", e.LEFT = "ArrowLeft", e.RIGHT = "ArrowRight", e.END = "End", e.HOME = "Home", e.PAGE_DOWN = "PageDown", e.PAGE_UP = "PageUp", e.ENTER = "Enter", e.TAB = "Tab", e.SPACE = " ", e.BACKSPACE = "Backspace", e.DELETE = "Delete", e.COMMA = ",", e.ESC = "Escape", e;
+}({}), S = [{
+	markup: "@[__value__](__meta__)",
+	overlay: {
+		trigger: "@",
+		data: []
+	}
+}], C = {
+	Value: "__value__",
+	Meta: "__meta__",
+	Nested: "__nested__"
+}, w = {
+	Value: "value",
+	Meta: "meta",
+	Nested: "nested"
 };
-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(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 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 Dt {
-  markups;
-  descriptors;
-  /** Deduplicated list of unique segment definitions (static strings or dynamic patterns) */
-  segments = [];
-  /** Map from first segment index to descriptors that start with this segment (for O(1) lookup) */
-  firstSegmentIndexMap = /* @__PURE__ */ new Map();
-  constructor(t) {
-    this.markups = t;
-    const e = /* @__PURE__ */ new Map();
-    this.descriptors = t.map((n, r) => {
-      if (n === void 0)
-        return null;
-      const o = Mt(n, r);
-      return o.segments.forEach((i, a) => {
-        this.processSegment(o, i, a, e);
-      }), this.addToFirstSegmentIndexMap(o), o;
-    }).filter((n) => n !== null);
-  }
-  /**
-   * Adds a descriptor to the firstSegmentIndexMap using its first segment's global index
-   */
-  addToFirstSegmentIndexMap(t) {
-    const e = t.segmentGlobalIndices[0];
-    if (e === void 0) return;
-    const n = this.firstSegmentIndexMap.get(e);
-    n ? n.push(t) : this.firstSegmentIndexMap.set(e, [t]);
-  }
-  processSegment(t, e, n, r) {
-    const o = this.getSegmentKey(e);
-    if (!o) return;
-    this.registerSegment(e, o, r);
-    const i = r.get(o);
-    if (t.segmentGlobalIndices[n] = i, typeof e != "string") {
-      const [a, c] = e;
-      a && this.registerSegment(a, a, r), c && this.registerSegment(c, c, r);
-    }
-  }
-  registerSegment(t, e, n) {
-    if (!n.has(e)) {
-      const r = this.segments.length;
-      this.segments.push(t), n.set(e, r);
-    }
-  }
-  /**
-   * Gets a unique key for a segment definition
-   * For static segments (strings), returns the string itself if non-empty
-   * For dynamic segments (arrays), returns before|after|exclusions if before or after is non-empty
-   * Returns empty string for segments that should be ignored
-   */
-  getSegmentKey(t) {
-    if (typeof t == "string")
-      return t;
-    const [e, n, r] = t;
-    return e || n ? `${e}|${n}|${r}` : "";
-  }
-}
-function lt(s, t) {
-  if (!t)
-    return s;
-  let e = 5381;
-  for (let n = 0; n < t.length; n++)
-    e = e * 33 ^ t.charCodeAt(n);
-  return e = e >>> 0, s * 1e6 + (e & 1048575);
-}
-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;
-      const n = e.start + e.value.indexOf(e.captured), r = n + e.captured.length;
-      this.gaps.value = { start: n, end: r };
-    }
-  }
-  gaps = {};
-  /** Captured value from first dynamic segment (for hasTwoValues patterns) */
-  captured;
-  /**
-   * Index of expected next segment:
-   * - >= 0: active, waiting for segment at this index
-   * - NaN: completed successfully
-   * - -1: invalid, should be discarded
-   */
-  expectedSegmentIndex;
-  start;
-  end;
-  /**
-   * Check if the match is invalid and should be discarded
-   */
-  get isInvalid() {
-    return this.expectedSegmentIndex === -1;
-  }
-  /**
-   * Check if the pattern is completed (computed property)
-   */
-  get isCompleted() {
-    return isNaN(this.expectedSegmentIndex);
-  }
-  /**
-   * Check if the match is waiting for the last segment (high priority)
-   */
-  get isAwaitingLastSegment() {
-    return this.expectedSegmentIndex === this.descriptor.segments.length - 1;
-  }
-  /**
-   * Get the next expected segment index
-   */
-  get nextSegment() {
-    if (this.isCompleted || this.isInvalid)
-      return;
-    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 lt(t, o);
-    }
-    return t;
-  }
-  /**
-   * Update state with new segment by setting gap positions
-   */
-  processNext(t) {
-    const e = this.end, n = t.start, r = this.descriptor.gapTypes[this.expectedSegmentIndex - 1];
-    if (n < e) {
-      this.expectedSegmentIndex = -1;
-      return;
-    }
-    this.gaps[r] = { start: e, end: n }, this.end = t.end, this.expectedSegmentIndex++, this.expectedSegmentIndex >= this.descriptor.segments.length && (this.expectedSegmentIndex = NaN);
-  }
-  /**
-   * Checks if this match conflicts with another match (overlaps and cannot nest properly)
-   */
-  conflictsWith(t) {
-    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 _t {
-  constructor(t) {
-    this.registry = t;
-  }
-  pendingStates = /* @__PURE__ */ new Map();
-  completingStates = /* @__PURE__ */ new Map();
-  completedStates = [];
-  /** Main method that converts found segments into structured matches */
-  process(t) {
-    this.pendingStates.clear(), this.completingStates.clear(), this.completedStates.length = 0;
-    for (const e of t)
-      this.processWaitingStates(e), this.tryStartNewStates(e);
-    return this.completedStates.map((e) => e.match);
-  }
-  /**
-   * Process states waiting for this segment
-   * Try states by priority until one is valid, keeping rejected states for later attempts
-   * Process completing states first (higher priority), then pending states
-   * Process only one state per call
-   */
-  processWaitingStates(t) {
-    const e = this.dequeueWaitingMatch(t);
-    if (e && (e.processNext(t), !e.isInvalid)) {
-      if (e.isCompleted) return this.addToCompleted(e);
-      this.addToWaiting(e);
-    }
-  }
-  tryStartNewStates(t) {
-    this.registry.firstSegmentIndexMap.get(t.index)?.forEach((e) => {
-      const n = new Rt(e, t);
-      if (!n.isInvalid) {
-        if (n.isCompleted) return this.addToCompleted(n);
-        this.addToWaiting(n);
-      }
-    });
-  }
-  /**
-   * Gets the next waiting match for the given segment
-   * Uses value-specific index for dynamic segments, base index for static segments
-   */
-  dequeueWaitingMatch(t) {
-    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();
-  }
-  /**
-   * Adds a state to the waiting list for the next expected segment
-   */
-  addToWaiting(t) {
-    const e = t.nextSegment;
-    if (t.isAwaitingLastSegment) {
-      const n = this.completingStates.get(e) || [];
-      n.length === 0 && this.completingStates.set(e, n), n.push(t);
-    } else {
-      const n = this.pendingStates.get(e) || [];
-      n.length === 0 && this.pendingStates.set(e, n), n.push(t);
-    }
-  }
-  /**
-   * Add match to position-indexed array, replacing any existing match at the same position
-   * Uses binary search to find insertion point and maintains sorted order
-   * Relies on processing order to determine which match to keep
-   */
-  addToCompleted(t) {
-    const e = t.start;
-    let n = 0, r = this.completedStates.length;
-    for (; n < r; ) {
-      const o = Math.floor((n + r) / 2);
-      this.completedStates[o].position < e ? n = o + 1 : r = o;
-    }
-    n < this.completedStates.length && this.completedStates[n].position === e ? this.completedStates[n].match = t : this.completedStates.splice(n, 0, { position: e, match: t });
-  }
-}
-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 Vt {
-  staticRegex;
-  staticToIndex;
-  dynamicRegex;
-  dynamicEntries;
-  dynamicIndices;
-  constructor(t) {
-    this.initializeDual(t);
-  }
-  initializeDual(t) {
-    const e = [], n = [], r = /* @__PURE__ */ new Map();
-    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, 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 c = t.indexOf(a);
-        if (typeof a == "string")
-          i.push({ index: c, pattern: A(a), definition: a });
-        else {
-          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, 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) {
-    const e = [], n = [];
-    if (this.staticRegex && this.staticToIndex)
-      for (const o of t.matchAll(this.staticRegex)) {
-        const i = this.staticToIndex.get(o[0]);
-        i !== void 0 && e.push({
-          index: i,
-          start: o.index,
-          end: o.index + o[0].length,
-          value: o[0]
-        });
-      }
-    if (this.dynamicRegex && this.dynamicEntries && this.dynamicIndices)
-      for (const o of t.matchAll(this.dynamicRegex)) {
-        const i = o[0], a = o.index;
-        let c, l;
-        if (o.groups) {
-          for (let d = 0; d < this.dynamicEntries.length; d++)
-            if (o.groups[`seg${d}`] !== void 0) {
-              c = this.dynamicEntries[d].index, this.dynamicIndices.has(c) && (l = o.groups[`content${c}`]);
-              break;
-            }
-        }
-        c !== void 0 && n.push({
-          index: c,
-          start: a,
-          end: a + i.length,
-          value: i,
-          captured: l
-        });
-      }
-    const r = [...n];
-    for (const o of e)
-      n.some(
-        (a) => o.start < a.end && o.end > a.start
-      ) || r.push(o);
-    return r.sort((o, i) => o.start - i.start), r;
-  }
-}
-const dt = (s, t = 0, e = s.length) => ({
-  type: "text",
-  content: s.substring(t, e),
-  position: { start: t, end: e }
-});
-class $t {
-  // Instance fields - only what's needed for single pass
-  input;
-  // ===== PUBLIC API =====
-  /**
-   * Builds nested token tree from pre-processed matches in a single pass
-   *
-   * Algorithm:
-   * 1. Iterate through matches in order
-   * 2. For each match:
-   *    - Close any parents whose content ends before this match
-   *    - Skip matches that conflict with the last accepted match
-   *    - Add text token before this match
-   *    - Create mark token and push to appropriate parent
-   *    - If match has nested content, push to active parents stack
-   * 3. After all matches, close remaining parents and add final text
-   *
-   * Complexity: O(M) where M is number of matches
-   * Memory: O(D) for active parents stack where D is nesting depth
-   */
-  build(t, e) {
-    return this.input = e, t.length === 0 ? [this.createTextToken(0, e.length)] : this.buildSinglePass(t);
-  }
-  // ===== SINGLE-PASS ALGORITHM =====
-  /**
-   * Builds token tree in a single pass through matches
-   *
-   * This is the core algorithm that processes matches sequentially,
-   * maintaining a stack of active parents and creating tokens directly.
-   */
-  buildSinglePass(t) {
-    const e = [], n = [];
-    let r = null, o = 0;
-    for (const i of t) {
-      if (r && i.conflictsWith(r))
-        continue;
-      for (r = i; n.length > 0; ) {
-        const l = n[n.length - 1], d = this.getContentBounds(l.match);
-        if (d.end <= i.start)
-          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 l = this.createTextToken(a.textPos, i.start);
-        a.token.children.push(l), a.textPos = i.end;
-      } else {
-        const l = this.createTextToken(o, i.start);
-        e.push(l), o = i.end;
-      }
-      const c = this.createMarkToken(i);
-      if (this.hasNestedContent(i)) {
-        const l = this.getContentBounds(i);
-        n.push({
-          match: i,
-          token: c,
-          textPos: l.start
-        });
-      } else
-        a ? a.token.children.push(c) : e.push(c);
-    }
-    for (; n.length > 0; ) {
-      const i = n.pop(), a = this.getContentBounds(i.match);
-      this.finalizeParent(i, a.end), n.length > 0 ? n[n.length - 1].token.children.push(i.token) : e.push(i.token);
-    }
-    return e.push(this.createTextToken(o, this.input.length)), e;
-  }
-  /**
-   * Finalizes a parent token by adding final text token if needed
-   */
-  finalizeParent(t, e) {
-    const n = this.createTextToken(t.textPos, e);
-    t.token.children.push(n), t.token.children.some((o) => o.type === "mark") || (t.token.children = []);
-  }
-  /**
-   * Creates a mark token from a match (without children - those are added later)
-   */
-  createMarkToken(t) {
-    const e = this.extractSubstring(t.gaps.value?.start, t.gaps.value?.end), n = this.extractSubstring(t.gaps.nested?.start, t.gaps.nested?.end), r = this.extractSubstring(t.gaps.meta?.start, t.gaps.meta?.end), o = n || void 0, i = t.gaps.meta !== void 0 ? r : void 0, a = e || o || "";
-    return {
-      type: "mark",
-      content: this.input.substring(t.start, t.end),
-      children: [],
-      // Will be populated if match has nested content
-      descriptor: t.descriptor,
-      value: a,
-      meta: i,
-      position: { start: t.start, end: t.end },
-      nested: this.createNestedInfo(t, o)
-    };
-  }
-  // ===== UTILITY METHODS =====
-  /**
-   * Gets the content boundaries for a match
-   * Priority: nested content if present, otherwise value content
-   */
-  getContentBounds(t) {
-    return t.gaps.nested ? t.gaps.nested : t.gaps.value ? t.gaps.value : {
-      start: t.start,
-      end: t.start
-    };
-  }
-  /**
-   * Checks if a match has nested content capability
-   */
-  hasNestedContent(t) {
-    return t.gaps.nested !== void 0;
-  }
-  /**
-   * Extracts substring safely, returns empty string if positions are undefined
-   */
-  extractSubstring(t, e) {
-    return t !== void 0 && e !== void 0 ? this.input.substring(t, e) : "";
-  }
-  /**
-   * Creates a text token for a range in the input
-   */
-  createTextToken(t, e) {
-    return dt(this.input, t, e);
-  }
-  /**
-   * Creates nested info object if nested content exists
-   */
-  createNestedInfo(t, e) {
-    if (!(!e || t.gaps.nested === void 0))
-      return {
-        content: e,
-        start: t.gaps.nested.start,
-        end: t.gaps.nested.end
-      };
-  }
-}
-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(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 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(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
-    });
-  }
-  return t;
-}
-class H {
-  registry;
-  segmentMatcher;
-  patternMatcher;
-  treeBuilder;
-  /**
-   * Creates a new Parser instance with the specified markup patterns
-   *
-   * @param markups - Array of markup pattern strings with placeholders (can include undefined values):
-   *   - `__value__` - main content (plain text, no nesting)
-   *   - `__meta__` - metadata (plain text, no nesting)
-   *   - `__nested__` - content supporting nested structures
-   *   - `undefined` - skipped, but original array indices are preserved for descriptor matching
-   *
-   * @example
-   * ```typescript
-   * const parser = new Parser([
-   *   '@[__value__](__meta__)',  // @[label](value) - descriptor.index = 0
-   *   undefined,                 // skipped
-   *   '#[__nested__]',           // #[nested content] - descriptor.index = 2
-   *   '**__nested__**'           // **bold text** - descriptor.index = 3
-   * ])
-   * ```
-   */
-  constructor(t) {
-    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)
-   *
-   * @param value - Text to parse
-   * @param options - Options with markup patterns
-   * @returns Array of tokens (TextToken and MarkToken)
-   *
-   * @example
-   * ```typescript
-   * const tokens = Parser.parse('Hello @[world]', {
-   *   markup: ['@[__value__]']
-   * })
-   * ```
-   */
-  static parse(t, e) {
-    const n = e?.markup;
-    return !n || n.length === 0 ? [dt(t)] : new H(n).parse(t);
-  }
-  /**
-   * Converts tokens back to text (static convenience method)
-   *
-   * @param tokens - Array of tokens to convert
-   * @returns Reconstructed text string
-   *
-   * @example
-   * ```typescript
-   * const text = Parser.stringify(tokens)
-   * ```
-   */
-  static stringify(t) {
-    return I(t);
-  }
-  /**
-   * Parses text into a nested token tree
-   *
-   * This is the main parsing method. It processes the input text through
-   * three stages:
-   * 1. Segment matching - finds all markup segments (O(N + M))
-   * 2. Pattern matching - builds complete patterns from segments (O(M))
-   * 3. Tree building - constructs nested token tree (O(M·D))
-   *
-   * @param value - Text to parse
-   * @returns Array of tokens representing the parsed structure
-   *
-   * @example
-   * ```typescript
-   * const parser = new Parser(['@[__value__](__meta__)'])
-   * const tokens = parser.parse('Hello @[world](test)')
-   * // Returns: [
-   * //   TextToken('Hello '),
-   * //   MarkToken('@[world](test)', value='world', meta='test'),
-   * //   TextToken('')
-   * // ]
-   * ```
-   */
-  parse(t) {
-    const e = this.segmentMatcher.search(t), n = this.patternMatcher.process(e);
-    return this.treeBuilder.build(n, t);
-  }
-  /**
-   * Converts tokens back to the original text
-   *
-   * This is the inverse operation of parse(). It reconstructs the original
-   * text from a token tree, preserving all markup and structure.
-   *
-   * @param tokens - Array of tokens to convert
-   * @returns Reconstructed text string
-   *
-   * @example
-   * ```typescript
-   * const text = 'Hello @[world](test)'
-   * const tokens = parser.parse(text)
-   * const reconstructed = parser.stringify(tokens)
-   * console.log(reconstructed === text) // true
-   * ```
-   */
-  stringify(t) {
-    return I(t);
-  }
-  /**
-   * Transforms annotated text by processing all mark tokens with a callback
-   *
-   * This method parses the text, recursively processes all MarkTokens
-   * (including nested ones) with the provided callback, and returns
-   * the transformed text.
-   *
-   * @param value - Annotated text to process
-   * @param callback - Function to transform each MarkToken
-   * @returns Transformed text
-   *
-   * @example
-   * ```typescript
-   * // Extract all values
-   * const text = '@[Hello](world) and #[tag]'
-   * const result = parser.transform(text, mark => mark.value)
-   * // Returns: 'Hello and tag'
-   *
-   * // Custom transformation
-   * const result = parser.transform(text, mark =>
-   *   mark.meta ? `${mark.value}:${mark.meta}` : mark.value
-   * )
-   * // Returns: 'Hello:world and tag'
-   * ```
-   */
-  transform(t, e) {
-    const n = this.parse(t);
-    return J(n, e);
-  }
-  /**
-   * Escapes markup segments in the given text using backslash
-   *
-   * This method uses the registry's unique segments and escapes them by adding
-   * a backslash before each character of each segment, preventing them from being
-   * parsed as markup when the text is processed again.
-   *
-   * @param text - Text to escape segments in
-   * @returns Text with escaped segments
-   *
-   * @example
-   * ```typescript
-   * const parser = new Parser(['**__nested__**', '@[__value__]'])
-   * const escaped = parser.escape('Hello **world** and @[user]')
-   * // Returns: 'Hello \*\*world\*\* and \@[user]'
-   * ```
-   */
-  escape(t) {
-    return this.registry.segments.filter((e) => typeof e == "string").sort((e, n) => n.length - e.length).reduce((e, n) => e.replaceAll(n, n.replace(/(.)/g, "\\$1")), t);
-  }
-  /**
-   * Unescapes markup patterns in the given text
-   *
-   * This method removes escape characters from segments that were previously
-   * escaped using escape(), allowing the patterns to be parsed normally.
-   *
-   * @param text - Text to unescape patterns in
-   * @returns Text with unescaped patterns
-   *
-   * @example
-   * ```typescript
-   * const parser = new Parser(['**__nested__**', '@[__value__]'])
-   * const unescaped = parser.unescape('Hello \*\*world\*\* and \@[user]')
-   * // Returns: 'Hello **world** and @[user]'
-   * ```
-   */
-  unescape(t) {
-    return t.replaceAll(/\\(.)/g, "$1");
-  }
-}
-function He(s, t, e) {
-  if (!e.length) return s;
-  const n = new H(e).parse(s);
-  return J(n, t);
-}
-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 = z(r.children, t, e + 1, r);
-      if (o) return o;
-    }
-  }
-}
-function Ht(s = "", t = "") {
-  if (s === t) return {};
-  let e;
-  for (let r = 0; r < s.length; r++)
-    if (s[r] !== t[r]) {
-      e = r;
-      break;
-    }
-  let n;
-  for (let r = 1; r <= s.length; r++)
-    if (s.at(-r) !== t.at(-r)) {
-      n = s.length - r + 1;
-      break;
-    }
-  return { left: e, right: n };
-}
-function st(s, t) {
-  let e = -1, n = s.length;
-  for (; n - e > 1; ) {
-    const r = Math.round((e + n) / 2);
-    s[r] <= t ? e = r : n = r;
-  }
-  return s[e] == t && (n = e), [e, n].filter((r) => s[r] !== void 0);
-}
-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 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 = G(s, o - 1, o);
-      return r.toSpliced(o - 1, 2, ...i);
-    }
-    case n.left !== void 0: {
-      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] = st(e, n.right), i = G(s, o);
-      return i.length === 1 ? r : r.toSpliced(o, 1, ...i);
-    }
-    default:
-      return R(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 R(s, e);
-}
-function Gt(s) {
-  let t = 0;
-  return s.state.tokens.get().map((n) => {
-    const r = n.content.length;
-    return t += r, t - r;
-  }) ?? [];
-}
-function R(s, t) {
-  const e = s.state.parser.get();
-  return e ? e.parse(t) : [
-    {
-      type: "text",
-      content: t,
-      position: { start: 0, end: t.length }
-    }
-  ];
-}
-const Ut = (s, t) => s === t;
-class _ {
-  #e;
-  #t = /* @__PURE__ */ new Set();
-  #n;
-  constructor(t, e) {
-    this.#e = t, this.#n = e?.equals ?? Ut;
-  }
-  static event() {
-    return new _(void 0, { equals: !1 });
-  }
-  get value() {
-    return this.#e;
-  }
-  set value(t) {
-    (this.#n === !1 || !this.#n(this.#e, t)) && (this.#e = t, this.#t.forEach((e) => e(t)));
-  }
-  on(t) {
-    return this.#t.add(t), () => this.#t.delete(t);
-  }
-  emit(t) {
-    arguments.length > 0 && (this.#e = t), this.#t.forEach((e) => e(this.#e));
-  }
-  get() {
-    return this.#e;
-  }
-  set(t) {
-    this.value = 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 zt(s, t) {
-  const e = /* @__PURE__ */ new Map();
-  for (const n in s)
-    e.set(n, new _(s[n]));
-  return new Proxy(s, {
-    get(n, r) {
-      if (r === "set")
-        return (i) => {
-          for (const a in i)
-            e.get(a)?.set(i[a]);
-        };
-      const o = e.get(r);
-      if (o)
-        return jt(o, t);
-    }
-  });
-}
-function qt(s) {
-  const t = function(e) {
-    s.emit(e);
-  };
-  return t.on = (e) => s.on(e), t;
-}
-function Xt(s) {
-  const t = [], e = /* @__PURE__ */ new Map();
-  for (const n of t)
-    e.set(n, _.event());
-  return new Proxy({}, {
-    get(n, r) {
-      let o = e.get(r);
-      return o || (o = _.event(), e.set(r, o)), qt(o);
-    }
-  });
-}
-class Zt {
-  #e = 1;
-  #t = /* @__PURE__ */ new WeakMap();
-  get(t) {
-    return this.#t.has(t) ? this.#t.get(t) : (this.#t.set(t, this.#e), this.#e++);
-  }
-}
-class w {
-  static get isSelectedPosition() {
-    const t = window.getSelection();
-    if (t)
-      return t.isCollapsed;
-  }
-  static getCurrentPosition() {
-    return window.getSelection()?.anchorOffset ?? 0;
-  }
-  //TODO get span from state?
-  static getFocusedSpan() {
-    return window.getSelection()?.anchorNode?.textContent ?? "";
-  }
-  static getSelectedNode() {
-    const t = window.getSelection()?.anchorNode;
-    if (t) return t;
-    throw new Error("Anchor node of selection is not exists!");
-  }
-  //TODO add the returned type: "{left: CSSProperties["left"], top: CSSProperties["top"]}"?
-  static getAbsolutePosition() {
-    const t = window.getSelection()?.getRangeAt(0).getBoundingClientRect?.();
-    return t ? { left: t.left, top: t.top + t.height + 1 } : { left: 0, top: 0 };
-  }
-  static trySetIndex(t, e) {
-    try {
-      this.setIndex(t, e);
-    } catch (n) {
-      console.error(n);
-    }
-  }
-  static setIndex(t, e) {
-    const n = window.getSelection();
-    if (!n?.anchorNode || !n.rangeCount) return;
-    const r = n.getRangeAt(0);
-    r?.setStart(t.firstChild || t, e), r?.setEnd(t.firstChild || t, e);
-  }
-  static getCaretIndex(t) {
-    let e = 0;
-    const n = window.getSelection();
-    if (!n?.rangeCount) return e;
-    const r = n.getRangeAt(0), o = r.cloneRange();
-    return o.selectNodeContents(t), o.setEnd(r.endContainer, r.endOffset), e = o.toString().length, e;
-  }
-  static setCaretToEnd(t) {
-    if (!t) return;
-    window.getSelection()?.setPosition(t, 1);
-  }
-  static getIndex() {
-    return window.getSelection()?.anchorOffset ?? NaN;
-  }
-  static setIndex1(t) {
-    const e = window.getSelection();
-    if (!e?.anchorNode || !e.rangeCount) return;
-    const n = e.getRangeAt(0);
-    n?.setStart(n.startContainer.firstChild || n.startContainer, t), n?.setEnd(n.startContainer.firstChild || n.startContainer, t);
-  }
-  setCaretRightTo(t, e) {
-    const r = window.getSelection()?.getRangeAt(0);
-    r?.setStart(r.endContainer, e), r?.setEnd(r.endContainer, e);
-  }
-}
-const Jt = new RegExp(/^\w*/);
-class Q {
-  span;
-  node;
-  dividedText;
-  constructor() {
-    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.
-   * @template T - Type of option objects
-   * @param options - Array of options to search through
-   * @param getTrigger - Function that extracts trigger from each option
-   * @returns OverlayMatch with correct option type or undefined
-   *
-   * @example
-   * // React usage
-   * TriggerFinder.find(options, (opt) => opt.slotProps?.overlay?.trigger ?? '@')
-   *
-   * @example
-   * // Other framework usage
-   * TriggerFinder.find(vueOptions, (opt) => opt.overlay?.trigger ?? '@')
-   */
-  static 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) };
-  }
-  /**
-   * Find overlay match in provided options.
-   * @template T - Type of option objects
-   * @param options - Array of options
-   * @param getTrigger - Function to extract trigger from each option
-   */
-  find(t, e) {
-    for (let n = 0; n < t.length; n++) {
-      const r = t[n], o = e(r, n);
-      if (!o) continue;
-      const i = this.matchInTextVia(o);
-      if (i)
-        return {
-          value: i.word,
-          source: i.annotation,
-          index: i.index,
-          span: this.span,
-          node: this.node,
-          option: r
-        };
-    }
-  }
-  matchInTextVia(t = "@") {
-    const e = this.matchRightPart(), n = this.matchLeftPart(t);
-    if (n)
-      return {
-        word: n.word + e.word,
-        annotation: n.annotation + e.word,
-        index: n.index
-      };
-  }
-  matchRightPart() {
-    const { right: t } = this.dividedText;
-    return { word: t.match(Jt)?.[0] };
-  }
-  matchLeftPart(t) {
-    const e = this.makeTriggerRegex(t), { left: n } = this.dividedText, r = n.match(e);
-    if (!r) return;
-    const [o, i] = r;
-    return { word: i, annotation: o, index: r.index ?? 0 };
-  }
-  //TODO new overlayMatch option if (isSpaceBeforeRequired) append space check for not first words '\\s'
-  makeTriggerRegex(t) {
-    const e = A(t) + "(\\w*)$";
-    return new RegExp(e);
-  }
-}
-class B {
-  #e;
-  #t;
-  get target() {
-    return this.#e;
-  }
-  set target(t) {
-    this.#e = t;
-  }
-  get next() {
-    return new B(this.target?.nextSibling, this.#t);
-  }
-  get prev() {
-    return new B(this.target?.previousSibling, this.#t);
-  }
-  get isSpan() {
-    return this.index % 2 === 0;
-  }
-  get isMark() {
-    return !this.isSpan;
-  }
-  get isEditable() {
-    return this.target?.isContentEditable ?? !1;
-  }
-  get isCaretAtBeginning() {
-    return this.target ? w.getCaretIndex(this.target) === 0 : void 0;
-  }
-  get isCaretAtEnd() {
-    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 ? w.getCaretIndex(this.target) : -1;
-  }
-  set caret(t) {
-    this.target && w.trySetIndex(this.target, t);
-  }
-  get length() {
-    return this.target?.textContent?.length ?? -1;
-  }
-  get content() {
-    return this.target?.textContent ?? "";
-  }
-  set content(t) {
-    this.target && (this.target.textContent = t ?? "");
-  }
-  get head() {
-    return this.#t.refs.container?.firstChild;
-  }
-  get tail() {
-    return this.#t.refs.container?.lastChild;
-  }
-  get isFocused() {
-    return this.target === document.activeElement;
-  }
-  constructor(t, e) {
-    this.target = t, this.#t = e;
-  }
-  setCaretToEnd() {
-    w.setCaretToEnd(this.target);
-  }
-  focus() {
-    this.target?.focus();
-  }
-  clear() {
-    this.target = void 0;
-  }
-}
-function Qt(s, t, e, n) {
-  return s.slice(0, e) + t + s.slice(e + n.length);
-}
-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), 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: c + l,
-      position: {
-        start: i.position.start,
-        end: a.position.end
-      }
-    })
-  );
-  let d = r;
-  for (let u = 0; u < n; u++)
-    d = d.prev;
-  const g = d.length;
-  t.state.recovery.set({ anchor: d.prev, caret: g }), t.state.onChange.get()?.(I(t.state.tokens.get()));
-}
-class Kt {
-  constructor(t) {
-    this.store = t;
-  }
-  #e;
-  #t;
-  #n;
-  enable() {
-    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?.(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?.(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: c }
-      } = t, l = r.type === "mark" ? j(o.markup, {
-        value: r.value,
-        meta: r.meta
-      }) : j(o.markup, {
-        value: r.content
-      }), 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 + l.length, anchor: this.store.nodes.input }
-      ), this.store.nodes.input.target) {
-        this.store.nodes.input.content = d;
-        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.#e?.(), this.#t?.(), this.#n?.(), this.#e = void 0, this.#t = void 0, this.#n = void 0;
-  }
-}
-class Yt {
-  constructor(t) {
-    this.store = t;
-  }
-  #e;
-  #t;
-  #n;
-  enable() {
-    if (this.#e) return;
-    const t = this.store.refs.container;
-    t && (this.#e = (e) => {
-      this.store.nodes.focus.target = e.target;
-    }, 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.#e), t.addEventListener("focusout", this.#t), t.addEventListener("click", this.#n));
-  }
-  disable() {
-    const t = this.store.refs.container;
-    !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();
-    if (!t) return;
-    const { anchor: e, caret: n, isNext: r } = t, o = !e.target || !e.target.isConnected;
-    switch (!0) {
-      case (r && o): {
-        const i = this.store.refs.container, a = t.childIndex != null ? i?.children[t.childIndex + 2] : void 0;
-        a ? a.focus() : this.store.nodes.focus.tail.focus();
-        break;
-      }
-      case r:
-        e.prev.focus();
-        break;
-      case o:
-        this.store.nodes.focus.head.focus();
-        break;
-      default:
-        e.next.focus();
-    }
-    this.store.nodes.focus.caret = n, this.store.state.recovery.set(void 0);
-  }
-}
-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;
-  }
-  #e;
-  #t;
-  #n;
-  #s;
-  #r = null;
-  #o = !1;
-  enable() {
-    this.#e || (this.#e = (t) => {
-      this.#r = t.target, this.#o = !0;
-    }, 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 = () => {
-      this.#o = !1, this.#r = null, this.store.state.selecting.set(void 0);
-    }, this.#s = () => {
-      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.#e), document.addEventListener("mousemove", this.#t), document.addEventListener("mouseup", this.#n), document.addEventListener("selectionchange", this.#s));
-  }
-  disable() {
-    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 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;
-    if (!e || !n || !r) return;
-    e.setBaseAndExtent(n, 0, r, 1), s.state.selecting.set("all");
-  }
-}
-class re {
-  constructor(t) {
-    this.store = t;
-  }
-  #e;
-  #t;
-  #n;
-  enable() {
-    if (this.#e) return;
-    const t = this.store.refs.container;
-    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) => {
-      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.#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) {
-        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(), U("prev", this.store)), t.key === v.DELETE && e.isSpan && e.isCaretAtEnd && e.next.target && (t.preventDefault(), U("next", this.store));
-    }
-  }
-}
-function oe(s, t) {
-  const e = s.state.selecting.get();
-  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;
-  }
-  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 ae(s, t) {
-  const e = s.state.selecting.get();
-  if (e !== "all" || !ut(s)) {
-    e === "all" && s.state.selecting.set(void 0);
-    return;
-  }
-  t.preventDefault();
-  const n = t.clipboardData?.getData("text/plain") ?? "";
-  ht(s, n);
-}
-function ut(s) {
-  const t = window.getSelection(), e = s.refs.container;
-  if (!t?.rangeCount || !e?.firstChild || !e?.lastChild) return !1;
-  try {
-    const n = t.getRangeAt(0);
-    return e.contains(n.startContainer) && e.contains(n.endContainer) && n.toString().length > 0;
-  } catch {
-    return !1;
-  }
-}
-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) ?? [
-      {
-        type: "text",
-        content: t,
-        position: { start: 0, end: t.length }
-      }
-    ]
-  ), queueMicrotask(() => {
-    const e = s.refs.container?.firstChild;
-    e && (s.state.recovery.set({
-      anchor: s.nodes.focus,
-      caret: t.length
-    }), e.focus());
-  });
-}
-class ce {
-  #e = [];
-  #t = !1;
-  register(t) {
-    return this.#e.push(t), this;
-  }
-  enableAll() {
-    this.#t || (this.#t = !0, this.#e.forEach((t) => t.enable()));
-  }
-  disableAll() {
-    this.#t && (this.#t = !1, this.#e.forEach((t) => t.disable()));
-  }
-}
-const V = (s, t) => ({
-  name: s,
-  enable: () => t.enable(),
-  disable: () => t.disable()
-}), 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;
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/core/MarkupDescriptor.ts
+function T(e, t) {
+	let { segments: n, gapTypes: r, counts: i, valueGapIndices: a } = E(e);
+	D(i, e);
+	let o = i.value === 2, { segments: s, gapTypes: c } = o ? k(n, r, a) : {
+		segments: n,
+		gapTypes: r
+	};
+	return {
+		markup: e,
+		index: t,
+		segments: s,
+		gapTypes: c,
+		hasNested: i.nested === 1,
+		hasTwoValues: o,
+		segmentGlobalIndices: Array.from({ length: s.length })
+	};
+}
+function E(e) {
+	let t = [], n = [], r = [], i = {
+		value: 0,
+		meta: 0,
+		nested: 0
+	}, a = [], o = [
+		w.Value,
+		w.Meta,
+		w.Nested
+	];
+	for (let t of o) {
+		let n = O[t], r = e.indexOf(n);
+		for (; r !== -1;) a.push({
+			type: t,
+			position: r
+		}), r = e.indexOf(n, r + n.length);
+	}
+	a.sort((e, t) => e.position - t.position);
+	let s = 0;
+	for (let o of a) {
+		let a = e.substring(s, o.position);
+		a.length > 0 && t.push(a), n.push(o.type), i[o.type]++, o.type === w.Value && r.push(n.length - 1), s = o.position + O[o.type].length;
+	}
+	let c = e.substring(s);
+	return c.length > 0 && t.push(c), {
+		segments: t,
+		gapTypes: n,
+		counts: i,
+		valueGapIndices: r
+	};
+}
+function D(e, t) {
+	let n = [
+		{
+			count: e.value,
+			max: 2,
+			name: C.Value
+		},
+		{
+			count: e.meta,
+			max: 1,
+			name: C.Meta
+		},
+		{
+			count: e.nested,
+			max: 1,
+			name: C.Nested
+		}
+	];
+	for (let { count: e, max: r, name: i } of n) if (e > r) throw Error(`Invalid markup: "${t}". Max ${r} "${i}" placeholders, got ${e}`);
+	if (e.value === 0 && e.nested === 0) throw Error(`Invalid markup: "${t}". Need at least one "${C.Value}" or "${C.Nested}"`);
+}
+var O = {
+	[w.Value]: C.Value,
+	[w.Meta]: C.Meta,
+	[w.Nested]: C.Nested
+};
+function k(e, t, n) {
+	if (n.length !== 2) return {
+		segments: e,
+		gapTypes: t
+	};
+	let [r, i] = n, a = [], o = e[r], s = e[r + 1];
+	o && s && a.push(A(o, s, e[r + 2]));
+	for (let t = r + 2; t < i; t++) a.push(e[t]);
+	let c = e[i], l = e[i + 1];
+	return c && l && a.push(A(c, l, e[i + 2])), {
+		segments: a,
+		gapTypes: t.filter((e) => e !== w.Value)
+	};
+}
+function A(e, t, n) {
+	if (!n) return [
+		e,
+		t,
+		""
+	];
+	let r = n.charAt(0);
+	return [
+		e,
+		t,
+		r && !t.includes(r) && !n.startsWith(e) ? r : ""
+	];
+}
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/core/MarkupRegistry.ts
+var j = class {
+	markups;
+	descriptors;
+	segments = [];
+	firstSegmentIndexMap = /* @__PURE__ */ new Map();
+	constructor(e) {
+		this.markups = e;
+		let t = /* @__PURE__ */ new Map();
+		this.descriptors = e.map((e, n) => {
+			if (e === void 0) return null;
+			let r = T(e, n);
+			return r.segments.forEach((e, n) => {
+				this.processSegment(r, e, n, t);
+			}), this.addToFirstSegmentIndexMap(r), r;
+		}).filter((e) => e !== null);
+	}
+	addToFirstSegmentIndexMap(e) {
+		let t = e.segmentGlobalIndices[0];
+		if (t === void 0) return;
+		let n = this.firstSegmentIndexMap.get(t);
+		n ? n.push(e) : this.firstSegmentIndexMap.set(t, [e]);
+	}
+	processSegment(e, t, n, r) {
+		let i = this.getSegmentKey(t);
+		if (!i) return;
+		this.registerSegment(t, i, r);
+		let a = r.get(i);
+		if (e.segmentGlobalIndices[n] = a, typeof t != "string") {
+			let [e, n] = t;
+			e && this.registerSegment(e, e, r), n && this.registerSegment(n, n, r);
+		}
+	}
+	registerSegment(e, t, n) {
+		if (!n.has(t)) {
+			let r = this.segments.length;
+			this.segments.push(e), n.set(t, r);
+		}
+	}
+	getSegmentKey(e) {
+		if (typeof e == "string") return e;
+		let [t, n, r] = e;
+		return t || n ? `${t}|${n}|${r}` : "";
+	}
+};
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/utils/getSegmentIndex.ts
+function M(e, t) {
+	if (!t) return e;
+	let n = 5381;
+	for (let e = 0; e < t.length; e++) n = n * 33 ^ t.charCodeAt(e);
+	return n >>>= 0, e * 1e6 + (n & 1048575);
+}
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/core/Match.ts
+var ee = class {
+	gaps = {};
+	captured;
+	expectedSegmentIndex;
+	start;
+	end;
+	constructor(e, t) {
+		if (this.descriptor = e, this.expectedSegmentIndex = 1, this.start = t.start, this.end = t.end, e.segments.length === 1 && (this.expectedSegmentIndex = NaN, this.gaps.value = {
+			start: this.start,
+			end: this.end
+		}), e.hasTwoValues && t.captured) {
+			this.captured = t.captured;
+			let e = t.start + t.value.indexOf(t.captured), n = e + t.captured.length;
+			this.gaps.value = {
+				start: e,
+				end: n
+			};
+		}
+	}
+	get isInvalid() {
+		return this.expectedSegmentIndex === -1;
+	}
+	get isCompleted() {
+		return isNaN(this.expectedSegmentIndex);
+	}
+	get isAwaitingLastSegment() {
+		return this.expectedSegmentIndex === this.descriptor.segments.length - 1;
+	}
+	get nextSegment() {
+		if (this.isCompleted || this.isInvalid) return;
+		let e = this.descriptor.segmentGlobalIndices[this.expectedSegmentIndex], t = this.descriptor.segments[this.expectedSegmentIndex];
+		if (typeof t == "object" && this.descriptor.hasTwoValues && this.captured && this.isAwaitingLastSegment) {
+			let [n, r] = t;
+			return M(e, n + this.captured + r);
+		}
+		return e;
+	}
+	processNext(e) {
+		let t = this.end, n = e.start, r = this.descriptor.gapTypes[this.expectedSegmentIndex - 1];
+		if (n < t) {
+			this.expectedSegmentIndex = -1;
+			return;
+		}
+		this.gaps[r] = {
+			start: t,
+			end: n
+		}, this.end = e.end, this.expectedSegmentIndex++, this.expectedSegmentIndex >= this.descriptor.segments.length && (this.expectedSegmentIndex = NaN);
+	}
+	conflictsWith(e) {
+		return !e || this.start >= e.end ? !1 : !e.descriptor.hasNested || e.gaps.nested === void 0 ? !0 : !(this.start >= e.gaps.nested.start && this.end <= e.gaps.nested.end);
+	}
+}, te = class {
+	pendingStates = /* @__PURE__ */ new Map();
+	completingStates = /* @__PURE__ */ new Map();
+	completedStates = [];
+	constructor(e) {
+		this.registry = e;
+	}
+	process(e) {
+		this.pendingStates.clear(), this.completingStates.clear(), this.completedStates.length = 0;
+		for (let t of e) this.processWaitingStates(t), this.tryStartNewStates(t);
+		return this.completedStates.map((e) => e.match);
+	}
+	processWaitingStates(e) {
+		let t = this.dequeueWaitingMatch(e);
+		if (t && (t.processNext(e), !t.isInvalid)) {
+			if (t.isCompleted) return this.addToCompleted(t);
+			this.addToWaiting(t);
+		}
+	}
+	tryStartNewStates(e) {
+		this.registry.firstSegmentIndexMap.get(e.index)?.forEach((t) => {
+			let n = new ee(t, e);
+			if (!n.isInvalid) {
+				if (n.isCompleted) return this.addToCompleted(n);
+				this.addToWaiting(n);
+			}
+		});
+	}
+	dequeueWaitingMatch(e) {
+		let t = e.captured ? M(e.index, e.value) : e.index, n = this.completingStates.get(t);
+		if (n?.length) return n.pop();
+		let r = this.pendingStates.get(t);
+		if (r?.length) return r.pop();
+	}
+	addToWaiting(e) {
+		let t = e.nextSegment;
+		if (e.isAwaitingLastSegment) {
+			let n = this.completingStates.get(t) || [];
+			n.length === 0 && this.completingStates.set(t, n), n.push(e);
+		} else {
+			let n = this.pendingStates.get(t) || [];
+			n.length === 0 && this.pendingStates.set(t, n), n.push(e);
+		}
+	}
+	addToCompleted(e) {
+		let t = e.start, n = 0, r = this.completedStates.length;
+		for (; n < r;) {
+			let e = Math.floor((n + r) / 2);
+			this.completedStates[e].position < t ? n = e + 1 : r = e;
+		}
+		n < this.completedStates.length && this.completedStates[n].position === t ? this.completedStates[n].match = e : this.completedStates.splice(n, 0, {
+			position: t,
+			match: e
+		});
+	}
+}, N = (e) => e.replace(/[.*+?^${}()|[\]\\\\]/g, "\\$&");
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/core/SegmentMatcher.ts
+function ne(e, t, n) {
+	let r = N(e), i = N(t);
+	return `${r}([^${N(t + n)}]+?)${i}`;
+}
+var re = class {
+	staticRegex;
+	staticToIndex;
+	dynamicRegex;
+	dynamicEntries;
+	dynamicIndices;
+	constructor(e) {
+		this.initializeDual(e);
+	}
+	initializeDual(e) {
+		let t = [], n = [], r = /* @__PURE__ */ new Map();
+		if (e.forEach((e, i) => {
+			typeof e == "string" ? (t.push(e), r.set(e, i)) : n.push(e);
+		}), t.length > 0) {
+			let e = [...t].sort((e, t) => t.length - e.length).map(N);
+			this.staticRegex = RegExp(`(?:${e.join("|")})`, "gu"), this.staticToIndex = r;
+		}
+		if (n.length > 0) {
+			let t = /* @__PURE__ */ new Set(), r = [];
+			n.forEach((n) => {
+				let i = e.indexOf(n);
+				if (typeof n == "string") r.push({
+					index: i,
+					pattern: N(n),
+					definition: n
+				});
+				else {
+					let [e, a, o] = n;
+					t.add(i);
+					let s = ne(e, a, o).replace("(", `(?<content${i}>`);
+					r.push({
+						index: i,
+						pattern: s,
+						definition: n
+					});
+				}
+			}), r.sort((e, t) => {
+				let n = typeof e.definition == "string" ? e.definition.length : e.pattern.length;
+				return (typeof t.definition == "string" ? t.definition.length : t.pattern.length) - n;
+			}), this.dynamicEntries = r, this.dynamicIndices = t, this.dynamicRegex = new RegExp(r.map((e, t) => `(?<seg${t}>${e.pattern})`).join("|"), "gu");
+		}
+	}
+	search(e) {
+		let t = [], n = [];
+		if (this.staticRegex && this.staticToIndex) for (let n of e.matchAll(this.staticRegex)) {
+			let e = this.staticToIndex.get(n[0]);
+			e !== void 0 && t.push({
+				index: e,
+				start: n.index,
+				end: n.index + n[0].length,
+				value: n[0]
+			});
+		}
+		if (this.dynamicRegex && this.dynamicEntries && this.dynamicIndices) for (let t of e.matchAll(this.dynamicRegex)) {
+			let e = t[0], r = t.index, i, a;
+			if (t.groups) {
+				for (let e = 0; e < this.dynamicEntries.length; e++) if (t.groups[`seg${e}`] !== void 0) {
+					i = this.dynamicEntries[e].index, this.dynamicIndices.has(i) && (a = t.groups[`content${i}`]);
+					break;
+				}
+			}
+			i !== void 0 && n.push({
+				index: i,
+				start: r,
+				end: r + e.length,
+				value: e,
+				captured: a
+			});
+		}
+		let r = [...n];
+		for (let e of t) n.some((t) => e.start < t.end && e.end > t.start) || r.push(e);
+		return r.sort((e, t) => e.start - t.start), r;
+	}
+}, ie = (e, t = 0, n = e.length) => ({
+	type: "text",
+	content: e.substring(t, n),
+	position: {
+		start: t,
+		end: n
+	}
+}), ae = class {
+	input;
+	build(e, t) {
+		return this.input = t, e.length === 0 ? [this.createTextToken(0, t.length)] : this.buildSinglePass(e);
+	}
+	buildSinglePass(e) {
+		let t = [], n = [], r = null, i = 0;
+		for (let a of e) {
+			if (r && a.conflictsWith(r)) continue;
+			for (r = a; n.length > 0;) {
+				let e = n[n.length - 1], r = this.getContentBounds(e.match);
+				if (r.end <= a.start) this.finalizeParent(e, r.end), n.pop(), n.length > 0 ? n[n.length - 1].token.children.push(e.token) : t.push(e.token);
+				else break;
+			}
+			let e = n.length > 0 ? n[n.length - 1] : null;
+			if (e) {
+				let t = this.createTextToken(e.textPos, a.start);
+				e.token.children.push(t), e.textPos = a.end;
+			} else {
+				let e = this.createTextToken(i, a.start);
+				t.push(e), i = a.end;
+			}
+			let o = this.createMarkToken(a);
+			if (this.hasNestedContent(a)) {
+				let e = this.getContentBounds(a);
+				n.push({
+					match: a,
+					token: o,
+					textPos: e.start
+				});
+			} else e ? e.token.children.push(o) : t.push(o);
+		}
+		for (; n.length > 0;) {
+			let e = n.pop(), r = this.getContentBounds(e.match);
+			this.finalizeParent(e, r.end), n.length > 0 ? n[n.length - 1].token.children.push(e.token) : t.push(e.token);
+		}
+		return t.push(this.createTextToken(i, this.input.length)), t;
+	}
+	finalizeParent(e, t) {
+		let n = this.createTextToken(e.textPos, t);
+		e.token.children.push(n), e.token.children.some((e) => e.type === "mark") || (e.token.children = []);
+	}
+	createMarkToken(e) {
+		let t = this.extractSubstring(e.gaps.value?.start, e.gaps.value?.end), n = this.extractSubstring(e.gaps.nested?.start, e.gaps.nested?.end), r = this.extractSubstring(e.gaps.meta?.start, e.gaps.meta?.end), i = n || void 0, a = e.gaps.meta === void 0 ? void 0 : r, o = t || i || "";
+		return {
+			type: "mark",
+			content: this.input.substring(e.start, e.end),
+			children: [],
+			descriptor: e.descriptor,
+			value: o,
+			meta: a,
+			position: {
+				start: e.start,
+				end: e.end
+			},
+			nested: this.createNestedInfo(e, i)
+		};
+	}
+	getContentBounds(e) {
+		return e.gaps.nested ? e.gaps.nested : e.gaps.value ? e.gaps.value : {
+			start: e.start,
+			end: e.start
+		};
+	}
+	hasNestedContent(e) {
+		return e.gaps.nested !== void 0;
+	}
+	extractSubstring(e, t) {
+		return e !== void 0 && t !== void 0 ? this.input.substring(e, t) : "";
+	}
+	createTextToken(e, t) {
+		return ie(this.input, e, t);
+	}
+	createNestedInfo(e, t) {
+		if (!(!t || e.gaps.nested === void 0)) return {
+			content: t,
+			start: e.gaps.nested.start,
+			end: e.gaps.nested.end
+		};
+	}
+};
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/utils/processTokens.ts
+function oe(e, t) {
+	let n = "";
+	for (let r of e) if (r.type === "text") n += r.content;
+	else if (r.children.length > 0) {
+		let e = oe(r.children, t), i = {
+			...r,
+			value: e
+		};
+		n += t(i);
+	} else n += t(r);
+	return n;
+}
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/utils/annotate.ts
+function P(e, t) {
+	let n = e;
+	return t.value !== void 0 && (n = n.replaceAll(C.Value, t.value)), t.meta !== void 0 && (n = n.replaceAll(C.Meta, t.meta)), t.nested !== void 0 && (n = n.replaceAll(C.Nested, t.nested)), n;
+}
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/utils/toString.ts
+function F(e) {
+	let t = "";
+	for (let n of e) {
+		if (n.type === "text") {
+			t += n.content;
+			continue;
+		}
+		let e = n.descriptor.markup, r = e.includes(C.Nested) ? n.children.length > 0 ? F(n.children) : n.nested?.content : void 0;
+		t += P(e, {
+			value: n.value,
+			meta: n.meta,
+			nested: r
+		});
+	}
+	return t;
+}
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/Parser.ts
+var se = class e {
+	registry;
+	segmentMatcher;
+	patternMatcher;
+	treeBuilder;
+	constructor(e) {
+		this.registry = new j(e), this.segmentMatcher = new re(this.registry.segments), this.patternMatcher = new te(this.registry), this.treeBuilder = new ae();
+	}
+	static parse(t, n) {
+		let r = n?.markup;
+		return !r || r.length === 0 ? [ie(t)] : new e(r).parse(t);
+	}
+	static stringify(e) {
+		return F(e);
+	}
+	parse(e) {
+		let t = this.segmentMatcher.search(e), n = this.patternMatcher.process(t);
+		return this.treeBuilder.build(n, e);
+	}
+	stringify(e) {
+		return F(e);
+	}
+	transform(e, t) {
+		return oe(this.parse(e), t);
+	}
+	escape(e) {
+		return this.registry.segments.filter((e) => typeof e == "string").sort((e, t) => t.length - e.length).reduce((e, t) => e.replaceAll(t, t.replace(/(.)/g, "\\$1")), e);
+	}
+	unescape(e) {
+		return e.replaceAll(/\\(.)/g, "$1");
+	}
+};
+//#endregion
+//#region ../../common/core/src/features/parsing/ParserV2/utils/denote.ts
+function ce(e, t, n) {
+	return n.length ? oe(new se(n).parse(e), t) : e;
+}
+//#endregion
+//#region ../../common/core/src/features/parsing/utils/findToken.ts
+function I(e, t, n = 0, r) {
+	for (let i of e) {
+		if (i === t) return {
+			depth: n,
+			parent: r
+		};
+		if (i.type === "mark") {
+			let e = I(i.children, t, n + 1, i);
+			if (e) return e;
+		}
+	}
+}
+//#endregion
+//#region ../../common/core/src/features/preparsing/utils/findGap.ts
+function le(e = "", t = "") {
+	if (e === t) return {};
+	let n;
+	for (let r = 0; r < e.length; r++) if (e[r] !== t[r]) {
+		n = r;
+		break;
+	}
+	let r;
+	for (let n = 1; n <= e.length; n++) if (e.at(-n) !== t.at(-n)) {
+		r = e.length - n + 1;
+		break;
+	}
+	return {
+		left: n,
+		right: r
+	};
+}
+//#endregion
+//#region ../../common/core/src/features/preparsing/utils/getClosestIndexes.ts
+function ue(e, t) {
+	let n = -1, r = e.length;
+	for (; r - n > 1;) {
+		let i = Math.round((n + r) / 2);
+		e[i] <= t ? n = i : r = i;
+	}
+	return e[n] == t && (r = n), [n, r].filter((t) => e[t] !== void 0);
+}
+//#endregion
+//#region ../../common/core/src/features/parsing/utils/valueParser.ts
+function de(e) {
+	let { focus: t } = e.nodes, n = e.state.parser.get(), r = e.state.tokens.get();
+	if (!n) return r;
+	let i = n.parse(t.content);
+	return i.length === 1 ? r : r.toSpliced(t.index, 1, ...i);
+}
+function fe(e) {
+	let t = e.state.value.get(), n = pe(e), r = le(e.state.previousValue.get(), t);
+	if (!r.left && !r.right) return e.state.previousValue.set(t), e.state.tokens.get();
+	e.state.previousValue.set(t);
+	let i = e.state.tokens.get();
+	switch (!0) {
+		case r.left !== void 0 && n.includes(r.left) && r.right !== void 0 && Math.abs(r.left - r.right) > 1: {
+			let t = n.indexOf(r.left), a = L(e, t - 1, t);
+			return i.toSpliced(t - 1, 2, ...a);
+		}
+		case r.left !== void 0: {
+			let [t] = ue(n, r.left), a = L(e, t);
+			return a.length === 1 ? i : i.toSpliced(t, 1, ...a);
+		}
+		case r.right !== void 0: {
+			let [t] = ue(n, r.right), a = L(e, t);
+			return a.length === 1 ? i : i.toSpliced(t, 1, ...a);
+		}
+		default: return R(e, t ?? "");
+	}
+}
+function L(e, ...t) {
+	let n = "", r = e.state.tokens.get();
+	for (let e of t) {
+		let t = r[e];
+		n += t.content;
+	}
+	return R(e, n);
+}
+function pe(e) {
+	let t = 0;
+	return e.state.tokens.get().map((e) => {
+		let n = e.content.length;
+		return t += n, t - n;
+	}) ?? [];
+}
+function R(e, t) {
+	let n = e.state.parser.get();
+	return n ? n.parse(t) : [{
+		type: "text",
+		content: t,
+		position: {
+			start: 0,
+			end: t.length
+		}
+	}];
+}
+//#endregion
+//#region ../../common/core/src/shared/classes/Reactive.ts
+var me = (e, t) => e === t, z = class e {
+	#e;
+	#t = /* @__PURE__ */ new Set();
+	#n;
+	constructor(e, t) {
+		this.#e = e, this.#n = t?.equals ?? me;
+	}
+	static event() {
+		return new e(void 0, { equals: !1 });
+	}
+	get value() {
+		return this.#e;
+	}
+	set value(e) {
+		(this.#n === !1 || !this.#n(this.#e, e)) && (this.#e = e, this.#t.forEach((t) => t(e)));
+	}
+	on(e) {
+		return this.#t.add(e), () => this.#t.delete(e);
+	}
+	emit(e) {
+		arguments.length > 0 && (this.#e = e), this.#t.forEach((e) => e(this.#e));
+	}
+	get() {
+		return this.#e;
+	}
+	set(e) {
+		this.value = e;
+	}
+};
+//#endregion
+//#region ../../common/core/src/shared/classes/defineState.ts
+function he(e, t) {
+	let n = {};
+	return n.get = () => e.get(), n.set = (t) => e.set(t), n.on = (t) => e.on(t), n.use = t(n), n;
+}
+function ge(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t in e) n.set(t, new z(e[t]));
+	return new Proxy(e, { get(e, r) {
+		if (r === "set") return (e) => {
+			for (let t in e) n.get(t)?.set(e[t]);
+		};
+		let i = n.get(r);
+		if (i) return he(i, t);
+	} });
+}
+//#endregion
+//#region ../../common/core/src/shared/classes/defineEvents.ts
+function _e(e) {
+	let t = function(t) {
+		e.emit(t);
+	};
+	return t.on = (t) => e.on(t), t;
+}
+function ve(e) {
+	let t = e ? Object.keys(e) : [], n = /* @__PURE__ */ new Map();
+	for (let e of t) n.set(e, z.event());
+	return new Proxy({}, { get(e, t) {
+		let r = n.get(t);
+		return r || (r = z.event(), n.set(t, r)), _e(r);
+	} });
+}
+//#endregion
+//#region ../../common/core/src/shared/classes/KeyGenerator.ts
+var ye = class {
+	#e = 1;
+	#t = /* @__PURE__ */ new WeakMap();
+	get(e) {
+		return this.#t.has(e) ? this.#t.get(e) : (this.#t.set(e, this.#e), this.#e++);
+	}
+}, B = class {
+	static get isSelectedPosition() {
+		let e = window.getSelection();
+		if (e) return e.isCollapsed;
+	}
+	static getCurrentPosition() {
+		return window.getSelection()?.anchorOffset ?? 0;
+	}
+	static getFocusedSpan() {
+		return window.getSelection()?.anchorNode?.textContent ?? "";
+	}
+	static getSelectedNode() {
+		let e = window.getSelection()?.anchorNode;
+		if (e) return e;
+		throw Error("Anchor node of selection is not exists!");
+	}
+	static getAbsolutePosition() {
+		let e = window.getSelection()?.getRangeAt(0).getBoundingClientRect?.();
+		return e ? {
+			left: e.left,
+			top: e.top + e.height + 1
+		} : {
+			left: 0,
+			top: 0
+		};
+	}
+	static getCaretRect() {
+		try {
+			return (window.getSelection()?.getRangeAt(0))?.getBoundingClientRect() ?? null;
+		} catch {
+			return null;
+		}
+	}
+	static isCaretOnFirstLine(e) {
+		let t = this.getCaretRect();
+		if (!t || t.height === 0) return !0;
+		let n = e.getBoundingClientRect();
+		return t.top < n.top + t.height + 2;
+	}
+	static isCaretOnLastLine(e) {
+		let t = this.getCaretRect();
+		if (!t || t.height === 0) return !0;
+		let n = e.getBoundingClientRect();
+		return t.bottom > n.bottom - t.height - 2;
+	}
+	static setAtX(e, t, n) {
+		let r = e.getBoundingClientRect(), i = n ?? r.top + r.height / 2, a = document.caretRangeFromPoint?.(t, i) ?? document.caretPositionFromPoint?.(t, i);
+		if (!a) return;
+		let o = window.getSelection();
+		if (!o) return;
+		let s;
+		if (a instanceof Range) s = a;
+		else if (a && typeof a == "object" && "offsetNode" in a) s = document.createRange(), s.setStart(a.offsetNode, a.offset), s.collapse(!0);
+		else return;
+		if (!e.contains(s.startContainer)) {
+			this.setIndex(e, Infinity);
+			return;
+		}
+		o.removeAllRanges(), o.addRange(s);
+	}
+	static trySetIndex(e, t) {
+		try {
+			this.setIndex(e, t);
+		} catch (e) {
+			console.error(e);
+		}
+	}
+	static setIndex(e, t) {
+		let n = window.getSelection();
+		if (!n) return;
+		let r = document.createTreeWalker(e, 4), i = r.nextNode();
+		if (!i) return;
+		let a = isFinite(t) ? Math.max(0, t) : Infinity;
+		for (; i;) {
+			let e = r.nextNode();
+			if (!e || a <= i.length) {
+				let e = isFinite(a) ? Math.min(a, i.length) : i.length, t = document.createRange();
+				t.setStart(i, e), t.collapse(!0), n.removeAllRanges(), n.addRange(t);
+				return;
+			}
+			a -= i.length, i = e;
+		}
+	}
+	static getCaretIndex(e) {
+		let t = 0, n = window.getSelection();
+		if (!n?.rangeCount) return t;
+		let r = n.getRangeAt(0), i = r.cloneRange();
+		return i.selectNodeContents(e), i.setEnd(r.endContainer, r.endOffset), t = i.toString().length, t;
+	}
+	static setCaretToEnd(e) {
+		e && this.setIndex(e, Infinity);
+	}
+	static getIndex() {
+		return window.getSelection()?.anchorOffset ?? NaN;
+	}
+	static setIndex1(e) {
+		let t = window.getSelection();
+		if (!t?.anchorNode || !t.rangeCount) return;
+		let n = t.getRangeAt(0);
+		n?.setStart(n.startContainer.firstChild || n.startContainer, e), n?.setEnd(n.startContainer.firstChild || n.startContainer, e);
+	}
+	setCaretRightTo(e, t) {
+		let n = window.getSelection()?.getRangeAt(0);
+		n?.setStart(n.endContainer, t), n?.setEnd(n.endContainer, t);
+	}
+}, be = /* @__PURE__ */ new RegExp(/^\w*/), xe = class e {
+	span;
+	node;
+	dividedText;
+	constructor() {
+		let e = B.getCurrentPosition();
+		this.node = B.getSelectedNode(), this.span = B.getFocusedSpan(), this.dividedText = this.getDividedTextBy(e);
+	}
+	static find(t, n) {
+		if (t && B.isSelectedPosition) return new e().find(t, n);
+	}
+	getDividedTextBy(e) {
+		return {
+			left: this.span.slice(0, e),
+			right: this.span.slice(e)
+		};
+	}
+	find(e, t) {
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n], i = t(r, n);
+			if (!i) continue;
+			let a = this.matchInTextVia(i);
+			if (a) return {
+				value: a.word,
+				source: a.annotation,
+				index: a.index,
+				span: this.span,
+				node: this.node,
+				option: r
+			};
+		}
+	}
+	matchInTextVia(e = "@") {
+		let t = this.matchRightPart(), n = this.matchLeftPart(e);
+		if (n) return {
+			word: n.word + t.word,
+			annotation: n.annotation + t.word,
+			index: n.index
+		};
+	}
+	matchRightPart() {
+		let { right: e } = this.dividedText;
+		return { word: e.match(be)?.[0] };
+	}
+	matchLeftPart(e) {
+		let t = this.makeTriggerRegex(e), { left: n } = this.dividedText, r = n.match(t);
+		if (!r) return;
+		let [i, a] = r;
+		return {
+			word: a,
+			annotation: i,
+			index: r.index ?? 0
+		};
+	}
+	makeTriggerRegex(e) {
+		let t = N(e) + "(\\w*)$";
+		return new RegExp(t);
+	}
+}, Se = class e {
+	#e;
+	#t;
+	get target() {
+		return this.#e;
+	}
+	set target(e) {
+		this.#e = e;
+	}
+	get next() {
+		return new e(this.target?.nextSibling, this.#t);
+	}
+	get prev() {
+		return new e(this.target?.previousSibling, this.#t);
+	}
+	get isSpan() {
+		return this.index % 2 == 0;
+	}
+	get isMark() {
+		return !this.isSpan;
+	}
+	get isEditable() {
+		return this.target?.isContentEditable ?? !1;
+	}
+	get isCaretAtBeginning() {
+		if (this.target) return B.getCaretIndex(this.target) === 0;
+	}
+	get isCaretAtEnd() {
+		if (this.target) return B.getCaretIndex(this.target) === this.target.textContent?.length;
+	}
+	get index() {
+		return this.target?.parentElement ? [...this.target.parentElement.children].indexOf(this.target) : -1;
+	}
+	get caret() {
+		return this.target ? B.getCaretIndex(this.target) : -1;
+	}
+	set caret(e) {
+		this.target && B.trySetIndex(this.target, e);
+	}
+	get length() {
+		return this.target?.textContent?.length ?? -1;
+	}
+	get content() {
+		return this.target?.textContent ?? "";
+	}
+	set content(e) {
+		this.target && (this.target.textContent = e ?? "");
+	}
+	get head() {
+		return this.#t.refs.container?.firstChild;
+	}
+	get tail() {
+		return this.#t.refs.container?.lastChild;
+	}
+	get isFocused() {
+		return this.target === document.activeElement;
+	}
+	constructor(e, t) {
+		this.target = e, this.#t = t;
+	}
+	setCaretToEnd() {
+		B.setCaretToEnd(this.target);
+	}
+	focus() {
+		this.target?.focus();
+	}
+	clear() {
+		this.target = void 0;
+	}
+};
+//#endregion
+//#region ../../common/core/src/features/text-manipulation/utils/createNewSpan.ts
+function Ce(e, t, n, r) {
+	return e.slice(0, n) + t + e.slice(n + r.length);
+}
+//#endregion
+//#region ../../common/core/src/features/text-manipulation/utils/deleteMark.ts
+function V(e, t) {
+	let n = {
+		prev: 2,
+		self: 1,
+		next: 0
+	}[e], { focus: r } = t.nodes, i = t.state.tokens.get(), [a, , o] = i.splice(r.index - n, 3), s = (a.type, a.content), c = (o.type, o.content);
+	t.state.tokens.set(i.toSpliced(r.index - n, 0, {
+		type: "text",
+		content: s + c,
+		position: {
+			start: a.position.start,
+			end: o.position.end
+		}
+	}));
+	let l = r;
+	for (let e = 0; e < n; e++) l = l.prev;
+	let u = l.length;
+	t.state.recovery.set({
+		anchor: l.prev,
+		caret: u
+	}), t.state.onChange.get()?.(F(t.state.tokens.get()));
+}
+//#endregion
+//#region ../../common/core/src/features/editable/ContentEditableController.ts
+var we = class {
+	#e;
+	constructor(e) {
+		this.store = e;
+	}
+	enable() {
+		this.#e || (this.#e = this.store.state.readOnly.on(() => this.sync()), this.sync());
+	}
+	disable() {
+		this.#e?.(), this.#e = void 0;
+	}
+	sync() {
+		let e = this.store.refs.container;
+		if (!e) return;
+		let t = this.store.state.readOnly.get() ? "false" : "true", n = e.children, r = this.store.state.drag.get() ? 1 : 2;
+		for (let e = 0; e < n.length; e += r) n[e].contentEditable = t;
+	}
+}, Te = class {
+	#e;
+	#t;
+	#n;
+	constructor(e) {
+		this.store = e;
+	}
+	enable() {
+		this.#e || (this.#e = this.store.events.change.on(() => {
+			let e = this.store.state.onChange.get();
+			if (!this.store.nodes.focus.target) return;
+			let t = this.store.state.tokens.get(), n = t[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), e?.(F(t)), this.store.events.parse();
+		}), this.#t = this.store.events.delete.on((e) => {
+			if (!e) return;
+			let { token: t } = e, n = this.store.state.onChange.get(), r = this.store.state.tokens.get(), i = r.indexOf(t);
+			this.store.state.tokens.set(r.toSpliced(i, 1)), n?.(F(this.store.state.tokens.get()));
+		}), this.#n = this.store.events.select.on((e) => {
+			if (!e) return;
+			let t = this.store.state.Mark.get(), n = this.store.state.onChange.get(), { mark: r, match: { option: i, span: a, index: o, source: s } } = e, c = r.type === "mark" ? P(i.markup, {
+				value: r.value,
+				meta: r.meta
+			}) : P(i.markup, { value: r.content }), l = Ce(a, c, o, s);
+			if (this.store.state.recovery.set(t ? {
+				caret: 0,
+				anchor: this.store.nodes.input.next,
+				isNext: !0,
+				childIndex: this.store.nodes.input.index
+			} : {
+				caret: o + c.length,
+				anchor: this.store.nodes.input
+			}), this.store.nodes.input.target) {
+				this.store.nodes.input.content = l;
+				let e = this.store.state.tokens.get(), t = e[this.store.nodes.input.index];
+				t.type === "text" && (t.content = l), this.store.nodes.focus.target = this.store.nodes.input.target, this.store.nodes.input.clear(), n?.(F(e)), this.store.events.parse();
+			}
+		}));
+	}
+	disable() {
+		this.#e?.(), this.#t?.(), this.#n?.(), this.#e = void 0, this.#t = void 0, this.#n = void 0;
+	}
+}, Ee = class {
+	#e;
+	#t;
+	#n;
+	constructor(e) {
+		this.store = e;
+	}
+	enable() {
+		if (this.#e) return;
+		let e = this.store.refs.container;
+		e && (this.#e = (e) => {
+			this.store.nodes.focus.target = e.target;
+		}, this.#t = () => {
+			this.store.nodes.focus.target = void 0;
+		}, this.#n = () => {
+			let e = this.store.state.tokens.get();
+			e.length === 1 && e[0].type === "text" && e[0].content === "" && (this.store.refs.container?.firstElementChild)?.focus();
+		}, e.addEventListener("focusin", this.#e), e.addEventListener("focusout", this.#t), e.addEventListener("click", this.#n));
+	}
+	disable() {
+		let e = this.store.refs.container;
+		!e || !this.#e || (e.removeEventListener("focusin", this.#e), e.removeEventListener("focusout", this.#t), e.removeEventListener("click", this.#n), this.#e = void 0, this.#t = void 0, this.#n = void 0);
+	}
+	recover() {
+		let e = this.store.state.recovery.get();
+		if (!e) return;
+		let { anchor: t, caret: n, isNext: r } = e, i = !t.target || !t.target.isConnected;
+		switch (!0) {
+			case r && i: {
+				let t = this.store.refs.container, n = e.childIndex == null ? void 0 : t?.children[e.childIndex + 2];
+				n ? n.focus() : this.store.nodes.focus.tail.focus();
+				break;
+			}
+			case r:
+				t.prev.focus();
+				break;
+			case i:
+				this.store.nodes.focus.head.focus();
+				break;
+			default: t.next.focus();
+		}
+		this.store.nodes.focus.caret = n, this.store.state.recovery.set(void 0);
+	}
 };
-class de {
-  constructor(t) {
-    this.store = t;
-  }
-  #e = [];
-  #t = !1;
-  enable(t) {
-    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.#e)
-      t();
-    this.#e = [], this.#t = !1;
-  }
-  /**
-   * Synchronizes the parser with current options and handles parsing.
-   * Must be called by the framework layer when value or options change,
-   * since these are props set synchronously during render.
-   */
-  syncParser(t, e) {
-    const { store: n } = this, r = e?.map((i) => i.markup);
-    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(R(n, o)), this.#t = !0;
-  }
-  /**
-   * Recovers focus after tokens change.
-   * Must be called by the framework layer after DOM updates,
-   * since focus recovery requires the new DOM to be committed.
-   */
-  recoverFocus() {
-    this.store.state.Mark.get() && this.store.controllers.focus.recover();
-  }
-  #n() {
-    const { store: t } = this;
-    this.#e.push(
-      t.events.parse.on(() => {
-        if (t.state.recovery.get()) {
-          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 ? Ft(t) : Wt(t));
-      })
-    );
-  }
-  #s(t) {
-    const { store: e } = this;
-    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 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 B(void 0, this),
-    input: new B(void 0, this)
-  };
-  state;
-  events = Xt();
-  refs = {
-    container: null,
-    overlay: null
-  };
-  controllers = {
-    overlay: new ue(this),
-    focus: new Yt(this),
-    keydown: new re(this),
-    system: new Kt(this),
-    textSelection: new ne(this)
-  };
-  lifecycle = new de(this);
-  constructor(t) {
-    this.state = zt(
-      {
-        tokens: [],
-        parser: void 0,
-        previousValue: void 0,
-        recovery: void 0,
-        selecting: void 0,
-        overlayMatch: void 0,
-        value: void 0,
-        defaultValue: void 0,
-        onChange: void 0,
-        readOnly: !1,
-        options: void 0,
-        showOverlayOn: void 0,
-        Mark: void 0,
-        Overlay: void 0,
-        className: void 0,
-        style: void 0,
-        slots: void 0,
-        slotProps: void 0
-      },
-      t.createUseHook
-    );
-  }
-  createHandler() {
-    const t = this;
-    return {
-      get container() {
-        return t.refs.container;
-      },
-      get overlay() {
-        return t.refs.overlay;
-      },
-      focus() {
-        t.nodes.focus.head?.focus();
-      }
-    };
-  }
-}
-class fe {
-  ref;
-  #e;
-  #t;
-  #n;
-  constructor(t) {
-    this.ref = t.ref, this.#e = t.store, this.#t = t.token;
-  }
-  get readOnly() {
-    return this.#n;
-  }
-  set readOnly(t) {
-    this.#n = t;
-  }
-  get content() {
-    return this.#t.content;
-  }
-  set content(t) {
-    this.#t.content = t, this.#s();
-  }
-  get value() {
-    return this.#t.value;
-  }
-  set value(t) {
-    this.#t.value = t ?? "", this.#s();
-  }
-  get meta() {
-    return this.#t.meta;
-  }
-  set meta(t) {
-    this.#t.meta = t, this.#s();
-  }
-  get depth() {
-    return z(this.#e.state.tokens.get(), this.#t).depth;
-  }
-  get hasChildren() {
-    return this.#t.children.length > 0;
-  }
-  get parent() {
-    return z(this.#e.state.tokens.get(), this.#t)?.parent;
-  }
-  get tokens() {
-    return this.#t.children;
-  }
-  change = (t) => {
-    this.#t.content = t.content, this.#t.value = t.value ?? "", t.meta !== void 0 && (this.#t.meta = t.meta), this.#s();
-  };
-  remove = () => this.#e.events.delete({ token: this.#t });
-  #s() {
-    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 Se = [
-  {
-    markup: Pt,
-    overlay: {
-      trigger: It,
-      data: []
-    }
-  }
-], Ce = (s) => () => {
-  const [t, e] = P(() => s.get());
-  return M(() => s.on(e), [s]), t;
+//#endregion
+//#region ../../common/core/src/features/blocks/config.ts
+function De(e) {
+	return typeof e == "object" && !!e.alwaysShowHandle;
+}
+//#endregion
+//#region ../../common/core/src/features/blocks/dragOperations.ts
+function H(e) {
+	return e.tokens.length === 0 || e.tokens[0].type === "text";
+}
+function Oe(e, t) {
+	return H(e) && H(t) ? "\n\n" : "";
+}
+function ke(e, t, n) {
+	if (t.length === 0) return e + "\n\n";
+	if (n >= t.length - 1) return e === "" ? "\n\n\n\n" : e + "\n\n";
+	let r = t[n], i = t[n + 1];
+	return i.startPos - r.endPos === 0 ? e.slice(0, r.endPos) + "\n\n\n\n" + e.slice(i.startPos) : e.slice(0, i.startPos) + "\n\n" + e.slice(i.startPos);
+}
+function Ae(e, t, n) {
+	return t.length <= 1 ? "" : n >= t.length - 1 ? e.slice(0, t[n - 1].endPos) : e.slice(0, t[n].startPos) + e.slice(t[n + 1].startPos);
+}
+function je(e, t, n) {
+	let r = t[n], i = e.substring(r.startPos, r.endPos);
+	if (n >= t.length - 1) return e + (H(r), "\n\n") + i;
+	let a = t[n + 1], o = a.startPos - r.endPos === 0 ? "" : "\n\n";
+	return e.slice(0, a.startPos) + i + o + e.slice(a.startPos);
+}
+function Me(e, t) {
+	return t <= 0 || t >= e.length ? 0 : e[t - 1].endPos;
+}
+function U(e, t, n) {
+	if (n <= 0 || n >= t.length) return e;
+	let r = t[n - 1], i = t[n];
+	return e.slice(0, r.endPos) + e.slice(i.startPos);
+}
+function Ne(e, t, n, r) {
+	if (n === r || n === r - 1 || t.length < 2 || n < 0 || n >= t.length || r < 0 || r > t.length) return e;
+	let i = t.map((t) => e.substring(t.startPos, t.endPos)), a = [...t], [o] = a.splice(n, 1), [s] = i.splice(n, 1), c = r > n ? r - 1 : r;
+	a.splice(c, 0, o), i.splice(c, 0, s);
+	let l = [];
+	for (let e = 0; e < i.length; e++) l.push(i[e]), e < i.length - 1 && l.push(Oe(a[e], a[e + 1]));
+	return l.join("");
+}
+//#endregion
+//#region ../../common/core/src/features/blocks/splitTokensIntoDragRows.ts
+function Pe(e) {
+	let t = [], { content: n, position: r } = e, i = r.start, a = [], o = () => {
+		if (a.length > 0) {
+			let e = a.join("");
+			t.push({
+				content: e,
+				position: {
+					start: i,
+					end: i + e.length
+				},
+				isBlockSeparator: !1
+			}), i += e.length, a.length = 0;
+		}
+	};
+	for (let e = 0; e < n.length; e++) {
+		let r = n[e];
+		r === "\n" ? e + 1 < n.length && n[e + 1] === "\n" ? (o(), t.push({
+			content: "\n\n",
+			position: {
+				start: i,
+				end: i + 2
+			},
+			isBlockSeparator: !0
+		}), i += 2, e++) : (a.push(r), i++) : r === "\r" ? e + 1 < n.length && n[e + 1] === "\n" ? e + 2 < n.length && n[e + 2] === "\r" && e + 3 < n.length && n[e + 3] === "\n" ? (o(), t.push({
+			content: "\n\n",
+			position: {
+				start: i,
+				end: i + 4
+			},
+			isBlockSeparator: !0
+		}), i += 4, e += 3) : (a.push("\n"), i += 2, e++) : (a.push("\n"), i++) : a.push(r);
+	}
+	return o(), t;
+}
+var Fe = 0;
+function W(e) {
+	return `drag-${Fe++}-${e}`;
+}
+function Ie() {
+	Fe = 0;
+}
+function G(e) {
+	if (e.length === 0) return [];
+	Ie();
+	let t = [], n = null;
+	for (let r of e) if (r.type === "mark") n = null, t.push({
+		id: W(r.position.start),
+		tokens: [r],
+		startPos: r.position.start,
+		endPos: r.position.end
+	});
+	else if (r.type === "text") {
+		let e = Pe(r);
+		for (let r of e) r.isBlockSeparator ? (n !== null && t.push({
+			id: W(n),
+			tokens: [],
+			startPos: n,
+			endPos: n
+		}), n = r.position.end) : r.content.trim().length > 0 && (n = null, t.push({
+			id: W(r.position.start),
+			tokens: [{
+				type: "text",
+				content: r.content,
+				position: r.position
+			}],
+			startPos: r.position.start,
+			endPos: r.position.end
+		}));
+	}
+	return n !== null && t.push({
+		id: W(n),
+		tokens: [],
+		startPos: n,
+		endPos: n
+	}), t;
+}
+//#endregion
+//#region ../../common/core/src/features/navigation/index.ts
+function Le(e, t) {
+	let { focus: n } = e.nodes;
+	if (n.isMark && !n.isEditable || n.isCaretAtBeginning) {
+		let e = n.prev;
+		for (; e.target && e.isMark && !e.isEditable;) e = e.prev;
+		return e.target ? (t.preventDefault(), e.target.focus(), B.setCaretToEnd(e.target), !0) : !1;
+	}
+	return !1;
+}
+function Re(e, t) {
+	let { focus: n } = e.nodes;
+	if (n.isMark && !n.isEditable || n.isCaretAtEnd) {
+		let e = n.next;
+		for (; e.target && e.isMark && !e.isEditable;) e = e.next;
+		return e.target ? (t.preventDefault(), e.target.focus(), B.trySetIndex(e.target, 0), !0) : !1;
+	}
+	return !1;
+}
+//#endregion
+//#region ../../common/core/src/features/selection/TextSelectionController.ts
+var ze = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i = null;
+	#a = !1;
+	constructor(e) {
+		this.store = e;
+	}
+	enable() {
+		this.#e || (this.#e = (e) => {
+			this.#i = e.target, this.#a = !0;
+		}, this.#t = (e) => {
+			let t = this.#a, n = !this.store.refs.container?.contains(this.#i) || this.#i !== e.target, r = window.getSelection()?.containsNode(this.store.refs.container, !0);
+			t && n && r && this.store.state.selecting.set("drag");
+		}, this.#n = () => {
+			this.#a = !1, this.#i = null, this.store.state.selecting.set(void 0);
+		}, this.#r = () => {
+			if (this.store.state.selecting.get() !== "drag") return;
+			let e = [...this.store.refs.container.children], t = e.map((e) => e.contentEditable);
+			e.forEach((e) => e.contentEditable = "false"), e.forEach((e, n) => e.contentEditable = t[n]);
+		}, document.addEventListener("mousedown", this.#e), document.addEventListener("mousemove", this.#t), document.addEventListener("mouseup", this.#n), document.addEventListener("selectionchange", this.#r));
+	}
+	disable() {
+		this.#e && (document.removeEventListener("mousedown", this.#e), document.removeEventListener("mousemove", this.#t), document.removeEventListener("mouseup", this.#n), document.removeEventListener("selectionchange", this.#r), this.#e = void 0, this.#t = void 0, this.#n = void 0, this.#r = void 0), this.#i = null, this.#a = !1;
+	}
 };
-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"
+//#endregion
+//#region ../../common/core/src/features/selection/index.ts
+function Be(e, t) {
+	if ((t.ctrlKey || t.metaKey) && t.code === "KeyA") {
+		if (e.state.drag.get()) return;
+		t.preventDefault();
+		let n = window.getSelection(), r = e.refs.container?.firstChild, i = e.refs.container?.lastChild;
+		if (!n || !r || !i) return;
+		n.setBaseAndExtent(r, 0, i, 1), e.state.selecting.set("all");
+	}
+}
+//#endregion
+//#region ../../common/core/src/features/input/KeyDownController.ts
+var Ve = class {
+	#e;
+	#t;
+	#n;
+	constructor(e) {
+		this.store = e;
+	}
+	enable() {
+		if (this.#e) return;
+		let e = this.store.refs.container;
+		e && (this.#e = (e) => {
+			e.key === x.LEFT ? Le(this.store, e) : e.key === x.RIGHT ? Re(this.store, e) : (e.key === x.UP || e.key === x.DOWN) && this.#a(e), this.#r(e), this.#i(e), Be(this.store, e);
+		}, this.#t = (e) => {
+			We(this.store, e);
+		}, this.#n = (e) => {
+			He(this.store, e);
+		}, e.addEventListener("keydown", this.#e), e.addEventListener("paste", this.#t), e.addEventListener("beforeinput", this.#n, !0));
+	}
+	disable() {
+		let e = this.store.refs.container;
+		!e || !this.#e || (e.removeEventListener("keydown", this.#e), e.removeEventListener("paste", this.#t), e.removeEventListener("beforeinput", this.#n, !0), this.#e = void 0, this.#t = void 0, this.#n = void 0);
+	}
+	#r(e) {
+		let { focus: t } = this.store.nodes, n = !!this.store.state.drag.get();
+		if (!n && (e.key === x.DELETE || e.key === x.BACKSPACE)) {
+			if (t.isMark) {
+				if (t.isEditable && (e.key === x.BACKSPACE && !t.isCaretAtBeginning || e.key === x.DELETE && !t.isCaretAtEnd)) return;
+				e.preventDefault(), V("self", this.store);
+				return;
+			}
+			if (e.key === x.BACKSPACE && t.isSpan && t.isCaretAtBeginning && t.prev.target) {
+				e.preventDefault(), V("prev", this.store);
+				return;
+			}
+			if (e.key === x.DELETE && t.isSpan && t.isCaretAtEnd && t.next.target) {
+				e.preventDefault(), V("next", this.store);
+				return;
+			}
+		}
+		if (!n) return;
+		let r = this.store.refs.container;
+		if (!r) return;
+		let i = Array.from(r.children), a = i.findIndex((e) => e === document.activeElement || e.contains(document.activeElement));
+		if (a === -1) return;
+		let o = G(this.store.state.tokens.get());
+		if (a >= o.length) return;
+		let s = o[a], c = this.store.state.value.get() ?? this.store.state.previousValue.get() ?? "";
+		if (this.store.state.onChange.get()) {
+			if (e.key === x.BACKSPACE) {
+				let t = i[a], n = B.getCaretIndex(t) === 0;
+				if (s.tokens.map((e) => "content" in e ? e.content : "").join("") === "") {
+					e.preventDefault();
+					let t = o.length <= 1 ? "" : a >= o.length - 1 ? c.slice(0, o[a - 1].endPos) : c.slice(0, o[a].startPos) + c.slice(o[a + 1].startPos);
+					this.store.applyValue(t), queueMicrotask(() => {
+						let e = r.children[Math.max(0, a - 1)];
+						e && (e.focus(), B.setCaretToEnd(e));
+					});
+					return;
+				}
+				if (n && a > 0) {
+					let t = o[a - 1], n = o[a], s = n.startPos - t.endPos;
+					if (H(t) && H(n) && s === 2) {
+						e.preventDefault();
+						let t = Me(o, a), n = U(c, o, a);
+						this.store.applyValue(n), queueMicrotask(() => {
+							let e = r.children[a - 1];
+							if (e) {
+								e.focus();
+								let n = G(this.store.state.tokens.get())[a - 1];
+								n && q(e, n, t);
+							}
+						});
+						return;
+					}
+					e.preventDefault(), queueMicrotask(() => {
+						let e = i[a - 1];
+						e && (e.focus(), B.setCaretToEnd(e));
+					});
+					return;
+				}
+			}
+			if (e.key === x.DELETE) {
+				let t = i[a], n = B.getCaretIndex(t), s = n === t.textContent?.length;
+				if (n === 0 && a > 0) {
+					let t = o[a - 1], n = o[a], s = n.startPos - t.endPos;
+					if (H(t) && H(n) && s === 2) {
+						e.preventDefault();
+						let t = Me(o, a), n = U(c, o, a);
+						this.store.applyValue(n), queueMicrotask(() => {
+							let e = r.children[a - 1];
+							if (e) {
+								e.focus();
+								let n = G(this.store.state.tokens.get())[a - 1];
+								n && q(e, n, t);
+							}
+						});
+						return;
+					}
+					e.preventDefault(), queueMicrotask(() => {
+						let e = i[a - 1];
+						e && (e.focus(), B.setCaretToEnd(e));
+					});
+					return;
+				}
+				if (s && a < o.length - 1) {
+					let t = o[a], n = o[a + 1], s = n.startPos - t.endPos;
+					if (H(t) && H(n) && s === 2) {
+						e.preventDefault();
+						let n = t.endPos, i = U(c, o, a + 1);
+						this.store.applyValue(i), queueMicrotask(() => {
+							let e = r.children[a];
+							if (e) {
+								e.focus();
+								let t = G(this.store.state.tokens.get())[a];
+								t && q(e, t, n);
+							}
+						});
+						return;
+					}
+					e.preventDefault(), queueMicrotask(() => {
+						let e = i[a + 1];
+						e && (e.focus(), B.trySetIndex(e, 0));
+					});
+					return;
+				}
+			}
+		}
+	}
+	#i(e) {
+		if (!this.store.state.drag.get() || e.key !== x.ENTER || e.shiftKey) return;
+		let t = this.store.refs.container;
+		if (!t) return;
+		let n = document.activeElement;
+		if (!n || !t.contains(n)) return;
+		e.preventDefault();
+		let r = t.children, i = -1;
+		for (let e = 0; e < r.length; e++) if (r[e] === n || r[e].contains(n)) {
+			i = e;
+			break;
+		}
+		if (i === -1) return;
+		let a = G(this.store.state.tokens.get()), o = a[i];
+		if (!o) return;
+		let s = r[i], c = this.store.state.value.get() ?? "";
+		if (!this.store.state.onChange.get()) return;
+		if (!H(o)) {
+			let e = ke(c, a, i);
+			this.store.applyValue(e), queueMicrotask(() => {
+				let e = t.children, n = i + 1;
+				if (n < e.length) {
+					let t = e[n];
+					t.focus(), B.trySetIndex(t, 0);
+				}
+			});
+			return;
+		}
+		let l = K(s, o), u = l === o.startPos ? "\n\n\n\n" : "\n\n", d = c.slice(0, l) + u + c.slice(l);
+		this.store.applyValue(d), queueMicrotask(() => {
+			let e = t.children, n = i + 1;
+			if (n < e.length) {
+				let t = e[n];
+				t.focus(), B.trySetIndex(t, 0);
+			}
+		});
+	}
+	#a(e) {
+		if (!this.store.state.drag.get()) return;
+		let t = this.store.refs.container;
+		if (!t) return;
+		let n = document.activeElement;
+		if (!n || !t.contains(n)) return;
+		let r = Array.from(t.children), i = r.findIndex((e) => e === n || e.contains(n));
+		if (i === -1) return;
+		let a = r[i];
+		if (e.key === x.UP) {
+			if (!B.isCaretOnFirstLine(a) || i === 0) return;
+			e.preventDefault();
+			let t = B.getCaretRect()?.left ?? a.getBoundingClientRect().left, n = r[i - 1];
+			n.focus();
+			let o = n.getBoundingClientRect();
+			B.setAtX(n, t, o.bottom - 4);
+		} else if (e.key === x.DOWN) {
+			if (!B.isCaretOnLastLine(a) || i >= r.length - 1) return;
+			e.preventDefault();
+			let t = B.getCaretRect()?.left ?? a.getBoundingClientRect().left, n = r[i + 1];
+			n.focus();
+			let o = n.getBoundingClientRect();
+			B.setAtX(n, t, o.top + 4);
+		}
+	}
 };
-function Y(s, t) {
-  return t?.[s] ? t[s] : Ee[s];
-}
-function tt(s, t) {
-  const e = t?.[s];
-  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 } })
-      ]
-    }
-  );
+function K(e, t) {
+	let n = window.getSelection();
+	if (!n?.rangeCount) return t.endPos;
+	let { focusNode: r, focusOffset: i } = n;
+	return r ? J(r, i, e, t) : t.endPos;
+}
+function He(e, t) {
+	let n = e.state.selecting.get();
+	if (n === "all" && Ge(e)) {
+		if (t.inputType === "insertFromPaste") {
+			t.preventDefault();
+			return;
+		}
+		t.preventDefault(), Ke(e, t.inputType.startsWith("delete") ? "" : t.data ?? "");
+		return;
+	}
+	if (n === "all" && e.state.selecting.set(void 0), e.state.drag.get()) {
+		qe(e, t);
+		return;
+	}
+	let { focus: r } = e.nodes;
+	!r.target || !r.isEditable || Ue(r, t) && e.events.change();
+}
+function Ue(e, t) {
+	let n = e.caret, r = e.content, i, a;
+	switch (t.inputType) {
+		case "insertText": {
+			t.preventDefault();
+			let e = t.data ?? "";
+			i = r.slice(0, n) + e + r.slice(n), a = n + e.length;
+			break;
+		}
+		case "deleteContentBackward":
+		case "deleteContentForward":
+		case "deleteWordBackward":
+		case "deleteWordForward":
+		case "deleteSoftLineBackward":
+		case "deleteSoftLineForward": {
+			let e = t.getTargetRanges();
+			if (!e.length) return !1;
+			let { startOffset: n, endOffset: o } = e[0];
+			if (n === o) return !1;
+			t.preventDefault(), i = r.slice(0, n) + r.slice(o), a = n;
+			break;
+		}
+		case "insertFromPaste":
+		case "insertReplacementText": {
+			let e = t.dataTransfer?.getData("text/plain") ?? "", o = t.getTargetRanges(), s = o[0]?.startOffset ?? n, c = o[0]?.endOffset ?? n;
+			t.preventDefault(), i = r.slice(0, s) + e + r.slice(c), a = s + e.length;
+			break;
+		}
+		default: return !1;
+	}
+	return e.content = i, e.caret = a, !0;
+}
+function We(e, t) {
+	let n = e.state.selecting.get();
+	if (n !== "all" || !Ge(e)) {
+		n === "all" && e.state.selecting.set(void 0);
+		return;
+	}
+	t.preventDefault(), Ke(e, t.clipboardData?.getData("text/plain") ?? "");
+}
+function Ge(e) {
+	let t = window.getSelection(), n = e.refs.container;
+	if (!t?.rangeCount || !n?.firstChild || !n?.lastChild) return !1;
+	try {
+		let e = t.getRangeAt(0);
+		return n.contains(e.startContainer) && n.contains(e.endContainer) && e.toString().length > 0;
+	} catch {
+		return !1;
+	}
+}
+function Ke(e, t) {
+	e.nodes.focus.target = null, e.state.selecting.set(void 0), e.state.onChange.get()?.(t), e.state.value.get() === void 0 && e.state.tokens.set(e.state.parser.get()?.parse(t) ?? [{
+		type: "text",
+		content: t,
+		position: {
+			start: 0,
+			end: t.length
+		}
+	}]), queueMicrotask(() => {
+		let n = e.refs.container?.firstChild;
+		n && (e.state.recovery.set({
+			anchor: e.nodes.focus,
+			caret: t.length
+		}), n.focus());
+	});
+}
+function qe(e, t) {
+	let n = e.refs.container;
+	if (!n) return;
+	let r = document.activeElement;
+	if (!r || !n.contains(r)) return;
+	let i = Array.from(n.children), a = i.findIndex((e) => e === r || e.contains(r));
+	if (a === -1) return;
+	let o = i[a], s = G(e.state.tokens.get());
+	if (a >= s.length) return;
+	let c = s[a], l = e.state.value.get() ?? e.state.previousValue.get() ?? "", u = (t) => {
+		queueMicrotask(() => {
+			let r = n.children[a];
+			if (!r) return;
+			r.focus();
+			let i = G(e.state.tokens.get())[a];
+			i && q(r, i, t);
+		});
+	};
+	switch (t.inputType) {
+		case "insertText": {
+			t.preventDefault();
+			let n = t.data ?? "", r = t.getTargetRanges(), i, a;
+			if (r.length > 0) {
+				let e = J(r[0].startContainer, r[0].startOffset, o, c), t = J(r[0].endContainer, r[0].endOffset, o, c);
+				[i, a] = e <= t ? [e, t] : [t, e];
+			} else i = a = K(o, c);
+			e.applyValue(l.slice(0, i) + n + l.slice(a)), u(i + n.length);
+			break;
+		}
+		case "insertFromPaste":
+		case "insertReplacementText": {
+			t.preventDefault();
+			let n = t.dataTransfer?.getData("text/plain") ?? "", r = t.getTargetRanges(), i, a;
+			if (r.length > 0) {
+				let e = J(r[0].startContainer, r[0].startOffset, o, c), t = J(r[0].endContainer, r[0].endOffset, o, c);
+				[i, a] = e <= t ? [e, t] : [t, e];
+			} else i = a = K(o, c);
+			e.applyValue(l.slice(0, i) + n + l.slice(a)), u(i + n.length);
+			break;
+		}
+		case "deleteContentBackward":
+		case "deleteContentForward":
+		case "deleteWordBackward":
+		case "deleteWordForward":
+		case "deleteSoftLineBackward":
+		case "deleteSoftLineForward": {
+			let n = t.getTargetRanges();
+			if (!n.length) return;
+			let r = J(n[0].startContainer, n[0].startOffset, o, c), i = J(n[0].endContainer, n[0].endOffset, o, c), [a, s] = r <= i ? [r, i] : [i, r];
+			if (a === s) return;
+			t.preventDefault(), e.applyValue(l.slice(0, a) + l.slice(s)), u(a);
+			break;
+		}
+	}
+}
+function Je(e, t, n) {
+	let r = window.getSelection();
+	if (!r) return !1;
+	if (!t.children || t.children.length === 0) {
+		let i = t.nested?.start ?? t.position.start, a = t.nested?.end ?? t.position.end, o = Math.max(0, Math.min(n - i, a - i)), s = document.createTreeWalker(e, 4).nextNode();
+		if (!s) return !1;
+		let c = document.createRange();
+		return c.setStart(s, Math.min(o, s.length)), c.collapse(!0), r.removeAllRanges(), r.addRange(c), !0;
+	}
+	let i = 0;
+	for (let a of Array.from(e.childNodes)) {
+		if (i >= t.children.length) break;
+		let e = t.children[i];
+		if (a.nodeType === Node.TEXT_NODE && e.type === "text") {
+			if (n >= e.position.start && n <= e.position.end) {
+				let t = Math.min(n - e.position.start, a.length), i = document.createRange();
+				return i.setStart(a, t), i.collapse(!0), r.removeAllRanges(), r.addRange(i), !0;
+			}
+			i++;
+		} else if (a.nodeType === Node.ELEMENT_NODE && e.type === "mark") {
+			let r = i + 1 < t.children.length ? t.children[i + 1] : null;
+			if (!(n === e.position.end && r?.position.start === n) && n >= e.position.start && n <= e.position.end) return Je(a, e, n);
+			i++;
+		}
+	}
+	return !1;
+}
+function q(e, t, n) {
+	let r = window.getSelection();
+	if (!r) return;
+	let i = Array.from(e.children);
+	for (let e = 0; e < t.tokens.length; e++) {
+		let a = t.tokens[e], o = i[e + 1];
+		if (!o) continue;
+		let s = t.tokens[e + 1];
+		if (!(s && n === a.position.end && n === s.position.start) && n >= a.position.start && n <= a.position.end) {
+			if (a.type === "text") {
+				let e = n - a.position.start, t = document.createTreeWalker(o, 4).nextNode();
+				if (t) {
+					let n = Math.min(e, t.length), i = document.createRange();
+					i.setStart(t, n), i.collapse(!0), r.removeAllRanges(), r.addRange(i);
+					return;
+				}
+			}
+			if (Je(o, a, n)) return;
+			break;
+		}
+	}
+	B.setCaretToEnd(e);
+}
+function J(e, t, n, r) {
+	if (e === n) {
+		let e = window.getSelection();
+		return e?.focusNode && e.focusNode !== n ? J(e.focusNode, e.focusOffset, n, r) : r.endPos;
+	}
+	let i = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
+	for (; i && i.parentElement !== n;) i = i.parentElement;
+	if (!i) return r.endPos;
+	let a = Array.from(n.children).indexOf(i);
+	if (a < 0) return r.endPos;
+	let o = a - 1;
+	if (o < 0) return r.startPos;
+	if (o >= r.tokens.length) return r.endPos;
+	let s = r.tokens[o];
+	return s.type === "text" ? s.position.start + Math.min(t, s.content.length) : Ye(e, t, i, s);
+}
+function Ye(e, t, n, r) {
+	if (!r.children || r.children.length === 0) {
+		if (t === 0) return r.position.start;
+		let e = r.nested?.content.length ?? r.value.length;
+		return e > 0 && t >= e ? r.content.endsWith("\n\n") && r.nested ? r.nested.end : r.position.end : (r.nested?.start ?? r.position.start) + Math.min(t, e);
+	}
+	let i = 0;
+	for (let a of Array.from(n.childNodes)) {
+		if (i >= r.children.length) break;
+		let n = r.children[i];
+		if (a.nodeType === Node.TEXT_NODE && n.type === "text") {
+			if (e === a) return n.position.start + Math.min(t, n.content.length);
+			i++;
+		} else if (a.nodeType === Node.ELEMENT_NODE && n.type === "mark") {
+			if (a === e || a.contains(e)) return Ye(e, t, a, n);
+			i++;
+		}
+	}
+	return r.nested?.end ?? r.position.end;
+}
+//#endregion
+//#region ../../common/core/src/features/FeatureManager.ts
+var Xe = class {
+	#e = [];
+	#t = !1;
+	register(e) {
+		return this.#e.push(e), this;
+	}
+	enableAll() {
+		this.#t || (this.#t = !0, this.#e.forEach((e) => e.enable()));
+	}
+	disableAll() {
+		this.#t && (this.#t = !1, this.#e.forEach((e) => e.disable()));
+	}
+}, Y = (e, t) => ({
+	name: e,
+	enable: () => t.enable(),
+	disable: () => t.disable()
+}), Ze = (e) => {
+	let t = new Xe();
+	return t.register(Y("keydown", e.controllers.keydown)).register(Y("system", e.controllers.system)).register(Y("focus", e.controllers.focus)).register(Y("textSelection", e.controllers.textSelection)).register(Y("contentEditable", e.controllers.contentEditable)), t;
+}, Qe = class {
+	#e = [];
+	#t = !1;
+	constructor(e) {
+		this.store = e;
+	}
+	enable(e) {
+		let { store: t } = this, n = Ze(t);
+		n.enableAll(), this.#e.push(() => n.disableAll()), this.#n(), e?.getTrigger && this.#r(e.getTrigger);
+	}
+	disable() {
+		for (let e of this.#e) e();
+		this.#e = [], this.#t = !1;
+	}
+	syncParser(e, t) {
+		let { store: n } = this, r = t?.map((e) => e.markup);
+		if (r && r.some(Boolean) ? n.state.parser.set(new se(r)) : n.state.parser.set(void 0), this.#t) {
+			n.state.recovery.get() || n.events.parse();
+			return;
+		}
+		let i = e ?? n.state.defaultValue.get() ?? "";
+		n.state.tokens.set(R(n, i)), this.#t = !0;
+	}
+	recoverFocus() {
+		this.store.controllers.contentEditable.sync(), this.store.state.Mark.get() && this.store.controllers.focus.recover();
+	}
+	#n() {
+		let { store: e } = this;
+		this.#e.push(e.events.parse.on(() => {
+			if (e.state.recovery.get()) {
+				let t = F(e.state.tokens.get());
+				e.state.tokens.set(R(e, t)), e.state.previousValue.set(t);
+				return;
+			}
+			e.state.tokens.set(e.nodes.focus.target ? de(e) : fe(e));
+		}));
+	}
+	#r(e) {
+		let { store: t } = this;
+		t.controllers.overlay.enableTrigger(e, (e) => t.state.overlayMatch.set(e)), this.#e.push(() => t.controllers.overlay.disable()), this.#e.push(t.state.overlayMatch.on((e) => {
+			e ? (t.nodes.input.target = t.nodes.focus.target, t.controllers.overlay.enableClose()) : t.controllers.overlay.disableClose();
+		}));
+	}
+};
+//#endregion
+//#region ../../common/core/src/features/overlay/filterSuggestions.ts
+function $e(e, t) {
+	let n = t.toLowerCase();
+	return e.filter((e) => e.toLowerCase().includes(n));
+}
+//#endregion
+//#region ../../common/core/src/features/overlay/createMarkFromOverlay.ts
+function et(e, t, n) {
+	let r = e.option.markup;
+	if (!r) throw Error("createMarkFromOverlay: option.markup is required");
+	return {
+		type: "mark",
+		value: t,
+		meta: n,
+		content: "",
+		position: {
+			start: e.index,
+			end: e.index + e.span.length
+		},
+		descriptor: {
+			markup: r,
+			index: 0,
+			segments: [],
+			gapTypes: [],
+			hasNested: !1,
+			hasTwoValues: !1,
+			segmentGlobalIndices: []
+		},
+		children: [],
+		nested: void 0
+	};
+}
+//#endregion
+//#region ../../common/core/src/features/overlay/OverlayController.ts
+var tt = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	#o;
+	#s;
+	constructor(e) {
+		this.store = e;
+	}
+	enableTrigger(e, t) {
+		if (this.#e) return;
+		this.#e = this.store.events.clearOverlay.on(() => {
+			t(void 0);
+		}), this.#t = this.store.events.checkOverlay.on(() => {
+			t(xe.find(this.store.state.options.get(), e));
+		}), this.#n = this.store.events.change.on(() => {
+			let e = this.store.state.showOverlayOn.get(), t = "change";
+			(e === t || Array.isArray(e) && e.includes(t)) && this.store.events.checkOverlay();
+		}), this.#r = () => {
+			let e = this.store.state.showOverlayOn.get(), t = "selectionChange";
+			(e === t || Array.isArray(e) && e.includes(t)) && this.store.events.checkOverlay();
+		}, this.#i = () => {
+			document.addEventListener("selectionchange", this.#r);
+		}, this.#a = () => {
+			document.removeEventListener("selectionchange", this.#r);
+		};
+		let n = this.store.refs.container;
+		n && (n.addEventListener("focusin", this.#i), n.addEventListener("focusout", this.#a));
+	}
+	enableClose() {
+		this.#o || (this.#o = (e) => {
+			e.key === x.ESC && this.store.events.clearOverlay();
+		}, this.#s = (e) => {
+			let t = e.target;
+			this.store.refs.overlay?.contains(t) || this.store.refs.container?.contains(t) || this.store.events.clearOverlay();
+		}, window.addEventListener("keydown", this.#o), document.addEventListener("click", this.#s, !0));
+	}
+	disableClose() {
+		this.#o && (window.removeEventListener("keydown", this.#o), document.removeEventListener("click", this.#s, !0), this.#o = void 0, this.#s = void 0);
+	}
+	disable() {
+		let e = this.store.refs.container;
+		e && this.#i && (e.removeEventListener("focusin", this.#i), e.removeEventListener("focusout", this.#a)), this.#r && document.removeEventListener("selectionchange", this.#r), this.disableClose(), this.#e?.(), this.#t?.(), this.#n?.(), this.#e = void 0, this.#t = void 0, this.#n = void 0, this.#r = void 0, this.#i = void 0, this.#a = void 0;
+	}
+};
+//#endregion
+//#region ../../common/core/src/features/overlay/suggestionNavigation.ts
+function nt(e, t, n) {
+	if (n === 0) return {
+		action: "none",
+		index: t
+	};
+	let r = !isNaN(t);
+	switch (e) {
+		case x.UP: return {
+			action: "up",
+			index: r ? (n + (t - 1) % n) % n : 0
+		};
+		case x.DOWN: return {
+			action: "down",
+			index: r ? (t + 1) % n : 0
+		};
+		case x.ENTER: return r ? {
+			action: "select",
+			index: t
+		} : {
+			action: "none",
+			index: t
+		};
+		default: return {
+			action: "none",
+			index: t
+		};
+	}
+}
+//#endregion
+//#region ../../common/core/src/features/store/Store.ts
+var rt = class {
+	key = new ye();
+	nodes = {
+		focus: new Se(void 0, this),
+		input: new Se(void 0, this)
+	};
+	state;
+	events = ve();
+	refs = {
+		container: null,
+		overlay: null
+	};
+	controllers = {
+		overlay: new tt(this),
+		focus: new Ee(this),
+		keydown: new Ve(this),
+		system: new Te(this),
+		textSelection: new ze(this),
+		contentEditable: new we(this)
+	};
+	lifecycle = new Qe(this);
+	constructor(e) {
+		this.state = ge({
+			tokens: [],
+			parser: void 0,
+			previousValue: void 0,
+			recovery: void 0,
+			selecting: void 0,
+			overlayMatch: void 0,
+			value: void 0,
+			defaultValue: void 0,
+			onChange: void 0,
+			readOnly: !1,
+			options: void 0,
+			showOverlayOn: void 0,
+			Mark: void 0,
+			Overlay: void 0,
+			className: void 0,
+			style: void 0,
+			slots: void 0,
+			slotProps: void 0,
+			drag: !1
+		}, e.createUseHook);
+	}
+	applyValue(e) {
+		let t = this.state.onChange.get();
+		if (!t) return;
+		let n = R(this, e);
+		this.state.tokens.set(n), this.state.previousValue.set(e), t(e);
+	}
+	createHandler() {
+		let { refs: e, nodes: t } = this;
+		return {
+			get container() {
+				return e.container;
+			},
+			get overlay() {
+				return e.overlay;
+			},
+			focus() {
+				t.focus.head?.focus();
+			}
+		};
+	}
+}, it = class {
+	ref;
+	#e;
+	#t;
+	#n;
+	constructor(e) {
+		this.ref = e.ref, this.#e = e.store, this.#t = e.token;
+	}
+	get readOnly() {
+		return this.#n;
+	}
+	set readOnly(e) {
+		this.#n = e;
+	}
+	get content() {
+		return this.#t.content;
+	}
+	set content(e) {
+		this.#t.content = e, this.#r();
+	}
+	get value() {
+		return this.#t.value;
+	}
+	set value(e) {
+		this.#t.value = e ?? "", this.#r();
+	}
+	get meta() {
+		return this.#t.meta;
+	}
+	set meta(e) {
+		this.#t.meta = e, this.#r();
+	}
+	get depth() {
+		return I(this.#e.state.tokens.get(), this.#t).depth;
+	}
+	get hasChildren() {
+		return this.#t.children.length > 0;
+	}
+	get parent() {
+		return I(this.#e.state.tokens.get(), this.#t)?.parent;
+	}
+	get tokens() {
+		return this.#t.children;
+	}
+	change = (e) => {
+		this.#t.content = e.content, this.#t.value = e.value ?? "", e.meta !== void 0 && (this.#t.meta = e.meta), this.#r();
+	};
+	remove = () => this.#e.events.delete({ token: this.#t });
+	#r() {
+		this.#e.events.change();
+	}
+}, at = (e) => () => {
+	let [t, n] = u(() => e.get());
+	return a(() => e.on(n), [e]), t;
+};
+//#endregion
+//#region src/lib/hooks/useCoreFeatures.ts
+function ot(e, t) {
+	o(t, () => e.createHandler(), [e]), a(() => (e.lifecycle.enable({ getTrigger: (e) => e.overlay?.trigger }), () => e.lifecycle.disable()), []);
+	let n = e.state.value.use(), r = e.state.Mark.use(), i = e.state.options.use(), s = r ? i : void 0, c = e.state.tokens.use();
+	a(() => {
+		e.lifecycle.syncParser(n, s);
+	}, [n, s]), a(() => {
+		e.lifecycle.recoverFocus();
+	}, [c]);
+}
+//#endregion
+//#region src/lib/providers/StoreContext.ts
+var st = t(void 0);
+st.displayName = "StoreContext";
+function X() {
+	let e = i(st);
+	if (e === void 0) throw Error("Store not found. Make sure to wrap component in StoreContext.");
+	return e;
+}
+var Z = {
+	Container: "_Container_1526r_1",
+	Icon: "_Icon_1526r_5",
+	IconGrip: "_IconGrip_1526r_16",
+	IconAdd: "_IconAdd_1526r_20",
+	IconDuplicate: "_IconDuplicate_1526r_21",
+	IconTrash: "_IconTrash_1526r_22",
+	Suggestions: "_Suggestions_1526r_43",
+	suggestionActive: "_suggestionActive_1526r_71"
+}, ct = `${Z.Icon} ${Z.IconGrip}`, lt = n(({ blockIndex: t, children: n, readOnly: i, alwaysShowHandle: a, onReorder: o, onRequestMenu: s }) => {
+	let [c, d] = u(!1), [m, h] = u(!1), [g, _] = u(null), v = l(null), y = l(null), b = r(() => d(!0), []), x = r(() => d(!1), []), S = r((e) => {
+		e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t)), h(!0), v.current && e.dataTransfer.setDragImage(v.current, 0, 0);
+	}, [t]), C = r(() => {
+		h(!1), _(null);
+	}, []), w = r((e) => {
+		if (e.preventDefault(), e.dataTransfer.dropEffect = "move", !v.current) return;
+		let t = v.current.getBoundingClientRect(), n = t.top + t.height / 2;
+		_(e.clientY < n ? "before" : "after");
+	}, []), T = r((e) => {
+		e.currentTarget.contains(e.relatedTarget) || _(null);
+	}, []), E = r((e) => {
+		e.preventDefault();
+		let n = parseInt(e.dataTransfer.getData("text/plain"), 10);
+		if (isNaN(n)) return;
+		let r = g === "before" ? t : t + 1;
+		_(null), o(n, r);
+	}, [
+		t,
+		g,
+		o
+	]), D = r((e) => {
+		e.preventDefault(), y.current && s?.(t, y.current.getBoundingClientRect());
+	}, [t, s]), O = {
+		position: "relative",
+		marginLeft: 0,
+		paddingLeft: i ? 0 : 32,
+		transition: "opacity 0.2s ease",
+		opacity: m ? .4 : 1,
+		background: "transparent",
+		borderRadius: 3,
+		minHeight: "1.2em",
+		userSelect: "none",
+		outline: "none"
+	}, k = {
+		position: "absolute",
+		left: 4,
+		top: 0,
+		bottom: 0,
+		width: 24,
+		display: "flex",
+		alignItems: "center",
+		opacity: a || c && !m ? 1 : 0,
+		transition: a ? void 0 : "opacity 0.15s ease",
+		pointerEvents: a || c ? "auto" : "none"
+	}, A = {
+		width: 24,
+		height: 24,
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		cursor: "pointer",
+		borderRadius: 4,
+		color: "#9ca3af",
+		background: "none",
+		border: "none",
+		padding: 0,
+		margin: 0,
+		font: "inherit",
+		lineHeight: 1,
+		flexShrink: 0,
+		userSelect: "none"
+	}, j = {
+		position: "absolute",
+		left: i ? 0 : 32,
+		right: 0,
+		height: 2,
+		backgroundColor: "#3b82f6",
+		borderRadius: 1,
+		pointerEvents: "none",
+		zIndex: 10
+	};
+	return /* @__PURE__ */ p("div", {
+		ref: v,
+		"data-testid": "block",
+		style: O,
+		onMouseEnter: b,
+		onMouseLeave: x,
+		onDragOver: w,
+		onDragLeave: T,
+		onDrop: E,
+		children: [
+			g === "before" && /* @__PURE__ */ f("div", { style: {
+				...j,
+				top: -1
+			} }),
+			!i && /* @__PURE__ */ f("div", {
+				style: k,
+				children: /* @__PURE__ */ f("button", {
+					ref: y,
+					type: "button",
+					draggable: !0,
+					onDragStart: S,
+					onDragEnd: C,
+					onClick: D,
+					style: {
+						...A,
+						cursor: m ? "grabbing" : "grab"
+					},
+					"aria-label": "Drag to reorder or click for options",
+					children: /* @__PURE__ */ f("span", { className: ct })
+				})
+			}),
+			e.count(n) === 0 ? /* @__PURE__ */ f("br", {}) : n,
+			g === "after" && /* @__PURE__ */ f("div", { style: {
+				...j,
+				bottom: -1
+			} })
+		]
+	});
 });
-vt.displayName = "DraggableBlock";
-const Ie = (s) => {
-  const t = at(void 0);
-  return t.displayName = s, [() => {
-    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];
-}, [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, l];
-}
-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, c] = mt("mark", r, i);
-  return /* @__PURE__ */ f(a, { ...c });
-}
-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(() => {
-    e.current && e.current.textContent !== s.content && (e.current.textContent = s.content);
-  }, [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,
-    {
-      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))
-    }
-  );
+lt.displayName = "DraggableBlock";
+//#endregion
+//#region src/lib/providers/TokenContext.ts
+var Q = t(void 0);
+Q.displayName = "TokenProvider";
+function ut() {
+	let e = i(Q);
+	if (e === void 0) throw Error("Token not found. Make sure to wrap component in TokenContext.Provider.");
+	return e;
+}
+//#endregion
+//#region src/lib/hooks/useSlot.ts
+function dt(e, t, n, r) {
+	let i = X(), a = i.state.Mark.use(), o = i.state.Overlay.use(), s = e === "mark" ? a : o, c = _(e === "mark" ? t?.mark : t?.overlay, n ?? {}), l = c.slot || s || r;
+	if (!l) throw Error(`No ${e} component found. Provide either option.${e}.slot, global ${e === "mark" ? "Mark" : "Overlay"}, or a defaultComponent.`);
+	return [l, c];
+}
+//#endregion
+//#region src/components/MarkRenderer.tsx
+function ft() {
+	let e = ut(), t = X(), n = t.state.options.use(), r = t.key, i = n?.[e.descriptor.index], a = e.children.map((e) => /* @__PURE__ */ f($, {
+		mark: e,
+		isNested: !0
+	}, r.get(e))), [o, s] = dt("mark", i, {
+		value: e.value,
+		meta: e.meta,
+		nested: e.nested?.content,
+		children: e.children.length > 0 ? a : void 0
+	});
+	return /* @__PURE__ */ f(o, { ...s });
+}
+//#endregion
+//#region src/components/TextSpan.tsx
+var pt = () => {
+	let e = ut(), t = X(), n = l(null), r = t.state.slots.use(), i = t.state.slotProps.use(), a = c(() => y("span", r), [r]), o = c(() => b("span", i), [i]);
+	if (e.type !== "text") throw Error("TextSpan component expects a TextToken");
+	return s(() => {
+		n.current && n.current.textContent !== e.content && (n.current.textContent = e.content);
+	}, [e.content]), /* @__PURE__ */ f(a, {
+		...o,
+		ref: n
+	});
+}, $ = n(({ mark: e, isNested: t = !1 }) => e.type === "mark" ? /* @__PURE__ */ f(Q, {
+	value: e,
+	children: /* @__PURE__ */ f(ft, {})
+}) : t ? /* @__PURE__ */ f(d, { children: e.content }) : /* @__PURE__ */ f(Q, {
+	value: e,
+	children: /* @__PURE__ */ f(pt, {})
+}));
+$.displayName = "Token";
+//#endregion
+//#region src/components/BlockContainer.tsx
+var mt = {
+	id: "block-empty",
+	tokens: [],
+	startPos: 0,
+	endPos: 0
+}, ht = {
+	height: 1,
+	background: "rgba(55, 53, 47, 0.09)",
+	margin: "4px 0"
+}, gt = n(({ position: e, onAdd: t, onDelete: n, onDuplicate: r, onClose: i }) => {
+	let o = l(null), [s, c] = u(null), d = l(i);
+	d.current = i, a(() => {
+		let e = (e) => {
+			o.current && !o.current.contains(e.target) && d.current();
+		}, t = (e) => {
+			e.key === "Escape" && d.current();
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, []);
+	let m = {
+		position: "fixed",
+		top: e.top,
+		left: e.left,
+		background: "white",
+		border: "1px solid rgba(55, 53, 47, 0.16)",
+		borderRadius: 6,
+		boxShadow: "0 4px 16px rgba(15, 15, 15, 0.12)",
+		padding: 4,
+		zIndex: 9999,
+		minWidth: 160,
+		fontSize: 14
+	}, g = (e) => ({
+		display: "flex",
+		alignItems: "center",
+		gap: 8,
+		padding: "6px 10px",
+		borderRadius: 4,
+		cursor: "pointer",
+		color: e === "delete" ? "#eb5757" : "rgba(55, 53, 47, 0.85)",
+		background: s === e ? e === "delete" ? "rgba(235, 87, 87, 0.06)" : "rgba(55, 53, 47, 0.06)" : "transparent",
+		transition: "background 0.1s ease",
+		userSelect: "none",
+		lineHeight: 1
+	});
+	return /* @__PURE__ */ p("div", {
+		ref: o,
+		style: m,
+		children: [
+			/* @__PURE__ */ p("div", {
+				style: g("add"),
+				onMouseEnter: () => c("add"),
+				onMouseLeave: () => c(null),
+				onMouseDown: (e) => {
+					e.preventDefault(), t(), i();
+				},
+				children: [/* @__PURE__ */ f("span", { className: h(Z.Icon, Z.IconAdd) }), /* @__PURE__ */ f("span", { children: "Add below" })]
+			}),
+			/* @__PURE__ */ p("div", {
+				style: g("duplicate"),
+				onMouseEnter: () => c("duplicate"),
+				onMouseLeave: () => c(null),
+				onMouseDown: (e) => {
+					e.preventDefault(), r(), i();
+				},
+				children: [/* @__PURE__ */ f("span", { className: h(Z.Icon, Z.IconDuplicate) }), /* @__PURE__ */ f("span", { children: "Duplicate" })]
+			}),
+			/* @__PURE__ */ f("div", { style: ht }),
+			/* @__PURE__ */ p("div", {
+				style: g("delete"),
+				onMouseEnter: () => c("delete"),
+				onMouseLeave: () => c(null),
+				onMouseDown: (e) => {
+					e.preventDefault(), n(), i();
+				},
+				children: [/* @__PURE__ */ f("span", { className: h(Z.Icon, Z.IconTrash) }), /* @__PURE__ */ f("span", { children: "Delete" })]
+			})
+		]
+	});
 });
-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(
-    c,
-    {
-      ref: (d) => a.container = d,
-      ...l,
-      className: r,
-      style: o,
-      children: t.map((d) => /* @__PURE__ */ f(F, { mark: d }, i.get(d)))
-    }
-  );
+gt.displayName = "BlockMenu";
+var _t = n(() => {
+	let e = X(), t = e.state.tokens.use(), n = e.state.slots.use(), i = e.state.slotProps.use(), a = e.state.className.use(), o = e.state.style.use(), s = e.state.readOnly.use(), m = De(e.state.drag.use()), h = e.state.value.use(), g = e.state.onChange.use(), _ = e.key, v = e.refs, [x, S] = u(null), C = c(() => y("container", n), [n]), w = c(() => b("container", i), [i]), T = c(() => {
+		let e = G(t);
+		return e.length > 0 ? e : [mt];
+	}, [t]), E = l(T);
+	E.current = T;
+	let D = r((t, n) => {
+		if (h == null || !g) return;
+		let r = Ne(h, E.current, t, n);
+		r !== h && e.applyValue(r);
+	}, [
+		e,
+		h,
+		g
+	]), O = r((t) => {
+		h == null || !g || (e.applyValue(ke(h, E.current, t)), queueMicrotask(() => {
+			let n = e.refs.container;
+			if (!n) return;
+			let r = t + 1;
+			n.children[r]?.focus();
+		}));
+	}, [
+		e,
+		h,
+		g
+	]), k = r((t) => {
+		h == null || !g || e.applyValue(Ae(h, E.current, t));
+	}, [
+		e,
+		h,
+		g
+	]), A = r((t) => {
+		h == null || !g || e.applyValue(je(h, E.current, t));
+	}, [
+		e,
+		h,
+		g
+	]), j = r((e, t) => {
+		S({
+			index: e,
+			position: {
+				top: t.bottom + 4,
+				left: t.left
+			}
+		});
+	}, []), M = r(() => S(null), []);
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(C, {
+		ref: (e) => v.container = e,
+		...w,
+		className: a,
+		style: o,
+		children: T.map((e, t) => /* @__PURE__ */ f(lt, {
+			blockIndex: t,
+			readOnly: s,
+			alwaysShowHandle: m,
+			onReorder: D,
+			onRequestMenu: j,
+			children: e.tokens.map((e) => /* @__PURE__ */ f($, { mark: e }, _.get(e)))
+		}, e.id))
+	}), x && /* @__PURE__ */ f(gt, {
+		position: x.position,
+		onAdd: () => {
+			O(x.index), M();
+		},
+		onDelete: () => {
+			k(x.index), M();
+		},
+		onDuplicate: () => {
+			A(x.index), M();
+		},
+		onClose: M
+	})] });
 });
-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",
-        value: i.value,
-        meta: i.meta,
-        content: "",
-        position: { start: t.index, end: t.index + t.span.length },
-        descriptor: {
-          index: 0,
-          markup: t.option.markup
-        },
-        children: [],
-        nested: void 0
-      };
-      s.events.select({ mark: a, match: t }), s.events.clearOverlay();
-    },
-    [t]
-  ), o = S(
-    () => ({
-      get current() {
-        return s.refs.overlay;
-      },
-      set current(i) {
-        s.refs.overlay = i;
-      }
-    }),
-    []
-  );
-  return { match: t, style: e, select: r, close: n, ref: o };
-}
-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]
-  ), l = c.length;
-  return M(() => {
-    const d = s.refs.container;
-    if (!d) return;
-    const g = (u) => {
-      switch (u.key) {
-        case v.UP:
-          u.preventDefault(), i((h) => isNaN(h) ? 0 : (l + (h - 1) % l) % l);
-          break;
-        case v.DOWN:
-          u.preventDefault(), i((h) => isNaN(h) ? 0 : (h + 1) % l);
-          break;
-        case v.ENTER:
-          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", 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: (h) => {
-          u && h && h.scrollIntoView(!1);
-        },
-        className: u,
-        onClick: (h) => e({ value: d, meta: g.toString() }),
-        children: d
-      },
-      d
-    );
-  }) }) : null;
-}, 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);
+_t.displayName = "BlockContainer";
+//#endregion
+//#region src/components/Container.tsx
+var vt = n(() => {
+	let e = X(), t = e.state.tokens.use(), n = e.state.slots.use(), r = e.state.slotProps.use(), i = e.state.className.use(), a = e.state.style.use(), o = e.key, s = e.refs;
+	return /* @__PURE__ */ f(c(() => y("container", n), [n]), {
+		ref: (e) => s.container = e,
+		...c(() => b("container", r), [r]),
+		className: i,
+		style: a,
+		children: t.map((e) => /* @__PURE__ */ f($, { mark: e }, o.get(e)))
+	});
 });
-kt.displayName = "OverlayRenderer";
-function Fe(s) {
-  const {
-    ref: t,
-    value: e,
-    defaultValue: n,
-    onChange: r,
-    readOnly: o = !1,
-    block: i = !1,
-    Mark: a,
-    Overlay: c,
-    slots: l,
-    slotProps: d,
-    options: g = Se,
-    showOverlayOn: u = "change",
-    className: h,
-    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: g,
-    showOverlayOn: u,
-    Mark: a,
-    Overlay: c,
-    className: C,
-    style: y,
-    slots: l,
-    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 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] = P(() => new fe({ ref: n, store: t, token: e }));
-  _e(n, s, e);
-  const o = t.state.readOnly.use();
-  return M(() => {
-    r.readOnly = o;
-  }, [o]), r;
-};
-function _e(s, t, e) {
-  M(() => {
-    s.current && !t.controlled && (s.current.textContent = e.content);
-  }, []);
-}
-export {
-  fe as MarkHandler,
-  Fe as MarkedInput,
-  j as annotate,
-  He as denote,
-  me as reorderBlocks,
-  pe as splitTokensIntoBlocks,
-  We as useMark,
-  Le as useOverlay
+vt.displayName = "Container";
+//#endregion
+//#region src/lib/hooks/useOverlay.tsx
+function yt() {
+	let e = X(), t = e.state.overlayMatch.use(), n = B.getAbsolutePosition(), i = r(() => e.events.clearOverlay(), []);
+	return {
+		match: t,
+		style: n,
+		select: r((n) => {
+			let r = et(t, n.value, n.meta);
+			e.events.select({
+				mark: r,
+				match: t
+			}), e.events.clearOverlay();
+		}, [t]),
+		close: i,
+		ref: c(() => ({
+			get current() {
+				return e.refs.overlay;
+			},
+			set current(t) {
+				e.refs.overlay = t;
+			}
+		}), [])
+	};
+}
+//#endregion
+//#region src/components/Suggestions/Suggestions.tsx
+var bt = () => {
+	let e = X(), { match: t, select: n, style: r, ref: i } = yt(), [o, s] = u(NaN), d = t.option.overlay?.data || [], p = c(() => $e(d, t.value), [t.value, d]), m = p.length, h = l(o);
+	h.current = o;
+	let g = l(p);
+	return g.current = p, a(() => {
+		let t = e.refs.container;
+		if (!t) return;
+		let r = (e) => {
+			let t = nt(e.key, h.current, m);
+			switch (t.action) {
+				case "up":
+				case "down":
+					e.preventDefault(), s(t.index);
+					break;
+				case "select": {
+					e.preventDefault();
+					let r = g.current[t.index];
+					n({
+						value: r,
+						meta: t.index.toString()
+					});
+					break;
+				}
+			}
+		};
+		return t.addEventListener("keydown", r), () => t.removeEventListener("keydown", r);
+	}, [m, n]), p.length ? /* @__PURE__ */ f("ul", {
+		ref: i,
+		className: Z.Suggestions,
+		style: r,
+		children: p.map((e, t) => {
+			let r = t === o ? Z.suggestionActive : void 0;
+			return /* @__PURE__ */ f("li", {
+				ref: (e) => {
+					r && e && e.scrollIntoView(!1);
+				},
+				className: r,
+				onClick: (r) => n({
+					value: e,
+					meta: t.toString()
+				}),
+				children: e
+			}, e);
+		})
+	}) : null;
+}, xt = n(() => {
+	let e = X(), t = e.state.overlayMatch.use(), n = c(() => t ? e.key.get(t.option) : void 0, [t]), [r, i] = dt("overlay", t?.option, void 0, bt);
+	if (n) return /* @__PURE__ */ f(r, { ...i ?? {} }, n);
+});
+xt.displayName = "OverlayRenderer";
+//#endregion
+//#region src/components/MarkedInput.tsx
+function St(e) {
+	let { ref: t, value: n, defaultValue: r, onChange: i, readOnly: a = !1, drag: o = !1, Mark: s, Overlay: c, slots: l, slotProps: d, options: m = S, showOverlayOn: _ = "change", className: v, style: y } = e, b = h(Z.Container, v, d?.container?.className), x = g(y, d?.container?.style), [C] = u(() => new rt({ createUseHook: at }));
+	return C.state.set({
+		value: n,
+		defaultValue: r,
+		onChange: i,
+		readOnly: a,
+		drag: o,
+		options: m,
+		showOverlayOn: _,
+		Mark: s,
+		Overlay: c,
+		className: b,
+		style: x,
+		slots: l,
+		slotProps: d
+	}), ot(C, t), /* @__PURE__ */ p(st, {
+		value: C,
+		children: [/* @__PURE__ */ f(o ? _t : vt, {}), /* @__PURE__ */ f(xt, {})]
+	});
+}
+//#endregion
+//#region src/lib/hooks/useMark.tsx
+var Ct = (e = {}) => {
+	let t = X(), n = ut(), r = l(null);
+	if (n.type !== "mark") throw Error("useMark can only be used with mark tokens");
+	let [i] = u(() => new it({
+		ref: r,
+		store: t,
+		token: n
+	}));
+	wt(r, e, n);
+	let o = t.state.readOnly.use();
+	return a(() => {
+		i.readOnly = o;
+	}, [o]), i;
 };
+function wt(e, t, n) {
+	a(() => {
+		e.current && !t.controlled && (e.current.textContent = n.content);
+	}, []);
+}
+//#endregion
+export { it as MarkHandler, St as MarkedInput, P as annotate, ce as denote, Ct as useMark, yt as useOverlay };