stilo-editor 0.1.0 → 0.2.0

package/dist/ui.js

@@ -1,11 +1,11 @@
-import { H as e } from "./src-3tAxKI0c.js";
-import { Bold as t, ChevronDown as n, Code as r, ExternalLink as i, FaceSlightlySmilingPlus as a, Highlighter as o, Italic as s, Link as c, List as l, ListOrdered as u, Minus as d, Pencil as f, Redo2 as p, RemoveFormatting as m, Strikethrough as h, Subscript as g, Superscript as _, TextQuote as v, Type as y, Underline as b, Undo2 as x, Unlink as S, createElement as C } from "lucide";
-import { autoUpdate as w, computePosition as T, flip as E, offset as D, shift as O } from "@floating-ui/dom";
+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 k() {
+function fe() {
 	return /Mac|iPhone|iPad/.test(navigator.platform);
 }
-function A(e, t) {
+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");
@@ -13,7 +13,7 @@ function A(e, t) {
 }
 //#endregion
 //#region src/ui/i18n/en.ts
-var j = {
+var H = {
 	"toolbar.label": "Formatting",
 	"toolbar.undo": "Undo",
 	"toolbar.redo": "Redo",
@@ -25,12 +25,35 @@ var j = {
 	"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",
@@ -103,8 +126,67 @@ var j = {
 	"color.darkCyan": "Dark cyan",
 	"color.darkBlue": "Dark blue",
 	"color.darkPurple": "Dark purple",
-	"color.darkPink": "Dark pink"
-}, M = {
+	"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",
@@ -116,12 +198,35 @@ var j = {
 	"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",
@@ -194,29 +299,128 @@ var j = {
 	"color.darkCyan": "Ciano scuro",
 	"color.darkBlue": "Blu scuro",
 	"color.darkPurple": "Viola scuro",
-	"color.darkPink": "Rosa 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 N(e) {
+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(T(t, n, {
+		Promise.resolve(ce(t, n, {
 			strategy: "absolute",
 			placement: i,
 			middleware: [
-				D(a),
-				E(),
-				O({ padding: 8 })
+				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 = w(t, n, () => {
+		c || s || (c = !0, n.removeAttribute("hidden"), l = se(t, n, () => {
 			c && d();
 		}), document.addEventListener("pointerdown", h, !0), document.addEventListener("keydown", g, !0));
 	}
@@ -245,11 +449,11 @@ function N(e) {
 }
 //#endregion
 //#region src/ui/components/link-popover.ts
-var P = "https://example.com";
-function F(e) {
-	return e.isActive("link") || e.commands.setLink.can({ href: P });
+var ve = "https://example.com";
+function ye(e) {
+	return e.isActive("link") || e.commands.setLink.can({ href: ve });
 }
-function I(e, t) {
+function be(e, t) {
 	let { container: n, messages: r } = t, i = {
 		contextElement: e.view.dom,
 		getBoundingClientRect: () => {
@@ -277,11 +481,11 @@ function I(e, t) {
 	l.type = "checkbox", c.append(l, r["link.newTab"]);
 	let u = document.createElement("div");
 	u.className = "stilo-link-popover__actions";
-	let d = L("submit", r["link.apply"]);
+	let d = xe("submit", r["link.apply"]);
 	d.classList.add("stilo-link-popover__button--primary");
-	let f = L("button", r["link.remove"]);
+	let f = xe("button", r["link.remove"]);
 	u.append(d, f), o.append(s, c, u), a.append(o);
-	let p = N({
+	let p = U({
 		anchor: i,
 		content: a,
 		container: n,
@@ -306,7 +510,7 @@ function I(e, t) {
 	};
 	o.addEventListener("submit", h), f.addEventListener("click", g), s.addEventListener("input", _);
 	function v() {
-		if (p.isOpen || !F(e)) return;
+		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();
 	}
@@ -322,54 +526,55 @@ function I(e, t) {
 		destroy: y
 	};
 }
-function L(e, t) {
+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 R(e, t) {
+function W(e, t) {
 	return {
 		color: e,
 		labelKey: t
 	};
 }
-var z = [
-	R("#000000", "color.black"),
-	R("#404040", "color.darkGray2"),
-	R("#737373", "color.darkGray1"),
-	R("#a3a3a3", "color.gray"),
-	R("#d4d4d4", "color.lightGray1"),
-	R("#e5e5e5", "color.lightGray2"),
-	R("#f5f5f5", "color.lightGray3"),
-	R("#ffffff", "color.white"),
-	R("#ef4444", "color.red"),
-	R("#f97316", "color.orange"),
-	R("#eab308", "color.yellow"),
-	R("#22c55e", "color.green"),
-	R("#06b6d4", "color.cyan"),
-	R("#3b82f6", "color.blue"),
-	R("#a855f7", "color.purple"),
-	R("#ec4899", "color.pink"),
-	R("#fecaca", "color.lightRed"),
-	R("#fed7aa", "color.lightOrange"),
-	R("#fef08a", "color.lightYellow"),
-	R("#bbf7d0", "color.lightGreen"),
-	R("#a5f3fc", "color.lightCyan"),
-	R("#bfdbfe", "color.lightBlue"),
-	R("#e9d5ff", "color.lightPurple"),
-	R("#fbcfe8", "color.lightPink"),
-	R("#991b1b", "color.darkRed"),
-	R("#9a3412", "color.darkOrange"),
-	R("#854d0e", "color.darkYellow"),
-	R("#166534", "color.darkGreen"),
-	R("#155e75", "color.darkCyan"),
-	R("#1e40af", "color.darkBlue"),
-	R("#6b21a8", "color.darkPurple"),
-	R("#9d174d", "color.darkPink")
-], B = [
+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",
@@ -379,21 +584,27 @@ var z = [
 		"subscript",
 		"superscript",
 		"link",
-		"clearFormatting"
+		"clearFormatting",
+		"textCase"
 	],
 	["textColor", "highlight"],
+	["textAlign", "lineHeight"],
 	[
 		"bulletList",
 		"orderedList",
+		"taskList",
 		"blockquote",
+		"codeBlock",
 		"horizontalRule",
+		"table",
 		"characters"
-	]
-], V = {
+	],
+	["find"]
+], Ce = {
 	undo: {
 		id: "undo",
 		kind: "button",
-		icon: x,
+		icon: ne,
 		labelKey: "toolbar.undo",
 		shortcut: "Mod-z",
 		run: (e) => {
@@ -404,7 +615,7 @@ var z = [
 	redo: {
 		id: "redo",
 		kind: "button",
-		icon: p,
+		icon: O,
 		labelKey: "toolbar.redo",
 		shortcut: "Mod-Shift-z",
 		run: (e) => {
@@ -415,7 +626,7 @@ var z = [
 	bold: {
 		id: "bold",
 		kind: "button",
-		icon: t,
+		icon: s,
 		labelKey: "toolbar.bold",
 		shortcut: "Mod-b",
 		run: (e) => {
@@ -428,7 +639,7 @@ var z = [
 	italic: {
 		id: "italic",
 		kind: "button",
-		icon: s,
+		icon: v,
 		labelKey: "toolbar.italic",
 		shortcut: "Mod-i",
 		run: (e) => {
@@ -441,7 +652,7 @@ var z = [
 	underline: {
 		id: "underline",
 		kind: "button",
-		icon: b,
+		icon: te,
 		labelKey: "toolbar.underline",
 		shortcut: "Mod-u",
 		run: (e) => {
@@ -454,7 +665,7 @@ var z = [
 	strike: {
 		id: "strike",
 		kind: "button",
-		icon: h,
+		icon: M,
 		labelKey: "toolbar.strike",
 		shortcut: "Mod-Shift-s",
 		run: (e) => {
@@ -467,7 +678,7 @@ var z = [
 	code: {
 		id: "code",
 		kind: "button",
-		icon: r,
+		icon: d,
 		labelKey: "toolbar.code",
 		shortcut: "Mod-e",
 		run: (e) => {
@@ -480,7 +691,7 @@ var z = [
 	subscript: {
 		id: "subscript",
 		kind: "button",
-		icon: g,
+		icon: N,
 		labelKey: "toolbar.subscript",
 		shortcut: "Mod-,",
 		run: (e) => {
@@ -493,7 +704,7 @@ var z = [
 	superscript: {
 		id: "superscript",
 		kind: "button",
-		icon: _,
+		icon: P,
 		labelKey: "toolbar.superscript",
 		shortcut: "Mod-.",
 		run: (e) => {
@@ -506,20 +717,20 @@ var z = [
 	link: {
 		id: "link",
 		kind: "button",
-		icon: c,
+		icon: y,
 		labelKey: "toolbar.link",
 		shortcut: "Mod-k",
 		run: (e, t) => {
 			t.openLinkPopover();
 		},
 		isActive: (e) => e.isActive("link"),
-		isEnabled: (e) => "setLink" in e.commands && F(e),
+		isEnabled: (e) => "setLink" in e.commands && ye(e),
 		isAvailable: (e) => "setLink" in e.commands
 	},
 	clearFormatting: {
 		id: "clearFormatting",
 		kind: "button",
-		icon: m,
+		icon: k,
 		labelKey: "toolbar.clearFormatting",
 		shortcut: "Mod-\\",
 		run: (e) => {
@@ -528,10 +739,31 @@ var z = [
 		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: l,
+		icon: b,
 		labelKey: "toolbar.bulletList",
 		shortcut: "Mod-Shift-8",
 		run: (e) => {
@@ -544,7 +776,7 @@ var z = [
 	orderedList: {
 		id: "orderedList",
 		kind: "button",
-		icon: u,
+		icon: S,
 		labelKey: "toolbar.orderedList",
 		shortcut: "Mod-Shift-7",
 		run: (e) => {
@@ -554,10 +786,23 @@ var z = [
 		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: v,
+		icon: D,
 		labelKey: "toolbar.blockquote",
 		shortcut: "Mod-Shift-b",
 		run: (e) => {
@@ -567,10 +812,23 @@ var z = [
 		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: d,
+		icon: w,
 		labelKey: "toolbar.horizontalRule",
 		run: (e) => {
 			e.commands.setHorizontalRule();
@@ -578,29 +836,55 @@ var z = [
 		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: a,
+		icon: p,
 		labelKey: "toolbar.characters",
 		run: (e, t) => {
 			t.toggleCharacterPicker();
 		},
 		isAvailable: (e) => "insertText" in e.commands
 	},
-	heading: G(),
-	textColor: U(),
-	highlight: W()
+	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 H(e, t) {
+function we(e, t) {
 	let { color: n } = e.getAttributes(t);
 	return typeof n == "string" ? n : null;
 }
-function U(e = z) {
+function Te(e = G) {
 	return {
 		id: "textColor",
 		kind: "color",
-		icon: y,
+		icon: ee,
 		labelKey: "toolbar.textColor",
 		palette: e,
 		defaultColor: "#000000",
@@ -609,16 +893,16 @@ function U(e = z) {
 			e.commands.unsetColor();
 		},
 		hasColor: (e, t) => e.isActive("textStyle", { color: t }),
-		getColor: (e) => H(e, "textStyle"),
+		getColor: (e) => we(e, "textStyle"),
 		isEnabled: (e) => "setColor" in e.commands && e.commands.setColor.can("#000000"),
 		isAvailable: (e) => "setColor" in e.commands
 	};
 }
-function W(e = z) {
+function Ee(e = G) {
 	return {
 		id: "highlight",
 		kind: "color",
-		icon: o,
+		icon: _,
 		labelKey: "toolbar.highlight",
 		palette: e,
 		defaultColor: null,
@@ -628,12 +912,141 @@ function W(e = z) {
 			e.commands.unsetHighlight();
 		},
 		hasColor: (e, t) => e.isActive("highlight", { color: t }),
-		getColor: (e) => H(e, "highlight"),
+		getColor: (e) => we(e, "highlight"),
 		isEnabled: (e) => "setHighlight" in e.commands && e.commands.setHighlight.can(),
 		isAvailable: (e) => "setHighlight" in e.commands
 	};
 }
-function G(e = [
+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,
@@ -669,15 +1082,15 @@ function G(e = [
 }
 //#endregion
 //#region src/ui/components/character-picker.ts
-var K = 10;
-async function q() {
+var Le = 10;
+async function Re() {
 	let { SYMBOLS: e, EMOJI: t } = await import("./characters--8h5uTeF.js");
 	return {
 		symbols: e,
 		emoji: t
 	};
 }
-function J(e, 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");
@@ -691,7 +1104,7 @@ function J(e, 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 = N({
+	let u = U({
 		anchor: n,
 		content: a,
 		container: r,
@@ -714,7 +1127,7 @@ function J(e, t) {
 			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 += K) m.push(r.slice(e, e + K));
+		for (let e = 0; e < r.length; e += Le) m.push(r.slice(e, e + Le));
 		return n;
 	}
 	function _() {
@@ -770,7 +1183,7 @@ function J(e, t) {
 	};
 	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 q(), u.isOpen && (o.value = "", _(), o.focus({ preventScroll: !0 })));
+		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());
@@ -790,73 +1203,73 @@ function J(e, t) {
 }
 //#endregion
 //#region src/ui/components/icon.ts
-function Y(e) {
-	return C(e, {
+function K(e) {
+	return oe(e, {
 		class: "stilo-icon",
 		"aria-hidden": "true"
 	});
 }
 //#endregion
 //#region src/ui/components/color-button.ts
-var X = 8, ee = "Mark", te = /^#[0-9a-f]{6}$/;
-function Z(e, t) {
+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 Q(e, t) {
-	let n = Z("button", e);
+function J(e, t) {
+	let n = q("button", e);
 	return n.type = "button", n.setAttribute("aria-label", t), n.title = t, n;
 }
-function ne(e, t, r) {
-	let { container: i, messages: a } = r, o = a[t.labelKey] ?? t.labelKey, s = t.defaultColor, c = Z("span", "stilo-split"), l = Q("stilo-toolbar__button stilo-split__main", o), u = Z("span", "stilo-split__color");
-	l.append(Y(t.icon), u);
-	let d = Q("stilo-toolbar__button stilo-split__arrow", `${o}: ${a["color.more"]}`);
-	d.append(Y(n));
-	for (let e of [l, d]) e.dataset.item = t.id, e.tabIndex = -1;
-	l.setAttribute("aria-pressed", "false"), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", "false"), c.append(l, d);
-	let f = Z("div", "stilo-color-picker");
-	f.setAttribute("role", "dialog"), f.setAttribute("aria-label", o);
-	let p = Z("div", "stilo-color-picker__actions"), m = Z("button", "stilo-color-picker__none");
-	m.type = "button", m.textContent = a["color.none"], p.append(m);
+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 = Z("span", "stilo-color-picker__separator");
-		e.setAttribute("aria-hidden", "true"), h = Z("button", "stilo-color-picker__default"), h.type = "button";
+		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 = a["color.default"], h.append(t), p.append(e, h);
+		t.textContent = i["color.default"], h.append(t), p.append(e, h);
 	}
-	let g = Z("div", "stilo-color-picker__grid");
-	g.setAttribute("role", "group"), g.setAttribute("aria-label", o);
+	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 = Q("stilo-color-picker__swatch", a[t] ?? 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 = Z("form", "stilo-color-picker__custom"), y = Z("input", "stilo-color-picker__native");
-	y.type = "color", y.setAttribute("aria-label", a["color.pick"]);
-	let b = Z("input", "stilo-color-picker__value");
-	b.type = "text", b.placeholder = "#000000", b.autocomplete = "off", b.spellcheck = !1, b.setAttribute("aria-label", a["color.custom"]);
-	let x = Z("button", "stilo-color-picker__apply");
-	x.type = "submit", x.textContent = a["color.apply"], v.append(y, b, x), f.append(p, g, v);
-	let S = N({
-		anchor: c,
+	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: i,
+		container: r,
 		onClose: (t) => {
 			d.setAttribute("aria-expanded", "false"), t === "escape" && e.focus();
 		}
 	});
 	function C() {
-		u.style.backgroundColor = s ?? ee;
+		u.style.backgroundColor = o ?? Ve;
 	}
 	function w() {
 		return t.isEnabled?.(e) ?? !0;
 	}
 	function T() {
 		let n = w();
-		for (let e of [l, d]) n ? e.removeAttribute("aria-disabled") : e.setAttribute("aria-disabled", "true");
-		let r = n && t.hasColor(e, s);
-		l.setAttribute("aria-pressed", String(r)), l.classList.toggle("stilo-toolbar__button--active", r);
+		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) {
@@ -867,7 +1280,7 @@ function ne(e, t, r) {
 	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 && te.test(n) ? n : "#000000", S.open(), d.setAttribute("aria-expanded", "true");
+		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 });
 	}
@@ -875,113 +1288,113 @@ function ne(e, t, r) {
 		S.close(), e.focus();
 	}
 	function k(n) {
-		return t.setColor(e, n) ? (s = t.getColor(e), C(), !0) : !1;
+		return t.setColor(e, n) ? (o = t.getColor(e), C(), !0) : !1;
 	}
 	let A = () => {
-		w() && (S.close(), e.focus(), t.hasColor(e, s) ? t.unsetColor(e) : k(s));
+		w() && (S.close(), e.focus(), t.hasColor(e, o) ? t.unsetColor(e) : k(o));
 	}, j = () => {
 		S.isOpen ? O() : w() && D();
 	}, M = () => {
-		t.unsetColor(e), s = t.defaultColor, C(), O();
-	}, P = () => {
+		t.unsetColor(e), o = t.defaultColor, C(), O();
+	}, N = () => {
 		k(null), O();
-	}, F = (e) => {
+	}, P = (e) => {
 		let t = e.target.closest(".stilo-color-picker__swatch");
 		t?.dataset.color && (k(t.dataset.color), O());
-	}, I = (e) => {
+	}, F = (e) => {
 		let t = {
 			ArrowLeft: -1,
 			ArrowRight: 1,
 			ArrowUp: -8,
-			ArrowDown: X
+			ArrowDown: Be
 		}[e.key], n = _.indexOf(e.target);
 		t !== void 0 && n !== -1 && (e.preventDefault(), E(_[n + t]));
-	}, L = () => {
+	}, I = () => {
 		b.value = y.value, b.removeAttribute("aria-invalid");
-	}, R = () => b.removeAttribute("aria-invalid"), z = (e) => {
+	}, L = () => b.removeAttribute("aria-invalid"), R = (e) => {
 		e.preventDefault(), k(b.value.trim()) ? O() : (b.setAttribute("aria-invalid", "true"), b.focus());
 	};
-	l.addEventListener("click", A), d.addEventListener("click", j), m.addEventListener("click", M), h?.addEventListener("click", P), g.addEventListener("click", F), g.addEventListener("keydown", I), y.addEventListener("input", L), b.addEventListener("input", R), v.addEventListener("submit", z), C();
-	function B() {
-		l.removeEventListener("click", A), d.removeEventListener("click", j), m.removeEventListener("click", M), h?.removeEventListener("click", P), g.removeEventListener("click", F), g.removeEventListener("keydown", I), y.removeEventListener("input", L), b.removeEventListener("input", R), v.removeEventListener("submit", z), S.destroy(), c.remove();
+	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: c,
-		main: l,
+		element: s,
+		main: c,
 		arrow: d,
 		update: T,
-		destroy: B
+		destroy: z
 	};
 }
 //#endregion
 //#region src/ui/components/dropdown.ts
-function re(e) {
-	let { label: t, options: r, container: i, onSelect: a } = e, o = document.createElement("button");
-	o.type = "button", o.className = "stilo-toolbar__button stilo-dropdown__trigger", o.setAttribute("aria-haspopup", "menu"), o.setAttribute("aria-expanded", "false"), o.setAttribute("title", t), o.setAttribute("tabindex", "-1");
+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(s);
-	let c = Y(n);
+	s.className = "stilo-dropdown__value", o.appendChild(r ? K(r) : s);
+	let c = K(l);
 	o.appendChild(c);
-	let l = document.createElement("div");
-	l.className = "stilo-dropdown__menu stilo-popover", l.setAttribute("role", "menu"), l.setAttribute("aria-label", t), l.setAttribute("hidden", "");
-	let u = [];
-	for (let e of r) {
+	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", "menuitemradio"), t.setAttribute("tabindex", "-1"), t.setAttribute("data-option", e.id), t.setAttribute("aria-checked", "false");
+		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, t.appendChild(n), e.shortcut) {
+		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);
 		}
-		u.push(t), l.appendChild(t);
+		d.push(t), u.appendChild(t);
 	}
-	let d;
-	i.appendChild(l);
-	function f() {
-		if (d) return;
-		d = N({
+	let f;
+	i.appendChild(u);
+	function p() {
+		if (f) return;
+		f = U({
 			anchor: o,
-			content: l,
+			content: u,
 			container: i,
 			onClose(e) {
-				e === "escape" && o.focus(), o.setAttribute("aria-expanded", "false"), d = void 0;
+				e === "escape" && o.focus(), o.setAttribute("aria-expanded", "false"), f = void 0;
 			}
-		}), o.setAttribute("aria-expanded", "true"), d.open();
-		let e = u.findIndex((e) => e.getAttribute("aria-checked") === "true");
-		if (e >= 0) u[e].focus();
+		}), 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 = u.findIndex((e) => e.getAttribute("aria-disabled") !== "true");
-			e >= 0 && u[e].focus();
+			let e = d.findIndex((e) => e.getAttribute("aria-disabled") !== "true");
+			e >= 0 && d[e].focus();
 		}
 	}
-	function p() {
-		d && (d.close(), o.setAttribute("aria-expanded", "false"));
-	}
 	function m() {
-		o.getAttribute("aria-disabled") !== "true" && (d ? p() : f());
+		f && (f.close(), o.setAttribute("aria-expanded", "false"));
 	}
-	o.addEventListener("click", m);
-	function h(e) {
+	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(), f();
-				let t = u.findIndex((e) => e.getAttribute("aria-disabled") !== "true");
-				t >= 0 && u[t].focus();
+				e.preventDefault(), p();
+				let t = d.findIndex((e) => e.getAttribute("aria-disabled") !== "true");
+				t >= 0 && d[t].focus();
 				break;
 			}
 			case "ArrowUp":
-				e.preventDefault(), f();
-				for (let e = u.length - 1; e >= 0; e--) if (u[e].getAttribute("aria-disabled") !== "true") {
-					u[e].focus();
+				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", h);
-	function g(e) {
+	o.addEventListener("keydown", g);
+	function _(e) {
 		let t = document.activeElement;
-		if (!t || !l.contains(t)) return;
-		let n = u.filter((e) => e.getAttribute("aria-disabled") !== "true"), r = n.indexOf(t);
+		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();
@@ -998,7 +1411,7 @@ function re(e) {
 			case "Enter":
 				if (e.preventDefault(), t === document.activeElement && t !== o) {
 					let e = t.getAttribute("data-option");
-					e && t.getAttribute("aria-disabled") !== "true" && (a(e), p());
+					e && t.getAttribute("aria-disabled") !== "true" && (a(e), m());
 				}
 				break;
 			case " ":
@@ -1008,124 +1421,735 @@ function re(e) {
 				}
 				break;
 			case "Escape":
-				e.preventDefault(), p(), o.focus();
+				e.preventDefault(), m(), o.focus();
 				break;
-			case "Tab": p();
+			case "Tab": m();
 		}
 	}
-	l.addEventListener("keydown", g);
-	for (let e of u) e.addEventListener("click", () => {
+	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), p());
+		t && e.getAttribute("aria-disabled") !== "true" && (a(t), m());
 	});
-	let _ = !1;
-	function v(e) {
-		let { activeId: n, disabledIds: i } = e, a = r.find((e) => e.id === n)?.label ?? t;
-		s.textContent = a, o.setAttribute("aria-label", `${t}: ${a}`), i.size === r.length ? o.setAttribute("aria-disabled", "true") : o.removeAttribute("aria-disabled");
-		for (let e of u) {
+	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.setAttribute("aria-checked", t === n ? "true" : "false");
+			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 y() {
-		_ || (_ = !0, d?.destroy(), d = void 0, o.removeEventListener("click", m), o.removeEventListener("keydown", h), l.removeEventListener("keydown", g));
+	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: v,
-		destroy: y
+		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 ie(e, t) {
-	let { container: n, messages: r, onEdit: a } = t, o = null, s = {
+function tt(e, t) {
+	let { container: n, messages: r, onEdit: i } = t, a = null, o = {
 		contextElement: e.view.dom,
-		getBoundingClientRect: () => (o ?? e.view.dom).getBoundingClientRect()
-	}, c = document.createElement("div");
-	c.className = "stilo-link-bubble", c.setAttribute("role", "group"), c.setAttribute("aria-label", r["toolbar.link"]);
-	let l = document.createElement("a");
-	l.className = "stilo-link-bubble__button", l.target = "_blank", l.rel = "noopener noreferrer", l.setAttribute("aria-label", r["link.open"]), l.append(Y(i));
-	let u = $(f, r["link.edit"]), d = $(S, r["link.remove"]);
-	c.append(l, u, d);
-	let p = N({
-		anchor: s,
-		content: c,
+		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
-	}), m = (e) => {
+	}), p = (e) => {
 		e.preventDefault();
+	}, m = () => {
+		d.close(), i();
 	}, h = () => {
-		p.close(), a();
-	}, g = () => {
 		e.commands.unsetLink();
 	};
-	c.addEventListener("mousedown", m), u.addEventListener("click", h), d.addEventListener("click", g), e.on("transaction", v), e.on("focus", v), e.on("blur", v);
-	function _() {
+	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 v() {
-		let t = _();
-		if (t !== o && p.close(), o = t, !o) return;
+	function _() {
+		let t = g();
+		if (t !== a && d.close(), a = t, !a) return;
 		let n = String(e.getAttributes("link").href ?? "");
-		l.href = n, l.title = `${r["link.open"]}: ${n}`, p.open();
+		c.href = n, c.title = `${r["link.open"]}: ${n}`, d.open();
 	}
-	function y() {
-		e.off("transaction", v), e.off("focus", v), e.off("blur", v), c.removeEventListener("mousedown", m), u.removeEventListener("click", h), d.removeEventListener("click", g), p.destroy();
+	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 p.isOpen;
+			return d.isOpen;
 		},
-		update: v,
-		destroy: y
+		update: _,
+		destroy: v
 	};
 }
-function $(e, t) {
+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(Y(e)), n;
+	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 ae(t, n) {
-	if (typeof t == "string") {
-		let r = V[t];
-		if (!r) throw new e(`Toolbar: unknown item "${t}"`);
-		return r.isAvailable && !r.isAvailable(n) ? void 0 : r;
+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;
 	}
-	if (!t.isAvailable || t.isAvailable(n)) return t;
 }
-function oe(e, t) {
-	let { container: n, items: r = B, messages: i = j, sticky: a = !0 } = t, o = k(), s = [];
+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 = ae(r, e);
+			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 = [];
+	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 ? A(e.shortcut, o) : void 0;
+				let t = i[e.labelKey] ?? e.labelKey, n = e.shortcut ? V(e.shortcut, o) : void 0;
 				return {
 					id: e.id,
 					label: t,
-					shortcut: n
+					shortcut: n,
+					fontFamily: e.fontFamily,
+					action: !e.isActive
 				};
-			}), s = re({
+			}), 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);
@@ -1133,8 +2157,23 @@ function oe(e, t) {
 				}
 			});
 			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 = ne(e, r, {
+			let t = Ue(e, r, {
 				container: c,
 				messages: i
 			});
@@ -1142,30 +2181,43 @@ function oe(e, t) {
 			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} (${A(e.shortcut, o)})`, s = document.createElement("button");
+			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 = Y(e.icon);
+			let c = K(e.icon);
 			s.appendChild(c), n.appendChild(s), l.push(s), u.set(s, e);
 		}
 		c.appendChild(n);
 	}
-	let p = e.view.dom.parentElement ?? c, m = "setLink" in e.commands ? I(e, {
-		container: p,
+	let h = e.view.dom.parentElement ?? c, g = "setLink" in e.commands ? be(e, {
+		container: h,
 		messages: i
-	}) : null, h = m ? ie(e, {
-		container: p,
+	}) : null, _ = g ? tt(e, {
+		container: h,
 		messages: i,
-		onEdit: () => m.open()
-	}) : null, g = c.querySelector("[data-item=\"characters\"]"), _ = g ? J(e, {
-		anchor: g,
+		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, v = {
-		openLinkPopover: () => m?.open(),
-		toggleCharacterPicker: () => _?.toggle()
+	}) : null, C = {
+		openLinkPopover: () => g?.open(),
+		toggleCharacterPicker: () => b?.toggle(),
+		toggleFindBar: () => T?.toggle(),
+		toggleTableMenu: () => S?.toggle()
 	};
 	n.appendChild(c);
-	let y = null;
+	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 = () => {
@@ -1177,29 +2229,33 @@ function oe(e, t) {
 				left: 5
 			} });
 		};
-		t(), typeof ResizeObserver < "u" && (y = new ResizeObserver(t), y.observe(n));
+		t(), typeof ResizeObserver < "u" && (E = new ResizeObserver(t), E.observe(n));
 	}
-	let b = 0, x = !1, S = 0;
-	function C(e) {
+	let D = 0, O = !1, k = 0;
+	function A(e) {
 		l.forEach((t, n) => {
 			t.setAttribute("tabindex", n === e ? "0" : "-1");
-		}), S = e;
+		}), k = e;
 	}
-	C(0);
-	function w() {
+	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") {
+			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);
+						let t = n.isActive?.(e) ?? !1;
 						n.isEnabled !== void 0 && !n.isEnabled(e) && i.add(n.id), t && r === null && (r = n.id);
 					}
-					d.get(t.id)?.update({
+					let a = d.get(t.id), o = r === null ? t.getValueLabel?.(e) ?? null : null;
+					a?.update({
 						activeId: r,
-						disabledIds: i
+						disabledIds: i,
+						valueLabel: o
 					});
 				} else {
 					let r = t, i = n;
@@ -1212,81 +2268,83 @@ function oe(e, t) {
 			}
 		}
 	}
-	w();
-	let T = () => {
-		x || (b ||= requestAnimationFrame(() => {
-			x || (b = 0, w());
+	j();
+	let M = () => {
+		O || (D ||= requestAnimationFrame(() => {
+			O || (D = 0, j());
 		}));
 	};
-	e.on("transaction", T);
-	let E = (e) => {
-		x || e.target.closest(".stilo-char-picker, .stilo-color-picker") || e.preventDefault();
+	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", E);
-	let D = (t) => {
-		if (x) return;
+	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, v));
+		r && r.kind === "button" && (!r.isEnabled || r.isEnabled(e)) && (e.focus(), r.run(e, C));
 	};
-	c.addEventListener("click", D);
-	let O = (t) => {
-		if (x) return;
+	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) switch (t.key) {
+		if (!(r === -1 || n instanceof HTMLInputElement && ut(t, n))) switch (t.key) {
 			case "ArrowRight": {
 				t.preventDefault();
 				let e = (r + 1) % l.length;
-				C(e), l[e].focus();
+				A(e), l[e].focus();
 				break;
 			}
 			case "ArrowLeft": {
 				t.preventDefault();
 				let e = (r - 1 + l.length) % l.length;
-				C(e), l[e].focus();
+				A(e), l[e].focus();
 				break;
 			}
 			case "Home":
-				t.preventDefault(), C(0), l[0].focus();
+				t.preventDefault(), A(0), l[0].focus();
 				break;
 			case "End": {
 				t.preventDefault();
 				let e = l.length - 1;
-				C(e), l[e].focus();
+				A(e), l[e].focus();
 				break;
 			}
 			case "Escape": t.preventDefault(), e.focus();
 		}
 	};
-	c.addEventListener("keydown", O);
-	let M = (t) => {
-		if (x) return;
+	c.addEventListener("keydown", F);
+	let I = (t) => {
+		if (O) return;
 		let n = o ? t.metaKey : t.ctrlKey;
-		m && n && !t.altKey && !t.shiftKey && t.key.toLowerCase() === "k" ? (t.preventDefault(), m.open()) : t.key === "F10" && t.altKey && (t.preventDefault(), e.focus(), S >= 0 && S < l.length && l[S].focus());
+		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", M);
-	let N = () => {
-		P();
+	e.view.dom.addEventListener("keydown", I);
+	let L = () => {
+		R();
 	};
-	e.on("destroy", N);
-	function P() {
-		if (!x) {
-			x = !0, b &&= (cancelAnimationFrame(b), 0), e.off("transaction", T), e.off("destroy", N), c.removeEventListener("mousedown", E), c.removeEventListener("click", D), c.removeEventListener("keydown", O), e.view.dom.removeEventListener("keydown", M);
+	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();
-			m?.destroy(), h?.destroy(), _?.destroy(), n.contains(c) && n.removeChild(c), a && (y?.disconnect(), n.classList.remove("stilo-toolbar-host"), e.view.setProps({ scrollMargin: void 0 }));
+			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: w,
-		destroy: P
+		update: j,
+		destroy: R
 	};
 }
 //#endregion
-export { V as DEFAULT_ITEMS, z as DEFAULT_PALETTE, B as DEFAULT_TOOLBAR, oe as createToolbar, j as en, A as formatShortcut, G as headingDropdown, W as highlightButton, M as it, U as textColorButton };
+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 };