stilo-editor 0.0.0-stage → 0.2.0

package/dist/ui.js

@@ -0,0 +1,2350 @@
+import { V as e, _ as t, a as n, f as r, i, nt as a } from "./src-CV6pgfTS.js";
+import { ALargeSmall as o, Bold as s, CaseSensitive as c, ChevronDown as l, ChevronUp as u, Code as d, ExternalLink as f, FaceSlightlySmilingPlus as p, Grip as m, GripHorizontal as h, GripVertical as g, Highlighter as _, Italic as v, Link as y, List as b, ListChevronsUpDown as x, ListOrdered as S, ListTodo as C, Minus as w, Pencil as T, Plus as E, Quote as D, Redo2 as O, RemoveFormatting as k, Search as A, SquareCode as j, Strikethrough as M, Subscript as N, Superscript as P, Table as F, TextAlignCenter as I, TextAlignEnd as L, TextAlignJustify as R, TextAlignStart as z, Type as ee, Underline as te, Undo2 as ne, Unlink as re, WholeWord as ie, X as ae, createElement as oe } from "lucide";
+import { autoUpdate as se, computePosition as ce, flip as le, hide as ue, offset as B, shift as de } from "@floating-ui/dom";
+//#region src/ui/components/shortcut.ts
+function fe() {
+	return /Mac|iPhone|iPad/.test(navigator.platform);
+}
+function V(e, t) {
+	let n = e.split("-"), r = n.pop(), i = [];
+	if (t) return n.includes("Ctrl") && i.push("⌃"), n.includes("Alt") && i.push("⌥"), n.includes("Shift") && i.push("⇧"), n.includes("Mod") && i.push("⌘"), i.join("") + (r.length === 1 ? r.toUpperCase() : r);
+	let a = n.includes("Mod"), o = n.includes("Ctrl");
+	return (o || a && !o) && i.push("Ctrl"), n.includes("Alt") && i.push("Alt"), n.includes("Shift") && i.push("Shift"), i.join("+") + (i.length > 0 ? "+" : "") + (r.length === 1 ? r.toUpperCase() : r);
+}
+//#endregion
+//#region src/ui/i18n/en.ts
+var H = {
+	"toolbar.label": "Formatting",
+	"toolbar.undo": "Undo",
+	"toolbar.redo": "Redo",
+	"toolbar.bold": "Bold",
+	"toolbar.italic": "Italic",
+	"toolbar.underline": "Underline",
+	"toolbar.strike": "Strikethrough",
+	"toolbar.subscript": "Subscript",
+	"toolbar.superscript": "Superscript",
+	"toolbar.code": "Code",
+	"toolbar.clearFormatting": "Clear formatting",
+	"toolbar.textCase": "Text case",
+	"toolbar.bulletList": "Bulleted list",
+	"toolbar.orderedList": "Numbered list",
+	"toolbar.taskList": "Checklist",
+	"toolbar.blockquote": "Quote",
+	"toolbar.codeBlock": "Code block",
+	"toolbar.horizontalRule": "Horizontal line",
+	"toolbar.link": "Link",
+	"toolbar.heading": "Text style",
+	"toolbar.fontFamily": "Font",
+	"toolbar.fontSize": "Font size",
+	"fontSize.decrease": "Decrease font size",
+	"fontSize.increase": "Increase font size",
+	"toolbar.textAlign": "Alignment",
+	"align.left": "Align left",
+	"align.center": "Center",
+	"align.right": "Align right",
+	"align.justify": "Justify",
+	"toolbar.lineHeight": "Line spacing",
+	"lineHeight.default": "Default",
+	"textCase.upper": "UPPERCASE",
+	"textCase.lower": "lowercase",
+	"textCase.title": "Title Case",
+	"textCase.sentence": "Sentence case",
+	"textCase.toggle": "tOGGLE cASE",
+	"font.default": "Default",
+	"font.sansSerif": "Sans serif",
+	"font.serif": "Serif",
+	"font.monospace": "Monospace",
+	"heading.paragraph": "Paragraph",
+	"heading.h1": "Heading 1",
+	"heading.h2": "Heading 2",
+	"heading.h3": "Heading 3",
+	"heading.h4": "Heading 4",
+	"heading.h5": "Heading 5",
+	"heading.h6": "Heading 6",
+	"link.url": "URL",
+	"link.newTab": "Open in new tab",
+	"link.apply": "Apply",
+	"link.remove": "Remove link",
+	"link.edit": "Edit link",
+	"link.open": "Open link in a new tab",
+	"toolbar.characters": "Insert character",
+	"characters.search": "Search",
+	"characters.noResults": "No results",
+	"characters.symbols": "Symbols",
+	"characters.emoji": "Emoji",
+	"characters.punctuation": "Punctuation",
+	"characters.currency": "Currency",
+	"characters.math": "Math",
+	"characters.arrows": "Arrows",
+	"characters.greek": "Greek",
+	"characters.latin": "Accented letters",
+	"characters.signs": "Signs and shapes",
+	"characters.smileys": "Smileys",
+	"characters.people": "People and gestures",
+	"characters.nature": "Animals and nature",
+	"characters.food": "Food and drink",
+	"characters.travel": "Travel and places",
+	"characters.activities": "Activities",
+	"characters.objects": "Objects",
+	"characters.emojiSymbols": "Symbols",
+	"toolbar.textColor": "Text color",
+	"toolbar.highlight": "Highlight",
+	"color.more": "more colors",
+	"color.default": "Default",
+	"color.none": "No color",
+	"color.pick": "Pick a color",
+	"color.custom": "Custom color",
+	"color.apply": "Apply",
+	"color.black": "Black",
+	"color.darkGray2": "Dark gray 2",
+	"color.darkGray1": "Dark gray 1",
+	"color.gray": "Gray",
+	"color.lightGray1": "Light gray 1",
+	"color.lightGray2": "Light gray 2",
+	"color.lightGray3": "Light gray 3",
+	"color.white": "White",
+	"color.red": "Red",
+	"color.orange": "Orange",
+	"color.yellow": "Yellow",
+	"color.green": "Green",
+	"color.cyan": "Cyan",
+	"color.blue": "Blue",
+	"color.purple": "Purple",
+	"color.pink": "Pink",
+	"color.lightRed": "Light red",
+	"color.lightOrange": "Light orange",
+	"color.lightYellow": "Light yellow",
+	"color.lightGreen": "Light green",
+	"color.lightCyan": "Light cyan",
+	"color.lightBlue": "Light blue",
+	"color.lightPurple": "Light purple",
+	"color.lightPink": "Light pink",
+	"color.darkRed": "Dark red",
+	"color.darkOrange": "Dark orange",
+	"color.darkYellow": "Dark yellow",
+	"color.darkGreen": "Dark green",
+	"color.darkCyan": "Dark cyan",
+	"color.darkBlue": "Dark blue",
+	"color.darkPurple": "Dark purple",
+	"color.darkPink": "Dark pink",
+	"toolbar.table": "Table",
+	"table.insert": "Insert table",
+	"table.size": "{columns} × {rows}",
+	"table.row": "Row",
+	"table.column": "Column",
+	"table.headerRow": "Header row",
+	"table.headerColumn": "Header column",
+	"table.addRowBefore": "Insert row above",
+	"table.addRowAfter": "Insert row below",
+	"table.deleteRow": "Delete row",
+	"table.addColumnBefore": "Insert column left",
+	"table.addColumnAfter": "Insert column right",
+	"table.deleteColumn": "Delete column",
+	"table.mergeCells": "Merge cells",
+	"table.splitCell": "Split cell",
+	"table.deleteTable": "Delete table",
+	"toolbar.find": "Find and replace",
+	"find.find": "Find",
+	"find.replace": "Replace with",
+	"find.previous": "Previous match",
+	"find.next": "Next match",
+	"find.matchCase": "Match case",
+	"find.wholeWord": "Whole word",
+	"find.replaceOne": "Replace",
+	"find.replaceAll": "Replace all",
+	"find.close": "Close",
+	"find.position": "{current} of {total}",
+	"find.results": "Results: {total}",
+	"find.noResults": "No results",
+	"status.words": "Words",
+	"status.characters": "Characters"
+}, pe = 500;
+function me(t, n) {
+	let { container: r, messages: i = H } = n, a = document.createElement("div");
+	a.className = "stilo-status-bar";
+	let o = document.createElement("span");
+	o.className = "stilo-status-bar__words";
+	let s = document.createElement("span");
+	s.className = "stilo-status-bar__characters", a.append(o, s), r.append(a);
+	let c = 0, l = !1;
+	function u() {
+		clearTimeout(c), c = 0;
+		let n = e(t);
+		o.textContent = `${i["status.words"]}: ${n.words.toLocaleString()}`, s.textContent = `${i["status.characters"]}: ${n.characters.toLocaleString()}`;
+	}
+	let d = () => {
+		clearTimeout(c), c = window.setTimeout(u, pe);
+	};
+	function f() {
+		l || (l = !0, clearTimeout(c), t.off("input", d), t.off("destroy", f), a.remove());
+	}
+	return t.on("input", d), t.on("destroy", f), u(), {
+		element: a,
+		update: u,
+		destroy: f
+	};
+}
+//#endregion
+//#region src/ui/i18n/it.ts
+var he = {
+	"toolbar.label": "Formattazione",
+	"toolbar.undo": "Annulla",
+	"toolbar.redo": "Ripeti",
+	"toolbar.bold": "Grassetto",
+	"toolbar.italic": "Corsivo",
+	"toolbar.underline": "Sottolineato",
+	"toolbar.strike": "Barrato",
+	"toolbar.subscript": "Pedice",
+	"toolbar.superscript": "Apice",
+	"toolbar.code": "Codice",
+	"toolbar.clearFormatting": "Cancella formattazione",
+	"toolbar.textCase": "Maiuscole e minuscole",
+	"toolbar.bulletList": "Elenco puntato",
+	"toolbar.orderedList": "Elenco numerato",
+	"toolbar.taskList": "Elenco di controllo",
+	"toolbar.blockquote": "Citazione",
+	"toolbar.codeBlock": "Blocco di codice",
+	"toolbar.horizontalRule": "Linea orizzontale",
+	"toolbar.link": "Collegamento",
+	"toolbar.heading": "Stile testo",
+	"toolbar.fontFamily": "Carattere",
+	"toolbar.fontSize": "Dimensione carattere",
+	"fontSize.decrease": "Riduci dimensione carattere",
+	"fontSize.increase": "Aumenta dimensione carattere",
+	"toolbar.textAlign": "Allineamento",
+	"align.left": "Allinea a sinistra",
+	"align.center": "Centra",
+	"align.right": "Allinea a destra",
+	"align.justify": "Giustifica",
+	"toolbar.lineHeight": "Interlinea",
+	"lineHeight.default": "Predefinita",
+	"textCase.upper": "MAIUSCOLO",
+	"textCase.lower": "minuscolo",
+	"textCase.title": "Iniziali Maiuscole",
+	"textCase.sentence": "Tipo frase",
+	"textCase.toggle": "iNVERTI mAIUSCOLE",
+	"font.default": "Predefinito",
+	"font.sansSerif": "Senza grazie",
+	"font.serif": "Con grazie",
+	"font.monospace": "Monospaziato",
+	"heading.paragraph": "Paragrafo",
+	"heading.h1": "Titolo 1",
+	"heading.h2": "Titolo 2",
+	"heading.h3": "Titolo 3",
+	"heading.h4": "Titolo 4",
+	"heading.h5": "Titolo 5",
+	"heading.h6": "Titolo 6",
+	"link.url": "URL",
+	"link.newTab": "Apri in una nuova scheda",
+	"link.apply": "Applica",
+	"link.remove": "Rimuovi collegamento",
+	"link.edit": "Modifica collegamento",
+	"link.open": "Apri il collegamento in una nuova scheda",
+	"toolbar.characters": "Inserisci carattere",
+	"characters.search": "Cerca",
+	"characters.noResults": "Nessun risultato",
+	"characters.symbols": "Simboli",
+	"characters.emoji": "Emoji",
+	"characters.punctuation": "Punteggiatura",
+	"characters.currency": "Valute",
+	"characters.math": "Matematica",
+	"characters.arrows": "Frecce",
+	"characters.greek": "Greco",
+	"characters.latin": "Lettere accentate",
+	"characters.signs": "Segni e forme",
+	"characters.smileys": "Faccine",
+	"characters.people": "Persone e gesti",
+	"characters.nature": "Animali e natura",
+	"characters.food": "Cibo e bevande",
+	"characters.travel": "Viaggi e luoghi",
+	"characters.activities": "Attività",
+	"characters.objects": "Oggetti",
+	"characters.emojiSymbols": "Simboli",
+	"toolbar.textColor": "Colore testo",
+	"toolbar.highlight": "Evidenziatore",
+	"color.more": "altri colori",
+	"color.default": "Predefinito",
+	"color.none": "Nessun colore",
+	"color.pick": "Scegli un colore",
+	"color.custom": "Colore personalizzato",
+	"color.apply": "Applica",
+	"color.black": "Nero",
+	"color.darkGray2": "Grigio scuro 2",
+	"color.darkGray1": "Grigio scuro 1",
+	"color.gray": "Grigio",
+	"color.lightGray1": "Grigio chiaro 1",
+	"color.lightGray2": "Grigio chiaro 2",
+	"color.lightGray3": "Grigio chiaro 3",
+	"color.white": "Bianco",
+	"color.red": "Rosso",
+	"color.orange": "Arancione",
+	"color.yellow": "Giallo",
+	"color.green": "Verde",
+	"color.cyan": "Ciano",
+	"color.blue": "Blu",
+	"color.purple": "Viola",
+	"color.pink": "Rosa",
+	"color.lightRed": "Rosso chiaro",
+	"color.lightOrange": "Arancione chiaro",
+	"color.lightYellow": "Giallo chiaro",
+	"color.lightGreen": "Verde chiaro",
+	"color.lightCyan": "Ciano chiaro",
+	"color.lightBlue": "Blu chiaro",
+	"color.lightPurple": "Viola chiaro",
+	"color.lightPink": "Rosa chiaro",
+	"color.darkRed": "Rosso scuro",
+	"color.darkOrange": "Arancione scuro",
+	"color.darkYellow": "Giallo scuro",
+	"color.darkGreen": "Verde scuro",
+	"color.darkCyan": "Ciano scuro",
+	"color.darkBlue": "Blu scuro",
+	"color.darkPurple": "Viola scuro",
+	"color.darkPink": "Rosa scuro",
+	"toolbar.table": "Tabella",
+	"table.insert": "Inserisci tabella",
+	"table.size": "{columns} × {rows}",
+	"table.row": "Riga",
+	"table.column": "Colonna",
+	"table.headerRow": "Riga di intestazione",
+	"table.headerColumn": "Colonna di intestazione",
+	"table.addRowBefore": "Inserisci riga sopra",
+	"table.addRowAfter": "Inserisci riga sotto",
+	"table.deleteRow": "Elimina riga",
+	"table.addColumnBefore": "Inserisci colonna a sinistra",
+	"table.addColumnAfter": "Inserisci colonna a destra",
+	"table.deleteColumn": "Elimina colonna",
+	"table.mergeCells": "Unisci celle",
+	"table.splitCell": "Dividi cella",
+	"table.deleteTable": "Elimina tabella",
+	"toolbar.find": "Trova e sostituisci",
+	"find.find": "Trova",
+	"find.replace": "Sostituisci con",
+	"find.previous": "Risultato precedente",
+	"find.next": "Risultato successivo",
+	"find.matchCase": "Maiuscole/minuscole",
+	"find.wholeWord": "Parola intera",
+	"find.replaceOne": "Sostituisci",
+	"find.replaceAll": "Sostituisci tutto",
+	"find.close": "Chiudi",
+	"find.position": "{current} di {total}",
+	"find.results": "Risultati: {total}",
+	"find.noResults": "Nessun risultato",
+	"status.words": "Parole",
+	"status.characters": "Caratteri"
+}, ge = [
+	{
+		fontFamily: "sans-serif",
+		labelKey: "font.sansSerif"
+	},
+	{
+		fontFamily: "serif",
+		labelKey: "font.serif"
+	},
+	{
+		fontFamily: "monospace",
+		labelKey: "font.monospace"
+	},
+	{
+		fontFamily: "Arial, Helvetica, sans-serif",
+		labelKey: "Arial"
+	},
+	{
+		fontFamily: "Verdana, Geneva, sans-serif",
+		labelKey: "Verdana"
+	},
+	{
+		fontFamily: "Tahoma, Geneva, sans-serif",
+		labelKey: "Tahoma"
+	},
+	{
+		fontFamily: "'Trebuchet MS', Helvetica, sans-serif",
+		labelKey: "Trebuchet MS"
+	},
+	{
+		fontFamily: "Georgia, serif",
+		labelKey: "Georgia"
+	},
+	{
+		fontFamily: "'Times New Roman', Times, serif",
+		labelKey: "Times New Roman"
+	},
+	{
+		fontFamily: "'Courier New', Courier, monospace",
+		labelKey: "Courier New"
+	}
+], _e = {
+	pt: [
+		8,
+		9,
+		10,
+		11,
+		12,
+		14,
+		18,
+		24,
+		36,
+		48,
+		72
+	],
+	px: [
+		10,
+		12,
+		14,
+		16,
+		18,
+		20,
+		24,
+		32,
+		48,
+		64,
+		96
+	]
+};
+//#endregion
+//#region src/ui/components/popover.ts
+function U(e) {
+	let { anchor: t, content: n, container: r, placement: i = "bottom-start", offset: a = 4, onClose: o } = e, s = !1, c = !1, l, u = 0;
+	n.classList.add("stilo-popover"), n.setAttribute("hidden", ""), r.classList.add("stilo-popover-host"), r.appendChild(n);
+	function d() {
+		let e = ++u;
+		Promise.resolve(ce(t, n, {
+			strategy: "absolute",
+			placement: i,
+			middleware: [
+				B(a),
+				le(),
+				de({ padding: 8 })
+			]
+		}).then((t) => {
+			s || u !== e || (n.style.left = `${t.x}px`, n.style.top = `${t.y}px`);
+		}));
+	}
+	function f() {
+		c || s || (c = !0, n.removeAttribute("hidden"), l = se(t, n, () => {
+			c && d();
+		}), document.addEventListener("pointerdown", h, !0), document.addEventListener("keydown", g, !0));
+	}
+	function p(e = "api") {
+		c && !s && (c = !1, n.setAttribute("hidden", ""), l?.(), l = void 0, document.removeEventListener("pointerdown", h, !0), document.removeEventListener("keydown", g, !0), o?.(e));
+	}
+	function m() {
+		s || (s = !0, c && (c = !1, n.setAttribute("hidden", ""), l?.(), l = void 0, document.removeEventListener("pointerdown", h, !0), document.removeEventListener("keydown", g, !0), o?.("api")), r.contains(n) && r.removeChild(n), r.querySelector(":scope > .stilo-popover") || r.classList.remove("stilo-popover-host"));
+	}
+	function h(e) {
+		if (!c || s) return;
+		let r = e.target;
+		n.contains(r) || typeof t == "object" && "nodeType" in t && t.nodeType === 1 && t.contains(r) || p("outside");
+	}
+	function g(e) {
+		c && !s && e.key === "Escape" && (e.preventDefault(), p("escape"));
+	}
+	return {
+		get isOpen() {
+			return c;
+		},
+		open: f,
+		close: p,
+		destroy: m
+	};
+}
+//#endregion
+//#region src/ui/components/link-popover.ts
+var ve = "https://example.com";
+function ye(e) {
+	return e.isActive("link") || e.commands.setLink.can({ href: ve });
+}
+function be(e, t) {
+	let { container: n, messages: r } = t, i = {
+		contextElement: e.view.dom,
+		getBoundingClientRect: () => {
+			let { from: t, to: n } = e.state.selection, r = e.view.coordsAtPos(t), i = e.view.coordsAtPos(n), a = Math.min(r.left, i.left), o = Math.max(r.right, i.right), { top: s } = r, { bottom: c } = i;
+			return {
+				x: a,
+				y: s,
+				left: a,
+				top: s,
+				right: o,
+				bottom: c,
+				width: o - a,
+				height: c - s
+			};
+		}
+	}, a = document.createElement("div");
+	a.className = "stilo-link-popover", a.setAttribute("role", "dialog"), a.setAttribute("aria-label", r["toolbar.link"]);
+	let o = document.createElement("form");
+	o.className = "stilo-link-popover__form";
+	let s = document.createElement("input");
+	s.type = "text", s.inputMode = "url", s.className = "stilo-link-popover__url", s.placeholder = "https://", s.autocomplete = "off", s.spellcheck = !1, s.setAttribute("aria-label", r["link.url"]);
+	let c = document.createElement("label");
+	c.className = "stilo-link-popover__new-tab";
+	let l = document.createElement("input");
+	l.type = "checkbox", c.append(l, r["link.newTab"]);
+	let u = document.createElement("div");
+	u.className = "stilo-link-popover__actions";
+	let d = xe("submit", r["link.apply"]);
+	d.classList.add("stilo-link-popover__button--primary");
+	let f = xe("button", r["link.remove"]);
+	u.append(d, f), o.append(s, c, u), a.append(o);
+	let p = U({
+		anchor: i,
+		content: a,
+		container: n,
+		onClose: (t) => {
+			t === "escape" && e.focus();
+		}
+	});
+	function m() {
+		p.close(), e.focus();
+	}
+	let h = (t) => {
+		t.preventDefault();
+		let n = s.value.trim();
+		(n ? e.commands.setLink({
+			href: n,
+			target: l.checked ? "_blank" : null
+		}) : !e.isActive("link") || e.commands.unsetLink()) ? m() : (s.setAttribute("aria-invalid", "true"), s.focus());
+	}, g = () => {
+		e.commands.unsetLink(), m();
+	}, _ = () => {
+		s.removeAttribute("aria-invalid");
+	};
+	o.addEventListener("submit", h), f.addEventListener("click", g), s.addEventListener("input", _);
+	function v() {
+		if (p.isOpen || !ye(e)) return;
+		let { href: t, target: n } = e.getAttributes("link");
+		s.value = typeof t == "string" ? t : "", s.removeAttribute("aria-invalid"), l.checked = n === "_blank", f.hidden = !e.isActive("link"), p.open(), s.focus({ preventScroll: !0 }), s.select();
+	}
+	function y() {
+		o.removeEventListener("submit", h), f.removeEventListener("click", g), s.removeEventListener("input", _), p.destroy();
+	}
+	return {
+		get isOpen() {
+			return p.isOpen;
+		},
+		open: v,
+		close: () => p.close(),
+		destroy: y
+	};
+}
+function xe(e, t) {
+	let n = document.createElement("button");
+	return n.type = e, n.className = "stilo-link-popover__button", n.textContent = t, n;
+}
+//#endregion
+//#region src/ui/toolbar/palette.ts
+function W(e, t) {
+	return {
+		color: e,
+		labelKey: t
+	};
+}
+var G = [
+	W("#000000", "color.black"),
+	W("#404040", "color.darkGray2"),
+	W("#737373", "color.darkGray1"),
+	W("#a3a3a3", "color.gray"),
+	W("#d4d4d4", "color.lightGray1"),
+	W("#e5e5e5", "color.lightGray2"),
+	W("#f5f5f5", "color.lightGray3"),
+	W("#ffffff", "color.white"),
+	W("#ef4444", "color.red"),
+	W("#f97316", "color.orange"),
+	W("#eab308", "color.yellow"),
+	W("#22c55e", "color.green"),
+	W("#06b6d4", "color.cyan"),
+	W("#3b82f6", "color.blue"),
+	W("#a855f7", "color.purple"),
+	W("#ec4899", "color.pink"),
+	W("#fecaca", "color.lightRed"),
+	W("#fed7aa", "color.lightOrange"),
+	W("#fef08a", "color.lightYellow"),
+	W("#bbf7d0", "color.lightGreen"),
+	W("#a5f3fc", "color.lightCyan"),
+	W("#bfdbfe", "color.lightBlue"),
+	W("#e9d5ff", "color.lightPurple"),
+	W("#fbcfe8", "color.lightPink"),
+	W("#991b1b", "color.darkRed"),
+	W("#9a3412", "color.darkOrange"),
+	W("#854d0e", "color.darkYellow"),
+	W("#166534", "color.darkGreen"),
+	W("#155e75", "color.darkCyan"),
+	W("#1e40af", "color.darkBlue"),
+	W("#6b21a8", "color.darkPurple"),
+	W("#9d174d", "color.darkPink")
+], Se = [
+	["undo", "redo"],
+	["heading"],
+	["fontFamily", "fontSize"],
+	[
+		"bold",
+		"italic",
+		"underline",
+		"strike",
+		"code",
+		"subscript",
+		"superscript",
+		"link",
+		"clearFormatting",
+		"textCase"
+	],
+	["textColor", "highlight"],
+	["textAlign", "lineHeight"],
+	[
+		"bulletList",
+		"orderedList",
+		"taskList",
+		"blockquote",
+		"codeBlock",
+		"horizontalRule",
+		"table",
+		"characters"
+	],
+	["find"]
+], Ce = {
+	undo: {
+		id: "undo",
+		kind: "button",
+		icon: ne,
+		labelKey: "toolbar.undo",
+		shortcut: "Mod-z",
+		run: (e) => {
+			e.commands.undo();
+		},
+		isEnabled: (e) => e.commands.undo.can()
+	},
+	redo: {
+		id: "redo",
+		kind: "button",
+		icon: O,
+		labelKey: "toolbar.redo",
+		shortcut: "Mod-Shift-z",
+		run: (e) => {
+			e.commands.redo();
+		},
+		isEnabled: (e) => e.commands.redo.can()
+	},
+	bold: {
+		id: "bold",
+		kind: "button",
+		icon: s,
+		labelKey: "toolbar.bold",
+		shortcut: "Mod-b",
+		run: (e) => {
+			e.commands.toggleBold();
+		},
+		isActive: (e) => e.isActive("bold"),
+		isEnabled: (e) => "toggleBold" in e.commands && e.commands.toggleBold.can(),
+		isAvailable: (e) => "toggleBold" in e.commands
+	},
+	italic: {
+		id: "italic",
+		kind: "button",
+		icon: v,
+		labelKey: "toolbar.italic",
+		shortcut: "Mod-i",
+		run: (e) => {
+			e.commands.toggleItalic();
+		},
+		isActive: (e) => e.isActive("italic"),
+		isEnabled: (e) => "toggleItalic" in e.commands && e.commands.toggleItalic.can(),
+		isAvailable: (e) => "toggleItalic" in e.commands
+	},
+	underline: {
+		id: "underline",
+		kind: "button",
+		icon: te,
+		labelKey: "toolbar.underline",
+		shortcut: "Mod-u",
+		run: (e) => {
+			e.commands.toggleUnderline();
+		},
+		isActive: (e) => e.isActive("underline"),
+		isEnabled: (e) => "toggleUnderline" in e.commands && e.commands.toggleUnderline.can(),
+		isAvailable: (e) => "toggleUnderline" in e.commands
+	},
+	strike: {
+		id: "strike",
+		kind: "button",
+		icon: M,
+		labelKey: "toolbar.strike",
+		shortcut: "Mod-Shift-s",
+		run: (e) => {
+			e.commands.toggleStrike();
+		},
+		isActive: (e) => e.isActive("strike"),
+		isEnabled: (e) => "toggleStrike" in e.commands && e.commands.toggleStrike.can(),
+		isAvailable: (e) => "toggleStrike" in e.commands
+	},
+	code: {
+		id: "code",
+		kind: "button",
+		icon: d,
+		labelKey: "toolbar.code",
+		shortcut: "Mod-e",
+		run: (e) => {
+			e.commands.toggleCode();
+		},
+		isActive: (e) => e.isActive("code"),
+		isEnabled: (e) => "toggleCode" in e.commands && e.commands.toggleCode.can(),
+		isAvailable: (e) => "toggleCode" in e.commands
+	},
+	subscript: {
+		id: "subscript",
+		kind: "button",
+		icon: N,
+		labelKey: "toolbar.subscript",
+		shortcut: "Mod-,",
+		run: (e) => {
+			e.commands.toggleSubscript();
+		},
+		isActive: (e) => e.isActive("subscript"),
+		isEnabled: (e) => "toggleSubscript" in e.commands && e.commands.toggleSubscript.can(),
+		isAvailable: (e) => "toggleSubscript" in e.commands
+	},
+	superscript: {
+		id: "superscript",
+		kind: "button",
+		icon: P,
+		labelKey: "toolbar.superscript",
+		shortcut: "Mod-.",
+		run: (e) => {
+			e.commands.toggleSuperscript();
+		},
+		isActive: (e) => e.isActive("superscript"),
+		isEnabled: (e) => "toggleSuperscript" in e.commands && e.commands.toggleSuperscript.can(),
+		isAvailable: (e) => "toggleSuperscript" in e.commands
+	},
+	link: {
+		id: "link",
+		kind: "button",
+		icon: y,
+		labelKey: "toolbar.link",
+		shortcut: "Mod-k",
+		run: (e, t) => {
+			t.openLinkPopover();
+		},
+		isActive: (e) => e.isActive("link"),
+		isEnabled: (e) => "setLink" in e.commands && ye(e),
+		isAvailable: (e) => "setLink" in e.commands
+	},
+	clearFormatting: {
+		id: "clearFormatting",
+		kind: "button",
+		icon: k,
+		labelKey: "toolbar.clearFormatting",
+		shortcut: "Mod-\\",
+		run: (e) => {
+			e.commands.clearFormatting();
+		},
+		isEnabled: (e) => "clearFormatting" in e.commands && e.commands.clearFormatting.can(),
+		isAvailable: (e) => "clearFormatting" in e.commands
+	},
+	textCase: {
+		id: "textCase",
+		kind: "dropdown",
+		labelKey: "toolbar.textCase",
+		icon: o,
+		options: [
+			"upper",
+			"lower",
+			"title",
+			"sentence",
+			"toggle"
+		].map((e) => ({
+			id: e,
+			labelKey: `textCase.${e}`,
+			run: (t) => {
+				t.commands.setTextCase(e);
+			},
+			isEnabled: (t) => t.commands.setTextCase.can(e)
+		})),
+		isAvailable: (e) => "setTextCase" in e.commands
+	},
+	bulletList: {
+		id: "bulletList",
+		kind: "button",
+		icon: b,
+		labelKey: "toolbar.bulletList",
+		shortcut: "Mod-Shift-8",
+		run: (e) => {
+			e.commands.toggleBulletList();
+		},
+		isActive: (e) => e.isActive("bulletList"),
+		isEnabled: (e) => "toggleBulletList" in e.commands && e.commands.toggleBulletList.can(),
+		isAvailable: (e) => "toggleBulletList" in e.commands
+	},
+	orderedList: {
+		id: "orderedList",
+		kind: "button",
+		icon: S,
+		labelKey: "toolbar.orderedList",
+		shortcut: "Mod-Shift-7",
+		run: (e) => {
+			e.commands.toggleOrderedList();
+		},
+		isActive: (e) => e.isActive("orderedList"),
+		isEnabled: (e) => "toggleOrderedList" in e.commands && e.commands.toggleOrderedList.can(),
+		isAvailable: (e) => "toggleOrderedList" in e.commands
+	},
+	taskList: {
+		id: "taskList",
+		kind: "button",
+		icon: C,
+		labelKey: "toolbar.taskList",
+		shortcut: "Mod-Shift-9",
+		run: (e) => {
+			e.commands.toggleTaskList();
+		},
+		isActive: (e) => e.isActive("taskList"),
+		isEnabled: (e) => "toggleTaskList" in e.commands && e.commands.toggleTaskList.can(),
+		isAvailable: (e) => "toggleTaskList" in e.commands
+	},
+	blockquote: {
+		id: "blockquote",
+		kind: "button",
+		icon: D,
+		labelKey: "toolbar.blockquote",
+		shortcut: "Mod-Shift-b",
+		run: (e) => {
+			e.commands.toggleBlockquote();
+		},
+		isActive: (e) => e.isActive("blockquote"),
+		isEnabled: (e) => "toggleBlockquote" in e.commands && e.commands.toggleBlockquote.can(),
+		isAvailable: (e) => "toggleBlockquote" in e.commands
+	},
+	codeBlock: {
+		id: "codeBlock",
+		kind: "button",
+		icon: j,
+		labelKey: "toolbar.codeBlock",
+		shortcut: "Mod-Alt-c",
+		run: (e) => {
+			e.commands.toggleCodeBlock();
+		},
+		isActive: (e) => e.isActive("codeBlock"),
+		isEnabled: (e) => "toggleCodeBlock" in e.commands && e.commands.toggleCodeBlock.can(),
+		isAvailable: (e) => "toggleCodeBlock" in e.commands
+	},
+	horizontalRule: {
+		id: "horizontalRule",
+		kind: "button",
+		icon: w,
+		labelKey: "toolbar.horizontalRule",
+		run: (e) => {
+			e.commands.setHorizontalRule();
+		},
+		isEnabled: (e) => "setHorizontalRule" in e.commands && e.commands.setHorizontalRule.can(),
+		isAvailable: (e) => "setHorizontalRule" in e.commands
+	},
+	table: {
+		id: "table",
+		kind: "button",
+		icon: F,
+		labelKey: "toolbar.table",
+		run: (e, t) => {
+			t.toggleTableMenu();
+		},
+		isEnabled: (e) => e.isActive("table") || e.commands.insertTable.can(),
+		isAvailable: (e) => "insertTable" in e.commands
+	},
+	characters: {
+		id: "characters",
+		kind: "button",
+		icon: p,
+		labelKey: "toolbar.characters",
+		run: (e, t) => {
+			t.toggleCharacterPicker();
+		},
+		isAvailable: (e) => "insertText" in e.commands
+	},
+	find: {
+		id: "find",
+		kind: "button",
+		icon: A,
+		labelKey: "toolbar.find",
+		shortcut: "Mod-f",
+		run: (e, t) => {
+			t.toggleFindBar();
+		},
+		isAvailable: (e) => "setSearch" in e.commands
+	},
+	heading: Ie(),
+	fontFamily: Ae(),
+	fontSize: je(),
+	textAlign: Ne(),
+	lineHeight: Fe(),
+	textColor: Te(),
+	highlight: Ee()
+};
+function we(e, t) {
+	let { color: n } = e.getAttributes(t);
+	return typeof n == "string" ? n : null;
+}
+function Te(e = G) {
+	return {
+		id: "textColor",
+		kind: "color",
+		icon: ee,
+		labelKey: "toolbar.textColor",
+		palette: e,
+		defaultColor: "#000000",
+		setColor: (e, t) => t !== null && e.commands.setColor(t),
+		unsetColor: (e) => {
+			e.commands.unsetColor();
+		},
+		hasColor: (e, t) => e.isActive("textStyle", { color: t }),
+		getColor: (e) => we(e, "textStyle"),
+		isEnabled: (e) => "setColor" in e.commands && e.commands.setColor.can("#000000"),
+		isAvailable: (e) => "setColor" in e.commands
+	};
+}
+function Ee(e = G) {
+	return {
+		id: "highlight",
+		kind: "color",
+		icon: _,
+		labelKey: "toolbar.highlight",
+		palette: e,
+		defaultColor: null,
+		defaultChoice: !0,
+		setColor: (e, t) => e.commands.setHighlight({ color: t }),
+		unsetColor: (e) => {
+			e.commands.unsetHighlight();
+		},
+		hasColor: (e, t) => e.isActive("highlight", { color: t }),
+		getColor: (e) => we(e, "highlight"),
+		isEnabled: (e) => "setHighlight" in e.commands && e.commands.setHighlight.can(),
+		isAvailable: (e) => "setHighlight" in e.commands
+	};
+}
+function De(e) {
+	return e.split(",")[0].replace(/'/g, "").trim();
+}
+function Oe(e) {
+	return De(e).toLowerCase().replace(/[^a-z0-9]+/g, "-");
+}
+function ke(e) {
+	let { fontFamily: t } = e.getAttributes("textStyle");
+	return typeof t == "string" && e.isActive("textStyle", { fontFamily: t }) ? t : null;
+}
+function Ae(e = ge) {
+	return {
+		id: "fontFamily",
+		kind: "dropdown",
+		labelKey: "toolbar.fontFamily",
+		options: [{
+			id: "default",
+			labelKey: "font.default",
+			run: (e) => {
+				e.commands.unsetFontFamily();
+			},
+			isActive: () => !1,
+			isEnabled: (e) => e.commands.setFontFamily.can("serif")
+		}, ...e.map(({ fontFamily: e, labelKey: t }) => ({
+			id: Oe(e),
+			labelKey: t,
+			fontFamily: e,
+			run: (t) => {
+				t.commands.setFontFamily(e);
+			},
+			isActive: (t) => t.isActive("textStyle", { fontFamily: e }),
+			isEnabled: (t) => t.commands.setFontFamily.can(e)
+		}))],
+		getValueLabel: (e) => {
+			let t = ke(e);
+			return t === null ? null : De(t);
+		},
+		isAvailable: (e) => "setFontFamily" in e.commands
+	};
+}
+function je(e = {}) {
+	let { unit: t = "pt", sizes: n = _e[t === "pt" ? "pt" : "px"] } = e;
+	return {
+		id: "fontSize",
+		kind: "fontSize",
+		labelKey: "toolbar.fontSize",
+		unit: t,
+		sizes: n,
+		isAvailable: (e) => "stepFontSize" in e.commands
+	};
+}
+function Me(e) {
+	let t = e.getAttributes("heading").textAlign ?? e.getAttributes("paragraph").textAlign;
+	return typeof t == "string" ? t : "left";
+}
+function Ne() {
+	return {
+		id: "textAlign",
+		kind: "iconMenu",
+		labelKey: "toolbar.textAlign",
+		options: [
+			[
+				"left",
+				z,
+				"Mod-Shift-l"
+			],
+			[
+				"center",
+				I,
+				"Mod-Shift-e"
+			],
+			[
+				"right",
+				L,
+				"Mod-Shift-r"
+			],
+			[
+				"justify",
+				R,
+				"Mod-Shift-j"
+			]
+		].map(([e, t, n]) => ({
+			id: e,
+			icon: t,
+			labelKey: `align.${e}`,
+			shortcut: n,
+			run: (t) => {
+				t.commands.setTextAlign(e);
+			},
+			isActive: (t) => Me(t) === e,
+			isEnabled: (t) => t.commands.setTextAlign.can(e)
+		})),
+		isAvailable: (e) => "setTextAlign" in e.commands
+	};
+}
+function Pe(e) {
+	return e.getAttributes("heading").lineHeight ?? e.getAttributes("paragraph").lineHeight;
+}
+function Fe(e = [
+	1,
+	1.15,
+	1.5,
+	2
+]) {
+	return {
+		id: "lineHeight",
+		kind: "dropdown",
+		labelKey: "toolbar.lineHeight",
+		icon: x,
+		options: [{
+			id: "default",
+			labelKey: "lineHeight.default",
+			run: (e) => {
+				e.commands.unsetLineHeight();
+			},
+			isActive: (e) => Pe(e) == null,
+			isEnabled: (e) => e.commands.unsetLineHeight.can()
+		}, ...e.map((e) => ({
+			id: String(e).replace(".", "-"),
+			labelKey: String(e),
+			run: (t) => {
+				t.commands.setLineHeight(e);
+			},
+			isActive: (t) => Pe(t) === String(e),
+			isEnabled: (t) => t.commands.setLineHeight.can(e)
+		}))],
+		isAvailable: (e) => "setLineHeight" in e.commands
+	};
+}
+function Ie(e = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6
+]) {
+	return {
+		id: "heading",
+		kind: "dropdown",
+		labelKey: "toolbar.heading",
+		options: [{
+			id: "paragraph",
+			labelKey: "heading.paragraph",
+			shortcut: "Mod-Alt-0",
+			run: (e) => {
+				e.commands.setParagraph();
+			},
+			isActive: (e) => e.isActive("paragraph"),
+			isEnabled: (e) => e.isActive("paragraph") || e.commands.setParagraph.can()
+		}, ...e.map((e) => ({
+			id: `h${e}`,
+			labelKey: `heading.h${e}`,
+			shortcut: `Mod-Alt-${e}`,
+			run: (t) => {
+				t.commands.setHeading({ level: e });
+			},
+			isActive: (t) => t.isActive("heading", { level: e }),
+			isEnabled: (t) => t.isActive("heading", { level: e }) || t.commands.setHeading.can({ level: e })
+		}))],
+		isAvailable: (e) => "setHeading" in e.commands
+	};
+}
+//#endregion
+//#region src/ui/components/character-picker.ts
+var Le = 10;
+async function Re() {
+	let { SYMBOLS: e, EMOJI: t } = await import("./characters--8h5uTeF.js");
+	return {
+		symbols: e,
+		emoji: t
+	};
+}
+function ze(e, t) {
+	let { anchor: n, container: r, messages: i } = t, a = document.createElement("div");
+	a.className = "stilo-char-picker", a.setAttribute("role", "dialog"), a.setAttribute("aria-label", i["toolbar.characters"]);
+	let o = document.createElement("input");
+	o.type = "search", o.className = "stilo-char-picker__search", o.placeholder = i["characters.search"], o.autocomplete = "off", o.spellcheck = !1, o.setAttribute("aria-label", i["characters.search"]);
+	let s = document.createElement("div");
+	s.className = "stilo-char-picker__tabs", s.setAttribute("role", "tablist");
+	let c = /* @__PURE__ */ new Map();
+	for (let e of ["symbols", "emoji"]) {
+		let t = document.createElement("button");
+		t.type = "button", t.className = "stilo-char-picker__tab", t.setAttribute("role", "tab"), t.textContent = i[`characters.${e}`], c.set(e, t), s.append(t);
+	}
+	let l = document.createElement("div");
+	l.className = "stilo-char-picker__panel", l.setAttribute("role", "tabpanel"), a.append(o, s, l), n.setAttribute("aria-haspopup", "dialog"), n.setAttribute("aria-expanded", "false");
+	let u = U({
+		anchor: n,
+		content: a,
+		container: r,
+		onClose: (t) => {
+			n.setAttribute("aria-expanded", "false"), t === "escape" && e.focus();
+		}
+	}), d = null, f = "symbols", p = [], m = [];
+	function h(e) {
+		f = e;
+		for (let [t, n] of c) {
+			let r = t === e;
+			n.setAttribute("aria-selected", String(r)), n.tabIndex = r ? 0 : -1;
+		}
+	}
+	function g(e, t) {
+		let n = document.createElement("div");
+		n.className = "stilo-char-picker__grid", n.setAttribute("role", "group"), n.setAttribute("aria-label", t);
+		let r = e.map(([e, t]) => {
+			let n = document.createElement("button");
+			return n.type = "button", n.className = "stilo-char-picker__char", n.tabIndex = -1, n.title = t, n.setAttribute("aria-label", t), n.dataset.character = e, n.textContent = e, n;
+		});
+		n.append(...r), p.push(...r);
+		for (let e = 0; e < r.length; e += Le) m.push(r.slice(e, e + Le));
+		return n;
+	}
+	function _() {
+		if (!d) return;
+		p = [], m = [], l.replaceChildren();
+		let e = o.value.trim().toLowerCase();
+		if (s.hidden = e !== "", e) {
+			let t = [...d.symbols, ...d.emoji].flatMap((e) => e.characters).filter(([t, n]) => t === e || n.toLowerCase().includes(e));
+			if (t.length > 0) l.append(g(t, i["characters.search"]));
+			else {
+				let e = document.createElement("p");
+				e.className = "stilo-char-picker__empty", e.textContent = i["characters.noResults"], l.append(e);
+			}
+		} else for (let e of d[f]) {
+			let t = i[e.labelKey], n = document.createElement("div");
+			n.className = "stilo-char-picker__heading", n.textContent = t, l.append(n, g(e.characters, t));
+		}
+		p[0] && (p[0].tabIndex = 0);
+	}
+	function v(e) {
+		if (e) {
+			for (let e of p) e.tabIndex = -1;
+			e.tabIndex = 0, e.focus();
+		}
+	}
+	function y(e, t) {
+		if (t === "ArrowLeft") return p[p.indexOf(e) - 1];
+		if (t === "ArrowRight") return p[p.indexOf(e) + 1];
+		let n = m.findIndex((t) => t.includes(e)), r = m[n].indexOf(e), i = m[t === "ArrowUp" ? n - 1 : n + 1];
+		return i?.[Math.min(r, i.length - 1)];
+	}
+	let b = () => _(), x = (e) => {
+		e.key === "ArrowDown" && p[0] && (e.preventDefault(), v(p[0]));
+	}, S = (e) => {
+		let t = [...c].find(([, t]) => t === e.target)?.[0];
+		t && (h(t), _());
+	}, C = (e) => {
+		if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+		e.preventDefault();
+		let t = f === "symbols" ? "emoji" : "symbols";
+		h(t), _(), c.get(t).focus();
+	}, w = (t) => {
+		let n = t.target.closest(".stilo-char-picker__char");
+		n?.dataset.character && (e.commands.insertText(n.dataset.character), v(n));
+	}, T = (e) => {
+		let t = e.target.closest(".stilo-char-picker__char");
+		t && [
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown"
+		].includes(e.key) && (e.preventDefault(), v(y(t, e.key)));
+	};
+	o.addEventListener("input", b), o.addEventListener("keydown", x), s.addEventListener("click", S), s.addEventListener("keydown", C), l.addEventListener("click", w), l.addEventListener("keydown", T), h(f);
+	async function E() {
+		u.isOpen || (u.open(), n.setAttribute("aria-expanded", "true"), d ??= await Re(), u.isOpen && (o.value = "", _(), o.focus({ preventScroll: !0 })));
+	}
+	function D() {
+		u.isOpen && (u.close(), e.focus());
+	}
+	function O() {
+		o.removeEventListener("input", b), o.removeEventListener("keydown", x), s.removeEventListener("click", S), s.removeEventListener("keydown", C), l.removeEventListener("click", w), l.removeEventListener("keydown", T), u.destroy(), n.removeAttribute("aria-haspopup"), n.removeAttribute("aria-expanded");
+	}
+	return {
+		get isOpen() {
+			return u.isOpen;
+		},
+		open: E,
+		close: D,
+		toggle: () => u.isOpen ? D() : void E(),
+		destroy: O
+	};
+}
+//#endregion
+//#region src/ui/components/icon.ts
+function K(e) {
+	return oe(e, {
+		class: "stilo-icon",
+		"aria-hidden": "true"
+	});
+}
+//#endregion
+//#region src/ui/components/color-button.ts
+var Be = 8, Ve = "Mark", He = /^#[0-9a-f]{6}$/;
+function q(e, t) {
+	let n = document.createElement(e);
+	return n.className = t, n;
+}
+function J(e, t) {
+	let n = q("button", e);
+	return n.type = "button", n.setAttribute("aria-label", t), n.title = t, n;
+}
+function Ue(e, t, n) {
+	let { container: r, messages: i } = n, a = i[t.labelKey] ?? t.labelKey, o = t.defaultColor, s = q("span", "stilo-split"), c = J("stilo-toolbar__button stilo-split__main", a), u = q("span", "stilo-split__color");
+	c.append(K(t.icon), u);
+	let d = J("stilo-toolbar__button stilo-split__arrow", `${a}: ${i["color.more"]}`);
+	d.append(K(l));
+	for (let e of [c, d]) e.dataset.item = t.id, e.tabIndex = -1;
+	c.setAttribute("aria-pressed", "false"), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", "false"), s.append(c, d);
+	let f = q("div", "stilo-color-picker");
+	f.setAttribute("role", "dialog"), f.setAttribute("aria-label", a);
+	let p = q("div", "stilo-color-picker__actions"), m = q("button", "stilo-color-picker__none");
+	m.type = "button", m.textContent = i["color.none"], p.append(m);
+	let h = null;
+	if (t.defaultChoice) {
+		let e = q("span", "stilo-color-picker__separator");
+		e.setAttribute("aria-hidden", "true"), h = q("button", "stilo-color-picker__default"), h.type = "button";
+		let t = document.createElement("mark");
+		t.textContent = i["color.default"], h.append(t), p.append(e, h);
+	}
+	let g = q("div", "stilo-color-picker__grid");
+	g.setAttribute("role", "group"), g.setAttribute("aria-label", a);
+	let _ = t.palette.map(({ color: e, labelKey: t }) => {
+		let n = J("stilo-color-picker__swatch", i[t] ?? t);
+		return n.tabIndex = -1, n.dataset.color = e, n.style.backgroundColor = e, n;
+	});
+	g.append(..._);
+	let v = q("form", "stilo-color-picker__custom"), y = q("input", "stilo-color-picker__native");
+	y.type = "color", y.setAttribute("aria-label", i["color.pick"]);
+	let b = q("input", "stilo-color-picker__value");
+	b.type = "text", b.placeholder = "#000000", b.autocomplete = "off", b.spellcheck = !1, b.setAttribute("aria-label", i["color.custom"]);
+	let x = q("button", "stilo-color-picker__apply");
+	x.type = "submit", x.textContent = i["color.apply"], v.append(y, b, x), f.append(p, g, v);
+	let S = U({
+		anchor: s,
+		content: f,
+		container: r,
+		onClose: (t) => {
+			d.setAttribute("aria-expanded", "false"), t === "escape" && e.focus();
+		}
+	});
+	function C() {
+		u.style.backgroundColor = o ?? Ve;
+	}
+	function w() {
+		return t.isEnabled?.(e) ?? !0;
+	}
+	function T() {
+		let n = w();
+		for (let e of [c, d]) n ? e.removeAttribute("aria-disabled") : e.setAttribute("aria-disabled", "true");
+		let r = n && t.hasColor(e, o);
+		c.setAttribute("aria-pressed", String(r)), c.classList.toggle("stilo-toolbar__button--active", r);
+	}
+	function E(e, t) {
+		if (e) {
+			for (let e of _) e.tabIndex = -1;
+			e.tabIndex = 0, e.focus(t);
+		}
+	}
+	function D() {
+		let n = t.getColor(e);
+		for (let e of _) e.setAttribute("aria-pressed", String(e.dataset.color === n));
+		h?.setAttribute("aria-pressed", String(t.hasColor(e, null))), b.value = n ?? "", b.removeAttribute("aria-invalid"), y.value = n && He.test(n) ? n : "#000000", S.open(), d.setAttribute("aria-expanded", "true");
+		let r = _.find((e) => e.getAttribute("aria-pressed") === "true");
+		!r && h?.getAttribute("aria-pressed") === "true" ? h.focus({ preventScroll: !0 }) : E(r ?? _[0], { preventScroll: !0 });
+	}
+	function O() {
+		S.close(), e.focus();
+	}
+	function k(n) {
+		return t.setColor(e, n) ? (o = t.getColor(e), C(), !0) : !1;
+	}
+	let A = () => {
+		w() && (S.close(), e.focus(), t.hasColor(e, o) ? t.unsetColor(e) : k(o));
+	}, j = () => {
+		S.isOpen ? O() : w() && D();
+	}, M = () => {
+		t.unsetColor(e), o = t.defaultColor, C(), O();
+	}, N = () => {
+		k(null), O();
+	}, P = (e) => {
+		let t = e.target.closest(".stilo-color-picker__swatch");
+		t?.dataset.color && (k(t.dataset.color), O());
+	}, F = (e) => {
+		let t = {
+			ArrowLeft: -1,
+			ArrowRight: 1,
+			ArrowUp: -8,
+			ArrowDown: Be
+		}[e.key], n = _.indexOf(e.target);
+		t !== void 0 && n !== -1 && (e.preventDefault(), E(_[n + t]));
+	}, I = () => {
+		b.value = y.value, b.removeAttribute("aria-invalid");
+	}, L = () => b.removeAttribute("aria-invalid"), R = (e) => {
+		e.preventDefault(), k(b.value.trim()) ? O() : (b.setAttribute("aria-invalid", "true"), b.focus());
+	};
+	c.addEventListener("click", A), d.addEventListener("click", j), m.addEventListener("click", M), h?.addEventListener("click", N), g.addEventListener("click", P), g.addEventListener("keydown", F), y.addEventListener("input", I), b.addEventListener("input", L), v.addEventListener("submit", R), C();
+	function z() {
+		c.removeEventListener("click", A), d.removeEventListener("click", j), m.removeEventListener("click", M), h?.removeEventListener("click", N), g.removeEventListener("click", P), g.removeEventListener("keydown", F), y.removeEventListener("input", I), b.removeEventListener("input", L), v.removeEventListener("submit", R), S.destroy(), s.remove();
+	}
+	return {
+		element: s,
+		main: c,
+		arrow: d,
+		update: T,
+		destroy: z
+	};
+}
+//#endregion
+//#region src/ui/components/dropdown.ts
+function We(e) {
+	let { label: t, options: n, icon: r, container: i, onSelect: a } = e, o = document.createElement("button");
+	o.type = "button", o.className = `stilo-toolbar__button stilo-dropdown__trigger${r ? " stilo-dropdown__trigger--icon" : ""}`, o.setAttribute("aria-haspopup", "menu"), o.setAttribute("aria-expanded", "false"), o.setAttribute("title", t), o.setAttribute("tabindex", "-1");
+	let s = document.createElement("span");
+	s.className = "stilo-dropdown__value", o.appendChild(r ? K(r) : s);
+	let c = K(l);
+	o.appendChild(c);
+	let u = document.createElement("div");
+	u.className = "stilo-dropdown__menu stilo-popover", u.setAttribute("role", "menu"), u.setAttribute("aria-label", t), u.setAttribute("hidden", "");
+	let d = [];
+	for (let e of n) {
+		let t = document.createElement("div");
+		t.className = `stilo-dropdown__option stilo-dropdown__option--${e.id}`, t.setAttribute("role", e.action ? "menuitem" : "menuitemradio"), t.setAttribute("tabindex", "-1"), t.setAttribute("data-option", e.id), e.action || t.setAttribute("aria-checked", "false");
+		let n = document.createElement("span");
+		if (n.className = "stilo-dropdown__label", n.textContent = e.label, e.fontFamily && (n.style.fontFamily = e.fontFamily), t.appendChild(n), e.shortcut) {
+			let n = document.createElement("span");
+			n.className = "stilo-dropdown__shortcut", n.textContent = e.shortcut, t.appendChild(n);
+		}
+		d.push(t), u.appendChild(t);
+	}
+	let f;
+	i.appendChild(u);
+	function p() {
+		if (f) return;
+		f = U({
+			anchor: o,
+			content: u,
+			container: i,
+			onClose(e) {
+				e === "escape" && o.focus(), o.setAttribute("aria-expanded", "false"), f = void 0;
+			}
+		}), o.setAttribute("aria-expanded", "true"), f.open();
+		let e = d.findIndex((e) => e.getAttribute("aria-checked") === "true");
+		if (e >= 0) d[e].focus();
+		else {
+			let e = d.findIndex((e) => e.getAttribute("aria-disabled") !== "true");
+			e >= 0 && d[e].focus();
+		}
+	}
+	function m() {
+		f && (f.close(), o.setAttribute("aria-expanded", "false"));
+	}
+	function h() {
+		o.getAttribute("aria-disabled") !== "true" && (f ? m() : p());
+	}
+	o.addEventListener("click", h);
+	function g(e) {
+		if (o.getAttribute("aria-disabled") !== "true") switch (e.key) {
+			case "ArrowDown": {
+				e.preventDefault(), p();
+				let t = d.findIndex((e) => e.getAttribute("aria-disabled") !== "true");
+				t >= 0 && d[t].focus();
+				break;
+			}
+			case "ArrowUp":
+				e.preventDefault(), p();
+				for (let e = d.length - 1; e >= 0; e--) if (d[e].getAttribute("aria-disabled") !== "true") {
+					d[e].focus();
+					break;
+				}
+		}
+	}
+	o.addEventListener("keydown", g);
+	function _(e) {
+		let t = document.activeElement;
+		if (!t || !u.contains(t)) return;
+		let n = d.filter((e) => e.getAttribute("aria-disabled") !== "true"), r = n.indexOf(t);
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), n[(r + 1) % n.length].focus();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), n[(r - 1 + n.length) % n.length].focus();
+				break;
+			case "Home":
+				e.preventDefault(), n[0].focus();
+				break;
+			case "End":
+				e.preventDefault(), n[n.length - 1].focus();
+				break;
+			case "Enter":
+				if (e.preventDefault(), t === document.activeElement && t !== o) {
+					let e = t.getAttribute("data-option");
+					e && t.getAttribute("aria-disabled") !== "true" && (a(e), m());
+				}
+				break;
+			case " ":
+				if (e.preventDefault(), t === document.activeElement && t !== o) {
+					let e = t.getAttribute("data-option");
+					e && t.getAttribute("aria-disabled") !== "true" && a(e);
+				}
+				break;
+			case "Escape":
+				e.preventDefault(), m(), o.focus();
+				break;
+			case "Tab": m();
+		}
+	}
+	u.addEventListener("keydown", _);
+	for (let e of d) e.addEventListener("click", () => {
+		let t = e.getAttribute("data-option");
+		t && e.getAttribute("aria-disabled") !== "true" && (a(t), m());
+	});
+	let v = !1;
+	function y(e) {
+		let { activeId: r, disabledIds: i, valueLabel: a } = e, c = n.find((e) => e.id === r)?.label ?? a ?? t;
+		s.textContent = c;
+		let l = n.every((e) => e.action);
+		o.setAttribute("aria-label", l ? t : `${t}: ${c}`), i.size === n.length ? o.setAttribute("aria-disabled", "true") : o.removeAttribute("aria-disabled");
+		for (let e of d) {
+			let t = e.getAttribute("data-option");
+			i.has(t) ? e.setAttribute("aria-disabled", "true") : e.removeAttribute("aria-disabled"), e.getAttribute("role") === "menuitemradio" && e.setAttribute("aria-checked", t === r ? "true" : "false");
+		}
+	}
+	function b() {
+		v || (v = !0, f?.destroy(), f = void 0, o.removeEventListener("click", h), o.removeEventListener("keydown", g), u.removeEventListener("keydown", _));
+	}
+	return {
+		get trigger() {
+			return o;
+		},
+		update: y,
+		destroy: b
+	};
+}
+//#endregion
+//#region src/ui/components/find-bar.ts
+var Ge = 350, Ke = 2;
+function qe(e, n) {
+	let { container: r, messages: i, button: a } = n, o = fe(), s = document.createElement("div");
+	s.className = "stilo-find-bar", s.setAttribute("role", "search"), s.setAttribute("aria-label", i["toolbar.find"]), s.hidden = !0, a?.setAttribute("aria-expanded", "false");
+	function d(e, t) {
+		let n = document.createElement("input");
+		return n.type = "text", n.className = `stilo-find-bar__input stilo-find-bar__input--${t}`, n.placeholder = i[e], n.autocomplete = "off", n.spellcheck = !1, n.setAttribute("aria-label", i[e]), n;
+	}
+	function f(e, t, n) {
+		let r = document.createElement("button");
+		return r.type = "button", r.className = "stilo-find-bar__button", t ? (r.append(K(t)), r.setAttribute("aria-label", i[e]), r.title = n ?? i[e]) : (r.classList.add("stilo-find-bar__button--text"), r.textContent = i[e]), r;
+	}
+	function p(e, t) {
+		let n = f(e, t);
+		return n.classList.add("stilo-find-bar__toggle"), n.setAttribute("aria-pressed", "false"), n;
+	}
+	let m = d("find.find", "find"), h = document.createElement("span");
+	h.className = "stilo-find-bar__count", h.setAttribute("aria-live", "polite");
+	let g = f("find.previous", u, `${i["find.previous"]} (Shift+Enter)`), _ = f("find.next", l, `${i["find.next"]} (Enter)`), v = p("find.matchCase", c), y = p("find.wholeWord", ie), b = f("find.close", ae, `${i["find.close"]} (Esc)`), x = d("find.replace", "replace"), S = f("find.replaceOne", null), C = f("find.replaceAll", null), w = document.createElement("div");
+	w.className = "stilo-find-bar__row", w.append(m, h, g, _, v, y, b);
+	let T = document.createElement("div");
+	T.className = "stilo-find-bar__row", T.append(x, S, C), s.append(w, T), r.append(s), r.classList.add("stilo-find-bar-host");
+	let E = 0, D = "";
+	function O(e) {
+		return e.getAttribute("aria-pressed") === "true";
+	}
+	function k() {
+		clearTimeout(E), E = 0, D = m.value.length >= Ke ? m.value : "", D ? e.commands.setSearch({
+			text: D,
+			caseSensitive: O(v),
+			wholeWord: O(y)
+		}) : e.commands.clearSearch(), j();
+	}
+	function A() {
+		E && k();
+	}
+	function j() {
+		if (!D) {
+			h.textContent = "";
+			return;
+		}
+		let n = t(e), r = n.count.toLocaleString();
+		h.textContent = n.count === 0 ? i["find.noResults"] : n.current > 0 ? i["find.position"].replace("{current}", n.current.toLocaleString()).replace("{total}", r) : i["find.results"].replace("{total}", r);
+	}
+	function M() {
+		let { $from: t, $to: n, empty: r } = e.state.selection;
+		return r || !t.sameParent(n) || !t.parent.isTextblock ? "" : e.state.doc.textBetween(t.pos, n.pos);
+	}
+	function N() {
+		let t = M();
+		s.hidden = !1, a?.setAttribute("aria-expanded", "true"), T.hidden = !e.isEditable, t && (m.value = t), m.focus({ preventScroll: !0 }), m.select(), k();
+	}
+	function P() {
+		s.hidden || (clearTimeout(E), E = 0, s.hidden = !0, a?.setAttribute("aria-expanded", "false"), D = "", e.commands.clearSearch(), e.focus());
+	}
+	let F = () => {
+		clearTimeout(E), E = window.setTimeout(k, Ge);
+	}, I = (t) => {
+		let n = o ? t.metaKey : t.ctrlKey;
+		t.key === "Escape" ? (t.preventDefault(), P()) : n && !t.altKey && !t.shiftKey && t.key.toLowerCase() === "f" ? (t.preventDefault(), m.focus(), m.select()) : t.key === "Enter" && t.target === m ? (t.preventDefault(), A(), t.shiftKey ? e.commands.findPrevious() : e.commands.findNext()) : t.key === "Enter" && t.target === x && (t.preventDefault(), A(), e.commands.replaceNext(x.value));
+	}, L = (t) => {
+		let n = t.target.closest("button");
+		n === v || n === y ? (n.setAttribute("aria-pressed", String(!O(n))), k()) : (A(), n === g ? e.commands.findPrevious() : n === _ ? e.commands.findNext() : n === S ? e.commands.replaceNext(x.value) : n === C ? e.commands.replaceAll(x.value) : n === b && P());
+	}, R = () => {
+		s.hidden || j();
+	};
+	return m.addEventListener("input", F), s.addEventListener("keydown", I), s.addEventListener("click", L), e.on("transaction", R), {
+		element: s,
+		get isOpen() {
+			return !s.hidden;
+		},
+		open: N,
+		close: P,
+		toggle: () => s.hidden ? N() : P(),
+		destroy() {
+			clearTimeout(E), m.removeEventListener("input", F), s.removeEventListener("keydown", I), s.removeEventListener("click", L), e.off("transaction", R), s.remove(), r.classList.remove("stilo-find-bar-host"), a?.removeAttribute("aria-expanded");
+		}
+	};
+}
+//#endregion
+//#region src/ui/components/font-size-input.ts
+var Je = /^(\d+(?:[.,]\d+)?)\s*(px|pt|em|rem|%)?$/i, Ye = 1, Xe = 400;
+function Ze(e) {
+	let { from: t, to: n, empty: r } = e.state.selection;
+	if (r) return !1;
+	let i = /* @__PURE__ */ new Set();
+	return e.state.doc.nodesBetween(t, n, (e) => (e.isText && i.add(e.marks.find((e) => e.type.name === "textStyle")?.attrs.fontSize ?? null), i.size < 2)), i.size > 1;
+}
+function Qe(e, t) {
+	let n = document.createElement("button");
+	return n.type = "button", n.className = `stilo-toolbar__button ${e}`, n.setAttribute("aria-label", t), n.title = t, n;
+}
+function $e(e, t, r) {
+	let { container: a, messages: o } = r, { unit: s, sizes: c } = t, l = o[t.labelKey] ?? t.labelKey, u = document.createElement("span");
+	u.className = "stilo-font-size";
+	let d = Qe("stilo-font-size__decrease", o["fontSize.decrease"]);
+	d.append(K(w));
+	let f = Qe("stilo-font-size__increase", o["fontSize.increase"]);
+	f.append(K(E));
+	let p = document.createElement("input");
+	p.type = "text", p.className = "stilo-font-size__input", p.inputMode = "decimal", p.autocomplete = "off", p.spellcheck = !1, p.setAttribute("role", "combobox"), p.setAttribute("aria-label", l), p.setAttribute("aria-autocomplete", "none"), p.setAttribute("aria-expanded", "false"), p.title = l;
+	let m = [
+		d,
+		p,
+		f
+	];
+	for (let e of m) e.dataset.item = t.id, e.tabIndex = -1;
+	u.append(...m);
+	let h = document.createElement("div");
+	h.className = "stilo-font-size__list", h.id = `stilo-font-size-${Math.random().toString(36).slice(2)}`, h.setAttribute("role", "listbox"), h.setAttribute("aria-label", l), p.setAttribute("aria-controls", h.id);
+	let g = c.map((e, t) => {
+		let n = document.createElement("div");
+		return n.className = "stilo-font-size__option", n.id = `${h.id}-${t}`, n.setAttribute("role", "option"), n.setAttribute("aria-selected", "false"), n.dataset.size = String(e), n.textContent = String(e), n;
+	});
+	h.append(...g);
+	let _ = U({
+		anchor: p,
+		content: h,
+		container: a,
+		onClose: () => {
+			p.setAttribute("aria-expanded", "false"), x(-1);
+		}
+	}), v = "", y = -1;
+	function b() {
+		return e.commands.setFontSize.can("12pt");
+	}
+	function x(e) {
+		y = e, g.forEach((t, n) => {
+			t.classList.toggle("stilo-font-size__option--active", n === e);
+		}), e >= 0 ? p.setAttribute("aria-activedescendant", g[e].id) : p.removeAttribute("aria-activedescendant");
+	}
+	function S() {
+		let t = b();
+		for (let e of m) t ? e.removeAttribute("aria-disabled") : e.setAttribute("aria-disabled", "true");
+		p.readOnly = !t, v = t && !Ze(e) ? String(i(e, s)) : "", document.activeElement !== p && (p.value = v);
+	}
+	function C() {
+		if (!_.isOpen && b()) {
+			for (let e of g) e.setAttribute("aria-selected", String(e.dataset.size === v));
+			_.open(), p.setAttribute("aria-expanded", "true");
+		}
+	}
+	function T() {
+		_.close(), p.removeAttribute("aria-invalid"), e.focus(), S();
+	}
+	function D(t) {
+		let r = Je.exec(t.trim());
+		if (!r) return null;
+		let i = Number(r[1].replace(",", ".")), a = r[2]?.toLowerCase();
+		return i === 0 || (!a || a === "px" || a === "pt") && (i < Ye || i > Xe) ? null : a ? `${i}${a}` : n(e, i, s);
+	}
+	function O(t) {
+		let n = D(t);
+		n && e.commands.setFontSize(n) ? T() : p.setAttribute("aria-invalid", "true");
+	}
+	let k = (t) => () => {
+		b() && (_.close(), e.focus(), e.commands.stepFontSize(t, s));
+	}, A = k(-1), j = k(1), M = () => p.select(), N = () => C(), P = () => {
+		p.removeAttribute("aria-invalid"), x(-1);
+	}, F = (e) => {
+		switch (e.key) {
+			case "ArrowDown":
+			case "ArrowUp": {
+				e.preventDefault(), C();
+				let t = e.key === "ArrowDown" ? 1 : -1, n = y === -1 ? g.findIndex((e) => e.dataset.size === v) : y, r = n === -1 ? t > 0 ? 0 : g.length - 1 : n + t;
+				x(Math.min(g.length - 1, Math.max(0, r))), g[y]?.scrollIntoView?.({ block: "nearest" });
+				break;
+			}
+			case "Enter":
+				e.preventDefault(), O(y >= 0 ? g[y].dataset.size : p.value);
+				break;
+			case "Escape": e.preventDefault(), T();
+		}
+	}, I = () => {
+		_.close(), p.removeAttribute("aria-invalid"), p.value = v;
+	}, L = (e) => e.preventDefault(), R = (e) => {
+		let t = e.target.closest(".stilo-font-size__option");
+		t?.dataset.size && O(t.dataset.size);
+	};
+	d.addEventListener("click", A), f.addEventListener("click", j), p.addEventListener("focus", M), p.addEventListener("click", N), p.addEventListener("input", P), p.addEventListener("keydown", F), p.addEventListener("blur", I), h.addEventListener("pointerdown", L), h.addEventListener("click", R);
+	let z = !1;
+	function ee() {
+		z || (z = !0, d.removeEventListener("click", A), f.removeEventListener("click", j), p.removeEventListener("focus", M), p.removeEventListener("click", N), p.removeEventListener("input", P), p.removeEventListener("keydown", F), p.removeEventListener("blur", I), h.removeEventListener("pointerdown", L), h.removeEventListener("click", R), _.destroy());
+	}
+	return S(), {
+		element: u,
+		parts: m,
+		update: S,
+		destroy: ee
+	};
+}
+//#endregion
+//#region src/ui/components/icon-menu.ts
+function et(e, t, n) {
+	let { container: r, messages: i, mac: a } = n, o = i[t.labelKey] ?? t.labelKey, s = (e, t) => {
+		let n = i[e] ?? e;
+		return t ? `${n} (${V(t, a)})` : n;
+	}, c = document.createElement("button");
+	c.type = "button", c.className = "stilo-toolbar__button stilo-icon-menu__trigger", c.dataset.item = t.id, c.tabIndex = -1, c.title = o, c.setAttribute("aria-haspopup", "menu"), c.setAttribute("aria-expanded", "false");
+	let u = t.options.map((e) => K(e.icon)), d = u[0];
+	c.append(d, K(l));
+	let f = document.createElement("div");
+	f.className = "stilo-icon-menu", f.setAttribute("role", "menu"), f.setAttribute("aria-label", o), f.setAttribute("aria-orientation", "horizontal");
+	let p = t.options.map((e) => {
+		let t = document.createElement("button");
+		t.type = "button", t.className = `stilo-toolbar__button stilo-icon-menu__option stilo-icon-menu__option--${e.id}`, t.dataset.option = e.id, t.tabIndex = -1, t.setAttribute("role", "menuitemradio"), t.setAttribute("aria-checked", "false");
+		let n = s(e.labelKey, e.shortcut);
+		return t.setAttribute("aria-label", i[e.labelKey] ?? e.labelKey), t.title = n, t.append(K(e.icon)), t;
+	});
+	f.append(...p);
+	let m = U({
+		anchor: c,
+		content: f,
+		container: r,
+		onClose: (e) => {
+			c.setAttribute("aria-expanded", "false"), e === "escape" && c.focus();
+		}
+	}), h = (n) => t.options[n].isEnabled?.(e) ?? !0;
+	function g() {
+		let n = t.options.findIndex((t) => t.isActive(e)), r = Math.max(n, 0);
+		d.replaceWith(u[r]), d = u[r];
+		let a = i[t.options[r].labelKey] ?? t.options[r].labelKey;
+		c.setAttribute("aria-label", `${o}: ${a}`), p.forEach((e, t) => {
+			e.setAttribute("aria-checked", String(t === n)), e.classList.toggle("stilo-toolbar__button--active", t === n), h(t) ? e.removeAttribute("aria-disabled") : e.setAttribute("aria-disabled", "true");
+		}), t.options.some((e, t) => h(t)) ? c.removeAttribute("aria-disabled") : c.setAttribute("aria-disabled", "true");
+	}
+	function _(e) {
+		p[e]?.focus({ preventScroll: !0 });
+	}
+	function v() {
+		if (m.isOpen || c.getAttribute("aria-disabled") === "true") return;
+		m.open(), c.setAttribute("aria-expanded", "true");
+		let e = p.findIndex((e) => e.getAttribute("aria-checked") === "true");
+		_(Math.max(e, 0));
+	}
+	function y(n) {
+		h(n) && (m.close(), e.focus(), t.options[n].run(e));
+	}
+	let b = () => {
+		m.isOpen ? m.close() : v();
+	}, x = (e) => {
+		e.key === "ArrowDown" && (e.preventDefault(), v());
+	}, S = (e) => {
+		let t = e.target.closest(".stilo-icon-menu__option");
+		t && y(p.indexOf(t));
+	}, C = (e) => {
+		let t = p.indexOf(e.target);
+		if (t === -1) return;
+		let n = p.length - 1, r = {
+			ArrowRight: t === n ? 0 : t + 1,
+			ArrowLeft: t === 0 ? n : t - 1,
+			Home: 0,
+			End: n
+		}[e.key];
+		r === void 0 ? e.key === "Tab" && m.close() : (e.preventDefault(), _(r));
+	};
+	c.addEventListener("click", b), c.addEventListener("keydown", x), f.addEventListener("click", S), f.addEventListener("keydown", C);
+	let w = !1;
+	function T() {
+		w || (w = !0, c.removeEventListener("click", b), c.removeEventListener("keydown", x), f.removeEventListener("click", S), f.removeEventListener("keydown", C), m.destroy());
+	}
+	return g(), {
+		trigger: c,
+		update: g,
+		destroy: T
+	};
+}
+//#endregion
+//#region src/ui/components/link-bubble.ts
+function tt(e, t) {
+	let { container: n, messages: r, onEdit: i } = t, a = null, o = {
+		contextElement: e.view.dom,
+		getBoundingClientRect: () => (a ?? e.view.dom).getBoundingClientRect()
+	}, s = document.createElement("div");
+	s.className = "stilo-link-bubble", s.setAttribute("role", "group"), s.setAttribute("aria-label", r["toolbar.link"]);
+	let c = document.createElement("a");
+	c.className = "stilo-link-bubble__button", c.target = "_blank", c.rel = "noopener noreferrer", c.setAttribute("aria-label", r["link.open"]), c.append(K(f));
+	let l = Y(T, r["link.edit"]), u = Y(re, r["link.remove"]);
+	s.append(c, l, u);
+	let d = U({
+		anchor: o,
+		content: s,
+		container: n
+	}), p = (e) => {
+		e.preventDefault();
+	}, m = () => {
+		d.close(), i();
+	}, h = () => {
+		e.commands.unsetLink();
+	};
+	s.addEventListener("mousedown", p), l.addEventListener("click", m), u.addEventListener("click", h), e.on("transaction", _), e.on("focus", _), e.on("blur", _);
+	function g() {
+		let { selection: t } = e.state;
+		if (!t.empty || !e.isActive("link") || !e.view.hasFocus()) return null;
+		let { node: n } = e.view.domAtPos(t.from);
+		return (n instanceof Element ? n : n.parentElement)?.closest("a") ?? null;
+	}
+	function _() {
+		let t = g();
+		if (t !== a && d.close(), a = t, !a) return;
+		let n = String(e.getAttributes("link").href ?? "");
+		c.href = n, c.title = `${r["link.open"]}: ${n}`, d.open();
+	}
+	function v() {
+		e.off("transaction", _), e.off("focus", _), e.off("blur", _), s.removeEventListener("mousedown", p), l.removeEventListener("click", m), u.removeEventListener("click", h), d.destroy();
+	}
+	return {
+		get isOpen() {
+			return d.isOpen;
+		},
+		update: _,
+		destroy: v
+	};
+}
+function Y(e, t) {
+	let n = document.createElement("button");
+	return n.type = "button", n.className = "stilo-link-bubble__button", n.setAttribute("aria-label", t), n.title = t, n.append(K(e)), n;
+}
+//#endregion
+//#region src/ui/components/table-actions.ts
+var nt = {
+	addRowBefore: "table.addRowBefore",
+	addRowAfter: "table.addRowAfter",
+	deleteRow: "table.deleteRow",
+	addColumnBefore: "table.addColumnBefore",
+	addColumnAfter: "table.addColumnAfter",
+	deleteColumn: "table.deleteColumn",
+	mergeCells: "table.mergeCells",
+	splitCell: "table.splitCell",
+	toggleHeaderRow: "table.headerRow",
+	toggleHeaderColumn: "table.headerColumn",
+	deleteTable: "table.deleteTable"
+};
+function rt(e, t) {
+	let { groups: n, label: i, messages: a, close: o } = t, s = document.createElement("div");
+	s.className = "stilo-table-menu__actions", s.setAttribute("role", "menu"), s.setAttribute("aria-label", i);
+	let c = /* @__PURE__ */ new Map();
+	n.forEach((e, t) => {
+		if (t > 0) {
+			let e = document.createElement("div");
+			e.className = "stilo-table-menu__separator", e.setAttribute("role", "separator"), s.append(e);
+		}
+		for (let t of e) {
+			let e = document.createElement("div");
+			e.className = `stilo-dropdown__option stilo-table-menu__item--${t}`, e.tabIndex = -1;
+			let n = t === "toggleHeaderRow" || t === "toggleHeaderColumn";
+			e.setAttribute("role", n ? "menuitemcheckbox" : "menuitem"), e.textContent = a[nt[t]], c.set(e, t), s.append(e);
+		}
+	});
+	let l = () => [...c.keys()].filter((e) => e.getAttribute("aria-disabled") !== "true");
+	function u() {
+		let t = r(e);
+		for (let [n, r] of c) e.commands[r].can() ? n.removeAttribute("aria-disabled") : n.setAttribute("aria-disabled", "true"), r === "toggleHeaderRow" && n.setAttribute("aria-checked", String(!!t?.row)), r === "toggleHeaderColumn" && n.setAttribute("aria-checked", String(!!t?.column));
+	}
+	function d(t) {
+		let n = c.get(t);
+		n && t.getAttribute("aria-disabled") !== "true" && (o(), e.focus(), e.commands[n]());
+	}
+	let f = (e) => {
+		let t = e.target.closest("[role^=\"menuitem\"]");
+		t && d(t);
+	}, p = (e) => {
+		let t = l(), n = t.indexOf(e.target), r;
+		switch (e.key) {
+			case "ArrowDown":
+				r = t[(n + 1) % t.length];
+				break;
+			case "ArrowUp":
+				r = t[(n - 1 + t.length) % t.length];
+				break;
+			case "Home":
+				r = t[0];
+				break;
+			case "End":
+				r = t.at(-1);
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), d(e.target);
+				return;
+			case "Tab":
+				o();
+				return;
+			default: return;
+		}
+		e.preventDefault(), r?.focus();
+	};
+	return s.addEventListener("click", f), s.addEventListener("keydown", p), {
+		element: s,
+		refresh: u,
+		focusFirst: () => l()[0]?.focus({ preventScroll: !0 }),
+		destroy() {
+			s.removeEventListener("click", f), s.removeEventListener("keydown", p);
+		}
+	};
+}
+//#endregion
+//#region src/ui/components/table-handles.ts
+var X = 4, Z = 32, it = [
+	{
+		kind: "row",
+		labelKey: "table.row",
+		icon: g,
+		placement: "left",
+		groups: [["addRowBefore", "addRowAfter"], ["deleteRow"]]
+	},
+	{
+		kind: "column",
+		labelKey: "table.column",
+		icon: h,
+		placement: "top",
+		groups: [["addColumnBefore", "addColumnAfter"], ["deleteColumn"]]
+	},
+	{
+		kind: "table",
+		labelKey: "toolbar.table",
+		icon: m,
+		placement: "top-end",
+		groups: [["mergeCells", "splitCell"], ["deleteTable"]]
+	}
+];
+function Q(e, t, n, r) {
+	return {
+		x: e,
+		y: t,
+		width: n,
+		height: r,
+		left: e,
+		top: t,
+		right: e + n,
+		bottom: t + r
+	};
+}
+function at(e, t) {
+	let { container: n, messages: r } = t, { view: i } = e, a = null, o = null, s = (e) => Math.max(e.getBoundingClientRect().left, e.parentElement?.getBoundingClientRect().left ?? -Infinity);
+	function c(e) {
+		let t = a?.closest("table");
+		if (!a || !t) return Q(0, 0, 0, 0);
+		let n = a.getBoundingClientRect(), r = t.getBoundingClientRect().top, i = s(t);
+		return e === "row" ? Q(i, n.top, Math.max(n.right - i, 0), n.height) : e === "column" ? Q(n.left, r, n.width, n.bottom - r) : Q(i - X, r, 0, 0);
+	}
+	let l = it.map(({ kind: t, labelKey: i, icon: o, placement: s, groups: l }) => {
+		let u = r[i], d = document.createElement("button");
+		d.type = "button", d.className = `stilo-table-handle stilo-table-handle--${t}`, d.tabIndex = -1, d.title = u, d.setAttribute("aria-label", u), d.setAttribute("aria-haspopup", "menu"), d.setAttribute("aria-expanded", "false"), d.hidden = !0, d.append(K(o)), n.append(d);
+		let f = rt(e, {
+			groups: l,
+			label: u,
+			messages: r,
+			close: () => p.close()
+		});
+		f.element.classList.add("stilo-table-handle-menu");
+		let p = U({
+			anchor: d,
+			content: f.element,
+			container: n,
+			onClose: (t) => {
+				d.setAttribute("aria-expanded", "false"), t === "escape" && e.focus(), m();
+			}
+		});
+		return {
+			kind: t,
+			button: d,
+			anchor: {
+				getBoundingClientRect: () => c(t),
+				get contextElement() {
+					return a ?? void 0;
+				}
+			},
+			placement: s,
+			actions: f,
+			popover: p,
+			generation: 0
+		};
+	}), u = () => l.some((e) => e.popover.isOpen);
+	function d(e) {
+		let t = ++e.generation;
+		Promise.resolve(ce(e.anchor, e.button, {
+			strategy: "absolute",
+			placement: e.placement,
+			middleware: e.kind === "table" ? [B(X)] : [B(X), ue()]
+		}).then(({ x: n, y: r, middlewareData: i }) => {
+			e.generation === t && (e.button.style.left = `${n}px`, e.button.style.top = `${r}px`, e.button.style.visibility = i.hide?.referenceHidden ? "hidden" : "");
+		}));
+	}
+	function f() {
+		let { node: t, offset: n } = i.domAtPos(e.state.selection.head), r = t.childNodes[n], a = (r instanceof Element ? r : t instanceof Element ? t : t.parentElement)?.closest("td, th");
+		return a && i.dom.contains(a) ? a : null;
+	}
+	function p(e) {
+		if (e !== a) {
+			a = e;
+			for (let e of l) e.stopAutoUpdate?.(), e.stopAutoUpdate = void 0, e.generation++, e.button.hidden = !a, a && (e.stopAutoUpdate = se(e.anchor, e.button, () => d(e)));
+		}
+	}
+	function m() {
+		if (u()) return;
+		o && !o.isConnected && (o = null);
+		let t = i.hasFocus() ? f() : null;
+		p(e.isEditable ? o ?? t : null);
+	}
+	function h(e, t) {
+		let n = e.closest("table")?.getBoundingClientRect();
+		if (!n) return !1;
+		let { clientX: r, clientY: i } = t;
+		return r >= n.left - Z && r <= n.right + Z && i >= n.top - Z && i <= n.bottom + Z;
+	}
+	function g(t) {
+		if (!a) return;
+		let n = a.closest("table"), r = i.posAtDOM(a, 0);
+		o = a, t.kind === "row" ? e.commands.selectRow(r) : t.kind === "column" ? e.commands.selectColumn(r) : f()?.closest("table") !== n && e.commands.selectTable(r), t.popover.open(), t.button.setAttribute("aria-expanded", "true"), t.actions.refresh(), t.actions.focusFirst();
+	}
+	let _ = (e) => {
+		let t = e.target;
+		if (u() || t.closest(".stilo-table-handle")) return;
+		let n = t.closest("td, th");
+		n && i.dom.contains(n) ? o = n : o && !h(o, e) && (o = null), m();
+	}, v = () => {
+		o = null, m();
+	}, y = (e) => {
+		e.target.closest(".stilo-table-handle") && e.preventDefault();
+	}, b = (t) => {
+		let n = t.target.closest(".stilo-table-handle"), r = l.find((e) => e.button === n);
+		r && (r.popover.isOpen ? (r.popover.close(), e.focus()) : g(r));
+	};
+	n.addEventListener("mousemove", _), n.addEventListener("mouseleave", v), n.addEventListener("mousedown", y), n.addEventListener("click", b), e.on("transaction", m), e.on("focus", m), e.on("blur", m);
+	function x() {
+		n.removeEventListener("mousemove", _), n.removeEventListener("mouseleave", v), n.removeEventListener("mousedown", y), n.removeEventListener("click", b), e.off("transaction", m), e.off("focus", m), e.off("blur", m);
+		for (let e of l) e.popover.destroy();
+		p(null);
+		for (let e of l) e.actions.destroy(), e.button.remove();
+	}
+	return {
+		update: m,
+		destroy: x
+	};
+}
+//#endregion
+//#region src/ui/components/table-menu.ts
+var ot = 8, $ = 10, st = [
+	[
+		"addRowBefore",
+		"addRowAfter",
+		"deleteRow"
+	],
+	[
+		"addColumnBefore",
+		"addColumnAfter",
+		"deleteColumn"
+	],
+	["mergeCells", "splitCell"],
+	["toggleHeaderRow", "toggleHeaderColumn"],
+	["deleteTable"]
+];
+function ct(e, t) {
+	let { anchor: n, container: r, messages: i } = t, a = document.createElement("div");
+	a.className = "stilo-table-menu", a.setAttribute("role", "dialog");
+	let o = document.createElement("div");
+	o.className = "stilo-table-menu__picker";
+	let s = document.createElement("div");
+	s.className = "stilo-table-menu__grid", s.setAttribute("role", "group"), s.setAttribute("aria-label", i["table.insert"]);
+	let c = [];
+	for (let e = 1; e <= ot; e++) for (let t = 1; t <= $; t++) {
+		let n = document.createElement("button");
+		n.type = "button", n.className = "stilo-table-menu__cell", n.tabIndex = -1, n.dataset.rows = String(e), n.dataset.columns = String(t), n.setAttribute("aria-label", h(e, t)), c.push(n);
+	}
+	s.append(...c);
+	let l = document.createElement("div");
+	l.className = "stilo-table-menu__size", l.setAttribute("aria-hidden", "true");
+	let u = document.createElement("label");
+	u.className = "stilo-table-menu__header";
+	let d = document.createElement("input");
+	d.type = "checkbox", d.checked = !0, u.append(d, ` ${i["table.headerRow"]}`), o.append(s, l, u);
+	let f = rt(e, {
+		groups: st,
+		label: i["toolbar.table"],
+		messages: i,
+		close: () => m.close()
+	}), p = f.element;
+	a.append(o, p), n.setAttribute("aria-haspopup", "dialog"), n.setAttribute("aria-expanded", "false");
+	let m = U({
+		anchor: n,
+		content: a,
+		container: r,
+		onClose: (t) => {
+			n.setAttribute("aria-expanded", "false"), t === "escape" && e.focus();
+		}
+	});
+	function h(e, t) {
+		return i["table.size"].replace("{rows}", String(e)).replace("{columns}", String(t));
+	}
+	function g(e, t, n) {
+		for (let n of c) {
+			let r = Number(n.dataset.rows) <= e && Number(n.dataset.columns) <= t;
+			n.classList.toggle("stilo-table-menu__cell--active", r), n.tabIndex = -1;
+		}
+		let r = c[(e - 1) * $ + t - 1];
+		r.tabIndex = 0, n && r.focus({ preventScroll: !0 }), l.textContent = h(e, t);
+	}
+	function _(t) {
+		let n = Number(t.dataset.rows), r = Number(t.dataset.columns);
+		m.close(), e.focus(), e.commands.insertTable({
+			rows: n,
+			cols: r,
+			withHeaderRow: d.checked
+		});
+	}
+	let v = (e) => e.closest(".stilo-table-menu__cell"), y = (e) => {
+		let t = v(e.target);
+		t && g(Number(t.dataset.rows), Number(t.dataset.columns), !1);
+	}, b = (e) => {
+		let t = v(e.target);
+		t && _(t);
+	}, x = (e) => {
+		let t = v(e.target);
+		if (!t) return;
+		let n = Number(t.dataset.rows), r = Number(t.dataset.columns);
+		if (e.key === "ArrowDown") n = Math.min(n + 1, ot);
+		else if (e.key === "ArrowUp") n = Math.max(n - 1, 1);
+		else if (e.key === "ArrowRight") r = Math.min(r + 1, $);
+		else if (e.key === "ArrowLeft") r = Math.max(r - 1, 1);
+		else return;
+		e.preventDefault(), g(n, r, !0);
+	};
+	s.addEventListener("mouseover", y), s.addEventListener("click", b), s.addEventListener("keydown", x);
+	function S() {
+		if (m.isOpen) return;
+		let t = e.isActive("table");
+		o.hidden = t, p.hidden = !t, a.setAttribute("aria-label", t ? i["toolbar.table"] : i["table.insert"]), m.open(), n.setAttribute("aria-expanded", "true"), t ? (f.refresh(), f.focusFirst()) : g(1, 1, !0);
+	}
+	function C() {
+		m.isOpen && (m.close(), e.focus());
+	}
+	function w() {
+		s.removeEventListener("mouseover", y), s.removeEventListener("click", b), s.removeEventListener("keydown", x), f.destroy(), m.destroy(), n.removeAttribute("aria-haspopup"), n.removeAttribute("aria-expanded");
+	}
+	return {
+		get isOpen() {
+			return m.isOpen;
+		},
+		open: S,
+		close: C,
+		toggle: () => m.isOpen ? C() : S(),
+		destroy: w
+	};
+}
+//#endregion
+//#region src/ui/toolbar/toolbar.ts
+function lt(e, t) {
+	if (typeof e == "string") {
+		let n = Ce[e];
+		if (!n) throw new a(`Toolbar: unknown item "${e}"`);
+		return n.isAvailable && !n.isAvailable(t) ? void 0 : n;
+	}
+	if (!e.isAvailable || e.isAvailable(t)) return e;
+}
+function ut(e, t) {
+	let { selectionStart: n, selectionEnd: r, value: i } = t;
+	switch (e.key) {
+		case "Home":
+		case "End": return !0;
+		case "ArrowLeft": return n !== 0 || r !== 0;
+		case "ArrowRight": return n !== i.length || r !== i.length;
+		default: return !1;
+	}
+}
+function dt(e, t) {
+	let { container: n, items: r = Se, messages: i = H, sticky: a = !0 } = t, o = fe(), s = [];
+	for (let t of r) {
+		let n = [];
+		for (let r of t) {
+			let t = lt(r, e);
+			t && n.push(t);
+		}
+		n.length > 0 && s.push(n);
+	}
+	let c = document.createElement("div");
+	c.className = "stilo-toolbar", c.setAttribute("role", "toolbar"), c.setAttribute("aria-label", i?.["toolbar.label"] ?? "Formatting"), c.setAttribute("aria-orientation", "horizontal");
+	let l = [], u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = [], p = [], m = [];
+	for (let t of s) {
+		let n = document.createElement("div");
+		n.className = "stilo-toolbar__group", n.setAttribute("role", "group");
+		for (let r of t) if (r.kind === "dropdown") {
+			let t = r, a = t.options.map((e) => {
+				let t = i[e.labelKey] ?? e.labelKey, n = e.shortcut ? V(e.shortcut, o) : void 0;
+				return {
+					id: e.id,
+					label: t,
+					shortcut: n,
+					fontFamily: e.fontFamily,
+					action: !e.isActive
+				};
+			}), s = We({
+				label: i[t.labelKey] ?? t.labelKey,
+				options: a,
+				icon: t.icon,
+				container: c,
+				onSelect: (n) => {
+					let r = t.options.find((e) => e.id === n);
+					r && (r.run(e), e.focus());
+				}
+			});
+			s.trigger.setAttribute("data-item", t.id), n.appendChild(s.trigger), l.push(s.trigger), u.set(s.trigger, t), d.set(t.id, s);
+		} else if (r.kind === "iconMenu") {
+			let t = et(e, r, {
+				container: c,
+				messages: i,
+				mac: o
+			});
+			n.appendChild(t.trigger), l.push(t.trigger), u.set(t.trigger, r), m.push(t);
+		} else if (r.kind === "fontSize") {
+			let t = $e(e, r, {
+				container: c,
+				messages: i
+			});
+			n.appendChild(t.element);
+			for (let e of t.parts) l.push(e), u.set(e, r);
+			p.push(t);
+		} else if (r.kind === "color") {
+			let t = Ue(e, r, {
+				container: c,
+				messages: i
+			});
+			n.appendChild(t.element);
+			for (let e of [t.main, t.arrow]) l.push(e), u.set(e, r);
+			f.push(t);
+		} else {
+			let e = r, t = i[e.labelKey] ?? e.labelKey, a = e.shortcut === void 0 ? t : `${t} (${V(e.shortcut, o)})`, s = document.createElement("button");
+			s.type = "button", s.className = "stilo-toolbar__button", s.setAttribute("data-item", e.id), s.setAttribute("aria-label", t), s.setAttribute("title", a), s.setAttribute("tabindex", "-1"), e.isActive && s.setAttribute("aria-pressed", "false");
+			let c = K(e.icon);
+			s.appendChild(c), n.appendChild(s), l.push(s), u.set(s, e);
+		}
+		c.appendChild(n);
+	}
+	let h = e.view.dom.parentElement ?? c, g = "setLink" in e.commands ? be(e, {
+		container: h,
+		messages: i
+	}) : null, _ = g ? tt(e, {
+		container: h,
+		messages: i,
+		onEdit: () => g.open()
+	}) : null, v = "selectRow" in e.commands ? at(e, {
+		container: h,
+		messages: i
+	}) : null, y = c.querySelector("[data-item=\"characters\"]"), b = y ? ze(e, {
+		anchor: y,
+		container: c,
+		messages: i
+	}) : null, x = c.querySelector("[data-item=\"table\"]"), S = x ? ct(e, {
+		anchor: x,
+		container: c,
+		messages: i
+	}) : null, C = {
+		openLinkPopover: () => g?.open(),
+		toggleCharacterPicker: () => b?.toggle(),
+		toggleFindBar: () => T?.toggle(),
+		toggleTableMenu: () => S?.toggle()
+	};
+	n.appendChild(c);
+	let w = c.querySelector("[data-item=\"find\"]"), T = "setSearch" in e.commands ? qe(e, {
+		container: n,
+		messages: i,
+		button: w
+	}) : null, E = null;
+	if (a) {
+		n.classList.add("stilo-toolbar-host");
+		let t = () => {
+			let t = n.offsetHeight + 5;
+			e.view.setProps({ scrollMargin: {
+				top: t,
+				right: 5,
+				bottom: 5,
+				left: 5
+			} });
+		};
+		t(), typeof ResizeObserver < "u" && (E = new ResizeObserver(t), E.observe(n));
+	}
+	let D = 0, O = !1, k = 0;
+	function A(e) {
+		l.forEach((t, n) => {
+			t.setAttribute("tabindex", n === e ? "0" : "-1");
+		}), k = e;
+	}
+	A(0);
+	function j() {
+		for (let e of f) e.update();
+		for (let e of p) e.update();
+		for (let e of m) e.update();
+		for (let t of l) {
+			let n = u.get(t);
+			if (n && n.kind !== "color" && n.kind !== "fontSize" && n.kind !== "iconMenu") {
+				if (n.kind === "dropdown") {
+					let t = n, r = null, i = /* @__PURE__ */ new Set();
+					for (let n of t.options) {
+						let t = n.isActive?.(e) ?? !1;
+						n.isEnabled !== void 0 && !n.isEnabled(e) && i.add(n.id), t && r === null && (r = n.id);
+					}
+					let a = d.get(t.id), o = r === null ? t.getValueLabel?.(e) ?? null : null;
+					a?.update({
+						activeId: r,
+						disabledIds: i,
+						valueLabel: o
+					});
+				} else {
+					let r = t, i = n;
+					if (i.isActive) {
+						let t = i.isActive(e);
+						r.setAttribute("aria-pressed", t ? "true" : "false"), t ? r.classList.add("stilo-toolbar__button--active") : r.classList.remove("stilo-toolbar__button--active");
+					} else r.removeAttribute("aria-pressed"), r.classList.remove("stilo-toolbar__button--active");
+					i.isEnabled ? i.isEnabled(e) ? r.removeAttribute("aria-disabled") : r.setAttribute("aria-disabled", "true") : r.removeAttribute("aria-disabled");
+				}
+			}
+		}
+	}
+	j();
+	let M = () => {
+		O || (D ||= requestAnimationFrame(() => {
+			O || (D = 0, j());
+		}));
+	};
+	e.on("transaction", M);
+	let N = (e) => {
+		O || e.target.closest(".stilo-char-picker, .stilo-color-picker, .stilo-font-size__input") || e.preventDefault();
+	};
+	c.addEventListener("mousedown", N);
+	let P = (t) => {
+		if (O) return;
+		let n = t.target.closest("[data-item]");
+		if (!n) return;
+		let r = u.get(n);
+		r && r.kind === "button" && (!r.isEnabled || r.isEnabled(e)) && (e.focus(), r.run(e, C));
+	};
+	c.addEventListener("click", P);
+	let F = (t) => {
+		if (O) return;
+		let n = t.target.closest("[data-item]");
+		if (!n) return;
+		let r = l.indexOf(n);
+		if (!(r === -1 || n instanceof HTMLInputElement && ut(t, n))) switch (t.key) {
+			case "ArrowRight": {
+				t.preventDefault();
+				let e = (r + 1) % l.length;
+				A(e), l[e].focus();
+				break;
+			}
+			case "ArrowLeft": {
+				t.preventDefault();
+				let e = (r - 1 + l.length) % l.length;
+				A(e), l[e].focus();
+				break;
+			}
+			case "Home":
+				t.preventDefault(), A(0), l[0].focus();
+				break;
+			case "End": {
+				t.preventDefault();
+				let e = l.length - 1;
+				A(e), l[e].focus();
+				break;
+			}
+			case "Escape": t.preventDefault(), e.focus();
+		}
+	};
+	c.addEventListener("keydown", F);
+	let I = (t) => {
+		if (O) return;
+		let n = o ? t.metaKey : t.ctrlKey;
+		g && n && !t.altKey && !t.shiftKey && t.key.toLowerCase() === "k" ? (t.preventDefault(), g.open()) : T && n && !t.altKey && !t.shiftKey && t.key.toLowerCase() === "f" ? (t.preventDefault(), T.open()) : t.key === "F10" && t.altKey && (t.preventDefault(), e.focus(), k >= 0 && k < l.length && l[k].focus());
+	};
+	e.view.dom.addEventListener("keydown", I);
+	let L = () => {
+		R();
+	};
+	e.on("destroy", L);
+	function R() {
+		if (!O) {
+			O = !0, D &&= (cancelAnimationFrame(D), 0), e.off("transaction", M), e.off("destroy", L), c.removeEventListener("mousedown", N), c.removeEventListener("click", P), c.removeEventListener("keydown", F), e.view.dom.removeEventListener("keydown", I);
+			for (let e of d.values()) e.destroy();
+			for (let e of f) e.destroy();
+			for (let e of p) e.destroy();
+			for (let e of m) e.destroy();
+			g?.destroy(), _?.destroy(), v?.destroy(), b?.destroy(), S?.destroy(), T?.destroy(), n.contains(c) && n.removeChild(c), a && (E?.disconnect(), n.classList.remove("stilo-toolbar-host"), e.view.setProps({ scrollMargin: void 0 }));
+		}
+	}
+	return {
+		get element() {
+			return c;
+		},
+		update: j,
+		destroy: R
+	};
+}
+//#endregion
+export { ge as DEFAULT_FONTS, _e as DEFAULT_FONT_SIZES, Ce as DEFAULT_ITEMS, G as DEFAULT_PALETTE, Se as DEFAULT_TOOLBAR, me as createStatusBar, dt as createToolbar, H as en, Ae as fontFamilyDropdown, je as fontSizeInput, V as formatShortcut, Ie as headingDropdown, Ee as highlightButton, he as it, Fe as lineHeightDropdown, Ne as textAlignMenu, Te as textColorButton };