better-react-email-editor 0.1.0 → 0.1.1

package/dist/index.js

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