better-react-email-editor 0.1.0

package/dist/index.js

@@ -0,0 +1,4190 @@
+import { createContext as e, forwardRef as t, useCallback as n, useContext as r, useEffect as i, useImperativeHandle as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l, useSyncExternalStore as u } from "react";
+import { Placeholder as d } from "@tiptap/extension-placeholder";
+import { EditorContent as f, EditorContext as p, useEditor as m, useEditorState as h } from "@tiptap/react";
+import { EmailNode as g, composeReactEmail as _ } from "@react-email/editor/core";
+import { Button as v, StarterKit as y } from "@react-email/editor/extensions";
+import { EmailTheming as b, extendTheme as x, useEditorImage as S } from "@react-email/editor/plugins";
+import { Fragment as C } from "@tiptap/pm/model";
+import { NodeSelection as w, Selection as T, TextSelection as E } from "@tiptap/pm/state";
+import { generateJSON as D } from "@tiptap/html";
+import { AlignCenterIcon as 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";
+//#region \0rolldown/runtime.js
+var Pe = Object.defineProperty, Fe = (e, t) => {
+	let n = {};
+	for (var r in e) Pe(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || Pe(n, Symbol.toStringTag, { value: "Module" }), n;
+};
+//#endregion
+//#region src/core/cx.ts
+function z(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/core/dnd.ts
+var Ie = /* @__PURE__ */ new Set([
+	"container",
+	"section",
+	"columnsColumn"
+]), Le = /* @__PURE__ */ new Set([
+	"twoColumns",
+	"threeColumns",
+	"fourColumns"
+]), Re = "application/x-email-block";
+function ze(e, t) {
+	let n = e.nodeDOM(t);
+	return n instanceof HTMLElement ? n.getBoundingClientRect() : null;
+}
+function Be(e, t, n) {
+	let r = [];
+	return t.forEach((t, i) => {
+		let a = n + 1 + i, o = ze(e, a);
+		o && r.push({
+			node: t,
+			pos: a,
+			rect: o
+		});
+	}), r;
+}
+function Ve(e) {
+	return e.type.name === "paragraph" && e.childCount === 0;
+}
+function He(e) {
+	let t = null;
+	return e.forEach((e, n) => {
+		!t && e.type.name === "container" && (t = {
+			node: e,
+			pos: n
+		});
+	}), t;
+}
+function Ue(e, t, n, r, i) {
+	let a = He(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);
+		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)) {
+				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]);
+				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)) {
+			let e = c[0];
+			return i.type.validContent(r) ? {
+				pos: e.pos,
+				replaceTo: e.pos + e.node.nodeSize,
+				line: {
+					top: e.rect.top,
+					left: l.left,
+					width: l.width
+				},
+				emptyZone: {
+					top: l.top,
+					left: l.left,
+					width: l.width,
+					height: Math.max(l.height, 40)
+				}
+			} : null;
+		}
+		let u = c.length;
+		for (let e = 0; e < c.length; e++) {
+			let { rect: t } = c[e];
+			if (n < t.top + t.height / 2) {
+				u = e;
+				break;
+			}
+		}
+		let d = u, f = u < c.length ? ((e) => {
+			let t = 0, n = -1;
+			return i.forEach((r, i) => {
+				a + 1 + i === e && (n = t), t++;
+			}), n;
+		})(c[u].pos) : i.childCount;
+		if (!i.canReplace(f, f, r)) return null;
+		let p = d < c.length ? c[d].pos : a + i.nodeSize - 1, m;
+		return m = c.length === 0 ? l.top + 4 : d === 0 ? c[0].rect.top : d === c.length ? c[c.length - 1].rect.bottom : (c[d - 1].rect.bottom + c[d].rect.top) / 2, {
+			pos: p,
+			line: {
+				top: m,
+				left: l.left,
+				width: l.width
+			}
+		};
+	};
+	return s(a.node, a.pos);
+}
+function We(e, t) {
+	let { schema: n, doc: r } = e.state;
+	if (t.kind === "new") try {
+		return C.fromArray(t.content().map((e) => n.nodeFromJSON(e)));
+	} catch (e) {
+		return console.error("Invalid block content", e), null;
+	}
+	let i = r.nodeAt(t.pos);
+	return i ? C.from(i) : null;
+}
+function Ge(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) {
+	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) {
+	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 : {
+		...t,
+		pos: t.pos - i.nodeSize
+	};
+}
+function Je(e, t, n) {
+	let { view: r } = e;
+	Ke(r);
+	let i = We(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);
+	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);
+		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);
+	}
+	return r.dispatch(o.scrollIntoView()), r.focus(), !0;
+}
+function Ye(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);
+}
+function Xe(e, t, n = !0) {
+	if (t < 0 || t > e.content.size) return null;
+	let r = [], i = e.nodeAt(t);
+	n && i && r.push({
+		pos: t,
+		node: i
+	});
+	let a = e.resolve(t);
+	for (let e = a.depth; e > 0; e--) r.push({
+		pos: a.before(e),
+		node: a.node(e)
+	});
+	for (let t of r) {
+		let n = e.resolve(t.pos).parent.type.name;
+		if (Ie.has(n) || Le.has(n)) return t;
+	}
+	return null;
+}
+function Ze(e) {
+	return e.node.type.name === "columnsColumn";
+}
+function Qe(e, t) {
+	let n = e.resolve(t.pos);
+	for (let r = n.depth; r > 0; r--) {
+		let i = Xe(e, n.before(r));
+		if (i && i.pos !== t.pos) return i;
+	}
+	return null;
+}
+function $e(e) {
+	let { selection: t, doc: n } = e.state;
+	return t instanceof w ? Xe(n, t.from) ?? {
+		pos: t.from,
+		node: t.node
+	} : Xe(n, t.from, !1);
+}
+function et(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) {
+	let { view: n } = e;
+	Ke(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) {
+	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);
+}
+function rt(e, t) {
+	let n = He(e.state.doc);
+	if (!n) return;
+	let r = n.node.lastChild, i = n.pos + n.node.nodeSize - 1;
+	Je(e, {
+		kind: "new",
+		label: "",
+		content: () => t
+	}, r && Ve(r) && n.node.childCount > 1 ? {
+		pos: i - r.nodeSize,
+		replaceTo: i,
+		line: {
+			top: 0,
+			left: 0,
+			width: 0
+		}
+	} : {
+		pos: i,
+		line: {
+			top: 0,
+			left: 0,
+			width: 0
+		}
+	});
+}
+//#endregion
+//#region src/core/paste.ts
+var it = v.extend({ parseHTML() {
+	return [{
+		tag: "a[data-id=\"react-email-button\"]",
+		getAttrs: (e) => {
+			if (typeof e == "string") return !1;
+			let t = e, n = t.parentElement?.className.match(/align-(left|center|right)/)?.[1], r = t.className.replace(/\bnode-button\b/g, "").trim();
+			return {
+				href: t.getAttribute("href") ?? t.dataset.href ?? "#",
+				alignment: n ?? "left",
+				class: r || "button",
+				style: t.getAttribute("style")
+			};
+		}
+	}];
+} });
+function at(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;
+		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);
+	}
+	return r ? (t.preventDefault(), t.stopPropagation(), i.pasteHTML(n), !0) : !1;
+}
+//#endregion
+//#region src/core/paste-handler.ts
+var ot = /class="[^"]*node-/, st = [
+	"script",
+	"iframe",
+	"object",
+	"embed",
+	"meta",
+	"base"
+], ct = ["href", "src"], lt = {
+	a: [
+		"href",
+		"target",
+		"rel"
+	],
+	img: [
+		"src",
+		"alt",
+		"width",
+		"height"
+	],
+	td: ["colspan", "rowspan"],
+	th: [
+		"colspan",
+		"rowspan",
+		"scope"
+	],
+	table: [
+		"border",
+		"cellpadding",
+		"cellspacing"
+	],
+	"*": ["id"]
+};
+function ut(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["*"]]);
+	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 pt(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 Array.from(t.body.querySelectorAll("[href], [src]"))) {
+		let t = e.tagName.toLowerCase() === "img";
+		for (let n of ct) {
+			let r = e.getAttribute(n);
+			r !== null && !ut(r, t) && e.removeAttribute(n);
+		}
+	}
+	return ot.test(e) || ft(t.body), t.body.innerHTML;
+}
+function mt(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);
+		return t.dispatch(t.state.tr.replaceSelectionWith(o, !1)), !0;
+	};
+}
+//#endregion
+//#region src/core/stores.ts
+function ht() {
+	let e = null;
+	return {
+		get: () => e,
+		start: (t) => {
+			e = t;
+		},
+		end: () => {
+			e = null;
+		}
+	};
+}
+function gt() {
+	let e = null, t = /* @__PURE__ */ new Set();
+	return {
+		get: () => e,
+		set: (n) => {
+			if (n !== e) {
+				e = n;
+				for (let e of t) e();
+			}
+		},
+		subscribe: (e) => (t.add(e), () => {
+			t.delete(e);
+		})
+	};
+}
+//#endregion
+//#region src/i18n/en.ts
+var _t = {
+	topBar: {
+		layers: "Layers",
+		toggleLayers: "Show / hide layers",
+		undo: "Undo (Ctrl+Z)",
+		redo: "Redo (Ctrl+Y)",
+		canvasWidth: "Canvas width",
+		desktop: "Desktop",
+		mobile: "Mobile",
+		template: "Template",
+		confirmTemplate: "Replace the content with the starter template?",
+		import: "Import",
+		exportJson: "Save JSON",
+		preview: "Preview",
+		exportHtml: "Export HTML",
+		invalidFile: (e) => `Invalid file: ${e}`
+	},
+	preview: {
+		dialogLabel: "Preview and export",
+		desktop: "Desktop",
+		mobile: "Mobile",
+		html: "HTML",
+		text: "Plain text",
+		copy: "Copy",
+		copied: "Copied ✓",
+		download: "Download .html",
+		close: "Close",
+		rendering: "Rendering the email…",
+		renderError: (e) => `Render error: ${e}`,
+		iframeTitle: "Email preview"
+	},
+	sidebar: {
+		label: "Side panel",
+		tabContent: "Content",
+		tabBlocks: "Blocks",
+		tabBody: "Body",
+		layoutTitle: "Layout",
+		contentTitle: "Content",
+		dragHint: "Drag an item into the email. A click adds it at the end.",
+		tileTitle: (e) => `Drag “${e}” into the email (or click to add it at the end)`,
+		propertiesEyebrow: "Properties",
+		closeProperties: "Close (back to content)",
+		breadcrumb: "Hierarchy",
+		selectedText: "Selected text"
+	},
+	body: {
+		general: "General",
+		previewText: "Preview text",
+		previewTextPlaceholder: "Shown after the subject line in the inbox",
+		background: "Background",
+		backgroundColor: "Background color",
+		outerPadding: "Outer padding",
+		content: "Content",
+		width: "Width",
+		contentColor: "Content color",
+		innerPadding: "Inner padding",
+		radius: "Corner radius",
+		defaultStyles: "Default styles",
+		text: "Text",
+		headings: "Headings",
+		links: "Links",
+		buttonBackground: "Button background",
+		buttonText: "Button text"
+	},
+	inspector: {
+		typography: "Typography",
+		color: "Color",
+		size: "Size",
+		weight: "Weight",
+		weightLight: "Light",
+		weightNormal: "Normal",
+		weightSemibold: "Semibold",
+		weightBold: "Bold",
+		weightExtrabold: "Extra bold",
+		lineHeight: "Line height",
+		alignment: "Alignment",
+		spacing: "Spacing",
+		padding: "Padding",
+		box: "Background & border",
+		backgroundColor: "Background color",
+		radius: "Corner radius",
+		border: "Border",
+		borderColor: "Border color",
+		image: "Image",
+		uploadImage: "Upload an image…",
+		imageUrl: "Image URL",
+		altText: "Alt text",
+		altPlaceholder: "Describe the image",
+		layout: "Layout",
+		autoWidth: "Auto width",
+		width: "Width",
+		action: "Action",
+		clickLink: "Link on click",
+		linkUrl: "Link URL",
+		button: "Button",
+		textColor: "Text color",
+		textSize: "Text size",
+		buttonPadding: "Button padding",
+		networks: "Networks",
+		removeNetwork: "Remove",
+		addNetwork: "+ Add a network",
+		appearance: "Appearance",
+		iconSize: "Icon size",
+		gap: "Spacing",
+		columns: "Columns",
+		distribution: "Distribution",
+		equal: "Equal",
+		columnGap: "Gap between columns",
+		columnsHint: "Click inside a column to set its background and padding.",
+		spacer: "Spacer",
+		height: "Height",
+		htmlCode: "HTML code",
+		htmlHint: "The HTML is inserted as is in the exported email.",
+		line: "Line",
+		thickness: "Thickness",
+		lineStyle: "Style",
+		heading: "Heading",
+		level: "Level",
+		formatting: "Formatting",
+		bold: "Bold",
+		italic: "Italic",
+		underline: "Underline",
+		strike: "Strikethrough",
+		link: "Link",
+		url: "URL",
+		linkColor: "Link color"
+	},
+	fields: {
+		colorDefault: "Default",
+		chooseColor: (e) => `Pick a color (${e})`,
+		hexCode: "Hex code",
+		eyedropper: "Eyedropper: pick a color on screen",
+		documentColors: "Document colors",
+		palette: "Palette",
+		resetColor: "Reset to default",
+		alignLeft: "Left",
+		alignCenter: "Center",
+		alignRight: "Right",
+		top: "Top",
+		right: "Right",
+		bottom: "Bottom",
+		left: "Left",
+		moreOptions: "More options",
+		auto: "auto"
+	},
+	layers: {
+		title: "Layers",
+		expandAll: "Expand all",
+		collapseAll: "Collapse all",
+		close: "Close layers",
+		tree: "Email structure",
+		emptyEmail: "The email is empty.",
+		emptyZone: "Empty — drop content here",
+		column: (e) => `Column ${e}`,
+		fixedHint: "Columns stay in their row",
+		itemHint: "Click to select, drag to move",
+		expand: "Expand",
+		collapse: "Collapse",
+		uploadedImage: "uploaded image",
+		empty: "empty"
+	},
+	canvas: {
+		dropHere: "Drop here",
+		dropLabel: (e) => e ? `Drop “${e}” here` : "Drop here",
+		emptyZone: "Drag content here",
+		move: "Drag to move",
+		moveLabel: (e) => `Move: ${e}`,
+		selectParent: (e) => `Select: ${e}`,
+		duplicate: "Duplicate",
+		delete: "Delete"
+	},
+	placeholder: {
+		heading: "Heading",
+		paragraph: "Write, or type “/” for commands"
+	},
+	nodes: {
+		body: "Body",
+		paragraph: "Text",
+		heading: "Heading",
+		image: "Image",
+		button: "Button",
+		horizontalRule: "Divider",
+		spacer: "Spacer",
+		socialLinks: "Social links",
+		htmlBlock: "HTML",
+		section: "Section",
+		twoColumns: "Row · 2 columns",
+		threeColumns: "Row · 3 columns",
+		fourColumns: "Row · 4 columns",
+		columnsColumn: "Column",
+		bulletList: "List",
+		orderedList: "Numbered list",
+		listItem: "List item",
+		blockquote: "Quote",
+		codeBlock: "Code",
+		table: "Table",
+		container: "Email"
+	},
+	palette: {
+		oneColumn: "1 column",
+		twoColumns: "2 columns",
+		threeColumns: "3 columns",
+		fourColumns: "4 columns",
+		heading: "Heading",
+		text: "Text",
+		button: "Button",
+		image: "Image",
+		divider: "Divider",
+		spacer: "Spacer",
+		social: "Social",
+		menu: "Menu",
+		list: "List",
+		quote: "Quote",
+		html: "HTML",
+		card: "Card"
+	},
+	templates: {
+		header: "Header",
+		headerDescription: "Logo on the left, menu on the right",
+		hero: "Hero",
+		heroDescription: "Big heading, tagline and button",
+		products: "Products",
+		productsDescription: "Two product cards side by side",
+		features: "Features",
+		featuresDescription: "Three columns with heading + text",
+		testimonial: "Testimonial",
+		testimonialDescription: "Highlighted customer quote",
+		footer: "Footer",
+		footerDescription: "Social links, address and unsubscribe"
+	},
+	content: {
+		heading: "Your heading here",
+		text: "This is a new text block. Click it to edit the content, select text to format it.",
+		button: "Click here",
+		image: "Image",
+		menuHome: "Home",
+		menuShop: "Shop",
+		menuBlog: "Blog",
+		menuContact: "Contact",
+		listItems: [
+			"First item",
+			"Second item",
+			"Third item"
+		],
+		quote: "“A quote that highlights your message.”",
+		html: "<p style=\"margin:0;text-align:center;font-family:sans-serif\">Your custom <strong>HTML</strong></p>",
+		cardTitle: "Did you know?",
+		cardText: "A card draws attention to an important piece of information.",
+		logo: "LOGO",
+		heroTitle: "What’s new this season",
+		heroText: "Discover our selection made for you, available today.",
+		heroButton: "Discover",
+		productA: "Product A",
+		productB: "Product B",
+		productText: "A short description of the product.",
+		productButton: "Buy",
+		features: [
+			"Free shipping",
+			"Free returns",
+			"24/7 support"
+		],
+		featureText: "A clear and concise argument.",
+		testimonialQuote: "“Flawless service, I recommend it with my eyes closed.”",
+		testimonialAuthor: "— Camille, customer since 2021",
+		footerAddress: "Acme Inc. · 10 Main Street, Springfield",
+		unsubscribe: "Unsubscribe",
+		starterTitle: "Our favourites"
+	},
+	slashCommands: {}
+}, vt = {
+	topBar: {
+		layers: "Calques",
+		toggleLayers: "Afficher / masquer les calques",
+		undo: "Annuler (Ctrl+Z)",
+		redo: "Rétablir (Ctrl+Y)",
+		canvasWidth: "Largeur du canvas",
+		desktop: "Bureau",
+		mobile: "Mobile",
+		template: "Modèle",
+		confirmTemplate: "Remplacer le contenu par le modèle de départ ?",
+		import: "Importer",
+		exportJson: "Enregistrer JSON",
+		preview: "Aperçu",
+		exportHtml: "Exporter HTML",
+		invalidFile: (e) => `Fichier invalide : ${e}`
+	},
+	preview: {
+		dialogLabel: "Aperçu et export",
+		desktop: "Bureau",
+		mobile: "Mobile",
+		html: "HTML",
+		text: "Texte brut",
+		copy: "Copier",
+		copied: "Copié ✓",
+		download: "Télécharger .html",
+		close: "Fermer",
+		rendering: "Rendu de l’email…",
+		renderError: (e) => `Erreur de rendu : ${e}`,
+		iframeTitle: "Aperçu de l’email"
+	},
+	sidebar: {
+		label: "Panneau latéral",
+		tabContent: "Contenu",
+		tabBlocks: "Blocs",
+		tabBody: "Corps",
+		layoutTitle: "Mise en page",
+		contentTitle: "Contenus",
+		dragHint: "Glissez un élément dans l’email. Un clic l’ajoute à la fin.",
+		tileTitle: (e) => `Glissez « ${e} » dans l’email (ou cliquez pour l’ajouter à la fin)`,
+		propertiesEyebrow: "Propriétés",
+		closeProperties: "Fermer (retour aux contenus)",
+		breadcrumb: "Hiérarchie",
+		selectedText: "Texte sélectionné"
+	},
+	body: {
+		general: "Général",
+		previewText: "Texte d’aperçu",
+		previewTextPlaceholder: "Affiché après l’objet dans la boîte de réception",
+		background: "Arrière-plan",
+		backgroundColor: "Couleur de fond",
+		outerPadding: "Marge extérieure",
+		content: "Contenu",
+		width: "Largeur",
+		contentColor: "Couleur du contenu",
+		innerPadding: "Marge intérieure",
+		radius: "Arrondi",
+		defaultStyles: "Styles par défaut",
+		text: "Texte",
+		headings: "Titres",
+		links: "Liens",
+		buttonBackground: "Fond des boutons",
+		buttonText: "Texte des boutons"
+	},
+	inspector: {
+		typography: "Typographie",
+		color: "Couleur",
+		size: "Taille",
+		weight: "Graisse",
+		weightLight: "Fin",
+		weightNormal: "Normal",
+		weightSemibold: "Semi-gras",
+		weightBold: "Gras",
+		weightExtrabold: "Extra-gras",
+		lineHeight: "Interligne",
+		alignment: "Alignement",
+		spacing: "Espacement",
+		padding: "Marge intérieure",
+		box: "Fond et bordure",
+		backgroundColor: "Couleur de fond",
+		radius: "Arrondi",
+		border: "Bordure",
+		borderColor: "Couleur de bordure",
+		image: "Image",
+		uploadImage: "Importer une image…",
+		imageUrl: "URL de l’image",
+		altText: "Texte alternatif",
+		altPlaceholder: "Décrivez l’image",
+		layout: "Disposition",
+		autoWidth: "Largeur auto",
+		width: "Largeur",
+		action: "Action",
+		clickLink: "Lien au clic",
+		linkUrl: "URL du lien",
+		button: "Bouton",
+		textColor: "Couleur du texte",
+		textSize: "Taille du texte",
+		buttonPadding: "Marges du bouton",
+		networks: "Réseaux",
+		removeNetwork: "Retirer",
+		addNetwork: "+ Ajouter un réseau",
+		appearance: "Apparence",
+		iconSize: "Taille des icônes",
+		gap: "Espacement",
+		columns: "Colonnes",
+		distribution: "Répartition",
+		equal: "Égales",
+		columnGap: "Espace entre colonnes",
+		columnsHint: "Cliquez dans une colonne pour régler son fond et ses marges.",
+		spacer: "Espacement",
+		height: "Hauteur",
+		htmlCode: "Code HTML",
+		htmlHint: "Le HTML est inséré tel quel dans l’email exporté.",
+		line: "Ligne",
+		thickness: "Épaisseur",
+		lineStyle: "Style",
+		heading: "Titre",
+		level: "Niveau",
+		formatting: "Mise en forme",
+		bold: "Gras",
+		italic: "Italique",
+		underline: "Souligné",
+		strike: "Barré",
+		link: "Lien",
+		url: "URL",
+		linkColor: "Couleur du lien"
+	},
+	fields: {
+		colorDefault: "Par défaut",
+		chooseColor: (e) => `Choisir une couleur (${e})`,
+		hexCode: "Code hexadécimal",
+		eyedropper: "Pipette : prendre une couleur à l’écran",
+		documentColors: "Couleurs du document",
+		palette: "Palette",
+		resetColor: "Revenir à la valeur par défaut",
+		alignLeft: "Gauche",
+		alignCenter: "Centre",
+		alignRight: "Droite",
+		top: "Haut",
+		right: "Droite",
+		bottom: "Bas",
+		left: "Gauche",
+		moreOptions: "Plus d’options",
+		auto: "auto"
+	},
+	layers: {
+		title: "Calques",
+		expandAll: "Tout déplier",
+		collapseAll: "Tout replier",
+		close: "Fermer les calques",
+		tree: "Structure de l’email",
+		emptyEmail: "L’email est vide.",
+		emptyZone: "Vide — déposez du contenu ici",
+		column: (e) => `Colonne ${e}`,
+		fixedHint: "Les colonnes restent dans leur ligne",
+		itemHint: "Cliquer pour sélectionner, glisser pour déplacer",
+		expand: "Déplier",
+		collapse: "Replier",
+		uploadedImage: "image importée",
+		empty: "vide"
+	},
+	canvas: {
+		dropHere: "Déposer ici",
+		dropLabel: (e) => e ? `Déposer « ${e} » ici` : "Déposer ici",
+		emptyZone: "Glissez du contenu ici",
+		move: "Glisser pour déplacer",
+		moveLabel: (e) => `Déplacer : ${e}`,
+		selectParent: (e) => `Sélectionner : ${e}`,
+		duplicate: "Dupliquer",
+		delete: "Supprimer"
+	},
+	placeholder: {
+		heading: "Titre",
+		paragraph: "Écrivez, ou tapez « / » pour les commandes"
+	},
+	nodes: {
+		body: "Corps",
+		paragraph: "Texte",
+		heading: "Titre",
+		image: "Image",
+		button: "Bouton",
+		horizontalRule: "Séparateur",
+		spacer: "Espacement",
+		socialLinks: "Réseaux sociaux",
+		htmlBlock: "HTML",
+		section: "Section",
+		twoColumns: "Ligne · 2 colonnes",
+		threeColumns: "Ligne · 3 colonnes",
+		fourColumns: "Ligne · 4 colonnes",
+		columnsColumn: "Colonne",
+		bulletList: "Liste",
+		orderedList: "Liste numérotée",
+		listItem: "Élément de liste",
+		blockquote: "Citation",
+		codeBlock: "Code",
+		table: "Tableau",
+		container: "Email"
+	},
+	palette: {
+		oneColumn: "1 colonne",
+		twoColumns: "2 colonnes",
+		threeColumns: "3 colonnes",
+		fourColumns: "4 colonnes",
+		heading: "Titre",
+		text: "Texte",
+		button: "Bouton",
+		image: "Image",
+		divider: "Séparateur",
+		spacer: "Espacement",
+		social: "Réseaux",
+		menu: "Menu",
+		list: "Liste",
+		quote: "Citation",
+		html: "HTML",
+		card: "Encadré"
+	},
+	templates: {
+		header: "En-tête",
+		headerDescription: "Logo à gauche, menu à droite",
+		hero: "Hero",
+		heroDescription: "Grand titre, accroche et bouton",
+		products: "Produits",
+		productsDescription: "Deux cartes produit côte à côte",
+		features: "Avantages",
+		featuresDescription: "Trois colonnes titre + texte",
+		testimonial: "Témoignage",
+		testimonialDescription: "Citation client mise en avant",
+		footer: "Pied de page",
+		footerDescription: "Réseaux sociaux, adresse et désinscription"
+	},
+	content: {
+		heading: "Votre titre ici",
+		text: "Ceci est un nouveau bloc de texte. Cliquez dessus pour modifier le contenu, sélectionnez du texte pour le mettre en forme.",
+		button: "Cliquez ici",
+		image: "Image",
+		menuHome: "Accueil",
+		menuShop: "Boutique",
+		menuBlog: "Blog",
+		menuContact: "Contact",
+		listItems: [
+			"Premier point",
+			"Deuxième point",
+			"Troisième point"
+		],
+		quote: "« Une citation qui met en valeur votre message. »",
+		html: "<p style=\"margin:0;text-align:center;font-family:sans-serif\">Votre <strong>HTML</strong> personnalisé</p>",
+		cardTitle: "Le saviez-vous ?",
+		cardText: "Un encadré attire l’œil sur une information importante.",
+		logo: "LOGO",
+		heroTitle: "Les nouveautés de la saison",
+		heroText: "Découvrez notre sélection pensée pour vous, disponible dès aujourd’hui.",
+		heroButton: "Découvrir",
+		productA: "Produit A",
+		productB: "Produit B",
+		productText: "Une courte description du produit.",
+		productButton: "Acheter",
+		features: [
+			"Livraison offerte",
+			"Retours gratuits",
+			"Support 7j/7"
+		],
+		featureText: "Un argument clair et concis.",
+		testimonialQuote: "« Service impeccable, je recommande les yeux fermés. »",
+		testimonialAuthor: "— Camille, cliente depuis 2021",
+		footerAddress: "Acme SAS · 10 rue de la Paix, 75002 Paris",
+		unsubscribe: "Se désinscrire",
+		starterTitle: "Nos coups de cœur"
+	},
+	slashCommands: {
+		Text: {
+			title: "Texte",
+			description: "Paragraphe simple"
+		},
+		Title: {
+			title: "Titre",
+			description: "Grand titre"
+		},
+		Subtitle: {
+			title: "Sous-titre",
+			description: "Titre moyen"
+		},
+		Heading: {
+			title: "Intertitre",
+			description: "Petit titre"
+		},
+		"Bullet list": {
+			title: "Liste à puces",
+			description: "Liste non ordonnée"
+		},
+		"Numbered list": {
+			title: "Liste numérotée",
+			description: "Liste ordonnée"
+		},
+		Quote: {
+			title: "Citation",
+			description: "Bloc de citation"
+		},
+		"Code block": {
+			title: "Bloc de code",
+			description: "Extrait de code"
+		},
+		Button: {
+			title: "Bouton",
+			description: "Bouton cliquable"
+		},
+		Divider: {
+			title: "Séparateur",
+			description: "Ligne horizontale"
+		},
+		Section: {
+			title: "Section",
+			description: "Section de contenu"
+		},
+		"2 columns": {
+			title: "2 colonnes",
+			description: "Mise en page sur deux colonnes"
+		},
+		"3 columns": {
+			title: "3 colonnes",
+			description: "Mise en page sur trois colonnes"
+		},
+		"4 columns": {
+			title: "4 colonnes",
+			description: "Mise en page sur quatre colonnes"
+		}
+	}
+}, yt = {
+	en: _t,
+	fr: vt
+};
+function bt(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function xt(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function St(e, t) {
+	if (!xt(t) || !xt(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);
+	return n;
+}
+function Ct(e, t) {
+	let n = yt[e] ?? _t;
+	return t ? St(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) => ({
+	viewBox: "0 0 24 24",
+	width: e,
+	height: e,
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: t,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": !0
+}), Tt = ({ size: e = 14 }) => /* @__PURE__ */ L("svg", {
+	viewBox: "0 0 24 24",
+	width: e,
+	height: e,
+	fill: "currentColor",
+	"aria-hidden": !0,
+	children: [
+		6,
+		12,
+		18
+	].map((e) => /* @__PURE__ */ R("g", { children: [/* @__PURE__ */ L("circle", {
+		cx: "9",
+		cy: e,
+		r: "1.6"
+	}), /* @__PURE__ */ L("circle", {
+		cx: "15",
+		cy: e,
+		r: "1.6"
+	})] }, e))
+}), Et = ({ size: e = 14 }) => /* @__PURE__ */ R("svg", {
+	...B(e),
+	children: [/* @__PURE__ */ L("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", {
+		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", {
+		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),
+	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" })
+	]
+}), 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),
+	children: [
+		/* @__PURE__ */ L("circle", {
+			cx: "6",
+			cy: "12",
+			r: "2.5"
+		}),
+		/* @__PURE__ */ L("circle", {
+			cx: "18",
+			cy: "6",
+			r: "2.5"
+		}),
+		/* @__PURE__ */ L("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" })
+	]
+}), Rt = ({ size: e = 22 }) => /* @__PURE__ */ L("svg", {
+	...B(e, 1.8),
+	children: /* @__PURE__ */ L("rect", {
+		x: "4",
+		y: "4",
+		width: "16",
+		height: "16",
+		rx: "2"
+	})
+});
+//#endregion
+//#region src/components/fields.tsx
+function V({ 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),
+		style: i,
+		children: [/* @__PURE__ */ R("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"),
+				"aria-hidden": !0,
+				children: "›"
+			})]
+		}), a && /* @__PURE__ */ L("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),
+		style: i,
+		children: [/* @__PURE__ */ L("span", {
+			className: "bree-field-label",
+			children: e
+		}), /* @__PURE__ */ L("span", {
+			className: "bree-field-control",
+			children: t
+		})]
+	});
+}
+function zt(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),
+		style: a,
+		type: r,
+		value: o,
+		placeholder: n,
+		onChange: (e) => s(e.target.value),
+		onBlur: () => o !== e && t(o),
+		onKeyDown: (e) => {
+			e.key === "Enter" && t(o);
+		}
+	});
+}
+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),
+		style: i,
+		rows: n,
+		value: a,
+		spellCheck: !1,
+		onChange: (e) => o(e.target.value),
+		onBlur: () => a !== e && t(a)
+	});
+}
+function Vt(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) => {
+		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),
+		style: c,
+		children: [/* @__PURE__ */ L("input", {
+			className: "bree-input",
+			inputMode: "decimal",
+			value: u,
+			placeholder: o ?? l.fields.auto,
+			onChange: (e) => d(e.target.value),
+			onBlur: () => f(u),
+			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);
+					d(String(t)), f(String(t));
+				}
+			}
+		}), n && /* @__PURE__ */ L("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),
+		style: o,
+		children: [/* @__PURE__ */ L("input", {
+			type: "range",
+			min: n,
+			max: r,
+			value: s,
+			onChange: (e) => t(Number(e.target.value))
+		}), /* @__PURE__ */ R("span", {
+			className: "bree-range-value",
+			children: [s, i]
+		})]
+	});
+}
+var Ut = [
+	"#111827",
+	"#374151",
+	"#6b7280",
+	"#d1d5db",
+	"#f3f4f6",
+	"#ffffff",
+	"#ef4444",
+	"#f97316",
+	"#f59e0b",
+	"#10b981",
+	"#0ea5e9",
+	"#2563eb",
+	"#4f46e5",
+	"#7c3aed",
+	"#db2777",
+	"#eef2ff",
+	"#ecfdf5",
+	"#fef3c7"
+];
+function Wt(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);
+	i(() => {
+		y.current = t;
+	});
+	let b = c(null), x = c(0), S = () => {
+		window.clearTimeout(x.current), x.current = 0, b.current && y.current(b.current), b.current = null;
+	}, 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, {
+		open: h,
+		onOpenChange: (e) => {
+			e ? v(m ?? "#ffffff") : S(), g(e);
+		},
+		children: [/* @__PURE__ */ R("span", {
+			className: z("bree-color-field", o),
+			style: s,
+			children: [/* @__PURE__ */ L(we.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ L("button", {
+					type: "button",
+					className: z("bree-color-trigger", !m && "bree-empty"),
+					style: m ? { background: m } : void 0,
+					"aria-label": d.fields.chooseColor(p || f)
+				})
+			}), /* @__PURE__ */ L(U, {
+				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),
+			side: "left",
+			align: "start",
+			sideOffset: 10,
+			collisionPadding: 12,
+			onOpenAutoFocus: (e) => e.preventDefault(),
+			children: [
+				/* @__PURE__ */ L(Ee, {
+					color: _,
+					onChange: C
+				}),
+				/* @__PURE__ */ R("div", {
+					className: "bree-color-popover-row",
+					children: [
+						/* @__PURE__ */ L("span", {
+							className: "bree-color-preview",
+							style: { background: _ }
+						}),
+						/* @__PURE__ */ R("label", {
+							className: "bree-hex-field",
+							children: [/* @__PURE__ */ L("span", { children: "#" }), /* @__PURE__ */ L(Te, {
+								color: _,
+								onChange: w,
+								"aria-label": d.fields.hexCode
+							})]
+						}),
+						T && /* @__PURE__ */ L("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, {})
+						})
+					]
+				}),
+				E.length > 0 && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("span", {
+					className: "bree-color-popover-title",
+					children: d.fields.documentColors
+				}), /* @__PURE__ */ L("div", {
+					className: "bree-swatches",
+					children: E.map((e) => /* @__PURE__ */ L("button", {
+						type: "button",
+						className: "bree-swatch",
+						style: { background: e },
+						title: e,
+						onClick: () => w(e)
+					}, e))
+				})] }),
+				/* @__PURE__ */ L("span", {
+					className: "bree-color-popover-title",
+					children: d.fields.palette
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "bree-swatches",
+					children: r.map((e) => /* @__PURE__ */ L("button", {
+						type: "button",
+						className: z("bree-swatch", e === _ && "bree-active"),
+						style: { background: e },
+						title: e,
+						onClick: () => w(e)
+					}, e))
+				}),
+				/* @__PURE__ */ L("button", {
+					type: "button",
+					className: "bree-color-reset",
+					onClick: () => {
+						b.current = null, y.current(""), g(!1);
+					},
+					children: d.fields.resetColor
+				})
+			]
+		}) }) })]
+	});
+}
+function Gt({ value: e, onChange: t, options: n, className: r, style: i }) {
+	return /* @__PURE__ */ L("select", {
+		className: z("bree-input bree-select", r),
+		style: i,
+		value: e,
+		onChange: (e) => t(e.target.value),
+		children: n.map(([e, t]) => /* @__PURE__ */ L("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),
+		style: a,
+		role: "radiogroup",
+		"aria-label": r,
+		children: n.map((n) => /* @__PURE__ */ L("button", {
+			type: "button",
+			role: "radio",
+			"aria-checked": e === n.value,
+			title: n.title,
+			className: z(e === n.value && "bree-active"),
+			onClick: () => t(n.value),
+			children: n.label
+		}, n.value))
+	});
+}
+function qt({ value: e, onChange: t, className: n, style: r }) {
+	let i = $();
+	return /* @__PURE__ */ L(Kt, {
+		className: n,
+		style: r,
+		value: e || "left",
+		onChange: t,
+		options: [
+			{
+				value: "left",
+				label: /* @__PURE__ */ L(O, { size: 14 }),
+				title: i.fields.alignLeft
+			},
+			{
+				value: "center",
+				label: /* @__PURE__ */ L(ee, { size: 14 }),
+				title: i.fields.alignCenter
+			},
+			{
+				value: "right",
+				label: /* @__PURE__ */ L(te, { size: 14 }),
+				title: i.fields.alignRight
+			}
+		]
+	});
+}
+function Jt({ 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 = {
+		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),
+		style: r,
+		children: [c ? /* @__PURE__ */ L("div", {
+			className: "bree-padding-grid",
+			children: a.map((e, n) => /* @__PURE__ */ R("label", {
+				className: "bree-padding-side",
+				children: [/* @__PURE__ */ L("span", { children: d[e] }), /* @__PURE__ */ L(W, {
+					value: o[n],
+					onChange: (n) => t([[e, n]])
+				})]
+			}, e))
+		}) : /* @__PURE__ */ L(W, {
+			value: o[0],
+			onChange: (e) => t(a.map((t) => [t, e]))
+		}), /* @__PURE__ */ R("label", {
+			className: "bree-checkbox",
+			children: [/* @__PURE__ */ L("input", {
+				type: "checkbox",
+				checked: c,
+				onChange: (e) => u(e.target.checked)
+			}), i.fields.moreOptions]
+		})]
+	});
+}
+//#endregion
+//#region src/components/inspectors/groups.tsx
+var K = (e) => e;
+function Yt({ ctx: e, alignment: t, setAlignment: n, className: r, style: i }) {
+	let a = $().inspector;
+	return /* @__PURE__ */ R(V, {
+		title: a.typography,
+		className: r,
+		style: i,
+		children: [
+			/* @__PURE__ */ L(H, {
+				label: a.color,
+				stacked: !0,
+				children: /* @__PURE__ */ L(G, {
+					value: e.getStyle(K("color")),
+					presets: e.presetColors,
+					onChange: (t) => e.setStyle(K("color"), t)
+				})
+			}),
+			/* @__PURE__ */ L(H, {
+				label: a.size,
+				children: /* @__PURE__ */ L(W, {
+					value: e.getStyle(K("fontSize")),
+					onChange: (t) => e.setStyle(K("fontSize"), t),
+					min: 8,
+					max: 96
+				})
+			}),
+			/* @__PURE__ */ L(H, {
+				label: a.weight,
+				children: /* @__PURE__ */ L(Gt, {
+					value: String(e.getStyle(K("fontWeight")) ?? "400"),
+					onChange: (t) => e.setStyle(K("fontWeight"), t),
+					options: [
+						["300", a.weightLight],
+						["400", a.weightNormal],
+						["600", a.weightSemibold],
+						["700", a.weightBold],
+						["800", a.weightExtrabold]
+					]
+				})
+			}),
+			/* @__PURE__ */ L(H, {
+				label: a.lineHeight,
+				children: /* @__PURE__ */ L(W, {
+					value: e.getStyle(K("lineHeight")),
+					unit: "%",
+					onChange: (t) => e.setStyle(K("lineHeight"), t),
+					min: 80,
+					max: 300,
+					step: 5
+				})
+			}),
+			n && /* @__PURE__ */ L(H, {
+				label: a.alignment,
+				children: /* @__PURE__ */ L(qt, {
+					value: t ?? "left",
+					onChange: n
+				})
+			})
+		]
+	});
+}
+function q({ ctx: e, title: t, className: n, style: r }) {
+	let i = $();
+	return /* @__PURE__ */ L(V, {
+		title: t ?? i.inspector.spacing,
+		className: n,
+		style: r,
+		children: /* @__PURE__ */ L(H, {
+			label: i.inspector.padding,
+			stacked: !0,
+			children: /* @__PURE__ */ L(Jt, {
+				get: (t) => e.getStyle(K(`padding${t}`)) ?? e.getStyle(K("padding")),
+				set: (t) => e.batchSetStyle([{
+					prop: K("padding"),
+					value: ""
+				}, ...t.map(([e, t]) => ({
+					prop: K(`padding${e}`),
+					value: t
+				}))])
+			})
+		})
+	});
+}
+function Xt({ ctx: e, className: t, style: n }) {
+	let r = $().inspector;
+	return /* @__PURE__ */ R(V, {
+		title: r.box,
+		className: t,
+		style: n,
+		children: [
+			/* @__PURE__ */ L(H, {
+				label: r.backgroundColor,
+				stacked: !0,
+				children: /* @__PURE__ */ L(G, {
+					value: e.getStyle(K("backgroundColor")),
+					presets: e.presetColors,
+					onChange: (t) => e.setStyle(K("backgroundColor"), t)
+				})
+			}),
+			/* @__PURE__ */ L(H, {
+				label: r.radius,
+				children: /* @__PURE__ */ L(W, {
+					value: e.getStyle(K("borderRadius")),
+					onChange: (t) => e.setStyle(K("borderRadius"), t)
+				})
+			}),
+			/* @__PURE__ */ L(H, {
+				label: r.border,
+				children: /* @__PURE__ */ L(W, {
+					value: e.getStyle(K("borderWidth")),
+					onChange: (t) => e.batchSetStyle([{
+						prop: K("borderWidth"),
+						value: t
+					}, {
+						prop: K("borderStyle"),
+						value: t ? "solid" : ""
+					}])
+				})
+			}),
+			/* @__PURE__ */ L(H, {
+				label: r.borderColor,
+				stacked: !0,
+				children: /* @__PURE__ */ L(G, {
+					value: e.getStyle(K("borderColor")),
+					presets: e.presetColors,
+					onChange: (t) => e.setStyle(K("borderColor"), t)
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/inspectors/ButtonInspector.tsx
+function Zt({ ctx: e, className: t, style: n }) {
+	let r = $().inspector;
+	return /* @__PURE__ */ R("div", {
+		className: z("bree-inspector", t),
+		style: n,
+		children: [
+			/* @__PURE__ */ L(V, {
+				title: r.action,
+				children: /* @__PURE__ */ L(H, {
+					label: r.linkUrl,
+					stacked: !0,
+					children: /* @__PURE__ */ L(U, {
+						value: String(e.getAttr("href") ?? ""),
+						onChange: (t) => e.setAttr("href", t),
+						placeholder: "https://"
+					})
+				})
+			}),
+			/* @__PURE__ */ R(V, {
+				title: r.button,
+				children: [
+					/* @__PURE__ */ L(H, {
+						label: r.alignment,
+						children: /* @__PURE__ */ L(qt, {
+							value: String(e.getAttr("alignment") ?? "left"),
+							onChange: (t) => e.setAttr("alignment", t)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: r.backgroundColor,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: e.getStyle(K("backgroundColor")),
+							presets: e.presetColors,
+							onChange: (t) => e.setStyle(K("backgroundColor"), t)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: r.textColor,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: e.getStyle(K("color")),
+							presets: e.presetColors,
+							onChange: (t) => e.setStyle(K("color"), t)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: r.textSize,
+						children: /* @__PURE__ */ L(W, {
+							value: e.getStyle(K("fontSize")),
+							onChange: (t) => e.setStyle(K("fontSize"), t),
+							min: 8,
+							max: 48
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: r.radius,
+						children: /* @__PURE__ */ L(W, {
+							value: e.getStyle(K("borderRadius")),
+							onChange: (t) => e.setStyle(K("borderRadius"), t)
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ L(q, {
+				ctx: e,
+				title: r.buttonPadding
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/inspectors/ColumnsInspector.tsx
+function Qt({ ctx: e, className: t, style: n }) {
+	let { editor: r, t: i } = Q(), a = i.inspector, o = {
+		twoColumns: 2,
+		threeColumns: 3,
+		fourColumns: 4
+	}[e.nodeType] ?? 2, s = o === 2 ? [
+		["50 / 50", [50, 50]],
+		["33 / 67", [33, 67]],
+		["67 / 33", [67, 33]],
+		["25 / 75", [25, 75]]
+	] : o === 3 ? [[a.equal, [
+		33.33,
+		33.33,
+		33.34
+	]], ["25 / 50 / 25", [
+		25,
+		50,
+		25
+	]]] : [[a.equal, [
+		25,
+		25,
+		25,
+		25
+	]]], c = (t) => {
+		let { state: n } = r, i = n.doc.nodeAt(e.nodePos.pos);
+		if (!i) return;
+		let a = n.tr;
+		i.forEach((n, r, i) => {
+			let o = e.nodePos.pos + 1 + r, s = String(n.attrs.style ?? "").split(";").filter((e) => e.trim() && !e.trim().startsWith("width")).join(";");
+			a.setNodeMarkup(o, void 0, {
+				...n.attrs,
+				style: `${s ? `${s};` : ""}width:${t[i]}%`
+			});
+		}), 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),
+		style: n,
+		children: /* @__PURE__ */ R(V, {
+			title: a.columns,
+			children: [
+				/* @__PURE__ */ L(H, {
+					label: a.distribution,
+					stacked: !0,
+					children: /* @__PURE__ */ L("div", {
+						className: "bree-ratio-grid",
+						children: s.map(([e, t]) => /* @__PURE__ */ R("button", {
+							type: "button",
+							className: "bree-ratio",
+							onClick: () => c(t),
+							children: [/* @__PURE__ */ L("span", {
+								className: "bree-ratio-bars",
+								children: t.map((e, t) => /* @__PURE__ */ L("i", { style: { flex: e } }, t))
+							}), e]
+						}, e))
+					})
+				}),
+				/* @__PURE__ */ L(H, {
+					label: a.columnGap,
+					children: /* @__PURE__ */ L(W, {
+						value: e.getAttr("cellspacing") ?? 0,
+						onChange: (t) => e.setAttr("cellspacing", t === "" ? null : t)
+					})
+				}),
+				/* @__PURE__ */ L("p", {
+					className: "bree-hint",
+					children: a.columnsHint
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/inspectors/HeadingInspector.tsx
+function $t({ ctx: e, className: t, style: n }) {
+	let r = $();
+	return /* @__PURE__ */ R("div", {
+		className: z("bree-inspector", t),
+		style: n,
+		children: [
+			/* @__PURE__ */ L(V, {
+				title: r.inspector.heading,
+				children: /* @__PURE__ */ L(H, {
+					label: r.inspector.level,
+					children: /* @__PURE__ */ L(Kt, {
+						value: String(e.getAttr("level") ?? 1),
+						onChange: (t) => e.setAttr("level", Number(t)),
+						options: [
+							{
+								value: "1",
+								label: "H1"
+							},
+							{
+								value: "2",
+								label: "H2"
+							},
+							{
+								value: "3",
+								label: "H3"
+							}
+						]
+					})
+				})
+			}),
+			/* @__PURE__ */ L(Yt, {
+				ctx: e,
+				alignment: String(e.getAttr("alignment") ?? "left"),
+				setAlignment: (t) => e.setAttr("alignment", t)
+			}),
+			/* @__PURE__ */ L(q, { ctx: e }),
+			/* @__PURE__ */ L(Xt, { ctx: e })
+		]
+	});
+}
+//#endregion
+//#region src/components/inspectors/ImageInspector.tsx
+function en({ 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),
+		style: n,
+		children: [
+			/* @__PURE__ */ R(V, {
+				title: a.image,
+				children: [
+					/* @__PURE__ */ L("div", {
+						className: "bree-image-preview",
+						children: e.getAttr("src") ? /* @__PURE__ */ L("img", {
+							src: String(e.getAttr("src")),
+							alt: ""
+						}) : null
+					}),
+					/* @__PURE__ */ R("label", {
+						className: "bree-button-like",
+						children: [a.uploadImage, /* @__PURE__ */ L("input", {
+							type: "file",
+							accept: "image/*",
+							hidden: !0,
+							onChange: async (t) => {
+								let n = t.target.files?.[0];
+								n && e.setAttr("src", (await i(n)).url), t.target.value = "";
+							}
+						})]
+					}),
+					/* @__PURE__ */ L(H, {
+						label: a.imageUrl,
+						stacked: !0,
+						children: /* @__PURE__ */ L(U, {
+							value: String(e.getAttr("src") ?? ""),
+							onChange: (t) => e.setAttr("src", t)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: a.altText,
+						stacked: !0,
+						children: /* @__PURE__ */ L(U, {
+							value: String(e.getAttr("alt") ?? ""),
+							onChange: (t) => e.setAttr("alt", t),
+							placeholder: a.altPlaceholder
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ R(V, {
+				title: a.layout,
+				children: [
+					/* @__PURE__ */ L(H, {
+						label: a.autoWidth,
+						children: /* @__PURE__ */ L("input", {
+							type: "checkbox",
+							checked: o === "auto",
+							onChange: (t) => e.setAttr("width", t.target.checked ? "auto" : "300")
+						})
+					}),
+					o !== "auto" && /* @__PURE__ */ L(H, {
+						label: a.width,
+						children: /* @__PURE__ */ L(Ht, {
+							value: o,
+							min: 20,
+							max: 900,
+							onChange: (t) => e.setAttr("width", String(t))
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: a.alignment,
+						children: /* @__PURE__ */ L(qt, {
+							value: String(e.getAttr("alignment") ?? "center"),
+							onChange: (t) => e.setAttr("alignment", t)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: a.radius,
+						children: /* @__PURE__ */ L(W, {
+							value: e.getStyle(K("borderRadius")),
+							onChange: (t) => e.setStyle(K("borderRadius"), t)
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ L(V, {
+				title: a.action,
+				children: /* @__PURE__ */ L(H, {
+					label: a.clickLink,
+					stacked: !0,
+					children: /* @__PURE__ */ L(U, {
+						value: String(e.getAttr("href") ?? ""),
+						onChange: (t) => e.setAttr("href", t || null),
+						placeholder: "https://"
+					})
+				})
+			}),
+			/* @__PURE__ */ L(q, { ctx: e })
+		]
+	});
+}
+//#endregion
+//#region src/components/inspectors/SimpleInspectors.tsx
+function tn({ ctx: e, className: t, style: n }) {
+	let r = $();
+	return /* @__PURE__ */ L("div", {
+		className: z("bree-inspector", t),
+		style: n,
+		children: /* @__PURE__ */ L(V, {
+			title: r.inspector.spacer,
+			children: /* @__PURE__ */ L(H, {
+				label: r.inspector.height,
+				children: /* @__PURE__ */ L(Ht, {
+					value: e.getAttr("height"),
+					min: 4,
+					max: 160,
+					onChange: (t) => e.setAttr("height", t)
+				})
+			})
+		})
+	});
+}
+function nn({ ctx: e, className: t, style: n }) {
+	let r = $();
+	return /* @__PURE__ */ L("div", {
+		className: z("bree-inspector", t),
+		style: n,
+		children: /* @__PURE__ */ R(V, {
+			title: r.inspector.htmlCode,
+			children: [/* @__PURE__ */ L(Bt, {
+				value: String(e.getAttr("html") ?? ""),
+				onChange: (t) => e.setAttr("html", t),
+				rows: 14
+			}), /* @__PURE__ */ L("p", {
+				className: "bree-hint",
+				children: r.inspector.htmlHint
+			})]
+		})
+	});
+}
+function rn({ ctx: e, className: t, style: n }) {
+	let r = $().inspector;
+	return /* @__PURE__ */ L("div", {
+		className: z("bree-inspector", t),
+		style: n,
+		children: /* @__PURE__ */ R(V, {
+			title: r.line,
+			children: [
+				/* @__PURE__ */ L(H, {
+					label: r.color,
+					stacked: !0,
+					children: /* @__PURE__ */ L(G, {
+						value: e.getStyle(K("borderTopColor")),
+						presets: e.presetColors,
+						onChange: (t) => e.setStyle(K("borderTopColor"), t)
+					})
+				}),
+				/* @__PURE__ */ L(H, {
+					label: r.thickness,
+					children: /* @__PURE__ */ L(W, {
+						value: e.getStyle(K("borderTopWidth")) ?? 1,
+						onChange: (t) => e.batchSetStyle([{
+							prop: K("borderTopWidth"),
+							value: t
+						}, {
+							prop: K("borderTopStyle"),
+							value: "solid"
+						}]),
+						min: 1,
+						max: 12
+					})
+				}),
+				/* @__PURE__ */ L(H, {
+					label: r.lineStyle,
+					children: /* @__PURE__ */ L(Kt, {
+						value: String(e.getStyle(K("borderTopStyle")) ?? "solid"),
+						onChange: (t) => e.setStyle(K("borderTopStyle"), t),
+						options: [
+							{
+								value: "solid",
+								label: "———"
+							},
+							{
+								value: "dashed",
+								label: "- - -"
+							},
+							{
+								value: "dotted",
+								label: "· · ·"
+							}
+						]
+					})
+				})
+			]
+		})
+	});
+}
+function an({ ctx: e, className: t, style: n }) {
+	return /* @__PURE__ */ R("div", {
+		className: z("bree-inspector", t),
+		style: n,
+		children: [/* @__PURE__ */ L(Xt, { ctx: e }), /* @__PURE__ */ L(q, { ctx: e })]
+	});
+}
+//#endregion
+//#region src/core/style-utils.ts
+function on(e) {
+	if (typeof e != "string" || !e.trim()) return {};
+	let t = {};
+	for (let n of e.split(";")) {
+		let e = n.indexOf(":");
+		if (e === -1) continue;
+		let r = n.slice(0, e).trim(), i = n.slice(e + 1).trim();
+		r && i && (t[r.replace(/-([a-z])/g, (e, t) => t.toUpperCase())] = i);
+	}
+	return t;
+}
+//#endregion
+//#region src/nodes/custom-nodes.tsx
+var sn = { style: {
+	default: null,
+	parseHTML: (e) => e.getAttribute("style"),
+	renderHTML: (e) => e.style ? { style: e.style } : {}
+} }, cn = g.create({
+	name: "spacer",
+	group: "block",
+	atom: !0,
+	selectable: !0,
+	addAttributes() {
+		return {
+			...sn,
+			height: {
+				default: 32,
+				parseHTML: (e) => Number(e.dataset.height) || 32,
+				renderHTML: (e) => ({ "data-height": e.height })
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "div[data-type=\"spacer\"]" }];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		return ["div", De(t, {
+			"data-type": "spacer",
+			class: "node-spacer",
+			style: `height:${Number(e.attrs.height)}px`
+		})];
+	},
+	renderToReactEmail({ node: e }) {
+		let t = Number(e.attrs?.height ?? 32);
+		return /* @__PURE__ */ L(Me, {
+			style: {
+				height: t,
+				lineHeight: `${t}px`,
+				fontSize: "1px",
+				...on(e.attrs?.style)
+			},
+			children: "\xA0"
+		});
+	}
+}), ln = {
+	facebook: {
+		label: "Facebook",
+		slug: "facebook",
+		color: "1877F2"
+	},
+	instagram: {
+		label: "Instagram",
+		slug: "instagram",
+		color: "E4405F"
+	},
+	x: {
+		label: "X",
+		slug: "x",
+		color: "000000"
+	},
+	linkedin: {
+		label: "LinkedIn",
+		slug: "linkedin",
+		color: "0A66C2"
+	},
+	youtube: {
+		label: "YouTube",
+		slug: "youtube",
+		color: "FF0000"
+	},
+	tiktok: {
+		label: "TikTok",
+		slug: "tiktok",
+		color: "000000"
+	},
+	github: {
+		label: "GitHub",
+		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;
+	return `https://cdn.simpleicons.org/${t.slug}/${t.color}`;
+}
+function fn(e) {
+	if (Array.isArray(e)) return e;
+	if (typeof e == "string") try {
+		return JSON.parse(e);
+	} catch {
+		return [];
+	}
+	return [];
+}
+var pn = g.create({
+	name: "socialLinks",
+	group: "block",
+	atom: !0,
+	selectable: !0,
+	addAttributes() {
+		return {
+			...sn,
+			links: {
+				default: [
+					{
+						network: "facebook",
+						url: "https://facebook.com/"
+					},
+					{
+						network: "instagram",
+						url: "https://instagram.com/"
+					},
+					{
+						network: "x",
+						url: "https://x.com/"
+					},
+					{
+						network: "linkedin",
+						url: "https://linkedin.com/"
+					}
+				],
+				parseHTML: (e) => fn(e.dataset.links),
+				renderHTML: (e) => ({ "data-links": JSON.stringify(e.links ?? []) })
+			},
+			size: { default: 28 },
+			gap: { default: 12 },
+			alignment: { default: "center" }
+		};
+	},
+	parseHTML() {
+		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);
+		return [
+			"div",
+			De(t, {
+				"data-type": "social-links",
+				class: "node-socialLinks",
+				alignment: e.attrs.alignment
+			}),
+			...i.map((e, t) => [
+				"span",
+				{
+					class: "node-socialLinks-item",
+					style: `margin-left:${t === 0 ? 0 : r}px`
+				},
+				["img", {
+					src: dn(e.network),
+					width: String(n),
+					height: String(n),
+					alt: ln[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, {
+				align: i,
+				children: r.map((e, r) => /* @__PURE__ */ L(Ae, {
+					href: e.url,
+					style: {
+						display: "inline-block",
+						marginLeft: r === 0 ? 0 : n
+					},
+					children: /* @__PURE__ */ L(ke, {
+						src: dn(e.network),
+						width: t,
+						height: t,
+						alt: ln[e.network]?.label ?? e.network
+					})
+				}, `${e.network}-${r}`))
+			}) })
+		});
+	}
+}), mn = g.create({
+	name: "htmlBlock",
+	group: "block",
+	atom: !0,
+	selectable: !0,
+	addAttributes() {
+		return { html: {
+			default: "<p style=\"margin:0;text-align:center;font-family:sans-serif\">Your custom <strong>HTML</strong></p>",
+			parseHTML: (e) => e.dataset.html ?? e.innerHTML,
+			renderHTML: () => ({})
+		} };
+	},
+	parseHTML() {
+		return [{ tag: "div[data-type=\"html-block\"]" }];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		return ["div", De(t, {
+			"data-type": "html-block",
+			class: "node-htmlBlock",
+			"data-html": e.attrs.html
+		})];
+	},
+	addNodeView() {
+		return ({ node: e }) => {
+			let t = document.createElement("div");
+			return t.className = "node-htmlBlock", t.dataset.type = "html-block", t.innerHTML = e.attrs.html, {
+				dom: t,
+				update(n) {
+					return n.type === e.type && (t.innerHTML = n.attrs.html, !0);
+				},
+				ignoreMutation: () => !0
+			};
+		};
+	},
+	renderToReactEmail({ node: e }) {
+		return /* @__PURE__ */ L("div", { dangerouslySetInnerHTML: { __html: e.attrs?.html ?? "" } });
+	}
+});
+//#endregion
+//#region src/components/inspectors/SocialLinksInspector.tsx
+function hn({ 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),
+		style: n,
+		children: [
+			/* @__PURE__ */ R(V, {
+				title: r.networks,
+				children: [/* @__PURE__ */ L("div", {
+					className: "bree-social-list",
+					children: a.map((e, t) => /* @__PURE__ */ R("div", {
+						className: "bree-social-row",
+						children: [
+							/* @__PURE__ */ L(Gt, {
+								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])
+							}),
+							/* @__PURE__ */ L(U, {
+								value: e.url,
+								onChange: (e) => o(a.map((n, r) => r === t ? {
+									...n,
+									url: e
+								} : n))
+							}),
+							/* @__PURE__ */ L("button", {
+								type: "button",
+								className: "bree-icon-button",
+								title: r.removeNetwork,
+								onClick: () => o(a.filter((e, n) => n !== t)),
+								children: /* @__PURE__ */ L(F, { size: 14 })
+							})
+						]
+					}, t))
+				}), /* @__PURE__ */ L("button", {
+					type: "button",
+					className: "bree-button-like",
+					onClick: () => o([...a, {
+						network: "youtube",
+						url: "https://youtube.com/"
+					}]),
+					children: r.addNetwork
+				})]
+			}),
+			/* @__PURE__ */ R(V, {
+				title: r.appearance,
+				children: [
+					/* @__PURE__ */ L(H, {
+						label: r.iconSize,
+						children: /* @__PURE__ */ L(Ht, {
+							value: e.getAttr("size"),
+							min: 16,
+							max: 64,
+							onChange: (t) => e.setAttr("size", t)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: r.gap,
+						children: /* @__PURE__ */ L(Ht, {
+							value: e.getAttr("gap"),
+							min: 0,
+							max: 40,
+							onChange: (t) => e.setAttr("gap", t)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: r.alignment,
+						children: /* @__PURE__ */ L(qt, {
+							value: String(e.getAttr("alignment") ?? "center"),
+							onChange: (t) => e.setAttr("alignment", t)
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ L(q, { ctx: e })
+		]
+	});
+}
+//#endregion
+//#region src/registry/default-nodes.tsx
+function gn(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 = [
+	{
+		type: "paragraph",
+		icon: xe
+	},
+	{
+		type: "heading",
+		icon: j,
+		inspector: $t
+	},
+	{
+		type: "image",
+		icon: se,
+		inspector: en,
+		preview: (e, { t }) => {
+			let { attrs: n } = e;
+			if (n.alt) return gn(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() ?? ""));
+			} catch {
+				return "";
+			}
+		}
+	},
+	{
+		type: "button",
+		icon: pe,
+		inspector: Zt
+	},
+	{
+		type: "horizontalRule",
+		icon: fe,
+		inspector: rn,
+		preview: vn
+	},
+	{
+		type: "spacer",
+		icon: Ft,
+		inspector: tn,
+		preview: (e) => `${e.attrs.height}px`,
+		extensions: [cn]
+	},
+	{
+		type: "socialLinks",
+		icon: le,
+		inspector: hn,
+		preview: (e) => Array.isArray(e.attrs.links) ? e.attrs.links.map((e) => e.network).join(", ") : "",
+		extensions: [pn]
+	},
+	{
+		type: "htmlBlock",
+		icon: ve,
+		inspector: nn,
+		preview: (e) => gn(String(e.attrs.html ?? "").replace(/<[^>]+>/g, " ")),
+		extensions: [mn]
+	},
+	{
+		type: "section",
+		icon: N,
+		inspector: an,
+		preview: vn
+	},
+	{
+		type: "columnsColumn",
+		icon: me,
+		inspector: an,
+		preview: vn
+	},
+	{
+		type: "twoColumns",
+		icon: ie,
+		inspector: Qt,
+		preview: vn
+	},
+	{
+		type: "threeColumns",
+		icon: ae,
+		inspector: Qt,
+		preview: vn
+	},
+	{
+		type: "fourColumns",
+		icon: oe,
+		inspector: Qt,
+		preview: vn
+	},
+	{
+		type: "bulletList",
+		icon: ue
+	},
+	{
+		type: "orderedList",
+		icon: de
+	},
+	{
+		type: "blockquote",
+		icon: P
+	},
+	{
+		type: "codeBlock",
+		icon: re
+	},
+	{
+		type: "table",
+		icon: be
+	}
+], bn = /* @__PURE__ */ Fe({
+	button: () => Sn,
+	column: () => wn,
+	columns: () => X,
+	doc: () => An,
+	heading: () => xn,
+	image: () => Cn,
+	link: () => On,
+	padding: () => Dn,
+	paragraph: () => Y,
+	placeholderImage: () => kn,
+	section: () => En,
+	sized: () => Tn,
+	text: () => J
+}), J = (e, t) => ({
+	type: "text",
+	text: e,
+	...t ? { marks: t } : {}
+}), Y = (e = "", t = {}) => ({
+	type: "paragraph",
+	attrs: t,
+	content: typeof e == "string" ? e ? [J(e)] : [] : e
+}), xn = (e, t, n = {}) => ({
+	type: "heading",
+	attrs: {
+		level: e,
+		...n
+	},
+	content: [J(t)]
+}), Sn = (e, t = {}) => ({
+	type: "button",
+	attrs: {
+		href: "https://example.com",
+		alignment: "center",
+		...t
+	},
+	content: [J(e)]
+}), Cn = (e, t = {}) => ({
+	type: "image",
+	attrs: {
+		src: e,
+		alt: "",
+		alignment: "center",
+		...t
+	}
+}), wn = (...e) => ({
+	type: "columnsColumn",
+	content: e.length ? e : [Y()]
+}), Tn = (e, t) => ({
+	...e,
+	attrs: {
+		...e.attrs,
+		style: `width:${t}%`
+	}
+}), X = (e, t, n) => ({
+	type: {
+		2: "twoColumns",
+		3: "threeColumns",
+		4: "fourColumns"
+	}[e],
+	...n ? { attrs: n } : {},
+	content: t ?? Array.from({ length: e }, () => wn())
+}), En = (e, ...t) => ({
+	type: "section",
+	attrs: { style: e },
+	content: t
+}), Dn = (e, t = e) => `padding-top:${e}px;padding-right:${t}px;padding-bottom:${e}px;padding-left:${t}px`, On = (e) => [{
+	type: "link",
+	attrs: { href: e }
+}], 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"))
+], { alignment: t }), Mn = [{
+	id: "layout",
+	title: ({ t: e }) => e.sidebar.layoutTitle
+}, {
+	id: "content",
+	title: ({ t: e }) => e.sidebar.contentTitle
+}], Nn = [
+	{
+		id: "section",
+		group: "layout",
+		label: ({ t: e }) => e.palette.oneColumn,
+		icon: /* @__PURE__ */ L(Rt, {}),
+		content: () => [En(Dn(16), Y())]
+	},
+	{
+		id: "columns-2",
+		group: "layout",
+		label: ({ t: e }) => e.palette.twoColumns,
+		icon: /* @__PURE__ */ L(ie, { size: 22 }),
+		content: () => [X(2)]
+	},
+	{
+		id: "columns-3",
+		group: "layout",
+		label: ({ t: e }) => e.palette.threeColumns,
+		icon: /* @__PURE__ */ L(ae, { size: 22 }),
+		content: () => [X(3)]
+	},
+	{
+		id: "columns-4",
+		group: "layout",
+		label: ({ t: e }) => e.palette.fourColumns,
+		icon: /* @__PURE__ */ L(oe, { size: 22 }),
+		content: () => [X(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)]
+	},
+	{
+		id: "text",
+		group: "content",
+		label: ({ t: e }) => e.palette.text,
+		icon: /* @__PURE__ */ L(xe, { size: 22 }),
+		content: ({ t: e }) => [Y(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)]
+	},
+	{
+		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))]
+	},
+	{
+		id: "divider",
+		group: "content",
+		label: ({ t: e }) => e.palette.divider,
+		icon: /* @__PURE__ */ L(fe, { size: 22 }),
+		content: () => [{ type: "horizontalRule" }]
+	},
+	{
+		id: "spacer",
+		group: "content",
+		label: ({ t: e }) => e.palette.spacer,
+		icon: /* @__PURE__ */ L(It, {}),
+		content: () => [{
+			type: "spacer",
+			attrs: { height: 32 }
+		}]
+	},
+	{
+		id: "social",
+		group: "content",
+		label: ({ t: e }) => e.palette.social,
+		icon: /* @__PURE__ */ L(Lt, {}),
+		content: () => [{ type: "socialLinks" }]
+	},
+	{
+		id: "menu",
+		group: "content",
+		label: ({ t: e }) => e.palette.menu,
+		icon: /* @__PURE__ */ L(he, { size: 22 }),
+		content: (e) => [jn(e)]
+	},
+	{
+		id: "list",
+		group: "content",
+		label: ({ t: e }) => e.palette.list,
+		icon: /* @__PURE__ */ L(ue, { size: 22 }),
+		content: ({ t: e }) => [{
+			type: "bulletList",
+			content: e.content.listItems.map((e) => ({
+				type: "listItem",
+				content: [Y(e)]
+			}))
+		}]
+	},
+	{
+		id: "quote",
+		group: "content",
+		label: ({ t: e }) => e.palette.quote,
+		icon: /* @__PURE__ */ L(P, { size: 22 }),
+		content: ({ t: e }) => [{
+			type: "blockquote",
+			content: [Y(e.content.quote)]
+		}]
+	},
+	{
+		id: "html",
+		group: "content",
+		label: ({ t: e }) => e.palette.html,
+		icon: /* @__PURE__ */ L(ve, { size: 22 }),
+		content: ({ t: e }) => [{
+			type: "htmlBlock",
+			attrs: { html: e.content.html }
+		}]
+	},
+	{
+		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))]
+	}
+];
+//#endregion
+//#region src/registry/default-templates.tsx
+function Z({ variant: e }) {
+	return /* @__PURE__ */ R("span", {
+		className: `bree-block-thumb bree-thumb-${e}`,
+		"aria-hidden": !0,
+		children: [
+			/* @__PURE__ */ L("i", {}),
+			/* @__PURE__ */ L("i", {}),
+			/* @__PURE__ */ L("i", {})
+		]
+	});
+}
+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), {
+			alignment: "left",
+			width: "140"
+		})), 33), Tn(wn(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` }))]
+	},
+	{
+		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 })]
+	},
+	{
+		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" }))))]
+	},
+	{
+		id: "testimonial",
+		label: ({ t: e }) => e.templates.testimonial,
+		description: ({ t: e }) => e.templates.testimonialDescription,
+		thumbnail: /* @__PURE__ */ L(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, {
+			alignment: "right",
+			style: "color:#64748b"
+		}))]
+	},
+	{
+		id: "footer",
+		label: ({ t: e }) => e.templates.footer,
+		description: ({ t: e }) => e.templates.footerDescription,
+		thumbnail: /* @__PURE__ */ L(Z, { variant: "footer" }),
+		content: ({ t: e }) => [
+			{ type: "horizontalRule" },
+			{ type: "socialLinks" },
+			Y(e.content.footerAddress, {
+				alignment: "center",
+				style: "color:#94a3b8;font-size:12px"
+			}),
+			Y([J(e.content.unsubscribe, On("https://example.com/unsubscribe"))], {
+				alignment: "center",
+				style: "font-size:12px"
+			})
+		]
+	}
+], Fn = (e, t) => Pn.find((t) => t.id === e)?.content(t) ?? [];
+function In(e) {
+	let t = {
+		type: "spacer",
+		attrs: { height: 16 }
+	};
+	return {
+		type: "doc",
+		content: [
+			...Fn("header", e),
+			t,
+			...Fn("hero", e),
+			t,
+			xn(2, e.t.content.starterTitle, { alignment: "center" }),
+			...Fn("products", e),
+			t,
+			...Fn("footer", e)
+		]
+	};
+}
+//#endregion
+//#region src/context.tsx
+var Ln = e(null);
+function Q() {
+	let e = r(Ln);
+	if (!e) throw Error("useEmailEditor must be used inside <EditorRoot> or <BetterEmailEditor>.");
+	return e;
+}
+function Rn() {
+	return r(Ln);
+}
+function $() {
+	return r(Ln)?.t ?? _t;
+}
+function zn() {
+	let { locale: e, t } = Q();
+	return s(() => ({
+		locale: e,
+		t
+	}), [e, t]);
+}
+var Bn = x("basic", {
+	body: {
+		backgroundColor: "#eef1f5",
+		padding: "32px 16px"
+	},
+	container: {
+		backgroundColor: "#ffffff",
+		padding: "24px",
+		borderRadius: "12px"
+	}
+}), Vn = (e) => new Promise((t, n) => {
+	let r = new FileReader();
+	r.onload = () => t({ url: String(r.result) }), r.onerror = n, r.readAsDataURL(e);
+}), Hn = {
+	type: "doc",
+	content: [{ type: "paragraph" }]
+};
+function Un(e) {
+	return typeof e == "object" && !!e && "doc" in e;
+}
+function Wn(e) {
+	return e ? Un(e) ? {
+		doc: e.doc,
+		settings: {
+			...e.settings,
+			previewText: e.settings?.previewText ?? ""
+		}
+	} : {
+		doc: e,
+		settings: { previewText: "" }
+	} : {
+		doc: Hn,
+		settings: { previewText: "" }
+	};
+}
+function Gn(e, t, r) {
+	let [i, a] = l(t);
+	return [e === void 0 ? i : e, n((t) => {
+		e === void 0 && a(t), r?.(t);
+	}, [e, r])];
+}
+var Kn = t(function({ defaultValue: e, onChange: t, onReady: r, locale: u = "en", messages: f, nodes: h = 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);
+	o(() => {
+		le.current = j, ue.current = t, de.current = r, fe.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(() => [
+		y.configure({
+			TiptapStarterKit: { dropcursor: !1 },
+			Button: !1
+		}),
+		it,
+		d.configure({
+			placeholder: ({ node: e }) => e.type.name === "heading" ? le.current.placeholder.heading : le.current.placeholder.paragraph,
+			includeChildren: !0
+		}),
+		b.configure({ theme: T }),
+		...h.flatMap((e) => e.extensions ?? []),
+		...w ?? [],
+		ye
+	]), P = m({
+		extensions: be,
+		content: se.doc,
+		editable: D,
+		immediatelyRender: !1,
+		editorProps: { handlePaste: mt(be) }
+	}, []);
+	i(() => {
+		P?.setEditable(D);
+	}, [P, D]);
+	let xe = n(() => ({
+		doc: P?.getJSON() ?? Hn,
+		settings: N.current
+	}), [P]), Se = n((e) => {
+		let t = {
+			...N.current,
+			...e
+		};
+		N.current = t, ce(t), P && ue.current?.({
+			doc: P.getJSON(),
+			settings: t
+		});
+	}, [P]), F = s(() => {
+		let e = async () => P ? _({
+			editor: P,
+			preview: N.current.previewText || void 0
+		}) : {
+			html: "",
+			text: "",
+			unformattedHtml: ""
+		};
+		return {
+			editor: P,
+			getValue: xe,
+			getJSON: () => P?.getJSON() ?? Hn,
+			setValue: (e) => {
+				let t = Wn(e);
+				N.current = t.settings, ce(t.settings), P?.commands.setContent(t.doc, { emitUpdate: !0 });
+			},
+			exportEmail: e,
+			getHtml: async () => (await e()).html,
+			getText: async () => (await e()).text,
+			insertBlocks: (e) => {
+				P && rt(P, 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);
+		};
+	}, [
+		P,
+		F,
+		xe
+	]);
+	let Ce = s(() => new Map(h.map((e) => [e.type, e])), [h]), I = s(() => {
+		if (!P) return null;
+		let e = {
+			locale: u,
+			t: j
+		};
+		return {
+			...e,
+			editor: P,
+			handle: F,
+			nodes: Ce,
+			nodeLabel: (t) => {
+				let n = Ce.get(t)?.label;
+				return n ? bt(n, e) : j.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
+		};
+	}, [
+		P,
+		u,
+		j,
+		F,
+		Ce,
+		g,
+		v,
+		x,
+		C,
+		ve,
+		_e,
+		pe,
+		me,
+		he,
+		ge,
+		M,
+		Se
+	]), R = s(() => ({ editor: P }), [P]), we = {
+		"--bree-empty-zone-label": JSON.stringify(j.canvas.emptyZone),
+		...ae
+	};
+	return /* @__PURE__ */ L("div", {
+		className: z("bree bree-root", ie),
+		style: we,
+		lang: u,
+		children: I && /* @__PURE__ */ L(p.Provider, {
+			value: R,
+			children: /* @__PURE__ */ L(Ln.Provider, {
+				value: I,
+				children: oe
+			})
+		})
+	});
+});
+//#endregion
+//#region src/components/CanvasOverlay.tsx
+function qn(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		top: t.top - n.top + e.scrollTop,
+		left: t.left - n.left + e.scrollLeft,
+		width: t.width,
+		height: t.height ?? 0
+	};
+}
+function Jn(e, t, n) {
+	if (!n) return null;
+	let r = e.view.nodeDOM(n.pos);
+	return r instanceof HTMLElement ? qn(t, r.getBoundingClientRect()) : null;
+}
+function Yn(e, t, n) {
+	let r = e.view.posAtCoords({
+		left: t,
+		top: n
+	});
+	return r && r.inside >= 0 ? Xe(e.state.doc, r.inside) : null;
+}
+function Xn(e) {
+	let t = e.node.type.name;
+	return Ie.has(t) || Le.has(t);
+}
+function Zn({ editor: e, host: t }) {
+	let { dragSession: r, hoverStore: a, nodeLabel: s, t: d } = Q(), f = c(s);
+	o(() => {
+		f.current = s;
+	});
+	let p = u(a.subscribe, a.get), m = p === null ? null : e.state.doc.nodeAt(p), g = p !== null && m ? {
+		pos: p,
+		node: m
+	} : null, [_, v] = l(null), [y, b] = l(null), [, x] = l(0), S = n(() => x((e) => e + 1), []), C = h({
+		editor: e,
+		selector: ({ editor: e }) => {
+			if (!e?.isFocused) return null;
+			let t = $e(e);
+			return t ? `${t.pos}:${t.node.type.name}:${e.state.doc.content.size}` : null;
+		}
+	}) ? $e(e) : null;
+	i(() => {
+		let n = () => S(), r = () => {
+			a.set(null), S();
+		};
+		e.on("update", r);
+		let i = new ResizeObserver(n);
+		return i.observe(e.view.dom), t.addEventListener("load", n, !0), window.addEventListener("resize", n), () => {
+			e.off("update", r), i.disconnect(), t.removeEventListener("load", n, !0), window.removeEventListener("resize", n);
+		};
+	}, [
+		e,
+		t,
+		S,
+		a
+	]), i(() => {
+		let n = 0, i = (t) => {
+			r.get() || t.target.closest(".bree-ov-toolbar, .bree-ov-handle, .bree-ov-tag") || (cancelAnimationFrame(n), n = requestAnimationFrame(() => {
+				a.set(Yn(e, t.clientX, t.clientY)?.pos ?? null);
+			}));
+		}, o = () => a.set(null);
+		return t.addEventListener("mousemove", i), t.addEventListener("mouseleave", o), () => {
+			cancelAnimationFrame(n), t.removeEventListener("mousemove", i), t.removeEventListener("mouseleave", o);
+		};
+	}, [
+		e,
+		t,
+		r,
+		a
+	]), i(() => {
+		let n = (n) => {
+			if (n.button !== 0 || n.shiftKey || n.metaKey || n.ctrlKey || n.target.closest(".bree-ov-layer")) return;
+			if ([
+				t,
+				e.view.dom,
+				e.view.dom.parentElement
+			].includes(n.target)) {
+				n.preventDefault();
+				let t = document.activeElement;
+				t instanceof HTMLElement && t.blur(), e.commands.blur();
+				return;
+			}
+			let r = Yn(e, n.clientX, n.clientY);
+			r && Xn(r) && (n.preventDefault(), et(e, r));
+		}, r = (t) => {
+			e.view.dom.contains(t.target) && at(e, t);
+		};
+		return t.addEventListener("mousedown", n, !0), t.addEventListener("paste", r, !0), () => {
+			t.removeEventListener("mousedown", n, !0), t.removeEventListener("paste", r, !0);
+		};
+	}, [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;
+			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);
+		}, 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))));
+		}, l = (t) => {
+			let i = r.get();
+			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);
+		}, u = (e) => {
+			r.get() && (t.contains(e.relatedTarget) || (cancelAnimationFrame(n), v(null)));
+		}, d = () => {
+			cancelAnimationFrame(n), r.end(), v(null), b(null), a.set(null);
+		}, 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({
+				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);
+			else {
+				let t = document.activeElement;
+				t instanceof HTMLElement && t.blur(), e.commands.blur();
+			}
+		};
+		return t.addEventListener("dragstart", p, !0), t.addEventListener("keydown", m, !0), t.addEventListener("dragover", c, !0), t.addEventListener("drop", l, !0), t.addEventListener("dragleave", u, !0), document.addEventListener("dragend", d), () => {
+			cancelAnimationFrame(n), t.removeEventListener("dragstart", p, !0), t.removeEventListener("keydown", m, !0), t.removeEventListener("dragover", c, !0), t.removeEventListener("drop", l, !0), t.removeEventListener("dragleave", u, !0), document.removeEventListener("dragend", d);
+		};
+	}, [
+		e,
+		t,
+		r,
+		a
+	]);
+	let w = (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) {
+			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", {
+		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", {
+					type: "button",
+					className: "bree-ov-tag",
+					onMouseDown: (t) => {
+						t.preventDefault(), et(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,
+				children: [
+					/* @__PURE__ */ L("span", {
+						className: "bree-ov-tag bree-ov-tag-selected",
+						children: s(C.node.type.name)
+					}),
+					!Ze(C) && /* @__PURE__ */ L(A, { children: /* @__PURE__ */ L("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, {})
+					}) }),
+					/* @__PURE__ */ L(A, { children: /* @__PURE__ */ R("div", {
+						className: "bree-ov-toolbar",
+						onMouseDown: (e) => e.preventDefault(),
+						children: [O && /* @__PURE__ */ L("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", {
+							type: "button",
+							className: "bree-ov-tool",
+							title: d.canvas.duplicate,
+							onClick: () => tt(e, C),
+							children: /* @__PURE__ */ L(Et, {})
+						}), /* @__PURE__ */ L("button", {
+							type: "button",
+							className: "bree-ov-tool bree-ov-danger",
+							title: d.canvas.delete,
+							onClick: () => nt(e, C),
+							children: /* @__PURE__ */ L(Dt, {})
+						})] })]
+					}) })
+				]
+			}),
+			ee && /* @__PURE__ */ L("div", {
+				className: "bree-ov-frame bree-ov-source",
+				style: ee
+			}),
+			_ && /* @__PURE__ */ L(Qn, {
+				host: t,
+				target: _,
+				label: r.get()?.label ?? "",
+				messages: d
+			})
+		]
+	});
+}
+function Qn({ host: e, target: t, label: n, messages: r }) {
+	if (t.emptyZone) {
+		let i = qn(e, t.emptyZone);
+		return /* @__PURE__ */ L("div", {
+			className: "bree-ov-dropzone",
+			style: i,
+			children: /* @__PURE__ */ R("span", { children: [
+				/* @__PURE__ */ L(ge, { size: 14 }),
+				" ",
+				r.canvas.dropLabel(n)
+			] })
+		});
+	}
+	if (!t.line) return null;
+	let i = qn(e, {
+		...t.line,
+		height: 0
+	});
+	return /* @__PURE__ */ L("div", {
+		className: "bree-ov-dropline",
+		style: {
+			top: i.top,
+			left: i.left,
+			width: i.width
+		},
+		children: /* @__PURE__ */ L("span", {
+			className: "bree-ov-dropline-label",
+			children: r.canvas.dropHere
+		})
+	});
+}
+//#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) => ({
+		...e,
+		...u.slashCommands[e.title]
+	})), [n, u]);
+	return /* @__PURE__ */ R("div", {
+		ref: p,
+		className: z("bree-canvas", r),
+		style: i,
+		"data-device": c,
+		children: [
+			/* @__PURE__ */ L(f, {
+				editor: o,
+				className: "bree-canvas-content"
+			}),
+			t && /* @__PURE__ */ R(I, { children: [
+				/* @__PURE__ */ L(k, {
+					hideWhenActiveNodes: ["button", "horizontalRule"],
+					hideWhenActiveMarks: ["link"]
+				}),
+				/* @__PURE__ */ L(k.LinkDefault, {}),
+				/* @__PURE__ */ L(k.ButtonDefault, {}),
+				/* @__PURE__ */ L(k.ImageDefault, {})
+			] }),
+			n !== !1 && /* @__PURE__ */ L(_e, { items: m }),
+			e && d && /* @__PURE__ */ L(Zn, {
+				editor: o,
+				host: d
+			}),
+			a
+		]
+	});
+}
+//#endregion
+//#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";
+}
+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);
+		i.push({
+			key: u,
+			pos: c,
+			node: a,
+			depth: n,
+			index: s + 1,
+			children: p && !f ? tr(a, c, n + 1, `${u}.`) : [],
+			accepts: d,
+			fixed: l === "columnsColumn",
+			empty: f
+		});
+	}), i;
+}
+function nr(e) {
+	let t = He(e);
+	return t ? tr(t.node, t.pos, 0, "") : [];
+}
+function rr(e, t) {
+	return e.fixed ? "inside" : e.accepts ? t < .25 ? "before" : t > .75 ? "after" : "inside" : t < .5 ? "before" : "after";
+}
+function ir(e, t, n, r, i) {
+	let a, o;
+	if (n === "inside") {
+		if (!t.accepts) return null;
+		t.empty ? (a = t.pos + 1, o = a + t.node.firstChild.nodeSize) : a = t.pos + t.node.nodeSize - 1;
+	} else {
+		if (t.fixed) return null;
+		a = n === "before" ? t.pos : t.pos + t.node.nodeSize;
+	}
+	if (i && a >= i.from && a <= i.to) return null;
+	let s = e.resolve(a), c = s.index();
+	return s.parent.canReplace(c, o === void 0 ? c : c + 1, r) ? {
+		pos: a,
+		replaceTo: o
+	} : null;
+}
+//#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,
+		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);
+	i(() => {
+		b !== null && D.current?.querySelector("[aria-selected=\"true\"]")?.scrollIntoView({ block: "nearest" });
+	}, [b]);
+	let ee = (e) => w((t) => {
+		let n = new Set(t);
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	}), O = (e) => {
+		et(a, {
+			pos: e.pos,
+			node: e.node
+		});
+		let t = a.view.nodeDOM(e.pos);
+		t instanceof HTMLElement && t.scrollIntoView({
+			block: "nearest",
+			behavior: "smooth"
+		});
+	}, te = (e, t) => {
+		let n = m.get();
+		if (!n) return null;
+		let r = We(a.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 ? {
+			from: n.pos,
+			to: n.pos + s.nodeSize
+		} : void 0, l = ir(a.state.doc, t, o, r, c);
+		return l ? {
+			zone: o,
+			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", {
+			role: "none",
+			children: [
+				/* @__PURE__ */ R("div", {
+					role: "treeitem",
+					tabIndex: b === e.pos || b === null && e.key === "0" ? 0 : -1,
+					"aria-level": e.depth + 1,
+					"aria-selected": b === 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"),
+					style: { paddingLeft: 6 + e.depth * 16 },
+					draggable: !e.fixed,
+					title: e.fixed ? o.layers.fixedHint : o.layers.itemHint,
+					onClick: () => O(e),
+					onKeyDown: (t) => {
+						if (t.key === "Enter" || t.key === " ") t.preventDefault(), O(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\"]") ?? []];
+							e[e.indexOf(t.currentTarget) + (t.key === "ArrowDown" ? 1 : -1)]?.focus();
+						}
+					},
+					onMouseEnter: () => g.set(e.pos),
+					onMouseLeave: () => g.set(null),
+					onDragStart: (t) => {
+						t.stopPropagation(), m.start({
+							kind: "move",
+							pos: e.pos,
+							label: _(e)
+						}), t.dataTransfer.setData(Re, "move"), t.dataTransfer.effectAllowed = "move";
+					},
+					onDragEnd: ne,
+					onDragOver: (t) => {
+						let n = te(t, e);
+						if (!n) {
+							T?.key === e.key && E(null);
+							return;
+						}
+						t.preventDefault(), t.dataTransfer.dropEffect = n.payload.kind === "move" ? "move" : "copy", (T?.key !== e.key || T.zone !== n.zone) && E({
+							key: e.key,
+							zone: n.zone
+						});
+					},
+					onDrop: (t) => {
+						let n = te(t, e);
+						t.preventDefault(), n && Je(a, n.payload, n.target), ne();
+					},
+					children: [
+						n ? /* @__PURE__ */ L("button", {
+							type: "button",
+							className: z("bree-layer-caret", !r && "bree-open"),
+							"aria-label": r ? o.layers.expand : o.layers.collapse,
+							tabIndex: -1,
+							onClick: (t) => {
+								t.stopPropagation(), ee(e.key);
+							},
+							children: "›"
+						}) : /* @__PURE__ */ L("span", { className: "bree-layer-caret-spacer" }),
+						/* @__PURE__ */ L("span", {
+							className: "bree-layer-icon",
+							children: /* @__PURE__ */ L(t, { size: 14 })
+						}),
+						/* @__PURE__ */ L("span", {
+							className: "bree-layer-label",
+							children: _(e)
+						}),
+						i && /* @__PURE__ */ L("span", {
+							className: "bree-layer-preview",
+							children: i
+						})
+					]
+				}),
+				e.empty && /* @__PURE__ */ L("div", {
+					className: "bree-layer-empty",
+					style: { paddingLeft: 6 + (e.depth + 1) * 16 + 18 },
+					children: o.layers.emptyZone
+				}),
+				n && !r && /* @__PURE__ */ L("div", {
+					role: "group",
+					children: k(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,
+		tabIndex: -1,
+		onDragLeave: (e) => !e.currentTarget.contains(e.relatedTarget) && E(null),
+		children: [/* @__PURE__ */ R("header", {
+			className: "bree-layers-header",
+			children: [/* @__PURE__ */ L("h2", { children: t ?? o.layers.title }), /* @__PURE__ */ R("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 })
+					})
+				]
+			})]
+		}), /* @__PURE__ */ L("div", {
+			className: "bree-layers-list",
+			role: "tree",
+			"aria-label": o.layers.tree,
+			ref: D,
+			children: S.length ? k(S) : /* @__PURE__ */ L("p", {
+				className: "bree-hint",
+				children: o.layers.emptyEmail
+			})
+		})]
+	}) });
+}
+//#endregion
+//#region src/components/inspectors/DefaultInspector.tsx
+function or({ ctx: e, className: t, style: n }) {
+	return /* @__PURE__ */ R("div", {
+		className: z("bree-inspector", t),
+		style: n,
+		children: [
+			/* @__PURE__ */ L(Yt, {
+				ctx: e,
+				alignment: String(e.getAttr("alignment") ?? "left"),
+				setAlignment: (t) => e.setAttr("alignment", t)
+			}),
+			/* @__PURE__ */ L(q, { ctx: e }),
+			/* @__PURE__ */ L(Xt, { ctx: e })
+		]
+	});
+}
+//#endregion
+//#region src/components/PropertiesPanel.tsx
+function sr() {
+	let { editor: e } = Q();
+	return () => {
+		let t = document.activeElement;
+		t instanceof HTMLElement && t.blur(), e.commands.blur();
+	};
+}
+function cr({ title: e, children: t, breadcrumb: n = !0, className: r, style: i }) {
+	let { t: a, nodeLabel: o } = Q(), s = sr();
+	return /* @__PURE__ */ R("div", {
+		className: z("bree-properties", r),
+		style: i,
+		children: [
+			/* @__PURE__ */ R("header", {
+				className: "bree-properties-header",
+				children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("span", {
+					className: "bree-eyebrow",
+					children: a.sidebar.propertiesEyebrow
+				}), /* @__PURE__ */ L("h2", { children: e })] }), /* @__PURE__ */ L("button", {
+					type: "button",
+					className: "bree-icon-button",
+					title: a.sidebar.closeProperties,
+					onClick: s,
+					children: /* @__PURE__ */ L(F, { size: 16 })
+				})]
+			}),
+			n && /* @__PURE__ */ L(M.Breadcrumb, { children: (e) => e.length > 1 && /* @__PURE__ */ L("nav", {
+				className: "bree-breadcrumb",
+				"aria-label": a.sidebar.breadcrumb,
+				children: e.map((t, n) => /* @__PURE__ */ R("span", {
+					className: "bree-crumb",
+					children: [n > 0 && /* @__PURE__ */ L("span", {
+						className: "bree-crumb-sep",
+						children: "/"
+					}), /* @__PURE__ */ L("button", {
+						type: "button",
+						disabled: n === e.length - 1,
+						onClick: t.focus,
+						children: o(t.node.nodeType)
+					})]
+				}, `${t.node.nodeType}-${t.node.nodePos.pos}`))
+			}) }),
+			/* @__PURE__ */ L("div", {
+				className: "bree-panel-scroll",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/BlockProperties.tsx
+function lr({ ctx: e, className: t, style: n }) {
+	let { nodes: r, nodeLabel: i } = Q(), a = r.get(e.nodeType)?.inspector ?? or;
+	return /* @__PURE__ */ L(cr, {
+		title: i(e.nodeType),
+		className: t,
+		style: n,
+		children: /* @__PURE__ */ L(a, { ctx: e }, `${e.nodeType}-${e.nodePos.pos}`)
+	});
+}
+//#endregion
+//#region src/components/useDraggableBlock.ts
+function ur(e, t) {
+	let { editor: n, dragSession: r } = Q();
+	return {
+		draggable: !0,
+		onDragStart: (n) => {
+			r.start({
+				kind: "new",
+				label: e,
+				content: t
+			}), n.dataTransfer.setData(Re, e), n.dataTransfer.effectAllowed = "copy";
+		},
+		onDragEnd: () => r.end(),
+		onClick: () => rt(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", {
+		type: "button",
+		className: z("bree-block-card", t),
+		style: n,
+		...a,
+		children: [e.thumbnail ?? /* @__PURE__ */ L(Z, { variant: "default" }), /* @__PURE__ */ R("span", {
+			className: "bree-block-text",
+			children: [/* @__PURE__ */ L("strong", { children: i }), e.description && /* @__PURE__ */ L("span", { children: bt(e.description, r) })]
+		})]
+	});
+}
+function fr({ templates: e, className: t, style: n }) {
+	let r = Q();
+	return /* @__PURE__ */ L("div", {
+		className: z("bree-block-list", t),
+		style: n,
+		children: (e ?? r.templates).map((e) => /* @__PURE__ */ L(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),
+		style: n,
+		children: [
+			/* @__PURE__ */ L(V, {
+				title: o.general,
+				children: /* @__PURE__ */ L(H, {
+					label: o.previewText,
+					stacked: !0,
+					children: /* @__PURE__ */ L(U, {
+						value: r.previewText,
+						onChange: (e) => i({ previewText: e }),
+						placeholder: o.previewTextPlaceholder
+					})
+				})
+			}),
+			/* @__PURE__ */ R(V, {
+				title: o.background,
+				children: [/* @__PURE__ */ L(H, {
+					label: o.backgroundColor,
+					stacked: !0,
+					children: /* @__PURE__ */ L(G, {
+						value: s("body", "backgroundColor"),
+						onChange: (e) => c("body", "backgroundColor", e)
+					})
+				}), /* @__PURE__ */ L(H, {
+					label: o.outerPadding,
+					children: /* @__PURE__ */ L(W, {
+						value: s("body", "padding"),
+						onChange: (e) => c("body", "padding", e)
+					})
+				})]
+			}),
+			/* @__PURE__ */ R(V, {
+				title: o.content,
+				children: [
+					/* @__PURE__ */ L(H, {
+						label: o.width,
+						children: /* @__PURE__ */ L(W, {
+							value: s("container", "width"),
+							onChange: (e) => c("container", "width", e),
+							min: 320,
+							max: 900
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: o.contentColor,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: s("container", "backgroundColor"),
+							onChange: (e) => c("container", "backgroundColor", e)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: o.innerPadding,
+						children: /* @__PURE__ */ L(W, {
+							value: s("container", "padding"),
+							onChange: (e) => c("container", "padding", e)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: o.radius,
+						children: /* @__PURE__ */ L(W, {
+							value: s("container", "borderRadius"),
+							onChange: (e) => c("container", "borderRadius", e)
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ R(V, {
+				title: o.defaultStyles,
+				children: [
+					/* @__PURE__ */ L(H, {
+						label: o.text,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: s("paragraph", "color"),
+							onChange: (e) => c("paragraph", "color", e)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: o.headings,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: s("h1", "color"),
+							onChange: (t) => e.batchSetGlobalStyle([
+								"h1",
+								"h2",
+								"h3"
+							].map((e) => ({
+								classReference: e,
+								property: "color",
+								value: t
+							})))
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: o.links,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: s("link", "color"),
+							onChange: (e) => c("link", "color", e)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: o.buttonBackground,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: s("button", "backgroundColor"),
+							onChange: (e) => c("button", "backgroundColor", e)
+						})
+					}),
+					/* @__PURE__ */ L(H, {
+						label: o.buttonText,
+						stacked: !0,
+						children: /* @__PURE__ */ L(G, {
+							value: s("button", "color"),
+							onChange: (e) => c("button", "color", e)
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#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", {
+		type: "button",
+		className: z("bree-tile", t),
+		style: n,
+		title: r.t.sidebar.tileTitle(i),
+		...a,
+		children: [/* @__PURE__ */ L("span", {
+			className: "bree-tile-icon",
+			children: e.icon
+		}), /* @__PURE__ */ L("span", {
+			className: "bree-tile-label",
+			children: i
+		})]
+	});
+}
+function hr({ items: e, groups: t, hint: n, className: r, style: i }) {
+	let a = Q(), o = e ?? a.palette, s = t ?? a.paletteGroups, c = [...s, ...[...new Set(o.map((e) => e.group))].filter((e) => !s.some((t) => t.id === e)).map((e) => ({
+		id: e,
+		title: e
+	}))];
+	return /* @__PURE__ */ R("div", {
+		className: z("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", {
+				className: "bree-panel-title",
+				children: bt(e.title, a)
+			}), /* @__PURE__ */ L("div", {
+				className: "bree-tiles",
+				children: t.map((e) => /* @__PURE__ */ L(mr, { item: e }, e.id))
+			})] }, e.id) : null;
+		}), n !== null && /* @__PURE__ */ L("p", {
+			className: "bree-hint",
+			children: n ?? a.t.sidebar.dragHint
+		})]
+	});
+}
+//#endregion
+//#region src/components/ContentPanel.tsx
+function gr({ ctx: e, tabs: t = [
+	"content",
+	"blocks",
+	"body"
+], defaultTab: n, className: r, style: i }) {
+	let { t: a } = Q(), o = {
+		content: {
+			id: "content",
+			label: a.sidebar.tabContent,
+			render: () => /* @__PURE__ */ L(hr, {})
+		},
+		blocks: {
+			id: "blocks",
+			label: a.sidebar.tabBlocks,
+			render: () => /* @__PURE__ */ L(fr, {})
+		},
+		body: {
+			id: "body",
+			label: a.sidebar.tabBody,
+			render: (e) => /* @__PURE__ */ L(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),
+		style: i,
+		children: [s.length > 1 && /* @__PURE__ */ L("nav", {
+			className: "bree-tabs",
+			role: "tablist",
+			children: s.map((e) => /* @__PURE__ */ L("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": e.id === d?.id,
+				className: z(e.id === d?.id && "bree-active"),
+				onClick: () => u(e.id),
+				children: e.label
+			}, e.id))
+		}), /* @__PURE__ */ L("div", {
+			className: "bree-panel-scroll",
+			children: d?.render(e)
+		})]
+	});
+}
+//#endregion
+//#region src/components/TextProperties.tsx
+function _r({ ctx: e, className: t, style: n }) {
+	let r = $(), i = r.inspector, a = [
+		{
+			mark: "bold",
+			Icon: ne,
+			title: i.bold
+		},
+		{
+			mark: "italic",
+			Icon: ce,
+			title: i.italic
+		},
+		{
+			mark: "underline",
+			Icon: Se,
+			title: i.underline
+		},
+		{
+			mark: "strike",
+			Icon: ye,
+			title: i.strike
+		}
+	];
+	return /* @__PURE__ */ R(cr, {
+		title: r.sidebar.selectedText,
+		className: t,
+		style: n,
+		children: [
+			/* @__PURE__ */ L(V, {
+				title: i.formatting,
+				children: /* @__PURE__ */ L("div", {
+					className: "bree-mark-row",
+					children: a.map(({ mark: t, Icon: n, title: r }) => /* @__PURE__ */ L("button", {
+						type: "button",
+						title: r,
+						"aria-pressed": !!e.marks[t],
+						className: z("bree-mark", e.marks[t] && "bree-active"),
+						onClick: () => e.toggleMark(t),
+						children: /* @__PURE__ */ L(n, { size: 14 })
+					}, t))
+				})
+			}),
+			/* @__PURE__ */ L(Yt, {
+				ctx: e,
+				alignment: e.alignment,
+				setAlignment: e.setAlignment
+			}),
+			e.isLinkActive && /* @__PURE__ */ R(V, {
+				title: i.link,
+				children: [/* @__PURE__ */ L(H, {
+					label: i.url,
+					stacked: !0,
+					children: /* @__PURE__ */ L("span", {
+						className: "bree-readonly",
+						children: e.linkHref
+					})
+				}), /* @__PURE__ */ L(H, {
+					label: i.linkColor,
+					stacked: !0,
+					children: /* @__PURE__ */ L(G, {
+						value: e.linkColor,
+						presets: e.presetColors,
+						onChange: e.setLinkColor
+					})
+				})]
+			})
+		]
+	});
+}
+//#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 }) {
+	let { t: a } = Q();
+	return /* @__PURE__ */ R(M.Root, {
+		className: z("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 })
+		]
+	});
+}
+//#endregion
+//#region src/components/PreviewDialog.tsx
+function yr(e, t, n) {
+	let r = URL.createObjectURL(new Blob([t], { type: n })), i = document.createElement("a");
+	i.href = r, i.download = e, i.click(), URL.revokeObjectURL(r);
+}
+function br({ onClose: e, defaultView: t = "desktop", views: n = [
+	"desktop",
+	"mobile",
+	"html",
+	"text"
+], filename: r = "email.html", className: a, style: o }) {
+	let { handle: s, settings: c, t: u } = Q(), [d, f] = l(t), [p, m] = l(null), [h, g] = l(null), [_, v] = l(!1);
+	i(() => {
+		let e = !1;
+		return s.exportEmail().then((t) => !e && m(t)).catch((t) => !e && g(t instanceof Error ? t.message : String(t))), () => {
+			e = !0;
+		};
+	}, [s, c.previewText]), i(() => {
+		let t = (t) => t.key === "Escape" && e();
+		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+	}, [e]);
+	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", {
+		className: "bree bree-modal-backdrop",
+		onMouseDown: (t) => t.target === t.currentTarget && e(),
+		children: /* @__PURE__ */ R("div", {
+			className: z("bree-modal", a),
+			style: o,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": b.dialogLabel,
+			children: [/* @__PURE__ */ R("header", {
+				className: "bree-modal-header",
+				children: [/* @__PURE__ */ L("nav", {
+					className: "bree-tabs bree-compact",
+					role: "tablist",
+					children: n.map((e) => /* @__PURE__ */ L("button", {
+						type: "button",
+						role: "tab",
+						"aria-selected": d === e,
+						className: z(d === e && "bree-active"),
+						onClick: () => f(e),
+						children: b[e]
+					}, e))
+				}), /* @__PURE__ */ R("div", {
+					className: "bree-modal-actions",
+					children: [
+						p && (d === "html" || d === "text") && /* @__PURE__ */ L("button", {
+							type: "button",
+							className: "bree-btn",
+							onClick: y,
+							children: _ ? b.copied : b.copy
+						}),
+						p && /* @__PURE__ */ L("button", {
+							type: "button",
+							className: "bree-btn bree-primary",
+							onClick: () => yr(r, p.unformattedHtml, "text/html"),
+							children: b.download
+						}),
+						/* @__PURE__ */ L("button", {
+							type: "button",
+							className: "bree-icon-button",
+							onClick: e,
+							title: b.close,
+							children: /* @__PURE__ */ L(F, { size: 18 })
+						})
+					]
+				})]
+			}), /* @__PURE__ */ R("div", {
+				className: "bree-modal-body",
+				children: [
+					h && /* @__PURE__ */ L("p", {
+						className: "bree-error",
+						children: b.renderError(h)
+					}),
+					!p && !h && /* @__PURE__ */ L("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", {
+							title: b.iframeTitle,
+							srcDoc: p.html,
+							sandbox: "allow-same-origin allow-popups"
+						})
+					}),
+					p && d === "html" && /* @__PURE__ */ L("pre", {
+						className: "bree-code",
+						children: p.html
+					}),
+					p && d === "text" && /* @__PURE__ */ L("pre", {
+						className: "bree-code",
+						children: p.text
+					})
+				]
+			})]
+		})
+	}) }), document.body);
+}
+//#endregion
+//#region src/components/TopBar.tsx
+function xr({ className: e, style: t }) {
+	let { layersOpen: n, setLayersOpen: r, t: i } = Q();
+	return /* @__PURE__ */ R("button", {
+		type: "button",
+		className: z("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, {}),
+			" ",
+			i.topBar.layers
+		]
+	});
+}
+function Sr({ className: e, style: t }) {
+	let { editor: n, t: r } = Q(), i = h({
+		editor: n,
+		selector: ({ editor: e }) => ({
+			undo: !!e?.can().undo(),
+			redo: !!e?.can().redo()
+		})
+	});
+	return /* @__PURE__ */ R("div", {
+		className: z("bree-btn-group", e),
+		style: t,
+		children: [/* @__PURE__ */ L("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", {
+			type: "button",
+			className: "bree-icon-button",
+			title: r.topBar.redo,
+			disabled: !i?.redo,
+			onClick: () => n.chain().focus().redo().run(),
+			children: /* @__PURE__ */ L(At, {})
+		})]
+	});
+}
+function Cr({ className: e, style: t }) {
+	let { device: n, setDevice: r, t: i } = Q(), a = [{
+		id: "desktop",
+		label: i.topBar.desktop,
+		Icon: jt
+	}, {
+		id: "mobile",
+		label: i.topBar.mobile,
+		Icon: Mt
+	}];
+	return /* @__PURE__ */ L("div", {
+		className: z("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", {
+			type: "button",
+			role: "radio",
+			"aria-checked": n === e,
+			className: z(n === e && "bree-active"),
+			onClick: () => r(e),
+			title: t,
+			children: /* @__PURE__ */ L(i, {})
+		}, e))
+	});
+}
+function wr({ className: e, style: t }) {
+	let { editor: n, starterDocument: r, locale: i, t: a } = Q();
+	return /* @__PURE__ */ L("button", {
+		type: "button",
+		className: z("bree-btn bree-ghost", e),
+		style: t,
+		onClick: () => {
+			confirm(a.topBar.confirmTemplate) && n.commands.setContent(r({
+				locale: i,
+				t: a
+			}));
+		},
+		children: a.topBar.template
+	});
+}
+function Tr({ className: e, style: t }) {
+	let { handle: n, t: r } = Q(), i = c(null), a = async (e) => {
+		try {
+			n.setValue(JSON.parse(await e.text()));
+		} catch (e) {
+			alert(r.topBar.invalidFile(e instanceof Error ? e.message : String(e)));
+		}
+	};
+	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("button", {
+		type: "button",
+		className: z("bree-btn bree-ghost", e),
+		style: t,
+		onClick: () => i.current?.click(),
+		children: r.topBar.import
+	}), /* @__PURE__ */ L("input", {
+		ref: i,
+		type: "file",
+		accept: "application/json,.json",
+		hidden: !0,
+		onChange: (e) => {
+			let t = e.target.files?.[0];
+			t && a(t), e.target.value = "";
+		}
+	})] });
+}
+function Er({ className: e, style: t, filename: n = "email.json" }) {
+	let { handle: r, t: i } = Q();
+	return /* @__PURE__ */ L("button", {
+		type: "button",
+		className: z("bree-btn bree-ghost", e),
+		style: t,
+		onClick: () => yr(n, JSON.stringify(r.getValue(), null, 2), "application/json"),
+		children: i.topBar.exportJson
+	});
+}
+function Dr({ view: e = "desktop", variant: t = "default", children: n, className: r, style: i }) {
+	let { t: a } = Q(), [o, s] = l(!1);
+	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("button", {
+		type: "button",
+		className: z("bree-btn", t !== "default" && `bree-${t}`, r),
+		style: i,
+		onClick: () => s(!0),
+		children: n ?? a.topBar.preview
+	}), o && /* @__PURE__ */ L(br, {
+		defaultView: e,
+		onClose: () => s(!1)
+	})] });
+}
+function Or(e) {
+	let { t } = Q();
+	return /* @__PURE__ */ L(Dr, {
+		view: "html",
+		variant: "primary",
+		...e,
+		children: t.topBar.exportHtml
+	});
+}
+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),
+		style: i,
+		children: [/* @__PURE__ */ L("div", {
+			className: "bree-topbar-start",
+			children: e
+		}), n ?? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("div", {
+			className: "bree-topbar-center",
+			children: /* @__PURE__ */ L(Cr, {})
+		}), /* @__PURE__ */ R("div", {
+			className: "bree-topbar-actions",
+			children: [t, /* @__PURE__ */ L(Or, {})]
+		})] })]
+	}) });
+}
+//#endregion
+//#region src/components/BetterEmailEditor.tsx
+function Ar({ showTopBar: e = !0, showLayers: t = !0, showSidebar: n = !0, components: r = {}, slotProps: i = {} }) {
+	let { layersOpen: a } = Q(), { TopBar: o = kr, LayersPanel: s = ar, Canvas: c = $n, Sidebar: l = vr } = r, u = t && a;
+	return /* @__PURE__ */ R("div", {
+		className: z("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 })
+		]
+	});
+}
+var jr = t(function({ showTopBar: e, showLayers: t, showSidebar: n, components: r, slotProps: i, ...a }, o) {
+	return /* @__PURE__ */ L(Kn, {
+		ref: o,
+		...a,
+		children: /* @__PURE__ */ L(Ar, {
+			showTopBar: e,
+			showLayers: t,
+			showSidebar: n,
+			components: r,
+			slotProps: i
+		})
+	});
+});
+//#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 };
+
+//# sourceMappingURL=index.js.map