better-react-email-editor 0.1.1 → 0.1.2

package/dist/index.js

@@ -5,48 +5,49 @@ import { EmailNode as g, composeReactEmail as _ } from "@react-email/editor/core
 import { Button as v, StarterKit as y } from "@react-email/editor/extensions";
 import { EmailTheming as b, extendTheme as x, useEditorImage as S } from "@react-email/editor/plugins";
 import { Fragment as C } from "@tiptap/pm/model";
-import { NodeSelection as w, Selection as T, TextSelection as E } from "@tiptap/pm/state";
-import { generateJSON as D } from "@tiptap/html";
-import { AlignCenterIcon as O, AlignLeftIcon as ee, AlignRightIcon as k, BoldIcon as te, BubbleMenu as A, CodeIcon as ne, Columns2Icon as re, Columns3Icon as ie, Columns4Icon as ae, EditorFocusScope as j, Heading1Icon as M, ImageIcon as oe, Inspector as N, ItalicIcon as se, LayoutIcon as P, LinkIcon as ce, ListIcon as le, ListOrderedIcon as ue, MinusIcon as de, MousePointerClickIcon as fe, PanelLeftIcon as pe, PanelTopIcon as me, PlusIcon as he, SlashCommand as ge, SquareCodeIcon as _e, StrikethroughIcon as ve, TableIcon as ye, TextQuoteIcon as F, TypeIcon as be, UnderlineIcon as xe, XIcon as I, defaultSlashCommands as Se } from "@react-email/editor/ui";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
-import * as Ce from "@radix-ui/react-popover";
-import { HexColorInput as we, HexColorPicker as Te } from "react-colorful";
-import { mergeAttributes as Ee } from "@tiptap/core";
-import { Column as De, Img as Oe, Link as ke, Row as Ae, Section as je } from "react-email";
-import { createPortal as Me } from "react-dom";
+import { NodeSelection as w, Plugin as T, PluginKey as E, Selection as D, TextSelection as O } from "@tiptap/pm/state";
+import { generateJSON as ee } from "@tiptap/html";
+import { Extension as k, mergeAttributes as te } from "@tiptap/core";
+import { ReplaceStep as ne } from "@tiptap/pm/transform";
+import { AlignCenterIcon as re, AlignLeftIcon as ie, AlignRightIcon as ae, BoldIcon as oe, BubbleMenu as se, CodeIcon as A, Columns2Icon as ce, Columns3Icon as le, Columns4Icon as ue, EditorFocusScope as j, Heading1Icon as de, ImageIcon as fe, Inspector as M, ItalicIcon as pe, LayoutIcon as me, LinkIcon as he, ListIcon as ge, ListOrderedIcon as _e, MinusIcon as ve, MousePointerClickIcon as ye, PanelLeftIcon as be, PanelTopIcon as xe, PlusIcon as N, SlashCommand as Se, SquareCodeIcon as Ce, StrikethroughIcon as P, TableIcon as we, TextQuoteIcon as Te, TypeIcon as Ee, UnderlineIcon as De, XIcon as Oe, defaultSlashCommands as ke } from "@react-email/editor/ui";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import * as Ae from "@radix-ui/react-popover";
+import { HexColorInput as je, HexColorPicker as Me } from "react-colorful";
+import { Column as Ne, Img as Pe, Link as Fe, Row as Ie, Section as Le } from "react-email";
+import { createPortal as Re } from "react-dom";
 //#region \0rolldown/runtime.js
-var Ne = Object.defineProperty, Pe = (e, t) => {
+var ze = Object.defineProperty, Be = (e, t) => {
 	let n = {};
-	for (var r in e) Ne(n, r, {
+	for (var r in e) ze(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Ne(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || ze(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/core/cx.ts
-function B(...e) {
+function R(...e) {
 	return e.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/core/dnd.ts
-var Fe = /* @__PURE__ */ new Set([
+var Ve = /* @__PURE__ */ new Set([
 	"container",
 	"section",
 	"columnsColumn"
-]), Ie = /* @__PURE__ */ new Set([
+]), He = /* @__PURE__ */ new Set([
 	"twoColumns",
 	"threeColumns",
 	"fourColumns"
-]), Le = "application/x-email-block";
-function Re(e, t) {
+]), Ue = "application/x-email-block";
+function We(e, t) {
 	let n = e.nodeDOM(t);
 	return n instanceof HTMLElement ? n.getBoundingClientRect() : null;
 }
-function ze(e, t, n) {
+function Ge(e, t, n) {
 	let r = [];
 	return t.forEach((t, i) => {
-		let a = n + 1 + i, o = Re(e, a);
+		let a = n + 1 + i, o = We(e, a);
 		o && r.push({
 			node: t,
 			pos: a,
@@ -54,10 +55,10 @@ function ze(e, t, n) {
 		});
 	}), r;
 }
-function Be(e) {
+function Ke(e) {
 	return e.type.name === "paragraph" && e.childCount === 0;
 }
-function Ve(e) {
+function qe(e) {
 	let t = null;
 	return e.forEach((e, n) => {
 		!t && e.type.name === "container" && (t = {
@@ -66,28 +67,28 @@ function Ve(e) {
 		});
 	}), t;
 }
-function He(e, t, n, r, i) {
-	let a = Ve(e.state.doc);
+function Je(e, t, n, r, i) {
+	let a = qe(e.state.doc);
 	if (!a) return null;
 	let o = (e) => !!i && e >= i.from && e < i.to, s = (i, a) => {
-		let c = ze(e, i, a), l = Re(e, a);
+		let c = Ge(e, i, a), l = We(e, a);
 		if (!l) return null;
 		for (let r of c) {
 			let { rect: i } = r, a = Math.min(12, i.height / 4), c = n > i.top + a && n < i.bottom - a, l = t >= i.left && t <= i.right;
 			if (!c || !l || o(r.pos)) continue;
 			let u = r.node.type.name;
-			if (Fe.has(u)) {
+			if (Ve.has(u)) {
 				let e = s(r.node, r.pos);
 				if (e) return e;
-			} else if (Ie.has(u)) {
-				let n = ze(e, r.node, r.pos), i = n.find((e) => t >= e.rect.left && t <= e.rect.right) ?? (t < n[0]?.rect.left ? n[0] : n[n.length - 1]);
+			} else if (He.has(u)) {
+				let n = Ge(e, r.node, r.pos), i = n.find((e) => t >= e.rect.left && t <= e.rect.right) ?? (t < n[0]?.rect.left ? n[0] : n[n.length - 1]);
 				if (i && !o(i.pos)) {
 					let e = s(i.node, i.pos);
 					if (e) return e;
 				}
 			}
 		}
-		if (c.length === 1 && Be(c[0].node) && !o(c[0].pos)) {
+		if (c.length === 1 && Ke(c[0].node) && !o(c[0].pos)) {
 			let e = c[0];
 			return i.type.validContent(r) ? {
 				pos: e.pos,
@@ -132,7 +133,7 @@ function He(e, t, n, r, i) {
 	};
 	return s(a.node, a.pos);
 }
-function Ue(e, t) {
+function Ye(e, t) {
 	let { schema: n, doc: r } = e.state;
 	if (t.kind === "new") try {
 		return C.fromArray(t.content().map((e) => n.nodeFromJSON(e)));
@@ -142,49 +143,49 @@ function Ue(e, t) {
 	let i = r.nodeAt(t.pos);
 	return i ? C.from(i) : null;
 }
-function We(e, t) {
+function Xe(e, t) {
 	let n = e.doc.nodeAt(t);
-	n && (n.isAtom || n.type.name === "horizontalRule" ? e.setSelection(w.create(e.doc, t)) : e.setSelection(E.near(e.doc.resolve(t + 1))));
+	n && (n.isAtom || n.type.name === "horizontalRule" ? e.setSelection(w.create(e.doc, t)) : e.setSelection(O.near(e.doc.resolve(t + 1))));
 }
-function Ge(e) {
+function Ze(e) {
 	let { selection: t, doc: n } = e.state;
-	t instanceof w && e.dispatch(e.state.tr.setSelection(T.near(n.resolve(t.from))));
+	t instanceof w && e.dispatch(e.state.tr.setSelection(D.near(n.resolve(t.from))));
 }
-function Ke(e, t) {
+function Qe(e, t) {
 	if (t.replaceTo !== void 0) return t;
 	let n = e.resolve(t.pos), r = n.parent, i = r.lastChild;
-	return n.index() !== r.childCount || !i || r.childCount < 2 || !Be(i) ? t : {
+	return n.index() !== r.childCount || !i || r.childCount < 2 || !Ke(i) ? t : {
 		...t,
 		pos: t.pos - i.nodeSize
 	};
 }
-function qe(e, t, n) {
+function $e(e, t, n) {
 	let { view: r } = e;
-	Ge(r);
-	let i = Ue(r, t);
+	Ze(r);
+	let i = Ye(r, t);
 	if (!i) return !1;
-	let a = Ke(r.state.doc, n), o = r.state.tr;
-	if (t.kind === "new") a.replaceTo === void 0 ? o.insert(a.pos, i) : o.replaceWith(a.pos, a.replaceTo, i), We(o, a.pos);
+	let a = Qe(r.state.doc, n), o = r.state.tr;
+	if (t.kind === "new") a.replaceTo === void 0 ? o.insert(a.pos, i) : o.replaceWith(a.pos, a.replaceTo, i), Xe(o, a.pos);
 	else {
 		let e = r.state.doc.nodeAt(t.pos);
 		if (!e) return !1;
 		let n = t.pos, i = n + e.nodeSize;
 		if (a.replaceTo === void 0 && (a.pos === n || a.pos === i)) return !1;
-		Je(o, n, i);
+		et(o, n, i);
 		let s = o.mapping.map(a.pos, -1);
 		if (a.replaceTo !== void 0) {
 			let t = o.mapping.map(a.replaceTo, 1);
 			o.replaceWith(s, t, e);
 		} else o.insert(s, e);
-		We(o, s);
+		Xe(o, s);
 	}
 	return r.dispatch(o.scrollIntoView()), r.focus(), !0;
 }
-function Je(e, t, n) {
+function et(e, t, n) {
 	let r = e.doc.resolve(t).parent;
-	r.childCount === 1 && Fe.has(r.type.name) ? e.replaceWith(t, n, e.doc.type.schema.nodes.paragraph.create()) : e.delete(t, n);
+	r.childCount === 1 && Ve.has(r.type.name) ? e.replaceWith(t, n, e.doc.type.schema.nodes.paragraph.create()) : e.delete(t, n);
 }
-function V(e, t, n = !0) {
+function z(e, t, n = !0) {
 	if (t < 0 || t > e.content.size) return null;
 	let r = [], i = e.nodeAt(t);
 	n && i && r.push({
@@ -198,55 +199,55 @@ function V(e, t, n = !0) {
 	});
 	for (let t of r) {
 		let n = e.resolve(t.pos).parent.type.name;
-		if (Fe.has(n) || Ie.has(n)) return t;
+		if (Ve.has(n) || He.has(n)) return t;
 	}
 	return null;
 }
-function Ye(e) {
+function tt(e) {
 	return e.node.type.name === "columnsColumn";
 }
-function Xe(e, t) {
+function nt(e, t) {
 	let n = e.resolve(t.pos);
 	for (let r = n.depth; r > 0; r--) {
-		let i = V(e, n.before(r));
+		let i = z(e, n.before(r));
 		if (i && i.pos !== t.pos) return i;
 	}
 	return null;
 }
-function Ze(e) {
+function rt(e) {
 	let { selection: t, doc: n } = e.state;
-	return t instanceof w ? V(n, t.from) ?? {
+	return t instanceof w ? z(n, t.from) ?? {
 		pos: t.from,
 		node: t.node
-	} : V(n, t.from, !1);
+	} : z(n, t.from, !1);
 }
-function Qe(e, t) {
+function it(e, t) {
 	let { view: n } = e, r = n.state.tr.setSelection(w.create(n.state.doc, t.pos));
 	n.dispatch(r), n.focus();
 }
-function $e(e, t) {
+function at(e, t) {
 	let { view: n } = e;
-	Ge(n);
+	Ze(n);
 	let r = n.state.doc.nodeAt(t.pos);
 	if (!r) return;
 	let i = t.pos + r.nodeSize, a = n.state.tr.insert(i, r.copy(r.content));
 	a.setSelection(w.create(a.doc, i)), n.dispatch(a.scrollIntoView()), n.focus();
 }
-function et(e, t) {
+function ot(e, t) {
 	let { view: n } = e, r = n.state.doc.nodeAt(t.pos);
 	if (!r) return;
 	let i = n.state.tr;
-	Je(i, t.pos, t.pos + r.nodeSize), n.dispatch(i);
+	et(i, t.pos, t.pos + r.nodeSize), n.dispatch(i);
 }
-function tt(e, t) {
-	let n = Ve(e.state.doc);
+function st(e, t) {
+	let n = qe(e.state.doc);
 	if (!n) return;
 	let r = n.node.lastChild, i = n.pos + n.node.nodeSize - 1;
-	qe(e, {
+	$e(e, {
 		kind: "new",
 		label: "",
 		content: () => t
-	}, r && Be(r) && n.node.childCount > 1 ? {
+	}, r && Ke(r) && n.node.childCount > 1 ? {
 		pos: i - r.nodeSize,
 		replaceTo: i,
 		line: {
@@ -265,7 +266,7 @@ function tt(e, t) {
 }
 //#endregion
 //#region src/core/paste.ts
-var nt = v.extend({ parseHTML() {
+var ct = v.extend({ parseHTML() {
 	return [{
 		tag: "a[data-id=\"react-email-button\"]",
 		getAttrs: (e) => {
@@ -280,29 +281,29 @@ var nt = v.extend({ parseHTML() {
 		}
 	}];
 } });
-function rt(e, t) {
+function lt(e, t) {
 	let n = t.clipboardData?.getData("text/html") ?? "", r = n.includes("data-pm-slice");
 	if ((t.clipboardData?.files?.length ?? 0) > 0) return !1;
 	let { view: i } = e, { state: a } = i, { selection: o } = a;
 	if (o instanceof w && o.node.isBlock) {
 		let e = o.node, t = e.type.name === "columnsColumn" ? o.from + e.nodeSize - 1 : o.from + e.nodeSize, n = a.doc.resolve(t), r = a.schema.nodes.paragraph;
-		if (Ie.has(n.parent.type.name) || !n.parent.canReplaceWith(n.index(), n.index(), r)) return !1;
-		i.dispatch(a.tr.setSelection(E.near(n)));
+		if (He.has(n.parent.type.name) || !n.parent.canReplaceWith(n.index(), n.index(), r)) return !1;
+		i.dispatch(a.tr.setSelection(O.near(n)));
 		let s = i.state.tr.insert(t, r.create());
-		s.setSelection(E.create(s.doc, t + 1)), i.dispatch(s);
+		s.setSelection(O.create(s.doc, t + 1)), i.dispatch(s);
 	}
 	return r ? (t.preventDefault(), t.stopPropagation(), i.pasteHTML(n), !0) : !1;
 }
 //#endregion
 //#region src/core/paste-handler.ts
-var it = /class="[^"]*node-/, at = [
+var ut = /class="[^"]*node-/, dt = [
 	"script",
 	"iframe",
 	"object",
 	"embed",
 	"meta",
 	"base"
-], ot = ["href", "src"], st = {
+], ft = ["href", "src"], pt = {
 	a: [
 		"href",
 		"target",
@@ -327,43 +328,63 @@ var it = /class="[^"]*node-/, at = [
 	],
 	"*": ["id"]
 };
-function ct(e, t) {
+function mt(e, t) {
 	let n = e.trim().toLowerCase();
 	return n.startsWith("javascript:") || n.startsWith("vbscript:") ? !1 : !n.startsWith("data:") || t && n.startsWith("data:image/");
 }
-function lt(e) {
-	let t = /* @__PURE__ */ new Set([...st[e.tagName.toLowerCase()] ?? [], ...st["*"]]);
+function ht(e) {
+	let t = /* @__PURE__ */ new Set([...pt[e.tagName.toLowerCase()] ?? [], ...pt["*"]]);
 	for (let n of Array.from(e.attributes)) (n.name.startsWith("data-") || !t.has(n.name)) && e.removeAttribute(n.name);
 }
-function ut(e) {
-	e.nodeType === Node.ELEMENT_NODE && lt(e);
-	for (let t of Array.from(e.childNodes)) ut(t);
+function gt(e) {
+	e.nodeType === Node.ELEMENT_NODE && ht(e);
+	for (let t of Array.from(e.childNodes)) gt(t);
 }
-function dt(e) {
+function _t(e) {
 	let t = new DOMParser().parseFromString(e, "text/html");
-	for (let e of at) for (let n of Array.from(t.body.getElementsByTagName(e))) n.remove();
+	for (let e of dt) for (let n of Array.from(t.body.getElementsByTagName(e))) n.remove();
 	for (let e of Array.from(t.body.querySelectorAll("[href], [src]"))) {
 		let t = e.tagName.toLowerCase() === "img";
-		for (let n of ot) {
+		for (let n of ft) {
 			let r = e.getAttribute(n);
-			r !== null && !ct(r, t) && e.removeAttribute(n);
+			r !== null && !mt(r, t) && e.removeAttribute(n);
 		}
 	}
-	return it.test(e) || ut(t.body), t.body.innerHTML;
+	return ut.test(e) || gt(t.body), t.body.innerHTML;
 }
-function ft(e) {
+function vt(e) {
 	return (t, n, r) => {
 		if (r.content.childCount === 1) return !1;
 		let i = n.clipboardData?.getData?.("text/html");
 		if (!i) return !1;
 		n.preventDefault();
-		let a = D(dt(i), e), o = t.state.schema.nodeFromJSON(a);
+		let a = ee(_t(i), e), o = t.state.schema.nodeFromJSON(a);
 		return t.dispatch(t.state.tr.replaceSelectionWith(o, !1)), !0;
 	};
 }
 //#endregion
+//#region src/core/select-all.ts
+var yt = k.create({
+	name: "selectAllFix",
+	addProseMirrorPlugins() {
+		return [new T({
+			key: new E("selectAllFix"),
+			appendTransaction(e, t, n) {
+				let r = t.selection;
+				if (!(r instanceof O) || r.$from.parent.inlineContent && r.$to.parent.inlineContent || !e.some((e) => e.steps.some((e) => e instanceof ne && e.from === r.from && e.to === r.to))) return null;
+				let i = r.from, a = r.to;
+				for (let t of e) i = t.mapping.map(i, -1), a = t.mapping.map(a, 1);
+				let { selection: o } = n;
+				if (o instanceof O && o.from >= i && o.to <= a) return null;
+				let s = n.doc.resolve(i);
+				return n.tr.setSelection(D.findFrom(s, 1, !0) ?? D.near(s));
+			}
+		})];
+	}
+});
+//#endregion
 //#region src/core/stores.ts
-function pt() {
+function bt() {
 	let e = null;
 	return {
 		get: () => e,
@@ -375,7 +396,7 @@ function pt() {
 		}
 	};
 }
-function mt() {
+function xt() {
 	let e = null, t = /* @__PURE__ */ new Set();
 	return {
 		get: () => e,
@@ -392,7 +413,7 @@ function mt() {
 }
 //#endregion
 //#region src/i18n/en.ts
-var ht = {
+var St = {
 	topBar: {
 		layers: "Layers",
 		toggleLayers: "Show / hide layers",
@@ -661,7 +682,7 @@ var ht = {
 		starterTitle: "Our favourites"
 	},
 	slashCommands: {}
-}, gt = {
+}, Ct = {
 	topBar: {
 		layers: "Calques",
 		toggleLayers: "Afficher / masquer les calques",
@@ -987,44 +1008,44 @@ var ht = {
 			description: "Mise en page sur quatre colonnes"
 		}
 	}
-}, _t = {
-	en: ht,
-	fr: gt
+}, wt = {
+	en: St,
+	fr: Ct
 };
-function vt(e, t) {
+function Tt(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function yt(e) {
+function Et(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function bt(e, t) {
-	if (!yt(t) || !yt(e)) return t ?? e;
+function Dt(e, t) {
+	if (!Et(t) || !Et(e)) return t ?? e;
 	let n = { ...e };
-	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = yt(r) && yt(n[e]) ? bt(n[e], r) : r);
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = Et(r) && Et(n[e]) ? Dt(n[e], r) : r);
 	return n;
 }
-function xt(e, t) {
-	let n = _t[e] ?? ht;
-	return t ? bt(n, t) : n;
+function Ot(e, t) {
+	let n = wt[e] ?? St;
+	return t ? Dt(n, t) : n;
 }
 //#endregion
 //#region src/components/icons.tsx
-var St = /* @__PURE__ */ Pe({
-	CopyIcon: () => wt,
-	DesktopIcon: () => kt,
-	GripIcon: () => Ct,
-	LayersIcon: () => jt,
-	MobileIcon: () => At,
-	OneColumnIcon: () => It,
-	ParentIcon: () => Et,
-	PipetteIcon: () => Mt,
-	RedoIcon: () => Ot,
-	SocialIcon: () => Ft,
-	SpacerIcon: () => Nt,
-	SpacerTileIcon: () => Pt,
-	TrashIcon: () => Tt,
-	UndoIcon: () => Dt
-}), H = (e, t = 2) => ({
+var kt = /* @__PURE__ */ Be({
+	CopyIcon: () => jt,
+	DesktopIcon: () => It,
+	GripIcon: () => At,
+	LayersIcon: () => Rt,
+	MobileIcon: () => Lt,
+	OneColumnIcon: () => Ut,
+	ParentIcon: () => Nt,
+	PipetteIcon: () => zt,
+	RedoIcon: () => Ft,
+	SocialIcon: () => Ht,
+	SpacerIcon: () => Bt,
+	SpacerTileIcon: () => Vt,
+	TrashIcon: () => Mt,
+	UndoIcon: () => Pt
+}), B = (e, t = 2) => ({
 	viewBox: "0 0 24 24",
 	width: e,
 	height: e,
@@ -1034,7 +1055,7 @@ var St = /* @__PURE__ */ Pe({
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	"aria-hidden": !0
-}), Ct = ({ size: e = 14 }) => /* @__PURE__ */ R("svg", {
+}), At = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
 	viewBox: "0 0 24 24",
 	width: e,
 	height: e,
@@ -1044,93 +1065,93 @@ var St = /* @__PURE__ */ Pe({
 		6,
 		12,
 		18
-	].map((e) => /* @__PURE__ */ z("g", { children: [/* @__PURE__ */ R("circle", {
+	].map((e) => /* @__PURE__ */ L("g", { children: [/* @__PURE__ */ I("circle", {
 		cx: "9",
 		cy: e,
 		r: "1.6"
-	}), /* @__PURE__ */ R("circle", {
+	}), /* @__PURE__ */ I("circle", {
 		cx: "15",
 		cy: e,
 		r: "1.6"
 	})] }, e))
-}), wt = ({ size: e = 14 }) => /* @__PURE__ */ z("svg", {
-	...H(e),
-	children: [/* @__PURE__ */ R("rect", {
+}), jt = ({ size: e = 14 }) => /* @__PURE__ */ L("svg", {
+	...B(e),
+	children: [/* @__PURE__ */ I("rect", {
 		x: "8",
 		y: "8",
 		width: "12",
 		height: "12",
 		rx: "2"
-	}), /* @__PURE__ */ R("path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" })]
-}), Tt = ({ size: e = 14 }) => /* @__PURE__ */ R("svg", {
-	...H(e),
-	children: /* @__PURE__ */ R("path", { d: "M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3" })
-}), Et = ({ size: e = 14 }) => /* @__PURE__ */ R("svg", {
-	...H(e),
-	children: /* @__PURE__ */ R("path", { d: "M12 19V5M6 11l6-6 6 6" })
-}), Dt = ({ size: e = 16 }) => /* @__PURE__ */ z("svg", {
-	...H(e),
-	children: [/* @__PURE__ */ R("path", { d: "M9 14 4 9l5-5" }), /* @__PURE__ */ R("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })]
-}), Ot = ({ size: e = 16 }) => /* @__PURE__ */ z("svg", {
-	...H(e),
-	children: [/* @__PURE__ */ R("path", { d: "m15 14 5-5-5-5" }), /* @__PURE__ */ R("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })]
-}), kt = ({ size: e = 16 }) => /* @__PURE__ */ z("svg", {
-	...H(e),
-	children: [/* @__PURE__ */ R("rect", {
+	}), /* @__PURE__ */ I("path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" })]
+}), Mt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
+	...B(e),
+	children: /* @__PURE__ */ I("path", { d: "M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3" })
+}), Nt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
+	...B(e),
+	children: /* @__PURE__ */ I("path", { d: "M12 19V5M6 11l6-6 6 6" })
+}), Pt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+	...B(e),
+	children: [/* @__PURE__ */ I("path", { d: "M9 14 4 9l5-5" }), /* @__PURE__ */ I("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })]
+}), Ft = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+	...B(e),
+	children: [/* @__PURE__ */ I("path", { d: "m15 14 5-5-5-5" }), /* @__PURE__ */ I("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })]
+}), It = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+	...B(e),
+	children: [/* @__PURE__ */ I("rect", {
 		x: "3",
 		y: "4",
 		width: "18",
 		height: "12",
 		rx: "2"
-	}), /* @__PURE__ */ R("path", { d: "M8 20h8M12 16v4" })]
-}), At = ({ size: e = 16 }) => /* @__PURE__ */ z("svg", {
-	...H(e),
-	children: [/* @__PURE__ */ R("rect", {
+	}), /* @__PURE__ */ I("path", { d: "M8 20h8M12 16v4" })]
+}), Lt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+	...B(e),
+	children: [/* @__PURE__ */ I("rect", {
 		x: "7",
 		y: "2",
 		width: "10",
 		height: "20",
 		rx: "2"
-	}), /* @__PURE__ */ R("path", { d: "M11 18h2" })]
-}), jt = ({ size: e = 16 }) => /* @__PURE__ */ z("svg", {
-	...H(e),
-	children: [/* @__PURE__ */ R("path", { d: "m12 3 9 5-9 5-9-5 9-5Z" }), /* @__PURE__ */ R("path", { d: "m3 13 9 5 9-5" })]
-}), Mt = ({ size: e = 15 }) => /* @__PURE__ */ z("svg", {
-	...H(e),
+	}), /* @__PURE__ */ I("path", { d: "M11 18h2" })]
+}), Rt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+	...B(e),
+	children: [/* @__PURE__ */ I("path", { d: "m12 3 9 5-9 5-9-5 9-5Z" }), /* @__PURE__ */ I("path", { d: "m3 13 9 5 9-5" })]
+}), zt = ({ size: e = 15 }) => /* @__PURE__ */ L("svg", {
+	...B(e),
 	children: [
-		/* @__PURE__ */ R("path", { d: "m2 22 1-1h3l9-9" }),
-		/* @__PURE__ */ R("path", { d: "M3 21v-3l9-9" }),
-		/* @__PURE__ */ R("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
+		/* @__PURE__ */ I("path", { d: "m2 22 1-1h3l9-9" }),
+		/* @__PURE__ */ I("path", { d: "M3 21v-3l9-9" }),
+		/* @__PURE__ */ I("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
 	]
-}), Nt = ({ size: e = 14 }) => /* @__PURE__ */ R("svg", {
-	...H(e),
-	children: /* @__PURE__ */ R("path", { d: "M4 4h16M4 20h16M12 8v8" })
-}), Pt = ({ size: e = 22 }) => /* @__PURE__ */ R("svg", {
-	...H(e, 1.8),
-	children: /* @__PURE__ */ R("path", { d: "M4 4h16M4 20h16M12 7v10M9 9.5 12 7l3 2.5M9 14.5l3 2.5 3-2.5" })
-}), Ft = ({ size: e = 22 }) => /* @__PURE__ */ z("svg", {
-	...H(e, 1.8),
+}), Bt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
+	...B(e),
+	children: /* @__PURE__ */ I("path", { d: "M4 4h16M4 20h16M12 8v8" })
+}), Vt = ({ size: e = 22 }) => /* @__PURE__ */ I("svg", {
+	...B(e, 1.8),
+	children: /* @__PURE__ */ I("path", { d: "M4 4h16M4 20h16M12 7v10M9 9.5 12 7l3 2.5M9 14.5l3 2.5 3-2.5" })
+}), Ht = ({ size: e = 22 }) => /* @__PURE__ */ L("svg", {
+	...B(e, 1.8),
 	children: [
-		/* @__PURE__ */ R("circle", {
+		/* @__PURE__ */ I("circle", {
 			cx: "6",
 			cy: "12",
 			r: "2.5"
 		}),
-		/* @__PURE__ */ R("circle", {
+		/* @__PURE__ */ I("circle", {
 			cx: "18",
 			cy: "6",
 			r: "2.5"
 		}),
-		/* @__PURE__ */ R("circle", {
+		/* @__PURE__ */ I("circle", {
 			cx: "18",
 			cy: "18",
 			r: "2.5"
 		}),
-		/* @__PURE__ */ R("path", { d: "m8.2 10.8 7.6-3.6M8.2 13.2l7.6 3.6" })
+		/* @__PURE__ */ I("path", { d: "m8.2 10.8 7.6-3.6M8.2 13.2l7.6 3.6" })
 	]
-}), It = ({ size: e = 22 }) => /* @__PURE__ */ R("svg", {
-	...H(e, 1.8),
-	children: /* @__PURE__ */ R("rect", {
+}), Ut = ({ size: e = 22 }) => /* @__PURE__ */ I("svg", {
+	...B(e, 1.8),
+	children: /* @__PURE__ */ I("rect", {
 		x: "4",
 		y: "4",
 		width: "16",
@@ -1140,48 +1161,48 @@ var St = /* @__PURE__ */ Pe({
 });
 //#endregion
 //#region src/components/fields.tsx
-function U({ title: e, children: t, defaultOpen: n = !0, className: r, style: i }) {
+function V({ title: e, children: t, defaultOpen: n = !0, className: r, style: i }) {
 	let [a, o] = l(n);
-	return /* @__PURE__ */ z("section", {
-		className: B("bree-group", r),
+	return /* @__PURE__ */ L("section", {
+		className: R("bree-group", r),
 		style: i,
-		children: [/* @__PURE__ */ z("button", {
+		children: [/* @__PURE__ */ L("button", {
 			type: "button",
 			className: "bree-group-header",
 			onClick: () => o(!a),
 			"aria-expanded": a,
-			children: [/* @__PURE__ */ R("span", { children: e }), /* @__PURE__ */ R("span", {
-				className: B("bree-chevron", a && "bree-open"),
+			children: [/* @__PURE__ */ I("span", { children: e }), /* @__PURE__ */ I("span", {
+				className: R("bree-chevron", a && "bree-open"),
 				"aria-hidden": !0,
 				children: "›"
 			})]
-		}), a && /* @__PURE__ */ R("div", {
+		}), a && /* @__PURE__ */ I("div", {
 			className: "bree-group-body",
 			children: t
 		})]
 	});
 }
-function W({ label: e, children: t, stacked: n, className: r, style: i }) {
-	return /* @__PURE__ */ z("label", {
-		className: B("bree-field", n && "bree-stacked", r),
+function H({ label: e, children: t, stacked: n, className: r, style: i }) {
+	return /* @__PURE__ */ L("label", {
+		className: R("bree-field", n && "bree-stacked", r),
 		style: i,
-		children: [/* @__PURE__ */ R("span", {
+		children: [/* @__PURE__ */ I("span", {
 			className: "bree-field-label",
 			children: e
-		}), /* @__PURE__ */ R("span", {
+		}), /* @__PURE__ */ I("span", {
 			className: "bree-field-control",
 			children: t
 		})]
 	});
 }
-function Lt(e) {
+function Wt(e) {
 	let [t, n] = l(e), [r, i] = l(e);
 	return Object.is(e, r) || (i(e), n(e)), [t, n];
 }
-function G({ value: e, onChange: t, placeholder: n, type: r = "text", className: i, style: a }) {
-	let [o, s] = Lt(e);
-	return /* @__PURE__ */ R("input", {
-		className: B("bree-input", i),
+function U({ value: e, onChange: t, placeholder: n, type: r = "text", className: i, style: a }) {
+	let [o, s] = Wt(e);
+	return /* @__PURE__ */ I("input", {
+		className: R("bree-input", i),
 		style: a,
 		type: r,
 		value: o,
@@ -1193,10 +1214,10 @@ function G({ value: e, onChange: t, placeholder: n, type: r = "text", className:
 		}
 	});
 }
-function Rt({ value: e, onChange: t, rows: n = 8, className: r, style: i }) {
-	let [a, o] = Lt(e);
-	return /* @__PURE__ */ R("textarea", {
-		className: B("bree-input bree-textarea", r),
+function Gt({ value: e, onChange: t, rows: n = 8, className: r, style: i }) {
+	let [a, o] = Wt(e);
+	return /* @__PURE__ */ I("textarea", {
+		className: R("bree-input bree-textarea", r),
 		style: i,
 		rows: n,
 		value: a,
@@ -1205,21 +1226,21 @@ function Rt({ value: e, onChange: t, rows: n = 8, className: r, style: i }) {
 		onBlur: () => a !== e && t(a)
 	});
 }
-function zt(e) {
+function Kt(e) {
 	if (e == null || e === "" || e === "auto") return "";
 	let t = Number.parseFloat(String(e));
 	return Number.isFinite(t) ? t : "";
 }
-function K({ value: e, onChange: t, unit: n = "px", min: r = 0, max: i, step: a = 1, placeholder: o, className: s, style: c }) {
-	let l = $(), [u, d] = Lt(String(zt(e))), f = (e) => {
+function W({ value: e, onChange: t, unit: n = "px", min: r = 0, max: i, step: a = 1, placeholder: o, className: s, style: c }) {
+	let l = $(), [u, d] = Wt(String(Kt(e))), f = (e) => {
 		if (e.trim() === "") return t("");
 		let n = Number.parseFloat(e);
 		Number.isFinite(n) && t(Math.max(r, i === void 0 ? n : Math.min(i, n)));
 	};
-	return /* @__PURE__ */ z("span", {
-		className: B("bree-number", s),
+	return /* @__PURE__ */ L("span", {
+		className: R("bree-number", s),
 		style: c,
-		children: [/* @__PURE__ */ R("input", {
+		children: [/* @__PURE__ */ I("input", {
 			className: "bree-input",
 			inputMode: "decimal",
 			value: u,
@@ -1229,34 +1250,34 @@ function K({ value: e, onChange: t, unit: n = "px", min: r = 0, max: i, step: a
 			onKeyDown: (e) => {
 				if (e.key === "Enter" && f(u), e.key === "ArrowUp" || e.key === "ArrowDown") {
 					e.preventDefault();
-					let t = (zt(u) || 0) + (e.key === "ArrowUp" ? a : -a) * (e.shiftKey ? 10 : 1);
+					let t = (Kt(u) || 0) + (e.key === "ArrowUp" ? a : -a) * (e.shiftKey ? 10 : 1);
 					d(String(t)), f(String(t));
 				}
 			}
-		}), n && /* @__PURE__ */ R("span", {
+		}), n && /* @__PURE__ */ I("span", {
 			className: "bree-unit",
 			children: n
 		})]
 	});
 }
-function Bt({ value: e, onChange: t, min: n, max: r, unit: i = "px", className: a, style: o }) {
-	let s = zt(e) || n;
-	return /* @__PURE__ */ z("span", {
-		className: B("bree-range", a),
+function qt({ value: e, onChange: t, min: n, max: r, unit: i = "px", className: a, style: o }) {
+	let s = Kt(e) || n;
+	return /* @__PURE__ */ L("span", {
+		className: R("bree-range", a),
 		style: o,
-		children: [/* @__PURE__ */ R("input", {
+		children: [/* @__PURE__ */ I("input", {
 			type: "range",
 			min: n,
 			max: r,
 			value: s,
 			onChange: (e) => t(Number(e.target.value))
-		}), /* @__PURE__ */ z("span", {
+		}), /* @__PURE__ */ L("span", {
 			className: "bree-range-value",
 			children: [s, i]
 		})]
 	});
 }
-var Vt = [
+var Jt = [
 	"#111827",
 	"#374151",
 	"#6b7280",
@@ -1276,15 +1297,15 @@ var Vt = [
 	"#ecfdf5",
 	"#fef3c7"
 ];
-function Ht(e) {
+function Yt(e) {
 	let t = e.trim().toLowerCase();
 	if (/^#[0-9a-f]{6}$/.test(t)) return t;
 	if (/^#[0-9a-f]{3}$/.test(t)) return `#${[...t.slice(1)].map((e) => e + e).join("")}`;
 	let n = t.match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/);
 	return n ? `#${n.slice(1, 4).map((e) => Number(e).toString(16).padStart(2, "0")).join("")}` : null;
 }
-function q({ value: e, onChange: t, presets: n = [], swatches: r = Vt, placeholder: a, className: o, style: s, popoverClassName: u }) {
-	let d = $(), f = a ?? d.fields.colorDefault, p = typeof e == "string" ? e : "", m = Ht(p), [h, g] = l(!1), [_, v] = l(m ?? "#ffffff"), y = c(t);
+function G({ value: e, onChange: t, presets: n = [], swatches: r = Jt, placeholder: a, className: o, style: s, popoverClassName: u }) {
+	let d = $(), f = a ?? d.fields.colorDefault, p = typeof e == "string" ? e : "", m = Yt(p), [h, g] = l(!1), [_, v] = l(m ?? "#ffffff"), y = c(t);
 	i(() => {
 		y.current = t;
 	});
@@ -1293,71 +1314,71 @@ function q({ value: e, onChange: t, presets: n = [], swatches: r = Vt, placehold
 	}, C = (e) => {
 		v(e), b.current = e, x.current ||= window.setTimeout(S, 60);
 	}, w = (e) => {
-		b.current = null, window.clearTimeout(x.current), x.current = 0, v(Ht(e) ?? _), y.current(e);
-	}, T = typeof window < "u" ? window.EyeDropper : void 0, E = [...new Set(n.map((e) => Ht(e)).filter((e) => !!e))].slice(0, 9);
-	return /* @__PURE__ */ z(Ce.Root, {
+		b.current = null, window.clearTimeout(x.current), x.current = 0, v(Yt(e) ?? _), y.current(e);
+	}, T = typeof window < "u" ? window.EyeDropper : void 0, E = [...new Set(n.map((e) => Yt(e)).filter((e) => !!e))].slice(0, 9);
+	return /* @__PURE__ */ L(Ae.Root, {
 		open: h,
 		onOpenChange: (e) => {
 			e ? v(m ?? "#ffffff") : S(), g(e);
 		},
-		children: [/* @__PURE__ */ z("span", {
-			className: B("bree-color-field", o),
+		children: [/* @__PURE__ */ L("span", {
+			className: R("bree-color-field", o),
 			style: s,
-			children: [/* @__PURE__ */ R(Ce.Trigger, {
+			children: [/* @__PURE__ */ I(Ae.Trigger, {
 				asChild: !0,
-				children: /* @__PURE__ */ R("button", {
+				children: /* @__PURE__ */ I("button", {
 					type: "button",
-					className: B("bree-color-trigger", !m && "bree-empty"),
+					className: R("bree-color-trigger", !m && "bree-empty"),
 					style: m ? { background: m } : void 0,
 					"aria-label": d.fields.chooseColor(p || f)
 				})
-			}), /* @__PURE__ */ R(G, {
+			}), /* @__PURE__ */ I(U, {
 				value: p,
 				onChange: t,
 				placeholder: f
 			})]
-		}), /* @__PURE__ */ R(Ce.Portal, { children: /* @__PURE__ */ R(j, { children: /* @__PURE__ */ z(Ce.Content, {
-			className: B("bree bree-color-popover", u),
+		}), /* @__PURE__ */ I(Ae.Portal, { children: /* @__PURE__ */ I(j, { children: /* @__PURE__ */ L(Ae.Content, {
+			className: R("bree bree-color-popover", u),
 			side: "left",
 			align: "start",
 			sideOffset: 10,
 			collisionPadding: 12,
 			onOpenAutoFocus: (e) => e.preventDefault(),
 			children: [
-				/* @__PURE__ */ R(Te, {
+				/* @__PURE__ */ I(Me, {
 					color: _,
 					onChange: C
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ L("div", {
 					className: "bree-color-popover-row",
 					children: [
-						/* @__PURE__ */ R("span", {
+						/* @__PURE__ */ I("span", {
 							className: "bree-color-preview",
 							style: { background: _ }
 						}),
-						/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ L("label", {
 							className: "bree-hex-field",
-							children: [/* @__PURE__ */ R("span", { children: "#" }), /* @__PURE__ */ R(we, {
+							children: [/* @__PURE__ */ I("span", { children: "#" }), /* @__PURE__ */ I(je, {
 								color: _,
 								onChange: w,
 								"aria-label": d.fields.hexCode
 							})]
 						}),
-						T && /* @__PURE__ */ R("button", {
+						T && /* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-icon-button",
 							title: d.fields.eyedropper,
 							onClick: () => new T().open().then((e) => w(e.sRGBHex)).catch(() => {}),
-							children: /* @__PURE__ */ R(Mt, {})
+							children: /* @__PURE__ */ I(zt, {})
 						})
 					]
 				}),
-				E.length > 0 && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("span", {
+				E.length > 0 && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("span", {
 					className: "bree-color-popover-title",
 					children: d.fields.documentColors
-				}), /* @__PURE__ */ R("div", {
+				}), /* @__PURE__ */ I("div", {
 					className: "bree-swatches",
-					children: E.map((e) => /* @__PURE__ */ R("button", {
+					children: E.map((e) => /* @__PURE__ */ I("button", {
 						type: "button",
 						className: "bree-swatch",
 						style: { background: e },
@@ -1365,21 +1386,21 @@ function q({ value: e, onChange: t, presets: n = [], swatches: r = Vt, placehold
 						onClick: () => w(e)
 					}, e))
 				})] }),
-				/* @__PURE__ */ R("span", {
+				/* @__PURE__ */ I("span", {
 					className: "bree-color-popover-title",
 					children: d.fields.palette
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ I("div", {
 					className: "bree-swatches",
-					children: r.map((e) => /* @__PURE__ */ R("button", {
+					children: r.map((e) => /* @__PURE__ */ I("button", {
 						type: "button",
-						className: B("bree-swatch", e === _ && "bree-active"),
+						className: R("bree-swatch", e === _ && "bree-active"),
 						style: { background: e },
 						title: e,
 						onClick: () => w(e)
 					}, e))
 				}),
-				/* @__PURE__ */ R("button", {
+				/* @__PURE__ */ I("button", {
 					type: "button",
 					className: "bree-color-reset",
 					onClick: () => {
@@ -1391,38 +1412,38 @@ function q({ value: e, onChange: t, presets: n = [], swatches: r = Vt, placehold
 		}) }) })]
 	});
 }
-function Ut({ value: e, onChange: t, options: n, className: r, style: i }) {
-	return /* @__PURE__ */ R("select", {
-		className: B("bree-input bree-select", r),
+function Xt({ value: e, onChange: t, options: n, className: r, style: i }) {
+	return /* @__PURE__ */ I("select", {
+		className: R("bree-input bree-select", r),
 		style: i,
 		value: e,
 		onChange: (e) => t(e.target.value),
-		children: n.map(([e, t]) => /* @__PURE__ */ R("option", {
+		children: n.map(([e, t]) => /* @__PURE__ */ I("option", {
 			value: e,
 			children: t
 		}, e))
 	});
 }
-function Wt({ value: e, onChange: t, options: n, ariaLabel: r, className: i, style: a }) {
-	return /* @__PURE__ */ R("span", {
-		className: B("bree-segmented", i),
+function Zt({ value: e, onChange: t, options: n, ariaLabel: r, className: i, style: a }) {
+	return /* @__PURE__ */ I("span", {
+		className: R("bree-segmented", i),
 		style: a,
 		role: "radiogroup",
 		"aria-label": r,
-		children: n.map((n) => /* @__PURE__ */ R("button", {
+		children: n.map((n) => /* @__PURE__ */ I("button", {
 			type: "button",
 			role: "radio",
 			"aria-checked": e === n.value,
 			title: n.title,
-			className: B(e === n.value && "bree-active"),
+			className: R(e === n.value && "bree-active"),
 			onClick: () => t(n.value),
 			children: n.label
 		}, n.value))
 	});
 }
-function Gt({ value: e, onChange: t, className: n, style: r }) {
+function Qt({ value: e, onChange: t, className: n, style: r }) {
 	let i = $();
-	return /* @__PURE__ */ R(Wt, {
+	return /* @__PURE__ */ I(Zt, {
 		className: n,
 		style: r,
 		value: e || "left",
@@ -1430,52 +1451,52 @@ function Gt({ value: e, onChange: t, className: n, style: r }) {
 		options: [
 			{
 				value: "left",
-				label: /* @__PURE__ */ R(ee, { size: 14 }),
+				label: /* @__PURE__ */ I(ie, { size: 14 }),
 				title: i.fields.alignLeft
 			},
 			{
 				value: "center",
-				label: /* @__PURE__ */ R(O, { size: 14 }),
+				label: /* @__PURE__ */ I(re, { size: 14 }),
 				title: i.fields.alignCenter
 			},
 			{
 				value: "right",
-				label: /* @__PURE__ */ R(k, { size: 14 }),
+				label: /* @__PURE__ */ I(ae, { size: 14 }),
 				title: i.fields.alignRight
 			}
 		]
 	});
 }
-function Kt({ get: e, set: t, className: n, style: r }) {
+function $t({ get: e, set: t, className: n, style: r }) {
 	let i = $(), a = [
 		"Top",
 		"Right",
 		"Bottom",
 		"Left"
-	], o = a.map((t) => zt(e(t))), s = o.every((e) => e === o[0]), [c, u] = l(!s), d = {
+	], o = a.map((t) => Kt(e(t))), s = o.every((e) => e === o[0]), [c, u] = l(!s), d = {
 		Top: i.fields.top,
 		Right: i.fields.right,
 		Bottom: i.fields.bottom,
 		Left: i.fields.left
 	};
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-padding", n),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-padding", n),
 		style: r,
-		children: [c ? /* @__PURE__ */ R("div", {
+		children: [c ? /* @__PURE__ */ I("div", {
 			className: "bree-padding-grid",
-			children: a.map((e, n) => /* @__PURE__ */ z("label", {
+			children: a.map((e, n) => /* @__PURE__ */ L("label", {
 				className: "bree-padding-side",
-				children: [/* @__PURE__ */ R("span", { children: d[e] }), /* @__PURE__ */ R(K, {
+				children: [/* @__PURE__ */ I("span", { children: d[e] }), /* @__PURE__ */ I(W, {
 					value: o[n],
 					onChange: (n) => t([[e, n]])
 				})]
 			}, e))
-		}) : /* @__PURE__ */ R(K, {
+		}) : /* @__PURE__ */ I(W, {
 			value: o[0],
 			onChange: (e) => t(a.map((t) => [t, e]))
-		}), /* @__PURE__ */ z("label", {
+		}), /* @__PURE__ */ L("label", {
 			className: "bree-checkbox",
-			children: [/* @__PURE__ */ R("input", {
+			children: [/* @__PURE__ */ I("input", {
 				type: "checkbox",
 				checked: c,
 				onChange: (e) => u(e.target.checked)
@@ -1485,37 +1506,37 @@ function Kt({ get: e, set: t, className: n, style: r }) {
 }
 //#endregion
 //#region src/components/inspectors/groups.tsx
-var J = (e) => e;
-function qt({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
+var K = (e) => e;
+function en({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
 	let a = $().inspector;
-	return /* @__PURE__ */ z(U, {
+	return /* @__PURE__ */ L(V, {
 		title: a.typography,
 		className: r,
 		style: i,
 		children: [
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: a.color,
 				stacked: !0,
-				children: /* @__PURE__ */ R(q, {
-					value: e.getStyle(J("color")),
+				children: /* @__PURE__ */ I(G, {
+					value: e.getStyle(K("color")),
 					presets: e.presetColors,
-					onChange: (t) => e.setStyle(J("color"), t)
+					onChange: (t) => e.setStyle(K("color"), t)
 				})
 			}),
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: a.size,
-				children: /* @__PURE__ */ R(K, {
-					value: e.getStyle(J("fontSize")),
-					onChange: (t) => e.setStyle(J("fontSize"), t),
+				children: /* @__PURE__ */ I(W, {
+					value: e.getStyle(K("fontSize")),
+					onChange: (t) => e.setStyle(K("fontSize"), t),
 					min: 8,
 					max: 96
 				})
 			}),
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: a.weight,
-				children: /* @__PURE__ */ R(Ut, {
-					value: String(e.getStyle(J("fontWeight")) ?? "400"),
-					onChange: (t) => e.setStyle(J("fontWeight"), t),
+				children: /* @__PURE__ */ I(Xt, {
+					value: String(e.getStyle(K("fontWeight")) ?? "400"),
+					onChange: (t) => e.setStyle(K("fontWeight"), t),
 					options: [
 						["300", a.weightLight],
 						["400", a.weightNormal],
@@ -1525,20 +1546,20 @@ function qt({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
 					]
 				})
 			}),
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: a.lineHeight,
-				children: /* @__PURE__ */ R(K, {
-					value: e.getStyle(J("lineHeight")),
+				children: /* @__PURE__ */ I(W, {
+					value: e.getStyle(K("lineHeight")),
 					unit: "%",
-					onChange: (t) => e.setStyle(J("lineHeight"), t),
+					onChange: (t) => e.setStyle(K("lineHeight"), t),
 					min: 80,
 					max: 300,
 					step: 5
 				})
 			}),
-			n && /* @__PURE__ */ R(W, {
+			n && /* @__PURE__ */ I(H, {
 				label: a.alignment,
-				children: /* @__PURE__ */ R(Gt, {
+				children: /* @__PURE__ */ I(Qt, {
 					value: t ?? "left",
 					onChange: n
 				})
@@ -1546,71 +1567,71 @@ function qt({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
 		]
 	});
 }
-function Jt({ ctx: e, title: t, className: n, style: r }) {
+function q({ ctx: e, title: t, className: n, style: r }) {
 	let i = $();
-	return /* @__PURE__ */ R(U, {
+	return /* @__PURE__ */ I(V, {
 		title: t ?? i.inspector.spacing,
 		className: n,
 		style: r,
-		children: /* @__PURE__ */ R(W, {
+		children: /* @__PURE__ */ I(H, {
 			label: i.inspector.padding,
 			stacked: !0,
-			children: /* @__PURE__ */ R(Kt, {
-				get: (t) => e.getStyle(J(`padding${t}`)) ?? e.getStyle(J("padding")),
+			children: /* @__PURE__ */ I($t, {
+				get: (t) => e.getStyle(K(`padding${t}`)) ?? e.getStyle(K("padding")),
 				set: (t) => e.batchSetStyle([{
-					prop: J("padding"),
+					prop: K("padding"),
 					value: ""
 				}, ...t.map(([e, t]) => ({
-					prop: J(`padding${e}`),
+					prop: K(`padding${e}`),
 					value: t
 				}))])
 			})
 		})
 	});
 }
-function Yt({ ctx: e, className: t, style: n }) {
+function tn({ ctx: e, className: t, style: n }) {
 	let r = $().inspector;
-	return /* @__PURE__ */ z(U, {
+	return /* @__PURE__ */ L(V, {
 		title: r.box,
 		className: t,
 		style: n,
 		children: [
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: r.backgroundColor,
 				stacked: !0,
-				children: /* @__PURE__ */ R(q, {
-					value: e.getStyle(J("backgroundColor")),
+				children: /* @__PURE__ */ I(G, {
+					value: e.getStyle(K("backgroundColor")),
 					presets: e.presetColors,
-					onChange: (t) => e.setStyle(J("backgroundColor"), t)
+					onChange: (t) => e.setStyle(K("backgroundColor"), t)
 				})
 			}),
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: r.radius,
-				children: /* @__PURE__ */ R(K, {
-					value: e.getStyle(J("borderRadius")),
-					onChange: (t) => e.setStyle(J("borderRadius"), t)
+				children: /* @__PURE__ */ I(W, {
+					value: e.getStyle(K("borderRadius")),
+					onChange: (t) => e.setStyle(K("borderRadius"), t)
 				})
 			}),
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: r.border,
-				children: /* @__PURE__ */ R(K, {
-					value: e.getStyle(J("borderWidth")),
+				children: /* @__PURE__ */ I(W, {
+					value: e.getStyle(K("borderWidth")),
 					onChange: (t) => e.batchSetStyle([{
-						prop: J("borderWidth"),
+						prop: K("borderWidth"),
 						value: t
 					}, {
-						prop: J("borderStyle"),
+						prop: K("borderStyle"),
 						value: t ? "solid" : ""
 					}])
 				})
 			}),
-			/* @__PURE__ */ R(W, {
+			/* @__PURE__ */ I(H, {
 				label: r.borderColor,
 				stacked: !0,
-				children: /* @__PURE__ */ R(q, {
-					value: e.getStyle(J("borderColor")),
+				children: /* @__PURE__ */ I(G, {
+					value: e.getStyle(K("borderColor")),
 					presets: e.presetColors,
-					onChange: (t) => e.setStyle(J("borderColor"), t)
+					onChange: (t) => e.setStyle(K("borderColor"), t)
 				})
 			})
 		]
@@ -1618,71 +1639,71 @@ function Yt({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/inspectors/ButtonInspector.tsx
-function Xt({ ctx: e, className: t, style: n }) {
+function nn({ ctx: e, className: t, style: n }) {
 	let r = $().inspector;
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-inspector", t),
 		style: n,
 		children: [
-			/* @__PURE__ */ R(U, {
+			/* @__PURE__ */ I(V, {
 				title: r.action,
-				children: /* @__PURE__ */ R(W, {
+				children: /* @__PURE__ */ I(H, {
 					label: r.linkUrl,
 					stacked: !0,
-					children: /* @__PURE__ */ R(G, {
+					children: /* @__PURE__ */ I(U, {
 						value: String(e.getAttr("href") ?? ""),
 						onChange: (t) => e.setAttr("href", t),
 						placeholder: "https://"
 					})
 				})
 			}),
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: r.button,
 				children: [
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.alignment,
-						children: /* @__PURE__ */ R(Gt, {
+						children: /* @__PURE__ */ I(Qt, {
 							value: String(e.getAttr("alignment") ?? "left"),
 							onChange: (t) => e.setAttr("alignment", t)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.backgroundColor,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
-							value: e.getStyle(J("backgroundColor")),
+						children: /* @__PURE__ */ I(G, {
+							value: e.getStyle(K("backgroundColor")),
 							presets: e.presetColors,
-							onChange: (t) => e.setStyle(J("backgroundColor"), t)
+							onChange: (t) => e.setStyle(K("backgroundColor"), t)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.textColor,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
-							value: e.getStyle(J("color")),
+						children: /* @__PURE__ */ I(G, {
+							value: e.getStyle(K("color")),
 							presets: e.presetColors,
-							onChange: (t) => e.setStyle(J("color"), t)
+							onChange: (t) => e.setStyle(K("color"), t)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.textSize,
-						children: /* @__PURE__ */ R(K, {
-							value: e.getStyle(J("fontSize")),
-							onChange: (t) => e.setStyle(J("fontSize"), t),
+						children: /* @__PURE__ */ I(W, {
+							value: e.getStyle(K("fontSize")),
+							onChange: (t) => e.setStyle(K("fontSize"), t),
 							min: 8,
 							max: 48
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.radius,
-						children: /* @__PURE__ */ R(K, {
-							value: e.getStyle(J("borderRadius")),
-							onChange: (t) => e.setStyle(J("borderRadius"), t)
+						children: /* @__PURE__ */ I(W, {
+							value: e.getStyle(K("borderRadius")),
+							onChange: (t) => e.setStyle(K("borderRadius"), t)
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ R(Jt, {
+			/* @__PURE__ */ I(q, {
 				ctx: e,
 				title: r.buttonPadding
 			})
@@ -1691,7 +1712,7 @@ function Xt({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/inspectors/ColumnsInspector.tsx
-function Zt({ ctx: e, className: t, style: n }) {
+function rn({ ctx: e, className: t, style: n }) {
 	let { editor: r, t: i } = Q(), a = i.inspector, o = {
 		twoColumns: 2,
 		threeColumns: 3,
@@ -1726,36 +1747,36 @@ function Zt({ ctx: e, className: t, style: n }) {
 			});
 		}), n.selection instanceof w && a.setSelection(w.create(a.doc, e.nodePos.pos)), r.view.dispatch(a);
 	};
-	return /* @__PURE__ */ R("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ I("div", {
+		className: R("bree-inspector", t),
 		style: n,
-		children: /* @__PURE__ */ z(U, {
+		children: /* @__PURE__ */ L(V, {
 			title: a.columns,
 			children: [
-				/* @__PURE__ */ R(W, {
+				/* @__PURE__ */ I(H, {
 					label: a.distribution,
 					stacked: !0,
-					children: /* @__PURE__ */ R("div", {
+					children: /* @__PURE__ */ I("div", {
 						className: "bree-ratio-grid",
-						children: s.map(([e, t]) => /* @__PURE__ */ z("button", {
+						children: s.map(([e, t]) => /* @__PURE__ */ L("button", {
 							type: "button",
 							className: "bree-ratio",
 							onClick: () => c(t),
-							children: [/* @__PURE__ */ R("span", {
+							children: [/* @__PURE__ */ I("span", {
 								className: "bree-ratio-bars",
-								children: t.map((e, t) => /* @__PURE__ */ R("i", { style: { flex: e } }, t))
+								children: t.map((e, t) => /* @__PURE__ */ I("i", { style: { flex: e } }, t))
 							}), e]
 						}, e))
 					})
 				}),
-				/* @__PURE__ */ R(W, {
+				/* @__PURE__ */ I(H, {
 					label: a.columnGap,
-					children: /* @__PURE__ */ R(K, {
+					children: /* @__PURE__ */ I(W, {
 						value: e.getAttr("cellspacing") ?? 0,
 						onChange: (t) => e.setAttr("cellspacing", t === "" ? null : t)
 					})
 				}),
-				/* @__PURE__ */ R("p", {
+				/* @__PURE__ */ I("p", {
 					className: "bree-hint",
 					children: a.columnsHint
 				})
@@ -1765,17 +1786,17 @@ function Zt({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/inspectors/HeadingInspector.tsx
-function Qt({ ctx: e, className: t, style: n }) {
+function an({ ctx: e, className: t, style: n }) {
 	let r = $();
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-inspector", t),
 		style: n,
 		children: [
-			/* @__PURE__ */ R(U, {
+			/* @__PURE__ */ I(V, {
 				title: r.inspector.heading,
-				children: /* @__PURE__ */ R(W, {
+				children: /* @__PURE__ */ I(H, {
 					label: r.inspector.level,
-					children: /* @__PURE__ */ R(Wt, {
+					children: /* @__PURE__ */ I(Zt, {
 						value: String(e.getAttr("level") ?? 1),
 						onChange: (t) => e.setAttr("level", Number(t)),
 						options: [
@@ -1795,37 +1816,37 @@ function Qt({ ctx: e, className: t, style: n }) {
 					})
 				})
 			}),
-			/* @__PURE__ */ R(qt, {
+			/* @__PURE__ */ I(en, {
 				ctx: e,
 				alignment: String(e.getAttr("alignment") ?? "left"),
 				setAlignment: (t) => e.setAttr("alignment", t)
 			}),
-			/* @__PURE__ */ R(Jt, { ctx: e }),
-			/* @__PURE__ */ R(Yt, { ctx: e })
+			/* @__PURE__ */ I(q, { ctx: e }),
+			/* @__PURE__ */ I(tn, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/components/inspectors/ImageInspector.tsx
-function $t({ ctx: e, className: t, style: n }) {
+function on({ ctx: e, className: t, style: n }) {
 	let { t: r, uploadImage: i } = Q(), a = r.inspector, o = String(e.getAttr("width") ?? "auto");
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-inspector", t),
 		style: n,
 		children: [
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: a.image,
 				children: [
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ I("div", {
 						className: "bree-image-preview",
-						children: e.getAttr("src") ? /* @__PURE__ */ R("img", {
+						children: e.getAttr("src") ? /* @__PURE__ */ I("img", {
 							src: String(e.getAttr("src")),
 							alt: ""
 						}) : null
 					}),
-					/* @__PURE__ */ z("label", {
+					/* @__PURE__ */ L("label", {
 						className: "bree-button-like",
-						children: [a.uploadImage, /* @__PURE__ */ R("input", {
+						children: [a.uploadImage, /* @__PURE__ */ I("input", {
 							type: "file",
 							accept: "image/*",
 							hidden: !0,
@@ -1835,18 +1856,18 @@ function $t({ ctx: e, className: t, style: n }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: a.imageUrl,
 						stacked: !0,
-						children: /* @__PURE__ */ R(G, {
+						children: /* @__PURE__ */ I(U, {
 							value: String(e.getAttr("src") ?? ""),
 							onChange: (t) => e.setAttr("src", t)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: a.altText,
 						stacked: !0,
-						children: /* @__PURE__ */ R(G, {
+						children: /* @__PURE__ */ I(U, {
 							value: String(e.getAttr("alt") ?? ""),
 							onChange: (t) => e.setAttr("alt", t),
 							placeholder: a.altPlaceholder
@@ -1854,70 +1875,70 @@ function $t({ ctx: e, className: t, style: n }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: a.layout,
 				children: [
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: a.autoWidth,
-						children: /* @__PURE__ */ R("input", {
+						children: /* @__PURE__ */ I("input", {
 							type: "checkbox",
 							checked: o === "auto",
 							onChange: (t) => e.setAttr("width", t.target.checked ? "auto" : "300")
 						})
 					}),
-					o !== "auto" && /* @__PURE__ */ R(W, {
+					o !== "auto" && /* @__PURE__ */ I(H, {
 						label: a.width,
-						children: /* @__PURE__ */ R(Bt, {
+						children: /* @__PURE__ */ I(qt, {
 							value: o,
 							min: 20,
 							max: 900,
 							onChange: (t) => e.setAttr("width", String(t))
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: a.alignment,
-						children: /* @__PURE__ */ R(Gt, {
+						children: /* @__PURE__ */ I(Qt, {
 							value: String(e.getAttr("alignment") ?? "center"),
 							onChange: (t) => e.setAttr("alignment", t)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: a.radius,
-						children: /* @__PURE__ */ R(K, {
-							value: e.getStyle(J("borderRadius")),
-							onChange: (t) => e.setStyle(J("borderRadius"), t)
+						children: /* @__PURE__ */ I(W, {
+							value: e.getStyle(K("borderRadius")),
+							onChange: (t) => e.setStyle(K("borderRadius"), t)
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ R(U, {
+			/* @__PURE__ */ I(V, {
 				title: a.action,
-				children: /* @__PURE__ */ R(W, {
+				children: /* @__PURE__ */ I(H, {
 					label: a.clickLink,
 					stacked: !0,
-					children: /* @__PURE__ */ R(G, {
+					children: /* @__PURE__ */ I(U, {
 						value: String(e.getAttr("href") ?? ""),
 						onChange: (t) => e.setAttr("href", t || null),
 						placeholder: "https://"
 					})
 				})
 			}),
-			/* @__PURE__ */ R(Jt, { ctx: e })
+			/* @__PURE__ */ I(q, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/components/inspectors/SimpleInspectors.tsx
-function en({ ctx: e, className: t, style: n }) {
+function sn({ ctx: e, className: t, style: n }) {
 	let r = $();
-	return /* @__PURE__ */ R("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ I("div", {
+		className: R("bree-inspector", t),
 		style: n,
-		children: /* @__PURE__ */ R(U, {
+		children: /* @__PURE__ */ I(V, {
 			title: r.inspector.spacer,
-			children: /* @__PURE__ */ R(W, {
+			children: /* @__PURE__ */ I(H, {
 				label: r.inspector.height,
-				children: /* @__PURE__ */ R(Bt, {
+				children: /* @__PURE__ */ I(qt, {
 					value: e.getAttr("height"),
 					min: 4,
 					max: 160,
@@ -1927,61 +1948,61 @@ function en({ ctx: e, className: t, style: n }) {
 		})
 	});
 }
-function tn({ ctx: e, className: t, style: n }) {
+function cn({ ctx: e, className: t, style: n }) {
 	let r = $();
-	return /* @__PURE__ */ R("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ I("div", {
+		className: R("bree-inspector", t),
 		style: n,
-		children: /* @__PURE__ */ z(U, {
+		children: /* @__PURE__ */ L(V, {
 			title: r.inspector.htmlCode,
-			children: [/* @__PURE__ */ R(Rt, {
+			children: [/* @__PURE__ */ I(Gt, {
 				value: String(e.getAttr("html") ?? ""),
 				onChange: (t) => e.setAttr("html", t),
 				rows: 14
-			}), /* @__PURE__ */ R("p", {
+			}), /* @__PURE__ */ I("p", {
 				className: "bree-hint",
 				children: r.inspector.htmlHint
 			})]
 		})
 	});
 }
-function nn({ ctx: e, className: t, style: n }) {
+function ln({ ctx: e, className: t, style: n }) {
 	let r = $().inspector;
-	return /* @__PURE__ */ R("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ I("div", {
+		className: R("bree-inspector", t),
 		style: n,
-		children: /* @__PURE__ */ z(U, {
+		children: /* @__PURE__ */ L(V, {
 			title: r.line,
 			children: [
-				/* @__PURE__ */ R(W, {
+				/* @__PURE__ */ I(H, {
 					label: r.color,
 					stacked: !0,
-					children: /* @__PURE__ */ R(q, {
-						value: e.getStyle(J("borderTopColor")),
+					children: /* @__PURE__ */ I(G, {
+						value: e.getStyle(K("borderTopColor")),
 						presets: e.presetColors,
-						onChange: (t) => e.setStyle(J("borderTopColor"), t)
+						onChange: (t) => e.setStyle(K("borderTopColor"), t)
 					})
 				}),
-				/* @__PURE__ */ R(W, {
+				/* @__PURE__ */ I(H, {
 					label: r.thickness,
-					children: /* @__PURE__ */ R(K, {
-						value: e.getStyle(J("borderTopWidth")) ?? 1,
+					children: /* @__PURE__ */ I(W, {
+						value: e.getStyle(K("borderTopWidth")) ?? 1,
 						onChange: (t) => e.batchSetStyle([{
-							prop: J("borderTopWidth"),
+							prop: K("borderTopWidth"),
 							value: t
 						}, {
-							prop: J("borderTopStyle"),
+							prop: K("borderTopStyle"),
 							value: "solid"
 						}]),
 						min: 1,
 						max: 12
 					})
 				}),
-				/* @__PURE__ */ R(W, {
+				/* @__PURE__ */ I(H, {
 					label: r.lineStyle,
-					children: /* @__PURE__ */ R(Wt, {
-						value: String(e.getStyle(J("borderTopStyle")) ?? "solid"),
-						onChange: (t) => e.setStyle(J("borderTopStyle"), t),
+					children: /* @__PURE__ */ I(Zt, {
+						value: String(e.getStyle(K("borderTopStyle")) ?? "solid"),
+						onChange: (t) => e.setStyle(K("borderTopStyle"), t),
 						options: [
 							{
 								value: "solid",
@@ -2002,16 +2023,16 @@ function nn({ ctx: e, className: t, style: n }) {
 		})
 	});
 }
-function rn({ ctx: e, className: t, style: n }) {
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-inspector", t),
+function un({ ctx: e, className: t, style: n }) {
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-inspector", t),
 		style: n,
-		children: [/* @__PURE__ */ R(Yt, { ctx: e }), /* @__PURE__ */ R(Jt, { ctx: e })]
+		children: [/* @__PURE__ */ I(tn, { ctx: e }), /* @__PURE__ */ I(q, { ctx: e })]
 	});
 }
 //#endregion
 //#region src/core/style-utils.ts
-function an(e) {
+function dn(e) {
 	if (typeof e != "string" || !e.trim()) return {};
 	let t = {};
 	for (let n of e.split(";")) {
@@ -2024,18 +2045,18 @@ function an(e) {
 }
 //#endregion
 //#region src/nodes/custom-nodes.tsx
-var on = { style: {
+var fn = { style: {
 	default: null,
 	parseHTML: (e) => e.getAttribute("style"),
 	renderHTML: (e) => e.style ? { style: e.style } : {}
-} }, sn = g.create({
+} }, pn = g.create({
 	name: "spacer",
 	group: "block",
 	atom: !0,
 	selectable: !0,
 	addAttributes() {
 		return {
-			...on,
+			...fn,
 			height: {
 				default: 32,
 				parseHTML: (e) => Number(e.dataset.height) || 32,
@@ -2047,7 +2068,7 @@ var on = { style: {
 		return [{ tag: "div[data-type=\"spacer\"]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		return ["div", Ee(t, {
+		return ["div", te(t, {
 			"data-type": "spacer",
 			class: "node-spacer",
 			style: `height:${Number(e.attrs.height)}px`
@@ -2055,17 +2076,17 @@ var on = { style: {
 	},
 	renderToReactEmail({ node: e }) {
 		let t = Number(e.attrs?.height ?? 32);
-		return /* @__PURE__ */ R(je, {
+		return /* @__PURE__ */ I(Le, {
 			style: {
 				height: t,
 				lineHeight: `${t}px`,
 				fontSize: "1px",
-				...an(e.attrs?.style)
+				...dn(e.attrs?.style)
 			},
 			children: "\xA0"
 		});
 	}
-}), cn = {
+}), mn = {
 	facebook: {
 		label: "Facebook",
 		slug: "facebook",
@@ -2101,13 +2122,13 @@ var on = { style: {
 		slug: "github",
 		color: "181717"
 	}
-}, ln = { linkedin: "https://cdn.jsdelivr.net/npm/simple-icons@9.21.0/icons/linkedin.svg" };
-function un(e) {
-	if (ln[e]) return ln[e];
-	let t = cn[e] ?? cn.facebook;
+}, hn = { linkedin: "https://cdn.jsdelivr.net/npm/simple-icons@9.21.0/icons/linkedin.svg" };
+function gn(e) {
+	if (hn[e]) return hn[e];
+	let t = mn[e] ?? mn.facebook;
 	return `https://cdn.simpleicons.org/${t.slug}/${t.color}`;
 }
-function dn(e) {
+function _n(e) {
 	if (Array.isArray(e)) return e;
 	if (typeof e == "string") try {
 		return JSON.parse(e);
@@ -2116,14 +2137,14 @@ function dn(e) {
 	}
 	return [];
 }
-var fn = g.create({
+var vn = g.create({
 	name: "socialLinks",
 	group: "block",
 	atom: !0,
 	selectable: !0,
 	addAttributes() {
 		return {
-			...on,
+			...fn,
 			links: {
 				default: [
 					{
@@ -2143,7 +2164,7 @@ var fn = g.create({
 						url: "https://linkedin.com/"
 					}
 				],
-				parseHTML: (e) => dn(e.dataset.links),
+				parseHTML: (e) => _n(e.dataset.links),
 				renderHTML: (e) => ({ "data-links": JSON.stringify(e.links ?? []) })
 			},
 			size: { default: 28 },
@@ -2155,10 +2176,10 @@ var fn = g.create({
 		return [{ tag: "div[data-type=\"social-links\"]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		let n = Number(e.attrs.size), r = Number(e.attrs.gap), i = dn(e.attrs.links);
+		let n = Number(e.attrs.size), r = Number(e.attrs.gap), i = _n(e.attrs.links);
 		return [
 			"div",
-			Ee(t, {
+			te(t, {
 				"data-type": "social-links",
 				class: "node-socialLinks",
 				alignment: e.attrs.alignment
@@ -2170,37 +2191,37 @@ var fn = g.create({
 					style: `margin-left:${t === 0 ? 0 : r}px`
 				},
 				["img", {
-					src: un(e.network),
+					src: gn(e.network),
 					width: String(n),
 					height: String(n),
-					alt: cn[e.network]?.label ?? e.network
+					alt: mn[e.network]?.label ?? e.network
 				}]
 			])
 		];
 	},
 	renderToReactEmail({ node: e }) {
-		let t = Number(e.attrs?.size ?? 28), n = Number(e.attrs?.gap ?? 12), r = dn(e.attrs?.links), i = e.attrs?.alignment ?? "center";
-		return /* @__PURE__ */ R(je, {
-			style: an(e.attrs?.style),
-			children: /* @__PURE__ */ R(Ae, { children: /* @__PURE__ */ R(De, {
+		let t = Number(e.attrs?.size ?? 28), n = Number(e.attrs?.gap ?? 12), r = _n(e.attrs?.links), i = e.attrs?.alignment ?? "center";
+		return /* @__PURE__ */ I(Le, {
+			style: dn(e.attrs?.style),
+			children: /* @__PURE__ */ I(Ie, { children: /* @__PURE__ */ I(Ne, {
 				align: i,
-				children: r.map((e, r) => /* @__PURE__ */ R(ke, {
+				children: r.map((e, r) => /* @__PURE__ */ I(Fe, {
 					href: e.url,
 					style: {
 						display: "inline-block",
 						marginLeft: r === 0 ? 0 : n
 					},
-					children: /* @__PURE__ */ R(Oe, {
-						src: un(e.network),
+					children: /* @__PURE__ */ I(Pe, {
+						src: gn(e.network),
 						width: t,
 						height: t,
-						alt: cn[e.network]?.label ?? e.network
+						alt: mn[e.network]?.label ?? e.network
 					})
 				}, `${e.network}-${r}`))
 			}) })
 		});
 	}
-}), pn = g.create({
+}), yn = g.create({
 	name: "htmlBlock",
 	group: "block",
 	atom: !0,
@@ -2216,7 +2237,7 @@ var fn = g.create({
 		return [{ tag: "div[data-type=\"html-block\"]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		return ["div", Ee(t, {
+		return ["div", te(t, {
 			"data-type": "html-block",
 			class: "node-htmlBlock",
 			"data-html": e.attrs.html
@@ -2235,49 +2256,49 @@ var fn = g.create({
 		};
 	},
 	renderToReactEmail({ node: e }) {
-		return /* @__PURE__ */ R("div", { dangerouslySetInnerHTML: { __html: e.attrs?.html ?? "" } });
+		return /* @__PURE__ */ I("div", { dangerouslySetInnerHTML: { __html: e.attrs?.html ?? "" } });
 	}
 });
 //#endregion
 //#region src/components/inspectors/SocialLinksInspector.tsx
-function mn({ ctx: e, className: t, style: n }) {
+function bn({ ctx: e, className: t, style: n }) {
 	let r = $().inspector, i = e.getAttr("links"), a = Array.isArray(i) ? i : [], o = (t) => e.setAttr("links", t);
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-inspector", t),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-inspector", t),
 		style: n,
 		children: [
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: r.networks,
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "bree-social-list",
-					children: a.map((e, t) => /* @__PURE__ */ z("div", {
+					children: a.map((e, t) => /* @__PURE__ */ L("div", {
 						className: "bree-social-row",
 						children: [
-							/* @__PURE__ */ R(Ut, {
+							/* @__PURE__ */ I(Xt, {
 								value: e.network,
 								onChange: (e) => o(a.map((n, r) => r === t ? {
 									...n,
 									network: e
 								} : n)),
-								options: Object.entries(cn).map(([e, t]) => [e, t.label])
+								options: Object.entries(mn).map(([e, t]) => [e, t.label])
 							}),
-							/* @__PURE__ */ R(G, {
+							/* @__PURE__ */ I(U, {
 								value: e.url,
 								onChange: (e) => o(a.map((n, r) => r === t ? {
 									...n,
 									url: e
 								} : n))
 							}),
-							/* @__PURE__ */ R("button", {
+							/* @__PURE__ */ I("button", {
 								type: "button",
 								className: "bree-icon-button",
 								title: r.removeNetwork,
 								onClick: () => o(a.filter((e, n) => n !== t)),
-								children: /* @__PURE__ */ R(I, { size: 14 })
+								children: /* @__PURE__ */ I(Oe, { size: 14 })
 							})
 						]
 					}, t))
-				}), /* @__PURE__ */ R("button", {
+				}), /* @__PURE__ */ I("button", {
 					type: "button",
 					className: "bree-button-like",
 					onClick: () => o([...a, {
@@ -2287,68 +2308,68 @@ function mn({ ctx: e, className: t, style: n }) {
 					children: r.addNetwork
 				})]
 			}),
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: r.appearance,
 				children: [
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.iconSize,
-						children: /* @__PURE__ */ R(Bt, {
+						children: /* @__PURE__ */ I(qt, {
 							value: e.getAttr("size"),
 							min: 16,
 							max: 64,
 							onChange: (t) => e.setAttr("size", t)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.gap,
-						children: /* @__PURE__ */ R(Bt, {
+						children: /* @__PURE__ */ I(qt, {
 							value: e.getAttr("gap"),
 							min: 0,
 							max: 40,
 							onChange: (t) => e.setAttr("gap", t)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: r.alignment,
-						children: /* @__PURE__ */ R(Gt, {
+						children: /* @__PURE__ */ I(Qt, {
 							value: String(e.getAttr("alignment") ?? "center"),
 							onChange: (t) => e.setAttr("alignment", t)
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ R(Jt, { ctx: e })
+			/* @__PURE__ */ I(q, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/registry/default-nodes.tsx
-function hn(e, t = 36) {
+function xn(e, t = 36) {
 	let n = e.replace(/\s+/g, " ").trim();
 	return n.length > t ? `${n.slice(0, t)}…` : n;
 }
-var gn = (e, { t }) => hn(e.textContent) || t.layers.empty, _n = () => "", vn = [
+var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn = [
 	{
 		type: "paragraph",
-		icon: be
+		icon: Ee
 	},
 	{
 		type: "heading",
-		icon: M,
-		inspector: Qt
+		icon: de,
+		inspector: an
 	},
 	{
 		type: "image",
-		icon: oe,
-		inspector: $t,
+		icon: fe,
+		inspector: on,
 		preview: (e, { t }) => {
 			let { attrs: n } = e;
-			if (n.alt) return hn(n.alt);
+			if (n.alt) return xn(n.alt);
 			let r = String(n.src ?? "");
 			if (r.startsWith("data:")) return t.layers.uploadedImage;
 			try {
 				let e = new URL(r);
-				return hn(e.searchParams.get("text") ?? decodeURIComponent(e.pathname.split("/").pop() ?? ""));
+				return xn(e.searchParams.get("text") ?? decodeURIComponent(e.pathname.split("/").pop() ?? ""));
 			} catch {
 				return "";
 			}
@@ -2356,124 +2377,124 @@ var gn = (e, { t }) => hn(e.textContent) || t.layers.empty, _n = () => "", vn =
 	},
 	{
 		type: "button",
-		icon: fe,
-		inspector: Xt
+		icon: ye,
+		inspector: nn
 	},
 	{
 		type: "horizontalRule",
-		icon: de,
-		inspector: nn,
-		preview: _n
+		icon: ve,
+		inspector: ln,
+		preview: Cn
 	},
 	{
 		type: "spacer",
-		icon: Nt,
-		inspector: en,
+		icon: Bt,
+		inspector: sn,
 		preview: (e) => `${e.attrs.height}px`,
-		extensions: [sn]
+		extensions: [pn]
 	},
 	{
 		type: "socialLinks",
-		icon: ce,
-		inspector: mn,
+		icon: he,
+		inspector: bn,
 		preview: (e) => Array.isArray(e.attrs.links) ? e.attrs.links.map((e) => e.network).join(", ") : "",
-		extensions: [fn]
+		extensions: [vn]
 	},
 	{
 		type: "htmlBlock",
-		icon: _e,
-		inspector: tn,
-		preview: (e) => hn(String(e.attrs.html ?? "").replace(/<[^>]+>/g, " ")),
-		extensions: [pn]
+		icon: Ce,
+		inspector: cn,
+		preview: (e) => xn(String(e.attrs.html ?? "").replace(/<[^>]+>/g, " ")),
+		extensions: [yn]
 	},
 	{
 		type: "section",
-		icon: P,
-		inspector: rn,
-		preview: _n
+		icon: me,
+		inspector: un,
+		preview: Cn
 	},
 	{
 		type: "columnsColumn",
-		icon: pe,
-		inspector: rn,
-		preview: _n
+		icon: be,
+		inspector: un,
+		preview: Cn
 	},
 	{
 		type: "twoColumns",
-		icon: re,
-		inspector: Zt,
-		preview: _n
+		icon: ce,
+		inspector: rn,
+		preview: Cn
 	},
 	{
 		type: "threeColumns",
-		icon: ie,
-		inspector: Zt,
-		preview: _n
+		icon: le,
+		inspector: rn,
+		preview: Cn
 	},
 	{
 		type: "fourColumns",
-		icon: ae,
-		inspector: Zt,
-		preview: _n
+		icon: ue,
+		inspector: rn,
+		preview: Cn
 	},
 	{
 		type: "bulletList",
-		icon: le
+		icon: ge
 	},
 	{
 		type: "orderedList",
-		icon: ue
+		icon: _e
 	},
 	{
 		type: "blockquote",
-		icon: F
+		icon: Te
 	},
 	{
 		type: "codeBlock",
-		icon: ne
+		icon: A
 	},
 	{
 		type: "table",
-		icon: ye
+		icon: we
 	}
-], yn = /* @__PURE__ */ Pe({
-	button: () => xn,
-	column: () => Cn,
-	columns: () => Tn,
-	doc: () => An,
-	heading: () => bn,
-	image: () => Sn,
-	link: () => On,
-	padding: () => Dn,
-	paragraph: () => X,
-	placeholderImage: () => kn,
-	section: () => En,
-	sized: () => wn,
-	text: () => Y
-}), Y = (e, t) => ({
+], Tn = /* @__PURE__ */ Be({
+	button: () => En,
+	column: () => On,
+	columns: () => An,
+	doc: () => Fn,
+	heading: () => X,
+	image: () => Dn,
+	link: () => Nn,
+	padding: () => Mn,
+	paragraph: () => Y,
+	placeholderImage: () => Pn,
+	section: () => jn,
+	sized: () => kn,
+	text: () => J
+}), J = (e, t) => ({
 	type: "text",
 	text: e,
 	...t ? { marks: t } : {}
-}), X = (e = "", t = {}) => ({
+}), Y = (e = "", t = {}) => ({
 	type: "paragraph",
 	attrs: t,
-	content: typeof e == "string" ? e ? [Y(e)] : [] : e
-}), bn = (e, t, n = {}) => ({
+	content: typeof e == "string" ? e ? [J(e)] : [] : e
+}), X = (e, t, n = {}) => ({
 	type: "heading",
 	attrs: {
 		level: e,
 		...n
 	},
-	content: [Y(t)]
-}), xn = (e, t = {}) => ({
+	content: [J(t)]
+}), En = (e, t = {}) => ({
 	type: "button",
 	attrs: {
 		href: "https://example.com",
 		alignment: "center",
 		...t
 	},
-	content: [Y(e)]
-}), Sn = (e, t = {}) => ({
+	content: [J(e)]
+}), Dn = (e, t = {}) => ({
 	type: "image",
 	attrs: {
 		src: e,
@@ -2481,116 +2502,116 @@ var gn = (e, { t }) => hn(e.textContent) || t.layers.empty, _n = () => "", vn =
 		alignment: "center",
 		...t
 	}
-}), Cn = (...e) => ({
+}), On = (...e) => ({
 	type: "columnsColumn",
-	content: e.length ? e : [X()]
-}), wn = (e, t) => ({
+	content: e.length ? e : [Y()]
+}), kn = (e, t) => ({
 	...e,
 	attrs: {
 		...e.attrs,
 		style: `width:${t}%`
 	}
-}), Tn = (e, t, n) => ({
+}), An = (e, t, n) => ({
 	type: {
 		2: "twoColumns",
 		3: "threeColumns",
 		4: "fourColumns"
 	}[e],
 	...n ? { attrs: n } : {},
-	content: t ?? Array.from({ length: e }, () => Cn())
-}), En = (e, ...t) => ({
+	content: t ?? Array.from({ length: e }, () => On())
+}), jn = (e, ...t) => ({
 	type: "section",
 	attrs: { style: e },
 	content: t
-}), Dn = (e, t = e) => `padding-top:${e}px;padding-right:${t}px;padding-bottom:${e}px;padding-left:${t}px`, On = (e) => [{
+}), Mn = (e, t = e) => `padding-top:${e}px;padding-right:${t}px;padding-bottom:${e}px;padding-left:${t}px`, Nn = (e) => [{
 	type: "link",
 	attrs: { href: e }
-}], kn = (e, t, n = "Image") => `https://placehold.co/${e}x${t}/e2e8f0/64748b/png?text=${encodeURIComponent(n)}`, An = (...e) => ({
+}], Pn = (e, t, n = "Image") => `https://placehold.co/${e}x${t}/e2e8f0/64748b/png?text=${encodeURIComponent(n)}`, Fn = (...e) => ({
 	type: "doc",
 	content: e
-}), jn = ({ t: e }, t = "center") => X([
-	Y(e.content.menuHome, On("https://example.com")),
-	Y("  ·  "),
-	Y(e.content.menuShop, On("https://example.com/shop")),
-	Y("  ·  "),
-	Y(e.content.menuBlog, On("https://example.com/blog")),
-	Y("  ·  "),
-	Y(e.content.menuContact, On("https://example.com/contact"))
-], { alignment: t }), Mn = [{
+}), In = ({ t: e }, t = "center") => Y([
+	J(e.content.menuHome, Nn("https://example.com")),
+	J("  ·  "),
+	J(e.content.menuShop, Nn("https://example.com/shop")),
+	J("  ·  "),
+	J(e.content.menuBlog, Nn("https://example.com/blog")),
+	J("  ·  "),
+	J(e.content.menuContact, Nn("https://example.com/contact"))
+], { alignment: t }), Ln = [{
 	id: "layout",
 	title: ({ t: e }) => e.sidebar.layoutTitle
 }, {
 	id: "content",
 	title: ({ t: e }) => e.sidebar.contentTitle
-}], Nn = [
+}], Rn = [
 	{
 		id: "section",
 		group: "layout",
 		label: ({ t: e }) => e.palette.oneColumn,
-		icon: /* @__PURE__ */ R(It, {}),
-		content: () => [En(Dn(16), X())]
+		icon: /* @__PURE__ */ I(Ut, {}),
+		content: () => [jn(Mn(16), Y())]
 	},
 	{
 		id: "columns-2",
 		group: "layout",
 		label: ({ t: e }) => e.palette.twoColumns,
-		icon: /* @__PURE__ */ R(re, { size: 22 }),
-		content: () => [Tn(2)]
+		icon: /* @__PURE__ */ I(ce, { size: 22 }),
+		content: () => [An(2)]
 	},
 	{
 		id: "columns-3",
 		group: "layout",
 		label: ({ t: e }) => e.palette.threeColumns,
-		icon: /* @__PURE__ */ R(ie, { size: 22 }),
-		content: () => [Tn(3)]
+		icon: /* @__PURE__ */ I(le, { size: 22 }),
+		content: () => [An(3)]
 	},
 	{
 		id: "columns-4",
 		group: "layout",
 		label: ({ t: e }) => e.palette.fourColumns,
-		icon: /* @__PURE__ */ R(ae, { size: 22 }),
-		content: () => [Tn(4)]
+		icon: /* @__PURE__ */ I(ue, { size: 22 }),
+		content: () => [An(4)]
 	},
 	{
 		id: "heading",
 		group: "content",
 		label: ({ t: e }) => e.palette.heading,
-		icon: /* @__PURE__ */ R(M, { size: 22 }),
-		content: ({ t: e }) => [bn(2, e.content.heading)]
+		icon: /* @__PURE__ */ I(de, { size: 22 }),
+		content: ({ t: e }) => [X(2, e.content.heading)]
 	},
 	{
 		id: "text",
 		group: "content",
 		label: ({ t: e }) => e.palette.text,
-		icon: /* @__PURE__ */ R(be, { size: 22 }),
-		content: ({ t: e }) => [X(e.content.text)]
+		icon: /* @__PURE__ */ I(Ee, { size: 22 }),
+		content: ({ t: e }) => [Y(e.content.text)]
 	},
 	{
 		id: "button",
 		group: "content",
 		label: ({ t: e }) => e.palette.button,
-		icon: /* @__PURE__ */ R(fe, { size: 22 }),
-		content: ({ t: e }) => [xn(e.content.button)]
+		icon: /* @__PURE__ */ I(ye, { size: 22 }),
+		content: ({ t: e }) => [En(e.content.button)]
 	},
 	{
 		id: "image",
 		group: "content",
 		label: ({ t: e }) => e.palette.image,
-		icon: /* @__PURE__ */ R(oe, { size: 22 }),
-		content: ({ t: e }) => [Sn(kn(600, 300, e.content.image))]
+		icon: /* @__PURE__ */ I(fe, { size: 22 }),
+		content: ({ t: e }) => [Dn(Pn(600, 300, e.content.image))]
 	},
 	{
 		id: "divider",
 		group: "content",
 		label: ({ t: e }) => e.palette.divider,
-		icon: /* @__PURE__ */ R(de, { size: 22 }),
+		icon: /* @__PURE__ */ I(ve, { size: 22 }),
 		content: () => [{ type: "horizontalRule" }]
 	},
 	{
 		id: "spacer",
 		group: "content",
 		label: ({ t: e }) => e.palette.spacer,
-		icon: /* @__PURE__ */ R(Pt, {}),
+		icon: /* @__PURE__ */ I(Vt, {}),
 		content: () => [{
 			type: "spacer",
 			attrs: { height: 32 }
@@ -2600,26 +2621,26 @@ var gn = (e, { t }) => hn(e.textContent) || t.layers.empty, _n = () => "", vn =
 		id: "social",
 		group: "content",
 		label: ({ t: e }) => e.palette.social,
-		icon: /* @__PURE__ */ R(Ft, {}),
+		icon: /* @__PURE__ */ I(Ht, {}),
 		content: () => [{ type: "socialLinks" }]
 	},
 	{
 		id: "menu",
 		group: "content",
 		label: ({ t: e }) => e.palette.menu,
-		icon: /* @__PURE__ */ R(me, { size: 22 }),
-		content: (e) => [jn(e)]
+		icon: /* @__PURE__ */ I(xe, { size: 22 }),
+		content: (e) => [In(e)]
 	},
 	{
 		id: "list",
 		group: "content",
 		label: ({ t: e }) => e.palette.list,
-		icon: /* @__PURE__ */ R(le, { size: 22 }),
+		icon: /* @__PURE__ */ I(ge, { size: 22 }),
 		content: ({ t: e }) => [{
 			type: "bulletList",
 			content: e.content.listItems.map((e) => ({
 				type: "listItem",
-				content: [X(e)]
+				content: [Y(e)]
 			}))
 		}]
 	},
@@ -2627,17 +2648,17 @@ var gn = (e, { t }) => hn(e.textContent) || t.layers.empty, _n = () => "", vn =
 		id: "quote",
 		group: "content",
 		label: ({ t: e }) => e.palette.quote,
-		icon: /* @__PURE__ */ R(F, { size: 22 }),
+		icon: /* @__PURE__ */ I(Te, { size: 22 }),
 		content: ({ t: e }) => [{
 			type: "blockquote",
-			content: [X(e.content.quote)]
+			content: [Y(e.content.quote)]
 		}]
 	},
 	{
 		id: "html",
 		group: "content",
 		label: ({ t: e }) => e.palette.html,
-		icon: /* @__PURE__ */ R(_e, { size: 22 }),
+		icon: /* @__PURE__ */ I(Ce, { size: 22 }),
 		content: ({ t: e }) => [{
 			type: "htmlBlock",
 			attrs: { html: e.content.html }
@@ -2647,64 +2668,64 @@ var gn = (e, { t }) => hn(e.textContent) || t.layers.empty, _n = () => "", vn =
 		id: "card",
 		group: "content",
 		label: ({ t: e }) => e.palette.card,
-		icon: /* @__PURE__ */ R(P, { size: 22 }),
-		content: ({ t: e }) => [En(`${Dn(24)};background-color:#f1f5f9;border-radius:12px`, bn(3, e.content.cardTitle), X(e.content.cardText))]
+		icon: /* @__PURE__ */ I(me, { size: 22 }),
+		content: ({ t: e }) => [jn(`${Mn(24)};background-color:#f1f5f9;border-radius:12px`, X(3, e.content.cardTitle), Y(e.content.cardText))]
 	}
 ];
 //#endregion
 //#region src/registry/default-templates.tsx
 function Z({ variant: e }) {
-	return /* @__PURE__ */ z("span", {
+	return /* @__PURE__ */ L("span", {
 		className: `bree-block-thumb bree-thumb-${e}`,
 		"aria-hidden": !0,
 		children: [
-			/* @__PURE__ */ R("i", {}),
-			/* @__PURE__ */ R("i", {}),
-			/* @__PURE__ */ R("i", {})
+			/* @__PURE__ */ I("i", {}),
+			/* @__PURE__ */ I("i", {}),
+			/* @__PURE__ */ I("i", {})
 		]
 	});
 }
-var Pn = [
+var zn = [
 	{
 		id: "header",
 		label: ({ t: e }) => e.templates.header,
 		description: ({ t: e }) => e.templates.headerDescription,
-		thumbnail: /* @__PURE__ */ R(Z, { variant: "header" }),
-		content: (e) => [Tn(2, [wn(Cn(Sn(kn(140, 40, e.t.content.logo), {
+		thumbnail: /* @__PURE__ */ I(Z, { variant: "header" }),
+		content: (e) => [An(2, [kn(On(Dn(Pn(140, 40, e.t.content.logo), {
 			alignment: "left",
 			width: "140"
-		})), 33), wn(Cn(jn(e, "right")), 67)])]
+		})), 33), kn(On(In(e, "right")), 67)])]
 	},
 	{
 		id: "hero",
 		label: ({ t: e }) => e.templates.hero,
 		description: ({ t: e }) => e.templates.heroDescription,
-		thumbnail: /* @__PURE__ */ R(Z, { variant: "hero" }),
-		content: ({ t: e }) => [En(`${Dn(40, 24)};background-color:#eef2ff;border-radius:12px`, bn(1, e.content.heroTitle, { alignment: "center" }), X(e.content.heroText, { alignment: "center" }), xn(e.content.heroButton, { style: `background-color:#4f46e5;color:#ffffff;${Dn(12, 24)};border-radius:8px` }))]
+		thumbnail: /* @__PURE__ */ I(Z, { variant: "hero" }),
+		content: ({ t: e }) => [jn(`${Mn(40, 24)};background-color:#eef2ff;border-radius:12px`, X(1, e.content.heroTitle, { alignment: "center" }), Y(e.content.heroText, { alignment: "center" }), En(e.content.heroButton, { style: `background-color:#4f46e5;color:#ffffff;${Mn(12, 24)};border-radius:8px` }))]
 	},
 	{
 		id: "products",
 		label: ({ t: e }) => e.templates.products,
 		description: ({ t: e }) => e.templates.productsDescription,
-		thumbnail: /* @__PURE__ */ R(Z, { variant: "products" }),
-		content: ({ t: e }) => [Tn(2, [e.content.productA, e.content.productB].map((t) => Cn(Sn(kn(280, 200, t)), bn(3, t, { alignment: "center" }), X(e.content.productText, { alignment: "center" }), xn(e.content.productButton))), { cellspacing: 16 })]
+		thumbnail: /* @__PURE__ */ I(Z, { variant: "products" }),
+		content: ({ t: e }) => [An(2, [e.content.productA, e.content.productB].map((t) => On(Dn(Pn(280, 200, t)), X(3, t, { alignment: "center" }), Y(e.content.productText, { alignment: "center" }), En(e.content.productButton))), { cellspacing: 16 })]
 	},
 	{
 		id: "features",
 		label: ({ t: e }) => e.templates.features,
 		description: ({ t: e }) => e.templates.featuresDescription,
-		thumbnail: /* @__PURE__ */ R(Z, { variant: "features" }),
-		content: ({ t: e }) => [Tn(3, e.content.features.map((t) => Cn(bn(3, t, { alignment: "center" }), X(e.content.featureText, { alignment: "center" }))))]
+		thumbnail: /* @__PURE__ */ I(Z, { variant: "features" }),
+		content: ({ t: e }) => [An(3, e.content.features.map((t) => On(X(3, t, { alignment: "center" }), Y(e.content.featureText, { alignment: "center" }))))]
 	},
 	{
 		id: "testimonial",
 		label: ({ t: e }) => e.templates.testimonial,
 		description: ({ t: e }) => e.templates.testimonialDescription,
-		thumbnail: /* @__PURE__ */ R(Z, { variant: "testimonial" }),
-		content: ({ t: e }) => [En(`${Dn(24)};background-color:#f8fafc;border-radius:12px`, {
+		thumbnail: /* @__PURE__ */ I(Z, { variant: "testimonial" }),
+		content: ({ t: e }) => [jn(`${Mn(24)};background-color:#f8fafc;border-radius:12px`, {
 			type: "blockquote",
-			content: [X(e.content.testimonialQuote)]
-		}, X(e.content.testimonialAuthor, {
+			content: [Y(e.content.testimonialQuote)]
+		}, Y(e.content.testimonialAuthor, {
 			alignment: "right",
 			style: "color:#64748b"
 		}))]
@@ -2713,22 +2734,22 @@ var Pn = [
 		id: "footer",
 		label: ({ t: e }) => e.templates.footer,
 		description: ({ t: e }) => e.templates.footerDescription,
-		thumbnail: /* @__PURE__ */ R(Z, { variant: "footer" }),
+		thumbnail: /* @__PURE__ */ I(Z, { variant: "footer" }),
 		content: ({ t: e }) => [
 			{ type: "horizontalRule" },
 			{ type: "socialLinks" },
-			X(e.content.footerAddress, {
+			Y(e.content.footerAddress, {
 				alignment: "center",
 				style: "color:#94a3b8;font-size:12px"
 			}),
-			X([Y(e.content.unsubscribe, On("https://example.com/unsubscribe"))], {
+			Y([J(e.content.unsubscribe, Nn("https://example.com/unsubscribe"))], {
 				alignment: "center",
 				style: "font-size:12px"
 			})
 		]
 	}
-], Fn = (e, t) => Pn.find((t) => t.id === e)?.content(t) ?? [];
-function In(e) {
+], Bn = (e, t) => zn.find((t) => t.id === e)?.content(t) ?? [];
+function Vn(e) {
 	let t = {
 		type: "spacer",
 		attrs: { height: 16 }
@@ -2736,39 +2757,39 @@ function In(e) {
 	return {
 		type: "doc",
 		content: [
-			...Fn("header", e),
+			...Bn("header", e),
 			t,
-			...Fn("hero", e),
+			...Bn("hero", e),
 			t,
-			bn(2, e.t.content.starterTitle, { alignment: "center" }),
-			...Fn("products", e),
+			X(2, e.t.content.starterTitle, { alignment: "center" }),
+			...Bn("products", e),
 			t,
-			...Fn("footer", e)
+			...Bn("footer", e)
 		]
 	};
 }
 //#endregion
 //#region src/context.tsx
-var Ln = e(null);
+var Hn = e(null);
 function Q() {
-	let e = r(Ln);
+	let e = r(Hn);
 	if (!e) throw Error("useEmailEditor must be used inside <EditorRoot> or <BetterEmailEditor>.");
 	return e;
 }
-function Rn() {
-	return r(Ln);
+function Un() {
+	return r(Hn);
 }
 function $() {
-	return r(Ln)?.t ?? ht;
+	return r(Hn)?.t ?? St;
 }
-function zn() {
+function Wn() {
 	let { locale: e, t } = Q();
 	return s(() => ({
 		locale: e,
 		t
 	}), [e, t]);
 }
-var Bn = x("basic", {
+var Gn = x("basic", {
 	body: {
 		backgroundColor: "#eef1f5",
 		padding: "32px 16px"
@@ -2778,18 +2799,18 @@ var Bn = x("basic", {
 		padding: "24px",
 		borderRadius: "12px"
 	}
-}), Vn = (e) => new Promise((t, n) => {
+}), Kn = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.onload = () => t({ url: String(r.result) }), r.onerror = n, r.readAsDataURL(e);
-}), Hn = {
+}), qn = {
 	type: "doc",
 	content: [{ type: "paragraph" }]
 };
-function Un(e) {
+function Jn(e) {
 	return typeof e == "object" && !!e && "doc" in e;
 }
-function Wn(e) {
-	return e ? Un(e) ? {
+function Yn(e) {
+	return e ? Jn(e) ? {
 		doc: e.doc,
 		settings: {
 			...e.settings,
@@ -2799,163 +2820,164 @@ function Wn(e) {
 		doc: e,
 		settings: { previewText: "" }
 	} : {
-		doc: Hn,
+		doc: qn,
 		settings: { previewText: "" }
 	};
 }
-function Gn(e, t, r) {
+function Xn(e, t, r) {
 	let [i, a] = l(t);
 	return [e === void 0 ? i : e, n((t) => {
 		e === void 0 && a(t), r?.(t);
 	}, [e, r])];
 }
-var Kn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en", messages: f, nodes: h = vn, palette: g = Nn, paletteGroups: v = Mn, templates: x = Pn, starterDocument: C = In, extensions: w, theme: T = Bn, uploadImage: E = Vn, editable: D = !0, device: O, defaultDevice: ee = "desktop", onDeviceChange: k, layersOpen: te, defaultLayersOpen: A = !0, onLayersOpenChange: ne, className: re, style: ie, children: ae }, j) {
-	let M = s(() => xt(u, f), [u, f]), [oe] = l(() => Wn(e)), [N, se] = l(oe.settings), P = c(N), ce = c(M), le = c(t), ue = c(r), de = c(E);
+var Zn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en", messages: f, nodes: h = wn, palette: g = Rn, paletteGroups: v = Ln, templates: x = zn, starterDocument: C = Vn, extensions: w, theme: T = Gn, uploadImage: E = Kn, editable: D = !0, device: O, defaultDevice: ee = "desktop", onDeviceChange: k, layersOpen: te, defaultLayersOpen: ne = !0, onLayersOpenChange: re, className: ie, style: ae, children: oe }, se) {
+	let A = s(() => Ot(u, f), [u, f]), [ce] = l(() => Yn(e)), [le, ue] = l(ce.settings), j = c(le), de = c(A), fe = c(t), M = c(r), pe = c(E);
 	o(() => {
-		ce.current = M, le.current = t, ue.current = r, de.current = E;
+		de.current = A, fe.current = t, M.current = r, pe.current = E;
 	});
-	let [fe, pe] = Gn(O, ee, k), [me, he] = Gn(te, A, ne), [ge] = l(() => ({
-		dragSession: pt(),
-		hoverStore: mt()
-	})), _e = n((e) => de.current(e), []), ve = S({ uploadImage: _e }), [ye] = l(() => [
+	let [me, he] = Xn(O, ee, k), [ge, _e] = Xn(te, ne, re), [ve] = l(() => ({
+		dragSession: bt(),
+		hoverStore: xt()
+	})), ye = n((e) => pe.current(e), []), be = S({ uploadImage: ye }), [xe] = l(() => [
 		y.configure({
 			TiptapStarterKit: { dropcursor: !1 },
 			Button: !1
 		}),
-		nt,
+		ct,
+		yt,
 		d.configure({
-			placeholder: ({ node: e }) => e.type.name === "heading" ? ce.current.placeholder.heading : ce.current.placeholder.paragraph,
+			placeholder: ({ node: e }) => e.type.name === "heading" ? de.current.placeholder.heading : de.current.placeholder.paragraph,
 			includeChildren: !0
 		}),
 		b.configure({ theme: T }),
 		...h.flatMap((e) => e.extensions ?? []),
 		...w ?? [],
-		ve
-	]), F = m({
-		extensions: ye,
-		content: oe.doc,
+		be
+	]), N = m({
+		extensions: xe,
+		content: ce.doc,
 		editable: D,
 		immediatelyRender: !1,
-		editorProps: { handlePaste: ft(ye) }
+		editorProps: { handlePaste: vt(xe) }
 	}, []);
 	i(() => {
-		F?.setEditable(D);
-	}, [F, D]);
-	let be = n(() => ({
-		doc: F?.getJSON() ?? Hn,
-		settings: P.current
-	}), [F]), xe = n((e) => {
+		N?.setEditable(D);
+	}, [N, D]);
+	let Se = n(() => ({
+		doc: N?.getJSON() ?? qn,
+		settings: j.current
+	}), [N]), Ce = n((e) => {
 		let t = {
-			...P.current,
+			...j.current,
 			...e
 		};
-		P.current = t, se(t), F && le.current?.({
-			doc: F.getJSON(),
+		j.current = t, ue(t), N && fe.current?.({
+			doc: N.getJSON(),
 			settings: t
 		});
-	}, [F]), I = s(() => {
-		let e = async () => F ? _({
-			editor: F,
-			preview: P.current.previewText || void 0
+	}, [N]), P = s(() => {
+		let e = async () => N ? _({
+			editor: N,
+			preview: j.current.previewText || void 0
 		}) : {
 			html: "",
 			text: "",
 			unformattedHtml: ""
 		};
 		return {
-			editor: F,
-			getValue: be,
-			getJSON: () => F?.getJSON() ?? Hn,
+			editor: N,
+			getValue: Se,
+			getJSON: () => N?.getJSON() ?? qn,
 			setValue: (e) => {
-				let t = Wn(e);
-				P.current = t.settings, se(t.settings), F?.commands.setContent(t.doc, { emitUpdate: !0 });
+				let t = Yn(e);
+				j.current = t.settings, ue(t.settings), N?.commands.setContent(t.doc, { emitUpdate: !0 });
 			},
 			exportEmail: e,
 			getHtml: async () => (await e()).html,
 			getText: async () => (await e()).text,
 			insertBlocks: (e) => {
-				F && tt(F, e);
+				N && st(N, e);
 			}
 		};
-	}, [F, be]);
-	a(j, () => I, [I]), i(() => {
-		if (!F) return;
-		ue.current?.(I);
-		let e = () => le.current?.(be());
-		return F.on("update", e), () => {
-			F.off("update", e);
+	}, [N, Se]);
+	a(se, () => P, [P]), i(() => {
+		if (!N) return;
+		M.current?.(P);
+		let e = () => fe.current?.(Se());
+		return N.on("update", e), () => {
+			N.off("update", e);
 		};
 	}, [
-		F,
-		I,
-		be
+		N,
+		P,
+		Se
 	]);
-	let Se = s(() => new Map(h.map((e) => [e.type, e])), [h]), L = s(() => {
-		if (!F) return null;
+	let we = s(() => new Map(h.map((e) => [e.type, e])), [h]), Te = s(() => {
+		if (!N) return null;
 		let e = {
 			locale: u,
-			t: M
+			t: A
 		};
 		return {
 			...e,
-			editor: F,
-			handle: I,
-			nodes: Se,
+			editor: N,
+			handle: P,
+			nodes: we,
 			nodeLabel: (t) => {
-				let n = Se.get(t)?.label;
-				return n ? vt(n, e) : M.nodes[t] ?? t;
+				let n = we.get(t)?.label;
+				return n ? Tt(n, e) : A.nodes[t] ?? t;
 			},
 			palette: g,
 			paletteGroups: v,
 			templates: x,
 			starterDocument: C,
-			uploadImage: _e,
-			...ge,
-			device: fe,
-			setDevice: pe,
-			layersOpen: me,
-			setLayersOpen: he,
-			settings: N,
-			updateSettings: xe
+			uploadImage: ye,
+			...ve,
+			device: me,
+			setDevice: he,
+			layersOpen: ge,
+			setLayersOpen: _e,
+			settings: le,
+			updateSettings: Ce
 		};
 	}, [
-		F,
+		N,
 		u,
-		M,
-		I,
-		Se,
+		A,
+		P,
+		we,
 		g,
 		v,
 		x,
 		C,
-		_e,
-		ge,
-		fe,
-		pe,
+		ye,
+		ve,
 		me,
 		he,
-		N,
-		xe
-	]), z = s(() => ({ editor: F }), [F]), Ce = {
-		"--bree-empty-zone-label": JSON.stringify(M.canvas.emptyZone),
-		...ie
+		ge,
+		_e,
+		le,
+		Ce
+	]), Ee = s(() => ({ editor: N }), [N]), De = {
+		"--bree-empty-zone-label": JSON.stringify(A.canvas.emptyZone),
+		...ae
 	};
-	return /* @__PURE__ */ R("div", {
-		className: B("bree bree-root", re),
-		style: Ce,
+	return /* @__PURE__ */ I("div", {
+		className: R("bree bree-root", ie),
+		style: De,
 		lang: u,
-		children: L && /* @__PURE__ */ R(p.Provider, {
-			value: z,
-			children: /* @__PURE__ */ R(Ln.Provider, {
-				value: L,
-				children: ae
+		children: Te && /* @__PURE__ */ I(p.Provider, {
+			value: Ee,
+			children: /* @__PURE__ */ I(Hn.Provider, {
+				value: Te,
+				children: oe
 			})
 		})
 	});
 });
 //#endregion
 //#region src/components/CanvasOverlay.tsx
-function qn(e, t) {
+function Qn(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
 		top: t.top - n.top + e.scrollTop,
@@ -2964,23 +2986,23 @@ function qn(e, t) {
 		height: t.height ?? 0
 	};
 }
-function Jn(e, t, n) {
+function $n(e, t, n) {
 	if (!n) return null;
 	let r = e.view.nodeDOM(n.pos);
-	return r instanceof HTMLElement ? qn(t, r.getBoundingClientRect()) : null;
+	return r instanceof HTMLElement ? Qn(t, r.getBoundingClientRect()) : null;
 }
-function Yn(e, t, n) {
+function er(e, t, n) {
 	let r = e.view.posAtCoords({
 		left: t,
 		top: n
 	});
-	return r && r.inside >= 0 ? V(e.state.doc, r.inside) : null;
+	return r && r.inside >= 0 ? z(e.state.doc, r.inside) : null;
 }
-function Xn(e) {
+function tr(e) {
 	let t = e.node.type.name;
-	return Fe.has(t) || Ie.has(t);
+	return Ve.has(t) || He.has(t);
 }
-function Zn({ editor: e, host: t }) {
+function nr({ editor: e, host: t }) {
 	let { dragSession: r, hoverStore: a, nodeLabel: s, t: d } = Q(), f = c(s);
 	o(() => {
 		f.current = s;
@@ -2992,10 +3014,10 @@ function Zn({ editor: e, host: t }) {
 		editor: e,
 		selector: ({ editor: e }) => {
 			if (!e?.isFocused) return null;
-			let t = Ze(e);
+			let t = rt(e);
 			return t ? `${t.pos}:${t.node.type.name}:${e.state.doc.content.size}` : null;
 		}
-	}) ? Ze(e) : null;
+	}) ? rt(e) : null;
 	i(() => {
 		let n = () => S(), r = () => {
 			a.set(null), S();
@@ -3013,7 +3035,7 @@ function Zn({ editor: e, host: t }) {
 	]), i(() => {
 		let n = 0, i = (t) => {
 			r.get() || t.target.closest(".bree-ov-toolbar, .bree-ov-handle, .bree-ov-tag") || (cancelAnimationFrame(n), n = requestAnimationFrame(() => {
-				a.set(Yn(e, t.clientX, t.clientY)?.pos ?? null);
+				a.set(er(e, t.clientX, t.clientY)?.pos ?? null);
 			}));
 		}, o = () => a.set(null);
 		return t.addEventListener("mousemove", i), t.addEventListener("mouseleave", o), () => {
@@ -3037,14 +3059,14 @@ function Zn({ editor: e, host: t }) {
 				t instanceof HTMLElement && t.blur(), e.commands.blur();
 				return;
 			}
-			let r = Yn(e, n.clientX, n.clientY);
-			if (r && Xn(r)) {
-				n.preventDefault(), Qe(e, r);
+			let r = er(e, n.clientX, n.clientY);
+			if (r && tr(r)) {
+				n.preventDefault(), it(e, r);
 				return;
 			}
 			!e.isFocused && e.state.selection instanceof w && e.view.focus();
 		}, r = (t) => {
-			e.view.dom.contains(t.target) && rt(e, t);
+			e.view.dom.contains(t.target) && lt(e, t);
 		};
 		return t.addEventListener("mousedown", n, !0), t.addEventListener("paste", r, !0), () => {
 			t.removeEventListener("mousedown", n, !0), t.removeEventListener("paste", r, !0);
@@ -3052,12 +3074,12 @@ function Zn({ editor: e, host: t }) {
 	}, [e, t]), i(() => {
 		let n = 0, i = null, o = null, s = (t) => {
 			let n = r.get();
-			if (!n || (i !== n && (i = n, o = Ue(e.view, n)), !o)) return null;
+			if (!n || (i !== n && (i = n, o = Ye(e.view, n)), !o)) return null;
 			let a = n.kind === "move" ? {
 				from: n.pos,
 				to: n.pos + (e.state.doc.nodeAt(n.pos)?.nodeSize ?? 0)
 			} : void 0;
-			return He(e.view, t.clientX, t.clientY, o, a);
+			return Je(e.view, t.clientX, t.clientY, o, a);
 		}, c = (e) => {
 			let t = r.get();
 			t && (e.preventDefault(), e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = t.kind === "move" ? "move" : "copy"), cancelAnimationFrame(n), n = requestAnimationFrame(() => v(s(e))));
@@ -3066,7 +3088,7 @@ function Zn({ editor: e, host: t }) {
 			if (!i) return;
 			t.preventDefault(), t.stopPropagation(), cancelAnimationFrame(n);
 			let o = s(t);
-			o && qe(e, i, o), e.view.dragging = null, r.end(), v(null), b(null), a.set(null);
+			o && $e(e, i, o), e.view.dragging = null, r.end(), v(null), b(null), a.set(null);
 		}, u = (e) => {
 			r.get() && (t.contains(e.relatedTarget) || (cancelAnimationFrame(n), v(null)));
 		}, d = () => {
@@ -3074,16 +3096,16 @@ function Zn({ editor: e, host: t }) {
 		}, p = (t) => {
 			let n = t.target;
 			if (r.get() || n.tagName !== "IMG" || !e.view.dom.contains(n)) return;
-			let i = e.view.posAtDOM(n, 0), a = V(e.state.doc, i);
-			a && !Ye(a) && (r.start({
+			let i = e.view.posAtDOM(n, 0), a = z(e.state.doc, i);
+			a && !tt(a) && (r.start({
 				kind: "move",
 				pos: a.pos,
 				label: f.current(a.node.type.name)
 			}), requestAnimationFrame(() => b(a.pos)));
 		}, m = (t) => {
 			if (t.key !== "Escape" || !e.isFocused) return;
-			let n = Ze(e), r = n ? Xe(e.state.doc, n) : null;
-			if (t.preventDefault(), r) Qe(e, r);
+			let n = rt(e), r = n ? nt(e.state.doc, n) : null;
+			if (t.preventDefault(), r) it(e, r);
 			else {
 				let t = document.activeElement;
 				t instanceof HTMLElement && t.blur(), e.commands.blur();
@@ -3104,36 +3126,36 @@ function Zn({ editor: e, host: t }) {
 			kind: "move",
 			pos: n.pos,
 			label: s(n.node.type.name)
-		}), t.dataTransfer.setData(Le, "move"), t.dataTransfer.effectAllowed = "move", i instanceof HTMLElement) {
+		}), t.dataTransfer.setData(Ue, "move"), t.dataTransfer.effectAllowed = "move", i instanceof HTMLElement) {
 			let e = i.getBoundingClientRect();
 			t.dataTransfer.setDragImage(i, Math.min(24, e.width / 2), Math.min(24, e.height / 2));
 		}
 		requestAnimationFrame(() => b(n.pos));
-	}, E = y !== null, D = g && g.pos !== C?.pos ? Jn(e, t, g) : null, O = Jn(e, t, C), ee = E ? Jn(e, t, V(e.state.doc, y)) : null, k = C ? Xe(e.state.doc, C) : null;
-	return /* @__PURE__ */ z("div", {
+	}, E = y !== null, D = g && g.pos !== C?.pos ? $n(e, t, g) : null, O = $n(e, t, C), ee = E ? $n(e, t, z(e.state.doc, y)) : null, k = C ? nt(e.state.doc, C) : null;
+	return /* @__PURE__ */ L("div", {
 		className: "bree-ov-layer",
 		children: [
-			D && g && /* @__PURE__ */ R("div", {
-				className: B("bree-ov-frame bree-ov-hover", E && "bree-ov-ghost"),
+			D && g && /* @__PURE__ */ I("div", {
+				className: R("bree-ov-frame bree-ov-hover", E && "bree-ov-ghost"),
 				style: D,
-				children: /* @__PURE__ */ R("button", {
+				children: /* @__PURE__ */ I("button", {
 					type: "button",
 					className: "bree-ov-tag",
 					onMouseDown: (t) => {
-						t.preventDefault(), Qe(e, g);
+						t.preventDefault(), it(e, g);
 					},
 					children: s(g.node.type.name)
 				})
 			}),
-			O && C && /* @__PURE__ */ z("div", {
-				className: B("bree-ov-frame bree-ov-selected", E && "bree-ov-ghost"),
+			O && C && /* @__PURE__ */ L("div", {
+				className: R("bree-ov-frame bree-ov-selected", E && "bree-ov-ghost"),
 				style: O,
 				children: [
-					/* @__PURE__ */ R("span", {
+					/* @__PURE__ */ I("span", {
 						className: "bree-ov-tag bree-ov-tag-selected",
 						children: s(C.node.type.name)
 					}),
-					!Ye(C) && /* @__PURE__ */ R(j, { children: /* @__PURE__ */ R("span", {
+					!tt(C) && /* @__PURE__ */ I(j, { children: /* @__PURE__ */ I("span", {
 						className: "bree-ov-handle",
 						role: "button",
 						tabIndex: -1,
@@ -3141,38 +3163,38 @@ function Zn({ editor: e, host: t }) {
 						title: d.canvas.move,
 						"aria-label": d.canvas.moveLabel(s(C.node.type.name)),
 						onDragStart: (e) => T(e, C),
-						children: /* @__PURE__ */ R(Ct, {})
+						children: /* @__PURE__ */ I(At, {})
 					}) }),
-					/* @__PURE__ */ R(j, { children: /* @__PURE__ */ z("div", {
+					/* @__PURE__ */ I(j, { children: /* @__PURE__ */ L("div", {
 						className: "bree-ov-toolbar",
 						onMouseDown: (e) => e.preventDefault(),
-						children: [k && /* @__PURE__ */ R("button", {
+						children: [k && /* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-ov-tool",
 							title: d.canvas.selectParent(s(k.node.type.name)),
-							onClick: () => Qe(e, k),
-							children: /* @__PURE__ */ R(Et, {})
-						}), !Ye(C) && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
+							onClick: () => it(e, k),
+							children: /* @__PURE__ */ I(Nt, {})
+						}), !tt(C) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-ov-tool",
 							title: d.canvas.duplicate,
-							onClick: () => $e(e, C),
-							children: /* @__PURE__ */ R(wt, {})
-						}), /* @__PURE__ */ R("button", {
+							onClick: () => at(e, C),
+							children: /* @__PURE__ */ I(jt, {})
+						}), /* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-ov-tool bree-ov-danger",
 							title: d.canvas.delete,
-							onClick: () => et(e, C),
-							children: /* @__PURE__ */ R(Tt, {})
+							onClick: () => ot(e, C),
+							children: /* @__PURE__ */ I(Mt, {})
 						})] })]
 					}) })
 				]
 			}),
-			ee && /* @__PURE__ */ R("div", {
+			ee && /* @__PURE__ */ I("div", {
 				className: "bree-ov-frame bree-ov-source",
 				style: ee
 			}),
-			_ && /* @__PURE__ */ R(Qn, {
+			_ && /* @__PURE__ */ I(rr, {
 				host: t,
 				target: _,
 				label: r.get()?.label ?? "",
@@ -3181,32 +3203,32 @@ function Zn({ editor: e, host: t }) {
 		]
 	});
 }
-function Qn({ host: e, target: t, label: n, messages: r }) {
+function rr({ host: e, target: t, label: n, messages: r }) {
 	if (t.emptyZone) {
-		let i = qn(e, t.emptyZone);
-		return /* @__PURE__ */ R("div", {
+		let i = Qn(e, t.emptyZone);
+		return /* @__PURE__ */ I("div", {
 			className: "bree-ov-dropzone",
 			style: i,
-			children: /* @__PURE__ */ z("span", { children: [
-				/* @__PURE__ */ R(he, { size: 14 }),
+			children: /* @__PURE__ */ L("span", { children: [
+				/* @__PURE__ */ I(N, { size: 14 }),
 				" ",
 				r.canvas.dropLabel(n)
 			] })
 		});
 	}
 	if (!t.line) return null;
-	let i = qn(e, {
+	let i = Qn(e, {
 		...t.line,
 		height: 0
 	});
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "bree-ov-dropline",
 		style: {
 			top: i.top,
 			left: i.left,
 			width: i.width
 		},
-		children: /* @__PURE__ */ R("span", {
+		children: /* @__PURE__ */ I("span", {
 			className: "bree-ov-dropline-label",
 			children: r.canvas.dropHere
 		})
@@ -3214,32 +3236,32 @@ function Qn({ host: e, target: t, label: n, messages: r }) {
 }
 //#endregion
 //#region src/components/Canvas.tsx
-function $n({ overlay: e = !0, bubbleMenu: t = !0, slashCommands: n = !0, className: r, style: i, children: a }) {
-	let { editor: o, device: c, t: u } = Q(), [d, p] = l(null), m = s(() => Array.isArray(n) ? n : Se.map((e) => ({
+function ir({ overlay: e = !0, bubbleMenu: t = !0, slashCommands: n = !0, className: r, style: i, children: a }) {
+	let { editor: o, device: c, t: u } = Q(), [d, p] = l(null), m = s(() => Array.isArray(n) ? n : ke.map((e) => ({
 		...e,
 		...u.slashCommands[e.title]
 	})), [n, u]);
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ L("div", {
 		ref: p,
-		className: B("bree-canvas", r),
+		className: R("bree-canvas", r),
 		style: i,
 		"data-device": c,
 		children: [
-			/* @__PURE__ */ R(f, {
+			/* @__PURE__ */ I(f, {
 				editor: o,
 				className: "bree-canvas-content"
 			}),
-			t && /* @__PURE__ */ z(L, { children: [
-				/* @__PURE__ */ R(A, {
+			t && /* @__PURE__ */ L(F, { children: [
+				/* @__PURE__ */ I(se, {
 					hideWhenActiveNodes: ["button", "horizontalRule"],
 					hideWhenActiveMarks: ["link"]
 				}),
-				/* @__PURE__ */ R(A.LinkDefault, {}),
-				/* @__PURE__ */ R(A.ButtonDefault, {}),
-				/* @__PURE__ */ R(A.ImageDefault, {})
+				/* @__PURE__ */ I(se.LinkDefault, {}),
+				/* @__PURE__ */ I(se.ButtonDefault, {}),
+				/* @__PURE__ */ I(se.ImageDefault, {})
 			] }),
-			n !== !1 && /* @__PURE__ */ R(ge, { items: m }),
-			e && d && /* @__PURE__ */ R(Zn, {
+			n !== !1 && /* @__PURE__ */ I(Se, { items: m }),
+			e && d && /* @__PURE__ */ I(nr, {
 				editor: o,
 				host: d
 			}),
@@ -3249,36 +3271,36 @@ function $n({ overlay: e = !0, bubbleMenu: t = !0, slashCommands: n = !0, classN
 }
 //#endregion
 //#region src/core/layers.ts
-function er(e, t) {
+function ar(e, t) {
 	let n = e.child(t);
-	return t === e.childCount - 1 && e.childCount > 1 && Be(n) && e.child(t - 1).type.name !== "paragraph";
+	return t === e.childCount - 1 && e.childCount > 1 && Ke(n) && e.child(t - 1).type.name !== "paragraph";
 }
-function tr(e, t, n, r) {
+function or(e, t, n, r) {
 	let i = [];
 	return e.forEach((a, o, s) => {
-		if (er(e, s)) return;
-		let c = t + 1 + o, l = a.type.name, u = `${r}${s}`, d = Fe.has(l), f = d && a.childCount === 1 && Be(a.firstChild), p = d || Ie.has(l);
+		if (ar(e, s)) return;
+		let c = t + 1 + o, l = a.type.name, u = `${r}${s}`, d = Ve.has(l), f = d && a.childCount === 1 && Ke(a.firstChild), p = d || He.has(l);
 		i.push({
 			key: u,
 			pos: c,
 			node: a,
 			depth: n,
 			index: s + 1,
-			children: p && !f ? tr(a, c, n + 1, `${u}.`) : [],
+			children: p && !f ? or(a, c, n + 1, `${u}.`) : [],
 			accepts: d,
 			fixed: l === "columnsColumn",
 			empty: f
 		});
 	}), i;
 }
-function nr(e) {
-	let t = Ve(e);
-	return t ? tr(t.node, t.pos, 0, "") : [];
+function sr(e) {
+	let t = qe(e);
+	return t ? or(t.node, t.pos, 0, "") : [];
 }
-function rr(e, t) {
+function cr(e, t) {
 	return e.fixed ? "inside" : e.accepts ? t < .25 ? "before" : t > .75 ? "after" : "inside" : t < .5 ? "before" : "after";
 }
-function ir(e, t, n, r, i) {
+function lr(e, t, n, r, i) {
 	let a, o;
 	if (n === "inside") {
 		if (!t.accepts) return null;
@@ -3296,8 +3318,8 @@ function ir(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/LayersPanel.tsx
-function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r, style: a }) {
-	let { editor: o, t: d, locale: f, nodes: p, nodeLabel: m, dragSession: g, hoverStore: _ } = Q(), v = (e) => e.node.type.name === "columnsColumn" ? d.layers.column(e.index) : m(e.node.type.name), y = (e) => (p.get(e.node.type.name)?.preview ?? gn)(e.node, {
+function ur({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r, style: a }) {
+	let { editor: o, t: d, locale: f, nodes: p, nodeLabel: m, dragSession: g, hoverStore: _ } = Q(), v = (e) => e.node.type.name === "columnsColumn" ? d.layers.column(e.index) : m(e.node.type.name), y = (e) => (p.get(e.node.type.name)?.preview ?? Sn)(e.node, {
 		locale: f,
 		t: d
 	}), b = h({
@@ -3306,8 +3328,8 @@ function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 		equalityFn: (e, t) => e === t
 	}), x = h({
 		editor: o,
-		selector: ({ editor: e }) => e?.isFocused ? Ze(e)?.pos ?? null : null
-	}), S = u(_.subscribe, _.get), C = s(() => b ? nr(b) : [], [b]), [w, T] = l(() => /* @__PURE__ */ new Set()), [E, D] = l(null), O = c(null);
+		selector: ({ editor: e }) => e?.isFocused ? rt(e)?.pos ?? null : null
+	}), S = u(_.subscribe, _.get), C = s(() => b ? sr(b) : [], [b]), [w, T] = l(() => /* @__PURE__ */ new Set()), [E, D] = l(null), O = c(null);
 	i(() => {
 		x !== null && O.current?.querySelector("[aria-selected=\"true\"]")?.scrollIntoView({ block: "nearest" });
 	}, [x]);
@@ -3315,7 +3337,7 @@ function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
 	}), k = (e) => {
-		Qe(o, {
+		it(o, {
 			pos: e.pos,
 			node: e.node
 		});
@@ -3327,31 +3349,31 @@ function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 	}, te = (e, t) => {
 		let n = g.get();
 		if (!n) return null;
-		let r = Ue(o.view, n);
+		let r = Ye(o.view, n);
 		if (!r) return null;
-		let i = e.currentTarget.getBoundingClientRect(), a = rr(t, (e.clientY - i.top) / i.height), s = n.kind === "move" ? o.state.doc.nodeAt(n.pos) : null, c = n.kind === "move" && s ? {
+		let i = e.currentTarget.getBoundingClientRect(), a = cr(t, (e.clientY - i.top) / i.height), s = n.kind === "move" ? o.state.doc.nodeAt(n.pos) : null, c = n.kind === "move" && s ? {
 			from: n.pos,
 			to: n.pos + s.nodeSize
-		} : void 0, l = ir(o.state.doc, t, a, r, c);
+		} : void 0, l = lr(o.state.doc, t, a, r, c);
 		return l ? {
 			zone: a,
 			target: l,
 			payload: n
 		} : null;
-	}, A = () => {
+	}, ne = () => {
 		g.end(), D(null);
-	}, ne = (e) => e.map((e) => {
-		let t = p.get(e.node.type.name)?.icon ?? P, n = e.children.length > 0, r = w.has(e.key), i = y(e), a = E?.key === e.key ? E.zone : null;
-		return /* @__PURE__ */ z("div", {
+	}, re = (e) => e.map((e) => {
+		let t = p.get(e.node.type.name)?.icon ?? me, n = e.children.length > 0, r = w.has(e.key), i = y(e), a = E?.key === e.key ? E.zone : null;
+		return /* @__PURE__ */ L("div", {
 			role: "none",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ L("div", {
 					role: "treeitem",
 					tabIndex: x === e.pos || x === null && e.key === "0" ? 0 : -1,
 					"aria-level": e.depth + 1,
 					"aria-selected": x === e.pos,
 					"aria-expanded": n ? !r : void 0,
-					className: B("bree-layer", x === e.pos && "bree-selected", S === e.pos && "bree-hovered", a && `bree-drop-${a}`, e.fixed && "bree-fixed"),
+					className: R("bree-layer", x === e.pos && "bree-selected", S === e.pos && "bree-hovered", a && `bree-drop-${a}`, e.fixed && "bree-fixed"),
 					style: { paddingLeft: 6 + e.depth * 16 },
 					draggable: !e.fixed,
 					title: e.fixed ? d.layers.fixedHint : d.layers.itemHint,
@@ -3372,9 +3394,9 @@ function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 							kind: "move",
 							pos: e.pos,
 							label: v(e)
-						}), t.dataTransfer.setData(Le, "move"), t.dataTransfer.effectAllowed = "move";
+						}), t.dataTransfer.setData(Ue, "move"), t.dataTransfer.effectAllowed = "move";
 					},
-					onDragEnd: A,
+					onDragEnd: ne,
 					onDragOver: (t) => {
 						let n = te(t, e);
 						if (!n) {
@@ -3388,62 +3410,62 @@ function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 					},
 					onDrop: (t) => {
 						let n = te(t, e);
-						t.preventDefault(), n && qe(o, n.payload, n.target), A();
+						t.preventDefault(), n && $e(o, n.payload, n.target), ne();
 					},
 					children: [
-						n ? /* @__PURE__ */ R("button", {
+						n ? /* @__PURE__ */ I("button", {
 							type: "button",
-							className: B("bree-layer-caret", !r && "bree-open"),
+							className: R("bree-layer-caret", !r && "bree-open"),
 							"aria-label": r ? d.layers.expand : d.layers.collapse,
 							tabIndex: -1,
 							onClick: (t) => {
 								t.stopPropagation(), ee(e.key);
 							},
 							children: "›"
-						}) : /* @__PURE__ */ R("span", { className: "bree-layer-caret-spacer" }),
-						/* @__PURE__ */ R("span", {
+						}) : /* @__PURE__ */ I("span", { className: "bree-layer-caret-spacer" }),
+						/* @__PURE__ */ I("span", {
 							className: "bree-layer-icon",
-							children: /* @__PURE__ */ R(t, { size: 14 })
+							children: /* @__PURE__ */ I(t, { size: 14 })
 						}),
-						/* @__PURE__ */ R("span", {
+						/* @__PURE__ */ I("span", {
 							className: "bree-layer-label",
 							children: v(e)
 						}),
-						i && /* @__PURE__ */ R("span", {
+						i && /* @__PURE__ */ I("span", {
 							className: "bree-layer-preview",
 							children: i
 						})
 					]
 				}),
-				e.empty && /* @__PURE__ */ R("div", {
+				e.empty && /* @__PURE__ */ I("div", {
 					className: "bree-layer-empty",
 					style: { paddingLeft: 6 + (e.depth + 1) * 16 + 18 },
 					children: d.layers.emptyZone
 				}),
-				n && !r && /* @__PURE__ */ R("div", {
+				n && !r && /* @__PURE__ */ I("div", {
 					role: "group",
-					children: ne(e.children)
+					children: re(e.children)
 				})
 			]
 		}, e.key);
 	});
-	return /* @__PURE__ */ R(j, { children: /* @__PURE__ */ z("aside", {
-		className: B("bree-layers", r),
+	return /* @__PURE__ */ I(j, { children: /* @__PURE__ */ L("aside", {
+		className: R("bree-layers", r),
 		style: a,
 		"aria-label": t ?? d.layers.title,
 		tabIndex: -1,
 		onDragLeave: (e) => !e.currentTarget.contains(e.relatedTarget) && D(null),
-		children: [/* @__PURE__ */ z("header", {
+		children: [/* @__PURE__ */ L("header", {
 			className: "bree-layers-header",
-			children: [/* @__PURE__ */ R("h2", { children: t ?? d.layers.title }), /* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ I("h2", { children: t ?? d.layers.title }), /* @__PURE__ */ L("div", {
 				className: "bree-layers-actions",
-				children: [n && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
+				children: [n && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("button", {
 					type: "button",
 					className: "bree-icon-button bree-small",
 					title: d.layers.expandAll,
 					onClick: () => T(/* @__PURE__ */ new Set()),
 					children: "⊞"
-				}), /* @__PURE__ */ R("button", {
+				}), /* @__PURE__ */ I("button", {
 					type: "button",
 					className: "bree-icon-button bree-small",
 					title: d.layers.collapseAll,
@@ -3454,20 +3476,20 @@ function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 						t(C), T(e);
 					},
 					children: "⊟"
-				})] }), e && /* @__PURE__ */ R("button", {
+				})] }), e && /* @__PURE__ */ I("button", {
 					type: "button",
 					className: "bree-icon-button bree-small",
 					title: d.layers.close,
 					onClick: e,
-					children: /* @__PURE__ */ R(I, { size: 14 })
+					children: /* @__PURE__ */ I(Oe, { size: 14 })
 				})]
 			})]
-		}), /* @__PURE__ */ R("div", {
+		}), /* @__PURE__ */ I("div", {
 			className: "bree-layers-list",
 			role: "tree",
 			"aria-label": d.layers.tree,
 			ref: O,
-			children: C.length ? ne(C) : /* @__PURE__ */ R("p", {
+			children: C.length ? re(C) : /* @__PURE__ */ I("p", {
 				className: "bree-hint",
 				children: d.layers.emptyEmail
 			})
@@ -3476,58 +3498,58 @@ function ar({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 }
 //#endregion
 //#region src/components/inspectors/DefaultInspector.tsx
-function or({ ctx: e, className: t, style: n }) {
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-inspector", t),
+function dr({ ctx: e, className: t, style: n }) {
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-inspector", t),
 		style: n,
 		children: [
-			/* @__PURE__ */ R(qt, {
+			/* @__PURE__ */ I(en, {
 				ctx: e,
 				alignment: String(e.getAttr("alignment") ?? "left"),
 				setAlignment: (t) => e.setAttr("alignment", t)
 			}),
-			/* @__PURE__ */ R(Jt, { ctx: e }),
-			/* @__PURE__ */ R(Yt, { ctx: e })
+			/* @__PURE__ */ I(q, { ctx: e }),
+			/* @__PURE__ */ I(tn, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/components/PropertiesPanel.tsx
-function sr() {
+function fr() {
 	let { editor: e } = Q();
 	return () => {
 		let t = document.activeElement;
 		t instanceof HTMLElement && t.blur(), e.commands.blur();
 	};
 }
-function cr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i }) {
-	let { t: a, nodeLabel: o } = Q(), s = sr();
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-properties", r),
+function pr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i }) {
+	let { t: a, nodeLabel: o } = Q(), s = fr();
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-properties", r),
 		style: i,
 		children: [
-			/* @__PURE__ */ z("header", {
+			/* @__PURE__ */ L("header", {
 				className: "bree-properties-header",
-				children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("span", {
+				children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("span", {
 					className: "bree-eyebrow",
 					children: a.sidebar.propertiesEyebrow
-				}), /* @__PURE__ */ R("h2", { children: e })] }), /* @__PURE__ */ R("button", {
+				}), /* @__PURE__ */ I("h2", { children: e })] }), /* @__PURE__ */ I("button", {
 					type: "button",
 					className: "bree-icon-button",
 					title: a.sidebar.closeProperties,
 					onClick: s,
-					children: /* @__PURE__ */ R(I, { size: 16 })
+					children: /* @__PURE__ */ I(Oe, { size: 16 })
 				})]
 			}),
-			n && /* @__PURE__ */ R(N.Breadcrumb, { children: (e) => e.length > 1 && /* @__PURE__ */ R("nav", {
+			n && /* @__PURE__ */ I(M.Breadcrumb, { children: (e) => e.length > 1 && /* @__PURE__ */ I("nav", {
 				className: "bree-breadcrumb",
 				"aria-label": a.sidebar.breadcrumb,
-				children: e.map((t, n) => /* @__PURE__ */ z("span", {
+				children: e.map((t, n) => /* @__PURE__ */ L("span", {
 					className: "bree-crumb",
-					children: [n > 0 && /* @__PURE__ */ R("span", {
+					children: [n > 0 && /* @__PURE__ */ I("span", {
 						className: "bree-crumb-sep",
 						children: "/"
-					}), /* @__PURE__ */ R("button", {
+					}), /* @__PURE__ */ I("button", {
 						type: "button",
 						disabled: n === e.length - 1,
 						onClick: t.focus,
@@ -3535,7 +3557,7 @@ function cr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i
 					})]
 				}, `${t.node.nodeType}-${t.node.nodePos.pos}`))
 			}) }),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ I("div", {
 				className: "bree-panel-scroll",
 				children: t
 			})
@@ -3544,18 +3566,18 @@ function cr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i
 }
 //#endregion
 //#region src/components/BlockProperties.tsx
-function lr({ ctx: e, className: t, style: n }) {
-	let { nodes: r, nodeLabel: i } = Q(), a = r.get(e.nodeType)?.inspector ?? or;
-	return /* @__PURE__ */ R(cr, {
+function mr({ ctx: e, className: t, style: n }) {
+	let { nodes: r, nodeLabel: i } = Q(), a = r.get(e.nodeType)?.inspector ?? dr;
+	return /* @__PURE__ */ I(pr, {
 		title: i(e.nodeType),
 		className: t,
 		style: n,
-		children: /* @__PURE__ */ R(a, { ctx: e }, `${e.nodeType}-${e.nodePos.pos}`)
+		children: /* @__PURE__ */ I(a, { ctx: e }, `${e.nodeType}-${e.nodePos.pos}`)
 	});
 }
 //#endregion
 //#region src/components/useDraggableBlock.ts
-function ur(e, t) {
+function hr(e, t) {
 	let { editor: n, dragSession: r } = Q();
 	return {
 		draggable: !0,
@@ -3564,123 +3586,123 @@ function ur(e, t) {
 				kind: "new",
 				label: e,
 				content: t
-			}), n.dataTransfer.setData(Le, e), n.dataTransfer.effectAllowed = "copy";
+			}), n.dataTransfer.setData(Ue, e), n.dataTransfer.effectAllowed = "copy";
 		},
 		onDragEnd: () => r.end(),
-		onClick: () => tt(n, t())
+		onClick: () => st(n, t())
 	};
 }
 //#endregion
 //#region src/components/BlocksTab.tsx
-function dr({ template: e, className: t, style: n }) {
-	let r = zn(), i = vt(e.label, r), a = ur(i, () => e.content(r));
-	return /* @__PURE__ */ z("button", {
+function gr({ template: e, className: t, style: n }) {
+	let r = Wn(), i = Tt(e.label, r), a = hr(i, () => e.content(r));
+	return /* @__PURE__ */ L("button", {
 		type: "button",
-		className: B("bree-block-card", t),
+		className: R("bree-block-card", t),
 		style: n,
 		...a,
-		children: [e.thumbnail ?? /* @__PURE__ */ R(Z, { variant: "default" }), /* @__PURE__ */ z("span", {
+		children: [e.thumbnail ?? /* @__PURE__ */ I(Z, { variant: "default" }), /* @__PURE__ */ L("span", {
 			className: "bree-block-text",
-			children: [/* @__PURE__ */ R("strong", { children: i }), e.description && /* @__PURE__ */ R("span", { children: vt(e.description, r) })]
+			children: [/* @__PURE__ */ I("strong", { children: i }), e.description && /* @__PURE__ */ I("span", { children: Tt(e.description, r) })]
 		})]
 	});
 }
-function fr({ templates: e, className: t, style: n }) {
+function _r({ templates: e, className: t, style: n }) {
 	let r = Q();
-	return /* @__PURE__ */ R("div", {
-		className: B("bree-block-list", t),
+	return /* @__PURE__ */ I("div", {
+		className: R("bree-block-list", t),
 		style: n,
-		children: (e ?? r.templates).map((e) => /* @__PURE__ */ R(dr, { template: e }, e.id))
+		children: (e ?? r.templates).map((e) => /* @__PURE__ */ I(gr, { template: e }, e.id))
 	});
 }
 //#endregion
 //#region src/components/BodyTab.tsx
-function pr({ ctx: e, className: t, style: n }) {
+function vr({ ctx: e, className: t, style: n }) {
 	let { settings: r, updateSettings: i, t: a } = Q(), o = a.body, { findStyleValue: s, setGlobalStyle: c } = e;
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-body-tab", t),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-body-tab", t),
 		style: n,
 		children: [
-			/* @__PURE__ */ R(U, {
+			/* @__PURE__ */ I(V, {
 				title: o.general,
-				children: /* @__PURE__ */ R(W, {
+				children: /* @__PURE__ */ I(H, {
 					label: o.previewText,
 					stacked: !0,
-					children: /* @__PURE__ */ R(G, {
+					children: /* @__PURE__ */ I(U, {
 						value: r.previewText,
 						onChange: (e) => i({ previewText: e }),
 						placeholder: o.previewTextPlaceholder
 					})
 				})
 			}),
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: o.background,
-				children: [/* @__PURE__ */ R(W, {
+				children: [/* @__PURE__ */ I(H, {
 					label: o.backgroundColor,
 					stacked: !0,
-					children: /* @__PURE__ */ R(q, {
+					children: /* @__PURE__ */ I(G, {
 						value: s("body", "backgroundColor"),
 						onChange: (e) => c("body", "backgroundColor", e)
 					})
-				}), /* @__PURE__ */ R(W, {
+				}), /* @__PURE__ */ I(H, {
 					label: o.outerPadding,
-					children: /* @__PURE__ */ R(K, {
+					children: /* @__PURE__ */ I(W, {
 						value: s("body", "padding"),
 						onChange: (e) => c("body", "padding", e)
 					})
 				})]
 			}),
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: o.content,
 				children: [
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.width,
-						children: /* @__PURE__ */ R(K, {
+						children: /* @__PURE__ */ I(W, {
 							value: s("container", "width"),
 							onChange: (e) => c("container", "width", e),
 							min: 320,
 							max: 900
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.contentColor,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
+						children: /* @__PURE__ */ I(G, {
 							value: s("container", "backgroundColor"),
 							onChange: (e) => c("container", "backgroundColor", e)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.innerPadding,
-						children: /* @__PURE__ */ R(K, {
+						children: /* @__PURE__ */ I(W, {
 							value: s("container", "padding"),
 							onChange: (e) => c("container", "padding", e)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.radius,
-						children: /* @__PURE__ */ R(K, {
+						children: /* @__PURE__ */ I(W, {
 							value: s("container", "borderRadius"),
 							onChange: (e) => c("container", "borderRadius", e)
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ L(V, {
 				title: o.defaultStyles,
 				children: [
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.text,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
+						children: /* @__PURE__ */ I(G, {
 							value: s("paragraph", "color"),
 							onChange: (e) => c("paragraph", "color", e)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.headings,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
+						children: /* @__PURE__ */ I(G, {
 							value: s("h1", "color"),
 							onChange: (t) => e.batchSetGlobalStyle([
 								"h1",
@@ -3693,26 +3715,26 @@ function pr({ ctx: e, className: t, style: n }) {
 							})))
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.links,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
+						children: /* @__PURE__ */ I(G, {
 							value: s("link", "color"),
 							onChange: (e) => c("link", "color", e)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.buttonBackground,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
+						children: /* @__PURE__ */ I(G, {
 							value: s("button", "backgroundColor"),
 							onChange: (e) => c("button", "backgroundColor", e)
 						})
 					}),
-					/* @__PURE__ */ R(W, {
+					/* @__PURE__ */ I(H, {
 						label: o.buttonText,
 						stacked: !0,
-						children: /* @__PURE__ */ R(q, {
+						children: /* @__PURE__ */ I(G, {
 							value: s("button", "color"),
 							onChange: (e) => c("button", "color", e)
 						})
@@ -3724,41 +3746,41 @@ function pr({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/ContentTab.tsx
-function mr({ item: e, className: t, style: n }) {
-	let r = zn(), i = vt(e.label, r), a = ur(i, () => e.content(r));
-	return /* @__PURE__ */ z("button", {
+function yr({ item: e, className: t, style: n }) {
+	let r = Wn(), i = Tt(e.label, r), a = hr(i, () => e.content(r));
+	return /* @__PURE__ */ L("button", {
 		type: "button",
-		className: B("bree-tile", t),
+		className: R("bree-tile", t),
 		style: n,
 		title: r.t.sidebar.tileTitle(i),
 		...a,
-		children: [/* @__PURE__ */ R("span", {
+		children: [/* @__PURE__ */ I("span", {
 			className: "bree-tile-icon",
 			children: e.icon
-		}), /* @__PURE__ */ R("span", {
+		}), /* @__PURE__ */ I("span", {
 			className: "bree-tile-label",
 			children: i
 		})]
 	});
 }
-function hr({ items: e, groups: t, hint: n, className: r, style: i }) {
+function br({ items: e, groups: t, hint: n, className: r, style: i }) {
 	let a = Q(), o = e ?? a.palette, s = t ?? a.paletteGroups, c = [...s, ...[...new Set(o.map((e) => e.group))].filter((e) => !s.some((t) => t.id === e)).map((e) => ({
 		id: e,
 		title: e
 	}))];
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-content-tab", r),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-content-tab", r),
 		style: i,
 		children: [c.map((e) => {
 			let t = o.filter((t) => t.group === e.id);
-			return t.length ? /* @__PURE__ */ z("section", { children: [/* @__PURE__ */ R("h3", {
+			return t.length ? /* @__PURE__ */ L("section", { children: [/* @__PURE__ */ I("h3", {
 				className: "bree-panel-title",
-				children: vt(e.title, a)
-			}), /* @__PURE__ */ R("div", {
+				children: Tt(e.title, a)
+			}), /* @__PURE__ */ I("div", {
 				className: "bree-tiles",
-				children: t.map((e) => /* @__PURE__ */ R(mr, { item: e }, e.id))
+				children: t.map((e) => /* @__PURE__ */ I(yr, { item: e }, e.id))
 			})] }, e.id) : null;
-		}), n !== null && /* @__PURE__ */ R("p", {
+		}), n !== null && /* @__PURE__ */ I("p", {
 			className: "bree-hint",
 			children: n ?? a.t.sidebar.dragHint
 		})]
@@ -3766,7 +3788,7 @@ function hr({ items: e, groups: t, hint: n, className: r, style: i }) {
 }
 //#endregion
 //#region src/components/ContentPanel.tsx
-function gr({ ctx: e, tabs: t = [
+function xr({ ctx: e, tabs: t = [
 	"content",
 	"blocks",
 	"body"
@@ -3775,34 +3797,34 @@ function gr({ ctx: e, tabs: t = [
 		content: {
 			id: "content",
 			label: a.sidebar.tabContent,
-			render: () => /* @__PURE__ */ R(hr, {})
+			render: () => /* @__PURE__ */ I(br, {})
 		},
 		blocks: {
 			id: "blocks",
 			label: a.sidebar.tabBlocks,
-			render: () => /* @__PURE__ */ R(fr, {})
+			render: () => /* @__PURE__ */ I(_r, {})
 		},
 		body: {
 			id: "body",
 			label: a.sidebar.tabBody,
-			render: (e) => /* @__PURE__ */ R(pr, { ctx: e })
+			render: (e) => /* @__PURE__ */ I(vr, { ctx: e })
 		}
 	}, s = t.map((e) => typeof e == "string" ? o[e] : e), [c, u] = l(n ?? s[0]?.id), d = s.find((e) => e.id === c) ?? s[0];
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-content-panel", r),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-content-panel", r),
 		style: i,
-		children: [s.length > 1 && /* @__PURE__ */ R("nav", {
+		children: [s.length > 1 && /* @__PURE__ */ I("nav", {
 			className: "bree-tabs",
 			role: "tablist",
-			children: s.map((e) => /* @__PURE__ */ R("button", {
+			children: s.map((e) => /* @__PURE__ */ I("button", {
 				type: "button",
 				role: "tab",
 				"aria-selected": e.id === d?.id,
-				className: B(e.id === d?.id && "bree-active"),
+				className: R(e.id === d?.id && "bree-active"),
 				onClick: () => u(e.id),
 				children: e.label
 			}, e.id))
-		}), /* @__PURE__ */ R("div", {
+		}), /* @__PURE__ */ I("div", {
 			className: "bree-panel-scroll",
 			children: d?.render(e)
 		})]
@@ -3810,66 +3832,66 @@ function gr({ ctx: e, tabs: t = [
 }
 //#endregion
 //#region src/components/TextProperties.tsx
-function _r({ ctx: e, className: t, style: n }) {
+function Sr({ ctx: e, className: t, style: n }) {
 	let r = $(), i = r.inspector, a = [
 		{
 			mark: "bold",
-			Icon: te,
+			Icon: oe,
 			title: i.bold
 		},
 		{
 			mark: "italic",
-			Icon: se,
+			Icon: pe,
 			title: i.italic
 		},
 		{
 			mark: "underline",
-			Icon: xe,
+			Icon: De,
 			title: i.underline
 		},
 		{
 			mark: "strike",
-			Icon: ve,
+			Icon: P,
 			title: i.strike
 		}
 	];
-	return /* @__PURE__ */ z(cr, {
+	return /* @__PURE__ */ L(pr, {
 		title: r.sidebar.selectedText,
 		className: t,
 		style: n,
 		children: [
-			/* @__PURE__ */ R(U, {
+			/* @__PURE__ */ I(V, {
 				title: i.formatting,
-				children: /* @__PURE__ */ R("div", {
+				children: /* @__PURE__ */ I("div", {
 					className: "bree-mark-row",
-					children: a.map(({ mark: t, Icon: n, title: r }) => /* @__PURE__ */ R("button", {
+					children: a.map(({ mark: t, Icon: n, title: r }) => /* @__PURE__ */ I("button", {
 						type: "button",
 						title: r,
 						"aria-pressed": !!e.marks[t],
-						className: B("bree-mark", e.marks[t] && "bree-active"),
+						className: R("bree-mark", e.marks[t] && "bree-active"),
 						onClick: () => e.toggleMark(t),
-						children: /* @__PURE__ */ R(n, { size: 14 })
+						children: /* @__PURE__ */ I(n, { size: 14 })
 					}, t))
 				})
 			}),
-			/* @__PURE__ */ R(qt, {
+			/* @__PURE__ */ I(en, {
 				ctx: e,
 				alignment: e.alignment,
 				setAlignment: e.setAlignment
 			}),
-			e.isLinkActive && /* @__PURE__ */ z(U, {
+			e.isLinkActive && /* @__PURE__ */ L(V, {
 				title: i.link,
-				children: [/* @__PURE__ */ R(W, {
+				children: [/* @__PURE__ */ I(H, {
 					label: i.url,
 					stacked: !0,
-					children: /* @__PURE__ */ R("span", {
+					children: /* @__PURE__ */ I("span", {
 						className: "bree-readonly",
 						children: e.linkHref
 					})
-				}), /* @__PURE__ */ R(W, {
+				}), /* @__PURE__ */ I(H, {
 					label: i.linkColor,
 					stacked: !0,
-					children: /* @__PURE__ */ R(q, {
+					children: /* @__PURE__ */ I(G, {
 						value: e.linkColor,
 						presets: e.presetColors,
 						onChange: e.setLinkColor
@@ -3881,26 +3903,26 @@ function _r({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/Sidebar.tsx
-function vr({ renderDocument: e = (e) => /* @__PURE__ */ R(gr, { ctx: e }), renderNode: t = (e) => /* @__PURE__ */ R(lr, { ctx: e }), renderText: n = (e) => /* @__PURE__ */ R(_r, { ctx: e }), className: r, style: i }) {
+function Cr({ renderDocument: e = (e) => /* @__PURE__ */ I(xr, { ctx: e }), renderNode: t = (e) => /* @__PURE__ */ I(mr, { ctx: e }), renderText: n = (e) => /* @__PURE__ */ I(Sr, { ctx: e }), className: r, style: i }) {
 	let { t: a } = Q();
-	return /* @__PURE__ */ z(N.Root, {
-		className: B("bree-sidebar", r),
+	return /* @__PURE__ */ L(M.Root, {
+		className: R("bree-sidebar", r),
 		style: i,
 		"aria-label": a.sidebar.label,
 		children: [
-			/* @__PURE__ */ R(N.Document, { children: e }),
-			/* @__PURE__ */ R(N.Node, { children: t }),
-			/* @__PURE__ */ R(N.Text, { children: n })
+			/* @__PURE__ */ I(M.Document, { children: e }),
+			/* @__PURE__ */ I(M.Node, { children: t }),
+			/* @__PURE__ */ I(M.Text, { children: n })
 		]
 	});
 }
 //#endregion
 //#region src/components/PreviewDialog.tsx
-function yr(e, t, n) {
+function wr(e, t, n) {
 	let r = URL.createObjectURL(new Blob([t], { type: n })), i = document.createElement("a");
 	i.href = r, i.download = e, i.click(), URL.revokeObjectURL(r);
 }
-function br({ onClose: e, defaultView: t = "desktop", views: n = [
+function Tr({ onClose: e, defaultView: t = "desktop", views: n = [
 	"desktop",
 	"mobile",
 	"html",
@@ -3919,76 +3941,76 @@ function br({ onClose: e, defaultView: t = "desktop", views: n = [
 	let y = async () => {
 		p && (await navigator.clipboard.writeText(d === "text" ? p.text : p.html), v(!0), setTimeout(() => v(!1), 1500));
 	}, b = u.preview;
-	return Me(/* @__PURE__ */ R(j, { children: /* @__PURE__ */ R("div", {
+	return Re(/* @__PURE__ */ I(j, { children: /* @__PURE__ */ I("div", {
 		className: "bree bree-modal-backdrop",
 		onMouseDown: (t) => t.target === t.currentTarget && e(),
-		children: /* @__PURE__ */ z("div", {
-			className: B("bree-modal", a),
+		children: /* @__PURE__ */ L("div", {
+			className: R("bree-modal", a),
 			style: o,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": b.dialogLabel,
-			children: [/* @__PURE__ */ z("header", {
+			children: [/* @__PURE__ */ L("header", {
 				className: "bree-modal-header",
-				children: [/* @__PURE__ */ R("nav", {
+				children: [/* @__PURE__ */ I("nav", {
 					className: "bree-tabs bree-compact",
 					role: "tablist",
-					children: n.map((e) => /* @__PURE__ */ R("button", {
+					children: n.map((e) => /* @__PURE__ */ I("button", {
 						type: "button",
 						role: "tab",
 						"aria-selected": d === e,
-						className: B(d === e && "bree-active"),
+						className: R(d === e && "bree-active"),
 						onClick: () => f(e),
 						children: b[e]
 					}, e))
-				}), /* @__PURE__ */ z("div", {
+				}), /* @__PURE__ */ L("div", {
 					className: "bree-modal-actions",
 					children: [
-						p && (d === "html" || d === "text") && /* @__PURE__ */ R("button", {
+						p && (d === "html" || d === "text") && /* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-btn",
 							onClick: y,
 							children: _ ? b.copied : b.copy
 						}),
-						p && /* @__PURE__ */ R("button", {
+						p && /* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-btn bree-primary",
-							onClick: () => yr(r, p.unformattedHtml, "text/html"),
+							onClick: () => wr(r, p.unformattedHtml, "text/html"),
 							children: b.download
 						}),
-						/* @__PURE__ */ R("button", {
+						/* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-icon-button",
 							onClick: e,
 							title: b.close,
-							children: /* @__PURE__ */ R(I, { size: 18 })
+							children: /* @__PURE__ */ I(Oe, { size: 18 })
 						})
 					]
 				})]
-			}), /* @__PURE__ */ z("div", {
+			}), /* @__PURE__ */ L("div", {
 				className: "bree-modal-body",
 				children: [
-					h && /* @__PURE__ */ R("p", {
+					h && /* @__PURE__ */ I("p", {
 						className: "bree-error",
 						children: b.renderError(h)
 					}),
-					!p && !h && /* @__PURE__ */ R("p", {
+					!p && !h && /* @__PURE__ */ I("p", {
 						className: "bree-loading",
 						children: b.rendering
 					}),
-					p && (d === "desktop" || d === "mobile") && /* @__PURE__ */ R("div", {
-						className: B("bree-preview-frame", `bree-preview-${d}`),
-						children: /* @__PURE__ */ R("iframe", {
+					p && (d === "desktop" || d === "mobile") && /* @__PURE__ */ I("div", {
+						className: R("bree-preview-frame", `bree-preview-${d}`),
+						children: /* @__PURE__ */ I("iframe", {
 							title: b.iframeTitle,
 							srcDoc: p.html,
 							sandbox: "allow-same-origin allow-popups"
 						})
 					}),
-					p && d === "html" && /* @__PURE__ */ R("pre", {
+					p && d === "html" && /* @__PURE__ */ I("pre", {
 						className: "bree-code",
 						children: p.html
 					}),
-					p && d === "text" && /* @__PURE__ */ R("pre", {
+					p && d === "text" && /* @__PURE__ */ I("pre", {
 						className: "bree-code",
 						children: p.text
 					})
@@ -3999,23 +4021,23 @@ function br({ onClose: e, defaultView: t = "desktop", views: n = [
 }
 //#endregion
 //#region src/components/TopBar.tsx
-function xr({ className: e, style: t }) {
+function Er({ className: e, style: t }) {
 	let { layersOpen: n, setLayersOpen: r, t: i } = Q();
-	return /* @__PURE__ */ z("button", {
+	return /* @__PURE__ */ L("button", {
 		type: "button",
-		className: B("bree-btn bree-ghost bree-layers-toggle", n && "bree-active", e),
+		className: R("bree-btn bree-ghost bree-layers-toggle", n && "bree-active", e),
 		style: t,
 		"aria-pressed": n,
 		onClick: () => r(!n),
 		title: i.topBar.toggleLayers,
 		children: [
-			/* @__PURE__ */ R(jt, {}),
+			/* @__PURE__ */ I(Rt, {}),
 			" ",
 			i.topBar.layers
 		]
 	});
 }
-function Sr({ className: e, style: t }) {
+function Dr({ className: e, style: t }) {
 	let { editor: n, t: r } = Q(), i = h({
 		editor: n,
 		selector: ({ editor: e }) => ({
@@ -4023,57 +4045,57 @@ function Sr({ className: e, style: t }) {
 			redo: !!e?.can().redo()
 		})
 	});
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-btn-group", e),
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-btn-group", e),
 		style: t,
-		children: [/* @__PURE__ */ R("button", {
+		children: [/* @__PURE__ */ I("button", {
 			type: "button",
 			className: "bree-icon-button",
 			title: r.topBar.undo,
 			disabled: !i?.undo,
 			onClick: () => n.chain().focus().undo().run(),
-			children: /* @__PURE__ */ R(Dt, {})
-		}), /* @__PURE__ */ R("button", {
+			children: /* @__PURE__ */ I(Pt, {})
+		}), /* @__PURE__ */ I("button", {
 			type: "button",
 			className: "bree-icon-button",
 			title: r.topBar.redo,
 			disabled: !i?.redo,
 			onClick: () => n.chain().focus().redo().run(),
-			children: /* @__PURE__ */ R(Ot, {})
+			children: /* @__PURE__ */ I(Ft, {})
 		})]
 	});
 }
-function Cr({ className: e, style: t }) {
+function Or({ className: e, style: t }) {
 	let { device: n, setDevice: r, t: i } = Q(), a = [{
 		id: "desktop",
 		label: i.topBar.desktop,
-		Icon: kt
+		Icon: It
 	}, {
 		id: "mobile",
 		label: i.topBar.mobile,
-		Icon: At
+		Icon: Lt
 	}];
-	return /* @__PURE__ */ R("div", {
-		className: B("bree-segmented bree-device-toggle", e),
+	return /* @__PURE__ */ I("div", {
+		className: R("bree-segmented bree-device-toggle", e),
 		style: t,
 		role: "radiogroup",
 		"aria-label": i.topBar.canvasWidth,
-		children: a.map(({ id: e, label: t, Icon: i }) => /* @__PURE__ */ R("button", {
+		children: a.map(({ id: e, label: t, Icon: i }) => /* @__PURE__ */ I("button", {
 			type: "button",
 			role: "radio",
 			"aria-checked": n === e,
-			className: B(n === e && "bree-active"),
+			className: R(n === e && "bree-active"),
 			onClick: () => r(e),
 			title: t,
-			children: /* @__PURE__ */ R(i, {})
+			children: /* @__PURE__ */ I(i, {})
 		}, e))
 	});
 }
-function wr({ className: e, style: t }) {
+function kr({ className: e, style: t }) {
 	let { editor: n, starterDocument: r, locale: i, t: a } = Q();
-	return /* @__PURE__ */ R("button", {
+	return /* @__PURE__ */ I("button", {
 		type: "button",
-		className: B("bree-btn bree-ghost", e),
+		className: R("bree-btn bree-ghost", e),
 		style: t,
 		onClick: () => {
 			confirm(a.topBar.confirmTemplate) && n.commands.setContent(r({
@@ -4084,7 +4106,7 @@ function wr({ className: e, style: t }) {
 		children: a.topBar.template
 	});
 }
-function Tr({ className: e, style: t }) {
+function Ar({ className: e, style: t }) {
 	let { handle: n, t: r } = Q(), i = c(null), a = async (e) => {
 		try {
 			n.setValue(JSON.parse(await e.text()));
@@ -4092,13 +4114,13 @@ function Tr({ className: e, style: t }) {
 			alert(r.topBar.invalidFile(e instanceof Error ? e.message : String(e)));
 		}
 	};
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("button", {
 		type: "button",
-		className: B("bree-btn bree-ghost", e),
+		className: R("bree-btn bree-ghost", e),
 		style: t,
 		onClick: () => i.current?.click(),
 		children: r.topBar.import
-	}), /* @__PURE__ */ R("input", {
+	}), /* @__PURE__ */ I("input", {
 		ref: i,
 		type: "file",
 		accept: "application/json,.json",
@@ -4109,73 +4131,73 @@ function Tr({ className: e, style: t }) {
 		}
 	})] });
 }
-function Er({ className: e, style: t, filename: n = "email.json" }) {
+function jr({ className: e, style: t, filename: n = "email.json" }) {
 	let { handle: r, t: i } = Q();
-	return /* @__PURE__ */ R("button", {
+	return /* @__PURE__ */ I("button", {
 		type: "button",
-		className: B("bree-btn bree-ghost", e),
+		className: R("bree-btn bree-ghost", e),
 		style: t,
-		onClick: () => yr(n, JSON.stringify(r.getValue(), null, 2), "application/json"),
+		onClick: () => wr(n, JSON.stringify(r.getValue(), null, 2), "application/json"),
 		children: i.topBar.exportJson
 	});
 }
-function Dr({ view: e = "desktop", variant: t = "default", children: n, className: r, style: i }) {
+function Mr({ view: e = "desktop", variant: t = "default", children: n, className: r, style: i }) {
 	let { t: a } = Q(), [o, s] = l(!1);
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("button", {
 		type: "button",
-		className: B("bree-btn", t !== "default" && `bree-${t}`, r),
+		className: R("bree-btn", t !== "default" && `bree-${t}`, r),
 		style: i,
 		onClick: () => s(!0),
 		children: n ?? a.topBar.preview
-	}), o && /* @__PURE__ */ R(br, {
+	}), o && /* @__PURE__ */ I(Tr, {
 		defaultView: e,
 		onClose: () => s(!1)
 	})] });
 }
-function Or(e) {
+function Nr(e) {
 	let { t } = Q();
-	return /* @__PURE__ */ R(Dr, {
+	return /* @__PURE__ */ I(Mr, {
 		view: "html",
 		variant: "primary",
 		...e,
 		children: t.topBar.exportHtml
 	});
 }
-function kr({ brand: e, actions: t, children: n, className: r, style: i }) {
-	return /* @__PURE__ */ R(j, { children: /* @__PURE__ */ z("header", {
-		className: B("bree-topbar", r),
+function Pr({ brand: e, actions: t, children: n, className: r, style: i }) {
+	return /* @__PURE__ */ I(j, { children: /* @__PURE__ */ L("header", {
+		className: R("bree-topbar", r),
 		style: i,
-		children: [/* @__PURE__ */ R("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "bree-topbar-start",
 			children: e
-		}), n ?? /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("div", {
+		}), n ?? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
 			className: "bree-topbar-center",
-			children: /* @__PURE__ */ R(Cr, {})
-		}), /* @__PURE__ */ z("div", {
+			children: /* @__PURE__ */ I(Or, {})
+		}), /* @__PURE__ */ L("div", {
 			className: "bree-topbar-actions",
-			children: [t, /* @__PURE__ */ R(Or, {})]
+			children: [t, /* @__PURE__ */ I(Nr, {})]
 		})] })]
 	}) });
 }
 //#endregion
 //#region src/components/BetterEmailEditor.tsx
-function Ar({ showTopBar: e = !0, showLayers: t = !0, showSidebar: n = !0, components: r = {}, slotProps: i = {} }) {
-	let { layersOpen: a } = Q(), { TopBar: o = kr, LayersPanel: s = ar, Canvas: c = $n, Sidebar: l = vr } = r, u = t && a;
-	return /* @__PURE__ */ z("div", {
-		className: B("bree-layout", e && "bree-with-topbar", u && "bree-with-layers", n && "bree-with-sidebar"),
+function Fr({ showTopBar: e = !0, showLayers: t = !0, showSidebar: n = !0, components: r = {}, slotProps: i = {} }) {
+	let { layersOpen: a } = Q(), { TopBar: o = Pr, LayersPanel: s = ur, Canvas: c = ir, Sidebar: l = Cr } = r, u = t && a;
+	return /* @__PURE__ */ L("div", {
+		className: R("bree-layout", e && "bree-with-topbar", u && "bree-with-layers", n && "bree-with-sidebar"),
 		children: [
-			e && /* @__PURE__ */ R(o, { ...i.topBar }),
-			u && /* @__PURE__ */ R(s, { ...i.layersPanel }),
-			/* @__PURE__ */ R(c, { ...i.canvas }),
-			n && /* @__PURE__ */ R(l, { ...i.sidebar })
+			e && /* @__PURE__ */ I(o, { ...i.topBar }),
+			u && /* @__PURE__ */ I(s, { ...i.layersPanel }),
+			/* @__PURE__ */ I(c, { ...i.canvas }),
+			n && /* @__PURE__ */ I(l, { ...i.sidebar })
 		]
 	});
 }
-var jr = t(function({ showTopBar: e, showLayers: t, showSidebar: n, components: r, slotProps: i, ...a }, o) {
-	return /* @__PURE__ */ R(Kn, {
+var Ir = t(function({ showTopBar: e, showLayers: t, showSidebar: n, components: r, slotProps: i, ...a }, o) {
+	return /* @__PURE__ */ I(Zn, {
 		ref: o,
 		...a,
-		children: /* @__PURE__ */ R(Ar, {
+		children: /* @__PURE__ */ I(Fr, {
 			showTopBar: e,
 			showLayers: t,
 			showSidebar: n,
@@ -4185,6 +4207,6 @@ var jr = t(function({ showTopBar: e, showLayers: t, showSidebar: n, components:
 	});
 });
 //#endregion
-export { Gt as AlignInput, Fe as BLOCK_CONTAINERS, jr as BetterEmailEditor, lr as BlockProperties, fr as BlocksTab, pr as BodyTab, Yt as BoxGroup, Xt as ButtonInspector, Ie as COLUMN_PARENTS, $n as Canvas, Zn as CanvasOverlay, q as ColorInput, Zt as ColumnsInspector, rn as ContainerInspector, gr as ContentPanel, hr as ContentTab, Vt as DEFAULT_SWATCHES, or as DefaultInspector, Cr as DeviceToggle, nn as DividerInspector, Kn as EditorRoot, nt as EmailButton, Or as ExportHtmlButton, Er as ExportJsonButton, W as Field, U as Group, Qt as HeadingInspector, pn as HtmlBlock, tn as HtmlInspector, $t as ImageInspector, Tr as ImportButton, ar as LayersPanel, xr as LayersToggle, K as NumberInput, Kt as PaddingInput, mr as PaletteTile, Dr as PreviewButton, br as PreviewDialog, cr as PropertiesPanel, Bt as RangeInput, cn as SOCIAL_NETWORKS, Wt as Segmented, Ut as Select, vr as Sidebar, fn as SocialLinks, mn as SocialLinksInspector, sn as Spacer, en as SpacerInspector, Jt as SpacingGroup, wr as TemplateButton, dr as TemplateCard, Z as TemplateThumbnail, Rt as TextArea, G as TextInput, _r as TextProperties, kr as TopBar, qt as TypographyGroup, Sr as UndoRedo, tt as appendBlocks, qe as applyDrop, yn as content, In as createStarterDocument, J as css, B as cx, vn as defaultNodes, Nn as defaultPalette, Mn as defaultPaletteGroups, Pn as defaultTemplates, Bn as defaultTheme, et as deleteUnit, yr as download, $e as duplicateUnit, ht as en, He as findDropTarget, gt as fr, un as iconUrl, St as icons, an as inlineStyleToObject, _t as locales, jn as menuParagraph, Xe as parentUnit, Vn as readFileAsDataUrl, vt as resolveLabel, xt as resolveMessages, Qe as selectUnit, Ze as selectedUnit, gn as textPreview, Ht as toHex, hn as truncate, V as unitAt, sr as useDeselect, ur as useDraggableBlock, Q as useEmailEditor, zn as useI18n, $ as useMessages, Rn as useOptionalEmailEditor };
+export { Qt as AlignInput, Ve as BLOCK_CONTAINERS, Ir as BetterEmailEditor, mr as BlockProperties, _r as BlocksTab, vr as BodyTab, tn as BoxGroup, nn as ButtonInspector, He as COLUMN_PARENTS, ir as Canvas, nr as CanvasOverlay, G as ColorInput, rn as ColumnsInspector, un as ContainerInspector, xr as ContentPanel, br as ContentTab, Jt as DEFAULT_SWATCHES, dr as DefaultInspector, Or as DeviceToggle, ln as DividerInspector, Zn as EditorRoot, ct as EmailButton, Nr as ExportHtmlButton, jr as ExportJsonButton, H as Field, V as Group, an as HeadingInspector, yn as HtmlBlock, cn as HtmlInspector, on as ImageInspector, Ar as ImportButton, ur as LayersPanel, Er as LayersToggle, W as NumberInput, $t as PaddingInput, yr as PaletteTile, Mr as PreviewButton, Tr as PreviewDialog, pr as PropertiesPanel, qt as RangeInput, mn as SOCIAL_NETWORKS, Zt as Segmented, Xt as Select, Cr as Sidebar, vn as SocialLinks, bn as SocialLinksInspector, pn as Spacer, sn as SpacerInspector, q as SpacingGroup, kr as TemplateButton, gr as TemplateCard, Z as TemplateThumbnail, Gt as TextArea, U as TextInput, Sr as TextProperties, Pr as TopBar, en as TypographyGroup, Dr as UndoRedo, st as appendBlocks, $e as applyDrop, Tn as content, Vn as createStarterDocument, K as css, R as cx, wn as defaultNodes, Rn as defaultPalette, Ln as defaultPaletteGroups, zn as defaultTemplates, Gn as defaultTheme, ot as deleteUnit, wr as download, at as duplicateUnit, St as en, Je as findDropTarget, Ct as fr, gn as iconUrl, kt as icons, dn as inlineStyleToObject, wt as locales, In as menuParagraph, nt as parentUnit, Kn as readFileAsDataUrl, Tt as resolveLabel, Ot as resolveMessages, it as selectUnit, rt as selectedUnit, Sn as textPreview, Yt as toHex, xn as truncate, z as unitAt, fr as useDeselect, hr as useDraggableBlock, Q as useEmailEditor, Wn as useI18n, $ as useMessages, Un as useOptionalEmailEditor };
 
 //# sourceMappingURL=index.js.map