better-react-email-editor 0.1.2 → 0.1.4

package/dist/index.js

@@ -364,8 +364,23 @@ function vt(e) {
 }
 //#endregion
 //#region src/core/select-all.ts
-var yt = k.create({
+var yt = /* @__PURE__ */ new Set(["columnsColumn", "codeBlock"]), bt = k.create({
 	name: "selectAllFix",
+	priority: 101,
+	addKeyboardShortcuts() {
+		return { "Mod-a": ({ editor: e }) => {
+			let { state: t } = e, { $from: n } = t.selection;
+			for (let e = n.depth; e > 0; e--) if (yt.has(n.node(e).type.name) && (t.selection.from !== n.start(e) || t.selection.to !== n.end(e))) return !1;
+			let r = -1;
+			t.doc.forEach((e, t) => {
+				r < 0 && e.type.name === "container" && (r = t);
+			});
+			let i = r < 0 ? null : t.doc.nodeAt(r);
+			if (!i) return !1;
+			let a = r + 1, o = r + i.nodeSize - 1;
+			return (t.selection.from !== a || t.selection.to !== o) && e.view.dispatch(t.tr.setSelection(O.create(t.doc, a, o))), !0;
+		} };
+	},
 	addProseMirrorPlugins() {
 		return [new T({
 			key: new E("selectAllFix"),
@@ -384,7 +399,7 @@ var yt = k.create({
 });
 //#endregion
 //#region src/core/stores.ts
-function bt() {
+function xt() {
 	let e = null;
 	return {
 		get: () => e,
@@ -396,7 +411,7 @@ function bt() {
 		}
 	};
 }
-function xt() {
+function St() {
 	let e = null, t = /* @__PURE__ */ new Set();
 	return {
 		get: () => e,
@@ -413,7 +428,7 @@ function xt() {
 }
 //#endregion
 //#region src/i18n/en.ts
-var St = {
+var Ct = {
 	topBar: {
 		layers: "Layers",
 		toggleLayers: "Show / hide layers",
@@ -682,7 +697,7 @@ var St = {
 		starterTitle: "Our favourites"
 	},
 	slashCommands: {}
-}, Ct = {
+}, wt = {
 	topBar: {
 		layers: "Calques",
 		toggleLayers: "Afficher / masquer les calques",
@@ -1008,43 +1023,43 @@ var St = {
 			description: "Mise en page sur quatre colonnes"
 		}
 	}
-}, wt = {
-	en: St,
-	fr: Ct
+}, Tt = {
+	en: Ct,
+	fr: wt
 };
-function Tt(e, t) {
+function Et(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Et(e) {
+function Dt(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Dt(e, t) {
-	if (!Et(t) || !Et(e)) return t ?? e;
+function Ot(e, t) {
+	if (!Dt(t) || !Dt(e)) return t ?? e;
 	let n = { ...e };
-	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = Et(r) && Et(n[e]) ? Dt(n[e], r) : r);
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = Dt(r) && Dt(n[e]) ? Ot(n[e], r) : r);
 	return n;
 }
-function Ot(e, t) {
-	let n = wt[e] ?? St;
-	return t ? Dt(n, t) : n;
+function kt(e, t) {
+	let n = Tt[e] ?? Ct;
+	return t ? Ot(n, t) : n;
 }
 //#endregion
 //#region src/components/icons.tsx
-var kt = /* @__PURE__ */ Be({
-	CopyIcon: () => jt,
-	DesktopIcon: () => It,
-	GripIcon: () => At,
-	LayersIcon: () => Rt,
-	MobileIcon: () => Lt,
-	OneColumnIcon: () => Ut,
-	ParentIcon: () => Nt,
-	PipetteIcon: () => zt,
-	RedoIcon: () => Ft,
-	SocialIcon: () => Ht,
-	SpacerIcon: () => Bt,
-	SpacerTileIcon: () => Vt,
-	TrashIcon: () => Mt,
-	UndoIcon: () => Pt
+var At = /* @__PURE__ */ Be({
+	CopyIcon: () => Mt,
+	DesktopIcon: () => Lt,
+	GripIcon: () => jt,
+	LayersIcon: () => zt,
+	MobileIcon: () => Rt,
+	OneColumnIcon: () => Wt,
+	ParentIcon: () => Pt,
+	PipetteIcon: () => Bt,
+	RedoIcon: () => It,
+	SocialIcon: () => Ut,
+	SpacerIcon: () => Vt,
+	SpacerTileIcon: () => Ht,
+	TrashIcon: () => Nt,
+	UndoIcon: () => Ft
 }), B = (e, t = 2) => ({
 	viewBox: "0 0 24 24",
 	width: e,
@@ -1055,7 +1070,7 @@ var kt = /* @__PURE__ */ Be({
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	"aria-hidden": !0
-}), At = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
+}), jt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
 	viewBox: "0 0 24 24",
 	width: e,
 	height: e,
@@ -1074,7 +1089,7 @@ var kt = /* @__PURE__ */ Be({
 		cy: e,
 		r: "1.6"
 	})] }, e))
-}), jt = ({ size: e = 14 }) => /* @__PURE__ */ L("svg", {
+}), Mt = ({ size: e = 14 }) => /* @__PURE__ */ L("svg", {
 	...B(e),
 	children: [/* @__PURE__ */ I("rect", {
 		x: "8",
@@ -1083,19 +1098,19 @@ var kt = /* @__PURE__ */ Be({
 		height: "12",
 		rx: "2"
 	}), /* @__PURE__ */ I("path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" })]
-}), Mt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
+}), Nt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
 	...B(e),
 	children: /* @__PURE__ */ I("path", { d: "M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3" })
-}), Nt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
+}), Pt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
 	...B(e),
 	children: /* @__PURE__ */ I("path", { d: "M12 19V5M6 11l6-6 6 6" })
-}), Pt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+}), Ft = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
 	...B(e),
 	children: [/* @__PURE__ */ I("path", { d: "M9 14 4 9l5-5" }), /* @__PURE__ */ I("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })]
-}), Ft = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+}), It = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
 	...B(e),
 	children: [/* @__PURE__ */ I("path", { d: "m15 14 5-5-5-5" }), /* @__PURE__ */ I("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })]
-}), It = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+}), Lt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
 	...B(e),
 	children: [/* @__PURE__ */ I("rect", {
 		x: "3",
@@ -1104,7 +1119,7 @@ var kt = /* @__PURE__ */ Be({
 		height: "12",
 		rx: "2"
 	}), /* @__PURE__ */ I("path", { d: "M8 20h8M12 16v4" })]
-}), Lt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+}), Rt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
 	...B(e),
 	children: [/* @__PURE__ */ I("rect", {
 		x: "7",
@@ -1113,23 +1128,23 @@ var kt = /* @__PURE__ */ Be({
 		height: "20",
 		rx: "2"
 	}), /* @__PURE__ */ I("path", { d: "M11 18h2" })]
-}), Rt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
+}), zt = ({ size: e = 16 }) => /* @__PURE__ */ L("svg", {
 	...B(e),
 	children: [/* @__PURE__ */ I("path", { d: "m12 3 9 5-9 5-9-5 9-5Z" }), /* @__PURE__ */ I("path", { d: "m3 13 9 5 9-5" })]
-}), zt = ({ size: e = 15 }) => /* @__PURE__ */ L("svg", {
+}), Bt = ({ size: e = 15 }) => /* @__PURE__ */ L("svg", {
 	...B(e),
 	children: [
 		/* @__PURE__ */ I("path", { d: "m2 22 1-1h3l9-9" }),
 		/* @__PURE__ */ I("path", { d: "M3 21v-3l9-9" }),
 		/* @__PURE__ */ I("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
 	]
-}), Bt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
+}), Vt = ({ size: e = 14 }) => /* @__PURE__ */ I("svg", {
 	...B(e),
 	children: /* @__PURE__ */ I("path", { d: "M4 4h16M4 20h16M12 8v8" })
-}), Vt = ({ size: e = 22 }) => /* @__PURE__ */ I("svg", {
+}), Ht = ({ size: e = 22 }) => /* @__PURE__ */ I("svg", {
 	...B(e, 1.8),
 	children: /* @__PURE__ */ I("path", { d: "M4 4h16M4 20h16M12 7v10M9 9.5 12 7l3 2.5M9 14.5l3 2.5 3-2.5" })
-}), Ht = ({ size: e = 22 }) => /* @__PURE__ */ L("svg", {
+}), Ut = ({ size: e = 22 }) => /* @__PURE__ */ L("svg", {
 	...B(e, 1.8),
 	children: [
 		/* @__PURE__ */ I("circle", {
@@ -1149,7 +1164,7 @@ var kt = /* @__PURE__ */ Be({
 		}),
 		/* @__PURE__ */ I("path", { d: "m8.2 10.8 7.6-3.6M8.2 13.2l7.6 3.6" })
 	]
-}), Ut = ({ size: e = 22 }) => /* @__PURE__ */ I("svg", {
+}), Wt = ({ size: e = 22 }) => /* @__PURE__ */ I("svg", {
 	...B(e, 1.8),
 	children: /* @__PURE__ */ I("rect", {
 		x: "4",
@@ -1195,12 +1210,12 @@ function H({ label: e, children: t, stacked: n, className: r, style: i }) {
 		})]
 	});
 }
-function Wt(e) {
+function Gt(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] = Wt(e);
+	let [o, s] = Gt(e);
 	return /* @__PURE__ */ I("input", {
 		className: R("bree-input", i),
 		style: a,
@@ -1214,8 +1229,8 @@ function U({ value: e, onChange: t, placeholder: n, type: r = "text", className:
 		}
 	});
 }
-function Gt({ value: e, onChange: t, rows: n = 8, className: r, style: i }) {
-	let [a, o] = Wt(e);
+function Kt({ value: e, onChange: t, rows: n = 8, className: r, style: i }) {
+	let [a, o] = Gt(e);
 	return /* @__PURE__ */ I("textarea", {
 		className: R("bree-input bree-textarea", r),
 		style: i,
@@ -1226,13 +1241,13 @@ function Gt({ value: e, onChange: t, rows: n = 8, className: r, style: i }) {
 		onBlur: () => a !== e && t(a)
 	});
 }
-function Kt(e) {
+function qt(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] = Wt(String(Kt(e))), f = (e) => {
+	let l = $(), [u, d] = Gt(String(qt(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)));
@@ -1250,7 +1265,7 @@ 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 = (Kt(u) || 0) + (e.key === "ArrowUp" ? a : -a) * (e.shiftKey ? 10 : 1);
+					let t = (qt(u) || 0) + (e.key === "ArrowUp" ? a : -a) * (e.shiftKey ? 10 : 1);
 					d(String(t)), f(String(t));
 				}
 			}
@@ -1260,8 +1275,8 @@ function W({ value: e, onChange: t, unit: n = "px", min: r = 0, max: i, step: a
 		})]
 	});
 }
-function qt({ value: e, onChange: t, min: n, max: r, unit: i = "px", className: a, style: o }) {
-	let s = Kt(e) || n;
+function Jt({ value: e, onChange: t, min: n, max: r, unit: i = "px", className: a, style: o }) {
+	let s = qt(e) || n;
 	return /* @__PURE__ */ L("span", {
 		className: R("bree-range", a),
 		style: o,
@@ -1277,7 +1292,7 @@ function qt({ value: e, onChange: t, min: n, max: r, unit: i = "px", className:
 		})]
 	});
 }
-var Jt = [
+var Yt = [
 	"#111827",
 	"#374151",
 	"#6b7280",
@@ -1297,15 +1312,15 @@ var Jt = [
 	"#ecfdf5",
 	"#fef3c7"
 ];
-function Yt(e) {
+function Xt(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 = Jt, placeholder: a, className: o, style: s, popoverClassName: u }) {
-	let d = $(), f = a ?? d.fields.colorDefault, p = typeof e == "string" ? e : "", m = Yt(p), [h, g] = l(!1), [_, v] = l(m ?? "#ffffff"), y = c(t);
+function G({ value: e, onChange: t, presets: n = [], swatches: r = Yt, placeholder: a, className: o, style: s, popoverClassName: u }) {
+	let d = $(), f = a ?? d.fields.colorDefault, p = typeof e == "string" ? e : "", m = Xt(p), [h, g] = l(!1), [_, v] = l(m ?? "#ffffff"), y = c(t);
 	i(() => {
 		y.current = t;
 	});
@@ -1314,8 +1329,8 @@ function G({ value: e, onChange: t, presets: n = [], swatches: r = Jt, 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(Yt(e) ?? _), y.current(e);
-	}, T = typeof window < "u" ? window.EyeDropper : void 0, E = [...new Set(n.map((e) => Yt(e)).filter((e) => !!e))].slice(0, 9);
+		b.current = null, window.clearTimeout(x.current), x.current = 0, v(Xt(e) ?? _), y.current(e);
+	}, T = typeof window < "u" ? window.EyeDropper : void 0, E = [...new Set(n.map((e) => Xt(e)).filter((e) => !!e))].slice(0, 9);
 	return /* @__PURE__ */ L(Ae.Root, {
 		open: h,
 		onOpenChange: (e) => {
@@ -1369,7 +1384,7 @@ function G({ value: e, onChange: t, presets: n = [], swatches: r = Jt, placehold
 							className: "bree-icon-button",
 							title: d.fields.eyedropper,
 							onClick: () => new T().open().then((e) => w(e.sRGBHex)).catch(() => {}),
-							children: /* @__PURE__ */ I(zt, {})
+							children: /* @__PURE__ */ I(Bt, {})
 						})
 					]
 				}),
@@ -1412,7 +1427,7 @@ function G({ value: e, onChange: t, presets: n = [], swatches: r = Jt, placehold
 		}) }) })]
 	});
 }
-function Xt({ value: e, onChange: t, options: n, className: r, style: i }) {
+function Zt({ value: e, onChange: t, options: n, className: r, style: i }) {
 	return /* @__PURE__ */ I("select", {
 		className: R("bree-input bree-select", r),
 		style: i,
@@ -1424,7 +1439,7 @@ function Xt({ value: e, onChange: t, options: n, className: r, style: i }) {
 		}, e))
 	});
 }
-function Zt({ value: e, onChange: t, options: n, ariaLabel: r, className: i, style: a }) {
+function Qt({ value: e, onChange: t, options: n, ariaLabel: r, className: i, style: a }) {
 	return /* @__PURE__ */ I("span", {
 		className: R("bree-segmented", i),
 		style: a,
@@ -1441,9 +1456,9 @@ function Zt({ value: e, onChange: t, options: n, ariaLabel: r, className: i, sty
 		}, n.value))
 	});
 }
-function Qt({ value: e, onChange: t, className: n, style: r }) {
+function $t({ value: e, onChange: t, className: n, style: r }) {
 	let i = $();
-	return /* @__PURE__ */ I(Zt, {
+	return /* @__PURE__ */ I(Qt, {
 		className: n,
 		style: r,
 		value: e || "left",
@@ -1467,13 +1482,13 @@ function Qt({ value: e, onChange: t, className: n, style: r }) {
 		]
 	});
 }
-function $t({ get: e, set: t, className: n, style: r }) {
+function en({ get: e, set: t, className: n, style: r }) {
 	let i = $(), a = [
 		"Top",
 		"Right",
 		"Bottom",
 		"Left"
-	], o = a.map((t) => Kt(e(t))), s = o.every((e) => e === o[0]), [c, u] = l(!s), d = {
+	], o = a.map((t) => qt(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,
@@ -1507,7 +1522,7 @@ function $t({ get: e, set: t, className: n, style: r }) {
 //#endregion
 //#region src/components/inspectors/groups.tsx
 var K = (e) => e;
-function en({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
+function tn({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
 	let a = $().inspector;
 	return /* @__PURE__ */ L(V, {
 		title: a.typography,
@@ -1534,7 +1549,7 @@ function en({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
 			}),
 			/* @__PURE__ */ I(H, {
 				label: a.weight,
-				children: /* @__PURE__ */ I(Xt, {
+				children: /* @__PURE__ */ I(Zt, {
 					value: String(e.getStyle(K("fontWeight")) ?? "400"),
 					onChange: (t) => e.setStyle(K("fontWeight"), t),
 					options: [
@@ -1559,7 +1574,7 @@ function en({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
 			}),
 			n && /* @__PURE__ */ I(H, {
 				label: a.alignment,
-				children: /* @__PURE__ */ I(Qt, {
+				children: /* @__PURE__ */ I($t, {
 					value: t ?? "left",
 					onChange: n
 				})
@@ -1567,7 +1582,7 @@ function en({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
 		]
 	});
 }
-function q({ ctx: e, title: t, className: n, style: r }) {
+function nn({ ctx: e, title: t, className: n, style: r }) {
 	let i = $();
 	return /* @__PURE__ */ I(V, {
 		title: t ?? i.inspector.spacing,
@@ -1576,7 +1591,7 @@ function q({ ctx: e, title: t, className: n, style: r }) {
 		children: /* @__PURE__ */ I(H, {
 			label: i.inspector.padding,
 			stacked: !0,
-			children: /* @__PURE__ */ I($t, {
+			children: /* @__PURE__ */ I(en, {
 				get: (t) => e.getStyle(K(`padding${t}`)) ?? e.getStyle(K("padding")),
 				set: (t) => e.batchSetStyle([{
 					prop: K("padding"),
@@ -1589,7 +1604,7 @@ function q({ ctx: e, title: t, className: n, style: r }) {
 		})
 	});
 }
-function tn({ ctx: e, className: t, style: n }) {
+function rn({ ctx: e, className: t, style: n }) {
 	let r = $().inspector;
 	return /* @__PURE__ */ L(V, {
 		title: r.box,
@@ -1639,7 +1654,7 @@ function tn({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/inspectors/ButtonInspector.tsx
-function nn({ ctx: e, className: t, style: n }) {
+function an({ ctx: e, className: t, style: n }) {
 	let r = $().inspector;
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-inspector", t),
@@ -1662,7 +1677,7 @@ function nn({ ctx: e, className: t, style: n }) {
 				children: [
 					/* @__PURE__ */ I(H, {
 						label: r.alignment,
-						children: /* @__PURE__ */ I(Qt, {
+						children: /* @__PURE__ */ I($t, {
 							value: String(e.getAttr("alignment") ?? "left"),
 							onChange: (t) => e.setAttr("alignment", t)
 						})
@@ -1703,7 +1718,7 @@ function nn({ ctx: e, className: t, style: n }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ I(q, {
+			/* @__PURE__ */ I(nn, {
 				ctx: e,
 				title: r.buttonPadding
 			})
@@ -1712,7 +1727,7 @@ function nn({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/inspectors/ColumnsInspector.tsx
-function rn({ ctx: e, className: t, style: n }) {
+function on({ ctx: e, className: t, style: n }) {
 	let { editor: r, t: i } = Q(), a = i.inspector, o = {
 		twoColumns: 2,
 		threeColumns: 3,
@@ -1786,7 +1801,7 @@ function rn({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/inspectors/HeadingInspector.tsx
-function an({ ctx: e, className: t, style: n }) {
+function sn({ ctx: e, className: t, style: n }) {
 	let r = $();
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-inspector", t),
@@ -1796,7 +1811,7 @@ function an({ ctx: e, className: t, style: n }) {
 				title: r.inspector.heading,
 				children: /* @__PURE__ */ I(H, {
 					label: r.inspector.level,
-					children: /* @__PURE__ */ I(Zt, {
+					children: /* @__PURE__ */ I(Qt, {
 						value: String(e.getAttr("level") ?? 1),
 						onChange: (t) => e.setAttr("level", Number(t)),
 						options: [
@@ -1816,19 +1831,19 @@ function an({ ctx: e, className: t, style: n }) {
 					})
 				})
 			}),
-			/* @__PURE__ */ I(en, {
+			/* @__PURE__ */ I(tn, {
 				ctx: e,
 				alignment: String(e.getAttr("alignment") ?? "left"),
 				setAlignment: (t) => e.setAttr("alignment", t)
 			}),
-			/* @__PURE__ */ I(q, { ctx: e }),
-			/* @__PURE__ */ I(tn, { ctx: e })
+			/* @__PURE__ */ I(nn, { ctx: e }),
+			/* @__PURE__ */ I(rn, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/components/inspectors/ImageInspector.tsx
-function on({ ctx: e, className: t, style: n }) {
+function cn({ ctx: e, className: t, style: n }) {
 	let { t: r, uploadImage: i } = Q(), a = r.inspector, o = String(e.getAttr("width") ?? "auto");
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-inspector", t),
@@ -1888,7 +1903,7 @@ function on({ ctx: e, className: t, style: n }) {
 					}),
 					o !== "auto" && /* @__PURE__ */ I(H, {
 						label: a.width,
-						children: /* @__PURE__ */ I(qt, {
+						children: /* @__PURE__ */ I(Jt, {
 							value: o,
 							min: 20,
 							max: 900,
@@ -1897,7 +1912,7 @@ function on({ ctx: e, className: t, style: n }) {
 					}),
 					/* @__PURE__ */ I(H, {
 						label: a.alignment,
-						children: /* @__PURE__ */ I(Qt, {
+						children: /* @__PURE__ */ I($t, {
 							value: String(e.getAttr("alignment") ?? "center"),
 							onChange: (t) => e.setAttr("alignment", t)
 						})
@@ -1923,13 +1938,13 @@ function on({ ctx: e, className: t, style: n }) {
 					})
 				})
 			}),
-			/* @__PURE__ */ I(q, { ctx: e })
+			/* @__PURE__ */ I(nn, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/components/inspectors/SimpleInspectors.tsx
-function sn({ ctx: e, className: t, style: n }) {
+function ln({ ctx: e, className: t, style: n }) {
 	let r = $();
 	return /* @__PURE__ */ I("div", {
 		className: R("bree-inspector", t),
@@ -1938,7 +1953,7 @@ function sn({ ctx: e, className: t, style: n }) {
 			title: r.inspector.spacer,
 			children: /* @__PURE__ */ I(H, {
 				label: r.inspector.height,
-				children: /* @__PURE__ */ I(qt, {
+				children: /* @__PURE__ */ I(Jt, {
 					value: e.getAttr("height"),
 					min: 4,
 					max: 160,
@@ -1948,14 +1963,14 @@ function sn({ ctx: e, className: t, style: n }) {
 		})
 	});
 }
-function cn({ ctx: e, className: t, style: n }) {
+function un({ ctx: e, className: t, style: n }) {
 	let r = $();
 	return /* @__PURE__ */ I("div", {
 		className: R("bree-inspector", t),
 		style: n,
 		children: /* @__PURE__ */ L(V, {
 			title: r.inspector.htmlCode,
-			children: [/* @__PURE__ */ I(Gt, {
+			children: [/* @__PURE__ */ I(Kt, {
 				value: String(e.getAttr("html") ?? ""),
 				onChange: (t) => e.setAttr("html", t),
 				rows: 14
@@ -1966,7 +1981,7 @@ function cn({ ctx: e, className: t, style: n }) {
 		})
 	});
 }
-function ln({ ctx: e, className: t, style: n }) {
+function dn({ ctx: e, className: t, style: n }) {
 	let r = $().inspector;
 	return /* @__PURE__ */ I("div", {
 		className: R("bree-inspector", t),
@@ -2000,7 +2015,7 @@ function ln({ ctx: e, className: t, style: n }) {
 				}),
 				/* @__PURE__ */ I(H, {
 					label: r.lineStyle,
-					children: /* @__PURE__ */ I(Zt, {
+					children: /* @__PURE__ */ I(Qt, {
 						value: String(e.getStyle(K("borderTopStyle")) ?? "solid"),
 						onChange: (t) => e.setStyle(K("borderTopStyle"), t),
 						options: [
@@ -2023,16 +2038,16 @@ function ln({ ctx: e, className: t, style: n }) {
 		})
 	});
 }
-function un({ ctx: e, className: t, style: n }) {
+function fn({ ctx: e, className: t, style: n }) {
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-inspector", t),
 		style: n,
-		children: [/* @__PURE__ */ I(tn, { ctx: e }), /* @__PURE__ */ I(q, { ctx: e })]
+		children: [/* @__PURE__ */ I(rn, { ctx: e }), /* @__PURE__ */ I(nn, { ctx: e })]
 	});
 }
 //#endregion
 //#region src/core/style-utils.ts
-function dn(e) {
+function pn(e) {
 	if (typeof e != "string" || !e.trim()) return {};
 	let t = {};
 	for (let n of e.split(";")) {
@@ -2045,18 +2060,18 @@ function dn(e) {
 }
 //#endregion
 //#region src/nodes/custom-nodes.tsx
-var fn = { style: {
+var mn = { style: {
 	default: null,
 	parseHTML: (e) => e.getAttribute("style"),
 	renderHTML: (e) => e.style ? { style: e.style } : {}
-} }, pn = g.create({
+} }, hn = g.create({
 	name: "spacer",
 	group: "block",
 	atom: !0,
 	selectable: !0,
 	addAttributes() {
 		return {
-			...fn,
+			...mn,
 			height: {
 				default: 32,
 				parseHTML: (e) => Number(e.dataset.height) || 32,
@@ -2081,12 +2096,12 @@ var fn = { style: {
 				height: t,
 				lineHeight: `${t}px`,
 				fontSize: "1px",
-				...dn(e.attrs?.style)
+				...pn(e.attrs?.style)
 			},
 			children: "\xA0"
 		});
 	}
-}), mn = {
+}), gn = {
 	facebook: {
 		label: "Facebook",
 		slug: "facebook",
@@ -2122,13 +2137,13 @@ var fn = { style: {
 		slug: "github",
 		color: "181717"
 	}
-}, hn = { linkedin: "https://cdn.jsdelivr.net/npm/simple-icons@9.21.0/icons/linkedin.svg" };
-function gn(e) {
-	if (hn[e]) return hn[e];
-	let t = mn[e] ?? mn.facebook;
+}, _n = { linkedin: "https://cdn.jsdelivr.net/npm/simple-icons@9.21.0/icons/linkedin.svg" };
+function vn(e) {
+	if (_n[e]) return _n[e];
+	let t = gn[e] ?? gn.facebook;
 	return `https://cdn.simpleicons.org/${t.slug}/${t.color}`;
 }
-function _n(e) {
+function yn(e) {
 	if (Array.isArray(e)) return e;
 	if (typeof e == "string") try {
 		return JSON.parse(e);
@@ -2137,14 +2152,14 @@ function _n(e) {
 	}
 	return [];
 }
-var vn = g.create({
+var bn = g.create({
 	name: "socialLinks",
 	group: "block",
 	atom: !0,
 	selectable: !0,
 	addAttributes() {
 		return {
-			...fn,
+			...mn,
 			links: {
 				default: [
 					{
@@ -2164,7 +2179,7 @@ var vn = g.create({
 						url: "https://linkedin.com/"
 					}
 				],
-				parseHTML: (e) => _n(e.dataset.links),
+				parseHTML: (e) => yn(e.dataset.links),
 				renderHTML: (e) => ({ "data-links": JSON.stringify(e.links ?? []) })
 			},
 			size: { default: 28 },
@@ -2176,7 +2191,7 @@ var vn = 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 = _n(e.attrs.links);
+		let n = Number(e.attrs.size), r = Number(e.attrs.gap), i = yn(e.attrs.links);
 		return [
 			"div",
 			te(t, {
@@ -2191,18 +2206,18 @@ var vn = g.create({
 					style: `margin-left:${t === 0 ? 0 : r}px`
 				},
 				["img", {
-					src: gn(e.network),
+					src: vn(e.network),
 					width: String(n),
 					height: String(n),
-					alt: mn[e.network]?.label ?? e.network
+					alt: gn[e.network]?.label ?? e.network
 				}]
 			])
 		];
 	},
 	renderToReactEmail({ node: e }) {
-		let t = Number(e.attrs?.size ?? 28), n = Number(e.attrs?.gap ?? 12), r = _n(e.attrs?.links), i = e.attrs?.alignment ?? "center";
+		let t = Number(e.attrs?.size ?? 28), n = Number(e.attrs?.gap ?? 12), r = yn(e.attrs?.links), i = e.attrs?.alignment ?? "center";
 		return /* @__PURE__ */ I(Le, {
-			style: dn(e.attrs?.style),
+			style: pn(e.attrs?.style),
 			children: /* @__PURE__ */ I(Ie, { children: /* @__PURE__ */ I(Ne, {
 				align: i,
 				children: r.map((e, r) => /* @__PURE__ */ I(Fe, {
@@ -2212,16 +2227,16 @@ var vn = g.create({
 						marginLeft: r === 0 ? 0 : n
 					},
 					children: /* @__PURE__ */ I(Pe, {
-						src: gn(e.network),
+						src: vn(e.network),
 						width: t,
 						height: t,
-						alt: mn[e.network]?.label ?? e.network
+						alt: gn[e.network]?.label ?? e.network
 					})
 				}, `${e.network}-${r}`))
 			}) })
 		});
 	}
-}), yn = g.create({
+}), xn = g.create({
 	name: "htmlBlock",
 	group: "block",
 	atom: !0,
@@ -2261,7 +2276,7 @@ var vn = g.create({
 });
 //#endregion
 //#region src/components/inspectors/SocialLinksInspector.tsx
-function bn({ ctx: e, className: t, style: n }) {
+function Sn({ 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__ */ L("div", {
 		className: R("bree-inspector", t),
@@ -2274,13 +2289,13 @@ function bn({ ctx: e, className: t, style: n }) {
 					children: a.map((e, t) => /* @__PURE__ */ L("div", {
 						className: "bree-social-row",
 						children: [
-							/* @__PURE__ */ I(Xt, {
+							/* @__PURE__ */ I(Zt, {
 								value: e.network,
 								onChange: (e) => o(a.map((n, r) => r === t ? {
 									...n,
 									network: e
 								} : n)),
-								options: Object.entries(mn).map(([e, t]) => [e, t.label])
+								options: Object.entries(gn).map(([e, t]) => [e, t.label])
 							}),
 							/* @__PURE__ */ I(U, {
 								value: e.url,
@@ -2313,7 +2328,7 @@ function bn({ ctx: e, className: t, style: n }) {
 				children: [
 					/* @__PURE__ */ I(H, {
 						label: r.iconSize,
-						children: /* @__PURE__ */ I(qt, {
+						children: /* @__PURE__ */ I(Jt, {
 							value: e.getAttr("size"),
 							min: 16,
 							max: 64,
@@ -2322,7 +2337,7 @@ function bn({ ctx: e, className: t, style: n }) {
 					}),
 					/* @__PURE__ */ I(H, {
 						label: r.gap,
-						children: /* @__PURE__ */ I(qt, {
+						children: /* @__PURE__ */ I(Jt, {
 							value: e.getAttr("gap"),
 							min: 0,
 							max: 40,
@@ -2331,24 +2346,24 @@ function bn({ ctx: e, className: t, style: n }) {
 					}),
 					/* @__PURE__ */ I(H, {
 						label: r.alignment,
-						children: /* @__PURE__ */ I(Qt, {
+						children: /* @__PURE__ */ I($t, {
 							value: String(e.getAttr("alignment") ?? "center"),
 							onChange: (t) => e.setAttr("alignment", t)
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ I(q, { ctx: e })
+			/* @__PURE__ */ I(nn, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/registry/default-nodes.tsx
-function xn(e, t = 36) {
+function Cn(e, t = 36) {
 	let n = e.replace(/\s+/g, " ").trim();
 	return n.length > t ? `${n.slice(0, t)}…` : n;
 }
-var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn = [
+var wn = (e, { t }) => Cn(e.textContent) || t.layers.empty, Tn = () => "", En = [
 	{
 		type: "paragraph",
 		icon: Ee
@@ -2356,20 +2371,20 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 	{
 		type: "heading",
 		icon: de,
-		inspector: an
+		inspector: sn
 	},
 	{
 		type: "image",
 		icon: fe,
-		inspector: on,
+		inspector: cn,
 		preview: (e, { t }) => {
 			let { attrs: n } = e;
-			if (n.alt) return xn(n.alt);
+			if (n.alt) return Cn(n.alt);
 			let r = String(n.src ?? "");
 			if (r.startsWith("data:")) return t.layers.uploadedImage;
 			try {
 				let e = new URL(r);
-				return xn(e.searchParams.get("text") ?? decodeURIComponent(e.pathname.split("/").pop() ?? ""));
+				return Cn(e.searchParams.get("text") ?? decodeURIComponent(e.pathname.split("/").pop() ?? ""));
 			} catch {
 				return "";
 			}
@@ -2378,64 +2393,64 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 	{
 		type: "button",
 		icon: ye,
-		inspector: nn
+		inspector: an
 	},
 	{
 		type: "horizontalRule",
 		icon: ve,
-		inspector: ln,
-		preview: Cn
+		inspector: dn,
+		preview: Tn
 	},
 	{
 		type: "spacer",
-		icon: Bt,
-		inspector: sn,
+		icon: Vt,
+		inspector: ln,
 		preview: (e) => `${e.attrs.height}px`,
-		extensions: [pn]
+		extensions: [hn]
 	},
 	{
 		type: "socialLinks",
 		icon: he,
-		inspector: bn,
+		inspector: Sn,
 		preview: (e) => Array.isArray(e.attrs.links) ? e.attrs.links.map((e) => e.network).join(", ") : "",
-		extensions: [vn]
+		extensions: [bn]
 	},
 	{
 		type: "htmlBlock",
 		icon: Ce,
-		inspector: cn,
-		preview: (e) => xn(String(e.attrs.html ?? "").replace(/<[^>]+>/g, " ")),
-		extensions: [yn]
+		inspector: un,
+		preview: (e) => Cn(String(e.attrs.html ?? "").replace(/<[^>]+>/g, " ")),
+		extensions: [xn]
 	},
 	{
 		type: "section",
 		icon: me,
-		inspector: un,
-		preview: Cn
+		inspector: fn,
+		preview: Tn
 	},
 	{
 		type: "columnsColumn",
 		icon: be,
-		inspector: un,
-		preview: Cn
+		inspector: fn,
+		preview: Tn
 	},
 	{
 		type: "twoColumns",
 		icon: ce,
-		inspector: rn,
-		preview: Cn
+		inspector: on,
+		preview: Tn
 	},
 	{
 		type: "threeColumns",
 		icon: le,
-		inspector: rn,
-		preview: Cn
+		inspector: on,
+		preview: Tn
 	},
 	{
 		type: "fourColumns",
 		icon: ue,
-		inspector: rn,
-		preview: Cn
+		inspector: on,
+		preview: Tn
 	},
 	{
 		type: "bulletList",
@@ -2457,44 +2472,44 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 		type: "table",
 		icon: we
 	}
-], Tn = /* @__PURE__ */ Be({
-	button: () => En,
-	column: () => On,
-	columns: () => An,
-	doc: () => Fn,
-	heading: () => X,
-	image: () => Dn,
-	link: () => Nn,
-	padding: () => Mn,
-	paragraph: () => Y,
-	placeholderImage: () => Pn,
-	section: () => jn,
-	sized: () => kn,
-	text: () => J
-}), J = (e, t) => ({
+], Dn = /* @__PURE__ */ Be({
+	button: () => On,
+	column: () => An,
+	columns: () => X,
+	doc: () => In,
+	heading: () => Y,
+	image: () => kn,
+	link: () => Pn,
+	padding: () => Nn,
+	paragraph: () => J,
+	placeholderImage: () => Fn,
+	section: () => Mn,
+	sized: () => jn,
+	text: () => q
+}), q = (e, t) => ({
 	type: "text",
 	text: e,
 	...t ? { marks: t } : {}
-}), Y = (e = "", t = {}) => ({
+}), J = (e = "", t = {}) => ({
 	type: "paragraph",
 	attrs: t,
-	content: typeof e == "string" ? e ? [J(e)] : [] : e
-}), X = (e, t, n = {}) => ({
+	content: typeof e == "string" ? e ? [q(e)] : [] : e
+}), Y = (e, t, n = {}) => ({
 	type: "heading",
 	attrs: {
 		level: e,
 		...n
 	},
-	content: [J(t)]
-}), En = (e, t = {}) => ({
+	content: [q(t)]
+}), On = (e, t = {}) => ({
 	type: "button",
 	attrs: {
 		href: "https://example.com",
 		alignment: "center",
 		...t
 	},
-	content: [J(e)]
-}), Dn = (e, t = {}) => ({
+	content: [q(e)]
+}), kn = (e, t = {}) => ({
 	type: "image",
 	attrs: {
 		src: e,
@@ -2502,103 +2517,103 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 		alignment: "center",
 		...t
 	}
-}), On = (...e) => ({
+}), An = (...e) => ({
 	type: "columnsColumn",
-	content: e.length ? e : [Y()]
-}), kn = (e, t) => ({
+	content: e.length ? e : [J()]
+}), jn = (e, t) => ({
 	...e,
 	attrs: {
 		...e.attrs,
 		style: `width:${t}%`
 	}
-}), An = (e, t, n) => ({
+}), X = (e, t, n) => ({
 	type: {
 		2: "twoColumns",
 		3: "threeColumns",
 		4: "fourColumns"
 	}[e],
 	...n ? { attrs: n } : {},
-	content: t ?? Array.from({ length: e }, () => On())
-}), jn = (e, ...t) => ({
+	content: t ?? Array.from({ length: e }, () => An())
+}), Mn = (e, ...t) => ({
 	type: "section",
 	attrs: { style: e },
 	content: t
-}), Mn = (e, t = e) => `padding-top:${e}px;padding-right:${t}px;padding-bottom:${e}px;padding-left:${t}px`, Nn = (e) => [{
+}), Nn = (e, t = e) => `padding-top:${e}px;padding-right:${t}px;padding-bottom:${e}px;padding-left:${t}px`, Pn = (e) => [{
 	type: "link",
 	attrs: { href: e }
-}], Pn = (e, t, n = "Image") => `https://placehold.co/${e}x${t}/e2e8f0/64748b/png?text=${encodeURIComponent(n)}`, Fn = (...e) => ({
+}], Fn = (e, t, n = "Image") => `https://placehold.co/${e}x${t}/e2e8f0/64748b/png?text=${encodeURIComponent(n)}`, In = (...e) => ({
 	type: "doc",
 	content: e
-}), In = ({ t: e }, t = "center") => Y([
-	J(e.content.menuHome, Nn("https://example.com")),
-	J("  ·  "),
-	J(e.content.menuShop, Nn("https://example.com/shop")),
-	J("  ·  "),
-	J(e.content.menuBlog, Nn("https://example.com/blog")),
-	J("  ·  "),
-	J(e.content.menuContact, Nn("https://example.com/contact"))
-], { alignment: t }), Ln = [{
+}), Ln = ({ t: e }, t = "center") => J([
+	q(e.content.menuHome, Pn("https://example.com")),
+	q("  ·  "),
+	q(e.content.menuShop, Pn("https://example.com/shop")),
+	q("  ·  "),
+	q(e.content.menuBlog, Pn("https://example.com/blog")),
+	q("  ·  "),
+	q(e.content.menuContact, Pn("https://example.com/contact"))
+], { alignment: t }), Rn = [{
 	id: "layout",
 	title: ({ t: e }) => e.sidebar.layoutTitle
 }, {
 	id: "content",
 	title: ({ t: e }) => e.sidebar.contentTitle
-}], Rn = [
+}], zn = [
 	{
 		id: "section",
 		group: "layout",
 		label: ({ t: e }) => e.palette.oneColumn,
-		icon: /* @__PURE__ */ I(Ut, {}),
-		content: () => [jn(Mn(16), Y())]
+		icon: /* @__PURE__ */ I(Wt, {}),
+		content: () => [Mn(Nn(16), J())]
 	},
 	{
 		id: "columns-2",
 		group: "layout",
 		label: ({ t: e }) => e.palette.twoColumns,
 		icon: /* @__PURE__ */ I(ce, { size: 22 }),
-		content: () => [An(2)]
+		content: () => [X(2)]
 	},
 	{
 		id: "columns-3",
 		group: "layout",
 		label: ({ t: e }) => e.palette.threeColumns,
 		icon: /* @__PURE__ */ I(le, { size: 22 }),
-		content: () => [An(3)]
+		content: () => [X(3)]
 	},
 	{
 		id: "columns-4",
 		group: "layout",
 		label: ({ t: e }) => e.palette.fourColumns,
 		icon: /* @__PURE__ */ I(ue, { size: 22 }),
-		content: () => [An(4)]
+		content: () => [X(4)]
 	},
 	{
 		id: "heading",
 		group: "content",
 		label: ({ t: e }) => e.palette.heading,
 		icon: /* @__PURE__ */ I(de, { size: 22 }),
-		content: ({ t: e }) => [X(2, e.content.heading)]
+		content: ({ t: e }) => [Y(2, e.content.heading)]
 	},
 	{
 		id: "text",
 		group: "content",
 		label: ({ t: e }) => e.palette.text,
 		icon: /* @__PURE__ */ I(Ee, { size: 22 }),
-		content: ({ t: e }) => [Y(e.content.text)]
+		content: ({ t: e }) => [J(e.content.text)]
 	},
 	{
 		id: "button",
 		group: "content",
 		label: ({ t: e }) => e.palette.button,
 		icon: /* @__PURE__ */ I(ye, { size: 22 }),
-		content: ({ t: e }) => [En(e.content.button)]
+		content: ({ t: e }) => [On(e.content.button)]
 	},
 	{
 		id: "image",
 		group: "content",
 		label: ({ t: e }) => e.palette.image,
 		icon: /* @__PURE__ */ I(fe, { size: 22 }),
-		content: ({ t: e }) => [Dn(Pn(600, 300, e.content.image))]
+		content: ({ t: e }) => [kn(Fn(600, 300, e.content.image))]
 	},
 	{
 		id: "divider",
@@ -2611,7 +2626,7 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 		id: "spacer",
 		group: "content",
 		label: ({ t: e }) => e.palette.spacer,
-		icon: /* @__PURE__ */ I(Vt, {}),
+		icon: /* @__PURE__ */ I(Ht, {}),
 		content: () => [{
 			type: "spacer",
 			attrs: { height: 32 }
@@ -2621,7 +2636,7 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 		id: "social",
 		group: "content",
 		label: ({ t: e }) => e.palette.social,
-		icon: /* @__PURE__ */ I(Ht, {}),
+		icon: /* @__PURE__ */ I(Ut, {}),
 		content: () => [{ type: "socialLinks" }]
 	},
 	{
@@ -2629,7 +2644,7 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 		group: "content",
 		label: ({ t: e }) => e.palette.menu,
 		icon: /* @__PURE__ */ I(xe, { size: 22 }),
-		content: (e) => [In(e)]
+		content: (e) => [Ln(e)]
 	},
 	{
 		id: "list",
@@ -2640,7 +2655,7 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 			type: "bulletList",
 			content: e.content.listItems.map((e) => ({
 				type: "listItem",
-				content: [Y(e)]
+				content: [J(e)]
 			}))
 		}]
 	},
@@ -2651,7 +2666,7 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 		icon: /* @__PURE__ */ I(Te, { size: 22 }),
 		content: ({ t: e }) => [{
 			type: "blockquote",
-			content: [Y(e.content.quote)]
+			content: [J(e.content.quote)]
 		}]
 	},
 	{
@@ -2669,7 +2684,7 @@ var Sn = (e, { t }) => xn(e.textContent) || t.layers.empty, Cn = () => "", wn =
 		group: "content",
 		label: ({ t: e }) => e.palette.card,
 		icon: /* @__PURE__ */ I(me, { size: 22 }),
-		content: ({ t: e }) => [jn(`${Mn(24)};background-color:#f1f5f9;border-radius:12px`, X(3, e.content.cardTitle), Y(e.content.cardText))]
+		content: ({ t: e }) => [Mn(`${Nn(24)};background-color:#f1f5f9;border-radius:12px`, Y(3, e.content.cardTitle), J(e.content.cardText))]
 	}
 ];
 //#endregion
@@ -2685,47 +2700,47 @@ function Z({ variant: e }) {
 		]
 	});
 }
-var zn = [
+var Bn = [
 	{
 		id: "header",
 		label: ({ t: e }) => e.templates.header,
 		description: ({ t: e }) => e.templates.headerDescription,
 		thumbnail: /* @__PURE__ */ I(Z, { variant: "header" }),
-		content: (e) => [An(2, [kn(On(Dn(Pn(140, 40, e.t.content.logo), {
+		content: (e) => [X(2, [jn(An(kn(Fn(140, 40, e.t.content.logo), {
 			alignment: "left",
 			width: "140"
-		})), 33), kn(On(In(e, "right")), 67)])]
+		})), 33), jn(An(Ln(e, "right")), 67)])]
 	},
 	{
 		id: "hero",
 		label: ({ t: e }) => e.templates.hero,
 		description: ({ t: e }) => e.templates.heroDescription,
 		thumbnail: /* @__PURE__ */ I(Z, { variant: "hero" }),
-		content: ({ t: e }) => [jn(`${Mn(40, 24)};background-color:#eef2ff;border-radius:12px`, X(1, e.content.heroTitle, { alignment: "center" }), Y(e.content.heroText, { alignment: "center" }), En(e.content.heroButton, { style: `background-color:#4f46e5;color:#ffffff;${Mn(12, 24)};border-radius:8px` }))]
+		content: ({ t: e }) => [Mn(`${Nn(40, 24)};background-color:#eef2ff;border-radius:12px`, Y(1, e.content.heroTitle, { alignment: "center" }), J(e.content.heroText, { alignment: "center" }), On(e.content.heroButton, { style: `background-color:#4f46e5;color:#ffffff;${Nn(12, 24)};border-radius:8px` }))]
 	},
 	{
 		id: "products",
 		label: ({ t: e }) => e.templates.products,
 		description: ({ t: e }) => e.templates.productsDescription,
 		thumbnail: /* @__PURE__ */ I(Z, { variant: "products" }),
-		content: ({ t: e }) => [An(2, [e.content.productA, e.content.productB].map((t) => On(Dn(Pn(280, 200, t)), X(3, t, { alignment: "center" }), Y(e.content.productText, { alignment: "center" }), En(e.content.productButton))), { cellspacing: 16 })]
+		content: ({ t: e }) => [X(2, [e.content.productA, e.content.productB].map((t) => An(kn(Fn(280, 200, t)), Y(3, t, { alignment: "center" }), J(e.content.productText, { alignment: "center" }), On(e.content.productButton))), { cellspacing: 16 })]
 	},
 	{
 		id: "features",
 		label: ({ t: e }) => e.templates.features,
 		description: ({ t: e }) => e.templates.featuresDescription,
 		thumbnail: /* @__PURE__ */ I(Z, { variant: "features" }),
-		content: ({ t: e }) => [An(3, e.content.features.map((t) => On(X(3, t, { alignment: "center" }), Y(e.content.featureText, { alignment: "center" }))))]
+		content: ({ t: e }) => [X(3, e.content.features.map((t) => An(Y(3, t, { alignment: "center" }), J(e.content.featureText, { alignment: "center" }))))]
 	},
 	{
 		id: "testimonial",
 		label: ({ t: e }) => e.templates.testimonial,
 		description: ({ t: e }) => e.templates.testimonialDescription,
 		thumbnail: /* @__PURE__ */ I(Z, { variant: "testimonial" }),
-		content: ({ t: e }) => [jn(`${Mn(24)};background-color:#f8fafc;border-radius:12px`, {
+		content: ({ t: e }) => [Mn(`${Nn(24)};background-color:#f8fafc;border-radius:12px`, {
 			type: "blockquote",
-			content: [Y(e.content.testimonialQuote)]
-		}, Y(e.content.testimonialAuthor, {
+			content: [J(e.content.testimonialQuote)]
+		}, J(e.content.testimonialAuthor, {
 			alignment: "right",
 			style: "color:#64748b"
 		}))]
@@ -2738,18 +2753,18 @@ var zn = [
 		content: ({ t: e }) => [
 			{ type: "horizontalRule" },
 			{ type: "socialLinks" },
-			Y(e.content.footerAddress, {
+			J(e.content.footerAddress, {
 				alignment: "center",
 				style: "color:#94a3b8;font-size:12px"
 			}),
-			Y([J(e.content.unsubscribe, Nn("https://example.com/unsubscribe"))], {
+			J([q(e.content.unsubscribe, Pn("https://example.com/unsubscribe"))], {
 				alignment: "center",
 				style: "font-size:12px"
 			})
 		]
 	}
-], Bn = (e, t) => zn.find((t) => t.id === e)?.content(t) ?? [];
-function Vn(e) {
+], Vn = (e, t) => Bn.find((t) => t.id === e)?.content(t) ?? [];
+function Hn(e) {
 	let t = {
 		type: "spacer",
 		attrs: { height: 16 }
@@ -2757,39 +2772,39 @@ function Vn(e) {
 	return {
 		type: "doc",
 		content: [
-			...Bn("header", e),
+			...Vn("header", e),
 			t,
-			...Bn("hero", e),
+			...Vn("hero", e),
 			t,
-			X(2, e.t.content.starterTitle, { alignment: "center" }),
-			...Bn("products", e),
+			Y(2, e.t.content.starterTitle, { alignment: "center" }),
+			...Vn("products", e),
 			t,
-			...Bn("footer", e)
+			...Vn("footer", e)
 		]
 	};
 }
 //#endregion
 //#region src/context.tsx
-var Hn = e(null);
+var Un = e(null);
 function Q() {
-	let e = r(Hn);
+	let e = r(Un);
 	if (!e) throw Error("useEmailEditor must be used inside <EditorRoot> or <BetterEmailEditor>.");
 	return e;
 }
-function Un() {
-	return r(Hn);
+function Wn() {
+	return r(Un);
 }
 function $() {
-	return r(Hn)?.t ?? St;
+	return r(Un)?.t ?? Ct;
 }
-function Wn() {
+function Gn() {
 	let { locale: e, t } = Q();
 	return s(() => ({
 		locale: e,
 		t
 	}), [e, t]);
 }
-var Gn = x("basic", {
+var Kn = x("basic", {
 	body: {
 		backgroundColor: "#eef1f5",
 		padding: "32px 16px"
@@ -2799,18 +2814,18 @@ var Gn = x("basic", {
 		padding: "24px",
 		borderRadius: "12px"
 	}
-}), Kn = (e) => new Promise((t, n) => {
+}), qn = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.onload = () => t({ url: String(r.result) }), r.onerror = n, r.readAsDataURL(e);
-}), qn = {
+}), Jn = {
 	type: "doc",
 	content: [{ type: "paragraph" }]
 };
-function Jn(e) {
+function Yn(e) {
 	return typeof e == "object" && !!e && "doc" in e;
 }
-function Yn(e) {
-	return e ? Jn(e) ? {
+function Xn(e) {
+	return e ? Yn(e) ? {
 		doc: e.doc,
 		settings: {
 			...e.settings,
@@ -2820,31 +2835,31 @@ function Yn(e) {
 		doc: e,
 		settings: { previewText: "" }
 	} : {
-		doc: qn,
+		doc: Jn,
 		settings: { previewText: "" }
 	};
 }
-function Xn(e, t, r) {
+function Zn(e, t, r) {
 	let [i, a] = l(t);
 	return [e === void 0 ? i : e, n((t) => {
 		e === void 0 && a(t), r?.(t);
 	}, [e, r])];
 }
-var Zn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en", messages: f, nodes: h = wn, palette: g = Rn, paletteGroups: v = Ln, templates: x = zn, starterDocument: C = Vn, extensions: w, theme: T = Gn, uploadImage: E = Kn, editable: D = !0, device: O, defaultDevice: ee = "desktop", onDeviceChange: k, layersOpen: te, defaultLayersOpen: ne = !0, onLayersOpenChange: re, className: ie, style: ae, children: oe }, se) {
-	let A = s(() => Ot(u, f), [u, f]), [ce] = l(() => Yn(e)), [le, ue] = l(ce.settings), j = c(le), de = c(A), fe = c(t), M = c(r), pe = c(E);
+var Qn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en", messages: f, nodes: h = En, palette: g = zn, paletteGroups: v = Rn, templates: x = Bn, starterDocument: C = Hn, extensions: w, theme: T = Kn, uploadImage: E = qn, editable: D = !0, device: O, defaultDevice: ee = "desktop", onDeviceChange: k, layersOpen: te, defaultLayersOpen: ne = !0, onLayersOpenChange: re, className: ie, style: ae, children: oe }, se) {
+	let A = s(() => kt(u, f), [u, f]), [ce] = l(() => Xn(e)), [le, ue] = l(ce.settings), j = c(le), de = c(A), fe = c(t), M = c(r), pe = c(E);
 	o(() => {
 		de.current = A, fe.current = t, M.current = r, pe.current = E;
 	});
-	let [me, he] = Xn(O, ee, k), [ge, _e] = Xn(te, ne, re), [ve] = l(() => ({
-		dragSession: bt(),
-		hoverStore: xt()
+	let [me, he] = Zn(O, ee, k), [ge, _e] = Zn(te, ne, re), [ve] = l(() => ({
+		dragSession: xt(),
+		hoverStore: St()
 	})), ye = n((e) => pe.current(e), []), be = S({ uploadImage: ye }), [xe] = l(() => [
 		y.configure({
 			TiptapStarterKit: { dropcursor: !1 },
 			Button: !1
 		}),
 		ct,
-		yt,
+		bt,
 		d.configure({
 			placeholder: ({ node: e }) => e.type.name === "heading" ? de.current.placeholder.heading : de.current.placeholder.paragraph,
 			includeChildren: !0
@@ -2864,7 +2879,7 @@ var Zn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en"
 		N?.setEditable(D);
 	}, [N, D]);
 	let Se = n(() => ({
-		doc: N?.getJSON() ?? qn,
+		doc: N?.getJSON() ?? Jn,
 		settings: j.current
 	}), [N]), Ce = n((e) => {
 		let t = {
@@ -2887,9 +2902,9 @@ var Zn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en"
 		return {
 			editor: N,
 			getValue: Se,
-			getJSON: () => N?.getJSON() ?? qn,
+			getJSON: () => N?.getJSON() ?? Jn,
 			setValue: (e) => {
-				let t = Yn(e);
+				let t = Xn(e);
 				j.current = t.settings, ue(t.settings), N?.commands.setContent(t.doc, { emitUpdate: !0 });
 			},
 			exportEmail: e,
@@ -2925,7 +2940,7 @@ var Zn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en"
 			nodes: we,
 			nodeLabel: (t) => {
 				let n = we.get(t)?.label;
-				return n ? Tt(n, e) : A.nodes[t] ?? t;
+				return n ? Et(n, e) : A.nodes[t] ?? t;
 			},
 			palette: g,
 			paletteGroups: v,
@@ -2968,7 +2983,7 @@ var Zn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en"
 		lang: u,
 		children: Te && /* @__PURE__ */ I(p.Provider, {
 			value: Ee,
-			children: /* @__PURE__ */ I(Hn.Provider, {
+			children: /* @__PURE__ */ I(Un.Provider, {
 				value: Te,
 				children: oe
 			})
@@ -2977,7 +2992,7 @@ var Zn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en"
 });
 //#endregion
 //#region src/components/CanvasOverlay.tsx
-function Qn(e, t) {
+function $n(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
 		top: t.top - n.top + e.scrollTop,
@@ -2986,23 +3001,23 @@ function Qn(e, t) {
 		height: t.height ?? 0
 	};
 }
-function $n(e, t, n) {
+function er(e, t, n) {
 	if (!n) return null;
 	let r = e.view.nodeDOM(n.pos);
-	return r instanceof HTMLElement ? Qn(t, r.getBoundingClientRect()) : null;
+	return r instanceof HTMLElement ? $n(t, r.getBoundingClientRect()) : null;
 }
-function er(e, t, n) {
+function tr(e, t, n) {
 	let r = e.view.posAtCoords({
 		left: t,
 		top: n
 	});
 	return r && r.inside >= 0 ? z(e.state.doc, r.inside) : null;
 }
-function tr(e) {
+function nr(e) {
 	let t = e.node.type.name;
 	return Ve.has(t) || He.has(t);
 }
-function nr({ editor: e, host: t }) {
+function rr({ editor: e, host: t }) {
 	let { dragSession: r, hoverStore: a, nodeLabel: s, t: d } = Q(), f = c(s);
 	o(() => {
 		f.current = s;
@@ -3035,7 +3050,7 @@ function nr({ editor: e, host: t }) {
 	]), i(() => {
 		let n = 0, i = (t) => {
 			r.get() || t.target.closest(".bree-ov-toolbar, .bree-ov-handle, .bree-ov-tag") || (cancelAnimationFrame(n), n = requestAnimationFrame(() => {
-				a.set(er(e, t.clientX, t.clientY)?.pos ?? null);
+				a.set(tr(e, t.clientX, t.clientY)?.pos ?? null);
 			}));
 		}, o = () => a.set(null);
 		return t.addEventListener("mousemove", i), t.addEventListener("mouseleave", o), () => {
@@ -3059,8 +3074,8 @@ function nr({ editor: e, host: t }) {
 				t instanceof HTMLElement && t.blur(), e.commands.blur();
 				return;
 			}
-			let r = er(e, n.clientX, n.clientY);
-			if (r && tr(r)) {
+			let r = tr(e, n.clientX, n.clientY);
+			if (r && nr(r)) {
 				n.preventDefault(), it(e, r);
 				return;
 			}
@@ -3131,7 +3146,7 @@ function nr({ editor: e, host: t }) {
 			t.dataTransfer.setDragImage(i, Math.min(24, e.width / 2), Math.min(24, e.height / 2));
 		}
 		requestAnimationFrame(() => b(n.pos));
-	}, E = y !== null, D = g && g.pos !== C?.pos ? $n(e, t, g) : null, O = $n(e, t, C), ee = E ? $n(e, t, z(e.state.doc, y)) : null, k = C ? nt(e.state.doc, C) : null;
+	}, E = y !== null, D = g && g.pos !== C?.pos ? er(e, t, g) : null, O = er(e, t, C), ee = E ? er(e, t, z(e.state.doc, y)) : null, k = C ? nt(e.state.doc, C) : null;
 	return /* @__PURE__ */ L("div", {
 		className: "bree-ov-layer",
 		children: [
@@ -3163,7 +3178,7 @@ function nr({ editor: e, host: t }) {
 						title: d.canvas.move,
 						"aria-label": d.canvas.moveLabel(s(C.node.type.name)),
 						onDragStart: (e) => T(e, C),
-						children: /* @__PURE__ */ I(At, {})
+						children: /* @__PURE__ */ I(jt, {})
 					}) }),
 					/* @__PURE__ */ I(j, { children: /* @__PURE__ */ L("div", {
 						className: "bree-ov-toolbar",
@@ -3173,19 +3188,19 @@ function nr({ editor: e, host: t }) {
 							className: "bree-ov-tool",
 							title: d.canvas.selectParent(s(k.node.type.name)),
 							onClick: () => it(e, k),
-							children: /* @__PURE__ */ I(Nt, {})
+							children: /* @__PURE__ */ I(Pt, {})
 						}), !tt(C) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-ov-tool",
 							title: d.canvas.duplicate,
 							onClick: () => at(e, C),
-							children: /* @__PURE__ */ I(jt, {})
+							children: /* @__PURE__ */ I(Mt, {})
 						}), /* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-ov-tool bree-ov-danger",
 							title: d.canvas.delete,
 							onClick: () => ot(e, C),
-							children: /* @__PURE__ */ I(Mt, {})
+							children: /* @__PURE__ */ I(Nt, {})
 						})] })]
 					}) })
 				]
@@ -3194,7 +3209,7 @@ function nr({ editor: e, host: t }) {
 				className: "bree-ov-frame bree-ov-source",
 				style: ee
 			}),
-			_ && /* @__PURE__ */ I(rr, {
+			_ && /* @__PURE__ */ I(ir, {
 				host: t,
 				target: _,
 				label: r.get()?.label ?? "",
@@ -3203,9 +3218,9 @@ function nr({ editor: e, host: t }) {
 		]
 	});
 }
-function rr({ host: e, target: t, label: n, messages: r }) {
+function ir({ host: e, target: t, label: n, messages: r }) {
 	if (t.emptyZone) {
-		let i = Qn(e, t.emptyZone);
+		let i = $n(e, t.emptyZone);
 		return /* @__PURE__ */ I("div", {
 			className: "bree-ov-dropzone",
 			style: i,
@@ -3217,7 +3232,7 @@ function rr({ host: e, target: t, label: n, messages: r }) {
 		});
 	}
 	if (!t.line) return null;
-	let i = Qn(e, {
+	let i = $n(e, {
 		...t.line,
 		height: 0
 	});
@@ -3236,7 +3251,7 @@ function rr({ host: e, target: t, label: n, messages: r }) {
 }
 //#endregion
 //#region src/components/Canvas.tsx
-function ir({ overlay: e = !0, bubbleMenu: t = !0, slashCommands: n = !0, className: r, style: i, children: a }) {
+function ar({ overlay: e = !0, bubbleMenu: t = !0, slashCommands: n = !0, className: r, style: i, children: a }) {
 	let { editor: o, device: c, t: u } = Q(), [d, p] = l(null), m = s(() => Array.isArray(n) ? n : ke.map((e) => ({
 		...e,
 		...u.slashCommands[e.title]
@@ -3261,7 +3276,7 @@ function ir({ overlay: e = !0, bubbleMenu: t = !0, slashCommands: n = !0, classN
 				/* @__PURE__ */ I(se.ImageDefault, {})
 			] }),
 			n !== !1 && /* @__PURE__ */ I(Se, { items: m }),
-			e && d && /* @__PURE__ */ I(nr, {
+			e && d && /* @__PURE__ */ I(rr, {
 				editor: o,
 				host: d
 			}),
@@ -3271,14 +3286,14 @@ function ir({ overlay: e = !0, bubbleMenu: t = !0, slashCommands: n = !0, classN
 }
 //#endregion
 //#region src/core/layers.ts
-function ar(e, t) {
+function or(e, t) {
 	let n = e.child(t);
 	return t === e.childCount - 1 && e.childCount > 1 && Ke(n) && e.child(t - 1).type.name !== "paragraph";
 }
-function or(e, t, n, r) {
+function sr(e, t, n, r) {
 	let i = [];
 	return e.forEach((a, o, s) => {
-		if (ar(e, s)) return;
+		if (or(e, s)) return;
 		let c = t + 1 + o, l = a.type.name, u = `${r}${s}`, d = Ve.has(l), f = d && a.childCount === 1 && Ke(a.firstChild), p = d || He.has(l);
 		i.push({
 			key: u,
@@ -3286,21 +3301,21 @@ function or(e, t, n, r) {
 			node: a,
 			depth: n,
 			index: s + 1,
-			children: p && !f ? or(a, c, n + 1, `${u}.`) : [],
+			children: p && !f ? sr(a, c, n + 1, `${u}.`) : [],
 			accepts: d,
 			fixed: l === "columnsColumn",
 			empty: f
 		});
 	}), i;
 }
-function sr(e) {
+function cr(e) {
 	let t = qe(e);
-	return t ? or(t.node, t.pos, 0, "") : [];
+	return t ? sr(t.node, t.pos, 0, "") : [];
 }
-function cr(e, t) {
+function lr(e, t) {
 	return e.fixed ? "inside" : e.accepts ? t < .25 ? "before" : t > .75 ? "after" : "inside" : t < .5 ? "before" : "after";
 }
-function lr(e, t, n, r, i) {
+function ur(e, t, n, r, i) {
 	let a, o;
 	if (n === "inside") {
 		if (!t.accepts) return null;
@@ -3318,8 +3333,8 @@ function lr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/LayersPanel.tsx
-function ur({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r, style: a }) {
-	let { editor: o, t: d, locale: f, nodes: p, nodeLabel: m, dragSession: g, hoverStore: _ } = Q(), v = (e) => e.node.type.name === "columnsColumn" ? d.layers.column(e.index) : m(e.node.type.name), y = (e) => (p.get(e.node.type.name)?.preview ?? Sn)(e.node, {
+function dr({ 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 ?? wn)(e.node, {
 		locale: f,
 		t: d
 	}), b = h({
@@ -3329,7 +3344,7 @@ function ur({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 	}), x = h({
 		editor: o,
 		selector: ({ editor: e }) => e?.isFocused ? rt(e)?.pos ?? null : null
-	}), S = u(_.subscribe, _.get), C = s(() => b ? sr(b) : [], [b]), [w, T] = l(() => /* @__PURE__ */ new Set()), [E, D] = l(null), O = c(null);
+	}), S = u(_.subscribe, _.get), C = s(() => b ? cr(b) : [], [b]), [w, T] = l(() => /* @__PURE__ */ new Set()), [E, D] = l(null), O = c(null);
 	i(() => {
 		x !== null && O.current?.querySelector("[aria-selected=\"true\"]")?.scrollIntoView({ block: "nearest" });
 	}, [x]);
@@ -3351,10 +3366,10 @@ function ur({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 		if (!n) return null;
 		let r = Ye(o.view, n);
 		if (!r) return null;
-		let i = e.currentTarget.getBoundingClientRect(), a = cr(t, (e.clientY - i.top) / i.height), s = n.kind === "move" ? o.state.doc.nodeAt(n.pos) : null, c = n.kind === "move" && s ? {
+		let i = e.currentTarget.getBoundingClientRect(), a = lr(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 = lr(o.state.doc, t, a, r, c);
+		} : void 0, l = ur(o.state.doc, t, a, r, c);
 		return l ? {
 			zone: a,
 			target: l,
@@ -3498,32 +3513,32 @@ function ur({ onClose: e, title: t, expandCollapseButtons: n = !0, className: r,
 }
 //#endregion
 //#region src/components/inspectors/DefaultInspector.tsx
-function dr({ ctx: e, className: t, style: n }) {
+function fr({ ctx: e, className: t, style: n }) {
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-inspector", t),
 		style: n,
 		children: [
-			/* @__PURE__ */ I(en, {
+			/* @__PURE__ */ I(tn, {
 				ctx: e,
 				alignment: String(e.getAttr("alignment") ?? "left"),
 				setAlignment: (t) => e.setAttr("alignment", t)
 			}),
-			/* @__PURE__ */ I(q, { ctx: e }),
-			/* @__PURE__ */ I(tn, { ctx: e })
+			/* @__PURE__ */ I(nn, { ctx: e }),
+			/* @__PURE__ */ I(rn, { ctx: e })
 		]
 	});
 }
 //#endregion
 //#region src/components/PropertiesPanel.tsx
-function fr() {
+function pr() {
 	let { editor: e } = Q();
 	return () => {
 		let t = document.activeElement;
 		t instanceof HTMLElement && t.blur(), e.commands.blur();
 	};
 }
-function pr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i }) {
-	let { t: a, nodeLabel: o } = Q(), s = fr();
+function mr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i }) {
+	let { t: a, nodeLabel: o } = Q(), s = pr();
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-properties", r),
 		style: i,
@@ -3566,9 +3581,9 @@ function pr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i
 }
 //#endregion
 //#region src/components/BlockProperties.tsx
-function mr({ ctx: e, className: t, style: n }) {
-	let { nodes: r, nodeLabel: i } = Q(), a = r.get(e.nodeType)?.inspector ?? dr;
-	return /* @__PURE__ */ I(pr, {
+function hr({ ctx: e, className: t, style: n }) {
+	let { nodes: r, nodeLabel: i } = Q(), a = r.get(e.nodeType)?.inspector ?? fr;
+	return /* @__PURE__ */ I(mr, {
 		title: i(e.nodeType),
 		className: t,
 		style: n,
@@ -3577,7 +3592,7 @@ function mr({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/useDraggableBlock.ts
-function hr(e, t) {
+function gr(e, t) {
 	let { editor: n, dragSession: r } = Q();
 	return {
 		draggable: !0,
@@ -3594,8 +3609,8 @@ function hr(e, t) {
 }
 //#endregion
 //#region src/components/BlocksTab.tsx
-function gr({ template: e, className: t, style: n }) {
-	let r = Wn(), i = Tt(e.label, r), a = hr(i, () => e.content(r));
+function _r({ template: e, className: t, style: n }) {
+	let r = Gn(), i = Et(e.label, r), a = gr(i, () => e.content(r));
 	return /* @__PURE__ */ L("button", {
 		type: "button",
 		className: R("bree-block-card", t),
@@ -3603,21 +3618,21 @@ function gr({ template: e, className: t, style: n }) {
 		...a,
 		children: [e.thumbnail ?? /* @__PURE__ */ I(Z, { variant: "default" }), /* @__PURE__ */ L("span", {
 			className: "bree-block-text",
-			children: [/* @__PURE__ */ I("strong", { children: i }), e.description && /* @__PURE__ */ I("span", { children: Tt(e.description, r) })]
+			children: [/* @__PURE__ */ I("strong", { children: i }), e.description && /* @__PURE__ */ I("span", { children: Et(e.description, r) })]
 		})]
 	});
 }
-function _r({ templates: e, className: t, style: n }) {
+function vr({ templates: e, className: t, style: n }) {
 	let r = Q();
 	return /* @__PURE__ */ I("div", {
 		className: R("bree-block-list", t),
 		style: n,
-		children: (e ?? r.templates).map((e) => /* @__PURE__ */ I(gr, { template: e }, e.id))
+		children: (e ?? r.templates).map((e) => /* @__PURE__ */ I(_r, { template: e }, e.id))
 	});
 }
 //#endregion
 //#region src/components/BodyTab.tsx
-function vr({ ctx: e, className: t, style: n }) {
+function yr({ ctx: e, className: t, style: n }) {
 	let { settings: r, updateSettings: i, t: a } = Q(), o = a.body, { findStyleValue: s, setGlobalStyle: c } = e;
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-body-tab", t),
@@ -3746,8 +3761,8 @@ function vr({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/ContentTab.tsx
-function yr({ item: e, className: t, style: n }) {
-	let r = Wn(), i = Tt(e.label, r), a = hr(i, () => e.content(r));
+function br({ item: e, className: t, style: n }) {
+	let r = Gn(), i = Et(e.label, r), a = gr(i, () => e.content(r));
 	return /* @__PURE__ */ L("button", {
 		type: "button",
 		className: R("bree-tile", t),
@@ -3763,7 +3778,7 @@ function yr({ item: e, className: t, style: n }) {
 		})]
 	});
 }
-function br({ items: e, groups: t, hint: n, className: r, style: i }) {
+function xr({ items: e, groups: t, hint: n, className: r, style: i }) {
 	let a = Q(), o = e ?? a.palette, s = t ?? a.paletteGroups, c = [...s, ...[...new Set(o.map((e) => e.group))].filter((e) => !s.some((t) => t.id === e)).map((e) => ({
 		id: e,
 		title: e
@@ -3775,10 +3790,10 @@ function br({ items: e, groups: t, hint: n, className: r, style: i }) {
 			let t = o.filter((t) => t.group === e.id);
 			return t.length ? /* @__PURE__ */ L("section", { children: [/* @__PURE__ */ I("h3", {
 				className: "bree-panel-title",
-				children: Tt(e.title, a)
+				children: Et(e.title, a)
 			}), /* @__PURE__ */ I("div", {
 				className: "bree-tiles",
-				children: t.map((e) => /* @__PURE__ */ I(yr, { item: e }, e.id))
+				children: t.map((e) => /* @__PURE__ */ I(br, { item: e }, e.id))
 			})] }, e.id) : null;
 		}), n !== null && /* @__PURE__ */ I("p", {
 			className: "bree-hint",
@@ -3788,7 +3803,7 @@ function br({ items: e, groups: t, hint: n, className: r, style: i }) {
 }
 //#endregion
 //#region src/components/ContentPanel.tsx
-function xr({ ctx: e, tabs: t = [
+function Sr({ ctx: e, tabs: t = [
 	"content",
 	"blocks",
 	"body"
@@ -3797,17 +3812,17 @@ function xr({ ctx: e, tabs: t = [
 		content: {
 			id: "content",
 			label: a.sidebar.tabContent,
-			render: () => /* @__PURE__ */ I(br, {})
+			render: () => /* @__PURE__ */ I(xr, {})
 		},
 		blocks: {
 			id: "blocks",
 			label: a.sidebar.tabBlocks,
-			render: () => /* @__PURE__ */ I(_r, {})
+			render: () => /* @__PURE__ */ I(vr, {})
 		},
 		body: {
 			id: "body",
 			label: a.sidebar.tabBody,
-			render: (e) => /* @__PURE__ */ I(vr, { ctx: e })
+			render: (e) => /* @__PURE__ */ I(yr, { 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__ */ L("div", {
@@ -3832,7 +3847,7 @@ function xr({ ctx: e, tabs: t = [
 }
 //#endregion
 //#region src/components/TextProperties.tsx
-function Sr({ ctx: e, className: t, style: n }) {
+function Cr({ ctx: e, className: t, style: n }) {
 	let r = $(), i = r.inspector, a = [
 		{
 			mark: "bold",
@@ -3855,7 +3870,7 @@ function Sr({ ctx: e, className: t, style: n }) {
 			title: i.strike
 		}
 	];
-	return /* @__PURE__ */ L(pr, {
+	return /* @__PURE__ */ L(mr, {
 		title: r.sidebar.selectedText,
 		className: t,
 		style: n,
@@ -3874,7 +3889,7 @@ function Sr({ ctx: e, className: t, style: n }) {
 					}, t))
 				})
 			}),
-			/* @__PURE__ */ I(en, {
+			/* @__PURE__ */ I(tn, {
 				ctx: e,
 				alignment: e.alignment,
 				setAlignment: e.setAlignment
@@ -3903,7 +3918,7 @@ function Sr({ ctx: e, className: t, style: n }) {
 }
 //#endregion
 //#region src/components/Sidebar.tsx
-function Cr({ renderDocument: e = (e) => /* @__PURE__ */ I(xr, { ctx: e }), renderNode: t = (e) => /* @__PURE__ */ I(mr, { ctx: e }), renderText: n = (e) => /* @__PURE__ */ I(Sr, { ctx: e }), className: r, style: i }) {
+function wr({ renderDocument: e = (e) => /* @__PURE__ */ I(Sr, { ctx: e }), renderNode: t = (e) => /* @__PURE__ */ I(hr, { ctx: e }), renderText: n = (e) => /* @__PURE__ */ I(Cr, { ctx: e }), className: r, style: i }) {
 	let { t: a } = Q();
 	return /* @__PURE__ */ L(M.Root, {
 		className: R("bree-sidebar", r),
@@ -3918,11 +3933,11 @@ function Cr({ renderDocument: e = (e) => /* @__PURE__ */ I(xr, { ctx: e }), rend
 }
 //#endregion
 //#region src/components/PreviewDialog.tsx
-function wr(e, t, n) {
+function Tr(e, t, n) {
 	let r = URL.createObjectURL(new Blob([t], { type: n })), i = document.createElement("a");
 	i.href = r, i.download = e, i.click(), URL.revokeObjectURL(r);
 }
-function Tr({ onClose: e, defaultView: t = "desktop", views: n = [
+function Er({ onClose: e, defaultView: t = "desktop", views: n = [
 	"desktop",
 	"mobile",
 	"html",
@@ -3975,7 +3990,7 @@ function Tr({ onClose: e, defaultView: t = "desktop", views: n = [
 						p && /* @__PURE__ */ I("button", {
 							type: "button",
 							className: "bree-btn bree-primary",
-							onClick: () => wr(r, p.unformattedHtml, "text/html"),
+							onClick: () => Tr(r, p.unformattedHtml, "text/html"),
 							children: b.download
 						}),
 						/* @__PURE__ */ I("button", {
@@ -4021,7 +4036,7 @@ function Tr({ onClose: e, defaultView: t = "desktop", views: n = [
 }
 //#endregion
 //#region src/components/TopBar.tsx
-function Er({ className: e, style: t }) {
+function Dr({ className: e, style: t }) {
 	let { layersOpen: n, setLayersOpen: r, t: i } = Q();
 	return /* @__PURE__ */ L("button", {
 		type: "button",
@@ -4031,13 +4046,13 @@ function Er({ className: e, style: t }) {
 		onClick: () => r(!n),
 		title: i.topBar.toggleLayers,
 		children: [
-			/* @__PURE__ */ I(Rt, {}),
+			/* @__PURE__ */ I(zt, {}),
 			" ",
 			i.topBar.layers
 		]
 	});
 }
-function Dr({ className: e, style: t }) {
+function Or({ className: e, style: t }) {
 	let { editor: n, t: r } = Q(), i = h({
 		editor: n,
 		selector: ({ editor: e }) => ({
@@ -4054,26 +4069,26 @@ function Dr({ className: e, style: t }) {
 			title: r.topBar.undo,
 			disabled: !i?.undo,
 			onClick: () => n.chain().focus().undo().run(),
-			children: /* @__PURE__ */ I(Pt, {})
+			children: /* @__PURE__ */ I(Ft, {})
 		}), /* @__PURE__ */ I("button", {
 			type: "button",
 			className: "bree-icon-button",
 			title: r.topBar.redo,
 			disabled: !i?.redo,
 			onClick: () => n.chain().focus().redo().run(),
-			children: /* @__PURE__ */ I(Ft, {})
+			children: /* @__PURE__ */ I(It, {})
 		})]
 	});
 }
-function Or({ className: e, style: t }) {
+function kr({ className: e, style: t }) {
 	let { device: n, setDevice: r, t: i } = Q(), a = [{
 		id: "desktop",
 		label: i.topBar.desktop,
-		Icon: It
+		Icon: Lt
 	}, {
 		id: "mobile",
 		label: i.topBar.mobile,
-		Icon: Lt
+		Icon: Rt
 	}];
 	return /* @__PURE__ */ I("div", {
 		className: R("bree-segmented bree-device-toggle", e),
@@ -4091,7 +4106,7 @@ function Or({ className: e, style: t }) {
 		}, e))
 	});
 }
-function kr({ className: e, style: t }) {
+function Ar({ className: e, style: t }) {
 	let { editor: n, starterDocument: r, locale: i, t: a } = Q();
 	return /* @__PURE__ */ I("button", {
 		type: "button",
@@ -4106,7 +4121,7 @@ function kr({ className: e, style: t }) {
 		children: a.topBar.template
 	});
 }
-function Ar({ className: e, style: t }) {
+function jr({ className: e, style: t }) {
 	let { handle: n, t: r } = Q(), i = c(null), a = async (e) => {
 		try {
 			n.setValue(JSON.parse(await e.text()));
@@ -4131,17 +4146,17 @@ function Ar({ className: e, style: t }) {
 		}
 	})] });
 }
-function jr({ className: e, style: t, filename: n = "email.json" }) {
+function Mr({ className: e, style: t, filename: n = "email.json" }) {
 	let { handle: r, t: i } = Q();
 	return /* @__PURE__ */ I("button", {
 		type: "button",
 		className: R("bree-btn bree-ghost", e),
 		style: t,
-		onClick: () => wr(n, JSON.stringify(r.getValue(), null, 2), "application/json"),
+		onClick: () => Tr(n, JSON.stringify(r.getValue(), null, 2), "application/json"),
 		children: i.topBar.exportJson
 	});
 }
-function Mr({ view: e = "desktop", variant: t = "default", children: n, className: r, style: i }) {
+function Nr({ view: e = "desktop", variant: t = "default", children: n, className: r, style: i }) {
 	let { t: a } = Q(), [o, s] = l(!1);
 	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("button", {
 		type: "button",
@@ -4149,21 +4164,21 @@ function Mr({ view: e = "desktop", variant: t = "default", children: n, classNam
 		style: i,
 		onClick: () => s(!0),
 		children: n ?? a.topBar.preview
-	}), o && /* @__PURE__ */ I(Tr, {
+	}), o && /* @__PURE__ */ I(Er, {
 		defaultView: e,
 		onClose: () => s(!1)
 	})] });
 }
-function Nr(e) {
+function Pr(e) {
 	let { t } = Q();
-	return /* @__PURE__ */ I(Mr, {
+	return /* @__PURE__ */ I(Nr, {
 		view: "html",
 		variant: "primary",
 		...e,
 		children: t.topBar.exportHtml
 	});
 }
-function Pr({ brand: e, actions: t, children: n, className: r, style: i }) {
+function Fr({ brand: e, actions: t, children: n, className: r, style: i }) {
 	return /* @__PURE__ */ I(j, { children: /* @__PURE__ */ L("header", {
 		className: R("bree-topbar", r),
 		style: i,
@@ -4172,17 +4187,17 @@ function Pr({ brand: e, actions: t, children: n, className: r, style: i }) {
 			children: e
 		}), n ?? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
 			className: "bree-topbar-center",
-			children: /* @__PURE__ */ I(Or, {})
+			children: /* @__PURE__ */ I(kr, {})
 		}), /* @__PURE__ */ L("div", {
 			className: "bree-topbar-actions",
-			children: [t, /* @__PURE__ */ I(Nr, {})]
+			children: [t, /* @__PURE__ */ I(Pr, {})]
 		})] })]
 	}) });
 }
 //#endregion
 //#region src/components/BetterEmailEditor.tsx
-function Fr({ showTopBar: e = !0, showLayers: t = !0, showSidebar: n = !0, components: r = {}, slotProps: i = {} }) {
-	let { layersOpen: a } = Q(), { TopBar: o = Pr, LayersPanel: s = ur, Canvas: c = ir, Sidebar: l = Cr } = r, u = t && a;
+function Ir({ showTopBar: e = !0, showLayers: t = !0, showSidebar: n = !0, components: r = {}, slotProps: i = {} }) {
+	let { layersOpen: a } = Q(), { TopBar: o = Fr, LayersPanel: s = dr, Canvas: c = ar, Sidebar: l = wr } = r, u = t && a;
 	return /* @__PURE__ */ L("div", {
 		className: R("bree-layout", e && "bree-with-topbar", u && "bree-with-layers", n && "bree-with-sidebar"),
 		children: [
@@ -4193,11 +4208,11 @@ function Fr({ showTopBar: e = !0, showLayers: t = !0, showSidebar: n = !0, compo
 		]
 	});
 }
-var Ir = t(function({ showTopBar: e, showLayers: t, showSidebar: n, components: r, slotProps: i, ...a }, o) {
-	return /* @__PURE__ */ I(Zn, {
+var Lr = t(function({ showTopBar: e, showLayers: t, showSidebar: n, components: r, slotProps: i, ...a }, o) {
+	return /* @__PURE__ */ I(Qn, {
 		ref: o,
 		...a,
-		children: /* @__PURE__ */ I(Fr, {
+		children: /* @__PURE__ */ I(Ir, {
 			showTopBar: e,
 			showLayers: t,
 			showSidebar: n,
@@ -4207,6 +4222,6 @@ var Ir = t(function({ showTopBar: e, showLayers: t, showSidebar: n, components:
 	});
 });
 //#endregion
-export { Qt as AlignInput, Ve as BLOCK_CONTAINERS, Ir as BetterEmailEditor, mr as BlockProperties, _r as BlocksTab, vr as BodyTab, tn as BoxGroup, nn as ButtonInspector, He as COLUMN_PARENTS, ir as Canvas, nr as CanvasOverlay, G as ColorInput, rn as ColumnsInspector, un as ContainerInspector, xr as ContentPanel, br as ContentTab, Jt as DEFAULT_SWATCHES, dr as DefaultInspector, Or as DeviceToggle, ln as DividerInspector, Zn as EditorRoot, ct as EmailButton, Nr as ExportHtmlButton, jr as ExportJsonButton, H as Field, V as Group, an as HeadingInspector, yn as HtmlBlock, cn as HtmlInspector, on as ImageInspector, Ar as ImportButton, ur as LayersPanel, Er as LayersToggle, W as NumberInput, $t as PaddingInput, yr as PaletteTile, Mr as PreviewButton, Tr as PreviewDialog, pr as PropertiesPanel, qt as RangeInput, mn as SOCIAL_NETWORKS, Zt as Segmented, Xt as Select, Cr as Sidebar, vn as SocialLinks, bn as SocialLinksInspector, pn as Spacer, sn as SpacerInspector, q as SpacingGroup, kr as TemplateButton, gr as TemplateCard, Z as TemplateThumbnail, Gt as TextArea, U as TextInput, Sr as TextProperties, Pr as TopBar, en as TypographyGroup, Dr as UndoRedo, st as appendBlocks, $e as applyDrop, Tn as content, Vn as createStarterDocument, K as css, R as cx, wn as defaultNodes, Rn as defaultPalette, Ln as defaultPaletteGroups, zn as defaultTemplates, Gn as defaultTheme, ot as deleteUnit, wr as download, at as duplicateUnit, St as en, Je as findDropTarget, Ct as fr, gn as iconUrl, kt as icons, dn as inlineStyleToObject, wt as locales, In as menuParagraph, nt as parentUnit, Kn as readFileAsDataUrl, Tt as resolveLabel, Ot as resolveMessages, it as selectUnit, rt as selectedUnit, Sn as textPreview, Yt as toHex, xn as truncate, z as unitAt, fr as useDeselect, hr as useDraggableBlock, Q as useEmailEditor, Wn as useI18n, $ as useMessages, Un as useOptionalEmailEditor };
+export { $t as AlignInput, Ve as BLOCK_CONTAINERS, Lr as BetterEmailEditor, hr as BlockProperties, vr as BlocksTab, yr as BodyTab, rn as BoxGroup, an as ButtonInspector, He as COLUMN_PARENTS, ar as Canvas, rr as CanvasOverlay, G as ColorInput, on as ColumnsInspector, fn as ContainerInspector, Sr as ContentPanel, xr as ContentTab, Yt as DEFAULT_SWATCHES, fr as DefaultInspector, kr as DeviceToggle, dn as DividerInspector, Qn as EditorRoot, ct as EmailButton, Pr as ExportHtmlButton, Mr as ExportJsonButton, H as Field, V as Group, sn as HeadingInspector, xn as HtmlBlock, un as HtmlInspector, cn as ImageInspector, jr as ImportButton, dr as LayersPanel, Dr as LayersToggle, W as NumberInput, en as PaddingInput, br as PaletteTile, Nr as PreviewButton, Er as PreviewDialog, mr as PropertiesPanel, Jt as RangeInput, gn as SOCIAL_NETWORKS, Qt as Segmented, Zt as Select, wr as Sidebar, bn as SocialLinks, Sn as SocialLinksInspector, hn as Spacer, ln as SpacerInspector, nn as SpacingGroup, Ar as TemplateButton, _r as TemplateCard, Z as TemplateThumbnail, Kt as TextArea, U as TextInput, Cr as TextProperties, Fr as TopBar, tn as TypographyGroup, Or as UndoRedo, st as appendBlocks, $e as applyDrop, Dn as content, Hn as createStarterDocument, K as css, R as cx, En as defaultNodes, zn as defaultPalette, Rn as defaultPaletteGroups, Bn as defaultTemplates, Kn as defaultTheme, ot as deleteUnit, Tr as download, at as duplicateUnit, Ct as en, Je as findDropTarget, wt as fr, vn as iconUrl, At as icons, pn as inlineStyleToObject, Tt as locales, Ln as menuParagraph, nt as parentUnit, qn as readFileAsDataUrl, Et as resolveLabel, kt as resolveMessages, it as selectUnit, rt as selectedUnit, wn as textPreview, Xt as toHex, Cn as truncate, z as unitAt, pr as useDeselect, gr as useDraggableBlock, Q as useEmailEditor, Gn as useI18n, $ as useMessages, Wn as useOptionalEmailEditor };
 
 //# sourceMappingURL=index.js.map