@markput/react 0.7.0 → 0.8.0

package/index.js

@@ -1,64 +1,103 @@
 import "./index.css";
-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])) : {};
+import { createContext as e, memo as t, useCallback as n, useContext as r, useEffect as i, useImperativeHandle as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l, useSyncExternalStore as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region ../../common/core/src/shared/utils/shallow.ts
+function p(e, t) {
+	if (Object.is(e, t)) return !0;
+	if (typeof e != "object" || !e || typeof t != "object" || !t) return !1;
+	let n = Object.keys(e);
+	if (n.length !== Object.keys(t).length) return !1;
+	for (let r of n) if (!Object.prototype.hasOwnProperty.call(t, r) || !Object.is(Reflect.get(e, r), Reflect.get(t, r))) return !1;
+	return !0;
 }
 //#endregion
 //#region ../../common/core/src/shared/utils/cx.ts
-function h(...e) {
+function m(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
 //#region ../../common/core/src/shared/utils/merge.ts
-function g(...e) {
+function h(...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) {
+function g(e, t) {
 	return e === void 0 ? t : typeof e == "function" ? e(t) : e;
 }
 //#endregion
+//#region ../../common/core/src/shared/utils/dataAttributes.ts
+function ee(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/resolveSlot.ts
-var v = {
+var te = {
 	container: "div",
+	block: "div",
 	span: "span"
 };
-function y(e, t) {
-	return t?.[e] ?? v[e];
+function _(e, t) {
+	return t?.[e] ?? te[e];
 }
-function b(e, t) {
+function v(e, t) {
 	let n = t?.[e];
-	return n ? m(n) : void 0;
+	return n ? ee(n) : void 0;
+}
+function ne(e, t, n) {
+	let r = t?.Overlay ?? e ?? n;
+	if (!r) throw Error("No overlay component found. Provide either option.Overlay, global Overlay, or a defaultComponent.");
+	return [r, g(t?.overlay, {})];
+}
+function re(e, t, n, r, i) {
+	if (e.type === "text") return [r ?? i, { value: e.content }];
+	let a = t?.[e.descriptor.index], o = {
+		value: e.value,
+		meta: e.meta
+	}, s = g(a?.mark, o), c = a?.Mark ?? n;
+	if (!c) throw Error("No mark component found. Provide either option.Mark or global Mark.");
+	return [c, s];
 }
 //#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 = [{
+var y = {
+	UP: "ArrowUp",
+	DOWN: "ArrowDown",
+	LEFT: "ArrowLeft",
+	RIGHT: "ArrowRight",
+	END: "End",
+	HOME: "Home",
+	PAGE_DOWN: "PageDown",
+	PAGE_UP: "PageUp",
+	ENTER: "Enter",
+	TAB: "Tab",
+	SPACE: " ",
+	BACKSPACE: "Backspace",
+	DELETE: "Delete",
+	COMMA: ",",
+	ESC: "Escape"
+}, ie = [{
 	markup: "@[__value__](__meta__)",
 	overlay: {
 		trigger: "@",
 		data: []
 	}
-}], C = {
+}], b = {
 	Value: "__value__",
 	Meta: "__meta__",
 	Slot: "__slot__"
-}, w = {
+}, x = {
 	Value: "value",
 	Meta: "meta",
 	Slot: "slot"
 };
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/core/MarkupDescriptor.ts
-function T(e, t) {
-	let { segments: n, gapTypes: r, counts: i, valueGapIndices: a } = D(e);
-	O(i, e);
-	let o = i.value === 2, { segments: s, gapTypes: c } = o ? ee(n, r, a) : {
+function ae(e, t) {
+	let { segments: n, gapTypes: r, counts: i, valueGapIndices: a } = se(e);
+	ce(i, e);
+	let o = i.value === 2, { segments: s, gapTypes: c } = o ? le(n, r, a) : {
 		segments: n,
 		gapTypes: r
 	};
@@ -72,23 +111,23 @@ function T(e, t) {
 		segmentGlobalIndices: Array.from({ length: s.length })
 	};
 }
-var E = {
-	[w.Value]: C.Value,
-	[w.Meta]: C.Meta,
-	[w.Slot]: C.Slot
+var oe = {
+	[x.Value]: b.Value,
+	[x.Meta]: b.Meta,
+	[x.Slot]: b.Slot
 };
-function D(e) {
+function se(e) {
 	let t = [], n = [], r = [], i = {
 		value: 0,
 		meta: 0,
 		slot: 0
 	}, a = [], o = [
-		w.Value,
-		w.Meta,
-		w.Slot
+		x.Value,
+		x.Meta,
+		x.Slot
 	];
 	for (let t of o) {
-		let n = E[t], r = e.indexOf(n);
+		let n = oe[t], r = e.indexOf(n);
 		for (; r !== -1;) a.push({
 			type: t,
 			position: r
@@ -98,7 +137,7 @@ function D(e) {
 	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 + E[o.type].length;
+		a.length > 0 && t.push(a), n.push(o.type), i[o.type]++, o.type === x.Value && r.push(n.length - 1), s = o.position + oe[o.type].length;
 	}
 	let c = e.substring(s);
 	return c.length > 0 && t.push(c), {
@@ -108,42 +147,42 @@ function D(e) {
 		valueGapIndices: r
 	};
 }
-function O(e, t) {
+function ce(e, t) {
 	let n = [
 		{
 			count: e.value,
 			max: 2,
-			name: C.Value
+			name: b.Value
 		},
 		{
 			count: e.meta,
 			max: 1,
-			name: C.Meta
+			name: b.Meta
 		},
 		{
 			count: e.slot,
 			max: 1,
-			name: C.Slot
+			name: b.Slot
 		}
 	];
 	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.slot === 0) throw Error(`Invalid markup: "${t}". Need at least one "${C.Value}" or "${C.Slot}"`);
+	if (e.value === 0 && e.slot === 0) throw Error(`Invalid markup: "${t}". Need at least one "${b.Value}" or "${b.Slot}"`);
 }
-function ee(e, t, n) {
+function le(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(k(o, s, e[r + 2]));
+	o && s && a.push(ue(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(k(c, l, e[i + 2])), {
+	return c && l && a.push(ue(c, l, e[i + 2])), {
 		segments: a,
-		gapTypes: t.filter((e) => e !== w.Value)
+		gapTypes: t.filter((e) => e !== x.Value)
 	};
 }
-function k(e, t, n) {
+function ue(e, t, n) {
 	if (!n) return [
 		e,
 		t,
@@ -158,11 +197,11 @@ function k(e, t, n) {
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/core/MarkupRegistry.ts
-function A(e, t) {
+function de(e, t) {
 	let n = e.get(t);
 	return n || (n = [], e.set(t, n)), n;
 }
-var j = class {
+var fe = class {
 	markups;
 	descriptors;
 	segments = [];
@@ -172,7 +211,7 @@ var j = class {
 		let t = /* @__PURE__ */ new Map();
 		this.descriptors = e.map((e, n) => {
 			if (e === void 0) return null;
-			let r = T(e, n);
+			let r = ae(e, n);
 			return r.segments.forEach((e, n) => {
 				this.processSegment(r, e, n, t);
 			}), this.addToFirstSegmentIndexMap(r), r;
@@ -180,23 +219,22 @@ var j = class {
 	}
 	addToFirstSegmentIndexMap(e) {
 		let t = e.segmentGlobalIndices[0];
-		t !== void 0 && A(this.firstSegmentIndexMap, t).push(e);
+		de(this.firstSegmentIndexMap, t).push(e);
 	}
 	processSegment(e, t, n, r) {
 		let i = this.getSegmentKey(t);
 		if (!i) return;
-		this.registerSegment(t, i, r);
-		let a = r.get(i);
+		let a = this.registerSegment(t, i, r);
 		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);
-		}
+		let r = n.get(t);
+		if (r !== void 0) return r;
+		let i = this.segments.length;
+		return this.segments.push(e), n.set(t, i), i;
 	}
 	getSegmentKey(e) {
 		if (typeof e == "string") return e;
@@ -206,7 +244,7 @@ var j = class {
 };
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/utils/getSegmentIndex.ts
-function M(e, t) {
+function pe(e, t) {
 	if (!t) return e;
 	let n = 5381;
 	for (let e = 0; e < t.length; e++) n = n * 33 ^ t.charCodeAt(e);
@@ -214,17 +252,25 @@ function M(e, t) {
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/core/Match.ts
-var te = class {
+var me = 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) {
+		if (this.descriptor = e, this.expectedSegmentIndex = 1, this.start = t.start, this.end = t.end, e.segments.length === 1) {
+			this.expectedSegmentIndex = NaN;
+			let t = e.gapTypes[0] ?? "value";
+			t === "slot" ? this.gaps.slot = {
+				start: this.start,
+				end: this.start
+			} : this.gaps[t] = {
+				start: this.start,
+				end: this.end
+			};
+		}
+		if (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 = {
@@ -247,7 +293,7 @@ var te = class {
 		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 pe(e, n + this.captured + r);
 		}
 		return e;
 	}
@@ -268,11 +314,11 @@ var te = class {
 };
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/core/PatternMatcher.ts
-function ne(e, t) {
+function he(e, t) {
 	let n = e.get(t);
 	return n || (n = [], e.set(t, n)), n;
 }
-var re = class {
+var ge = class {
 	pendingStates = /* @__PURE__ */ new Map();
 	completingStates = /* @__PURE__ */ new Map();
 	completedStates = [];
@@ -282,7 +328,7 @@ var re = class {
 	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);
+		return this.resolveSlotLeadingMatches(), this.completedStates.map((e) => e.match);
 	}
 	processWaitingStates(e) {
 		let t = this.dequeueWaitingMatch(e);
@@ -293,7 +339,7 @@ var re = class {
 	}
 	tryStartNewStates(e) {
 		this.registry.firstSegmentIndexMap.get(e.index)?.forEach((t) => {
-			let n = new te(t, e);
+			let n = new me(t, e);
 			if (!n.isInvalid) {
 				if (n.isCompleted) return this.addToCompleted(n);
 				this.addToWaiting(n);
@@ -301,14 +347,37 @@ var re = class {
 		});
 	}
 	dequeueWaitingMatch(e) {
-		let t = e.captured ? M(e.index, e.value) : e.index, n = this.completingStates.get(t);
+		let t = e.captured ? pe(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;
-		ne(e.isAwaitingLastSegment ? this.completingStates : this.pendingStates, t).push(e);
+		t !== void 0 && he(e.isAwaitingLastSegment ? this.completingStates : this.pendingStates, t).push(e);
+	}
+	resolveSlotLeadingMatches() {
+		let e = !1;
+		for (let t of this.completedStates) if (this.isSlotLeading(t.match)) {
+			e = !0;
+			break;
+		}
+		if (!e) return;
+		let t = 0;
+		for (let e of this.completedStates) {
+			let { match: n } = e;
+			if (this.isSlotLeading(n)) {
+				let r = n.start;
+				n.start = t, e.position = t, n.gaps.slot = {
+					start: t,
+					end: r
+				}, t = n.end;
+			}
+		}
+		this.completedStates.sort((e, t) => e.position - t.position);
+	}
+	isSlotLeading(e) {
+		return e.descriptor.segments.length === 1 && e.descriptor.hasSlot;
 	}
 	addToCompleted(e) {
 		let t = e.start, n = 0, r = this.completedStates.length;
@@ -321,14 +390,14 @@ var re = class {
 			match: e
 		});
 	}
-}, N = (e) => e.replace(/[.*+?^${}()|[\]\\\\]/g, "\\$&");
+}, S = (e) => e.replace(/[.*+?^${}()|[\]\\\\]/g, "\\$&");
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/core/SegmentMatcher.ts
-function P(e, t, n) {
-	let r = N(e), i = N(t);
-	return `${r}([^${N(t + n)}]+?)${i}`;
+function _e(e, t, n) {
+	let r = S(e), i = S(t);
+	return `${r}([^${S(t + n)}]+?)${i}`;
 }
-var F = class {
+var ve = class {
 	static;
 	dynamic;
 	constructor(e) {
@@ -342,7 +411,7 @@ var F = class {
 				index: i
 			});
 		}), t.length > 0) {
-			let e = [...t].toSorted((e, t) => t.length - e.length).map(N);
+			let e = [...t].toSorted((e, t) => t.length - e.length).map(S);
 			this.static = {
 				regex: RegExp(`(?:${e.join("|")})`, "gu"),
 				toIndex: r
@@ -351,9 +420,10 @@ var F = class {
 		if (n.length > 0) {
 			let e = /* @__PURE__ */ new Set(), t = [];
 			n.forEach(({ segment: n, index: r }) => {
+				if (typeof n == "string") return;
 				let [i, a, o] = n;
 				e.add(r);
-				let s = P(i, a, o).replace("(", `(?<content${r}>`);
+				let s = _e(i, a, o).replace("(", `(?<content${r}>`);
 				t.push({
 					index: r,
 					pattern: s,
@@ -406,17 +476,23 @@ var F = class {
 		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;
 	}
-}, I = (e, t = 0, n = e.length) => ({
+}, ye = (e, t = 0, n = e.length) => ({
 	type: "text",
 	content: e.substring(t, n),
 	position: {
 		start: t,
 		end: n
 	}
-}), ie = class {
+}), be = class {
 	input;
+	options;
+	constructor(e) {
+		this.options = e ?? {};
+	}
 	build(e, t) {
-		return this.input = t, e.length === 0 ? [this.createTextToken(0, t.length)] : this.buildSinglePass(e);
+		if (this.input = t, e.length === 0) return this.filterTokens([this.createTextToken(0, t.length)]);
+		let n = this.buildSinglePass(e);
+		return this.filterTokens(n);
 	}
 	buildSinglePass(e) {
 		let t = [], n = [], r = null, i = 0;
@@ -446,7 +522,9 @@ var F = class {
 			} else e ? e.token.children.push(o) : t.push(o);
 		}
 		for (; n.length > 0;) {
-			let e = n.pop(), r = this.getContentBounds(e.match);
+			let e = n[n.length - 1];
+			n.pop();
+			let 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;
@@ -455,13 +533,13 @@ var F = class {
 		e.token.children.push(this.createTextToken(e.textPos, t));
 	}
 	createMarkToken(e) {
-		let t = this.extractSubstring(e.gaps.value?.start, e.gaps.value?.end), n = this.extractSubstring(e.gaps.slot?.start, e.gaps.slot?.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 || "";
+		let t = this.extractSubstring(e.gaps.value?.start, e.gaps.value?.end), n = this.extractSubstring(e.gaps.slot?.start, e.gaps.slot?.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;
 		return {
 			type: "mark",
 			content: this.input.substring(e.start, e.end),
 			children: [],
 			descriptor: e.descriptor,
-			value: o,
+			value: t,
 			meta: a,
 			position: {
 				start: e.start,
@@ -483,7 +561,7 @@ var F = class {
 		return e !== void 0 && t !== void 0 ? this.input.substring(e, t) : "";
 	}
 	createTextToken(e, t) {
-		return I(this.input, e, t);
+		return ye(this.input, e, t);
 	}
 	createSlotSourceInfo(e, t) {
 		if (!(!t || e.gaps.slot === void 0)) return {
@@ -492,14 +570,18 @@ var F = class {
 			end: e.gaps.slot.end
 		};
 	}
+	filterTokens(e) {
+		let { marksOnly: t, skipEmptyText: n } = this.options;
+		return !t && !n ? e : e.filter((e) => e.type === "text" ? !(t || n && e.position.start === e.position.end) : !0);
+	}
 };
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/utils/processTokens.ts
-function L(e, t) {
+function C(e, t) {
 	let n = "";
 	for (let r of e) if (r.type === "text") n += r.content;
 	else if (r.children.length > 0) {
-		let e = L(r.children, t), i = {
+		let e = C(r.children, t), i = {
 			...r,
 			value: e
 		};
@@ -509,21 +591,21 @@ function L(e, t) {
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/utils/annotate.ts
-function R(e, t) {
+function w(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.slot !== void 0 && (n = n.replaceAll(C.Slot, t.slot)), n;
+	return t.value !== void 0 && (n = n.replaceAll(b.Value, t.value)), t.meta !== void 0 && (n = n.replaceAll(b.Meta, t.meta)), t.slot !== void 0 && (n = n.replaceAll(b.Slot, t.slot)), n;
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/utils/toString.ts
-function z(e) {
+function T(e) {
 	let t = "";
 	for (let n of e) {
 		if (n.type === "text") {
 			t += n.content;
 			continue;
 		}
-		let { markup: e, hasSlot: r } = n.descriptor, i = r ? n.children.length > 0 ? z(n.children) : n.slot?.content : void 0;
-		t += R(e, {
+		let { markup: e, hasSlot: r } = n.descriptor, i = r ? n.children.length > 0 ? T(n.children) : n.slot?.content : void 0;
+		t += w(e, {
 			value: n.value,
 			meta: n.meta,
 			slot: i
@@ -533,30 +615,33 @@ function z(e) {
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/Parser.ts
-var B = class e {
+var xe = class e {
 	registry;
 	segmentMatcher;
 	patternMatcher;
 	treeBuilder;
-	constructor(e) {
-		this.registry = new j(e), this.segmentMatcher = new F(this.registry.segments), this.patternMatcher = new re(this.registry), this.treeBuilder = new ie();
+	parseOptions;
+	constructor(e, t) {
+		this.registry = new fe(e), this.segmentMatcher = new ve(this.registry.segments), this.patternMatcher = new ge(this.registry), this.parseOptions = t ?? {}, this.treeBuilder = new be(this.parseOptions);
 	}
 	static parse(t, n) {
 		let r = n?.markup;
-		return !r || r.length === 0 ? [I(t)] : new e(r).parse(t);
+		if (!r || r.length === 0) return [ye(t)];
+		let { markup: i, ...a } = n;
+		return new e(r, a).parse(t);
 	}
 	static stringify(e) {
-		return z(e);
+		return T(e);
 	}
 	parse(e) {
 		let t = this.segmentMatcher.search(e), n = this.patternMatcher.process(t);
 		return this.treeBuilder.build(n, e);
 	}
 	stringify(e) {
-		return z(e);
+		return T(e);
 	}
 	transform(e, t) {
-		return L(this.parse(e), t);
+		return C(this.parse(e), t);
 	}
 	escape(e) {
 		return this.registry.segments.filter((e) => typeof e == "string").toSorted((e, t) => t.length - e.length).reduce((e, t) => e.replaceAll(t, t.replace(/(.)/g, "\\$1")), e);
@@ -567,26 +652,26 @@ var B = class e {
 };
 //#endregion
 //#region ../../common/core/src/features/parsing/parser/utils/denote.ts
-function ae(e, t, n) {
-	return n.length ? L(new B(n).parse(e), t) : e;
+function Se(e, t, n) {
+	return n.length ? C(new xe(n).parse(e), t) : e;
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/utils/findToken.ts
-function V(e, t, n = 0, r) {
+function E(e, t, n = 0, r) {
 	for (let i of e) {
 		if (i === t) return {
 			depth: n,
 			parent: r
 		};
 		if (i.type === "mark") {
-			let e = V(i.children, t, n + 1, i);
+			let e = E(i.children, t, n + 1, i);
 			if (e) return e;
 		}
 	}
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/preparsing/utils/findGap.ts
-function oe(e = "", t = "") {
+function Ce(e = "", t = "") {
 	if (e === t) return {};
 	let n;
 	for (let r = 0; r < e.length; r++) if (e[r] !== t[r]) {
@@ -605,7 +690,7 @@ function oe(e = "", t = "") {
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/preparsing/utils/getClosestIndexes.ts
-function se(e, t) {
+function we(e, t) {
 	let n = -1, r = e.length;
 	for (; r - n > 1;) {
 		let i = Math.round((n + r) / 2);
@@ -615,49 +700,47 @@ function se(e, t) {
 }
 //#endregion
 //#region ../../common/core/src/features/parsing/utils/valueParser.ts
-function ce(e) {
+function Te(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 le(e) {
-	let t = e.state.value.get(), n = de(e), r = oe(e.state.previousValue.get(), t);
+function Ee(e) {
+	let t = e.state.value.get(), n = De(e), r = Ce(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 = ue(e, t - 1, t);
-			return i.toSpliced(t - 1, 2, ...a);
-		}
-		case r.left !== void 0: {
-			let [t] = se(n, r.left), a = ue(e, t);
-			return a.length === 1 ? i : i.toSpliced(t, 1, ...a);
-		}
-		case r.right !== void 0: {
-			let [t] = se(n, r.right), a = ue(e, t);
-			return a.length === 1 ? i : i.toSpliced(t, 1, ...a);
-		}
-		default: return H(e, t ?? "");
+	if (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 = D(e, t - 1, t);
+		return i.toSpliced(t - 1, 2, ...a);
+	}
+	if (r.left !== void 0) {
+		let [t] = we(n, r.left), a = D(e, t);
+		return a.length === 1 ? i : i.toSpliced(t, 1, ...a);
+	}
+	if (r.right !== void 0) {
+		let [t] = we(n, r.right), a = D(e, t);
+		return a.length === 1 ? i : i.toSpliced(t, 1, ...a);
 	}
+	return O(e, t ?? "");
 }
-function ue(e, ...t) {
+function D(e, ...t) {
 	let n = "", r = e.state.tokens.get();
 	for (let e of t) {
 		let t = r[e];
 		n += t.content;
 	}
-	return H(e, n);
+	return O(e, n);
 }
-function de(e) {
+function De(e) {
 	let t = 0;
 	return e.state.tokens.get().map((e) => {
 		let n = e.content.length;
 		return t += n, t - n;
-	}) ?? [];
+	});
 }
-function H(e, t) {
+function O(e, t) {
 	let n = e.state.parser.get();
 	return n ? n.parse(t) : [{
 		type: "text",
@@ -670,12 +753,12 @@ function H(e, t) {
 }
 //#endregion
 //#region ../../common/core/src/shared/classes/Reactive.ts
-var fe = (e, t) => e === t, pe = class e {
+var Oe = (e, t) => e === t, k = class e {
 	#e;
 	#t = /* @__PURE__ */ new Set();
 	#n;
 	constructor(e, t) {
-		this.#e = e, this.#n = t?.equals ?? fe;
+		this.#e = e, this.#n = t?.equals ?? Oe;
 	}
 	static event() {
 		return new e(void 0, { equals: !1 });
@@ -684,13 +767,13 @@ var fe = (e, t) => e === t, pe = class e {
 		return this.#e;
 	}
 	set value(e) {
-		(this.#n === !1 || !this.#n(this.#e, e)) && (this.#e = e, this.#t.forEach((t) => t(e)));
+		this.setSilent(e) && this.notify();
 	}
 	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));
+		e !== void 0 && (this.#e = e), this.#t.forEach((e) => e(this.#e));
 	}
 	get() {
 		return this.#e;
@@ -698,49 +781,204 @@ var fe = (e, t) => e === t, pe = class e {
 	set(e) {
 		this.value = e;
 	}
+	setSilent(e) {
+		return this.#n === !1 || !this.#n(this.#e, e) ? (this.#e = e, !0) : !1;
+	}
+	notify() {
+		this.#t.forEach((e) => e(this.#e));
+	}
 };
 //#endregion
 //#region ../../common/core/src/shared/classes/defineState.ts
-function me(e, t) {
+function ke(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 he(e, t) {
-	let n = /* @__PURE__ */ new Map();
-	for (let t in e) n.set(t, new pe(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]);
+function Ae(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let t in e) {
+		let i = n?.equals?.[t];
+		r.set(t, new k(e[t], i == null ? void 0 : { equals: i }));
+	}
+	return new Proxy(e, { get(e, n) {
+		if (n === "set") return (e) => {
+			let t = [];
+			for (let n in e) {
+				let i = r.get(n);
+				i?.setSilent(e[n]) && t.push(i);
+			}
+			for (let e of t) e.notify();
 		};
-		let i = n.get(r);
-		if (i) return me(i, t);
+		let i = r.get(n);
+		if (i) return ke(i, t);
 	} });
 }
 //#endregion
 //#region ../../common/core/src/shared/classes/defineEvents.ts
-function ge(e) {
-	let t = function(t) {
+function je(e) {
+	return Object.assign((t) => {
 		e.emit(t);
-	};
-	return t.on = (t) => e.on(t), t;
+	}, { on: (t) => e.on(t) });
 }
-function _e(e) {
+function Me(e) {
 	let t = e ? Object.keys(e) : [], n = /* @__PURE__ */ new Map();
-	for (let e of t) n.set(e, pe.event());
+	for (let e of t) n.set(e, k.event());
 	return new Proxy({}, { get(e, t) {
 		let r = n.get(t);
-		return r || (r = pe.event(), n.set(t, r)), ge(r);
+		return r || (r = k.event(), n.set(t, r)), je(r);
 	} });
 }
 //#endregion
-//#region ../../common/core/src/shared/classes/KeyGenerator.ts
-var ve = class {
+//#region ../../common/core/src/features/drag/eventHandlers.ts
+function Ne(e, t) {
+	return e < t.top + t.height / 2 ? "before" : "after";
+}
+function Pe(e) {
+	let t = parseInt(e.getData("text/plain"), 10);
+	return isNaN(t) ? null : t;
+}
+function Fe(e, t) {
+	return t === "before" ? e : e + 1;
+}
+//#endregion
+//#region ../../common/core/src/shared/utils/menuUtils.ts
+function Ie(e, t) {
+	return !!t && !t.contains(e instanceof Node ? e : null);
+}
+function Le(e) {
+	return e.key === "Escape";
+}
+//#endregion
+//#region ../../common/core/src/shared/classes/BlockStore.ts
+var Re = class {
+	refs = { container: null };
+	state;
+	#e = 0;
+	#t = null;
+	#n;
+	#r;
+	#i;
+	constructor(e) {
+		this.state = Ae({
+			isHovered: !1,
+			isDragging: !1,
+			dropPosition: null,
+			menuOpen: !1,
+			menuPosition: {
+				top: 0,
+				left: 0
+			}
+		}, e);
+	}
+	attachContainer(e, t, n) {
+		if (this.#e = t, this.#t = n, e === this.refs.container || (this.#n?.(), this.refs.container = e, !e)) return;
+		let r = () => this.state.isHovered.set(!0), i = () => this.state.isHovered.set(!1), a = (t) => {
+			t.dataTransfer && (t.preventDefault(), t.dataTransfer.dropEffect = "move", this.state.dropPosition.set(Ne(t.clientY, e.getBoundingClientRect())));
+		}, o = (e) => {
+			let t = e.currentTarget;
+			t instanceof Node && t.contains(e.relatedTarget instanceof Node ? e.relatedTarget : null) || this.state.dropPosition.set(null);
+		}, s = (e) => {
+			if (!e.dataTransfer) return;
+			e.preventDefault();
+			let t = Pe(e.dataTransfer);
+			if (t === null) return;
+			let r = Fe(this.#e, this.state.dropPosition.get() ?? "after");
+			this.state.dropPosition.set(null), n.reorder(t, r);
+		};
+		e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", i), e.addEventListener("dragover", a), e.addEventListener("dragleave", o), e.addEventListener("drop", s), this.#n = () => {
+			e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", i), e.removeEventListener("dragover", a), e.removeEventListener("dragleave", o), e.removeEventListener("drop", s);
+		};
+	}
+	attachGrip(e, t, n) {
+		if (this.#e = t, this.#t = n, this.#r?.(), !e) return;
+		let r = (e) => {
+			e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(this.#e)), this.state.isDragging.set(!0), this.refs.container && e.dataTransfer.setDragImage(this.refs.container, 0, 0));
+		}, i = () => {
+			this.state.isDragging.set(!1), this.state.dropPosition.set(null);
+		}, a = (t) => {
+			t.preventDefault();
+			let n = e.getBoundingClientRect();
+			this.state.menuPosition.set({
+				top: n.bottom + 4,
+				left: n.left
+			}), this.state.menuOpen.set(!0);
+		};
+		e.addEventListener("dragstart", r), e.addEventListener("dragend", i), e.addEventListener("click", a), this.#r = () => {
+			e.removeEventListener("dragstart", r), e.removeEventListener("dragend", i), e.removeEventListener("click", a);
+		};
+	}
+	attachMenu(e) {
+		if (this.#i?.(), !e) return;
+		let t = (t) => {
+			Ie(t.target, e) && this.closeMenu();
+		}, n = (e) => {
+			Le(e) && this.closeMenu();
+		};
+		document.addEventListener("mousedown", t), document.addEventListener("keydown", n), this.#i = () => {
+			document.removeEventListener("mousedown", t), document.removeEventListener("keydown", n);
+		};
+	}
+	closeMenu = () => this.state.menuOpen.set(!1);
+	addBlock = () => {
+		this.#t && (this.#t.add(this.#e), this.closeMenu());
+	};
+	deleteBlock = () => {
+		this.#t && (this.#t.delete(this.#e), this.closeMenu());
+	};
+	duplicateBlock = () => {
+		this.#t && (this.#t.duplicate(this.#e), this.closeMenu());
+	};
+}, ze = class {
+	#e = /* @__PURE__ */ new WeakMap();
+	#t;
+	constructor(e) {
+		this.#t = e;
+	}
+	get(e) {
+		let t = this.#e.get(e);
+		return t || (t = new Re(this.#t), this.#e.set(e, t)), t;
+	}
+}, Be = 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++);
 	}
-}, U = class {
+};
+//#endregion
+//#region ../../common/core/src/shared/checkers/domGuards.ts
+function A(e) {
+	return typeof HTMLElement < "u" && e instanceof HTMLElement;
+}
+function j(e) {
+	return e instanceof Text;
+}
+function M(e, t) {
+	let n = e?.children[t];
+	return n instanceof HTMLElement ? n : void 0;
+}
+function N(e) {
+	return e ? Array.from(e.children).filter((e) => e instanceof HTMLElement) : [];
+}
+function Ve(e) {
+	let t = e?.firstElementChild;
+	return t instanceof HTMLElement ? t : null;
+}
+function He(e) {
+	let t = e?.lastElementChild;
+	return t instanceof HTMLElement ? t : null;
+}
+function Ue(e) {
+	let { target: t } = e;
+	return t instanceof Node ? t : null;
+}
+function P(e) {
+	let t = e.nextNode();
+	return t?.nodeType === 3 ? t : null;
+}
+//#endregion
+//#region ../../common/core/src/features/caret/Caret.ts
+var F = class {
 	static get isSelectedPosition() {
 		let e = window.getSelection();
 		if (e) return e.isCollapsed;
@@ -757,7 +995,7 @@ var ve = class {
 		throw Error("Anchor node of selection is not exists!");
 	}
 	static getAbsolutePosition() {
-		let e = window.getSelection()?.getRangeAt(0).getBoundingClientRect?.();
+		let e = window.getSelection()?.getRangeAt(0).getBoundingClientRect();
 		return e ? {
 			left: e.left,
 			top: e.top + e.height + 1
@@ -786,19 +1024,19 @@ var ve = class {
 		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();
+		let r = e.getBoundingClientRect(), i = n ?? r.top + r.height / 2, a = document, o = a.caretRangeFromPoint?.(t, i) ?? a.caretPositionFromPoint?.(t, i);
 		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);
+		let s = window.getSelection();
+		if (!s) return;
+		let c;
+		if (o instanceof Range) c = o;
+		else if ("offsetNode" in o) c = document.createRange(), c.setStart(o.offsetNode, o.offset), c.collapse(!0);
 		else return;
-		if (!e.contains(s.startContainer)) {
+		if (!e.contains(c.startContainer)) {
 			this.setIndex(e, Infinity);
 			return;
 		}
-		o.removeAllRanges(), o.addRange(s);
+		s.removeAllRanges(), s.addRange(c);
 	}
 	static trySetIndex(e, t) {
 		try {
@@ -810,11 +1048,11 @@ var ve = class {
 	static setIndex(e, t) {
 		let n = window.getSelection();
 		if (!n) return;
-		let r = document.createTreeWalker(e, 4), i = r.nextNode();
+		let r = document.createTreeWalker(e, 4), i = P(r);
 		if (!i) return;
 		let a = isFinite(t) ? Math.max(0, t) : Infinity;
-		for (; i;) {
-			let e = r.nextNode();
+		for (;;) {
+			let e = P(r);
 			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);
@@ -839,22 +1077,22 @@ var ve = class {
 		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);
+		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);
 	}
-}, ye = /* @__PURE__ */ new RegExp(/^\w*/), be = class e {
+}, We = /* @__PURE__ */ new RegExp(/^\w*/), Ge = class e {
 	span;
 	node;
 	dividedText;
 	constructor() {
-		let e = U.getCurrentPosition();
-		this.node = U.getSelectedNode(), this.span = U.getFocusedSpan(), this.dividedText = this.getDividedTextBy(e);
+		let e = F.getCurrentPosition();
+		this.node = F.getSelectedNode(), this.span = F.getFocusedSpan(), this.dividedText = this.getDividedTextBy(e);
 	}
 	static find(t, n) {
-		if (t && U.isSelectedPosition) try {
+		if (t && F.isSelectedPosition) try {
 			return new e().find(t, n);
 		} catch {
 			return;
@@ -891,7 +1129,7 @@ var ve = class {
 	}
 	matchRightPart() {
 		let { right: e } = this.dividedText;
-		return { word: e.match(ye)?.[0] };
+		return { word: e.match(We)?.[0] };
 	}
 	matchLeftPart(e) {
 		let t = this.makeTriggerRegex(e), { left: n } = this.dividedText, r = n.match(t);
@@ -904,17 +1142,17 @@ var ve = class {
 		};
 	}
 	makeTriggerRegex(e) {
-		let t = N(e) + "(\\w*)$";
+		let t = S(e) + "(\\w*)$";
 		return new RegExp(t);
 	}
-}, xe = class e {
+}, Ke = class e {
 	#e;
 	#t;
 	get target() {
 		return this.#e;
 	}
 	set target(e) {
-		this.#e = e;
+		this.#e = A(e) ? e : void 0;
 	}
 	get next() {
 		return new e(this.target?.nextSibling, this.#t);
@@ -932,22 +1170,22 @@ var ve = class {
 		return this.target?.isContentEditable ?? !1;
 	}
 	get isCaretAtBeginning() {
-		if (this.target) return U.getCaretIndex(this.target) === 0;
+		if (this.target) return F.getCaretIndex(this.target) === 0;
 	}
 	get isCaretAtEnd() {
-		if (this.target) return U.getCaretIndex(this.target) === this.target.textContent?.length;
+		if (this.target) return F.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 ? U.getCaretIndex(this.target) : -1;
+		return this.target ? F.getCaretIndex(this.target) : -1;
 	}
 	set caret(e) {
-		this.target && U.trySetIndex(this.target, e);
+		this.target && F.trySetIndex(this.target, e);
 	}
 	get length() {
-		return this.target?.textContent?.length ?? -1;
+		return this.target?.textContent.length ?? -1;
 	}
 	get content() {
 		return this.target?.textContent ?? "";
@@ -956,10 +1194,10 @@ var ve = class {
 		this.target && (this.target.textContent = e ?? "");
 	}
 	get head() {
-		return this.#t.refs.container?.firstChild;
+		return Ve(this.#t.refs.container ?? void 0);
 	}
 	get tail() {
-		return this.#t.refs.container?.lastChild;
+		return He(this.#t.refs.container ?? void 0);
 	}
 	get isFocused() {
 		return this.target === document.activeElement;
@@ -968,7 +1206,7 @@ var ve = class {
 		this.target = e, this.#t = t;
 	}
 	setCaretToEnd() {
-		U.setCaretToEnd(this.target);
+		F.setCaretToEnd(this.target);
 	}
 	focus() {
 		this.target?.focus();
@@ -978,162 +1216,118 @@ var ve = class {
 	}
 };
 //#endregion
-//#region ../../common/core/src/features/editing/utils/createNewSpan.ts
-function Se(e, t, n, r) {
-	return e.slice(0, n) + t + e.slice(n + r.length);
+//#region ../../common/core/src/features/drag/operations.ts
+function qe(e, t, n) {
+	return e.substring(t.position.end, n.position.start);
 }
-//#endregion
-//#region ../../common/core/src/features/editing/utils/deleteMark.ts
-function Ce(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()?.(z(t.state.tokens.get()));
-}
-//#endregion
-//#region ../../common/core/src/features/blocks/config.ts
-function we(e) {
-	return typeof e == "object" && !!e.alwaysShowHandle;
-}
-//#endregion
-//#region ../../common/core/src/features/blocks/splitTokensIntoDragRows.ts
-function Te(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 Ee = 0;
-function W(e) {
-	return `drag-${Ee++}-${e}`;
-}
-function De() {
-	Ee = 0;
-}
-function G(e) {
-	if (e.length === 0) return [];
-	De();
-	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 = Te(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;
+function I(e) {
+	return e.type === "mark" && e.descriptor.hasSlot && e.descriptor.segments.length === 1;
 }
-//#endregion
-//#region ../../common/core/src/features/blocks/dragOperations.ts
-function K(e) {
-	return e.tokens.length === 0 || e.tokens[0].type === "text";
+function L(e, t) {
+	return !!(e.type === "text" && t.type === "text" && t.position.start > e.position.end || I(e) && I(t) && e.descriptor === t.descriptor);
 }
-function Oe(e, t) {
-	return K(e) && K(t) ? "\n\n" : "";
+function Je(e, t, n, r) {
+	if (t.length === 0) return e + r;
+	if (e === "" || t.length === 1 && t[0].type === "text" && t[0].content === "") return r + r;
+	if (n >= t.length - 1) return e + r;
+	let i = t[n + 1].position.start;
+	return e.slice(0, i) + r + e.slice(i);
 }
-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 Ye(e, t, n) {
+	return t.length <= 1 ? "" : n >= t.length - 1 ? e.slice(0, t[n - 1].position.end) : e.slice(0, t[n].position.start) + e.slice(t[n + 1].position.start);
 }
-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 Xe(e, t, n) {
+	let r = t[n], i = e.substring(r.position.start, r.position.end);
+	if (n >= t.length - 1) return e + i;
+	let a = t[n + 1], o = qe(e, r, a);
+	return e.slice(0, a.position.start) + i + o + e.slice(a.position.start);
 }
-function je(e, t, n) {
-	let r = t[n], i = e.substring(r.startPos, r.endPos);
-	if (n >= t.length - 1) return e + (K(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 R(e, t) {
+	if (t <= 0 || t >= e.length) return 0;
+	let n = e[t - 1];
+	return I(n) && n.slot ? n.slot.end : n.position.end;
 }
-function Ne(e, t, n) {
+function z(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);
+	if (I(r) && I(i)) {
+		let t = r.slot ? r.slot.end : r.position.end;
+		return e.slice(0, t) + e.slice(i.position.start);
+	}
+	return e.slice(0, r.position.end) + e.slice(i.position.start);
 }
-function Pe(e, t, n, r) {
+function Ze(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 i = t.map((t) => e.substring(t.position.start, t.position.end)), a = t.slice(0, -1).map((n, r) => qe(e, n, t[r + 1])), [o] = i.splice(n, 1), s = n < a.length ? n : n - 1;
+	a.splice(s, 1);
+	let c = r > n ? r - 1 : r;
+	i.splice(c, 0, o), c < i.length - 1 && a.splice(c, 0, "");
 	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]));
+	for (let e = 0; e < i.length; e++) l.push(i[e]), e < a.length && l.push(a[e]);
 	return l.join("");
 }
 //#endregion
+//#region ../../common/core/src/features/drag/tokens.ts
+var Qe = {
+	type: "text",
+	content: "",
+	position: {
+		start: 0,
+		end: 0
+	}
+}, $e = class {
+	constructor(e) {
+		this.store = e;
+	}
+	enable() {}
+	disable() {}
+	reorder(e, t) {
+		let n = this.store.state.value.get();
+		if (n == null || !this.store.state.onChange.get()) return;
+		let r = Ze(n, this.store.state.tokens.get(), e, t);
+		r !== n && this.store.applyValue(r);
+	}
+	add(e) {
+		let t = this.store.state.value.get();
+		if (t == null || !this.store.state.onChange.get()) return;
+		let n = this.store.state.tokens.get(), r = n.length > 0 ? n : [Qe], i = this.#e();
+		this.store.applyValue(Je(t, r, e, i)), queueMicrotask(() => {
+			let t = this.store.refs.container;
+			t && M(t, e + 1)?.focus();
+		});
+	}
+	delete(e) {
+		let t = this.store.state.value.get();
+		if (t == null || !this.store.state.onChange.get()) return;
+		let n = this.store.state.tokens.get();
+		this.store.applyValue(Ye(t, n, e));
+	}
+	duplicate(e) {
+		let t = this.store.state.value.get();
+		if (t == null || !this.store.state.onChange.get()) return;
+		let n = this.store.state.tokens.get();
+		this.store.applyValue(Xe(t, n, e));
+	}
+	#e() {
+		let e = this.store.state.options.get()?.[0];
+		return e?.markup ? w(e.markup, {
+			value: "",
+			slot: "",
+			meta: ""
+		}) : "\n";
+	}
+};
+//#endregion
+//#region ../../common/core/src/features/drag/config.ts
+function et(e) {
+	return typeof e == "object" && !!e.alwaysShowHandle;
+}
+//#endregion
 //#region ../../common/core/src/features/editable/ContentEditableController.ts
-function Fe(e) {
+function tt(e) {
 	return e.tagName === "SPAN" && (e.attributes.length === 0 || e.attributes.length === 1 && e.hasAttribute("contenteditable"));
 }
-var Ie = class {
+var nt = class {
 	#e;
 	constructor(e) {
 		this.store = e;
@@ -1149,63 +1343,93 @@ var Ie = class {
 		if (!e) return;
 		let t = this.store.state.readOnly.get(), n = t ? "false" : "true", r = e.children, i = !!this.store.state.drag.get();
 		if (i) {
-			let e = G(this.store.state.tokens.get());
-			for (let i = 0; i < e.length && i < r.length; i++) {
-				let a = r[i];
-				e[i].tokens.length === 1 && e[i].tokens[0].type === "mark" ? t || (a.tabIndex = 0) : a.contentEditable = n;
+			let i = this.store.state.tokens.get();
+			for (let a = 0; a < i.length && a < r.length; a++) {
+				let r = M(e, a);
+				r && (i[a].type === "mark" ? t || (r.tabIndex = 0) : r.contentEditable = n);
 			}
-		} else for (let e = 0; e < r.length; e += 2) r[e].contentEditable = n;
+		} else for (let t = 0; t < r.length; t += 2) {
+			let r = M(e, t);
+			r && (r.contentEditable = n);
+		}
 		let a = this.store.state.tokens.get();
 		i ? this.#r(a, e, t) : this.#t(a, e);
 	}
 	#t(e, t) {
-		let n = t.children;
-		for (let t = 0; t < e.length; t++) {
-			let r = e[t], i = n[t];
-			i && (r.type === "text" ? i.textContent !== r.content && (i.textContent = r.content) : r.type === "mark" && r.children.length > 0 && this.#n(r.children, i));
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n], i = M(t, n);
+			i && (r.type === "text" ? i.textContent !== r.content && (i.textContent = r.content) : r.children.length > 0 && this.#n(r.children, i));
 		}
 	}
 	#n(e, t, n) {
 		let r = t.children, i = 0;
-		for (let t of e) if (t.type === "text") {
+		for (let a of e) if (a.type === "text") {
 			for (; i < r.length;) {
-				let e = r[i];
-				if (Fe(e)) break;
+				let e = M(t, i);
+				if (e && tt(e)) break;
 				i++;
 			}
-			let e = r[i];
-			e && (e.textContent !== t.content && (e.textContent = t.content), n !== void 0 && (e.contentEditable = n), i++);
-		} else if (t.type === "mark" && t.children.length > 0) {
+			let e = M(t, i);
+			e && (e.textContent !== a.content && (e.textContent = a.content), n !== void 0 && (e.contentEditable = n), i++);
+		} else if (a.children.length > 0) {
 			for (; i < r.length;) {
-				let e = r[i];
-				if (!Fe(e)) break;
+				let e = M(t, i);
+				if (e && !tt(e)) break;
 				i++;
 			}
-			let e = r[i];
-			e && (this.#n(t.children, e, n), i++);
+			let e = M(t, i);
+			e && (this.#n(a.children, e, n), i++);
 		}
 	}
 	#r(e, t, n) {
-		let r = n ? "false" : "true", i = G(e);
-		for (let e = 0; e < i.length; e++) {
-			let a = i[e], o = t.children[e];
+		let r = n ? "false" : "true";
+		for (let i = 0; i < e.length; i++) {
+			let a = e[i], o = M(t, i);
 			if (!o) continue;
-			if (a.tokens.length === 1 && a.tokens[0].type === "mark") {
-				let e = a.tokens[0];
-				if (e.type === "mark" && e.children.length > 0) {
-					let t = o.hasAttribute("data-testid") ? o.children[n ? 0 : 1] : o;
-					t && this.#n(e.children, t, r);
+			if (a.type === "mark") {
+				if (a.children.length > 0) {
+					let e = o.hasAttribute("data-testid") ? M(o, n ? 0 : 1) : o;
+					e && this.#n(a.children, e, r);
 				}
 				continue;
 			}
-			let s = n ? 0 : 1;
-			for (let e = 0; e < a.tokens.length; e++) {
-				let t = a.tokens[e], n = o.children[e + s];
-				n && t.type === "text" && n.textContent !== t.content && (n.textContent = t.content);
-			}
+			let s = M(o, n ? 0 : 1);
+			s && s.textContent !== a.content && (s.textContent = a.content);
 		}
 	}
-}, Le = class {
+};
+//#endregion
+//#region ../../common/core/src/features/editing/utils/createNewSpan.ts
+function rt(e, t, n, r) {
+	return e.slice(0, n) + t + e.slice(n + r.length);
+}
+//#endregion
+//#region ../../common/core/src/features/editing/utils/deleteMark.ts
+function B(e, t) {
+	let n = {
+		prev: 2,
+		self: 1,
+		next: 0
+	}[e], { focus: r } = t.nodes, i = t.state.tokens.get(), a = i.splice(r.index - n, 3), o = a.at(0), s = a.at(2), c = o?.content ?? "", l = s?.content ?? "";
+	t.state.tokens.set(i.toSpliced(r.index - n, 0, {
+		type: "text",
+		content: c + l,
+		position: {
+			start: o?.position.start ?? 0,
+			end: s?.position.end ?? (c + l).length
+		}
+	}));
+	let u = r;
+	for (let e = 0; e < n; e++) u = u.prev;
+	let d = u.length;
+	t.state.recovery.set({
+		anchor: u.prev,
+		caret: d
+	}), t.state.onChange.get()?.(T(t.state.tokens.get()));
+}
+//#endregion
+//#region ../../common/core/src/features/events/SystemListenerController.ts
+var it = class {
 	#e;
 	#t;
 	#n;
@@ -1216,41 +1440,41 @@ var Ie = class {
 		this.#e || (this.#e = this.store.events.change.on(() => {
 			let e = this.store.state.onChange.get(), { focus: t } = this.store.nodes;
 			if (!t.target || !t.target.isContentEditable) {
-				let t = this.store.state.tokens.get(), n = z(t);
+				let t = this.store.state.tokens.get(), n = T(t);
 				e?.(n), this.store.state.previousValue.set(n), this.store.state.tokens.set([...t]);
 				return;
 			}
 			let n = this.store.state.tokens.get(), r = n[t.index];
-			r.type === "text" ? r.content = t.content : r.type === "mark" && (r.value = t.content), e?.(z(n)), this.store.events.parse();
+			r.type === "text" ? r.content = t.content : r.value = t.content, e?.(T(n)), 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?.(z(this.store.state.tokens.get()));
+			this.store.state.tokens.set(r.toSpliced(i, 1)), n?.(T(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" ? R(i.markup, {
+			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 = i.markup;
+			if (!c) return;
+			let l = r.type === "mark" ? w(c, {
 				value: r.value,
 				meta: r.meta
-			}) : R(i.markup, { value: r.content }), l = Se(a, c, o, s);
+			}) : w(c, { value: r.content }), u = rt(a, l, 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,
+				caret: o + l.length,
 				anchor: this.store.nodes.input
 			}), this.store.nodes.input.target) {
-				this.store.nodes.input.content = l;
+				this.store.nodes.input.content = u;
 				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?.(z(e)), this.store.events.parse();
+				t.type === "text" && (t.content = u), this.store.nodes.focus.target = this.store.nodes.input.target, this.store.nodes.input.clear(), n?.(T(e)), this.store.events.parse();
 			}
 		}));
 	}
 	disable() {
 		this.#e?.(), this.#t?.(), this.#n?.(), this.#e = void 0, this.#t = void 0, this.#n = void 0;
 	}
-}, Re = class {
+}, at = class {
 	#e;
 	#t;
 	#n;
@@ -1261,17 +1485,21 @@ var Ie = class {
 		if (this.#e) return;
 		let e = this.store.refs.container;
 		e && (this.#e = (e) => {
-			this.store.nodes.focus.target = e.target;
+			let t = A(e.target) ? e.target : void 0;
+			this.store.nodes.focus.target = t;
 		}, 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();
+			if (e.length === 1 && e[0].type === "text" && e[0].content === "") {
+				let e = this.store.refs.container;
+				(e ? Ve(e) : null)?.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);
+		!e || !this.#e || (e.removeEventListener("focusin", this.#e), this.#t && e.removeEventListener("focusout", this.#t), this.#n && 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();
@@ -1279,15 +1507,15 @@ var Ie = class {
 		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();
+				let t = this.store.refs.container, n = e.childIndex == null ? void 0 : M(t, 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();
+				this.store.nodes.focus.head?.focus();
 				break;
 			default: t.next.focus();
 		}
@@ -1296,29 +1524,29 @@ var Ie = class {
 };
 //#endregion
 //#region ../../common/core/src/features/navigation/navigation.ts
-function ze(e, t) {
+function ot(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(), U.setCaretToEnd(e.target), !0) : !1;
+		return e.target ? (t.preventDefault(), e.target.focus(), F.setCaretToEnd(e.target), !0) : !1;
 	}
 	return !1;
 }
-function Be(e, t) {
+function st(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(), U.trySetIndex(e.target, 0), !0) : !1;
+		return e.target ? (t.preventDefault(), e.target.focus(), F.trySetIndex(e.target, 0), !0) : !1;
 	}
 	return !1;
 }
 //#endregion
 //#region ../../common/core/src/features/selection/selectionHelpers.ts
-function Ve(e) {
+function ct(e) {
 	let t = window.getSelection(), n = e.refs.container;
-	if (!t?.rangeCount || !n?.firstChild || !n?.lastChild) return !1;
+	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;
@@ -1326,7 +1554,7 @@ function Ve(e) {
 		return !1;
 	}
 }
-function He(e, t) {
+function lt(e, t) {
 	if ((t.ctrlKey || t.metaKey) && t.code === "KeyA") {
 		if (e.state.drag.get()) return;
 		t.preventDefault();
@@ -1337,7 +1565,7 @@ function He(e, t) {
 }
 //#endregion
 //#region ../../common/core/src/features/selection/TextSelectionController.ts
-var Ue = class {
+var ut = class {
 	#e;
 	#t;
 	#n;
@@ -1349,236 +1577,275 @@ var Ue = class {
 	}
 	enable() {
 		this.#e || (this.#e = (e) => {
-			this.#i = e.target, this.#a = !0;
+			this.#i = Ue(e), 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");
+			let t = this.store.refs.container;
+			if (!t) return;
+			let n = this.#a, r = !t.contains(this.#i) || this.#i !== e.target, i = window.getSelection()?.containsNode(t, !0);
+			n && r && i && 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]);
+			let e = this.store.refs.container;
+			if (!e) return;
+			let t = N(e), n = t.map((e) => e.contentEditable);
+			t.forEach((e) => e.contentEditable = "false"), t.forEach((e, t) => e.contentEditable = n[t]);
 		}, 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;
+		this.#e && (document.removeEventListener("mousedown", this.#e), this.#t && document.removeEventListener("mousemove", this.#t), this.#n && document.removeEventListener("mouseup", this.#n), this.#r && 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;
 	}
-}, We = class {
+};
+//#endregion
+//#region ../../common/core/src/features/input/KeyDownController.ts
+function dt(e) {
+	return e.type === "text" ? !0 : e.descriptor.hasSlot && e.descriptor.segments.length === 1;
+}
+var ft = class {
 	#e;
 	#t;
 	#n;
 	constructor(e) {
 		this.store = e;
 	}
+	#r() {
+		let e = this.store.state.options.get()?.[0];
+		return e?.markup ? w(e.markup, {
+			value: "",
+			slot: "",
+			meta: ""
+		}) : "\n";
+	}
 	enable() {
 		if (this.#e) return;
 		let e = this.store.refs.container;
 		e && (this.#e = (e) => {
-			e.key === x.LEFT ? ze(this.store, e) : e.key === x.RIGHT ? Be(this.store, e) : (e.key === x.UP || e.key === x.DOWN) && this.#a(e), this.#r(e), this.#i(e), He(this.store, e);
+			e.key === y.LEFT ? this.#o(e, "left") || ot(this.store, e) : e.key === y.RIGHT ? this.#o(e, "right") || st(this.store, e) : (e.key === y.UP || e.key === y.DOWN) && this.#s(e), this.#i(e), this.#a(e), lt(this.store, e);
 		}, this.#t = (e) => {
-			Je(this.store, e);
+			ht(this.store, e);
 		}, this.#n = (e) => {
-			Ke(this.store, e);
+			pt(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);
+		!e || !this.#e || (e.removeEventListener("keydown", this.#e), this.#t && e.removeEventListener("paste", this.#t), this.#n && e.removeEventListener("beforeinput", this.#n, !0), this.#e = void 0, this.#t = void 0, this.#n = void 0);
 	}
-	#r(e) {
+	#i(e) {
 		let { focus: t } = this.store.nodes, n = !!this.store.state.drag.get();
-		if (!n && (e.key === x.DELETE || e.key === x.BACKSPACE)) {
+		if (!n && (e.key === y.DELETE || e.key === y.BACKSPACE)) {
 			if (t.isMark) {
-				if (t.isEditable && (e.key === x.BACKSPACE && !t.isCaretAtBeginning || e.key === x.DELETE && !t.isCaretAtEnd)) return;
-				e.preventDefault(), Ce("self", this.store);
+				if (t.isEditable && (e.key === y.BACKSPACE && !t.isCaretAtBeginning || e.key === y.DELETE && !t.isCaretAtEnd)) return;
+				e.preventDefault(), B("self", this.store);
 				return;
 			}
-			if (e.key === x.BACKSPACE && t.isSpan && t.isCaretAtBeginning && t.prev.target) {
-				e.preventDefault(), Ce("prev", this.store);
+			if (e.key === y.BACKSPACE && t.isSpan && t.isCaretAtBeginning && t.prev.target) {
+				e.preventDefault(), B("prev", this.store);
 				return;
 			}
-			if (e.key === x.DELETE && t.isSpan && t.isCaretAtEnd && t.next.target) {
-				e.preventDefault(), Ce("next", this.store);
+			if (e.key === y.DELETE && t.isSpan && t.isCaretAtEnd && t.next.target) {
+				e.preventDefault(), B("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));
+		let i = N(r), a = i.findIndex((e) => e === document.activeElement || e.contains(document.activeElement));
 		if (a === -1) return;
-		let o = G(this.store.state.tokens.get());
+		let o = this.store.state.tokens.get();
 		if (a >= o.length) return;
 		let s = o[a], c = this.store.state.previousValue.get() ?? this.store.state.value.get() ?? "";
 		if (this.store.state.onChange.get()) {
-			if (e.key === x.BACKSPACE) {
-				let t = i[a], n = U.getCaretIndex(t) === 0;
-				if (s.tokens.map((e) => "content" in e ? e.content : "").join("") === "") {
+			if (e.key === y.BACKSPACE) {
+				let t = i[a], n = F.getCaretIndex(t) === 0;
+				if (("content" in s ? s.content : "") === "") {
 					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);
+					let t = o.length <= 1 ? "" : a >= o.length - 1 ? c.slice(0, o[a - 1].position.end) : c.slice(0, o[a].position.start) + c.slice(o[a + 1].position.start);
 					this.store.applyValue(t), queueMicrotask(() => {
-						let e = r.children[Math.max(0, a - 1)];
-						e && (e.focus(), U.setCaretToEnd(e));
+						let e = M(r, Math.max(0, a - 1));
+						e && (e.focus(), F.setCaretToEnd(e));
 					});
 					return;
 				}
 				if (n && a > 0) {
-					let t = o[a - 1], n = o[a], s = n.startPos - t.endPos;
-					if (K(t) && K(n) && s === 2) {
+					let t = o[a - 1], n = o[a];
+					if (L(t, n)) {
 						e.preventDefault();
-						let t = Me(o, a), n = Ne(c, o, a);
+						let t = R(o, a), n = z(c, o, a);
 						this.store.applyValue(n), queueMicrotask(() => {
-							let e = r.children[a - 1];
+							let e = M(r, a - 1);
 							if (e) {
 								e.focus();
-								let n = G(this.store.state.tokens.get())[a - 1];
-								n && q(e, n, t);
+								let n = this.store.state.tokens.get()[a - 1];
+								H(e, n, t);
 							}
 						});
 						return;
 					}
 					e.preventDefault(), queueMicrotask(() => {
 						let e = i[a - 1];
-						e && (e.focus(), U.setCaretToEnd(e));
+						e.focus(), t.type !== "mark" && F.setCaretToEnd(e);
 					});
 					return;
 				}
 			}
-			if (e.key === x.DELETE) {
-				let t = i[a], n = U.getCaretIndex(t), s = n === t.textContent?.length;
+			if (e.key === y.DELETE) {
+				let t = i[a], n = F.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 (K(t) && K(n) && s === 2) {
+					let t = o[a - 1], n = o[a];
+					if (L(t, n)) {
 						e.preventDefault();
-						let t = Me(o, a), n = Ne(c, o, a);
+						let t = R(o, a), n = z(c, o, a);
 						this.store.applyValue(n), queueMicrotask(() => {
-							let e = r.children[a - 1];
+							let e = M(r, a - 1);
 							if (e) {
 								e.focus();
-								let n = G(this.store.state.tokens.get())[a - 1];
-								n && q(e, n, t);
+								let n = this.store.state.tokens.get()[a - 1];
+								H(e, n, t);
 							}
 						});
 						return;
 					}
 					e.preventDefault(), queueMicrotask(() => {
 						let e = i[a - 1];
-						e && (e.focus(), U.setCaretToEnd(e));
+						e.focus(), t.type !== "mark" && F.setCaretToEnd(e);
 					});
 					return;
 				}
 				if (s && a < o.length - 1) {
-					let t = o[a], n = o[a + 1], s = n.startPos - t.endPos;
-					if (K(t) && K(n) && s === 2) {
+					let t = o[a], n = o[a + 1];
+					if (L(t, n)) {
 						e.preventDefault();
-						let n = t.endPos, i = Ne(c, o, a + 1);
-						this.store.applyValue(i), queueMicrotask(() => {
-							let e = r.children[a];
+						let t = R(o, a + 1), n = z(c, o, a + 1);
+						this.store.applyValue(n), queueMicrotask(() => {
+							let e = M(r, a);
 							if (e) {
 								e.focus();
-								let t = G(this.store.state.tokens.get())[a];
-								t && q(e, t, n);
+								let n = this.store.state.tokens.get()[a];
+								H(e, n, t);
 							}
 						});
 						return;
 					}
 					e.preventDefault(), queueMicrotask(() => {
 						let e = i[a + 1];
-						e && (e.focus(), U.trySetIndex(e, 0));
+						e.focus(), F.trySetIndex(e, 0);
 					});
 					return;
 				}
 			}
 		}
 	}
-	#i(e) {
-		if (!this.store.state.drag.get() || e.key !== x.ENTER || e.shiftKey) return;
+	#a(e) {
+		if (!this.store.state.drag.get() || e.key !== y.ENTER || e.shiftKey) return;
 		let t = this.store.refs.container;
 		if (!t) return;
 		let n = document.activeElement;
-		if (!n || !t.contains(n)) return;
+		if (!A(n) || !t.contains(n)) return;
 		e.preventDefault();
-		let r = t.children, i = -1;
+		let r = N(t), 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.previousValue.get() ?? this.store.state.value.get() ?? "";
+		let a = this.store.state.tokens.get(), o = a[i], s = r[i], c = this.store.state.previousValue.get() ?? this.store.state.value.get() ?? "";
 		if (!this.store.state.onChange.get()) return;
-		if (!K(o)) {
-			let e = ke(c, a, i);
+		let l = this.#r();
+		if (!dt(o)) {
+			let e = Je(c, a, i, l);
 			this.store.applyValue(e), queueMicrotask(() => {
-				let e = t.children, n = i + 1;
-				if (n < e.length) {
-					let t = e[n];
-					t.focus(), U.trySetIndex(t, 0);
+				let e = i + 1;
+				if (e < t.children.length) {
+					let n = M(t, e);
+					n && (n.focus(), F.trySetIndex(n, 0));
 				}
 			});
 			return;
 		}
-		let l = Ge(s, o), u = l === o.startPos ? "\n\n\n\n" : "\n\n", d = c.slice(0, l) + u + c.slice(l);
+		let u = V(s, o), d = c.slice(0, u) + l + c.slice(u);
 		this.store.applyValue(d), queueMicrotask(() => {
-			let e = t.children, n = i + 1;
-			if (n < e.length) {
-				let t = e[n];
-				t.focus(), U.trySetIndex(t, 0);
+			let e = i + 1;
+			if (e < t.children.length) {
+				let n = M(t, e);
+				n && (n.focus(), F.trySetIndex(n, 0));
 			}
 		});
 	}
-	#a(e) {
+	#o(e, t) {
+		if (!this.store.state.drag.get()) return !1;
+		let n = this.store.refs.container;
+		if (!n) return !1;
+		let r = document.activeElement;
+		if (!A(r) || !n.contains(r)) return !1;
+		let i = N(n), a = i.findIndex((e) => e === r || e.contains(r));
+		if (a === -1) return !1;
+		let o = i[a];
+		if (t === "left") {
+			if (F.getCaretIndex(o) !== 0) return !1;
+			if (a === 0) return !0;
+			e.preventDefault();
+			let t = i[a - 1];
+			return t.focus(), F.setCaretToEnd(t), !0;
+		}
+		if (F.getCaretIndex(o) !== o.textContent.length) return !1;
+		if (a >= i.length - 1) return !0;
+		e.preventDefault();
+		let s = i[a + 1];
+		return s.focus(), F.trySetIndex(s, 0), !0;
+	}
+	#s(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 (!A(n) || !t.contains(n)) return;
+		let r = N(t), i = r.findIndex((e) => e === n || e.contains(n));
 		if (i === -1) return;
 		let a = r[i];
-		if (e.key === x.UP) {
-			if (!U.isCaretOnFirstLine(a) || i === 0) return;
+		if (e.key === y.UP) {
+			if (!F.isCaretOnFirstLine(a) || i === 0) return;
 			e.preventDefault();
-			let t = U.getCaretRect()?.left ?? a.getBoundingClientRect().left, n = r[i - 1];
+			let t = F.getCaretRect()?.left ?? a.getBoundingClientRect().left, n = r[i - 1];
 			n.focus();
 			let o = n.getBoundingClientRect();
-			U.setAtX(n, t, o.bottom - 4);
-		} else if (e.key === x.DOWN) {
-			if (!U.isCaretOnLastLine(a) || i >= r.length - 1) return;
+			F.setAtX(n, t, o.bottom - 4);
+		} else if (e.key === y.DOWN) {
+			if (!F.isCaretOnLastLine(a) || i >= r.length - 1) return;
 			e.preventDefault();
-			let t = U.getCaretRect()?.left ?? a.getBoundingClientRect().left, n = r[i + 1];
+			let t = F.getCaretRect()?.left ?? a.getBoundingClientRect().left, n = r[i + 1];
 			n.focus();
 			let o = n.getBoundingClientRect();
-			U.setAtX(n, t, o.top + 4);
+			F.setAtX(n, t, o.top + 4);
 		}
 	}
 };
-function Ge(e, t) {
+function V(e, t) {
 	let n = window.getSelection();
-	if (!n?.rangeCount) return t.endPos;
+	if (!n?.rangeCount) return t.position.end;
 	let { focusNode: r, focusOffset: i } = n;
-	return r ? J(r, i, e, t) : t.endPos;
+	return r ? U(r, i, e, t) : t.position.end;
 }
-function Ke(e, t) {
+function pt(e, t) {
 	let n = e.state.selecting.get();
-	if (n === "all" && Ve(e)) {
+	if (n === "all" && ct(e)) {
 		if (t.inputType === "insertFromPaste") {
 			t.preventDefault();
 			return;
 		}
-		t.preventDefault(), Ye(e, t.inputType.startsWith("delete") ? "" : t.data ?? "");
+		t.preventDefault(), gt(e, t.inputType.startsWith("delete") ? "" : t.data ?? "");
 		return;
 	}
 	if (n === "all" && e.state.selecting.set(void 0), e.state.drag.get()) {
-		Xe(e, t);
+		_t(e, t);
 		return;
 	}
 	let { focus: r } = e.nodes;
-	!r.target || !r.isEditable || qe(r, t) && e.events.change();
+	!r.target || !r.isEditable || mt(r, t) && e.events.change();
 }
-function qe(e, t) {
+function mt(e, t) {
 	let n = e.caret, r = e.content, i, a;
 	switch (t.inputType) {
 		case "insertText": {
@@ -1610,15 +1877,15 @@ function qe(e, t) {
 	}
 	return e.content = i, e.caret = a, !0;
 }
-function Je(e, t) {
+function ht(e, t) {
 	let n = e.state.selecting.get();
-	if (n !== "all" || !Ve(e)) {
+	if (n !== "all" || !ct(e)) {
 		n === "all" && e.state.selecting.set(void 0);
 		return;
 	}
-	t.preventDefault(), Ye(e, t.clipboardData?.getData("text/plain") ?? "");
+	t.preventDefault(), gt(e, t.clipboardData?.getData("text/plain") ?? "");
 }
-function Ye(e, t) {
+function gt(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,
@@ -1627,29 +1894,29 @@ function Ye(e, t) {
 			end: t.length
 		}
 	}]), queueMicrotask(() => {
-		let n = e.refs.container?.firstChild;
-		n && (e.state.recovery.set({
+		let n = e.refs.container?.firstChild, r = A(n) ? n : null;
+		r && (e.state.recovery.set({
 			anchor: e.nodes.focus,
 			caret: t.length
-		}), n.focus());
+		}), r.focus());
 	});
 }
-function Xe(e, t) {
+function _t(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(r) || !n.contains(r)) return;
+	let i = N(n), a = i.findIndex((e) => e === r || e.contains(r));
 	if (a === -1) return;
-	let o = i[a], s = G(e.state.tokens.get());
+	let o = i[a], s = e.state.tokens.get();
 	if (a >= s.length) return;
 	let c = s[a], l = e.state.previousValue.get() ?? e.state.value.get() ?? "", u = (t) => {
 		queueMicrotask(() => {
-			let r = n.children[a];
+			let r = M(n, a);
 			if (!r) return;
 			r.focus();
-			let i = G(e.state.tokens.get())[a];
-			i && q(r, i, t);
+			let i = e.state.tokens.get()[a];
+			H(r, i, t);
 		});
 	};
 	switch (t.inputType) {
@@ -1657,9 +1924,9 @@ function Xe(e, t) {
 			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);
+				let e = U(r[0].startContainer, r[0].startOffset, o, c), t = U(r[0].endContainer, r[0].endOffset, o, c);
 				[i, a] = e <= t ? [e, t] : [t, e];
-			} else i = a = Ge(o, c);
+			} else i = a = V(o, c);
 			e.applyValue(l.slice(0, i) + n + l.slice(a)), u(i + n.length);
 			break;
 		}
@@ -1668,9 +1935,9 @@ function Xe(e, t) {
 			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);
+				let e = U(r[0].startContainer, r[0].startOffset, o, c), t = U(r[0].endContainer, r[0].endOffset, o, c);
 				[i, a] = e <= t ? [e, t] : [t, e];
-			} else i = a = Ge(o, c);
+			} else i = a = V(o, c);
 			e.applyValue(l.slice(0, i) + n + l.slice(a)), u(i + n.length);
 			break;
 		}
@@ -1682,30 +1949,30 @@ function Xe(e, t) {
 		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];
+			let r = U(n[0].startContainer, n[0].startOffset, o, c), i = U(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 Ze(e) {
+function vt(e) {
 	return e.tagName === "SPAN" && (e.attributes.length === 0 || e.attributes.length === 1 && e.hasAttribute("contenteditable"));
 }
-function Qe(e, t, n) {
+function yt(e, t, n) {
 	let r = window.getSelection();
 	if (!r) return !1;
 	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.ELEMENT_NODE && e.type === "text") {
-			if (!Ze(a)) continue;
+		if (A(a) && e.type === "text") {
+			if (!vt(a)) continue;
 			if (n >= e.position.start && n <= e.position.end) {
-				let t = a.firstChild, i = n - e.position.start;
-				if (t) {
+				let t = a.firstChild, i = j(t) ? t : null, o = n - e.position.start;
+				if (i) {
 					let e = document.createRange();
-					e.setStart(t, Math.min(i, t.length)), e.collapse(!0), r.removeAllRanges(), r.addRange(e);
+					e.setStart(i, Math.min(o, i.length)), e.collapse(!0), r.removeAllRanges(), r.addRange(e);
 				} else {
 					let e = document.createRange();
 					e.setStart(a, 0), e.collapse(!0), r.removeAllRanges(), r.addRange(e);
@@ -1713,72 +1980,48 @@ function Qe(e, t, n) {
 				return !0;
 			}
 			i++;
-		} else if (a.nodeType === Node.TEXT_NODE && e.type === "text") {
+		} else if (j(a) && 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") {
+		} else if (A(a) && 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 Qe(a, e, n);
+			if (!(n === e.position.end && r?.position.start === n) && n >= e.position.start && n <= e.position.end) return yt(a, e, n);
 			i++;
 		}
 	}
 	return !1;
 }
-function q(e, t, n) {
+function H(e, t, n) {
 	let r = window.getSelection();
 	if (!r) return;
-	let i = Array.from(e.children), a = e.hasAttribute("data-testid");
-	if (!a && t.tokens.length === 1 && t.tokens[0].type === "mark") {
-		if (Qe(e, t.tokens[0], n)) return;
-		U.setCaretToEnd(e);
+	if (t.type === "mark") {
+		if (yt(e, t, n)) return;
+		F.setCaretToEnd(e);
 		return;
 	}
-	for (let e = 0; e < t.tokens.length; e++) {
-		let o = t.tokens[e], s = i[e + (a ? 1 : 0)];
-		if (!s) continue;
-		let c = t.tokens[e + 1];
-		if (!(c && n === o.position.end && n === c.position.start) && n >= o.position.start && n <= o.position.end) {
-			if (o.type === "text") {
-				let e = n - o.position.start, t = document.createTreeWalker(s, 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 (Qe(s, o, n)) return;
-			break;
-		}
+	let i = n - t.position.start, a = P(document.createTreeWalker(e, 4));
+	if (a) {
+		let e = Math.min(i, a.length), t = document.createRange();
+		t.setStart(a, e), t.collapse(!0), r.removeAllRanges(), r.addRange(t);
+		return;
 	}
-	U.setCaretToEnd(e);
+	F.setCaretToEnd(e);
 }
-function J(e, t, n, r) {
+function U(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;
-	}
-	if (e.nodeType === Node.TEXT_NODE && e.parentElement === n) {
-		let i = r.tokens[0];
-		return i?.type === "mark" ? Y(e, t, n, i) : i?.type === "text" ? i.position.start + Math.min(t, i.content.length) : r.endPos;
+		return e?.focusNode && e.focusNode !== n ? U(e.focusNode, e.focusOffset, n, r) : r.position.end;
 	}
+	if (e.nodeType === Node.TEXT_NODE && e.parentElement === n) return r.type === "mark" ? W(e, t, n, r) : r.position.start + Math.min(t, r.content.length);
 	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 = n.hasAttribute("data-testid");
-	if (!o && r.tokens.length === 1 && r.tokens[0].type === "mark") return Y(e, t, n, r.tokens[0]);
-	let s = a - (o ? 1 : 0);
-	if (s < 0) return r.startPos;
-	if (s >= r.tokens.length) return r.endPos;
-	let c = r.tokens[s];
-	return c.type === "text" ? c.position.start + Math.min(t, c.content.length) : Y(e, t, i, c);
-}
-function Y(e, t, n, r) {
-	if (!r.children || r.children.length === 0) {
+	return i ? r.type === "mark" ? W(e, t, n, r) : r.position.start + Math.min(t, r.content.length) : r.position.end;
+}
+function W(e, t, n, r) {
+	if (r.children.length === 0) {
 		if (t === 0) return r.position.start;
 		let e = r.slot?.content.length ?? r.value.length;
 		return e > 0 && t >= e ? r.content.endsWith("\n\n") && r.slot ? r.slot.end : r.position.end : (r.slot?.start ?? r.position.start) + Math.min(t, e);
@@ -1787,19 +2030,19 @@ function Y(e, t, n, r) {
 	for (let a of Array.from(n.childNodes)) {
 		if (i >= r.children.length) break;
 		let n = r.children[i];
-		if (a.nodeType === Node.ELEMENT_NODE && n.type === "text") {
-			if (!Ze(a)) continue;
+		if (A(a) && n.type === "text") {
+			if (!vt(a)) continue;
 			if (e === a) {
 				let e = t === 0 ? 0 : n.content.length;
 				return n.position.start + Math.min(e, n.content.length);
 			}
 			if (a.contains(e)) return n.position.start + Math.min(t, n.content.length);
 			i++;
-		} else if (a.nodeType === Node.TEXT_NODE && n.type === "text") {
+		} else if (j(a) && 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 Y(e, t, a, n);
+		} else if (A(a) && n.type === "mark") {
+			if (a === e || a.contains(e)) return W(e, t, a, n);
 			i++;
 		}
 	}
@@ -1807,7 +2050,7 @@ function Y(e, t, n, r) {
 }
 //#endregion
 //#region ../../common/core/src/features/feature-manager/FeatureManager.ts
-var $e = class {
+var bt = class {
 	#e = [];
 	#t = !1;
 	register(e) {
@@ -1819,21 +2062,21 @@ var $e = class {
 	disableAll() {
 		this.#t && (this.#t = !1, this.#e.forEach((e) => e.disable()));
 	}
-}, X = (e, t) => ({
+}, G = (e, t) => ({
 	name: e,
 	enable: () => t.enable(),
 	disable: () => t.disable()
-}), et = (e) => {
-	let t = new $e();
-	return t.register(X("keydown", e.controllers.keydown)).register(X("system", e.controllers.system)).register(X("focus", e.controllers.focus)).register(X("textSelection", e.controllers.textSelection)).register(X("contentEditable", e.controllers.contentEditable)), t;
-}, tt = class {
+}), xt = (e) => {
+	let t = new bt();
+	return t.register(G("keydown", e.controllers.keydown)).register(G("system", e.controllers.system)).register(G("focus", e.controllers.focus)).register(G("textSelection", e.controllers.textSelection)).register(G("contentEditable", e.controllers.contentEditable)), t;
+}, St = class {
 	#e = [];
 	#t = !1;
 	constructor(e) {
 		this.store = e;
 	}
 	enable(e) {
-		let { store: t } = this, n = et(t);
+		let { store: t } = this, n = xt(t);
 		n.enableAll(), this.#e.push(() => n.disableAll()), this.#n(), e?.getTrigger && this.#r(e.getTrigger);
 	}
 	disable() {
@@ -1842,12 +2085,16 @@ var $e = class {
 	}
 	syncParser(e, t) {
 		let { store: n } = this, r = t?.map((e) => e.markup);
-		if (r && r.some(Boolean) ? n.state.parser.set(new B(r)) : n.state.parser.set(void 0), this.#t) {
+		if (r?.some(Boolean)) {
+			let e = n.state.drag.get() ? { skipEmptyText: !0 } : void 0;
+			n.state.parser.set(new xe(r, e));
+		} else n.state.parser.set(void 0);
+		if (this.#t) {
 			n.state.recovery.get() || n.events.parse();
 			return;
 		}
 		let i = e ?? n.state.defaultValue.get() ?? "";
-		n.state.tokens.set(H(n, i)), this.#t = !0;
+		n.state.tokens.set(O(n, i)), this.#t = !0;
 	}
 	recoverFocus() {
 		this.store.controllers.contentEditable.sync(), this.store.state.Mark.get() && this.store.controllers.focus.recover();
@@ -1856,11 +2103,11 @@ var $e = class {
 		let { store: e } = this;
 		this.#e.push(e.events.parse.on(() => {
 			if (e.state.recovery.get()) {
-				let t = z(e.state.tokens.get());
-				e.state.tokens.set(H(e, t)), e.state.previousValue.set(t);
+				let t = T(e.state.tokens.get());
+				e.state.tokens.set(O(e, t)), e.state.previousValue.set(t);
 				return;
 			}
-			e.state.tokens.set(e.nodes.focus.target ? ce(e) : le(e));
+			e.state.tokens.set(e.nodes.focus.target ? Te(e) : Ee(e));
 		}));
 	}
 	#r(e) {
@@ -1872,13 +2119,13 @@ var $e = class {
 };
 //#endregion
 //#region ../../common/core/src/features/overlay/filterSuggestions.ts
-function nt(e, t) {
+function Ct(e, t) {
 	let n = t.toLowerCase();
 	return e.filter((e) => e.toLowerCase().includes(n));
 }
 //#endregion
 //#region ../../common/core/src/features/overlay/createMarkFromOverlay.ts
-function rt(e, t, n) {
+function wt(e, t, n) {
 	let r = e.option.markup;
 	if (!r) throw Error("createMarkFromOverlay: option.markup is required");
 	return {
@@ -1905,7 +2152,7 @@ function rt(e, t, n) {
 }
 //#endregion
 //#region ../../common/core/src/features/overlay/OverlayController.ts
-var it = class {
+var Tt = class {
 	#e;
 	#t;
 	#n;
@@ -1922,55 +2169,61 @@ var it = class {
 		this.#e = this.store.events.clearOverlay.on(() => {
 			t(void 0);
 		}), this.#t = this.store.events.checkOverlay.on(() => {
-			t(be.find(this.store.state.options.get(), e));
+			t(Ge.find(this.store.state.options.get(), e));
 		}), this.#n = this.store.events.change.on(() => {
-			let e = this.store.state.showOverlayOn.get(), t = "change";
+			let e = this.store.state.showOverlayOn.get();
+			if (!e) return;
+			let 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";
+		});
+		let n = () => {
+			let e = this.store.state.showOverlayOn.get();
+			if (!e) return;
+			let t = "selectionChange";
 			(e === t || Array.isArray(e) && e.includes(t)) && this.store.events.checkOverlay();
-		}, this.#i = () => {
-			document.addEventListener("selectionchange", this.#r);
+		};
+		this.#r = n, this.#i = () => {
+			document.addEventListener("selectionchange", n);
 		}, this.#a = () => {
-			document.removeEventListener("selectionchange", this.#r);
+			document.removeEventListener("selectionchange", n);
 		};
-		let n = this.store.refs.container;
-		n && (n.addEventListener("focusin", this.#i), n.addEventListener("focusout", this.#a));
+		let r = this.store.refs.container;
+		r && (r.addEventListener("focusin", this.#i), r.addEventListener("focusout", this.#a));
 	}
 	enableClose() {
 		this.#o || (this.#o = (e) => {
-			e.key === x.ESC && this.store.events.clearOverlay();
+			e.key === y.ESC && this.store.events.clearOverlay();
 		}, this.#s = (e) => {
-			let t = e.target;
+			let t = e.target instanceof HTMLElement ? e.target : null;
 			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);
+		this.#o && (window.removeEventListener("keydown", this.#o), this.#s && 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;
+		e && this.#i && (e.removeEventListener("focusin", this.#i), this.#a && 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 at(e, t, n) {
+function Et(e, t, n) {
 	if (n === 0) return {
 		action: "none",
 		index: t
 	};
 	let r = !isNaN(t);
 	switch (e) {
-		case x.UP: return {
+		case y.UP: return {
 			action: "up",
 			index: r ? (n + (t - 1) % n) % n : 0
 		};
-		case x.DOWN: return {
+		case y.DOWN: return {
 			action: "down",
 			index: r ? (t + 1) % n : 0
 		};
-		case x.ENTER: return r ? {
+		case y.ENTER: return r ? {
 			action: "select",
 			index: t
 		} : {
@@ -1985,29 +2238,33 @@ function at(e, t, n) {
 }
 //#endregion
 //#region ../../common/core/src/features/store/Store.ts
-var ot = class {
-	key = new ve();
+var Dt = class {
+	key = new Be();
+	blocks;
 	nodes = {
-		focus: new xe(void 0, this),
-		input: new xe(void 0, this)
+		focus: new Ke(void 0, this),
+		input: new Ke(void 0, this)
 	};
 	state;
-	events = _e();
+	slot;
+	events = Me();
 	refs = {
 		container: null,
 		overlay: null
 	};
 	controllers = {
-		overlay: new it(this),
-		focus: new Re(this),
-		keydown: new We(this),
-		system: new Le(this),
-		textSelection: new Ue(this),
-		contentEditable: new Ie(this)
+		overlay: new Tt(this),
+		focus: new at(this),
+		keydown: new ft(this),
+		system: new it(this),
+		textSelection: new ut(this),
+		contentEditable: new nt(this),
+		drag: new $e(this)
 	};
-	lifecycle = new tt(this);
+	lifecycle = new St(this);
+	_defaultSpan;
 	constructor(e) {
-		this.state = he({
+		this._defaultSpan = e.defaultSpan, this.blocks = new ze(e.createUseHook), this.state = Ae({
 			tokens: [],
 			parser: void 0,
 			previousValue: void 0,
@@ -2028,12 +2285,33 @@ var ot = class {
 			slots: void 0,
 			slotProps: void 0,
 			drag: !1
-		}, e.createUseHook);
+		}, e.createUseHook, { equals: { style: p } }), this.slot = {
+			container: {
+				use: () => [_("container", this.state.slots.use()), v("container", this.state.slotProps.use())],
+				get: () => [_("container", this.state.slots.get()), v("container", this.state.slotProps.get())]
+			},
+			block: {
+				use: () => [_("block", this.state.slots.use()), v("block", this.state.slotProps.use())],
+				get: () => [_("block", this.state.slots.get()), v("block", this.state.slotProps.get())]
+			},
+			span: {
+				use: () => [_("span", this.state.slots.use()), v("span", this.state.slotProps.use())],
+				get: () => [_("span", this.state.slots.get()), v("span", this.state.slotProps.get())]
+			},
+			overlay: {
+				use: (e, t) => ne(this.state.Overlay.use(), e, t),
+				get: (e, t) => ne(this.state.Overlay.get(), e, t)
+			},
+			mark: {
+				use: (e) => re(e, this.state.options.get(), this.state.Mark.use(), this.state.Span.use(), this._defaultSpan),
+				get: (e) => re(e, this.state.options.get(), this.state.Mark.get(), this.state.Span.get(), this._defaultSpan)
+			}
+		};
 	}
 	applyValue(e) {
 		let t = this.state.onChange.get();
 		if (!t) return;
-		let n = H(this, e);
+		let n = O(this, e);
 		this.state.tokens.set(n), this.state.previousValue.set(e), t(e);
 	}
 	createHandler() {
@@ -2050,7 +2328,7 @@ var ot = class {
 			}
 		};
 	}
-}, st = class {
+}, Ot = class {
 	ref;
 	#e;
 	#t;
@@ -2086,13 +2364,13 @@ var ot = class {
 		return this.#t.slot?.content;
 	}
 	get depth() {
-		return V(this.#e.state.tokens.get(), this.#t).depth;
+		return E(this.#e.state.tokens.get(), this.#t)?.depth ?? 0;
 	}
 	get hasChildren() {
 		return this.#t.children.some((e) => e.type === "mark");
 	}
 	get parent() {
-		return V(this.#e.state.tokens.get(), this.#t)?.parent;
+		return E(this.#e.state.tokens.get(), this.#t)?.parent;
 	}
 	get tokens() {
 		return this.#t.children;
@@ -2104,486 +2382,203 @@ var ot = class {
 	#r() {
 		this.#e.events.change();
 	}
-}, ct = (e) => () => {
-	let [t, n] = u(() => e.get());
-	return a(() => e.on(n), [e]), t;
+}, kt = (e) => {
+	let t = (t) => e.on(t), n = () => e.get();
+	return () => u(t, n, n);
 };
 //#endregion
 //#region src/lib/hooks/useCoreFeatures.ts
-function lt(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(), c = i?.some((e) => e.Mark != null), l = r || c ? i : void 0, u = e.state.tokens.use();
-	a(() => {
+function At(e, t) {
+	a(t, () => e.createHandler(), [e]), i(() => (e.lifecycle.enable({ getTrigger: (e) => e.overlay?.trigger }), () => e.lifecycle.disable()), []);
+	let n = e.state.value.use(), r = e.state.Mark.use(), s = e.state.options.use(), c = s?.some((e) => e.Mark != null), l = r || c ? s : void 0, u = e.state.tokens.use();
+	i(() => {
 		e.lifecycle.syncParser(n, l);
-	}, [n, l]), s(() => {
+	}, [n, l]), o(() => {
 		e.controllers.contentEditable.sync();
-	}, [u]), a(() => {
+	}, [u]), i(() => {
 		e.lifecycle.recoverFocus();
 	}, [u]);
 }
 //#endregion
 //#region src/lib/providers/StoreContext.ts
-var ut = t(void 0);
-ut.displayName = "StoreContext";
-function Z() {
-	let e = i(ut);
+var K = e(void 0);
+K.displayName = "StoreContext";
+function q() {
+	let e = r(K);
 	if (e === void 0) throw Error("Store not found. Make sure to wrap component in StoreContext.");
 	return e;
 }
+var J = {
+	Container: "_Container_5gsai_1",
+	Icon: "_Icon_5gsai_5",
+	IconGrip: "_IconGrip_5gsai_16",
+	IconAdd: "_IconAdd_5gsai_20",
+	IconDuplicate: "_IconDuplicate_5gsai_21",
+	IconTrash: "_IconTrash_5gsai_22",
+	Block: "_Block_5gsai_38",
+	SidePanel: "_SidePanel_5gsai_48",
+	SidePanelVisible: "_SidePanelVisible_5gsai_60",
+	SidePanelAlways: "_SidePanelAlways_5gsai_65",
+	GripButton: "_GripButton_5gsai_71",
+	GripButtonDragging: "_GripButtonDragging_5gsai_90",
+	BlockMenu: "_BlockMenu_5gsai_94",
+	BlockMenuItem: "_BlockMenuItem_5gsai_106",
+	BlockMenuItemDelete: "_BlockMenuItemDelete_5gsai_123",
+	BlockMenuSeparator: "_BlockMenuSeparator_5gsai_131",
+	DropIndicator: "_DropIndicator_5gsai_137",
+	Suggestions: "_Suggestions_5gsai_153",
+	suggestionActive: "_suggestionActive_5gsai_181"
+}, Y = t(({ token: e }) => {
+	let t = q().blocks.get(e), n = t.state.menuOpen.use(), r = t.state.menuPosition.use();
+	return n ? /* @__PURE__ */ f("div", {
+		ref: (e) => t.attachMenu(e),
+		className: J.BlockMenu,
+		style: {
+			top: r.top,
+			left: r.left
+		},
+		children: [
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				className: J.BlockMenuItem,
+				onMouseDown: (e) => {
+					e.preventDefault(), t.addBlock();
+				},
+				children: [/* @__PURE__ */ d("span", { className: m(J.Icon, J.IconAdd) }), /* @__PURE__ */ d("span", { children: "Add below" })]
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				className: J.BlockMenuItem,
+				onMouseDown: (e) => {
+					e.preventDefault(), t.duplicateBlock();
+				},
+				children: [/* @__PURE__ */ d("span", { className: m(J.Icon, J.IconDuplicate) }), /* @__PURE__ */ d("span", { children: "Duplicate" })]
+			}),
+			/* @__PURE__ */ d("div", { className: J.BlockMenuSeparator }),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				className: m(J.BlockMenuItem, J.BlockMenuItemDelete),
+				onMouseDown: (e) => {
+					e.preventDefault(), t.deleteBlock();
+				},
+				children: [/* @__PURE__ */ d("span", { className: m(J.Icon, J.IconTrash) }), /* @__PURE__ */ d("span", { children: "Delete" })]
+			})
+		]
+	}) : null;
+});
+Y.displayName = "BlockMenu";
 //#endregion
-//#region src/components/Span.tsx
-var dt = (e) => /* @__PURE__ */ f("span", {});
+//#region src/components/DragHandle.tsx
+var jt = `${J.Icon} ${J.IconGrip}`, Mt = t(({ token: e, blockIndex: t }) => {
+	let n = q(), r = n.state.readOnly.use(), i = n.state.drag.use(), a = n.blocks.get(e), o = a.state.isDragging.use(), c = a.state.isHovered.use(), l = s(() => et(i), [i]);
+	return r ? null : /* @__PURE__ */ d("div", {
+		className: m(J.SidePanel, l ? J.SidePanelAlways : c && !o && J.SidePanelVisible),
+		children: /* @__PURE__ */ d("button", {
+			ref: (e) => a.attachGrip(e, t, n.controllers.drag),
+			type: "button",
+			draggable: !0,
+			className: m(J.GripButton, o && J.GripButtonDragging),
+			"aria-label": "Drag to reorder or click for options",
+			children: /* @__PURE__ */ d("span", { className: jt })
+		})
+	});
+});
+Mt.displayName = "DragHandle";
 //#endregion
-//#region src/lib/hooks/useSlot.ts
-function ft(e, t, n, r) {
-	let i = Z();
-	if (e === "span") {
-		let e = i.state.slots.use(), t = i.state.slotProps.use();
-		return [y("span", e), b("span", t)];
-	}
-	let a = i.state.Mark.use(), o = i.state.Overlay.use(), s = e === "mark" ? a : o, c = _(e === "mark" ? t?.mark : t?.overlay, n ?? {}), l = (e === "mark" ? t?.Mark : t?.Overlay) || s || r;
-	if (!l) throw Error(`No ${e} component found. Provide either option.${e === "mark" ? "Mark" : "Overlay"}, global ${e === "mark" ? "Mark" : "Overlay"}, or a defaultComponent.`);
-	return [l, c];
-}
-function pt(e) {
-	let t = Z(), n = t.state.options.use(), r = t.state.Mark.use(), i = t.state.Span.use();
-	if (e.type === "text") return [i ?? dt, { value: e.content }];
-	let a = n?.[e.descriptor.index], o = {
-		value: e.value,
-		meta: e.meta
-	}, s = _(a?.mark, o), c = a?.Mark || r;
-	if (!c) throw Error("No mark component found. Provide either option.Mark or global Mark.");
-	return [c, s];
-}
+//#region src/components/DropIndicator.tsx
+var X = t(({ token: e, position: t }) => q().blocks.get(e).state.dropPosition.use() === t ? /* @__PURE__ */ d("div", {
+	className: J.DropIndicator,
+	style: t === "before" ? { top: -1 } : { bottom: -1 }
+}) : null);
+X.displayName = "DropIndicator";
 //#endregion
 //#region src/lib/providers/TokenContext.ts
-var mt = t(void 0);
-mt.displayName = "TokenProvider";
-function ht() {
-	let e = i(mt);
+var Z = e(void 0);
+Z.displayName = "TokenProvider";
+function Nt() {
+	let e = r(Z);
 	if (e === void 0) throw Error("Token not found. Make sure to wrap component in TokenContext.Provider.");
 	return e;
 }
 //#endregion
 //#region src/components/Token.tsx
-var Q = n(({ mark: e }) => {
-	let t = Z(), [n, r] = pt(e), i = e.type === "mark" && e.children.length > 0 ? e.children.map((e) => /* @__PURE__ */ f(Q, { mark: e }, t.key.get(e))) : void 0;
-	return /* @__PURE__ */ f(mt, {
+var Q = t(({ mark: e }) => {
+	let t = q(), [n, r] = t.slot.mark.use(e);
+	return /* @__PURE__ */ d(Z, {
 		value: e,
-		children: /* @__PURE__ */ f(n, {
-			...r,
-			children: i
+		children: /* @__PURE__ */ d(n, {
+			children: e.type === "mark" && e.children.length > 0 ? e.children.map((e) => /* @__PURE__ */ d(Q, { mark: e }, t.key.get(e))) : void 0,
+			...r
 		})
 	});
 });
 Q.displayName = "Token";
 //#endregion
-//#region src/components/Container.tsx
-var gt = n(() => {
-	let e = Z(), 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(Q, { mark: e }, o.get(e)))
-	});
-});
-gt.displayName = "Container";
-var $ = {
-	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"
-}, _t = `${$.Icon} ${$.IconGrip}`, vt = 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,
-		transition: "opacity 0.2s ease",
-		opacity: m ? .4 : 1,
-		background: "transparent",
-		borderRadius: 3,
-		minHeight: "1.2em",
-		userSelect: "none",
-		outline: "none"
-	}, ee = {
-		position: "absolute",
-		left: i ? 0 : -24,
-		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"
-	}, k = {
-		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"
-	}, A = {
-		position: "absolute",
-		left: 0,
-		right: 0,
-		height: 2,
-		backgroundColor: "#3b82f6",
-		borderRadius: 1,
-		pointerEvents: "none",
-		zIndex: 10
-	};
-	return /* @__PURE__ */ p("div", {
-		ref: v,
+//#region src/components/Block.tsx
+var Pt = t(({ token: e, blockIndex: t }) => {
+	let n = q(), [r, i] = n.slot.block.use(), a = n.blocks.get(e), o = a.state.isDragging.use();
+	return /* @__PURE__ */ f(r, {
+		ref: (e) => a.attachContainer(e, t, n.controllers.drag),
 		"data-testid": "block",
-		style: O,
-		onMouseEnter: b,
-		onMouseLeave: x,
-		onDragOver: w,
-		onDragLeave: T,
-		onDrop: E,
+		...i,
+		className: J.Block,
+		style: { opacity: o ? .4 : 1 },
 		children: [
-			g === "before" && /* @__PURE__ */ f("div", { style: {
-				...A,
-				top: -1
-			} }),
-			!i && /* @__PURE__ */ f("div", {
-				style: ee,
-				children: /* @__PURE__ */ f("button", {
-					ref: y,
-					type: "button",
-					draggable: !0,
-					onDragStart: S,
-					onDragEnd: C,
-					onClick: D,
-					style: {
-						...k,
-						cursor: m ? "grabbing" : "grab"
-					},
-					"aria-label": "Drag to reorder or click for options",
-					children: /* @__PURE__ */ f("span", { className: _t })
-				})
+			/* @__PURE__ */ d(X, {
+				token: e,
+				position: "before"
 			}),
-			e.count(n) === 0 ? /* @__PURE__ */ f("br", {}) : n,
-			g === "after" && /* @__PURE__ */ f("div", { style: {
-				...A,
-				bottom: -1
-			} })
-		]
-	});
-});
-vt.displayName = "DragMark";
-//#endregion
-//#region src/components/DragContainer.tsx
-var yt = `${$.Icon} ${$.IconGrip}`, bt = {
-	id: "block-empty",
-	tokens: [],
-	startPos: 0,
-	endPos: 0
-}, xt = (e) => e.tokens.length === 1 && e.tokens[0].type === "mark";
-function St(e, t) {
-	if (!t || !(t instanceof Node)) return -1;
-	let n = t;
-	for (; n && n.parentNode !== e;) n = n.parentNode;
-	return n ? Array.from(e.children).indexOf(n) : -1;
-}
-var Ct = {
-	height: 1,
-	background: "rgba(55, 53, 47, 0.09)",
-	margin: "4px 0"
-}, wt = 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($.Icon, $.IconAdd) }), /* @__PURE__ */ f("span", { children: "Add below" })]
+			/* @__PURE__ */ d(Mt, {
+				token: e,
+				blockIndex: t
 			}),
-			/* @__PURE__ */ p("div", {
-				style: g("duplicate"),
-				onMouseEnter: () => c("duplicate"),
-				onMouseLeave: () => c(null),
-				onMouseDown: (e) => {
-					e.preventDefault(), r(), i();
-				},
-				children: [/* @__PURE__ */ f("span", { className: h($.Icon, $.IconDuplicate) }), /* @__PURE__ */ f("span", { children: "Duplicate" })]
+			/* @__PURE__ */ d(Q, { mark: e }),
+			/* @__PURE__ */ d(X, {
+				token: e,
+				position: "after"
 			}),
-			/* @__PURE__ */ f("div", { style: Ct }),
-			/* @__PURE__ */ p("div", {
-				style: g("delete"),
-				onMouseEnter: () => c("delete"),
-				onMouseLeave: () => c(null),
-				onMouseDown: (e) => {
-					e.preventDefault(), n(), i();
-				},
-				children: [/* @__PURE__ */ f("span", { className: h($.Icon, $.IconTrash) }), /* @__PURE__ */ f("span", { children: "Delete" })]
-			})
+			/* @__PURE__ */ d(Y, { token: e })
 		]
 	});
 });
-wt.displayName = "BlockMenu";
-var Tt = n(() => {
-	let e = Z(), 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 = we(e.state.drag.use()), h = e.key, g = e.refs, [_, v] = u(null), [x, S] = u(null), [C, w] = u(null), [T, E] = u(null), D = l(null), O = l(null), ee = c(() => y("container", n), [n]), k = c(() => b("container", i), [i]), A = c(() => {
-		let e = G(t);
-		return e.length > 0 ? e : [bt];
-	}, [t]), j = l(A);
-	j.current = A;
-	let M = r((t, n) => {
-		let r = e.state.value.get();
-		if (r == null || !e.state.onChange.get()) return;
-		let i = Pe(r, j.current, t, n);
-		i !== r && e.applyValue(i);
-	}, [e]), te = r((t) => {
-		let n = e.state.value.get();
-		n == null || !e.state.onChange.get() || (e.applyValue(ke(n, j.current, t)), queueMicrotask(() => {
-			let n = e.refs.container;
-			if (!n) return;
-			let r = t + 1;
-			n.children[r]?.focus();
-		}));
-	}, [e]), ne = r((t) => {
-		let n = e.state.value.get();
-		n == null || !e.state.onChange.get() || e.applyValue(Ae(n, j.current, t));
-	}, [e]), re = r((t) => {
-		let n = e.state.value.get();
-		n == null || !e.state.onChange.get() || e.applyValue(je(n, j.current, t));
-	}, [e]), N = r((e, t) => {
-		v({
-			index: e,
-			position: {
-				top: t.bottom + 4,
-				left: t.left
-			}
-		});
-	}, []), P = r(() => v(null), []), F = r(() => {
-		O.current && clearTimeout(O.current), O.current = setTimeout(() => S(null), 120);
-	}, []), I = r(() => {
-		O.current && clearTimeout(O.current);
-	}, []), ie = r((e) => {
-		let t = g.container;
-		if (!t) return;
-		let n = St(t, e.target);
-		if (n === -1 || !xt(j.current[n])) {
-			F();
-			return;
-		}
-		I(), S(n);
-	}, [
-		g,
-		F,
-		I
-	]), L = r(() => F(), [F]), R = r((e) => {
-		let t = g.container;
-		if (!t) return;
-		let n = St(t, e.target);
-		if (n === -1 || !xt(j.current[n])) return;
-		e.preventDefault();
-		let r = t.children[n].getBoundingClientRect(), i = r.left + r.width / 2;
-		E({
-			index: n,
-			position: e.clientX < i ? "before" : "after"
-		});
-	}, [g]), z = r((e) => {
-		g.container && (g.container.contains(e.relatedTarget) || E(null));
-	}, [g]), B = r((e) => {
-		if (!T) return;
-		e.preventDefault();
-		let t = parseInt(e.dataTransfer.getData("text/plain"), 10);
-		if (isNaN(t)) return;
-		let n = T.position === "before" ? T.index : T.index + 1;
-		E(null), M(t, n);
-	}, [T, M]), ae = r((e) => {
-		if (x === null || !g.container) return;
-		e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(x)), w(x);
-		let t = g.container.children[x];
-		t && e.dataTransfer.setDragImage(t, 0, 0);
-	}, [x, g]), V = r(() => {
-		w(null), E(null);
-	}, []);
-	return /* @__PURE__ */ p(d, { children: [
-		/* @__PURE__ */ f(ee, {
-			ref: (e) => g.container = e,
-			...k,
-			className: a,
-			style: s ? o : {
-				paddingLeft: 24,
-				...o
-			},
-			onMouseOver: ie,
-			onMouseLeave: L,
-			onDragOver: R,
-			onDragLeave: z,
-			onDrop: B,
-			children: A.map((e, t) => xt(e) ? /* @__PURE__ */ f(Q, { mark: e.tokens[0] }, h.get(e.tokens[0])) : /* @__PURE__ */ f(vt, {
-				blockIndex: t,
-				readOnly: s,
-				alwaysShowHandle: m,
-				onReorder: M,
-				onRequestMenu: N,
-				children: e.tokens.map((e) => /* @__PURE__ */ f(Q, { mark: e }, h.get(e)))
-			}, e.id))
-		}),
-		x !== null && !s && (() => {
-			let e = (g.container?.children[x])?.getBoundingClientRect();
-			return e ? /* @__PURE__ */ f("button", {
-				ref: D,
-				type: "button",
-				draggable: !0,
-				onDragStart: ae,
-				onDragEnd: V,
-				onMouseEnter: I,
-				onMouseLeave: F,
-				onClick: (e) => {
-					e.preventDefault(), D.current && N(x, D.current.getBoundingClientRect());
-				},
-				style: {
-					position: "fixed",
-					top: e.top + e.height / 2 - 12,
-					left: e.left - 24,
-					width: 24,
-					height: 24,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					cursor: C === null ? "grab" : "grabbing",
-					borderRadius: 4,
-					color: "#9ca3af",
-					background: "none",
-					border: "none",
-					padding: 0,
-					zIndex: 100,
-					pointerEvents: "auto",
-					userSelect: "none"
-				},
-				"aria-label": "Drag to reorder or click for options",
-				children: /* @__PURE__ */ f("span", { className: yt })
-			}) : null;
-		})(),
-		T !== null && (() => {
-			let e = (g.container?.children[T.index])?.getBoundingClientRect();
-			return e ? /* @__PURE__ */ f("div", { style: {
-				position: "fixed",
-				left: T.position === "before" ? e.left - 1 : e.right - 1,
-				top: e.top,
-				width: 2,
-				height: e.height,
-				backgroundColor: "#3b82f6",
-				borderRadius: 1,
-				pointerEvents: "none",
-				zIndex: 10
-			} }) : null;
-		})(),
-		_ && /* @__PURE__ */ f(wt, {
-			position: _.position,
-			onAdd: () => {
-				te(_.index), P();
-			},
-			onDelete: () => {
-				ne(_.index), P();
-			},
-			onDuplicate: () => {
-				re(_.index), P();
-			},
-			onClose: P
-		})
-	] });
+Pt.displayName = "Block";
+//#endregion
+//#region src/components/Container.tsx
+var Ft = t(() => {
+	let e = q(), t = e.state.drag.use(), n = e.state.tokens.use(), r = e.state.className.use(), i = e.state.style.use(), a = e.state.readOnly.use(), o = e.key, s = e.refs, [c, l] = e.slot.container.use();
+	return /* @__PURE__ */ d(c, {
+		ref: (e) => s.container = e,
+		...l,
+		className: r,
+		style: t && !a ? {
+			paddingLeft: 24,
+			...i
+		} : i,
+		children: t ? n.map((e, t) => /* @__PURE__ */ d(Pt, {
+			token: e,
+			blockIndex: t
+		}, o.get(e))) : n.map((e) => /* @__PURE__ */ d(Q, { mark: e }, o.get(e)))
+	});
 });
-Tt.displayName = "DragContainer";
+Ft.displayName = "Container";
 //#endregion
 //#region src/lib/hooks/useOverlay.tsx
-function Et() {
-	let e = Z(), t = e.state.overlayMatch.use(), n = U.getAbsolutePosition(), i = r(() => e.events.clearOverlay(), []);
+function It() {
+	let e = q(), t = e.state.overlayMatch.use();
+	if (!t) throw Error("useOverlay requires an active overlay match");
+	let r = s(() => F.getAbsolutePosition(), [t]), i = n(() => e.events.clearOverlay(), []);
 	return {
 		match: t,
-		style: n,
-		select: r((n) => {
-			let r = rt(t, n.value, n.meta);
+		style: r,
+		select: n((n) => {
+			let r = wt(t, n.value, n.meta);
 			e.events.select({
 				mark: r,
 				match: t
 			}), e.events.clearOverlay();
 		}, [t]),
 		close: i,
-		ref: c(() => ({
+		ref: s(() => ({
 			get current() {
 				return e.refs.overlay;
 			},
@@ -2595,19 +2590,19 @@ function Et() {
 }
 //#endregion
 //#region src/components/Suggestions/Suggestions.tsx
-var Dt = () => {
-	let e = Z(), { match: t, select: n, style: r, ref: i } = Et(), [o, s] = u(NaN), d = t.option.overlay?.data || [], p = c(() => nt(d, t.value), [t.value, d]), m = p.length, h = l(o);
+var Lt = () => {
+	let e = q(), { match: t, select: n, style: r, ref: a } = It(), [o, u] = l(NaN), f = t.option.overlay?.data ?? [], p = s(() => Ct(f, t.value), [t.value, f]), m = p.length, h = c(o);
 	h.current = o;
-	let g = l(p);
-	return g.current = p, a(() => {
+	let g = c(p);
+	return g.current = p, i(() => {
 		let t = e.refs.container;
 		if (!t) return;
 		let r = (e) => {
-			let t = at(e.key, h.current, m);
+			let t = Et(e.key, h.current, m);
 			switch (t.action) {
 				case "up":
 				case "down":
-					e.preventDefault(), s(t.index);
+					e.preventDefault(), u(t.index);
 					break;
 				case "select": {
 					e.preventDefault();
@@ -2618,16 +2613,19 @@ var Dt = () => {
 					});
 					break;
 				}
+				case "none": break;
 			}
 		};
 		return t.addEventListener("keydown", r), () => t.removeEventListener("keydown", r);
-	}, [m, n]), p.length ? /* @__PURE__ */ f("ul", {
-		ref: i,
-		className: $.Suggestions,
+	}, [m, n]), p.length ? /* @__PURE__ */ d("ul", {
+		ref: (e) => {
+			a.current = e;
+		},
+		className: J.Suggestions,
 		style: r,
 		children: p.map((e, t) => {
-			let r = t === o ? $.suggestionActive : void 0;
-			return /* @__PURE__ */ f("li", {
+			let r = t === o ? J.suggestionActive : void 0;
+			return /* @__PURE__ */ d("li", {
 				ref: (e) => {
 					r && e && e.scrollIntoView(!1);
 				},
@@ -2640,53 +2638,61 @@ var Dt = () => {
 			}, e);
 		})
 	}) : null;
-}, Ot = n(() => {
-	let e = Z(), t = e.state.overlayMatch.use(), n = c(() => t ? e.key.get(t.option) : void 0, [t]), [r, i] = ft("overlay", t?.option, void 0, Dt);
-	if (n) return /* @__PURE__ */ f(r, { ...i ?? {} }, n);
+}, Rt = t(() => {
+	let e = q(), t = e.state.overlayMatch.use(), n = s(() => t ? e.key.get(t.option) : void 0, [t]), [r, i] = e.slot.overlay.use(t?.option, Lt);
+	if (n) return /* @__PURE__ */ d(r, { ...i }, n);
 });
-Ot.displayName = "OverlayRenderer";
+Rt.displayName = "OverlayRenderer";
+//#endregion
+//#region src/components/Span.tsx
+var $ = (e) => /* @__PURE__ */ d("span", {});
 //#endregion
 //#region src/components/MarkedInput.tsx
-function kt(e) {
-	let { ref: t, value: n, defaultValue: r, onChange: i, readOnly: a = !1, drag: o = !1, Span: s, Mark: c, Overlay: l, slots: d, slotProps: m, options: _ = S, showOverlayOn: v = "change", className: y, style: b } = e, x = h($.Container, y, m?.container?.className), C = g(b, m?.container?.style), [w] = u(() => new ot({ createUseHook: ct }));
-	return w.state.set({
-		value: n,
-		defaultValue: r,
-		onChange: i,
-		readOnly: a,
-		drag: o,
-		options: _,
-		showOverlayOn: v,
-		Span: s,
-		Mark: c,
-		Overlay: l,
-		className: x,
-		style: C,
-		slots: d,
-		slotProps: m
-	}), lt(w, t), /* @__PURE__ */ p(ut, {
-		value: w,
-		children: [/* @__PURE__ */ f(o ? Tt : gt, {}), /* @__PURE__ */ f(Ot, {})]
+function zt(e) {
+	let { ref: t } = e, n = m(J.Container, e.className, e.slotProps?.container?.className), r = h(e.style, e.slotProps?.container?.style), [i] = l(() => new Dt({
+		createUseHook: kt,
+		defaultSpan: $
+	}));
+	return i.state.set({
+		value: e.value,
+		defaultValue: e.defaultValue,
+		onChange: e.onChange,
+		readOnly: e.readOnly ?? !1,
+		drag: e.drag ?? !1,
+		options: e.options ?? ie,
+		showOverlayOn: e.showOverlayOn ?? "change",
+		Span: e.Span,
+		Mark: e.Mark,
+		Overlay: e.Overlay,
+		className: n,
+		style: r,
+		slots: e.slots,
+		slotProps: e.slotProps
+	}), At(i, t), /* @__PURE__ */ f(K, {
+		value: i,
+		children: [/* @__PURE__ */ d(Ft, {}), /* @__PURE__ */ d(Rt, {})]
 	});
 }
 //#endregion
 //#region src/lib/hooks/useMark.tsx
-var At = (e = {}) => {
-	let t = Z(), n = ht(), r = l(null), [i] = u(() => new st({
+var Bt = (e = {}) => {
+	let t = q(), n = Nt();
+	if (n.type !== "mark") throw Error("useMark must be called within a mark token context");
+	let r = c(null), [a] = l(() => new Ot({
 		ref: r,
 		store: t,
 		token: n
 	}));
-	jt(r, e, n);
+	Vt(r, e, n);
 	let o = t.state.readOnly.use();
-	return a(() => {
-		i.readOnly = o;
-	}, [o]), i;
+	return i(() => {
+		a.readOnly = o;
+	}, [o]), a;
 };
-function jt(e, t, n) {
-	a(() => {
-		e.current && !t.controlled && (e.current.textContent = n.content);
+function Vt(e, t, n) {
+	i(() => {
+		!t.controlled && e.current && (e.current.textContent = n.content);
 	}, []);
 }
 //#endregion
-export { st as MarkHandler, kt as MarkedInput, dt as Span, R as annotate, ae as denote, At as useMark, Et as useOverlay };
+export { Ot as MarkHandler, zt as MarkedInput, $ as Span, w as annotate, Se as denote, Bt as useMark, It as useOverlay };