stilo-editor 0.2.1 → 0.3.1

package/dist/ui.js

@@ -1,2350 +1 @@
-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 };
+export { f as DEFAULT_FONTS, p as DEFAULT_FONT_SIZES, n as DEFAULT_ITEMS, d as DEFAULT_PALETTE, r as DEFAULT_TOOLBAR, h as createStatusBar, t as createToolbar, g as en, i as fontFamilyDropdown, a as fontSizeInput, _ as formatShortcut, o as headingDropdown, s as highlightButton, m as it, c as lineHeightDropdown, l as textAlignMenu, u as textColorButton } from "./ui-WFNvrkbM.js";