@bavuchoko/js-editor 0.1.0

package/dist/index.js

@@ -0,0 +1,2343 @@
+import { forwardRef as e, useEffect as t, useImperativeHandle as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/editor/selection.ts
+var s = /* @__PURE__ */ new Set([
+	"P",
+	"H1",
+	"H2",
+	"H3",
+	"BLOCKQUOTE",
+	"PRE",
+	"UL",
+	"OL",
+	"LI",
+	"DIV",
+	"TD",
+	"TH",
+	"TABLE"
+]), c = null;
+function l(e) {
+	let t = window.getSelection();
+	return !t || t.rangeCount === 0 || !e.contains(t.anchorNode) ? null : t;
+}
+function u(e) {
+	let t = l(e);
+	if (!(!t || t.rangeCount === 0)) try {
+		c = t.getRangeAt(0).cloneRange();
+	} catch {}
+}
+function d(e) {
+	if (!c || !e.contains(c.commonAncestorContainer)) return !1;
+	let t = window.getSelection();
+	if (!t) return !1;
+	try {
+		return t.removeAllRanges(), t.addRange(c), !0;
+	} catch {
+		return !1;
+	}
+}
+function f(e) {
+	let t = l(e);
+	if (t && t.rangeCount > 0) {
+		let e = t.getRangeAt(0);
+		try {
+			c = e.cloneRange();
+		} catch {}
+		return e;
+	}
+	return c && e.contains(c.commonAncestorContainer) ? c.cloneRange() : null;
+}
+function p(e) {
+	return e !== null && e.nodeType === Node.ELEMENT_NODE;
+}
+function m(e, t, n) {
+	let r = e;
+	for (; r && r !== n;) {
+		if (p(r) && t(r)) return r;
+		r = r.parentNode;
+	}
+	return null;
+}
+function h(e, t, n) {
+	let r = (Array.isArray(t) ? t : [t]).map((e) => e.toUpperCase());
+	return m(e, (e) => r.includes(e.tagName), n);
+}
+function g(e, t) {
+	let n = m(e, (e) => s.has(e.tagName) && e !== t, t);
+	return n ? n.tagName === "LI" ? n : n.tagName === "UL" || n.tagName === "OL" ? h(e, "LI", t) ?? n : n : null;
+}
+function _(e, t = !1) {
+	let n = window.getSelection();
+	if (!n) return;
+	let r = document.createRange();
+	r.selectNodeContents(e), t && r.collapse(!1), n.removeAllRanges(), n.addRange(r);
+}
+function v(e) {
+	let t = window.getSelection();
+	if (!t) return;
+	let n = document.createRange();
+	n.setStartAfter(e), n.collapse(!0), t.removeAllRanges(), t.addRange(n);
+}
+function y(e, t = !1) {
+	let n = window.getSelection();
+	if (!n) return;
+	let r = document.createRange();
+	r.selectNodeContents(e), r.collapse(t), n.removeAllRanges(), n.addRange(r);
+}
+function b(e) {
+	!e.textContent?.replace(/\u200B/g, "").trim() && !e.querySelector("br, img") && e.appendChild(document.createElement("br")), y(e, !0);
+}
+function ee(e) {
+	if (!e) return "left";
+	let t = (e.style.textAlign || "").toLowerCase();
+	return t === "center" || t === "right" || t === "left" ? t : "left";
+}
+function x(e) {
+	return e.tagName === "UL" && (e.classList.contains("editor-checklist") || e.getAttribute("data-list") === "checklist");
+}
+function S(e, t) {
+	return e ? m(e, (e) => x(e), t) ? "checklist" : h(e, "OL", t) ? "ol" : m(e, (e) => e.tagName === "UL" && !x(e), t) ? "ul" : null : null;
+}
+function te(e) {
+	let t = f(e), n = t?.startContainer ?? null, r = t?.endContainer ?? null, i = g(n, e), a = S(n, e), o = S(r, e), s = a === "checklist" || o === "checklist" ? "checklist" : a ?? o, c = "p";
+	i && (i.tagName === "LI" ? c = s === "checklist" ? "checklist" : s === "ol" ? "ol" : "ul" : i.tagName === "PRE" ? c = "pre" : i.tagName === "TD" || i.tagName === "TH" ? c = "table" : x(i) ? c = "checklist" : i.tagName !== "TABLE" && (c = i.tagName.toLowerCase()));
+	let l = m(n, (e) => e.tagName === "SPAN" && !!e.style.color, e), u = m(n, (e) => e.tagName === "SPAN" && !!e.style.backgroundColor, e), d = h(n, ["TD", "TH"], e);
+	return {
+		bold: !!h(n, ["STRONG", "B"], e),
+		italic: !!h(n, ["EM", "I"], e),
+		underline: !!h(n, "U", e),
+		block: c,
+		align: ee(i),
+		inList: s,
+		textColor: l?.style.color || d?.style.color || null,
+		highlightColor: u?.style.backgroundColor || d?.style.backgroundColor || null,
+		inTable: !!h(n, "TABLE", e)
+	};
+}
+function C(e) {
+	let t = f(e);
+	if (!t || !t.collapsed) return null;
+	let n = g(t.startContainer, e);
+	if (!n) return null;
+	let r = t.cloneRange();
+	return r.selectNodeContents(n), r.setEnd(t.startContainer, t.startOffset), {
+		block: n,
+		text: r.toString(),
+		range: t
+	};
+}
+//#endregion
+//#region src/editor/commands.ts
+var w = {
+	bold: "STRONG",
+	italic: "EM",
+	underline: "U"
+};
+function T(e) {
+	let t = e.parentNode;
+	if (t) {
+		for (; e.firstChild;) t.insertBefore(e.firstChild, e);
+		t.removeChild(e), t.normalize();
+	}
+}
+function E(e, t) {
+	let n = document.createElement(t);
+	if (e.collapsed) {
+		n.appendChild(document.createTextNode("​")), e.insertNode(n), _(n.firstChild, !1);
+		let t = window.getSelection();
+		if (t) {
+			let e = document.createRange();
+			e.setStart(n.firstChild, 1), e.collapse(!0), t.removeAllRanges(), t.addRange(e);
+		}
+		return n;
+	}
+	try {
+		e.surroundContents(n);
+	} catch {
+		let t = e.extractContents();
+		n.appendChild(t), e.insertNode(n);
+	}
+	return _(n), n;
+}
+function D(e, t, n) {
+	return h(e, t === "STRONG" ? ["STRONG", "B"] : t === "EM" ? ["EM", "I"] : [t], n);
+}
+function O(e, t) {
+	let n = f(e);
+	if (!n) return !1;
+	let r = w[t], i = D(n.commonAncestorContainer, r, e);
+	return i ? (T(i), !0) : (E(n, r.toLowerCase()), !0);
+}
+function k() {
+	let e = document.createElement("p");
+	return e.appendChild(document.createElement("br")), e;
+}
+function A(e) {
+	e.firstChild || e.appendChild(k());
+}
+function ne(e, t) {
+	if (e.tagName === t.toUpperCase()) return e;
+	let n = document.createElement(t);
+	for (; e.firstChild;) n.appendChild(e.firstChild);
+	return e.style.textAlign && (n.style.textAlign = e.style.textAlign), e.replaceWith(n), n.textContent || n.appendChild(document.createElement("br")), n;
+}
+function j(e) {
+	return !!(e && e.tagName === "UL" && (e.classList.contains("editor-checklist") || e.dataset.list === "checklist"));
+}
+function M(e) {
+	if (e.tagName === "LI") {
+		let t = e.querySelector(":scope > .checklist-content");
+		if (t instanceof HTMLElement) return t;
+	}
+	return e;
+}
+function N(e, t) {
+	let n = e.parentElement, r = document.createElement("p"), i = M(e);
+	if (i !== e) for (; i.firstChild;) r.appendChild(i.firstChild);
+	else for (; e.firstChild;) {
+		let t = e.firstChild;
+		if (p(t) && t.classList.contains("checklist-box")) {
+			t.remove();
+			continue;
+		}
+		r.appendChild(t);
+	}
+	if (!r.textContent?.replace(/\u200B/g, "").trim() && !r.querySelector("img") && (r.querySelector("br") || r.appendChild(document.createElement("br"))), n && (n.tagName === "UL" || n.tagName === "OL")) {
+		let i = n.parentNode ?? t;
+		if (e.nextSibling) {
+			let t = document.createElement(n.tagName);
+			for (; e.nextSibling;) t.appendChild(e.nextSibling);
+			i.insertBefore(t, n.nextSibling), i.insertBefore(r, t);
+		} else i.insertBefore(r, n.nextSibling);
+		e.remove(), n.children.length || n.remove();
+	} else e.replaceWith(r);
+	return r;
+}
+function re(e, t) {
+	try {
+		let n = document.createRange();
+		return n.selectNode(t), e.compareBoundaryPoints(Range.END_TO_START, n) < 0 && e.compareBoundaryPoints(Range.START_TO_END, n) > 0;
+	} catch {
+		return !1;
+	}
+}
+function P(e) {
+	return !e.textContent?.replace(/\u200B/g, "").trim() && !e.querySelector("img");
+}
+function ie(e) {
+	if (e.tagName === "PRE") return (e.querySelector("code")?.textContent ?? e.textContent ?? "").split("\n").map((e) => {
+		let t = document.createElement("div");
+		return e && (t.textContent = e), t;
+	});
+	let t = [], n = document.createElement("div"), r = () => {
+		t.push(n), n = document.createElement("div");
+	};
+	for (let t of Array.from(e.childNodes)) {
+		if (p(t) && t.tagName === "BR") {
+			t.remove(), r();
+			continue;
+		}
+		if (t.nodeType === Node.TEXT_NODE && (t.textContent ?? "").includes("\n")) {
+			let e = t.textContent ?? "";
+			t.remove();
+			let i = e.split("\n");
+			i.forEach((e, t) => {
+				e && n.appendChild(document.createTextNode(e)), t < i.length - 1 && r();
+			});
+			continue;
+		}
+		n.appendChild(t);
+	}
+	for (r(); t.length > 1 && P(t[t.length - 1]);) t.pop();
+	return t.length ? t : [document.createElement("div")];
+}
+function ae(e, t) {
+	let n = [];
+	for (let r of Array.from(e.children)) if (p(r)) {
+		if (r.tagName === "UL" || r.tagName === "OL") {
+			for (let e of Array.from(r.children)) p(e) && e.tagName === "LI" && re(t, e) && n.push(e);
+			continue;
+		}
+		[
+			"P",
+			"H1",
+			"H2",
+			"H3",
+			"BLOCKQUOTE",
+			"PRE",
+			"DIV"
+		].includes(r.tagName) && re(t, r) && n.push(r);
+	}
+	if (n.length === 0) {
+		let r = g(t.startContainer, e);
+		r && r.tagName !== "TABLE" && r.tagName !== "TD" && r.tagName !== "TH" && n.push(r);
+	}
+	return n;
+}
+function oe(e) {
+	let t = document.createElement("li");
+	for (; e.firstChild;) t.appendChild(e.firstChild);
+	return P(t) && t.appendChild(document.createElement("br")), t;
+}
+function F(e, t = !1) {
+	let n = document.createElement("li");
+	n.dataset.checked = t ? "true" : "false";
+	let r = document.createElement("span");
+	r.className = "checklist-box", r.contentEditable = "false", r.setAttribute("role", "checkbox"), r.setAttribute("aria-checked", t ? "true" : "false"), r.tabIndex = -1;
+	let i = document.createElement("span");
+	for (i.className = "checklist-content"; e.firstChild;) i.appendChild(e.firstChild);
+	return P(i) && i.appendChild(document.createElement("br")), n.appendChild(r), n.appendChild(i), n;
+}
+function se() {
+	let e = document.createElement("ul");
+	return e.className = "editor-checklist", e.dataset.list = "checklist", e;
+}
+function ce(e, t) {
+	let n = window.getSelection();
+	if (!n) return;
+	let r = document.createRange();
+	try {
+		r.setStartBefore(e), r.setEndAfter(t);
+	} catch {
+		r.selectNodeContents(e);
+	}
+	n.removeAllRanges(), n.addRange(r);
+}
+function le(e, t) {
+	if (e.tagName !== "LI" || !e.parentElement) return !1;
+	let n = e.parentElement;
+	return t === "checklist" ? j(n) : t === "ol" ? n.tagName === "OL" : n.tagName === "UL" && !j(n);
+}
+function ue(e, t) {
+	let n = f(e);
+	if (!n) return !1;
+	let r = !n.collapsed, i = ae(e, n);
+	if (i.length === 0) return !1;
+	if (i.every((e) => le(e, t))) {
+		let t = [];
+		for (let n of [...i].reverse()) t.unshift(N(n, e));
+		return t.length === 0 || (r ? ce(t[0], t[t.length - 1]) : y(t[0])), !0;
+	}
+	let a = t === "checklist" ? se() : document.createElement(t);
+	for (let e of i) {
+		let n = e.tagName === "LI" && e.dataset.checked === "true", r = M(e);
+		for (let e of ie(r)) t === "checklist" ? a.appendChild(F(e, n)) : a.appendChild(oe(e));
+	}
+	a.children.length || a.appendChild(t === "checklist" ? F(document.createElement("div")) : oe(document.createElement("div"))), i[0].before(a);
+	for (let e of i) {
+		let t = e.parentElement;
+		e.remove(), t && (t.tagName === "UL" || t.tagName === "OL") && !t.children.length && t.remove();
+	}
+	let o = Array.from(a.children), s = o[0], c = o[o.length - 1];
+	return s && (r ? ce(s, c) : y(s.querySelector(".checklist-content") ?? s)), !0;
+}
+function de(e, t) {
+	let n = t.target;
+	if (!(n instanceof Element)) return !1;
+	let r = n.closest(".checklist-box");
+	if (!r || !e.contains(r)) return !1;
+	let i = r.closest("li");
+	if (!i || !j(i.parentElement)) return !1;
+	t.preventDefault();
+	let a = i.dataset.checked === "true" ? "false" : "true";
+	return i.dataset.checked = a, r.setAttribute("aria-checked", a), !0;
+}
+function fe(e, t) {
+	A(e);
+	let n = f(e);
+	if (!n) return !1;
+	let r = g(n.startContainer, e);
+	if (r ||= (e.appendChild(k()), e.firstElementChild), t === "ul" || t === "ol" || t === "checklist") return ue(e, t);
+	if (r.tagName === "LI" && (r = N(r, e)), t === "pre") {
+		let e = r.textContent ?? "", t = document.createElement("pre"), n = document.createElement("code");
+		return n.textContent = e === "\n" ? "" : e, n.textContent || n.appendChild(document.createTextNode("")), t.appendChild(n), r.replaceWith(t), y(n), !0;
+	}
+	if (r.tagName === "PRE") {
+		let e = r.querySelector("code")?.textContent ?? r.textContent ?? "", n = document.createElement(t);
+		return n.textContent = e, n.textContent || n.appendChild(document.createElement("br")), r.replaceWith(n), y(n), !0;
+	}
+	return y(ne(r, t)), !0;
+}
+function pe(e, t) {
+	let n = f(e);
+	if (!n) return !1;
+	let r = g(n.startContainer, e);
+	if (!r) return !1;
+	let i = r.tagName === "LI" ? r.parentElement : r;
+	return i.style.textAlign = t === "left" ? "" : t, !0;
+}
+function me(e, t, n) {
+	return m(e, (e) => e.tagName === "SPAN" && !!e.style[t], n);
+}
+function he(e) {
+	!e.getAttribute("style")?.trim() && !e.className && T(e);
+}
+function ge(e) {
+	return Array.from(e.querySelectorAll("td.is-cell-selected, th.is-cell-selected"));
+}
+function _e(e, t, n) {
+	for (let r of e) r.style[t] = n ?? "";
+	return !0;
+}
+function ve(e, t, n) {
+	let r = ge(e);
+	if (r.length > 0) return _e(r, t, n);
+	let i = f(e);
+	if (!i) return !1;
+	let a = h(i.startContainer, ["TD", "TH"], e);
+	if (a && i.collapsed) return a.style[t] = n ?? "", !0;
+	if (a && !i.collapsed) {
+		if (!n) {
+			let e = E(i, "span");
+			return t === "color" ? e.style.color = "inherit" : e.style.backgroundColor = "transparent", !0;
+		}
+		let e = E(i, "span");
+		return e.style[t] = n, !0;
+	}
+	let o = me(i.commonAncestorContainer, t, e);
+	if (!n) {
+		if (!o) return !0;
+		if (i.collapsed && o.contains(i.startContainer)) return o.style[t] = "", he(o), !0;
+		if (!i.collapsed) {
+			let e = E(i, "span");
+			return t === "color" ? e.style.color = "inherit" : e.style.backgroundColor = "transparent", !0;
+		}
+		return !0;
+	}
+	let s = E(i, "span");
+	return s.style[t] = n, !0;
+}
+function ye(e, t) {
+	return ve(e, "color", t);
+}
+function be(e, t) {
+	return ve(e, "backgroundColor", t);
+}
+function xe(e, t) {
+	let n = f(e);
+	if (!n) return !1;
+	n.deleteContents();
+	let r = document.createElement("template");
+	r.innerHTML = t;
+	let i = r.content, a = i.lastChild;
+	return n.insertNode(i), a && v(a), !0;
+}
+function Se(e = "td") {
+	let t = document.createElement(e);
+	return t.appendChild(document.createElement("br")), t;
+}
+function Ce(e, t = 3, n = 3) {
+	let r = f(e);
+	if (!r) return !1;
+	let i = Math.min(Math.max(t, 1), 20), a = Math.min(Math.max(n, 1), 20), o = document.createElement("table");
+	o.className = "editor-table";
+	let s = document.createElement("tbody");
+	for (let e = 0; e < i; e++) {
+		let e = document.createElement("tr");
+		for (let t = 0; t < a; t++) e.appendChild(Se("td"));
+		s.appendChild(e);
+	}
+	o.appendChild(s);
+	let c = g(r.startContainer, e);
+	c && c.tagName !== "TD" && c.tagName !== "TH" ? !c.textContent?.replace(/\u200B/g, "").trim() && !c.querySelector("img, table") ? c.replaceWith(o) : c.after(o) : (r.collapse(!0), r.insertNode(o));
+	let l = k();
+	o.after(l);
+	let u = o.querySelector("th, td");
+	return u && b(u), !0;
+}
+function we(e) {
+	return Array.from(e.querySelectorAll("th, td"));
+}
+function Te(e) {
+	return e.textContent?.replace(/\u200B/g, "").trim() ?? "" ? !0 : !!e.querySelector("img");
+}
+function Ee(e) {
+	return !Te(e);
+}
+function De(e) {
+	return Array.from(e.querySelectorAll("tr"));
+}
+function I(e) {
+	return Array.from(e.children).filter((e) => e.tagName === "TD" || e.tagName === "TH");
+}
+function Oe(e) {
+	let t = e.parentElement, n = e.closest("table");
+	if (!t || !n) return null;
+	let r = De(n).indexOf(t), i = I(t).indexOf(e);
+	return r < 0 || i < 0 ? null : {
+		table: n,
+		row: r,
+		col: i
+	};
+}
+function ke(e, t) {
+	if (Te(t)) for (Ee(e) ? e.innerHTML = "" : e.appendChild(document.createElement("br")); t.firstChild;) e.appendChild(t.firstChild);
+}
+function Ae(e) {
+	if (e.length < 2) return !1;
+	let t = e.map((e) => Oe(e));
+	if (t.some((e) => !e)) return !1;
+	let n = t[0].table;
+	if (!t.every((e) => e.table === n)) return !1;
+	let r = t.map((e) => e.row), i = t.map((e) => e.col), a = Math.min(...r), o = Math.max(...r), s = Math.min(...i), c = Math.max(...i);
+	if (e.some((e) => (e.colSpan || 1) > 1 || (e.rowSpan || 1) > 1)) return !1;
+	let l = De(n), u = [];
+	for (let e = a; e <= o; e++) {
+		let t = I(l[e]);
+		for (let e = s; e <= c; e++) {
+			let n = t[e];
+			if (!n) return !1;
+			u.push(n);
+		}
+	}
+	let d = new Set(e);
+	if (u.length !== e.length || !u.every((e) => d.has(e))) return !1;
+	let f = I(l[a])[s];
+	if (!f) return !1;
+	f.colSpan = c - s + 1, f.rowSpan = o - a + 1;
+	for (let e of u) e !== f && (ke(f, e), e.remove());
+	return y(f), !0;
+}
+function je(e, t) {
+	if (t.key !== "Tab") return !1;
+	let n = f(e);
+	if (!n) return !1;
+	let r = h(n.startContainer, ["TD", "TH"], e);
+	if (!r) return !1;
+	let i = h(r, "TABLE", e);
+	if (!i) return !1;
+	t.preventDefault();
+	let a = we(i), o = a.indexOf(r);
+	if (o < 0) return !0;
+	let s = t.shiftKey ? o - 1 : o + 1;
+	if (s < 0 || s >= a.length) {
+		if (!t.shiftKey) {
+			let e = i.querySelector("tr:last-child")?.children.length ?? 1, t = document.createElement("tr");
+			for (let n = 0; n < e; n++) t.appendChild(Se("td"));
+			(i.tBodies[0] ?? i).appendChild(t), b(t.cells[0]);
+		}
+		return !0;
+	}
+	return b(a[s]), !0;
+}
+function Me(e, t) {
+	let n = f(e);
+	if (!n || !n.collapsed) return !1;
+	if (h(n.startContainer, ["TD", "TH"], e)) {
+		t.preventDefault();
+		let e = document.createElement("br");
+		return n.insertNode(e), v(e), !0;
+	}
+	if (h(n.startContainer, "PRE", e)) {
+		t.preventDefault();
+		let e = document.createTextNode("\n");
+		return n.insertNode(e), v(e), !0;
+	}
+	let r = h(n.startContainer, "LI", e);
+	if (r) {
+		if ((r.textContent?.replace(/\u200B/g, "").trim() ?? "") === "") return t.preventDefault(), b(N(r, e)), !0;
+		t.preventDefault();
+		let i = j(r.parentElement), a = M(r), o = n.cloneRange();
+		o.selectNodeContents(a), o.setStart(n.startContainer, n.startOffset);
+		let s = o.extractContents(), c;
+		if (i) {
+			let e = document.createElement("div");
+			(s.textContent || s.querySelector?.("img, br")) && e.appendChild(s), c = F(e, !1);
+		} else c = document.createElement("li"), s.textContent || s.querySelector?.("img, br") ? c.appendChild(s) : c.appendChild(document.createElement("br"));
+		return r.after(c), y(c.querySelector(".checklist-content") ?? c, !0), !0;
+	}
+	let i = h(n.startContainer, "BLOCKQUOTE", e);
+	if (i && (i.textContent?.replace(/\u200B/g, "").trim() ?? "") === "") {
+		t.preventDefault();
+		let e = k();
+		return i.replaceWith(e), b(e), !0;
+	}
+	return !1;
+}
+function Ne(e) {
+	e.focus();
+	let t = window.getSelection();
+	if (!t || t.rangeCount > 0 && t.anchorNode && e.contains(t.anchorNode) || d(e)) return;
+	let n = e.lastElementChild;
+	n ? y(n) : (A(e), y(e.firstElementChild));
+}
+//#endregion
+//#region src/editor/history.ts
+function Pe(e, t) {
+	let n = [], r = t;
+	for (; r && r !== e;) {
+		let e = r.parentNode;
+		if (!e) break;
+		n.unshift(Array.prototype.indexOf.call(e.childNodes, r)), r = e;
+	}
+	return n;
+}
+function Fe(e, t) {
+	let n = e;
+	for (let e of t) {
+		if (!n.childNodes[e]) return null;
+		n = n.childNodes[e];
+	}
+	return n;
+}
+function Ie(e) {
+	let t = window.getSelection();
+	if (!(!t || t.rangeCount === 0) && !(!e.contains(t.anchorNode) || !t.focusNode)) try {
+		let n = t.getRangeAt(0);
+		return {
+			startPath: Pe(e, n.startContainer),
+			startOffset: n.startOffset,
+			endPath: Pe(e, n.endContainer),
+			endOffset: n.endOffset
+		};
+	} catch {
+		return;
+	}
+}
+function Le(e) {
+	return e.nodeType === Node.TEXT_NODE ? e.data.length : e.childNodes.length;
+}
+function Re(e, t) {
+	if (!t) return;
+	let n = Fe(e, t.startPath), r = Fe(e, t.endPath);
+	if (!(!n || !r)) try {
+		let e = document.createRange();
+		e.setStart(n, Math.min(t.startOffset, Le(n))), e.setEnd(r, Math.min(t.endOffset, Le(r)));
+		let i = window.getSelection();
+		i?.removeAllRanges(), i?.addRange(e);
+	} catch {}
+}
+var ze = class {
+	undoStack = [];
+	redoStack = [];
+	lastPush = 0;
+	debounceMs;
+	maxSize;
+	constructor(e = 300, t = 100) {
+		this.debounceMs = e, this.maxSize = t;
+	}
+	reset(e) {
+		this.undoStack = [{ html: e }], this.redoStack = [], this.lastPush = Date.now();
+	}
+	push(e, t = !1) {
+		let n = e.innerHTML, r = Date.now(), i = this.undoStack[this.undoStack.length - 1];
+		if (!(i && i.html === n)) {
+			if (!t && i && r - this.lastPush < this.debounceMs) {
+				this.undoStack[this.undoStack.length - 1] = {
+					html: n,
+					selection: Ie(e)
+				};
+				return;
+			}
+			this.undoStack.push({
+				html: n,
+				selection: Ie(e)
+			}), this.undoStack.length > this.maxSize && this.undoStack.shift(), this.redoStack = [], this.lastPush = r;
+		}
+	}
+	undo(e) {
+		if (this.undoStack.length <= 1) return !1;
+		let t = this.undoStack.pop();
+		this.redoStack.push(t);
+		let n = this.undoStack[this.undoStack.length - 1];
+		return e.innerHTML = n.html, Re(e, n.selection), !0;
+	}
+	redo(e) {
+		let t = this.redoStack.pop();
+		return t ? (this.undoStack.push(t), e.innerHTML = t.html, Re(e, t.selection), !0) : !1;
+	}
+	canUndo() {
+		return this.undoStack.length > 1;
+	}
+	canRedo() {
+		return this.redoStack.length > 0;
+	}
+};
+//#endregion
+//#region src/editor/markdown.ts
+function Be(e, t) {
+	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = t, i = n.nextNode();
+	for (; i && r > 0;) {
+		let e = i.data;
+		if (e.length <= r) {
+			r -= e.length;
+			let t = n.nextNode();
+			i.remove(), i = t;
+		} else i.data = e.slice(r), r = 0;
+	}
+	e.textContent || e.appendChild(document.createElement("br"));
+}
+function L(e, t, n) {
+	let r = C(e);
+	if (!r) return !1;
+	let i = t.exec(r.text);
+	return i ? (Be(r.block, i[0].length), fe(e, n), !0) : !1;
+}
+function Ve(e, t, n) {
+	let r = document.createRange(), i = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), a = 0, o = null, s = 0, c = null, l = 0, u = i.nextNode();
+	for (; u;) {
+		let e = a + u.data.length;
+		if (!o && t >= a && t <= e && (o = u, s = t - a), n >= a && n <= e) {
+			c = u, l = n - a;
+			break;
+		}
+		a = e, u = i.nextNode();
+	}
+	return !o || !c ? null : (r.setStart(o, s), r.setEnd(c, l), r);
+}
+function He(e, t, n) {
+	let r = C(e);
+	if (!r) return !1;
+	let i = t.exec(r.text);
+	if (!i) return !1;
+	let a = i[0], o = i[1], s = r.text.length - a.length, c = Ve(r.block, s, r.text.length);
+	if (!c) return !1;
+	c.deleteContents();
+	let l = n === "bold" ? "strong" : "em", u = document.createElement(l);
+	u.textContent = o, c.insertNode(u);
+	let d = document.createTextNode(" ");
+	u.after(d);
+	let f = window.getSelection();
+	if (f) {
+		let e = document.createRange();
+		e.setStart(d, 1), e.collapse(!0), f.removeAllRanges(), f.addRange(e);
+	}
+	return !0;
+}
+var Ue = [
+	(e) => L(e, /^### $/, "h3"),
+	(e) => L(e, /^## $/, "h2"),
+	(e) => L(e, /^# $/, "h1"),
+	(e) => L(e, /^> $/, "blockquote"),
+	(e) => L(e, /^(-|\*) $/, "ul"),
+	(e) => L(e, /^\d+\. $/, "ol"),
+	(e) => L(e, /^``` $/, "pre"),
+	(e) => He(e, /\*\*(.+?)\*\* $/, "bold"),
+	(e) => He(e, /(?<!\*)\*([^*\n]+)\* $/, "italic")
+];
+function We(e) {
+	for (let t of Ue) if (t(e)) return !0;
+	return !1;
+}
+//#endregion
+//#region src/editor/document.ts
+function R(e) {
+	return e.nodeType === Node.ELEMENT_NODE;
+}
+function Ge(e) {
+	let t = (e || "").match(/text-align:\s*(left|center|right)/i)?.[1];
+	if (t === "left" || t === "center" || t === "right") return t;
+}
+function z(e, t = []) {
+	if (e.nodeType === Node.TEXT_NODE) {
+		let n = e.textContent?.replace(/\u200B/g, "") ?? "";
+		return n ? [t.length ? {
+			type: "text",
+			text: n,
+			marks: t
+		} : {
+			type: "text",
+			text: n
+		}] : [];
+	}
+	if (!R(e)) return [];
+	let n = e;
+	if (n.tagName === "BR") return [{ type: "hardBreak" }];
+	let r = [], i = n.tagName;
+	i === "STRONG" || i === "B" ? r.push({ type: "bold" }) : i === "EM" || i === "I" ? r.push({ type: "italic" }) : i === "U" ? r.push({ type: "underline" }) : i === "CODE" ? r.push({ type: "code" }) : i === "SPAN" && (n.style.color && r.push({
+		type: "textStyle",
+		attrs: { color: n.style.color }
+	}), n.style.backgroundColor && r.push({
+		type: "highlight",
+		attrs: { color: n.style.backgroundColor }
+	}));
+	let a = [...t, ...r], o = [];
+	return n.childNodes.forEach((e) => {
+		o.push(...z(e, a));
+	}), o;
+}
+function B(e) {
+	let t = [];
+	return e.childNodes.forEach((e) => {
+		t.push(...z(e));
+	}), t;
+}
+function Ke(e) {
+	let t = [], n = [], r = () => {
+		n.length && (t.push({
+			type: "paragraph",
+			content: n
+		}), n = []);
+	};
+	return e.childNodes.forEach((e) => {
+		if (R(e) && (e.tagName === "UL" || e.tagName === "OL")) {
+			r();
+			let n = Je(e);
+			n && t.push(n);
+			return;
+		}
+		if (R(e) && e.tagName === "P") {
+			r(), t.push({
+				type: "paragraph",
+				attrs: V(e),
+				content: B(e)
+			});
+			return;
+		}
+		n.push(...z(e));
+	}), r(), {
+		type: "listItem",
+		content: t.length ? t : [{ type: "paragraph" }]
+	};
+}
+function V(e) {
+	let t = Ge(e.getAttribute("style") || e.style.textAlign);
+	return t ? { textAlign: t } : void 0;
+}
+function qe(e) {
+	let t = {}, n = e.colSpan || 1, r = e.rowSpan || 1;
+	return n > 1 && (t.colspan = n), r > 1 && (t.rowspan = r), e.style.color && (t.color = e.style.color), e.style.backgroundColor && (t.backgroundColor = e.style.backgroundColor), Object.keys(t).length ? t : void 0;
+}
+function Je(e) {
+	let t = e.tagName;
+	if (t === "P") return {
+		type: "paragraph",
+		attrs: V(e),
+		content: B(e)
+	};
+	if (t === "H1" || t === "H2" || t === "H3") return {
+		type: "heading",
+		attrs: {
+			level: Number(t[1]),
+			...V(e)
+		},
+		content: B(e)
+	};
+	if (t === "BLOCKQUOTE") return {
+		type: "blockquote",
+		attrs: V(e),
+		content: B(e)
+	};
+	if (t === "PRE") {
+		let t = e.textContent ?? "";
+		return {
+			type: "codeBlock",
+			content: t ? [{
+				type: "text",
+				text: t
+			}] : []
+		};
+	}
+	return t === "UL" ? e.classList.contains("editor-checklist") || e.getAttribute("data-list") === "checklist" ? {
+		type: "taskList",
+		content: Array.from(e.children).filter((e) => e.tagName === "LI").map((e) => {
+			let t = e.querySelector(":scope > .checklist-content") ?? e;
+			return {
+				type: "taskItem",
+				attrs: { checked: e.dataset.checked === "true" },
+				content: B(t)
+			};
+		})
+	} : {
+		type: "bulletList",
+		content: Array.from(e.children).filter((e) => e.tagName === "LI").map(Ke)
+	} : t === "OL" ? {
+		type: "orderedList",
+		content: Array.from(e.children).filter((e) => e.tagName === "LI").map(Ke)
+	} : t === "TABLE" ? {
+		type: "table",
+		content: Array.from(e.querySelectorAll(":scope > tbody > tr, :scope > tr")).map((e) => ({
+			type: "tableRow",
+			content: Array.from(e.children).filter((e) => e.tagName === "TD" || e.tagName === "TH").map((e) => ({
+				type: "tableCell",
+				attrs: qe(e),
+				content: B(e)
+			}))
+		}))
+	} : t === "DIV" ? {
+		type: "paragraph",
+		content: B(e)
+	} : null;
+}
+function H(e) {
+	let t = [];
+	return e.childNodes.forEach((e) => {
+		if (!R(e)) {
+			let n = e.textContent?.replace(/\u200B/g, "").trim();
+			n && t.push({
+				type: "paragraph",
+				content: [{
+					type: "text",
+					text: n
+				}]
+			});
+			return;
+		}
+		let n = Je(e);
+		n && t.push(n);
+	}), {
+		type: "doc",
+		content: t.length ? t : [{ type: "paragraph" }]
+	};
+}
+function Ye(e) {
+	let t = document.createElement("template");
+	t.innerHTML = e;
+	let n = document.createElement("div");
+	return n.append(...Array.from(t.content.childNodes)), H(n);
+}
+function Xe(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function Ze(e, t) {
+	let n = Xe(e);
+	if (!t?.length) return n;
+	for (let e of t) switch (e.type) {
+		case "bold":
+			n = `<strong>${n}</strong>`;
+			break;
+		case "italic":
+			n = `<em>${n}</em>`;
+			break;
+		case "underline":
+			n = `<u>${n}</u>`;
+			break;
+		case "code":
+			n = `<code>${n}</code>`;
+			break;
+		case "textStyle":
+			e.attrs?.color && (n = `<span style="color: ${e.attrs.color}">${n}</span>`);
+			break;
+		case "highlight":
+			e.attrs?.color && (n = `<span style="background-color: ${e.attrs.color}">${n}</span>`);
+			break;
+	}
+	return n;
+}
+function U(e) {
+	return e?.length && e.map((e) => e.type === "hardBreak" ? "<br>" : Ze(e.text, e.marks)).join("") || "<br>";
+}
+function W(e, t) {
+	let n = [];
+	return e && e !== "left" && n.push(`text-align: ${e}`), t && n.push(t), n.length ? ` style="${n.join("; ")}"` : "";
+}
+function Qe(e) {
+	switch (e.type) {
+		case "paragraph": return `<p${W(e.attrs?.textAlign)}>${U(e.content)}</p>`;
+		case "heading": {
+			let t = `h${e.attrs.level}`;
+			return `<${t}${W(e.attrs.textAlign)}>${U(e.content)}</${t}>`;
+		}
+		case "blockquote": return `<blockquote${W(e.attrs?.textAlign)}>${U(e.content)}</blockquote>`;
+		case "codeBlock": return `<pre><code>${Xe(e.content?.map((e) => e.text).join("") ?? "")}</code></pre>`;
+		case "bulletList": return `<ul>${(e.content ?? []).map($e).join("")}</ul>`;
+		case "orderedList": return `<ol>${(e.content ?? []).map($e).join("")}</ol>`;
+		case "taskList": return `<ul class="editor-checklist" data-list="checklist">${(e.content ?? []).map((e) => {
+			let t = e.attrs?.checked ? "true" : "false";
+			return `<li data-checked="${t}"><span class="checklist-box" contenteditable="false" role="checkbox" aria-checked="${t}" tabindex="-1"></span><span class="checklist-content">${U(e.content)}</span></li>`;
+		}).join("")}</ul>`;
+		case "table": return `<table class="editor-table"><tbody>${(e.content ?? []).map((e) => `<tr>${(e.content ?? []).map((e) => {
+			let t = [];
+			e.attrs?.colspan && e.attrs.colspan > 1 && t.push(`colspan="${e.attrs.colspan}"`), e.attrs?.rowspan && e.attrs.rowspan > 1 && t.push(`rowspan="${e.attrs.rowspan}"`);
+			let n = [];
+			e.attrs?.color && n.push(`color: ${e.attrs.color}`), e.attrs?.backgroundColor && n.push(`background-color: ${e.attrs.backgroundColor}`);
+			let r = n.length ? ` style="${n.join("; ")}"` : "";
+			return `<td${t.length ? ` ${t.join(" ")}` : ""}${r}>${U(e.content)}</td>`;
+		}).join("")}</tr>`).join("")}</tbody></table>`;
+		default: return "";
+	}
+}
+function $e(e) {
+	return `<li>${(e.content ?? []).map((e) => e.type === "paragraph" ? U(e.content) : Qe(e)).join("") || "<br>"}</li>`;
+}
+function et(e) {
+	return !e || e.type !== "doc" || !Array.isArray(e.content) ? "<p><br></p>" : e.content.map(Qe).join("") || "<p><br></p>";
+}
+function tt(e) {
+	return e && typeof e == "object" && e.type === "doc" && Array.isArray(e.content) ? e : {
+		type: "doc",
+		content: [{ type: "paragraph" }]
+	};
+}
+//#endregion
+//#region src/editor/sanitize.ts
+var nt = /* @__PURE__ */ new Set([
+	"P",
+	"BR",
+	"STRONG",
+	"B",
+	"EM",
+	"I",
+	"U",
+	"CODE",
+	"PRE",
+	"H1",
+	"H2",
+	"H3",
+	"UL",
+	"OL",
+	"LI",
+	"BLOCKQUOTE",
+	"SPAN",
+	"DIV",
+	"TABLE",
+	"THEAD",
+	"TBODY",
+	"TR",
+	"TH",
+	"TD"
+]), rt = {
+	SPAN: /* @__PURE__ */ new Set([
+		"style",
+		"class",
+		"contenteditable",
+		"role",
+		"aria-checked",
+		"tabindex"
+	]),
+	DIV: /* @__PURE__ */ new Set([]),
+	P: /* @__PURE__ */ new Set(["style"]),
+	H1: /* @__PURE__ */ new Set(["style"]),
+	H2: /* @__PURE__ */ new Set(["style"]),
+	H3: /* @__PURE__ */ new Set(["style"]),
+	BLOCKQUOTE: /* @__PURE__ */ new Set(["style"]),
+	UL: /* @__PURE__ */ new Set([
+		"style",
+		"class",
+		"data-list"
+	]),
+	OL: /* @__PURE__ */ new Set(["style"]),
+	LI: /* @__PURE__ */ new Set([
+		"style",
+		"class",
+		"data-checked"
+	]),
+	TABLE: /* @__PURE__ */ new Set(["class"]),
+	TH: /* @__PURE__ */ new Set([
+		"style",
+		"colspan",
+		"rowspan"
+	]),
+	TD: /* @__PURE__ */ new Set([
+		"style",
+		"colspan",
+		"rowspan"
+	])
+}, it = /* @__PURE__ */ new Set([
+	"editor-table",
+	"editor-checklist",
+	"checklist-box",
+	"checklist-content"
+]), at = /#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})\b/i, ot = /rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)/i;
+function st(e, t = !1) {
+	let n = [], r = /text-align\s*:\s*(left|center|right)/i.exec(e);
+	if (r && n.push(`text-align: ${r[1].toLowerCase()}`), t) {
+		let t = /(?:^|;)\s*color\s*:\s*([^;]+)/i.exec(e);
+		if (t) {
+			let e = t[1].trim();
+			(at.test(e) || ot.test(e)) && n.push(`color: ${e}`);
+		}
+		let r = /(?:^|;)\s*background-color\s*:\s*([^;]+)/i.exec(e);
+		if (r) {
+			let e = r[1].trim();
+			(at.test(e) || ot.test(e) || e.toLowerCase() === "transparent") && n.push(`background-color: ${e}`);
+		}
+	}
+	return n.join("; ");
+}
+function G(e, t) {
+	if (e.nodeType === Node.TEXT_NODE) {
+		t.appendChild(document.createTextNode(e.textContent ?? ""));
+		return;
+	}
+	if (e.nodeType !== Node.ELEMENT_NODE) return;
+	let n = e, r = n.tagName;
+	if (r === "A" || r === "IMG" || r === "FIGURE") {
+		n.childNodes.forEach((e) => G(e, t));
+		return;
+	}
+	if (!nt.has(r)) {
+		n.childNodes.forEach((e) => G(e, t));
+		return;
+	}
+	if (r === "DIV") {
+		let e = document.createElement("p");
+		n.childNodes.forEach((t) => G(t, e)), e.childNodes.length && t.appendChild(e);
+		return;
+	}
+	let i = document.createElement(r.toLowerCase()), a = rt[r] ?? /* @__PURE__ */ new Set();
+	for (let e of Array.from(n.attributes)) {
+		let t = e.name.toLowerCase();
+		if (!(!a.has(t) && !a.has(e.name))) {
+			if (t === "style") {
+				let t = st(e.value, r === "SPAN" || r === "TD" || r === "TH");
+				t && i.setAttribute("style", t);
+				continue;
+			}
+			if (t === "colspan" || t === "rowspan") {
+				let n = Number.parseInt(e.value, 10);
+				Number.isFinite(n) && n >= 1 && n <= 100 && i.setAttribute(t, String(n));
+				continue;
+			}
+			if (t === "class") {
+				let t = e.value.split(/\s+/).filter((e) => it.has(e));
+				t.length && i.setAttribute("class", t.join(" "));
+				continue;
+			}
+			if (t === "data-list") {
+				e.value === "checklist" && i.setAttribute(t, e.value);
+				continue;
+			}
+			if (t === "data-checked") {
+				(e.value === "true" || e.value === "false") && i.setAttribute(t, e.value);
+				continue;
+			}
+			if (t === "contenteditable") {
+				e.value === "false" && i.setAttribute(t, "false");
+				continue;
+			}
+			if (t === "role") {
+				e.value === "checkbox" && i.setAttribute(t, e.value);
+				continue;
+			}
+			if (t === "aria-checked") {
+				(e.value === "true" || e.value === "false") && i.setAttribute(t, e.value);
+				continue;
+			}
+			if (t === "tabindex") {
+				e.value === "-1" && i.setAttribute(t, e.value);
+				continue;
+			}
+			i.setAttribute(t, e.value);
+		}
+	}
+	if (n.childNodes.forEach((e) => G(e, i)), r === "PRE" && !i.querySelector("code")) {
+		let e = document.createElement("code");
+		for (; i.firstChild;) e.appendChild(i.firstChild);
+		i.appendChild(e);
+	}
+	t.appendChild(i);
+}
+function K(e) {
+	let t = document.createElement("template");
+	t.innerHTML = e;
+	let n = document.createElement("div");
+	if (t.content.childNodes.forEach((e) => G(e, n)), !n.innerHTML.trim()) return "";
+	if (!Array.from(n.childNodes).some((e) => e.nodeType === Node.ELEMENT_NODE && [
+		"P",
+		"H1",
+		"H2",
+		"H3",
+		"UL",
+		"OL",
+		"PRE",
+		"BLOCKQUOTE",
+		"TABLE"
+	].includes(e.tagName))) {
+		let e = document.createElement("p");
+		for (; n.firstChild;) e.appendChild(n.firstChild);
+		n.appendChild(e);
+	}
+	return n.innerHTML;
+}
+function ct(e) {
+	return e.split(/\n{2,}/).map((e) => `<p>${e.split("\n").map((e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")).join("<br>") || "<br>"}</p>`).join("");
+}
+//#endregion
+//#region src/editor/TableSelection.tsx
+function lt(e) {
+	return e instanceof Element ? e.closest("td, th") : null;
+}
+function q(e) {
+	return Array.from(e.rows);
+}
+function J(e) {
+	return Array.from(e.children).filter((e) => e.tagName === "TD" || e.tagName === "TH");
+}
+function ut(e) {
+	let t = e.parentElement, n = e.closest("table");
+	if (!t || !n) return null;
+	let r = q(n).indexOf(t), i = J(t).indexOf(e);
+	return r < 0 || i < 0 ? null : {
+		table: n,
+		row: r,
+		col: i
+	};
+}
+function dt(e, t, n) {
+	let r = n.querySelectorAll("td, th"), i = null, a = Infinity;
+	for (let n of r) {
+		let r = n.getBoundingClientRect();
+		if (e >= r.left && e <= r.right && t >= r.top && t <= r.bottom) {
+			let e = r.width * r.height;
+			e < a && (i = n, a = e);
+		}
+	}
+	if (i) return i;
+	let o = q(n);
+	if (o.length === 0) return null;
+	let s = 0;
+	for (let e = 0; e < o.length; e++) {
+		let n = o[e].getBoundingClientRect(), r = (n.top + n.bottom) / 2;
+		if (t >= n.top && (s = e), t <= r) {
+			s = e;
+			break;
+		}
+		if (t <= n.bottom) {
+			s = e;
+			break;
+		}
+	}
+	let c = J(o[s]);
+	if (c.length === 0) return null;
+	let l = 0;
+	for (let t = 0; t < c.length; t++) {
+		let n = c[t].getBoundingClientRect();
+		if (e >= n.left && (l = t), e <= n.right) {
+			l = t;
+			break;
+		}
+	}
+	return c[l] ?? null;
+}
+function ft(e, t) {
+	let n = ut(e), r = ut(t);
+	if (!n || !r || n.table !== r.table) return [e];
+	let i = Math.min(n.row, r.row), a = Math.max(n.row, r.row), o = Math.min(n.col, r.col), s = Math.max(n.col, r.col), c = q(n.table), l = [];
+	for (let e = i; e <= a; e++) {
+		let t = J(c[e]);
+		for (let e = o; e <= s; e++) t[e] && l.push(t[e]);
+	}
+	return l.length ? l : [e];
+}
+function Y(e) {
+	let t = e.map((e) => e.getBoundingClientRect()), n = Math.min(...t.map((e) => e.top)), r = Math.min(...t.map((e) => e.left)), i = Math.max(...t.map((e) => e.right));
+	return {
+		top: n - 40,
+		left: (r + i) / 2
+	};
+}
+function pt(e, t) {
+	if (e.rangeCount === 0 || e.isCollapsed) return !1;
+	let n = e.getRangeAt(0), r = (n.commonAncestorContainer.nodeType === Node.ELEMENT_NODE ? n.commonAncestorContainer : n.commonAncestorContainer.parentElement)?.closest?.("td, th");
+	if (!r || !t.contains(r)) return !1;
+	let i = document.createRange();
+	return i.selectNodeContents(r), n.compareBoundaryPoints(Range.START_TO_START, i) <= 0 && n.compareBoundaryPoints(Range.END_TO_END, i) >= 0;
+}
+function mt({ editorRef: e, onMerge: n }) {
+	let [o, s] = i([]), [c, l] = i(null), u = r([]), d = r(null), f = r(!1), p = r(!1), m = r({
+		x: 0,
+		y: 0
+	}), h = (e) => {
+		if (u.current.forEach((e) => e.classList.remove("is-cell-selected")), e.length < 2) {
+			u.current = [], s([]), l(null);
+			return;
+		}
+		e.forEach((e) => e.classList.add("is-cell-selected")), u.current = e, s(e), l(Y(e));
+	}, g = () => {
+		u.current.forEach((e) => e.classList.remove("is-cell-selected")), u.current = [], s([]), l(null), d.current = null, f.current = !1, p.current = !1, e.current?.classList.remove("is-table-cell-selecting");
+	};
+	return t(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = (e, n) => {
+			let r = window.getSelection();
+			if (!r) return;
+			let i = document, a = null;
+			if (typeof i.caretRangeFromPoint == "function") a = i.caretRangeFromPoint(e, n);
+			else if (typeof i.caretPositionFromPoint == "function") {
+				let t = i.caretPositionFromPoint(e, n);
+				t && (a = document.createRange(), a.setStart(t.offsetNode, t.offset), a.collapse(!0));
+			}
+			!a || !t.contains(a.commonAncestorContainer) || (r.removeAllRanges(), r.addRange(a));
+		}, r = (e) => {
+			p.current || (p.current = !0, e.classList.add("is-table-cell-selecting"), window.getSelection()?.removeAllRanges());
+		}, i = (e) => {
+			if (e.button !== 0 || e.target?.closest?.(".table-selection-float")) return;
+			let n = lt(e.target);
+			if (!n || !t.contains(n)) {
+				g();
+				return;
+			}
+			u.current.forEach((e) => e.classList.remove("is-cell-selected")), u.current = [], s([]), l(null), t.classList.remove("is-table-cell-selecting"), d.current = n, f.current = !0, p.current = !1, m.current = {
+				x: e.clientX,
+				y: e.clientY
+			};
+		}, a = (e) => {
+			let n = d.current;
+			if (!f.current || !n) return;
+			m.current = {
+				x: e.clientX,
+				y: e.clientY
+			};
+			let i = n.closest("table");
+			if (!i || !t.contains(i)) return;
+			let a = dt(e.clientX, e.clientY, i);
+			if (!p.current) if (a && a !== n) r(t);
+			else return;
+			e.preventDefault(), a && h(ft(n, a));
+		}, o = () => {
+			if (!f.current) return;
+			let e = p.current && u.current.length >= 2;
+			if (f.current = !1, t.classList.remove("is-table-cell-selecting"), !e) {
+				u.current.forEach((e) => e.classList.remove("is-cell-selected")), u.current = [], s([]), l(null);
+				let e = window.getSelection();
+				e && !e.isCollapsed && t.contains(e.anchorNode) && !pt(e, t) || n(m.current.x, m.current.y);
+			}
+			d.current = null, p.current = !1;
+		}, c = (e) => {
+			p.current && f.current && e.preventDefault();
+		}, _ = (e) => {
+			e.key === "Escape" && g();
+		};
+		return t.addEventListener("pointerdown", i), document.addEventListener("pointermove", a, { passive: !1 }), document.addEventListener("pointerup", o), document.addEventListener("selectstart", c), document.addEventListener("keydown", _), () => {
+			t.removeEventListener("pointerdown", i), document.removeEventListener("pointermove", a), document.removeEventListener("pointerup", o), document.removeEventListener("selectstart", c), document.removeEventListener("keydown", _), t.classList.remove("is-table-cell-selecting"), u.current.forEach((e) => e.classList.remove("is-cell-selected"));
+		};
+	}, [e]), t(() => {
+		if (o.length < 2) return;
+		let e = () => l(Y(o));
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [o]), !c || o.length < 2 ? null : /* @__PURE__ */ a("button", {
+		type: "button",
+		className: "table-selection-float",
+		style: {
+			top: c.top,
+			left: c.left
+		},
+		title: "셀 병합",
+		"aria-label": "셀 병합",
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: () => {
+			n(o), g();
+		},
+		children: /* @__PURE__ */ a(ht, {})
+	});
+}
+function ht() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M4 6h16" }),
+			/* @__PURE__ */ a("path", { d: "M4 18h16" }),
+			/* @__PURE__ */ a("path", { d: "M4 12h4" }),
+			/* @__PURE__ */ a("path", { d: "M16 12h4" }),
+			/* @__PURE__ */ a("path", { d: "M10 9l-3 3l3 3" }),
+			/* @__PURE__ */ a("path", { d: "M14 9l3 3l-3 3" })
+		]
+	});
+}
+//#endregion
+//#region src/editor/Toolbar.tsx
+function gt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M3 7v-2h13v2" }),
+			/* @__PURE__ */ a("path", { d: "M10 5v14" }),
+			/* @__PURE__ */ a("path", { d: "M12 19h-4" }),
+			/* @__PURE__ */ a("path", { d: "M15 13v-1h6v1" }),
+			/* @__PURE__ */ a("path", { d: "M18 12v7" }),
+			/* @__PURE__ */ a("path", { d: "M17 19h2" })
+		]
+	});
+}
+function _t() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M19 18v-8l-2 2" }),
+			/* @__PURE__ */ a("path", { d: "M4 6v12" }),
+			/* @__PURE__ */ a("path", { d: "M12 6v12" }),
+			/* @__PURE__ */ a("path", { d: "M11 18h2" }),
+			/* @__PURE__ */ a("path", { d: "M3 18h2" }),
+			/* @__PURE__ */ a("path", { d: "M4 12h8" }),
+			/* @__PURE__ */ a("path", { d: "M3 6h2" }),
+			/* @__PURE__ */ a("path", { d: "M11 6h2" })
+		]
+	});
+}
+function vt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0" }),
+			/* @__PURE__ */ a("path", { d: "M4 6v12" }),
+			/* @__PURE__ */ a("path", { d: "M12 6v12" }),
+			/* @__PURE__ */ a("path", { d: "M11 18h2" }),
+			/* @__PURE__ */ a("path", { d: "M3 18h2" }),
+			/* @__PURE__ */ a("path", { d: "M4 12h8" }),
+			/* @__PURE__ */ a("path", { d: "M3 6h2" }),
+			/* @__PURE__ */ a("path", { d: "M11 6h2" })
+		]
+	});
+}
+function yt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M19 14a2 2 0 1 0 -2 -2" }),
+			/* @__PURE__ */ a("path", { d: "M17 16a2 2 0 1 0 2 -2" }),
+			/* @__PURE__ */ a("path", { d: "M4 6v12" }),
+			/* @__PURE__ */ a("path", { d: "M12 6v12" }),
+			/* @__PURE__ */ a("path", { d: "M11 18h2" }),
+			/* @__PURE__ */ a("path", { d: "M3 18h2" }),
+			/* @__PURE__ */ a("path", { d: "M4 12h8" }),
+			/* @__PURE__ */ a("path", { d: "M3 6h2" }),
+			/* @__PURE__ */ a("path", { d: "M11 6h2" })
+		]
+	});
+}
+var X = [
+	{
+		value: "p",
+		label: "본문",
+		icon: /* @__PURE__ */ a(gt, {}),
+		previewClass: "heading-option-preview--p"
+	},
+	{
+		value: "h1",
+		label: "Heading 1",
+		icon: /* @__PURE__ */ a(_t, {}),
+		previewClass: "heading-option-preview--h1"
+	},
+	{
+		value: "h2",
+		label: "Heading 2",
+		icon: /* @__PURE__ */ a(vt, {}),
+		previewClass: "heading-option-preview--h2"
+	},
+	{
+		value: "h3",
+		label: "Heading 3",
+		icon: /* @__PURE__ */ a(yt, {}),
+		previewClass: "heading-option-preview--h3"
+	}
+];
+function bt(e) {
+	return e === "h1" || e === "h2" || e === "h3" || e === "p" ? e : "p";
+}
+var xt = [
+	"#000000",
+	"#6b7280",
+	"#9f1239",
+	"#c2410c",
+	"#a16207",
+	"#15803d",
+	"#1d4ed8",
+	"#7c3aed",
+	"#db2777",
+	"#dc2626"
+], St = [
+	null,
+	"#f3f4f6",
+	"#fce7f3",
+	"#ffedd5",
+	"#fef9c3",
+	"#dcfce7",
+	"#dbeafe",
+	"#ede9fe",
+	"#fbcfe8",
+	"#fee2e2"
+];
+function Ct(e, t) {
+	if (!e && !t) return !0;
+	if (!e || !t) return !1;
+	let n = (e) => {
+		let t = document.createElement("span");
+		return t.style.color = e, t.style.color;
+	};
+	try {
+		return n(e) === n(t);
+	} catch {
+		return e.toLowerCase() === t.toLowerCase();
+	}
+}
+function wt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M21 6a1 1 0 0 1 -1 1h-10a1 1 0 1 1 0 -2h10a1 1 0 0 1 1 1" }),
+			/* @__PURE__ */ a("path", { d: "M21 12a1 1 0 0 1 -1 1h-10a1 1 0 0 1 0 -2h10a1 1 0 0 1 1 1" }),
+			/* @__PURE__ */ a("path", { d: "M21 18a1 1 0 0 1 -1 1h-10a1 1 0 0 1 0 -2h10a1 1 0 0 1 1 1" }),
+			/* @__PURE__ */ a("path", { d: "M7 5.995v.02c0 1.099 -.895 1.99 -2 1.99s-2 -.891 -2 -1.99v-.02c0 -1.099 .895 -1.99 2 -1.99s2 .891 2 1.99" }),
+			/* @__PURE__ */ a("path", { d: "M7 11.995v.02c0 1.099 -.895 1.99 -2 1.99s-2 -.891 -2 -1.99v-.02c0 -1.099 .895 -1.99 2 -1.99s2 .891 2 1.99" }),
+			/* @__PURE__ */ a("path", { d: "M7 17.995v.02c0 1.099 -.895 1.99 -2 1.99s-2 -.891 -2 -1.99v-.02c0 -1.099 .895 -1.99 2 -1.99s2 .891 2 1.99" })
+		]
+	});
+}
+function Tt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M11 6h9" }),
+			/* @__PURE__ */ a("path", { d: "M11 12h9" }),
+			/* @__PURE__ */ a("path", { d: "M12 18h8" }),
+			/* @__PURE__ */ a("path", { d: "M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" }),
+			/* @__PURE__ */ a("path", { d: "M6 10v-6l-2 2" })
+		]
+	});
+}
+function Et() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		fill: "currentColor",
+		viewBox: "0 0 16 16",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ a("path", {
+			fillRule: "evenodd",
+			d: "M4.54 2.981h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5Zm-2-1a1.5 1.5 0 0 0-1.5 1.5v2a1.5 1.5 0 0 0 1.5 1.5h2a1.5 1.5 0 0 0 1.5-1.5v-2a1.5 1.5 0 0 0-1.5-1.5h-2Zm2 8.015h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5Zm-2-1a1.5 1.5 0 0 0-1.5 1.5v2a1.5 1.5 0 0 0 1.5 1.5h2a1.5 1.5 0 0 0 1.5-1.5v-2a1.5 1.5 0 0 0-1.5-1.5h-2Z",
+			clipRule: "evenodd"
+		}), /* @__PURE__ */ a("path", { d: "M8.007 4.481c0-.345.28-.625.625-.625h5.739a.625.625 0 1 1 0 1.25H8.63a.625.625 0 0 1-.624-.625Zm0 7.015c0-.346.28-.625.625-.625h5.739a.625.625 0 1 1 0 1.25H8.63a.625.625 0 0 1-.624-.625Z" })]
+	});
+}
+function Dt() {
+	return /* @__PURE__ */ a("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ a("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M6 2.5C5.17157 2.5 4.5 3.17157 4.5 4V20C4.5 20.8284 5.17157 21.5 6 21.5H15C16.4587 21.5 17.8576 20.9205 18.8891 19.8891C19.9205 18.8576 20.5 17.4587 20.5 16C20.5 14.5413 19.9205 13.1424 18.8891 12.1109C18.6781 11.9 18.4518 11.7079 18.2128 11.5359C19.041 10.5492 19.5 9.29829 19.5 8C19.5 6.54131 18.9205 5.14236 17.8891 4.11091C16.8576 3.07946 15.4587 2.5 14 2.5H6ZM14 10.5C14.663 10.5 15.2989 10.2366 15.7678 9.76777C16.2366 9.29893 16.5 8.66304 16.5 8C16.5 7.33696 16.2366 6.70107 15.7678 6.23223C15.2989 5.76339 14.663 5.5 14 5.5H7.5V10.5H14ZM7.5 18.5V13.5H15C15.663 13.5 16.2989 13.7634 16.7678 14.2322C17.2366 14.7011 17.5 15.337 17.5 16C17.5 16.663 17.2366 17.2989 16.7678 17.7678C16.2989 18.2366 15.663 18.5 15 18.5H7.5Z",
+			fill: "currentColor"
+		})
+	});
+}
+function Ot() {
+	return /* @__PURE__ */ a("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ a("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M15 20H7V18H9.92661L12.0425 6H9V4H17V6H14.0734L11.9575 18H15V20Z",
+			fill: "currentColor"
+		})
+	});
+}
+function kt() {
+	return /* @__PURE__ */ a("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ a("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4V10C5 11.8565 5.7375 13.637 7.05025 14.9497C8.36301 16.2625 10.1435 17 12 17C13.8565 17 15.637 16.2625 16.9497 14.9497C18.2625 13.637 19 11.8565 19 10V4C19 3.44772 18.5523 3 18 3C17.4477 3 17 3.44772 17 4V10C17 11.3261 16.4732 12.5979 15.5355 13.5355C14.5979 14.4732 13.3261 15 12 15C10.6739 15 9.40215 14.4732 8.46447 13.5355C7.52678 12.5979 7 11.3261 7 10V4ZM4 19C3.44772 19 3 19.4477 3 20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20C21 19.4477 20.5523 19 20 19H4Z",
+			fill: "currentColor"
+		})
+	});
+}
+function At() {
+	return /* @__PURE__ */ o("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				d: "M15.4545 4.2983C15.6192 3.77115 15.3254 3.21028 14.7983 3.04554C14.2712 2.88081 13.7103 3.1746 13.5455 3.70175L8.54554 19.7017C8.38081 20.2289 8.6746 20.7898 9.20175 20.9545C9.72889 21.1192 10.2898 20.8254 10.4545 20.2983L15.4545 4.2983Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ a("path", {
+				d: "M6.70711 7.29289C7.09763 7.68342 7.09763 8.31658 6.70711 8.70711L3.41421 12L6.70711 15.2929C7.09763 15.6834 7.09763 16.3166 6.70711 16.7071C6.31658 17.0976 5.68342 17.0976 5.29289 16.7071L1.29289 12.7071C0.902369 12.3166 0.902369 11.6834 1.29289 11.2929L5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ a("path", {
+				d: "M17.2929 7.29289C17.6834 6.90237 18.3166 6.90237 18.7071 7.29289L22.7071 11.2929C23.0976 11.6834 23.0976 12.3166 22.7071 12.7071L18.7071 16.7071C18.3166 17.0976 17.6834 17.0976 17.2929 16.7071C16.9024 16.3166 16.9024 15.6834 17.2929 15.2929L20.5858 12L17.2929 8.70711C16.9024 8.31658 16.9024 7.68342 17.2929 7.29289Z",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+function jt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" }),
+			/* @__PURE__ */ a("path", { d: "M3 10h18" }),
+			/* @__PURE__ */ a("path", { d: "M10 3v18" })
+		]
+	});
+}
+var Z = 10;
+function Mt({ active: e, onInsert: n }) {
+	let [s, c] = i(!1), [l, u] = i(0), [d, f] = i(0), [p, m] = i(!1), h = r(null);
+	t(() => {
+		if (!s) return;
+		let e = (e) => {
+			h.current?.contains(e.target) || (c(!1), m(!1), u(0), f(0));
+		}, t = (e) => {
+			e.key === "Escape" && (c(!1), m(!1), u(0), f(0));
+		}, n = () => m(!1), r = window.setTimeout(() => {
+			document.addEventListener("pointerdown", e);
+		}, 0);
+		return document.addEventListener("keydown", t), document.addEventListener("pointerup", n), () => {
+			window.clearTimeout(r), document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t), document.removeEventListener("pointerup", n);
+		};
+	}, [s]);
+	let g = (e, t) => {
+		u(e), f(t);
+	}, _ = (e, t) => {
+		e < 1 || t < 1 || (n(e, t), c(!1), m(!1), u(0), f(0));
+	}, v = l > 0 && d > 0 ? `${l} × ${d}` : "테이블 크기 선택";
+	return /* @__PURE__ */ o("div", {
+		className: "toolbar-dropdown table-picker",
+		ref: h,
+		children: [/* @__PURE__ */ a("button", {
+			type: "button",
+			className: `toolbar-btn${s || e ? " is-active" : ""}`,
+			title: "테이블 삽입",
+			"aria-label": "테이블 삽입",
+			"aria-haspopup": "dialog",
+			"aria-expanded": s,
+			onMouseDown: (e) => e.preventDefault(),
+			onClick: () => {
+				c((e) => !e), u(0), f(0), m(!1);
+			},
+			children: /* @__PURE__ */ a(jt, {})
+		}), s && /* @__PURE__ */ o("div", {
+			className: "table-picker-menu",
+			role: "dialog",
+			"aria-label": "테이블 크기 선택",
+			onMouseDown: (e) => e.preventDefault(),
+			children: [/* @__PURE__ */ a("p", {
+				className: "table-picker-label",
+				children: v
+			}), /* @__PURE__ */ a("div", {
+				className: "table-picker-grid",
+				onPointerLeave: () => {
+					p || (u(0), f(0));
+				},
+				children: Array.from({ length: Z * Z }, (e, t) => {
+					let n = Math.floor(t / Z) + 1, r = t % Z + 1;
+					return /* @__PURE__ */ a("button", {
+						type: "button",
+						className: `table-picker-cell${n <= l && r <= d ? " is-selected" : ""}`,
+						"aria-label": `${n}행 ${r}열`,
+						onPointerEnter: () => g(n, r),
+						onPointerDown: (e) => {
+							e.preventDefault(), m(!0), g(n, r);
+						},
+						onPointerUp: (e) => {
+							e.preventDefault(), _(n, r);
+						}
+					}, `${n}-${r}`);
+				})
+			})]
+		})]
+	});
+}
+function Nt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M4 6l16 0" }),
+			/* @__PURE__ */ a("path", { d: "M4 12l10 0" }),
+			/* @__PURE__ */ a("path", { d: "M4 18l14 0" })
+		]
+	});
+}
+function Pt() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M4 6l16 0" }),
+			/* @__PURE__ */ a("path", { d: "M8 12l8 0" }),
+			/* @__PURE__ */ a("path", { d: "M6 18l12 0" })
+		]
+	});
+}
+function Ft() {
+	return /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ a("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			/* @__PURE__ */ a("path", { d: "M4 6l16 0" }),
+			/* @__PURE__ */ a("path", { d: "M10 12l10 0" }),
+			/* @__PURE__ */ a("path", { d: "M6 18l14 0" })
+		]
+	});
+}
+function Q({ label: e, title: t, active: n, disabled: r, onClick: i }) {
+	return /* @__PURE__ */ a("button", {
+		type: "button",
+		className: `toolbar-btn${typeof e == "string" ? " toolbar-btn--text" : ""}${n ? " is-active" : ""}`,
+		title: t,
+		"aria-label": t,
+		"aria-pressed": n,
+		disabled: r,
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: i,
+		children: e
+	});
+}
+function $() {
+	return /* @__PURE__ */ a("span", {
+		className: "toolbar-sep",
+		"aria-hidden": "true"
+	});
+}
+function It({ color: e }) {
+	return /* @__PURE__ */ o("span", {
+		className: "color-trigger-icon",
+		children: [/* @__PURE__ */ a("span", {
+			className: "color-trigger-letter",
+			children: "A"
+		}), /* @__PURE__ */ a("span", {
+			className: "color-trigger-bar",
+			style: { background: e || "currentColor" }
+		})]
+	});
+}
+function Lt({ textColor: e, highlightColor: n, onTextColor: s, onHighlightColor: c }) {
+	let [l, u] = i(!1), d = r(null);
+	return t(() => {
+		if (!l) return;
+		let e = (e) => {
+			d.current?.contains(e.target) || u(!1);
+		}, t = (e) => {
+			e.key === "Escape" && u(!1);
+		}, n = window.setTimeout(() => {
+			document.addEventListener("pointerdown", e);
+		}, 0);
+		return document.addEventListener("keydown", t), () => {
+			window.clearTimeout(n), document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+		};
+	}, [l]), /* @__PURE__ */ o("div", {
+		className: "toolbar-dropdown color-picker",
+		ref: d,
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			className: `toolbar-btn toolbar-dropdown-trigger${l ? " is-active" : ""}`,
+			title: "텍스트 색상",
+			"aria-label": "텍스트 색상",
+			"aria-haspopup": "dialog",
+			"aria-expanded": l,
+			onMouseDown: (e) => e.preventDefault(),
+			onClick: () => u((e) => !e),
+			children: [/* @__PURE__ */ a(It, { color: e }), /* @__PURE__ */ a("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ a("path", { d: "M6 9l6 6l6 -6" })
+			})]
+		}), l && /* @__PURE__ */ o("div", {
+			className: "color-picker-menu",
+			role: "dialog",
+			"aria-label": "색상 선택",
+			children: [/* @__PURE__ */ o("div", {
+				className: "color-picker-section",
+				children: [/* @__PURE__ */ a("p", {
+					className: "color-picker-title",
+					children: "글자색"
+				}), /* @__PURE__ */ a("div", {
+					className: "color-picker-grid",
+					children: xt.map((t) => /* @__PURE__ */ a("button", {
+						type: "button",
+						className: `color-swatch color-swatch--text${Ct(e, t) ? " is-active" : ""}`,
+						title: t,
+						"aria-label": `글자색 ${t}`,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => {
+							s(t), u(!1);
+						},
+						children: /* @__PURE__ */ a("span", {
+							className: "color-swatch-face",
+							style: {
+								color: t,
+								"--swatch-color": t
+							},
+							children: "A"
+						})
+					}, t))
+				})]
+			}), /* @__PURE__ */ o("div", {
+				className: "color-picker-section",
+				children: [/* @__PURE__ */ a("p", {
+					className: "color-picker-title",
+					children: "배경색"
+				}), /* @__PURE__ */ a("div", {
+					className: "color-picker-grid",
+					children: St.map((e, t) => /* @__PURE__ */ a("button", {
+						type: "button",
+						className: `color-swatch color-swatch--highlight${Ct(n, e) || !n && t === 0 ? " is-active" : ""}`,
+						title: e ?? "없음",
+						"aria-label": e ? `배경색 ${e}` : "배경색 없음",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => {
+							c(e), u(!1);
+						},
+						children: /* @__PURE__ */ a("span", {
+							className: "color-swatch-face",
+							style: {
+								background: e ?? "#ffffff",
+								"--swatch-color": e ?? "#d1d5db"
+							}
+						})
+					}, e ?? "none"))
+				})]
+			})]
+		})]
+	});
+}
+function Rt({ block: e, onSelect: n }) {
+	let [s, c] = i(!1), l = r(null), u = bt(e), d = X.find((e) => e.value === u) ?? X[0];
+	return t(() => {
+		if (!s) return;
+		let e = (e) => {
+			l.current?.contains(e.target) || c(!1);
+		}, t = (e) => {
+			e.key === "Escape" && c(!1);
+		}, n = window.setTimeout(() => {
+			document.addEventListener("pointerdown", e);
+		}, 0);
+		return document.addEventListener("keydown", t), () => {
+			window.clearTimeout(n), document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+		};
+	}, [s]), /* @__PURE__ */ o("div", {
+		className: "toolbar-dropdown",
+		ref: l,
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			className: `toolbar-btn toolbar-dropdown-trigger heading-dropdown-trigger${s ? " is-active" : ""}`,
+			title: "문단 스타일",
+			"aria-label": `문단 스타일: ${d.label}`,
+			"aria-haspopup": "listbox",
+			"aria-expanded": s,
+			onMouseDown: (e) => e.preventDefault(),
+			onClick: () => c((e) => !e),
+			children: [
+				/* @__PURE__ */ a("span", {
+					className: "heading-dropdown-trigger-icon",
+					"aria-hidden": "true",
+					children: d.icon
+				}),
+				/* @__PURE__ */ a("span", {
+					className: "heading-dropdown-value",
+					children: d.label
+				}),
+				/* @__PURE__ */ a("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ a("path", { d: "M6 9l6 6l6 -6" })
+				})
+			]
+		}), s && /* @__PURE__ */ a("ul", {
+			className: "toolbar-dropdown-menu heading-dropdown-menu",
+			role: "listbox",
+			"aria-label": "문단 스타일",
+			children: X.map((e) => /* @__PURE__ */ a("li", {
+				role: "option",
+				"aria-selected": u === e.value,
+				children: /* @__PURE__ */ o("button", {
+					type: "button",
+					className: `toolbar-dropdown-item heading-dropdown-item${u === e.value ? " is-active" : ""}`,
+					title: e.label,
+					"aria-label": e.label,
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => {
+						n(e.value), c(!1);
+					},
+					children: [/* @__PURE__ */ a("span", {
+						className: "heading-option-icon",
+						"aria-hidden": "true",
+						children: e.icon
+					}), /* @__PURE__ */ a("span", {
+						className: `heading-option-preview ${e.previewClass}`,
+						children: e.label
+					})]
+				})
+			}, e.value))
+		})]
+	});
+}
+function zt({ active: e, onCommand: t }) {
+	return /* @__PURE__ */ o("div", {
+		className: "toolbar",
+		role: "toolbar",
+		"aria-label": "서식 도구",
+		children: [
+			/* @__PURE__ */ a(Rt, {
+				block: e.block,
+				onSelect: (e) => t({
+					type: "block",
+					format: e
+				})
+			}),
+			/* @__PURE__ */ a($, {}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(Dt, {}),
+				title: "굵게",
+				active: e.bold,
+				onClick: () => t({
+					type: "inline",
+					mark: "bold"
+				})
+			}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(Ot, {}),
+				title: "기울임",
+				active: e.italic,
+				onClick: () => t({
+					type: "inline",
+					mark: "italic"
+				})
+			}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(kt, {}),
+				title: "밑줄",
+				active: e.underline,
+				onClick: () => t({
+					type: "inline",
+					mark: "underline"
+				})
+			}),
+			/* @__PURE__ */ a(Lt, {
+				textColor: e.textColor,
+				highlightColor: e.highlightColor,
+				onTextColor: (e) => t({
+					type: "textColor",
+					color: e
+				}),
+				onHighlightColor: (e) => t({
+					type: "highlightColor",
+					color: e
+				})
+			}),
+			/* @__PURE__ */ a($, {}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(wt, {}),
+				title: "글머리 기호 목록",
+				active: e.inList === "ul",
+				onClick: () => t({
+					type: "block",
+					format: "ul"
+				})
+			}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(Tt, {}),
+				title: "번호 매기기 목록",
+				active: e.inList === "ol",
+				onClick: () => t({
+					type: "block",
+					format: "ol"
+				})
+			}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(Et, {}),
+				title: "체크리스트",
+				active: e.inList === "checklist",
+				onClick: () => t({
+					type: "block",
+					format: "checklist"
+				})
+			}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(At, {}),
+				title: "코드 블록",
+				active: e.block === "pre",
+				onClick: () => t({
+					type: "block",
+					format: "pre"
+				})
+			}),
+			/* @__PURE__ */ a(Mt, {
+				active: e.inTable,
+				onInsert: (e, n) => t({
+					type: "insertTable",
+					rows: e,
+					cols: n
+				})
+			}),
+			/* @__PURE__ */ a($, {}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(Nt, {}),
+				title: "왼쪽 정렬",
+				active: e.align === "left",
+				onClick: () => t({
+					type: "align",
+					align: "left"
+				})
+			}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(Pt, {}),
+				title: "가운데 정렬",
+				active: e.align === "center",
+				onClick: () => t({
+					type: "align",
+					align: "center"
+				})
+			}),
+			/* @__PURE__ */ a(Q, {
+				label: /* @__PURE__ */ a(Ft, {}),
+				title: "오른쪽 정렬",
+				active: e.align === "right",
+				onClick: () => t({
+					type: "align",
+					align: "right"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/editor/Editor.tsx
+var Bt = "<p><br></p>";
+function Vt(e) {
+	return e.textContent?.replace(/\u200B/g, "").trim() ?? "" ? !1 : !e.querySelector("table, img, pre, ul, ol, blockquote, h1, h2, h3");
+}
+var Ht = {
+	bold: !1,
+	italic: !1,
+	underline: !1,
+	block: "p",
+	align: "left",
+	inList: null,
+	textColor: null,
+	highlightColor: null,
+	inTable: !1
+}, Ut = e(function({ initialHTML: e = Bt, className: s, style: c, theme: l, toolbarClassName: d, toolbarStyle: f, contentClassName: p, contentStyle: m }, h) {
+	let g = r(null), _ = r(new ze()), [v, y] = i(Ht), [b, ee] = i(!0), x = () => {
+		let e = g.current;
+		e && ee(Vt(e));
+	}, S = () => {
+		let e = g.current;
+		e && (y(te(e)), x());
+	}, C = (e) => {
+		let t = g.current;
+		t && (t.innerHTML = K(e) || Bt, _.current.reset(t.innerHTML), S());
+	}, w = (e = !1) => {
+		let t = g.current;
+		t && (_.current.push(t, e), S());
+	};
+	n(h, () => ({
+		getHtml: () => g.current?.innerHTML ?? "",
+		setHtml: (e) => C(e),
+		getJson: () => {
+			let e = g.current;
+			return e ? H(e) : {
+				type: "doc",
+				content: [{ type: "paragraph" }]
+			};
+		},
+		setJson: (e) => {
+			C(et(tt(e)));
+		},
+		getText: () => g.current?.innerText ?? "",
+		focus: () => {
+			let e = g.current;
+			e && Ne(e);
+		}
+	})), t(() => {
+		C(e);
+	}, [e]), t(() => {
+		let e = () => {
+			let e = g.current;
+			e && (u(e), y(te(e)));
+		};
+		return document.addEventListener("selectionchange", e), () => document.removeEventListener("selectionchange", e);
+	}, []);
+	let T = (e) => {
+		let t = g.current;
+		if (t) {
+			switch (Ne(t), e.type) {
+				case "inline":
+					O(t, e.mark);
+					break;
+				case "block":
+					fe(t, e.format);
+					break;
+				case "align":
+					pe(t, e.align);
+					break;
+				case "textColor":
+					ye(t, e.color);
+					break;
+				case "highlightColor":
+					be(t, e.color);
+					break;
+				case "insertTable":
+					Ce(t, e.rows ?? 3, e.cols ?? 3);
+					break;
+				case "undo":
+					_.current.undo(t), S();
+					return;
+				case "redo":
+					_.current.redo(t), S();
+					return;
+			}
+			w(!0);
+		}
+	}, E = () => {
+		w(!1);
+	}, D = (e) => {
+		let t = g.current;
+		if (!t) return;
+		let n = e.metaKey || e.ctrlKey;
+		if (n && e.key.toLowerCase() === "z") {
+			e.preventDefault(), e.shiftKey ? _.current.redo(t) : _.current.undo(t), S();
+			return;
+		}
+		if (n && e.key.toLowerCase() === "y") {
+			e.preventDefault(), _.current.redo(t), S();
+			return;
+		}
+		if (n && e.key.toLowerCase() === "b") {
+			e.preventDefault(), O(t, "bold"), w(!0);
+			return;
+		}
+		if (n && e.key.toLowerCase() === "i") {
+			e.preventDefault(), O(t, "italic"), w(!0);
+			return;
+		}
+		if (n && e.key.toLowerCase() === "u") {
+			e.preventDefault(), O(t, "underline"), w(!0);
+			return;
+		}
+		if (je(t, e.nativeEvent)) {
+			w(!0);
+			return;
+		}
+		if (e.key === "Enter" && !e.shiftKey && Me(t, e.nativeEvent)) {
+			w(!0);
+			return;
+		}
+		e.key === " " && requestAnimationFrame(() => {
+			We(t) && w(!0);
+		});
+	}, k = (e) => {
+		let t = g.current;
+		if (!t) return;
+		e.preventDefault();
+		let n = e.clipboardData.getData("text/html"), r = e.clipboardData.getData("text/plain"), i = n ? K(n) : ct(r);
+		i && (xe(t, i), w(!0));
+	}, A = (e) => {
+		let t = g.current;
+		t && de(t, e.nativeEvent) && w(!0);
+	}, ne = {
+		...l?.toolbar,
+		...f
+	}, j = {
+		...l?.content,
+		...m
+	};
+	return /* @__PURE__ */ o("div", {
+		className: ["wysiwyg", s].filter(Boolean).join(" "),
+		style: c,
+		children: [/* @__PURE__ */ a("div", {
+			className: ["toolbar-shell", d].filter(Boolean).join(" "),
+			style: ne,
+			children: /* @__PURE__ */ a(zt, {
+				active: v,
+				onCommand: T
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: ["editor-paper", p].filter(Boolean).join(" "),
+			style: j,
+			children: [/* @__PURE__ */ a("div", {
+				ref: g,
+				className: ["editor-surface", b ? "is-empty" : ""].filter(Boolean).join(" "),
+				contentEditable: !0,
+				role: "textbox",
+				"aria-multiline": "true",
+				"aria-label": "편집 영역",
+				"data-placeholder": "내용을 입력하세요",
+				spellCheck: !0,
+				suppressContentEditableWarning: !0,
+				onInput: E,
+				onKeyDown: D,
+				onPaste: k,
+				onMouseDown: A,
+				onBlur: S
+			}), /* @__PURE__ */ a(mt, {
+				editorRef: g,
+				onMerge: (e) => {
+					Ae(e) && w(!0);
+				}
+			})]
+		})]
+	});
+});
+//#endregion
+export { Ut as Editor, H as domToJson, Ye as htmlToJson, et as jsonToHtml, tt as normalizeDoc, K as sanitizeHTML, ct as sanitizePlainText };
+
+//# sourceMappingURL=index.js.map