@one-million-lines/email-builder 0.2.0 → 0.2.2

package/dist/email-builder.js

@@ -2,7 +2,7 @@ import { createRoot as e } from "react-dom/client";
 import t, { createContext as n, createElement as r, memo as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useReducer as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
 import { z as m } from "zod";
 import { create as h } from "zustand";
-import { AlertTriangle as g, AlignVerticalJustifyEnd as _, ArrowDown as v, ArrowUp as y, ChevronDown as b, ChevronUp as x, Copy as S, Download as C, Eye as w, FileCode as T, GripVertical as ee, Images as te, Layers as ne, LayoutTemplate as re, Loader2 as ie, Menu as ae, Monitor as oe, MousePointer2 as se, MousePointerClick as ce, Palette as le, Plus as ue, Receipt as de, Redo2 as fe, RotateCcw as pe, Save as me, Search as he, Send as ge, Share2 as E, ShoppingCart as _e, Smartphone as ve, Sparkles as ye, Square as D, Star as O, Trash2 as be, Type as xe, Undo2 as Se, Upload as Ce, X as we } from "lucide-react";
+import { AlertTriangle as g, AlignVerticalJustifyEnd as _, ArrowDown as v, ArrowUp as y, Check as b, ChevronDown as x, ChevronUp as S, Copy as C, Download as w, Eye as T, FileCode as ee, GripVertical as te, Layers as ne, LayoutTemplate as re, Loader2 as ie, Menu as ae, Monitor as oe, MousePointer2 as se, MousePointerClick as ce, Palette as le, Plus as ue, Receipt as de, Redo2 as fe, RotateCcw as pe, Save as me, Search as he, Send as ge, Share2 as E, ShoppingCart as _e, Smartphone as ve, Sparkles as ye, Square as D, Star as O, Trash2 as be, Type as xe, Undo2 as Se, Upload as Ce, X as we } from "lucide-react";
 import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
 import { createPortal as Te, unstable_batchedUpdates as Ee } from "react-dom";
 //#region src/core/validation.ts
@@ -1934,18 +1934,21 @@ function mt() {
 		a.href = i, a.download = e, a.click(), URL.revokeObjectURL(i);
 	};
 	return /* @__PURE__ */ j("div", {
-		className: "flex items-center gap-2 h-12 px-4 bg-white border-b border-gray-200 shrink-0",
+		className: "flex items-center h-12 px-4 bg-white border-b border-gray-200 shrink-0",
 		children: [
-			/* @__PURE__ */ A("input", {
-				className: "font-medium text-sm px-2 py-1 rounded hover:bg-gray-50 focus:bg-gray-50 outline-none w-64",
-				value: e.meta.name,
-				onChange: (e) => t({ name: e.target.value })
+			/* @__PURE__ */ A("div", {
+				className: "shrink-0 w-48",
+				children: /* @__PURE__ */ A("input", {
+					className: "font-medium text-sm px-2 py-1 rounded hover:bg-gray-50 focus:bg-gray-50 outline-none w-full",
+					value: e.meta.name,
+					onChange: (e) => t({ name: e.target.value })
+				})
 			}),
 			/* @__PURE__ */ j("div", {
-				className: "ml-auto flex items-center gap-1",
+				className: "flex-1 flex items-center justify-center gap-1",
 				children: [
 					/* @__PURE__ */ j("div", {
-						className: "inline-flex items-center bg-gray-100 rounded p-0.5 mr-2",
+						className: "inline-flex items-center bg-gray-100 rounded p-0.5 mr-1",
 						children: [/* @__PURE__ */ j("button", {
 							title: "Desktop preview",
 							onClick: () => p("desktop"),
@@ -1958,85 +1961,75 @@ function mt() {
 							children: [/* @__PURE__ */ A(ve, { size: 14 }), " Mobile"]
 						})]
 					}),
-					/* @__PURE__ */ j(ht, {
+					/* @__PURE__ */ j(_t, {
 						title: "Browse templates",
 						onClick: () => y(!0),
 						children: [/* @__PURE__ */ A(re, { size: 16 }), " Templates"]
 					}),
-					/* @__PURE__ */ j(ht, {
+					/* @__PURE__ */ j(_t, {
 						title: "Reset editor",
 						onClick: b,
 						disabled: e.modules.length === 0,
 						children: [/* @__PURE__ */ A(pe, { size: 16 }), " Reset"]
 					}),
-					/* @__PURE__ */ A(gt, {}),
-					/* @__PURE__ */ A(ht, {
+					/* @__PURE__ */ A(vt, {}),
+					/* @__PURE__ */ A(_t, {
 						title: "Undo",
 						onClick: n,
 						disabled: i.length === 0,
 						children: /* @__PURE__ */ A(Se, { size: 16 })
 					}),
-					/* @__PURE__ */ A(ht, {
+					/* @__PURE__ */ A(_t, {
 						title: "Redo",
 						onClick: r,
 						disabled: a.length === 0,
 						children: /* @__PURE__ */ A(fe, { size: 16 })
 					}),
-					/* @__PURE__ */ A(gt, {}),
-					/* @__PURE__ */ A(ht, {
+					/* @__PURE__ */ A(vt, {}),
+					/* @__PURE__ */ A(_t, {
 						title: "Save draft (local)",
 						onClick: l,
 						children: /* @__PURE__ */ A(me, { size: 16 })
 					}),
-					/* @__PURE__ */ j(ht, {
+					/* @__PURE__ */ j(_t, {
 						title: "Preview",
 						onClick: () => {
 							let e = c(), t = window.open("", "_blank");
 							t && (t.document.write(e), t.document.close()), _(!0), setTimeout(() => _(!1), 600);
 						},
 						children: [
-							/* @__PURE__ */ A(w, { size: 16 }),
+							/* @__PURE__ */ A(T, { size: 16 }),
 							" ",
 							g ? "Opened" : "Preview"
 						]
-					}),
-					/* @__PURE__ */ A(gt, {}),
-					/* @__PURE__ */ j(ht, {
-						title: "Import JSON",
-						onClick: () => h.current?.click(),
-						children: [/* @__PURE__ */ A(Ce, { size: 16 }), " Import"]
-					}),
-					/* @__PURE__ */ A("input", {
-						ref: h,
-						type: "file",
-						accept: ".json",
-						hidden: !0,
-						onChange: (e) => {
-							let t = e.target.files?.[0];
-							t && (t.text().then((e) => {
-								let t = s(e);
-								t.ok || alert(`Import failed: ${t.error}`);
-							}), e.target.value = "");
-						}
-					}),
-					/* @__PURE__ */ j(ht, {
-						title: "Export JSON",
-						onClick: () => {
-							x(`${e.meta.name || "email"}.json`, o(), "application/json");
-						},
-						children: [/* @__PURE__ */ A(C, { size: 16 }), " JSON"]
-					}),
-					/* @__PURE__ */ j(ht, {
-						title: "Export HTML",
-						onClick: () => {
-							let t = c();
-							x(`${e.meta.name || "email"}.html`, t, "text/html");
-						},
-						primary: !0,
-						children: [/* @__PURE__ */ A(T, { size: 16 }), " Export HTML"]
 					})
 				]
 			}),
+			/* @__PURE__ */ j("div", {
+				className: "shrink-0 flex justify-end w-48",
+				children: [/* @__PURE__ */ A("input", {
+					ref: h,
+					type: "file",
+					accept: ".json",
+					hidden: !0,
+					onChange: (e) => {
+						let t = e.target.files?.[0];
+						t && (t.text().then((e) => {
+							let t = s(e);
+							t.ok || alert(`Import failed: ${t.error}`);
+						}), e.target.value = "");
+					}
+				}), /* @__PURE__ */ A(ht, {
+					onImport: () => h.current?.click(),
+					onExportJson: () => {
+						x(`${e.meta.name || "email"}.json`, o(), "application/json");
+					},
+					onExportHtml: () => {
+						let t = c();
+						x(`${e.meta.name || "email"}.html`, t, "text/html");
+					}
+				})]
+			}),
 			/* @__PURE__ */ A(ft, {
 				open: v,
 				onClose: () => y(!1)
@@ -2044,7 +2037,66 @@ function mt() {
 		]
 	});
 }
-function ht({ children: e, onClick: t, disabled: n, title: r, primary: i }) {
+function ht({ onImport: e, onExportJson: t, onExportHtml: n }) {
+	let [r, i] = f(!1), a = d(null);
+	return s(() => {
+		if (!r) return;
+		let e = (e) => {
+			a.current && !a.current.contains(e.target) && i(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [r]), /* @__PURE__ */ j("div", {
+		ref: a,
+		className: "relative",
+		children: [/* @__PURE__ */ j("button", {
+			onClick: () => i((e) => !e),
+			className: "flex items-center gap-1.5 px-2.5 py-1.5 rounded text-sm text-gray-700 hover:bg-gray-100 border border-gray-200 transition-colors",
+			title: "Import / Export",
+			children: [
+				/* @__PURE__ */ A(ee, { size: 16 }),
+				"Export",
+				/* @__PURE__ */ A(x, {
+					size: 14,
+					className: `transition-transform ${r ? "rotate-180" : ""}`
+				})
+			]
+		}), r && /* @__PURE__ */ j("div", {
+			className: "absolute right-0 top-full mt-1 w-48 bg-white border border-gray-200 rounded-lg shadow-lg z-50 py-1 text-sm",
+			children: [
+				/* @__PURE__ */ A(gt, {
+					icon: /* @__PURE__ */ A(Ce, { size: 14 }),
+					label: "Import JSON",
+					onClick: () => {
+						e(), i(!1);
+					}
+				}),
+				/* @__PURE__ */ A("div", { className: "mx-2 my-1 border-t border-gray-100" }),
+				/* @__PURE__ */ A(gt, {
+					icon: /* @__PURE__ */ A(w, { size: 14 }),
+					label: "Export JSON",
+					onClick: () => {
+						t(), i(!1);
+					}
+				}),
+				/* @__PURE__ */ A(gt, {
+					icon: /* @__PURE__ */ A(ee, { size: 14 }),
+					label: "Export HTML",
+					onClick: () => {
+						n(), i(!1);
+					}
+				})
+			]
+		})]
+	});
+}
+function gt({ icon: e, label: t, onClick: n, highlight: r }) {
+	return /* @__PURE__ */ j("button", {
+		onClick: n,
+		className: `w-full flex items-center gap-2 px-3 py-2 hover:bg-gray-50 transition-colors text-left ${r ? "text-blue-600 font-medium" : "text-gray-700"}`,
+		children: [e, t]
+	});
+}
+function _t({ children: e, onClick: t, disabled: n, title: r, primary: i }) {
 	return /* @__PURE__ */ A("button", {
 		title: r,
 		disabled: n,
@@ -2053,10 +2105,10 @@ function ht({ children: e, onClick: t, disabled: n, title: r, primary: i }) {
 		children: e
 	});
 }
-function gt() {
+function vt() {
 	return /* @__PURE__ */ A("div", { className: "w-px h-5 bg-gray-200 mx-1" });
 }
-var _t = new class {
+var yt = new class {
 	modules = /* @__PURE__ */ new Map();
 	register(e) {
 		this.modules.set(e.type, e);
@@ -2070,7 +2122,7 @@ var _t = new class {
 	byCategory(e) {
 		return this.list().filter((t) => t.category === e);
 	}
-}(), vt = {
+}(), bt = {
 	basic: "Basic",
 	menu: "Menu",
 	header: "Header",
@@ -2081,82 +2133,24 @@ var _t = new class {
 	transactional: "Transactional",
 	social: "Social",
 	footer: "Footer"
-}, yt = new class {
-	galleries = /* @__PURE__ */ new Map();
-	items = [];
-	listeners = /* @__PURE__ */ new Set();
-	version = 0;
-	registerGallery(e) {
-		this.galleries.has(e.id) && this.removeGallery(e.id, !1), this.galleries.set(e.id, e);
-		for (let t of e.items) this.items.push({
-			...t,
-			galleryId: e.id,
-			badge: e.badge
-		});
-		this.emit();
-	}
-	registerItem(e, t, n) {
-		this.galleries.has(e) || this.galleries.set(e, {
-			id: e,
-			name: e,
-			items: []
-		});
-		let r = this.galleries.get(e);
-		r.items.push(t), this.items.push({
-			...t,
-			galleryId: e,
-			badge: n ?? r.badge
-		}), this.emit();
-	}
-	removeGallery(e, t = !0) {
-		this.galleries.delete(e), this.items = this.items.filter((t) => t.galleryId !== e), t && this.emit();
-	}
-	list() {
-		return this.items;
-	}
-	byCategory(e) {
-		return this.items.filter((t) => t.category === e);
-	}
-	listGalleries() {
-		return Array.from(this.galleries.values());
-	}
-	get(e) {
-		return this.items.find((t) => t.type === e);
-	}
-	subscribe = (e) => (this.listeners.add(e), () => {
-		this.listeners.delete(e);
-	});
-	getSnapshot = () => this.version;
-	emit() {
-		this.version += 1;
-		for (let e of this.listeners) e();
-	}
-}(), bt = null, xt = /* @__PURE__ */ new Set(), St = 0;
-function Ct() {
-	St += 1;
-	for (let e of xt) e();
+}, xt = null, St = /* @__PURE__ */ new Set(), Ct = 0;
+function wt() {
+	Ct += 1;
+	for (let e of St) e();
 }
-function wt(e) {
-	bt !== e && (bt = e, Ct());
+function Tt(e) {
+	xt !== e && (xt = e, wt());
 }
-function Tt() {
-	return bt;
+function Et() {
+	return xt;
 }
-var Et = (e) => (xt.add(e), () => {
-	xt.delete(e);
-}), Dt = () => St;
+var Dt = (e) => (St.add(e), () => {
+	St.delete(e);
+}), Ot = () => Ct;
 //#endregion
 //#region src/ai/catalog.ts
-function Ot() {
-	let e = yt.list().map((e) => ({
-		type: e.type,
-		category: e.category,
-		name: e.name,
-		description: e.description,
-		tags: e.tags ?? [],
-		source: "gallery",
-		sample: e.create()
-	})), t = new Set(e.map((e) => e.type)), n = _t.list().filter((e) => !t.has(e.type)).map((e) => ({
+function kt() {
+	return yt.list().map((e) => ({
 		type: e.type,
 		category: e.category,
 		name: e.name,
@@ -2165,16 +2159,15 @@ function Ot() {
 		source: "module",
 		sample: e.create()
 	}));
-	return [...e, ...n];
 }
 //#endregion
 //#region src/core/aiActions.ts
-function kt(e, t) {
+function At(e, t) {
 	let n = e;
-	for (let e of t) n = At(n, e);
+	for (let e of t) n = jt(n, e);
 	return n;
 }
-function At(e, t) {
+function jt(e, t) {
 	switch (t.type) {
 		case "update_meta": return {
 			...e,
@@ -2224,7 +2217,7 @@ function At(e, t) {
 		};
 	}
 }
-function jt(e) {
+function Mt(e) {
 	let t = Me.safeParse(e);
 	return t.success ? {
 		ok: !0,
@@ -2234,16 +2227,16 @@ function jt(e) {
 		error: t.error.message
 	};
 }
-var Mt = { async generate(e) {
+var Nt = { async generate(e) {
 	return e.task === "rewrite_text" && e.instruction ? { text: `[AI rewrite] ${e.instruction}` } : e.task === "generate_subject" ? { text: "Your weekly insight is here ✨" } : e.task === "generate_preview" ? { text: "A short summary that nudges readers to open." } : { actions: [] };
 } };
 //#endregion
 //#region src/ai/applyResponse.ts
-function Nt(e) {
+function Pt(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function Pt(e) {
-	let t = Nt(e);
+function Ft(e) {
+	let t = Pt(e);
 	return {
 		...t,
 		id: N("module"),
@@ -2253,15 +2246,15 @@ function Pt(e) {
 		}))
 	};
 }
-function Ft(e) {
+function It(e) {
 	return e.map((e) => e.type === "insert_module" ? {
 		...e,
-		module: Pt(e.module)
+		module: Ft(e.module)
 	} : e);
 }
-function It(e, t) {
+function Lt(e, t) {
 	if (t.document) {
-		let e = jt(Nt(t.document));
+		let e = Mt(Pt(t.document));
 		return e.ok ? {
 			ok: !0,
 			result: {
@@ -2275,13 +2268,13 @@ function It(e, t) {
 		};
 	}
 	if (t.actions && t.actions.length > 0) {
-		let n = jt(Nt(kt(e, Ft(t.actions))));
+		let n = Mt(Pt(At(e, It(t.actions))));
 		return n.ok ? {
 			ok: !0,
 			result: {
 				document: n.document,
 				text: t.text,
-				summary: Lt(t.actions)
+				summary: Rt(t.actions)
 			}
 		} : {
 			ok: !1,
@@ -2297,7 +2290,7 @@ function It(e, t) {
 		}
 	};
 }
-function Lt(e) {
+function Rt(e) {
 	let t = {};
 	for (let n of e) t[n.type] = (t[n.type] ?? 0) + 1;
 	let n = {
@@ -2316,21 +2309,21 @@ function Lt(e) {
 }
 //#endregion
 //#region src/ai/AIChatPanel.tsx
-var Rt = [
+var zt = [
 	"Create a welcome email for new subscribers",
 	"Build a flash sale announcement with a product grid",
 	"Write a weekly newsletter with a lead story and footer"
 ];
-function zt() {
-	return p(Et, Dt, Dt), Tt() !== null;
-}
 function Bt() {
+	return p(Dt, Ot, Ot), Et() !== null;
+}
+function Vt() {
 	let { doc: e, applyDoc: t } = I(), [n, r] = f([]), [i, a] = f(""), [o, c] = f(!1), l = d(null);
 	s(() => {
 		l.current?.scrollTo({ top: l.current.scrollHeight });
 	}, [n, o]);
 	let u = async (n) => {
-		let i = Tt();
+		let i = Et();
 		if (!i || !n.trim() || o) return;
 		let s = {
 			id: crypto.randomUUID(),
@@ -2342,10 +2335,10 @@ function Bt() {
 			task: "create_email",
 			document: e,
 			instruction: n,
-			context: { catalog: Ot() }
+			context: { catalog: kt() }
 		};
 		try {
-			let n = await i.generate(l), r = It(e, n);
+			let n = await i.generate(l), r = Lt(e, n);
 			if (!r.ok) p(`I produced an invalid document and stopped. (${r.error})`, !0);
 			else {
 				let { document: n, text: i, summary: a } = r.result;
@@ -2386,7 +2379,7 @@ function Bt() {
 							children: "Describe the email you want and I'll assemble it from the available blocks."
 						}), /* @__PURE__ */ A("div", {
 							className: "flex flex-col gap-1.5",
-							children: Rt.map((e) => /* @__PURE__ */ A("button", {
+							children: zt.map((e) => /* @__PURE__ */ A("button", {
 								onClick: () => u(e),
 								className: "text-left text-xs px-2.5 py-2 rounded border border-gray-200 bg-white hover:border-blue-400 hover:bg-blue-50 transition-colors",
 								children: e
@@ -2440,7 +2433,7 @@ function Bt() {
 }
 //#endregion
 //#region src/editor/LeftSidebar.tsx
-var Vt = [
+var Ht = [
 	{
 		id: "basic",
 		icon: D
@@ -2482,59 +2475,51 @@ var Vt = [
 		icon: _
 	}
 ];
-function Ht() {
-	let [e, t] = f("layers"), { addModule: n, themes: r, applyTheme: i, doc: a } = I(), o = zt();
-	p(yt.subscribe, yt.getSnapshot, yt.getSnapshot);
-	let s = yt.list().length > 0;
+function Ut() {
+	let [e, t] = f("layers"), { addModule: n, themes: r, applyTheme: i, doc: a } = I();
 	return /* @__PURE__ */ j("div", {
 		className: "flex h-full bg-white border-r border-gray-200 shrink-0",
 		children: [/* @__PURE__ */ j("div", {
-			className: "w-16 border-r border-gray-200 flex flex-col items-center py-2 gap-1 overflow-y-auto",
+			className: "w-16 border-r border-gray-200 flex flex-col items-center py-2 gap-1",
 			children: [
-				o && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Ut, {
-					id: "ai",
-					label: "AI",
-					icon: ye,
-					active: e === "ai",
+				Bt() && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("button", {
 					onClick: () => t("ai"),
-					accent: !0
+					title: "AI Assistant",
+					className: `flex flex-col items-center gap-0.5 w-14 py-2 rounded text-[10px] transition-colors ${e === "ai" ? "bg-blue-50 text-blue-700" : "text-blue-600 hover:bg-blue-50"}`,
+					children: [/* @__PURE__ */ A(ye, { size: 20 }), /* @__PURE__ */ A("span", { children: "AI" })]
 				}), /* @__PURE__ */ A("div", { className: "h-px w-10 bg-gray-200 my-1" })] }),
-				/* @__PURE__ */ A(Ut, {
-					id: "layers",
-					label: "Layers",
-					icon: ne,
-					active: e === "layers",
-					onClick: () => t("layers")
-				}),
-				s && /* @__PURE__ */ A(Ut, {
-					id: "gallery",
-					label: "Gallery",
-					icon: te,
-					active: e === "gallery",
-					onClick: () => t("gallery")
+				/* @__PURE__ */ j("button", {
+					onClick: () => t("layers"),
+					title: "Layout overview",
+					className: `flex flex-col items-center gap-0.5 w-14 py-2 rounded text-[10px] transition-colors ${e === "layers" ? "bg-blue-50 text-blue-700" : "text-gray-600 hover:bg-gray-50"}`,
+					children: [/* @__PURE__ */ A(ne, { size: 20 }), /* @__PURE__ */ A("span", { children: "Layers" })]
 				}),
 				/* @__PURE__ */ A("div", { className: "h-px w-10 bg-gray-200 my-1" }),
-				Vt.map((n) => /* @__PURE__ */ A(Ut, {
-					id: n.id,
-					label: vt[n.id],
-					icon: n.icon,
-					active: e === n.id,
-					onClick: () => t(n.id)
-				}, n.id)),
+				Ht.map((n) => {
+					let r = n.icon, i = e === n.id;
+					return /* @__PURE__ */ j("button", {
+						onClick: () => t(n.id),
+						title: bt[n.id],
+						className: `flex flex-col items-center gap-0.5 w-14 py-2 rounded text-[10px] transition-colors ${i ? "bg-blue-50 text-blue-700" : "text-gray-600 hover:bg-gray-50"}`,
+						children: [/* @__PURE__ */ A(r, { size: 20 }), /* @__PURE__ */ A("span", {
+							className: "leading-tight text-center",
+							children: bt[n.id]
+						})]
+					}, n.id);
+				}),
 				/* @__PURE__ */ A("div", {
 					className: "mt-auto",
-					children: /* @__PURE__ */ A(Ut, {
-						id: "themes",
-						label: "Themes",
-						icon: le,
-						active: e === "themes",
-						onClick: () => t("themes")
+					children: /* @__PURE__ */ j("button", {
+						onClick: () => t("themes"),
+						title: "Themes",
+						className: `flex flex-col items-center gap-0.5 w-14 py-2 rounded text-[10px] transition-colors ${e === "themes" ? "bg-blue-50 text-blue-700" : "text-gray-600 hover:bg-gray-50"}`,
+						children: [/* @__PURE__ */ A(le, { size: 20 }), /* @__PURE__ */ A("span", { children: "Themes" })]
 					})
 				})
 			]
 		}), /* @__PURE__ */ A("div", {
 			className: "w-64 overflow-y-auto p-3",
-			children: e === "layers" ? /* @__PURE__ */ A(qt, {}) : e === "ai" ? /* @__PURE__ */ A(Bt, {}) : e === "gallery" ? /* @__PURE__ */ A(Gt, { onAdd: (e) => n(e.create()) }) : e === "themes" ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("h3", {
+			children: e === "layers" ? /* @__PURE__ */ A(Wt, {}) : e === "ai" ? /* @__PURE__ */ A(Vt, {}) : e === "themes" ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("h3", {
 				className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-3",
 				children: "Themes"
 			}), /* @__PURE__ */ A("div", {
@@ -2563,118 +2548,30 @@ function Ht() {
 						children: e.name
 					})]
 				}, e.id))
-			})] }) : /* @__PURE__ */ A(Wt, {
-				category: e,
-				onAdd: (e) => n(e())
-			})
-		})]
-	});
-}
-function Ut({ label: e, icon: t, active: n, onClick: r, accent: i }) {
-	return /* @__PURE__ */ j("button", {
-		onClick: r,
-		title: e,
-		className: `flex flex-col items-center gap-0.5 w-14 py-2 rounded text-[10px] transition-colors ${n ? "bg-blue-50 text-blue-700" : i ? "text-blue-600 hover:bg-blue-50" : "text-gray-600 hover:bg-gray-50"}`,
-		children: [/* @__PURE__ */ A(t, { size: 20 }), /* @__PURE__ */ A("span", {
-			className: "leading-tight text-center",
-			children: e
+			})] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("h3", {
+				className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-3",
+				children: bt[e]
+			}), /* @__PURE__ */ j("div", {
+				className: "grid grid-cols-1 gap-2",
+				children: [yt.byCategory(e).map((e) => /* @__PURE__ */ j("button", {
+					onClick: () => n(e.create()),
+					className: "text-left p-3 rounded border border-gray-200 bg-white hover:border-blue-400 hover:shadow-sm transition-all",
+					children: [/* @__PURE__ */ A("div", {
+						className: "h-12 bg-gray-50 rounded mb-2 flex items-center justify-center text-xs text-gray-400",
+						children: e.name
+					}), /* @__PURE__ */ A("div", {
+						className: "text-xs font-medium text-gray-700",
+						children: e.name
+					})]
+				}, e.type)), yt.byCategory(e).length === 0 && /* @__PURE__ */ A("div", {
+					className: "text-xs text-gray-400 italic py-4 text-center",
+					children: "No modules in this category yet."
+				})]
+			})] })
 		})]
 	});
 }
-function Wt({ category: e, onAdd: t }) {
-	let n = yt.byCategory(e), r = _t.byCategory(e);
-	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("h3", {
-		className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-3",
-		children: vt[e]
-	}), /* @__PURE__ */ j("div", {
-		className: "grid grid-cols-1 gap-2",
-		children: [
-			n.map((e) => /* @__PURE__ */ A(Kt, {
-				name: e.name,
-				badge: e.badge ?? "New",
-				onClick: () => t(e.create)
-			}, e.type)),
-			r.map((e) => /* @__PURE__ */ A(Kt, {
-				name: e.name,
-				onClick: () => t(e.create)
-			}, e.type)),
-			n.length === 0 && r.length === 0 && /* @__PURE__ */ A("div", {
-				className: "text-xs text-gray-400 italic py-4 text-center",
-				children: "No modules in this category yet."
-			})
-		]
-	})] });
-}
-function Gt({ onAdd: e }) {
-	let t = yt.listGalleries(), n = yt.list();
-	return n.length === 0 ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("h3", {
-		className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-3",
-		children: "Gallery"
-	}), /* @__PURE__ */ A("p", {
-		className: "text-xs text-gray-400 italic",
-		children: "No galleries loaded."
-	})] }) : /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A("h3", {
-			className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-1",
-			children: "Gallery"
-		}),
-		/* @__PURE__ */ j("p", {
-			className: "text-[10px] text-gray-400 mb-3",
-			children: [
-				n.length,
-				" element",
-				n.length === 1 ? "" : "s",
-				" across ",
-				t.length,
-				" ",
-				t.length === 1 ? "gallery" : "galleries"
-			]
-		}),
-		/* @__PURE__ */ A("div", {
-			className: "flex flex-col gap-4",
-			children: t.map((t) => {
-				let r = n.filter((e) => e.galleryId === t.id);
-				return r.length === 0 ? null : /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("div", {
-					className: "text-[11px] font-medium text-gray-600 mb-1.5",
-					children: t.name
-				}), /* @__PURE__ */ A("div", {
-					className: "grid grid-cols-1 gap-2",
-					children: r.map((t) => /* @__PURE__ */ A(Kt, {
-						name: t.name,
-						badge: t.badge ?? "New",
-						sub: vt[t.category],
-						onClick: () => e(t)
-					}, t.type))
-				})] }, t.id);
-			})
-		})
-	] });
-}
-function Kt({ name: e, onClick: t, badge: n, sub: r }) {
-	return /* @__PURE__ */ j("button", {
-		onClick: t,
-		className: "relative text-left p-3 rounded border border-gray-200 bg-white hover:border-blue-400 hover:shadow-sm transition-all",
-		children: [
-			n && /* @__PURE__ */ A("span", {
-				className: "absolute top-1.5 right-1.5 text-[9px] font-semibold uppercase tracking-wide bg-blue-100 text-blue-700 px-1.5 py-0.5 rounded",
-				children: n
-			}),
-			/* @__PURE__ */ A("div", {
-				className: "h-12 bg-gray-50 rounded mb-2 flex items-center justify-center text-xs text-gray-400 px-2 text-center",
-				children: e
-			}),
-			/* @__PURE__ */ A("div", {
-				className: "text-xs font-medium text-gray-700",
-				children: e
-			}),
-			r && /* @__PURE__ */ A("div", {
-				className: "text-[10px] text-gray-400",
-				children: r
-			})
-		]
-	});
-}
-function qt() {
+function Wt() {
 	let { doc: e, selection: t, setSelection: n, reorderModules: r, deleteModule: i, duplicateModule: a } = I();
 	return e.modules.length === 0 ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("h3", {
 		className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-3",
@@ -2744,7 +2641,7 @@ function qt() {
 						},
 						className: "p-0.5 text-gray-500 hover:text-blue-600",
 						title: "Duplicate",
-						children: /* @__PURE__ */ A(S, { size: 12 })
+						children: /* @__PURE__ */ A(C, { size: 12 })
 					}),
 					/* @__PURE__ */ A("button", {
 						onClick: (e) => {
@@ -2761,47 +2658,47 @@ function qt() {
 }
 //#endregion
 //#region node_modules/@dnd-kit/utilities/dist/utilities.esm.js
-function Jt() {
+function Gt() {
 	var e = [...arguments];
 	return l(() => (t) => {
 		e.forEach((e) => e(t));
 	}, e);
 }
-var Yt = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
-function Xt(e) {
+var Kt = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
+function qt(e) {
 	let t = Object.prototype.toString.call(e);
 	return t === "[object Window]" || t === "[object global]";
 }
-function Zt(e) {
+function Jt(e) {
 	return "nodeType" in e;
 }
-function Qt(e) {
-	return e ? Xt(e) ? e : Zt(e) ? e.ownerDocument?.defaultView ?? window : window : window;
+function Yt(e) {
+	return e ? qt(e) ? e : Jt(e) ? e.ownerDocument?.defaultView ?? window : window : window;
 }
-function $t(e) {
-	let { Document: t } = Qt(e);
+function Xt(e) {
+	let { Document: t } = Yt(e);
 	return e instanceof t;
 }
-function en(e) {
-	return Xt(e) ? !1 : e instanceof Qt(e).HTMLElement;
+function Zt(e) {
+	return qt(e) ? !1 : e instanceof Yt(e).HTMLElement;
 }
-function tn(e) {
-	return e instanceof Qt(e).SVGElement;
+function Qt(e) {
+	return e instanceof Yt(e).SVGElement;
 }
-function nn(e) {
-	return e ? Xt(e) ? e.document : Zt(e) ? $t(e) ? e : en(e) || tn(e) ? e.ownerDocument : document : document : document;
+function $t(e) {
+	return e ? qt(e) ? e.document : Jt(e) ? Xt(e) ? e : Zt(e) || Qt(e) ? e.ownerDocument : document : document : document;
 }
-var rn = Yt ? c : s;
-function an(e) {
+var en = Kt ? c : s;
+function tn(e) {
 	let t = d(e);
-	return rn(() => {
+	return en(() => {
 		t.current = e;
 	}), a(function() {
 		var e = [...arguments];
 		return t.current == null ? void 0 : t.current(...e);
 	}, []);
 }
-function on() {
+function nn() {
 	let e = d(null);
 	return [a((t, n) => {
 		e.current = setInterval(t, n);
@@ -2809,41 +2706,41 @@ function on() {
 		e.current !== null && (clearInterval(e.current), e.current = null);
 	}, [])];
 }
-function sn(e, t) {
+function rn(e, t) {
 	t === void 0 && (t = [e]);
 	let n = d(e);
-	return rn(() => {
+	return en(() => {
 		n.current !== e && (n.current = e);
 	}, t), n;
 }
-function cn(e, t) {
+function an(e, t) {
 	let n = d();
 	return l(() => {
 		let t = e(n.current);
 		return n.current = t, t;
 	}, [...t]);
 }
-function ln(e) {
-	let t = an(e), n = d(null);
+function on(e) {
+	let t = tn(e), n = d(null);
 	return [n, a((e) => {
 		e !== n.current && t?.(e, n.current), n.current = e;
 	}, [])];
 }
-function un(e) {
+function sn(e) {
 	let t = d();
 	return s(() => {
 		t.current = e;
 	}, [e]), t.current;
 }
-var dn = {};
-function fn(e, t) {
+var cn = {};
+function ln(e, t) {
 	return l(() => {
 		if (t) return t;
-		let n = dn[e] == null ? 0 : dn[e] + 1;
-		return dn[e] = n, e + "-" + n;
+		let n = cn[e] == null ? 0 : cn[e] + 1;
+		return cn[e] = n, e + "-" + n;
 	}, [e, t]);
 }
-function pn(e) {
+function un(e) {
 	return function(t) {
 		return [...arguments].slice(1).reduce((t, n) => {
 			let r = Object.entries(n);
@@ -2855,22 +2752,22 @@ function pn(e) {
 		}, { ...t });
 	};
 }
-var mn = /*#__PURE__*/ pn(1), hn = /*#__PURE__*/ pn(-1);
-function gn(e) {
+var dn = /*#__PURE__*/ un(1), fn = /*#__PURE__*/ un(-1);
+function pn(e) {
 	return "clientX" in e && "clientY" in e;
 }
-function _n(e) {
+function mn(e) {
 	if (!e) return !1;
-	let { KeyboardEvent: t } = Qt(e.target);
+	let { KeyboardEvent: t } = Yt(e.target);
 	return t && e instanceof t;
 }
-function vn(e) {
+function hn(e) {
 	if (!e) return !1;
-	let { TouchEvent: t } = Qt(e.target);
+	let { TouchEvent: t } = Yt(e.target);
 	return t && e instanceof t;
 }
-function yn(e) {
-	if (vn(e)) {
+function gn(e) {
+	if (hn(e)) {
 		if (e.touches && e.touches.length) {
 			let { clientX: t, clientY: n } = e.touches[0];
 			return {
@@ -2885,12 +2782,12 @@ function yn(e) {
 			};
 		}
 	}
-	return gn(e) ? {
+	return pn(e) ? {
 		x: e.clientX,
 		y: e.clientY
 	} : null;
 }
-var bn = /*#__PURE__*/ Object.freeze({
+var _n = /*#__PURE__*/ Object.freeze({
 	Translate: { toString(e) {
 		if (!e) return;
 		let { x: t, y: n } = e;
@@ -2902,27 +2799,27 @@ var bn = /*#__PURE__*/ Object.freeze({
 		return "scaleX(" + t + ") scaleY(" + n + ")";
 	} },
 	Transform: { toString(e) {
-		if (e) return [bn.Translate.toString(e), bn.Scale.toString(e)].join(" ");
+		if (e) return [_n.Translate.toString(e), _n.Scale.toString(e)].join(" ");
 	} },
 	Transition: { toString(e) {
 		let { property: t, duration: n, easing: r } = e;
 		return t + " " + n + "ms " + r;
 	} }
-}), xn = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function Sn(e) {
-	return e.matches(xn) ? e : e.querySelector(xn);
+}), vn = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function yn(e) {
+	return e.matches(vn) ? e : e.querySelector(vn);
 }
 //#endregion
 //#region node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
-var Cn = { display: "none" };
-function wn(e) {
+var bn = { display: "none" };
+function xn(e) {
 	let { id: n, value: r } = e;
 	return t.createElement("div", {
 		id: n,
-		style: Cn
+		style: bn
 	}, r);
 }
-function Tn(e) {
+function Sn(e) {
 	let { id: n, announcement: r, ariaLiveType: i = "assertive" } = e;
 	return t.createElement("div", {
 		id: n,
@@ -2945,7 +2842,7 @@ function Tn(e) {
 		"aria-atomic": !0
 	}, r);
 }
-function En() {
+function Cn() {
 	let [e, t] = f("");
 	return {
 		announce: a((e) => {
@@ -2956,22 +2853,22 @@ function En() {
 }
 //#endregion
 //#region node_modules/@dnd-kit/core/dist/core.esm.js
-var Dn = /*#__PURE__*/ n(null);
-function On(e) {
-	let t = o(Dn);
+var wn = /*#__PURE__*/ n(null);
+function Tn(e) {
+	let t = o(wn);
 	s(() => {
 		if (!t) throw Error("useDndMonitor must be used within a children of <DndContext>");
 		return t(e);
 	}, [e, t]);
 }
-function kn() {
+function En() {
 	let [e] = f(() => /* @__PURE__ */ new Set()), t = a((t) => (e.add(t), () => e.delete(t)), [e]);
 	return [a((t) => {
 		let { type: n, event: r } = t;
 		e.forEach((e) => e[n]?.call(e, r));
 	}, [e]), t];
 }
-var An = { draggable: "\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  " }, jn = {
+var Dn = { draggable: "\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  " }, On = {
 	onDragStart(e) {
 		let { active: t } = e;
 		return "Picked up draggable item " + t.id + ".";
@@ -2989,11 +2886,11 @@ var An = { draggable: "\n    To pick up a draggable item, press the space bar.\n
 		return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
 	}
 };
-function Mn(e) {
-	let { announcements: n = jn, container: r, hiddenTextDescribedById: i, screenReaderInstructions: a = An } = e, { announce: o, announcement: c } = En(), u = fn("DndLiveRegion"), [d, p] = f(!1);
+function kn(e) {
+	let { announcements: n = On, container: r, hiddenTextDescribedById: i, screenReaderInstructions: a = Dn } = e, { announce: o, announcement: c } = Cn(), u = ln("DndLiveRegion"), [d, p] = f(!1);
 	if (s(() => {
 		p(!0);
-	}, []), On(l(() => ({
+	}, []), Tn(l(() => ({
 		onDragStart(e) {
 			let { active: t } = e;
 			o(n.onDragStart({ active: t }));
@@ -3027,10 +2924,10 @@ function Mn(e) {
 			}));
 		}
 	}), [o, n])), !d) return null;
-	let m = t.createElement(t.Fragment, null, t.createElement(wn, {
+	let m = t.createElement(t.Fragment, null, t.createElement(xn, {
 		id: i,
 		value: a.draggable
-	}), t.createElement(Tn, {
+	}), t.createElement(Sn, {
 		id: u,
 		announcement: c
 	}));
@@ -3040,33 +2937,33 @@ var J;
 (function(e) {
 	e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
 })(J ||= {});
-function Nn() {}
-function Pn(e, t) {
+function An() {}
+function jn(e, t) {
 	return l(() => ({
 		sensor: e,
 		options: t ?? {}
 	}), [e, t]);
 }
-function Fn() {
+function Mn() {
 	var e = [...arguments];
 	return l(() => [...e].filter((e) => e != null), [...e]);
 }
-var In = /*#__PURE__*/ Object.freeze({
+var Nn = /*#__PURE__*/ Object.freeze({
 	x: 0,
 	y: 0
 });
-function Ln(e, t) {
+function Pn(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
-function Rn(e, t) {
+function Fn(e, t) {
 	let { data: { value: n } } = e, { data: { value: r } } = t;
 	return n - r;
 }
-function zn(e, t) {
+function In(e, t) {
 	let { data: { value: n } } = e, { data: { value: r } } = t;
 	return r - n;
 }
-function Bn(e) {
+function Ln(e) {
 	let { left: t, top: n, height: r, width: i } = e;
 	return [
 		{
@@ -3087,23 +2984,23 @@ function Bn(e) {
 		}
 	];
 }
-function Vn(e, t) {
+function Rn(e, t) {
 	if (!e || e.length === 0) return null;
 	let [n] = e;
 	return t ? n[t] : n;
 }
-function Hn(e, t, n) {
+function zn(e, t, n) {
 	return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
 		x: t + e.width * .5,
 		y: n + e.height * .5
 	};
 }
-var Un = (e) => {
-	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = Hn(t, t.left, t.top), a = [];
+var Bn = (e) => {
+	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = zn(t, t.left, t.top), a = [];
 	for (let e of r) {
 		let { id: t } = e, r = n.get(t);
 		if (r) {
-			let n = Ln(Hn(r), i);
+			let n = Pn(zn(r), i);
 			a.push({
 				id: t,
 				data: {
@@ -3113,13 +3010,13 @@ var Un = (e) => {
 			});
 		}
 	}
-	return a.sort(Rn);
-}, Wn = (e) => {
-	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = Bn(t), a = [];
+	return a.sort(Fn);
+}, Vn = (e) => {
+	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = Ln(t), a = [];
 	for (let e of r) {
 		let { id: t } = e, r = n.get(t);
 		if (r) {
-			let n = Bn(r), o = i.reduce((e, t, r) => e + Ln(n[r], t), 0), s = Number((o / 4).toFixed(4));
+			let n = Ln(r), o = i.reduce((e, t, r) => e + Pn(n[r], t), 0), s = Number((o / 4).toFixed(4));
 			a.push({
 				id: t,
 				data: {
@@ -3129,9 +3026,9 @@ var Un = (e) => {
 			});
 		}
 	}
-	return a.sort(Rn);
+	return a.sort(Fn);
 };
-function Gn(e, t) {
+function Hn(e, t) {
 	let n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), i = Math.min(t.left + t.width, e.left + e.width), a = Math.min(t.top + t.height, e.top + e.height), o = i - r, s = a - n;
 	if (r < i && n < a) {
 		let n = t.width * t.height, r = e.width * e.height, i = o * s, a = i / (n + r - i);
@@ -3139,12 +3036,12 @@ function Gn(e, t) {
 	}
 	return 0;
 }
-var Kn = (e) => {
+var Un = (e) => {
 	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = [];
 	for (let e of r) {
 		let { id: r } = e, a = n.get(r);
 		if (a) {
-			let n = Gn(a, t);
+			let n = Hn(a, t);
 			n > 0 && i.push({
 				id: r,
 				data: {
@@ -3154,22 +3051,22 @@ var Kn = (e) => {
 			});
 		}
 	}
-	return i.sort(zn);
+	return i.sort(In);
 };
-function qn(e, t, n) {
+function Wn(e, t, n) {
 	return {
 		...e,
 		scaleX: t && n ? t.width / n.width : 1,
 		scaleY: t && n ? t.height / n.height : 1
 	};
 }
-function Jn(e, t) {
+function Gn(e, t) {
 	return e && t ? {
 		x: e.left - t.left,
 		y: e.top - t.top
-	} : In;
+	} : Nn;
 }
-function Yn(e) {
+function Kn(e) {
 	return function(t) {
 		return [...arguments].slice(1).reduce((t, n) => ({
 			...t,
@@ -3180,8 +3077,8 @@ function Yn(e) {
 		}), { ...t });
 	};
 }
-var Xn = /*#__PURE__*/ Yn(1);
-function Zn(e) {
+var qn = /*#__PURE__*/ Kn(1);
+function Jn(e) {
 	if (e.startsWith("matrix3d(")) {
 		let t = e.slice(9, -1).split(/, /);
 		return {
@@ -3201,8 +3098,8 @@ function Zn(e) {
 	}
 	return null;
 }
-function Qn(e, t, n) {
-	let r = Zn(t);
+function Yn(e, t, n) {
+	let r = Jn(t);
 	if (!r) return e;
 	let { scaleX: i, scaleY: a, x: o, y: s } = r, c = e.left - o - (1 - i) * parseFloat(n), l = e.top - s - (1 - a) * parseFloat(n.slice(n.indexOf(" ") + 1)), u = i ? e.width / i : e.width, d = a ? e.height / a : e.height;
 	return {
@@ -3214,13 +3111,13 @@ function Qn(e, t, n) {
 		left: c
 	};
 }
-var $n = { ignoreTransform: !1 };
-function er(e, t) {
-	t === void 0 && (t = $n);
+var Xn = { ignoreTransform: !1 };
+function Zn(e, t) {
+	t === void 0 && (t = Xn);
 	let n = e.getBoundingClientRect();
 	if (t.ignoreTransform) {
-		let { transform: t, transformOrigin: r } = Qt(e).getComputedStyle(e);
-		t && (n = Qn(n, t, r));
+		let { transform: t, transformOrigin: r } = Yt(e).getComputedStyle(e);
+		t && (n = Yn(n, t, r));
 	}
 	let { top: r, left: i, width: a, height: o, bottom: s, right: c } = n;
 	return {
@@ -3232,10 +3129,10 @@ function er(e, t) {
 		right: c
 	};
 }
-function tr(e) {
-	return er(e, { ignoreTransform: !0 });
+function Qn(e) {
+	return Zn(e, { ignoreTransform: !0 });
 }
-function nr(e) {
+function $n(e) {
 	let t = e.innerWidth, n = e.innerHeight;
 	return {
 		top: 0,
@@ -3246,11 +3143,11 @@ function nr(e) {
 		height: n
 	};
 }
-function rr(e, t) {
-	return t === void 0 && (t = Qt(e).getComputedStyle(e)), t.position === "fixed";
+function er(e, t) {
+	return t === void 0 && (t = Yt(e).getComputedStyle(e)), t.position === "fixed";
 }
-function ir(e, t) {
-	t === void 0 && (t = Qt(e).getComputedStyle(e));
+function tr(e, t) {
+	t === void 0 && (t = Yt(e).getComputedStyle(e));
 	let n = /(auto|scroll|overlay)/;
 	return [
 		"overflow",
@@ -3261,48 +3158,48 @@ function ir(e, t) {
 		return typeof r == "string" ? n.test(r) : !1;
 	});
 }
-function ar(e, t) {
+function nr(e, t) {
 	let n = [];
 	function r(i) {
 		if (t != null && n.length >= t || !i) return n;
-		if ($t(i) && i.scrollingElement != null && !n.includes(i.scrollingElement)) return n.push(i.scrollingElement), n;
-		if (!en(i) || tn(i) || n.includes(i)) return n;
-		let a = Qt(e).getComputedStyle(i);
-		return i !== e && ir(i, a) && n.push(i), rr(i, a) ? n : r(i.parentNode);
+		if (Xt(i) && i.scrollingElement != null && !n.includes(i.scrollingElement)) return n.push(i.scrollingElement), n;
+		if (!Zt(i) || Qt(i) || n.includes(i)) return n;
+		let a = Yt(e).getComputedStyle(i);
+		return i !== e && tr(i, a) && n.push(i), er(i, a) ? n : r(i.parentNode);
 	}
 	return e ? r(e) : n;
 }
-function or(e) {
-	let [t] = ar(e, 1);
+function rr(e) {
+	let [t] = nr(e, 1);
 	return t ?? null;
 }
-function sr(e) {
-	return !Yt || !e ? null : Xt(e) ? e : Zt(e) ? $t(e) || e === nn(e).scrollingElement ? window : en(e) ? e : null : null;
+function ir(e) {
+	return !Kt || !e ? null : qt(e) ? e : Jt(e) ? Xt(e) || e === $t(e).scrollingElement ? window : Zt(e) ? e : null : null;
 }
-function cr(e) {
-	return Xt(e) ? e.scrollX : e.scrollLeft;
+function ar(e) {
+	return qt(e) ? e.scrollX : e.scrollLeft;
 }
-function lr(e) {
-	return Xt(e) ? e.scrollY : e.scrollTop;
+function or(e) {
+	return qt(e) ? e.scrollY : e.scrollTop;
 }
-function ur(e) {
+function sr(e) {
 	return {
-		x: cr(e),
-		y: lr(e)
+		x: ar(e),
+		y: or(e)
 	};
 }
 var Y;
 (function(e) {
 	e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
 })(Y ||= {});
-function dr(e) {
-	return !Yt || !e ? !1 : e === document.scrollingElement;
+function cr(e) {
+	return !Kt || !e ? !1 : e === document.scrollingElement;
 }
-function fr(e) {
+function lr(e) {
 	let t = {
 		x: 0,
 		y: 0
-	}, n = dr(e) ? {
+	}, n = cr(e) ? {
 		height: window.innerHeight,
 		width: window.innerWidth
 	} : {
@@ -3321,14 +3218,14 @@ function fr(e) {
 		minScroll: t
 	};
 }
-var pr = {
+var ur = {
 	x: .2,
 	y: .2
 };
-function mr(e, t, n, r, i) {
+function dr(e, t, n, r, i) {
 	let { top: a, left: o, right: s, bottom: c } = n;
-	r === void 0 && (r = 10), i === void 0 && (i = pr);
-	let { isTop: l, isBottom: u, isLeft: d, isRight: f } = fr(e), p = {
+	r === void 0 && (r = 10), i === void 0 && (i = ur);
+	let { isTop: l, isBottom: u, isLeft: d, isRight: f } = lr(e), p = {
 		x: 0,
 		y: 0
 	}, m = {
@@ -3343,7 +3240,7 @@ function mr(e, t, n, r, i) {
 		speed: m
 	};
 }
-function hr(e) {
+function fr(e) {
 	if (e === document.scrollingElement) {
 		let { innerWidth: e, innerHeight: t } = window;
 		return {
@@ -3365,37 +3262,37 @@ function hr(e) {
 		height: e.clientHeight
 	};
 }
-function gr(e) {
-	return e.reduce((e, t) => mn(e, ur(t)), In);
+function pr(e) {
+	return e.reduce((e, t) => dn(e, sr(t)), Nn);
 }
-function _r(e) {
-	return e.reduce((e, t) => e + cr(t), 0);
+function mr(e) {
+	return e.reduce((e, t) => e + ar(t), 0);
 }
-function vr(e) {
-	return e.reduce((e, t) => e + lr(t), 0);
+function hr(e) {
+	return e.reduce((e, t) => e + or(t), 0);
 }
-function yr(e, t) {
-	if (t === void 0 && (t = er), !e) return;
+function gr(e, t) {
+	if (t === void 0 && (t = Zn), !e) return;
 	let { top: n, left: r, bottom: i, right: a } = t(e);
-	or(e) && (i <= 0 || a <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+	rr(e) && (i <= 0 || a <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
 		block: "center",
 		inline: "center"
 	});
 }
-var br = [[
+var _r = [[
 	"x",
 	["left", "right"],
-	_r
+	mr
 ], [
 	"y",
 	["top", "bottom"],
-	vr
-]], xr = class {
+	hr
+]], vr = class {
 	constructor(e, t) {
 		this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
-		let n = ar(t), r = gr(n);
+		let n = nr(t), r = pr(n);
 		this.rect = { ...e }, this.width = e.width, this.height = e.height;
-		for (let [e, t, i] of br) for (let a of t) Object.defineProperty(this, a, {
+		for (let [e, t, i] of _r) for (let a of t) Object.defineProperty(this, a, {
 			get: () => {
 				let t = i(n), o = r[e] - t;
 				return this.rect[a] + o;
@@ -3404,7 +3301,7 @@ var br = [[
 		});
 		Object.defineProperty(this, "rect", { enumerable: !1 });
 	}
-}, Sr = class {
+}, yr = class {
 	constructor(e) {
 		this.target = void 0, this.listeners = [], this.removeAll = () => {
 			this.listeners.forEach((e) => this.target?.removeEventListener(...e));
@@ -3419,29 +3316,29 @@ var br = [[
 		]);
 	}
 };
-function Cr(e) {
-	let { EventTarget: t } = Qt(e);
-	return e instanceof t ? e : nn(e);
+function br(e) {
+	let { EventTarget: t } = Yt(e);
+	return e instanceof t ? e : $t(e);
 }
-function wr(e, t) {
+function xr(e, t) {
 	let n = Math.abs(e.x), r = Math.abs(e.y);
 	return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
 }
-var Tr;
+var Sr;
 (function(e) {
 	e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
-})(Tr ||= {});
-function Er(e) {
+})(Sr ||= {});
+function Cr(e) {
 	e.preventDefault();
 }
-function Dr(e) {
+function wr(e) {
 	e.stopPropagation();
 }
 var X;
 (function(e) {
 	e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
 })(X ||= {});
-var Or = {
+var Tr = {
 	start: [X.Space, X.Enter],
 	cancel: [X.Esc],
 	end: [
@@ -3449,7 +3346,7 @@ var Or = {
 		X.Enter,
 		X.Tab
 	]
-}, kr = (e, t) => {
+}, Er = (e, t) => {
 	let { currentCoordinates: n } = t;
 	switch (e.code) {
 		case X.Right: return {
@@ -3469,22 +3366,22 @@ var Or = {
 			y: n.y - 25
 		};
 	}
-}, Ar = class {
+}, Dr = class {
 	constructor(e) {
 		this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = e;
 		let { event: { target: t } } = e;
-		this.props = e, this.listeners = new Sr(nn(t)), this.windowListeners = new Sr(Qt(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+		this.props = e, this.listeners = new yr($t(t)), this.windowListeners = new yr(Yt(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
 	}
 	attach() {
-		this.handleStart(), this.windowListeners.add(Tr.Resize, this.handleCancel), this.windowListeners.add(Tr.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Tr.Keydown, this.handleKeyDown));
+		this.handleStart(), this.windowListeners.add(Sr.Resize, this.handleCancel), this.windowListeners.add(Sr.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Sr.Keydown, this.handleKeyDown));
 	}
 	handleStart() {
 		let { activeNode: e, onStart: t } = this.props, n = e.node.current;
-		n && yr(n), t(In);
+		n && gr(n), t(Nn);
 	}
 	handleKeyDown(e) {
-		if (_n(e)) {
-			let { active: t, context: n, options: r } = this.props, { keyboardCodes: i = Or, coordinateGetter: a = kr, scrollBehavior: o = "smooth" } = r, { code: s } = e;
+		if (mn(e)) {
+			let { active: t, context: n, options: r } = this.props, { keyboardCodes: i = Tr, coordinateGetter: a = Er, scrollBehavior: o = "smooth" } = r, { code: s } = e;
 			if (i.end.includes(s)) {
 				this.handleEnd(e);
 				return;
@@ -3496,7 +3393,7 @@ var Or = {
 			let { collisionRect: c } = n.current, l = c ? {
 				x: c.left,
 				y: c.top
-			} : In;
+			} : Nn;
 			this.referenceCoordinates ||= l;
 			let u = a(e, {
 				active: t,
@@ -3504,12 +3401,12 @@ var Or = {
 				currentCoordinates: l
 			});
 			if (u) {
-				let t = hn(u, l), r = {
+				let t = fn(u, l), r = {
 					x: 0,
 					y: 0
 				}, { scrollableAncestors: i } = n.current;
 				for (let n of i) {
-					let i = e.code, { isTop: a, isRight: s, isLeft: c, isBottom: l, maxScroll: d, minScroll: f } = fr(n), p = hr(n), m = {
+					let i = e.code, { isTop: a, isRight: s, isLeft: c, isBottom: l, maxScroll: d, minScroll: f } = lr(n), p = fr(n), m = {
 						x: Math.min(i === X.Right ? p.right - p.width / 2 : p.right, Math.max(i === X.Right ? p.left : p.left + p.width / 2, u.x)),
 						y: Math.min(i === X.Down ? p.bottom - p.height / 2 : p.bottom, Math.max(i === X.Down ? p.top : p.top + p.height / 2, u.y))
 					}, h = i === X.Right && !s || i === X.Left && !c, g = i === X.Down && !l || i === X.Up && !a;
@@ -3543,7 +3440,7 @@ var Or = {
 						break;
 					}
 				}
-				this.handleMove(e, mn(hn(u, this.referenceCoordinates), r));
+				this.handleMove(e, dn(fn(u, this.referenceCoordinates), r));
 			}
 		}
 	}
@@ -3563,10 +3460,10 @@ var Or = {
 		this.listeners.removeAll(), this.windowListeners.removeAll();
 	}
 };
-Ar.activators = [{
+Dr.activators = [{
 	eventName: "onKeyDown",
 	handler: (e, t, n) => {
-		let { keyboardCodes: r = Or, onActivation: i } = t, { active: a } = n, { code: o } = e.nativeEvent;
+		let { keyboardCodes: r = Tr, onActivation: i } = t, { active: a } = n, { code: o } = e.nativeEvent;
 		if (r.start.includes(o)) {
 			let t = a.activatorNode.current;
 			return t && e.target !== t ? !1 : (e.preventDefault(), i?.({ event: e.nativeEvent }), !0);
@@ -3574,31 +3471,31 @@ Ar.activators = [{
 		return !1;
 	}
 }];
-function jr(e) {
+function Or(e) {
 	return !!(e && "distance" in e);
 }
-function Mr(e) {
+function kr(e) {
 	return !!(e && "delay" in e);
 }
-var Nr = class {
+var Ar = class {
 	constructor(e, t, n) {
-		n === void 0 && (n = Cr(e.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = e, this.events = t;
+		n === void 0 && (n = br(e.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = e, this.events = t;
 		let { event: r } = e, { target: i } = r;
-		this.props = e, this.events = t, this.document = nn(i), this.documentListeners = new Sr(this.document), this.listeners = new Sr(n), this.windowListeners = new Sr(Qt(i)), this.initialCoordinates = yn(r) ?? In, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+		this.props = e, this.events = t, this.document = $t(i), this.documentListeners = new yr(this.document), this.listeners = new yr(n), this.windowListeners = new yr(Yt(i)), this.initialCoordinates = gn(r) ?? Nn, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
 	}
 	attach() {
 		let { events: e, props: { options: { activationConstraint: t, bypassActivationConstraint: n } } } = this;
-		if (this.listeners.add(e.move.name, this.handleMove, { passive: !1 }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(Tr.Resize, this.handleCancel), this.windowListeners.add(Tr.DragStart, Er), this.windowListeners.add(Tr.VisibilityChange, this.handleCancel), this.windowListeners.add(Tr.ContextMenu, Er), this.documentListeners.add(Tr.Keydown, this.handleKeydown), t) {
+		if (this.listeners.add(e.move.name, this.handleMove, { passive: !1 }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(Sr.Resize, this.handleCancel), this.windowListeners.add(Sr.DragStart, Cr), this.windowListeners.add(Sr.VisibilityChange, this.handleCancel), this.windowListeners.add(Sr.ContextMenu, Cr), this.documentListeners.add(Sr.Keydown, this.handleKeydown), t) {
 			if (n != null && n({
 				event: this.props.event,
 				activeNode: this.props.activeNode,
 				options: this.props.options
 			})) return this.handleStart();
-			if (Mr(t)) {
+			if (kr(t)) {
 				this.timeoutId = setTimeout(this.handleStart, t.delay), this.handlePending(t);
 				return;
 			}
-			if (jr(t)) {
+			if (Or(t)) {
 				this.handlePending(t);
 				return;
 			}
@@ -3614,18 +3511,18 @@ var Nr = class {
 	}
 	handleStart() {
 		let { initialCoordinates: e } = this, { onStart: t } = this.props;
-		e && (this.activated = !0, this.documentListeners.add(Tr.Click, Dr, { capture: !0 }), this.removeTextSelection(), this.documentListeners.add(Tr.SelectionChange, this.removeTextSelection), t(e));
+		e && (this.activated = !0, this.documentListeners.add(Sr.Click, wr, { capture: !0 }), this.removeTextSelection(), this.documentListeners.add(Sr.SelectionChange, this.removeTextSelection), t(e));
 	}
 	handleMove(e) {
 		let { activated: t, initialCoordinates: n, props: r } = this, { onMove: i, options: { activationConstraint: a } } = r;
 		if (!n) return;
-		let o = yn(e) ?? In, s = hn(n, o);
+		let o = gn(e) ?? Nn, s = fn(n, o);
 		if (!t && a) {
-			if (jr(a)) {
-				if (a.tolerance != null && wr(s, a.tolerance)) return this.handleCancel();
-				if (wr(s, a.distance)) return this.handleStart();
+			if (Or(a)) {
+				if (a.tolerance != null && xr(s, a.tolerance)) return this.handleCancel();
+				if (xr(s, a.distance)) return this.handleStart();
 			}
-			if (Mr(a) && wr(s, a.tolerance)) return this.handleCancel();
+			if (kr(a) && xr(s, a.tolerance)) return this.handleCancel();
 			this.handlePending(a, s);
 			return;
 		}
@@ -3646,80 +3543,80 @@ var Nr = class {
 		var e;
 		(e = this.document.getSelection()) == null || e.removeAllRanges();
 	}
-}, Pr = {
+}, jr = {
 	cancel: { name: "pointercancel" },
 	move: { name: "pointermove" },
 	end: { name: "pointerup" }
-}, Fr = class extends Nr {
+}, Mr = class extends Ar {
 	constructor(e) {
-		let { event: t } = e, n = nn(t.target);
-		super(e, Pr, n);
+		let { event: t } = e, n = $t(t.target);
+		super(e, jr, n);
 	}
 };
-Fr.activators = [{
+Mr.activators = [{
 	eventName: "onPointerDown",
 	handler: (e, t) => {
 		let { nativeEvent: n } = e, { onActivation: r } = t;
 		return !n.isPrimary || n.button !== 0 ? !1 : (r?.({ event: n }), !0);
 	}
 }];
-var Ir = {
+var Nr = {
 	move: { name: "mousemove" },
 	end: { name: "mouseup" }
-}, Lr;
+}, Pr;
 (function(e) {
 	e[e.RightClick = 2] = "RightClick";
-})(Lr ||= {});
-var Rr = class extends Nr {
+})(Pr ||= {});
+var Fr = class extends Ar {
 	constructor(e) {
-		super(e, Ir, nn(e.event.target));
+		super(e, Nr, $t(e.event.target));
 	}
 };
-Rr.activators = [{
+Fr.activators = [{
 	eventName: "onMouseDown",
 	handler: (e, t) => {
 		let { nativeEvent: n } = e, { onActivation: r } = t;
-		return n.button === Lr.RightClick ? !1 : (r?.({ event: n }), !0);
+		return n.button === Pr.RightClick ? !1 : (r?.({ event: n }), !0);
 	}
 }];
-var zr = {
+var Ir = {
 	cancel: { name: "touchcancel" },
 	move: { name: "touchmove" },
 	end: { name: "touchend" }
-}, Br = class extends Nr {
+}, Lr = class extends Ar {
 	constructor(e) {
-		super(e, zr);
+		super(e, Ir);
 	}
 	static setup() {
-		return window.addEventListener(zr.move.name, e, {
+		return window.addEventListener(Ir.move.name, e, {
 			capture: !1,
 			passive: !1
 		}), function() {
-			window.removeEventListener(zr.move.name, e);
+			window.removeEventListener(Ir.move.name, e);
 		};
 		function e() {}
 	}
 };
-Br.activators = [{
+Lr.activators = [{
 	eventName: "onTouchStart",
 	handler: (e, t) => {
 		let { nativeEvent: n } = e, { onActivation: r } = t, { touches: i } = n;
 		return i.length > 1 ? !1 : (r?.({ event: n }), !0);
 	}
 }];
-var Vr;
+var Rr;
 (function(e) {
 	e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
-})(Vr ||= {});
-var Hr;
+})(Rr ||= {});
+var zr;
 (function(e) {
 	e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-})(Hr ||= {});
-function Ur(e) {
-	let { acceleration: t, activator: n = Vr.Pointer, canScroll: r, draggingRect: i, enabled: o, interval: c = 5, order: u = Hr.TreeOrder, pointerCoordinates: f, scrollableAncestors: p, scrollableAncestorRects: m, delta: h, threshold: g } = e, _ = Gr({
+})(zr ||= {});
+function Br(e) {
+	let { acceleration: t, activator: n = Rr.Pointer, canScroll: r, draggingRect: i, enabled: o, interval: c = 5, order: u = zr.TreeOrder, pointerCoordinates: f, scrollableAncestors: p, scrollableAncestorRects: m, delta: h, threshold: g } = e, _ = Hr({
 		delta: h,
 		disabled: !o
-	}), [v, y] = on(), b = d({
+	}), [v, y] = nn(), b = d({
 		x: 0,
 		y: 0
 	}), x = d({
@@ -3727,13 +3624,13 @@ function Ur(e) {
 		y: 0
 	}), S = l(() => {
 		switch (n) {
-			case Vr.Pointer: return f ? {
+			case Rr.Pointer: return f ? {
 				top: f.y,
 				bottom: f.y,
 				left: f.x,
 				right: f.x
 			} : null;
-			case Vr.DraggableRect: return i;
+			case Rr.DraggableRect: return i;
 		}
 	}, [
 		n,
@@ -3744,7 +3641,7 @@ function Ur(e) {
 		if (!e) return;
 		let t = b.current.x * x.current.x, n = b.current.y * x.current.y;
 		e.scrollBy(t, n);
-	}, []), T = l(() => u === Hr.TreeOrder ? [...p].reverse() : p, [u, p]);
+	}, []), T = l(() => u === zr.TreeOrder ? [...p].reverse() : p, [u, p]);
 	s(() => {
 		if (!o || !p.length || !S) {
 			y();
@@ -3754,7 +3651,7 @@ function Ur(e) {
 			if (r?.(e) === !1) continue;
 			let n = p.indexOf(e), i = m[n];
 			if (!i) continue;
-			let { direction: a, speed: o } = mr(e, i, S, t, g);
+			let { direction: a, speed: o } = dr(e, i, S, t, g);
 			for (let e of ["x", "y"]) _[e][a[e]] || (o[e] = 0, a[e] = 0);
 			if (o.x > 0 || o.y > 0) {
 				y(), C.current = e, v(w, c), b.current = o, x.current = a;
@@ -3784,7 +3681,7 @@ function Ur(e) {
 		JSON.stringify(g)
 	]);
 }
-var Wr = {
+var Vr = {
 	x: {
 		[Y.Backward]: !1,
 		[Y.Forward]: !1
@@ -3794,10 +3691,10 @@ var Wr = {
 		[Y.Forward]: !1
 	}
 };
-function Gr(e) {
-	let { delta: t, disabled: n } = e, r = un(t);
-	return cn((e) => {
-		if (n || !r || !e) return Wr;
+function Hr(e) {
+	let { delta: t, disabled: n } = e, r = sn(t);
+	return an((e) => {
+		if (n || !r || !e) return Vr;
 		let i = {
 			x: Math.sign(t.x - r.x),
 			y: Math.sign(t.y - r.y)
@@ -3818,11 +3715,11 @@ function Gr(e) {
 		r
 	]);
 }
-function Kr(e, t) {
+function Ur(e, t) {
 	let n = t == null ? void 0 : e.get(t), r = n ? n.node.current : null;
-	return cn((e) => t == null ? null : r ?? e ?? null, [r, t]);
+	return an((e) => t == null ? null : r ?? e ?? null, [r, t]);
 }
-function qr(e, t) {
+function Wr(e, t) {
 	return l(() => e.reduce((e, n) => {
 		let { sensor: r } = n, i = r.activators.map((e) => ({
 			eventName: e.eventName,
@@ -3831,21 +3728,21 @@ function qr(e, t) {
 		return [...e, ...i];
 	}, []), [e, t]);
 }
-var Jr;
+var Gr;
 (function(e) {
 	e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Jr ||= {});
-var Yr;
+})(Gr ||= {});
+var Kr;
 (function(e) {
 	e.Optimized = "optimized";
-})(Yr ||= {});
-var Xr = /*#__PURE__*/ new Map();
-function Zr(e, t) {
-	let { dragging: n, dependencies: r, config: i } = t, [o, c] = f(null), { frequency: l, measure: u, strategy: p } = i, m = d(e), h = b(), g = sn(h), _ = a(function(e) {
+})(Kr ||= {});
+var qr = /*#__PURE__*/ new Map();
+function Jr(e, t) {
+	let { dragging: n, dependencies: r, config: i } = t, [o, c] = f(null), { frequency: l, measure: u, strategy: p } = i, m = d(e), h = b(), g = rn(h), _ = a(function(e) {
 		e === void 0 && (e = []), !g.current && c((t) => t === null ? e : t.concat(e.filter((e) => !t.includes(e))));
-	}, [g]), v = d(null), y = cn((t) => {
-		if (h && !n) return Xr;
-		if (!t || t === Xr || m.current !== e || o != null) {
+	}, [g]), v = d(null), y = an((t) => {
+		if (h && !n) return qr;
+		if (!t || t === qr || m.current !== e || o != null) {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) {
 				if (!n) continue;
@@ -3853,7 +3750,7 @@ function Zr(e, t) {
 					t.set(n.id, n.rect.current);
 					continue;
 				}
-				let e = n.node.current, r = e ? new xr(u(e), e) : null;
+				let e = n.node.current, r = e ? new vr(u(e), e) : null;
 				n.rect.current = r, r && t.set(n.id, r);
 			}
 			return t;
@@ -3888,39 +3785,39 @@ function Zr(e, t) {
 	};
 	function b() {
 		switch (p) {
-			case Jr.Always: return !1;
-			case Jr.BeforeDragging: return n;
+			case Gr.Always: return !1;
+			case Gr.BeforeDragging: return n;
 			default: return !n;
 		}
 	}
 }
-function Qr(e, t) {
-	return cn((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+function Yr(e, t) {
+	return an((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function $r(e, t) {
-	return Qr(e, t);
+function Xr(e, t) {
+	return Yr(e, t);
 }
-function ei(e) {
-	let { callback: t, disabled: n } = e, r = an(t), i = l(() => {
+function Zr(e) {
+	let { callback: t, disabled: n } = e, r = tn(t), i = l(() => {
 		if (n || typeof window > "u" || window.MutationObserver === void 0) return;
 		let { MutationObserver: e } = window;
 		return new e(r);
 	}, [r, n]);
 	return s(() => () => i?.disconnect(), [i]), i;
 }
-function ti(e) {
-	let { callback: t, disabled: n } = e, r = an(t), i = l(() => {
+function Qr(e) {
+	let { callback: t, disabled: n } = e, r = tn(t), i = l(() => {
 		if (n || typeof window > "u" || window.ResizeObserver === void 0) return;
 		let { ResizeObserver: e } = window;
 		return new e(r);
 	}, [n]);
 	return s(() => () => i?.disconnect(), [i]), i;
 }
-function ni(e) {
-	return new xr(er(e), e);
+function $r(e) {
+	return new vr(Zn(e), e);
 }
-function ri(e, t, n) {
-	t === void 0 && (t = ni);
+function ei(e, t, n) {
+	t === void 0 && (t = $r);
 	let [r, i] = f(null);
 	function a() {
 		i((r) => {
@@ -3930,7 +3827,7 @@ function ri(e, t, n) {
 			return JSON.stringify(r) === JSON.stringify(i) ? r : i;
 		});
 	}
-	let o = ei({ callback(t) {
+	let o = Zr({ callback(t) {
 		if (e) for (let n of t) {
 			let { type: t, target: r } = n;
 			if (t === "childList" && r instanceof HTMLElement && r.contains(e)) {
@@ -3938,36 +3835,36 @@ function ri(e, t, n) {
 				break;
 			}
 		}
-	} }), s = ti({ callback: a });
-	return rn(() => {
+	} }), s = Qr({ callback: a });
+	return en(() => {
 		a(), e ? (s?.observe(e), o?.observe(document.body, {
 			childList: !0,
 			subtree: !0
 		})) : (s?.disconnect(), o?.disconnect());
 	}, [e]), r;
 }
-function ii(e) {
-	return Jn(e, Qr(e));
+function ti(e) {
+	return Gn(e, Yr(e));
 }
-var ai = [];
-function oi(e) {
-	let t = d(e), n = cn((n) => e ? n && n !== ai && e && t.current && e.parentNode === t.current.parentNode ? n : ar(e) : ai, [e]);
+var ni = [];
+function ri(e) {
+	let t = d(e), n = an((n) => e ? n && n !== ni && e && t.current && e.parentNode === t.current.parentNode ? n : nr(e) : ni, [e]);
 	return s(() => {
 		t.current = e;
 	}, [e]), n;
 }
-function si(e) {
+function ii(e) {
 	let [t, n] = f(null), r = d(e), i = a((e) => {
-		let t = sr(e.target);
-		t && n((e) => e ? (e.set(t, ur(t)), new Map(e)) : null);
+		let t = ir(e.target);
+		t && n((e) => e ? (e.set(t, sr(t)), new Map(e)) : null);
 	}, []);
 	return s(() => {
 		let t = r.current;
 		if (e !== t) {
 			a(t);
 			let o = e.map((e) => {
-				let t = sr(e);
-				return t ? (t.addEventListener("scroll", i, { passive: !0 }), [t, ur(t)]) : null;
+				let t = ir(e);
+				return t ? (t.addEventListener("scroll", i, { passive: !0 }), [t, sr(t)]) : null;
 			}).filter((e) => e != null);
 			n(o.length ? new Map(o) : null), r.current = e;
 		}
@@ -3976,24 +3873,24 @@ function si(e) {
 		};
 		function a(e) {
 			e.forEach((e) => {
-				sr(e)?.removeEventListener("scroll", i);
+				ir(e)?.removeEventListener("scroll", i);
 			});
 		}
-	}, [i, e]), l(() => e.length ? t ? Array.from(t.values()).reduce((e, t) => mn(e, t), In) : gr(e) : In, [e, t]);
+	}, [i, e]), l(() => e.length ? t ? Array.from(t.values()).reduce((e, t) => dn(e, t), Nn) : pr(e) : Nn, [e, t]);
 }
-function ci(e, t) {
+function ai(e, t) {
 	t === void 0 && (t = []);
 	let n = d(null);
 	return s(() => {
 		n.current = null;
 	}, t), s(() => {
-		let t = e !== In;
+		let t = e !== Nn;
 		t && !n.current && (n.current = e), !t && n.current && (n.current = null);
-	}, [e]), n.current ? hn(e, n.current) : In;
+	}, [e]), n.current ? fn(e, n.current) : Nn;
 }
-function li(e) {
+function oi(e) {
 	s(() => {
-		if (!Yt) return;
+		if (!Kt) return;
 		let t = e.map((e) => {
 			let { sensor: t } = e;
 			return t.setup == null ? void 0 : t.setup();
@@ -4006,7 +3903,7 @@ function li(e) {
 		return t;
 	}));
 }
-function ui(e, t) {
+function si(e, t) {
 	return l(() => e.reduce((e, n) => {
 		let { eventName: r, handler: i } = n;
 		return e[r] = (e) => {
@@ -4014,30 +3911,30 @@ function ui(e, t) {
 		}, e;
 	}, {}), [e, t]);
 }
-function di(e) {
-	return l(() => e ? nr(e) : null, [e]);
+function ci(e) {
+	return l(() => e ? $n(e) : null, [e]);
 }
-var fi = [];
-function pi(e, t) {
-	t === void 0 && (t = er);
-	let [n] = e, r = di(n ? Qt(n) : null), [i, a] = f(fi);
+var li = [];
+function ui(e, t) {
+	t === void 0 && (t = Zn);
+	let [n] = e, r = ci(n ? Yt(n) : null), [i, a] = f(li);
 	function o() {
-		a(() => e.length ? e.map((e) => dr(e) ? r : new xr(t(e), e)) : fi);
+		a(() => e.length ? e.map((e) => cr(e) ? r : new vr(t(e), e)) : li);
 	}
-	let s = ti({ callback: o });
-	return rn(() => {
+	let s = Qr({ callback: o });
+	return en(() => {
 		s?.disconnect(), o(), e.forEach((e) => s?.observe(e));
 	}, [e]), i;
 }
-function mi(e) {
+function di(e) {
 	if (!e) return null;
 	if (e.children.length > 1) return e;
 	let t = e.children[0];
-	return en(t) ? t : e;
+	return Zt(t) ? t : e;
 }
-function hi(e) {
-	let { measure: t } = e, [n, r] = f(null), i = ti({ callback: a((e) => {
-		for (let { target: n } of e) if (en(n)) {
+function fi(e) {
+	let { measure: t } = e, [n, r] = f(null), i = Qr({ callback: a((e) => {
+		for (let { target: n } of e) if (Zt(n)) {
 			r((e) => {
 				let r = t(n);
 				return e ? {
@@ -4048,8 +3945,8 @@ function hi(e) {
 			});
 			break;
 		}
-	}, [t]) }), [o, s] = ln(a((e) => {
-		let n = mi(e);
+	}, [t]) }), [o, s] = on(a((e) => {
+		let n = di(e);
 		i?.disconnect(), n && i?.observe(n), r(n ? t(n) : null);
 	}, [t, i]));
 	return l(() => ({
@@ -4062,21 +3959,21 @@ function hi(e) {
 		s
 	]);
 }
-var gi = [{
-	sensor: Fr,
+var pi = [{
+	sensor: Mr,
 	options: {}
 }, {
-	sensor: Ar,
+	sensor: Dr,
 	options: {}
-}], _i = { current: {} }, vi = {
-	draggable: { measure: tr },
+}], mi = { current: {} }, hi = {
+	draggable: { measure: Qn },
 	droppable: {
-		measure: tr,
-		strategy: Jr.WhileDragging,
-		frequency: Yr.Optimized
+		measure: Qn,
+		strategy: Gr.WhileDragging,
+		frequency: Kr.Optimized
 	},
-	dragOverlay: { measure: er }
-}, yi = class extends Map {
+	dragOverlay: { measure: Zn }
+}, gi = class extends Map {
 	get(e) {
 		return e == null ? void 0 : super.get(e) ?? void 0;
 	}
@@ -4092,7 +3989,7 @@ var gi = [{
 	getNodeFor(e) {
 		return this.get(e)?.node.current ?? void 0;
 	}
-}, bi = {
+}, _i = {
 	activatorEvent: null,
 	active: null,
 	activeNode: null,
@@ -4101,31 +3998,31 @@ var gi = [{
 	containerNodeRect: null,
 	draggableNodes: /*#__PURE__*/ new Map(),
 	droppableRects: /*#__PURE__*/ new Map(),
-	droppableContainers: /*#__PURE__*/ new yi(),
+	droppableContainers: /*#__PURE__*/ new gi(),
 	over: null,
 	dragOverlay: {
 		nodeRef: { current: null },
 		rect: null,
-		setRef: Nn
+		setRef: An
 	},
 	scrollableAncestors: [],
 	scrollableAncestorRects: [],
-	measuringConfiguration: vi,
-	measureDroppableContainers: Nn,
+	measuringConfiguration: hi,
+	measureDroppableContainers: An,
 	windowRect: null,
 	measuringScheduled: !1
-}, xi = /*#__PURE__*/ n({
+}, vi = /*#__PURE__*/ n({
 	activatorEvent: null,
 	activators: [],
 	active: null,
 	activeNodeRect: null,
 	ariaDescribedById: { draggable: "" },
-	dispatch: Nn,
+	dispatch: An,
 	draggableNodes: /*#__PURE__*/ new Map(),
 	over: null,
-	measureDroppableContainers: Nn
-}), Si = /*#__PURE__*/ n(bi);
-function Ci() {
+	measureDroppableContainers: An
+}), yi = /*#__PURE__*/ n(_i);
+function bi() {
 	return {
 		draggable: {
 			active: null,
@@ -4139,10 +4036,10 @@ function Ci() {
 				y: 0
 			}
 		},
-		droppable: { containers: new yi() }
+		droppable: { containers: new gi() }
 	};
 }
-function wi(e, t) {
+function xi(e, t) {
 	switch (t.type) {
 		case J.DragStart: return {
 			...e,
@@ -4179,7 +4076,7 @@ function wi(e, t) {
 			}
 		};
 		case J.RegisterDroppable: {
-			let { element: n } = t, { id: r } = n, i = new yi(e.droppable.containers);
+			let { element: n } = t, { id: r } = n, i = new gi(e.droppable.containers);
 			return i.set(r, n), {
 				...e,
 				droppable: {
@@ -4191,7 +4088,7 @@ function wi(e, t) {
 		case J.SetDroppableDisabled: {
 			let { id: n, key: r, disabled: i } = t, a = e.droppable.containers.get(n);
 			if (!a || r !== a.key) return e;
-			let o = new yi(e.droppable.containers);
+			let o = new gi(e.droppable.containers);
 			return o.set(n, {
 				...a,
 				disabled: i
@@ -4206,7 +4103,7 @@ function wi(e, t) {
 		case J.UnregisterDroppable: {
 			let { id: n, key: r } = t, i = e.droppable.containers.get(n);
 			if (!i || r !== i.key) return e;
-			let a = new yi(e.droppable.containers);
+			let a = new gi(e.droppable.containers);
 			return a.delete(n), {
 				...e,
 				droppable: {
@@ -4218,11 +4115,11 @@ function wi(e, t) {
 		default: return e;
 	}
 }
-function Ti(e) {
-	let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = o(xi), a = un(r), c = un(n?.id);
+function Si(e) {
+	let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = o(vi), a = sn(r), c = sn(n?.id);
 	return s(() => {
 		if (!t && !r && a && c != null) {
-			if (!_n(a) || document.activeElement === a.target) return;
+			if (!mn(a) || document.activeElement === a.target) return;
 			let e = i.get(c);
 			if (!e) return;
 			let { activatorNode: t, node: n } = e;
@@ -4230,7 +4127,7 @@ function Ti(e) {
 			requestAnimationFrame(() => {
 				for (let e of [t.current, n.current]) {
 					if (!e) continue;
-					let t = Sn(e);
+					let t = yn(e);
 					if (t) {
 						t.focus();
 						break;
@@ -4246,25 +4143,25 @@ function Ti(e) {
 		a
 	]), null;
 }
-function Ei(e, t) {
+function Ci(e, t) {
 	let { transform: n, ...r } = t;
 	return e != null && e.length ? e.reduce((e, t) => t({
 		transform: e,
 		...r
 	}), n) : n;
 }
-function Di(e) {
+function wi(e) {
 	return l(() => ({
 		draggable: {
-			...vi.draggable,
+			...hi.draggable,
 			...e?.draggable
 		},
 		droppable: {
-			...vi.droppable,
+			...hi.droppable,
 			...e?.droppable
 		},
 		dragOverlay: {
-			...vi.dragOverlay,
+			...hi.dragOverlay,
 			...e?.dragOverlay
 		}
 	}), [
@@ -4273,12 +4170,12 @@ function Di(e) {
 		e?.dragOverlay
 	]);
 }
-function Oi(e) {
+function Ti(e) {
 	let { activeNode: t, measure: n, initialRect: r, config: i = !0 } = e, a = d(!1), { x: o, y: s } = typeof i == "boolean" ? {
 		x: i,
 		y: i
 	} : i;
-	rn(() => {
+	en(() => {
 		if (!o && !s || !t) {
 			a.current = !1;
 			return;
@@ -4286,9 +4183,9 @@ function Oi(e) {
 		if (a.current || !r) return;
 		let e = t?.node.current;
 		if (!e || e.isConnected === !1) return;
-		let i = Jn(n(e), r);
+		let i = Gn(n(e), r);
 		if (o || (i.x = 0), s || (i.y = 0), a.current = !0, Math.abs(i.x) > 0 || Math.abs(i.y) > 0) {
-			let t = or(e);
+			let t = rr(e);
 			t && t.scrollBy({
 				top: i.y,
 				left: i.x
@@ -4302,34 +4199,34 @@ function Oi(e) {
 		n
 	]);
 }
-var ki = /*#__PURE__*/ n({
-	...In,
+var Ei = /*#__PURE__*/ n({
+	...Nn,
 	scaleX: 1,
 	scaleY: 1
-}), Ai;
+}), Di;
 (function(e) {
 	e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(Ai ||= {});
-var ji = /*#__PURE__*/ i(function(e) {
-	let { id: n, accessibility: r, autoScroll: i = !0, children: o, sensors: c = gi, collisionDetection: p = Kn, measuring: m, modifiers: h, ...g } = e, [_, v] = u(wi, void 0, Ci), [y, b] = kn(), [x, S] = f(Ai.Uninitialized), C = x === Ai.Initialized, { draggable: { active: w, nodes: T, translate: ee }, droppable: { containers: te } } = _, ne = w == null ? null : T.get(w), re = d({
+})(Di ||= {});
+var Oi = /*#__PURE__*/ i(function(e) {
+	let { id: n, accessibility: r, autoScroll: i = !0, children: o, sensors: c = pi, collisionDetection: p = Un, measuring: m, modifiers: h, ...g } = e, [_, v] = u(xi, void 0, bi), [y, b] = En(), [x, S] = f(Di.Uninitialized), C = x === Di.Initialized, { draggable: { active: w, nodes: T, translate: ee }, droppable: { containers: te } } = _, ne = w == null ? null : T.get(w), re = d({
 		initial: null,
 		translated: null
 	}), ie = l(() => w == null ? null : {
 		id: w,
-		data: ne?.data ?? _i,
+		data: ne?.data ?? mi,
 		rect: re
-	}, [w, ne]), ae = d(null), [oe, se] = f(null), [ce, le] = f(null), ue = sn(g, Object.values(g)), de = fn("DndDescribedBy", n), fe = l(() => te.getEnabled(), [te]), pe = Di(m), { droppableRects: me, measureDroppableContainers: he, measuringScheduled: ge } = Zr(fe, {
+	}, [w, ne]), ae = d(null), [oe, se] = f(null), [ce, le] = f(null), ue = rn(g, Object.values(g)), de = ln("DndDescribedBy", n), fe = l(() => te.getEnabled(), [te]), pe = wi(m), { droppableRects: me, measureDroppableContainers: he, measuringScheduled: ge } = Jr(fe, {
 		dragging: C,
 		dependencies: [ee.x, ee.y],
 		config: pe.droppable
-	}), E = Kr(T, w), _e = l(() => ce ? yn(ce) : null, [ce]), ve = Ve(), ye = $r(E, pe.draggable.measure);
-	Oi({
+	}), E = Ur(T, w), _e = l(() => ce ? gn(ce) : null, [ce]), ve = Ve(), ye = Xr(E, pe.draggable.measure);
+	Ti({
 		activeNode: w == null ? null : T.get(w),
 		config: ve.layoutShiftCompensation,
 		initialRect: ye,
 		measure: pe.draggable.measure
 	});
-	let D = ri(E, pe.draggable.measure, ye), O = ri(E ? E.parentElement : null), be = d({
+	let D = ei(E, pe.draggable.measure, ye), O = ei(E ? E.parentElement : null), be = d({
 		activatorEvent: null,
 		active: null,
 		activeNode: E,
@@ -4343,7 +4240,7 @@ var ji = /*#__PURE__*/ i(function(e) {
 		over: null,
 		scrollableAncestors: [],
 		scrollAdjustedTranslate: null
-	}), xe = te.getNodeFor(be.current.over?.id), Se = hi({ measure: pe.dragOverlay.measure }), Ce = Se.nodeRef.current ?? E, we = C ? Se.rect ?? D : null, k = !!(Se.nodeRef.current && Se.rect), A = ii(k ? null : D), j = di(Ce ? Qt(Ce) : null), Te = oi(C ? xe ?? E : null), De = pi(Te), Oe = Ei(h, {
+	}), xe = te.getNodeFor(be.current.over?.id), Se = fi({ measure: pe.dragOverlay.measure }), Ce = Se.nodeRef.current ?? E, we = C ? Se.rect ?? D : null, k = !!(Se.nodeRef.current && Se.rect), A = ti(k ? null : D), j = ci(Ce ? Yt(Ce) : null), Te = ri(C ? xe ?? E : null), De = ui(Te), Oe = Ci(h, {
 		transform: {
 			x: ee.x - A.x,
 			y: ee.y - A.y,
@@ -4360,13 +4257,13 @@ var ji = /*#__PURE__*/ i(function(e) {
 		scrollableAncestors: Te,
 		scrollableAncestorRects: De,
 		windowRect: j
-	}), ke = _e ? mn(_e, ee) : null, Ae = si(Te), je = ci(Ae), Me = ci(Ae, [D]), Ne = mn(Oe, je), M = we ? Xn(we, Oe) : null, N = ie && M ? p({
+	}), ke = _e ? dn(_e, ee) : null, Ae = ii(Te), je = ai(Ae), Me = ai(Ae, [D]), Ne = dn(Oe, je), M = we ? qn(we, Oe) : null, N = ie && M ? p({
 		active: ie,
 		collisionRect: M,
 		droppableRects: me,
 		droppableContainers: fe,
 		pointerCoordinates: ke
-	}) : null, P = Vn(N, "id"), [Pe, F] = f(null), Fe = qn(k ? Oe : mn(Oe, Me), Pe?.rect ?? null, D), Ie = d(null), Le = a((e, t) => {
+	}) : null, P = Rn(N, "id"), [Pe, F] = f(null), Fe = Wn(k ? Oe : dn(Oe, Me), Pe?.rect ?? null, D), Ie = d(null), Le = a((e, t) => {
 		let { sensor: n, options: r } = t;
 		if (ae.current == null) return;
 		let i = T.get(ae.current);
@@ -4412,7 +4309,7 @@ var ji = /*#__PURE__*/ i(function(e) {
 					}
 				};
 				Ee(() => {
-					r?.(i), S(Ai.Initializing), v({
+					r?.(i), S(Di.Initializing), v({
 						type: J.DragStart,
 						initialCoordinates: e,
 						active: t
@@ -4446,7 +4343,7 @@ var ji = /*#__PURE__*/ i(function(e) {
 					}, e === J.DragEnd && typeof s == "function" && await Promise.resolve(s(o)) && (e = J.DragCancel);
 				}
 				ae.current = null, Ee(() => {
-					v({ type: e }), S(Ai.Uninitialized), F(null), se(null), le(null), Ie.current = null;
+					v({ type: e }), S(Di.Uninitialized), F(null), se(null), le(null), Ie.current = null;
 					let t = e === J.DragEnd ? "onDragEnd" : "onDragCancel";
 					if (o) {
 						let e = ue.current[t];
@@ -4458,14 +4355,14 @@ var ji = /*#__PURE__*/ i(function(e) {
 				});
 			};
 		}
-	}, [T]), Re = qr(c, a((e, t) => (n, r) => {
+	}, [T]), Re = Wr(c, a((e, t) => (n, r) => {
 		let i = n.nativeEvent, a = T.get(r);
 		if (ae.current !== null || !a || i.dndKit || i.defaultPrevented) return;
 		let o = { active: a };
 		e(n, t.options, o) === !0 && (i.dndKit = { capturedBy: t.sensor }, ae.current = r, Le(n, t));
 	}, [T, Le]));
-	li(c), rn(() => {
-		D && x === Ai.Initializing && S(Ai.Initialized);
+	oi(c), en(() => {
+		D && x === Di.Initializing && S(Di.Initialized);
 	}, [D, x]), s(() => {
 		let { onDragMove: e } = ue.current, { active: t, activatorEvent: n, collisions: r, over: i } = be.current;
 		if (!t || !n) return;
@@ -4509,7 +4406,7 @@ var ji = /*#__PURE__*/ i(function(e) {
 				event: c
 			});
 		});
-	}, [P]), rn(() => {
+	}, [P]), en(() => {
 		be.current = {
 			activatorEvent: ce,
 			active: ie,
@@ -4541,7 +4438,7 @@ var ji = /*#__PURE__*/ i(function(e) {
 		Pe,
 		Te,
 		Ne
-	]), Ur({
+	]), Br({
 		...ve,
 		delta: ee,
 		draggingRect: M,
@@ -4606,7 +4503,7 @@ var ji = /*#__PURE__*/ i(function(e) {
 		Pe,
 		he
 	]);
-	return t.createElement(Dn.Provider, { value: b }, t.createElement(xi.Provider, { value: Be }, t.createElement(Si.Provider, { value: ze }, t.createElement(ki.Provider, { value: Fe }, o)), t.createElement(Ti, { disabled: r?.restoreFocus === !1 })), t.createElement(Mn, {
+	return t.createElement(wn.Provider, { value: b }, t.createElement(vi.Provider, { value: Be }, t.createElement(yi.Provider, { value: ze }, t.createElement(Ei.Provider, { value: Fe }, o)), t.createElement(Si, { disabled: r?.restoreFocus === !1 })), t.createElement(kn, {
 		...r,
 		hiddenTextDescribedById: de
 	}));
@@ -4617,10 +4514,10 @@ var ji = /*#__PURE__*/ i(function(e) {
 			enabled: n
 		} : { enabled: n };
 	}
-}), Mi = /*#__PURE__*/ n(null), Ni = "button", Pi = "Draggable";
-function Fi(e) {
-	let { id: t, data: n, disabled: r = !1, attributes: i } = e, a = fn(Pi), { activators: s, activatorEvent: c, active: u, activeNodeRect: d, ariaDescribedById: f, draggableNodes: p, over: m } = o(xi), { role: h = Ni, roleDescription: g = "draggable", tabIndex: _ = 0 } = i ?? {}, v = u?.id === t, y = o(v ? ki : Mi), [b, x] = ln(), [S, C] = ln(), w = ui(s, t), T = sn(n);
-	return rn(() => (p.set(t, {
+}), ki = /*#__PURE__*/ n(null), Ai = "button", ji = "Draggable";
+function Mi(e) {
+	let { id: t, data: n, disabled: r = !1, attributes: i } = e, a = ln(ji), { activators: s, activatorEvent: c, active: u, activeNodeRect: d, ariaDescribedById: f, draggableNodes: p, over: m } = o(vi), { role: h = Ai, roleDescription: g = "draggable", tabIndex: _ = 0 } = i ?? {}, v = u?.id === t, y = o(v ? Ei : ki), [b, x] = on(), [S, C] = on(), w = si(s, t), T = rn(n);
+	return en(() => (p.set(t, {
 		id: t,
 		key: a,
 		node: b,
@@ -4637,7 +4534,7 @@ function Fi(e) {
 			role: h,
 			tabIndex: _,
 			"aria-disabled": r,
-			"aria-pressed": v && h === Ni ? !0 : void 0,
+			"aria-pressed": v && h === Ai ? !0 : void 0,
 			"aria-roledescription": g,
 			"aria-describedby": f.draggable
 		}), [
@@ -4657,15 +4554,15 @@ function Fi(e) {
 		transform: y
 	};
 }
-function Ii() {
-	return o(Si);
+function Ni() {
+	return o(yi);
 }
-var Li = "Droppable", Ri = { timeout: 25 };
-function zi(e) {
-	let { data: t, disabled: n = !1, id: r, resizeObserverConfig: i } = e, c = fn(Li), { active: l, dispatch: u, over: f, measureDroppableContainers: p } = o(xi), m = d({ disabled: n }), h = d(!1), g = d(null), _ = d(null), { disabled: v, updateMeasurementsFor: y, timeout: b } = {
-		...Ri,
+var Pi = "Droppable", Fi = { timeout: 25 };
+function Ii(e) {
+	let { data: t, disabled: n = !1, id: r, resizeObserverConfig: i } = e, c = ln(Pi), { active: l, dispatch: u, over: f, measureDroppableContainers: p } = o(vi), m = d({ disabled: n }), h = d(!1), g = d(null), _ = d(null), { disabled: v, updateMeasurementsFor: y, timeout: b } = {
+		...Fi,
 		...i
-	}, x = sn(y ?? r), S = ti({
+	}, x = rn(y ?? r), S = Qr({
 		callback: a(() => {
 			if (!h.current) {
 				h.current = !0;
@@ -4676,9 +4573,9 @@ function zi(e) {
 			}, b);
 		}, [b]),
 		disabled: v || !l
-	}), [C, w] = ln(a((e, t) => {
+	}), [C, w] = on(a((e, t) => {
 		S && (t && (S.unobserve(t), h.current = !1), e && S.observe(e));
-	}, [S])), T = sn(t);
+	}, [S])), T = rn(t);
 	return s(() => {
 		!S || !C.current || (S.disconnect(), h.current = !1, S.observe(C.current));
 	}, [C, S]), s(() => (u({
@@ -4718,43 +4615,43 @@ function zi(e) {
 }
 //#endregion
 //#region node_modules/@dnd-kit/sortable/dist/sortable.esm.js
-function Bi(e, t, n) {
+function Li(e, t, n) {
 	let r = e.slice();
 	return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
 }
-function Vi(e, t) {
+function Ri(e, t) {
 	return e.reduce((e, n, r) => {
 		let i = t.get(n);
 		return i && (e[r] = i), e;
 	}, Array(e.length));
 }
-function Hi(e) {
+function zi(e) {
 	return e !== null && e >= 0;
 }
-function Ui(e, t) {
+function Bi(e, t) {
 	if (e === t) return !0;
 	if (e.length !== t.length) return !1;
 	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function Wi(e) {
+function Vi(e) {
 	return typeof e == "boolean" ? {
 		draggable: e,
 		droppable: e
 	} : e;
 }
-var Gi = (e) => {
-	let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a = Bi(t, r, n), o = t[i], s = a[i];
+var Hi = (e) => {
+	let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a = Li(t, r, n), o = t[i], s = a[i];
 	return !s || !o ? null : {
 		x: s.left - o.left,
 		y: s.top - o.top,
 		scaleX: s.width / o.width,
 		scaleY: s.height / o.height
 	};
-}, Ki = {
+}, Ui = {
 	scaleX: 1,
 	scaleY: 1
-}, qi = (e) => {
+}, Wi = (e) => {
 	let { activeIndex: t, activeNodeRect: n, index: r, rects: i, overIndex: a } = e, o = i[t] ?? n;
 	if (!o) return null;
 	if (r === t) {
@@ -4762,45 +4659,45 @@ var Gi = (e) => {
 		return e ? {
 			x: 0,
 			y: t < a ? e.top + e.height - (o.top + o.height) : e.top - o.top,
-			...Ki
+			...Ui
 		} : null;
 	}
-	let s = Ji(i, r, t);
+	let s = Gi(i, r, t);
 	return r > t && r <= a ? {
 		x: 0,
 		y: -o.height - s,
-		...Ki
+		...Ui
 	} : r < t && r >= a ? {
 		x: 0,
 		y: o.height + s,
-		...Ki
+		...Ui
 	} : {
 		x: 0,
 		y: 0,
-		...Ki
+		...Ui
 	};
 };
-function Ji(e, t, n) {
+function Gi(e, t, n) {
 	let r = e[t], i = e[t - 1], a = e[t + 1];
 	return r ? n < t ? i ? r.top - (i.top + i.height) : a ? a.top - (r.top + r.height) : 0 : a ? a.top - (r.top + r.height) : i ? r.top - (i.top + i.height) : 0 : 0;
 }
-var Yi = "Sortable", Xi = /*#__PURE__*/ t.createContext({
+var Ki = "Sortable", qi = /*#__PURE__*/ t.createContext({
 	activeIndex: -1,
-	containerId: Yi,
+	containerId: Ki,
 	disableTransforms: !1,
 	items: [],
 	overIndex: -1,
 	useDragOverlay: !1,
 	sortedRects: [],
-	strategy: Gi,
+	strategy: Hi,
 	disabled: {
 		draggable: !1,
 		droppable: !1
 	}
 });
-function Zi(e) {
-	let { children: n, id: r, items: i, strategy: a = Gi, disabled: o = !1 } = e, { active: c, dragOverlay: u, droppableRects: f, over: p, measureDroppableContainers: m } = Ii(), h = fn(Yi, r), g = u.rect !== null, _ = l(() => i.map((e) => typeof e == "object" && "id" in e ? e.id : e), [i]), v = c != null, y = c ? _.indexOf(c.id) : -1, b = p ? _.indexOf(p.id) : -1, x = d(_), S = !Ui(_, x.current), C = b !== -1 && y === -1 || S, w = Wi(o);
-	rn(() => {
+function Ji(e) {
+	let { children: n, id: r, items: i, strategy: a = Hi, disabled: o = !1 } = e, { active: c, dragOverlay: u, droppableRects: f, over: p, measureDroppableContainers: m } = Ni(), h = ln(Ki, r), g = u.rect !== null, _ = l(() => i.map((e) => typeof e == "object" && "id" in e ? e.id : e), [i]), v = c != null, y = c ? _.indexOf(c.id) : -1, b = p ? _.indexOf(p.id) : -1, x = d(_), S = !Bi(_, x.current), C = b !== -1 && y === -1 || S, w = Vi(o);
+	en(() => {
 		S && v && m(_);
 	}, [
 		S,
@@ -4818,7 +4715,7 @@ function Zi(e) {
 		items: _,
 		overIndex: b,
 		useDragOverlay: g,
-		sortedRects: Vi(_, f),
+		sortedRects: Ri(_, f),
 		strategy: a
 	}), [
 		y,
@@ -4832,29 +4729,29 @@ function Zi(e) {
 		g,
 		a
 	]);
-	return t.createElement(Xi.Provider, { value: T }, n);
+	return t.createElement(qi.Provider, { value: T }, n);
 }
-var Qi = (e) => {
+var Yi = (e) => {
 	let { id: t, items: n, activeIndex: r, overIndex: i } = e;
-	return Bi(n, r, i).indexOf(t);
-}, $i = (e) => {
+	return Li(n, r, i).indexOf(t);
+}, Xi = (e) => {
 	let { containerId: t, isSorting: n, wasDragging: r, index: i, items: a, newIndex: o, previousItems: s, previousContainerId: c, transition: l } = e;
 	return !l || !r || s !== a && i === o ? !1 : n ? !0 : o !== i && t === c;
-}, ea = {
+}, Zi = {
 	duration: 200,
 	easing: "ease"
-}, ta = "transform", na = /*#__PURE__*/ bn.Transition.toString({
-	property: ta,
+}, Qi = "transform", $i = /*#__PURE__*/ _n.Transition.toString({
+	property: Qi,
 	duration: 0,
 	easing: "linear"
-}), ra = { roleDescription: "sortable" };
-function ia(e) {
+}), ea = { roleDescription: "sortable" };
+function ta(e) {
 	let { disabled: t, index: n, node: r, rect: i } = e, [a, o] = f(null), c = d(n);
-	return rn(() => {
+	return en(() => {
 		if (!t && n !== c.current && r.current) {
 			let e = i.current;
 			if (e) {
-				let t = er(r.current, { ignoreTransform: !0 }), n = {
+				let t = Zn(r.current, { ignoreTransform: !0 }), n = {
 					x: e.left - t.left,
 					y: e.top - t.top,
 					scaleX: e.width / t.width,
@@ -4873,8 +4770,8 @@ function ia(e) {
 		a && o(null);
 	}, [a]), a;
 }
-function aa(e) {
-	let { animateLayoutChanges: t = $i, attributes: n, disabled: r, data: i, getNewIndex: a = Qi, id: c, strategy: u, resizeObserverConfig: f, transition: p = ea } = e, { items: m, containerId: h, activeIndex: g, disabled: _, disableTransforms: v, sortedRects: y, overIndex: b, useDragOverlay: x, strategy: S } = o(Xi), C = oa(r, _), w = m.indexOf(c), T = l(() => ({
+function na(e) {
+	let { animateLayoutChanges: t = Xi, attributes: n, disabled: r, data: i, getNewIndex: a = Yi, id: c, strategy: u, resizeObserverConfig: f, transition: p = Zi } = e, { items: m, containerId: h, activeIndex: g, disabled: _, disableTransforms: v, sortedRects: y, overIndex: b, useDragOverlay: x, strategy: S } = o(qi), C = ra(r, _), w = m.indexOf(c), T = l(() => ({
 		sortable: {
 			containerId: h,
 			index: w,
@@ -4886,7 +4783,7 @@ function aa(e) {
 		i,
 		w,
 		m
-	]), ee = l(() => m.slice(m.indexOf(c)), [m, c]), { rect: te, node: ne, isOver: re, setNodeRef: ie } = zi({
+	]), ee = l(() => m.slice(m.indexOf(c)), [m, c]), { rect: te, node: ne, isOver: re, setNodeRef: ie } = Ii({
 		id: c,
 		data: T,
 		disabled: C.droppable,
@@ -4894,21 +4791,21 @@ function aa(e) {
 			updateMeasurementsFor: ee,
 			...f
 		}
-	}), { active: ae, activatorEvent: oe, activeNodeRect: se, attributes: ce, setNodeRef: le, listeners: ue, isDragging: de, over: fe, setActivatorNodeRef: pe, transform: me } = Fi({
+	}), { active: ae, activatorEvent: oe, activeNodeRect: se, attributes: ce, setNodeRef: le, listeners: ue, isDragging: de, over: fe, setActivatorNodeRef: pe, transform: me } = Mi({
 		id: c,
 		data: T,
 		attributes: {
-			...ra,
+			...ea,
 			...n
 		},
 		disabled: C.draggable
-	}), he = Jt(ie, le), ge = !!ae, E = ge && !v && Hi(g) && Hi(b), _e = !x && de, ve = E ? (_e && E ? me : null) ?? (u ?? S)({
+	}), he = Gt(ie, le), ge = !!ae, E = ge && !v && zi(g) && zi(b), _e = !x && de, ve = E ? (_e && E ? me : null) ?? (u ?? S)({
 		rects: y,
 		activeNodeRect: se,
 		activeIndex: g,
 		overIndex: b,
 		index: w
-	}) : null, ye = Hi(g) && Hi(b) ? a({
+	}) : null, ye = zi(g) && zi(b) ? a({
 		id: c,
 		items: m,
 		activeIndex: g,
@@ -4931,7 +4828,7 @@ function aa(e) {
 		previousContainerId: O.current.containerId,
 		transition: p,
 		wasDragging: O.current.activeId != null
-	}), Se = ia({
+	}), Se = ta({
 		disabled: !xe,
 		index: w,
 		node: ne,
@@ -4978,14 +4875,14 @@ function aa(e) {
 		transition: Ce()
 	};
 	function Ce() {
-		if (Se || be && O.current.newIndex === w) return na;
-		if (!(_e && !_n(oe) || !p) && (ge || xe)) return bn.Transition.toString({
+		if (Se || be && O.current.newIndex === w) return $i;
+		if (!(_e && !mn(oe) || !p) && (ge || xe)) return _n.Transition.toString({
 			...p,
-			property: ta
+			property: Qi
 		});
 	}
 }
-function oa(e, t) {
+function ra(e, t) {
 	return typeof e == "boolean" ? {
 		draggable: e,
 		droppable: !1
@@ -4994,19 +4891,19 @@ function oa(e, t) {
 		droppable: e?.droppable ?? t.droppable
 	};
 }
-function sa(e) {
+function ia(e) {
 	if (!e) return !1;
 	let t = e.data.current;
 	return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
 }
-var ca = [
+var aa = [
 	X.Down,
 	X.Right,
 	X.Up,
 	X.Left
-], la = (e, t) => {
+], oa = (e, t) => {
 	let { context: { active: n, collisionRect: r, droppableRects: i, droppableContainers: a, over: o, scrollableAncestors: s } } = t;
-	if (ca.includes(e.code)) {
+	if (aa.includes(e.code)) {
 		if (e.preventDefault(), !n || !r) return;
 		let t = [];
 		a.getEnabled().forEach((n) => {
@@ -5027,17 +4924,17 @@ var ca = [
 					break;
 			}
 		});
-		let c = Wn({
+		let c = Vn({
 			active: n,
 			collisionRect: r,
 			droppableRects: i,
 			droppableContainers: t,
 			pointerCoordinates: null
-		}), l = Vn(c, "id");
+		}), l = Rn(c, "id");
 		if (l === o?.id && c.length > 1 && (l = c[1].id), l != null) {
 			let e = a.get(n.id), t = a.get(l), o = t ? i.get(t.id) : null, c = t?.node.current;
 			if (c && o && e && t) {
-				let n = ar(c).some((e, t) => s[t] !== e), i = ua(e, t), a = da(e, t), l = n || !i ? {
+				let n = nr(c).some((e, t) => s[t] !== e), i = sa(e, t), a = ca(e, t), l = n || !i ? {
 					x: 0,
 					y: 0
 				} : {
@@ -5047,27 +4944,27 @@ var ca = [
 					x: o.left,
 					y: o.top
 				};
-				return l.x && l.y ? u : hn(u, l);
+				return l.x && l.y ? u : fn(u, l);
 			}
 		}
 	}
 };
-function ua(e, t) {
-	return !sa(e) || !sa(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+function sa(e, t) {
+	return !ia(e) || !ia(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
 }
-function da(e, t) {
-	return !sa(e) || !sa(t) || !ua(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
+function ca(e, t) {
+	return !ia(e) || !ia(t) || !sa(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
 }
 //#endregion
 //#region src/editor/Canvas.tsx
-var fa = 375;
-function pa(e) {
+var la = 375;
+function ua(e) {
 	let t = e.replace("#", "");
 	if (t.length !== 3 && t.length !== 6) return e === "white" || e === "#fff" || e === "#ffffff";
 	let n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t, r = parseInt(n.slice(0, 2), 16) / 255, i = parseInt(n.slice(2, 4), 16) / 255, a = parseInt(n.slice(4, 6), 16) / 255;
 	return .2126 * r + .7152 * i + .0722 * a > .82;
 }
-function ma(e, t) {
+function da(e, t) {
 	let n = e ?? {};
 	if (t !== "mobile") return n;
 	let r = n.mobile ?? {};
@@ -5076,8 +4973,8 @@ function ma(e, t) {
 		...r
 	};
 }
-function ha() {
-	let { doc: e, selection: t, setSelection: n, reorderModules: r, deleteModule: i, duplicateModule: a, deleteElement: o, moveElement: c, viewMode: l } = I(), u = Fn(Pn(Fr, { activationConstraint: { distance: 5 } }), Pn(Ar, { coordinateGetter: la })), d = (t) => {
+function fa() {
+	let { doc: e, selection: t, setSelection: n, reorderModules: r, deleteModule: i, duplicateModule: a, deleteElement: o, moveElement: c, viewMode: l } = I(), u = Mn(jn(Mr, { activationConstraint: { distance: 5 } }), jn(Dr, { coordinateGetter: oa })), d = (t) => {
 		let { active: n, over: i } = t;
 		if (!i || n.id === i.id) return;
 		let a = e.modules.findIndex((e) => e.id === n.id), o = e.modules.findIndex((e) => e.id === i.id);
@@ -5095,7 +4992,7 @@ function ha() {
 		i,
 		o
 	]);
-	let f = Ne(e.settings.backgroundColor, e.theme), p = Ne(e.settings.contentBackgroundColor, e.theme), m = e.modules.map((e) => e.id), h = l === "mobile" ? fa : e.settings.width;
+	let f = Ne(e.settings.backgroundColor, e.theme), p = Ne(e.settings.contentBackgroundColor, e.theme), m = e.modules.map((e) => e.id), h = l === "mobile" ? la : e.settings.width;
 	return /* @__PURE__ */ A("div", {
 		className: "flex-1 overflow-y-auto",
 		style: { background: f },
@@ -5113,14 +5010,14 @@ function ha() {
 				children: [e.modules.length === 0 && /* @__PURE__ */ A("div", {
 					className: "p-12 text-center text-gray-400 text-sm",
 					children: "Add modules from the left sidebar to start building your email."
-				}), /* @__PURE__ */ A(ji, {
+				}), /* @__PURE__ */ A(Oi, {
 					sensors: u,
-					collisionDetection: Un,
+					collisionDetection: Bn,
 					onDragEnd: d,
-					children: /* @__PURE__ */ A(Zi, {
+					children: /* @__PURE__ */ A(Ji, {
 						items: m,
-						strategy: qi,
-						children: e.modules.map((r, o) => /* @__PURE__ */ A(ga, {
+						strategy: Wi,
+						children: e.modules.map((r, o) => /* @__PURE__ */ A(pa, {
 							mod: r,
 							index: o,
 							viewMode: l,
@@ -5145,18 +5042,18 @@ function ha() {
 		})
 	});
 }
-function ga(e) {
-	let { attributes: t, listeners: n, setNodeRef: r, transform: i, transition: a, isDragging: o } = aa({ id: e.mod.id });
+function pa(e) {
+	let { attributes: t, listeners: n, setNodeRef: r, transform: i, transition: a, isDragging: o } = na({ id: e.mod.id });
 	return /* @__PURE__ */ A("div", {
 		ref: r,
 		style: {
-			transform: bn.Transform.toString(i),
+			transform: _n.Transform.toString(i),
 			transition: a,
 			opacity: o ? .5 : 1,
 			position: "relative",
 			zIndex: e.selected ? 10 : "auto"
 		},
-		children: /* @__PURE__ */ A(_a, {
+		children: /* @__PURE__ */ A(ma, {
 			mod: e.mod,
 			viewMode: e.viewMode,
 			selected: e.selected,
@@ -5172,15 +5069,15 @@ function ga(e) {
 				className: "bg-blue-600 text-white p-1 rounded cursor-grab active:cursor-grabbing",
 				title: "Drag to reorder",
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ A(ee, { size: 14 })
+				children: /* @__PURE__ */ A(te, { size: 14 })
 			})
 		})
 	});
 }
-function _a({ mod: e, viewMode: t, selected: n, selectionEl: r, theme: i, onSelectModule: a, onSelectElement: o, onDuplicate: s, onDelete: c, dragHandle: l }) {
+function ma({ mod: e, viewMode: t, selected: n, selectionEl: r, theme: i, onSelectModule: a, onSelectElement: o, onDuplicate: s, onDelete: c, dragHandle: l }) {
 	let u = e.style ?? {};
 	if (u.hideOn === t) return null;
-	let d = M(ma(u, t), i), [p, m] = f(!1);
+	let d = M(da(u, t), i), [p, m] = f(!1);
 	return /* @__PURE__ */ j("div", {
 		style: {
 			backgroundColor: d.backgroundColor,
@@ -5215,7 +5112,7 @@ function _a({ mod: e, viewMode: t, selected: n, selectionEl: r, theme: i, onSele
 						},
 						className: "text-white p-1 rounded hover:bg-blue-700",
 						title: "Duplicate",
-						children: /* @__PURE__ */ A(S, { size: 14 })
+						children: /* @__PURE__ */ A(C, { size: 14 })
 					}),
 					/* @__PURE__ */ A("button", {
 						onClick: (e) => {
@@ -5231,7 +5128,7 @@ function _a({ mod: e, viewMode: t, selected: n, selectionEl: r, theme: i, onSele
 					})
 				]
 			}),
-			e.children.map((s, c) => /* @__PURE__ */ A(va, {
+			e.children.map((s, c) => /* @__PURE__ */ A(ha, {
 				el: s,
 				index: c,
 				totalElements: e.children.length,
@@ -5246,7 +5143,7 @@ function _a({ mod: e, viewMode: t, selected: n, selectionEl: r, theme: i, onSele
 		]
 	});
 }
-function va({ el: e, index: t, totalElements: n, viewMode: r, theme: i, moduleId: a, moduleSelected: o, selected: s, onSelect: c, onSelectModule: l }) {
+function ha({ el: e, index: t, totalElements: n, viewMode: r, theme: i, moduleId: a, moduleSelected: o, selected: s, onSelect: c, onSelectModule: l }) {
 	let u = I((e) => e.moveElement), d = I((e) => e.deleteElement);
 	if (e.style?.hideOn === r) return null;
 	let f = {
@@ -5300,37 +5197,37 @@ function va({ el: e, index: t, totalElements: n, viewMode: r, theme: i, moduleId
 		children: [m, e]
 	});
 	switch (e.type) {
-		case "text": return h(/* @__PURE__ */ A(ya, {
+		case "text": return h(/* @__PURE__ */ A(ga, {
 			el: e,
 			viewMode: r,
 			theme: i,
 			moduleId: a
 		}));
-		case "image": return h(/* @__PURE__ */ A(ba, {
+		case "image": return h(/* @__PURE__ */ A(_a, {
 			el: e,
 			viewMode: r,
 			theme: i
 		}));
-		case "button": return h(/* @__PURE__ */ A(xa, {
+		case "button": return h(/* @__PURE__ */ A(va, {
 			el: e,
 			viewMode: r,
 			theme: i
 		}));
-		case "spacer": return h(/* @__PURE__ */ A(Sa, { el: e }));
-		case "divider": return h(/* @__PURE__ */ A(Ca, {
+		case "spacer": return h(/* @__PURE__ */ A(ya, { el: e }));
+		case "divider": return h(/* @__PURE__ */ A(ba, {
 			el: e,
 			viewMode: r,
 			theme: i
 		}));
-		case "productGrid": return h(/* @__PURE__ */ A(wa, {
+		case "productGrid": return h(/* @__PURE__ */ A(xa, {
 			el: e,
 			viewMode: r,
 			theme: i
 		}));
 	}
 }
-function ya({ el: e, viewMode: t, theme: n, moduleId: r }) {
-	let i = I((e) => e.updateElement), a = M(ma(e.style, t), n), o = a.color ?? "#000000", s = pa(o);
+function ga({ el: e, viewMode: t, theme: n, moduleId: r }) {
+	let i = I((e) => e.updateElement), a = M(da(e.style, t), n), o = a.color ?? "#000000", s = ua(o);
 	return /* @__PURE__ */ A("div", {
 		style: {
 			fontFamily: a.fontFamily,
@@ -5357,8 +5254,8 @@ function ya({ el: e, viewMode: t, theme: n, moduleId: r }) {
 		dangerouslySetInnerHTML: { __html: e.content }
 	});
 }
-function ba({ el: e, viewMode: t, theme: n }) {
-	let r = M(ma(e.style, t), n), i = {
+function _a({ el: e, viewMode: t, theme: n }) {
+	let r = M(da(e.style, t), n), i = {
 		textAlign: r.align ?? "center",
 		paddingTop: r.paddingTop ?? 0,
 		paddingBottom: r.paddingBottom ?? 0,
@@ -5380,8 +5277,8 @@ function ba({ el: e, viewMode: t, theme: n }) {
 		})
 	});
 }
-function xa({ el: e, viewMode: t, theme: n }) {
-	let r = M(ma(e.style, t), n);
+function va({ el: e, viewMode: t, theme: n }) {
+	let r = M(da(e.style, t), n);
 	return /* @__PURE__ */ A("div", {
 		style: {
 			textAlign: r.align ?? "center",
@@ -5406,14 +5303,14 @@ function xa({ el: e, viewMode: t, theme: n }) {
 		})
 	});
 }
-function Sa({ el: e }) {
+function ya({ el: e }) {
 	return /* @__PURE__ */ A("div", { style: {
 		height: e.height,
 		background: "rgba(0,0,0,0.02)"
 	} });
 }
-function Ca({ el: e, viewMode: t, theme: n }) {
-	let r = M(ma(e.style, t), n);
+function ba({ el: e, viewMode: t, theme: n }) {
+	let r = M(da(e.style, t), n);
 	return /* @__PURE__ */ A("div", {
 		style: {
 			paddingTop: r.paddingTop ?? 8,
@@ -5426,8 +5323,8 @@ function Ca({ el: e, viewMode: t, theme: n }) {
 		} })
 	});
 }
-function wa({ el: e, viewMode: t, theme: n }) {
-	let r = M(ma(e.style, t), n), i = t === "mobile", a = e.columns, o = r.cardBackgroundColor ?? r.backgroundColor ?? "transparent", s = r.nameColor ?? "#111827", c = r.finalPriceColor ?? "#3A7D52", l = r.oldPriceColor ?? "#9CA3AF", u = r.buttonBackgroundColor ?? "#3A7D52", d = r.buttonColor ?? "#FFFFFF", f = r.borderRadius ?? 0;
+function xa({ el: e, viewMode: t, theme: n }) {
+	let r = M(da(e.style, t), n), i = t === "mobile", a = e.columns, o = r.cardBackgroundColor ?? r.backgroundColor ?? "transparent", s = r.nameColor ?? "#111827", c = r.finalPriceColor ?? "#3A7D52", l = r.oldPriceColor ?? "#9CA3AF", u = r.buttonBackgroundColor ?? "#3A7D52", d = r.buttonColor ?? "#FFFFFF", f = r.borderRadius ?? 0;
 	return /* @__PURE__ */ A("div", {
 		style: {
 			paddingTop: r.paddingTop ?? 16,
@@ -5529,25 +5426,25 @@ function wa({ el: e, viewMode: t, theme: n }) {
 }
 //#endregion
 //#region src/core/plugins.ts
-var Ta = [], Ea = null, Da = {
-	registerModule: (e) => _t.register(e),
-	registerTheme: (e) => Ta.push(e),
+var Sa = [], Ca = null, wa = {
+	registerModule: (e) => yt.register(e),
+	registerTheme: (e) => Sa.push(e),
 	registerAssetProvider: (e) => {
-		Ea = e;
+		Ca = e;
 	},
 	setAIProvider: (e) => {
-		wt(e);
+		Tt(e);
 	}
 };
-function Oa(e) {
-	e.setup(Da);
+function Ta(e) {
+	e.setup(wa);
 }
-function ka() {
-	return Ea;
+function Ea() {
+	return Ca;
 }
 //#endregion
 //#region src/recommendations/logic.ts
-var Aa = {
+var Da = {
 	key: "days",
 	label: "Time window",
 	type: "select",
@@ -5566,7 +5463,7 @@ var Aa = {
 			label: "Last 30 days"
 		}
 	]
-}, ja = [
+}, Oa = [
 	{
 		id: "abandoned-cart",
 		label: "Abandoned basket products",
@@ -5576,19 +5473,19 @@ var Aa = {
 		id: "bestseller-conversion",
 		label: "Best seller by Conversion",
 		group: "catalog",
-		params: [Aa]
+		params: [Da]
 	},
 	{
 		id: "bestseller-units",
 		label: "Best seller by Units",
 		group: "catalog",
-		params: [Aa]
+		params: [Da]
 	},
 	{
 		id: "new-products",
 		label: "New items added",
 		group: "catalog",
-		params: [Aa]
+		params: [Da]
 	},
 	{
 		id: "cross-sell",
@@ -5650,7 +5547,7 @@ var Aa = {
 		label: "Similar items",
 		group: "contextual"
 	}
-], Ma = Object.fromEntries(ja.map((e) => [e.id, e])), Na = [
+], ka = Object.fromEntries(Oa.map((e) => [e.id, e])), Aa = [
 	{
 		value: "smart-reccs",
 		label: "Smart Recommendations",
@@ -5672,7 +5569,7 @@ var Aa = {
 		description: "Don't render the email if the slot can't be filled."
 	}
 ];
-function Pa(e = 2) {
+function ja(e = 2) {
 	return {
 		mode: "recommender",
 		noProducts: e,
@@ -5696,21 +5593,21 @@ function Pa(e = 2) {
 		}
 	};
 }
-function Fa(e) {
+function Ma(e) {
 	if (!e) return null;
 	let t = e.recommendations;
 	return !t || typeof t != "object" ? null : t;
 }
-function Ia(e) {
+function Na(e) {
 	return e?.children ? e.children.some((e) => e.type === "productGrid") : !1;
 }
-function La(e) {
+function Pa(e) {
 	if (!e?.children) return 0;
 	let t = 0;
 	for (let n of e.children) n.type === "productGrid" && (t += n.products.length);
 	return t;
 }
-function Ra(e) {
+function Fa(e) {
 	return {
 		params: {
 			selection: e.mode === "manual" ? "manual" : "recommender",
@@ -5740,8 +5637,8 @@ function Ra(e) {
 }
 //#endregion
 //#region src/editor/RecommendationsPanel.tsx
-function za({ mod: e }) {
-	let t = I((e) => e.updateModule), n = La(e) || 2, r = Fa(e.data) ?? Pa(n), i = (n) => {
+function Ia({ mod: e }) {
+	let t = I((e) => e.updateModule), n = Pa(e) || 2, r = Ma(e.data) ?? ja(n), i = (n) => {
 		let i = {
 			...r,
 			...n
@@ -5768,12 +5665,12 @@ function za({ mod: e }) {
 				className: "p-3 bg-white border-b border-blue-100",
 				children: /* @__PURE__ */ j("div", {
 					className: "grid grid-cols-2 gap-2",
-					children: [/* @__PURE__ */ A(Ua, {
+					children: [/* @__PURE__ */ A(Ba, {
 						active: r.mode === "manual",
 						title: "Select Items",
 						subtitle: "Hand-pick from a feed",
 						onClick: () => i({ mode: "manual" })
-					}), /* @__PURE__ */ A(Ua, {
+					}), /* @__PURE__ */ A(Ba, {
 						active: r.mode === "recommender",
 						title: "Recommender",
 						subtitle: "Algorithms + filters",
@@ -5784,7 +5681,7 @@ function za({ mod: e }) {
 			/* @__PURE__ */ j("div", {
 				className: "p-3 bg-white space-y-3",
 				children: [
-					/* @__PURE__ */ j(Ga, {
+					/* @__PURE__ */ j(Ha, {
 						label: "Number of products",
 						children: [/* @__PURE__ */ A("input", {
 							type: "number",
@@ -5792,7 +5689,7 @@ function za({ mod: e }) {
 							max: 20,
 							value: r.noProducts,
 							onChange: (e) => i({ noProducts: Number(e.target.value) || 1 }),
-							className: Ha
+							className: za
 						}), /* @__PURE__ */ j("div", {
 							className: "text-[11px] text-gray-500 mt-1",
 							children: [
@@ -5804,10 +5701,10 @@ function za({ mod: e }) {
 							]
 						})]
 					}),
-					r.mode === "manual" ? /* @__PURE__ */ A(Ba, {
+					r.mode === "manual" ? /* @__PURE__ */ A(La, {
 						logic: r,
 						update: i
-					}) : /* @__PURE__ */ A(Va, {
+					}) : /* @__PURE__ */ A(Ra, {
 						logic: r,
 						update: i,
 						updateFilters: (e) => i({ filters: {
@@ -5830,21 +5727,21 @@ function za({ mod: e }) {
 		]
 	});
 }
-function Ba({ logic: e, update: t }) {
+function La({ logic: e, update: t }) {
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(Ga, {
+		/* @__PURE__ */ A(Ha, {
 			label: "Source feed",
 			children: /* @__PURE__ */ A("input", {
 				type: "text",
 				placeholder: "e.g. main-catalog",
 				value: e.sourceFeed ?? "",
 				onChange: (e) => t({ sourceFeed: e.target.value }),
-				className: Ha
+				className: za
 			})
 		}),
-		/* @__PURE__ */ A(Ga, {
+		/* @__PURE__ */ A(Ha, {
 			label: "Items to include (product IDs / SKUs)",
-			children: /* @__PURE__ */ A(Xa, {
+			children: /* @__PURE__ */ A(qa, {
 				value: e.manualProducts,
 				onChange: (e) => t({ manualProducts: e }),
 				placeholder: "Add product id"
@@ -5856,7 +5753,7 @@ function Ba({ logic: e, update: t }) {
 		})
 	] });
 }
-function Va({ logic: e, update: t, updateFilters: n }) {
+function Ra({ logic: e, update: t, updateFilters: n }) {
 	let [r, i] = f(!1);
 	return /* @__PURE__ */ j(k, { children: [
 		/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("div", {
@@ -5868,72 +5765,72 @@ function Va({ logic: e, update: t, updateFilters: n }) {
 					3,
 					")"
 				]
-			}), /* @__PURE__ */ A(Ya, {
+			}), /* @__PURE__ */ A(Ka, {
 				disabled: e.stack.length >= 3,
 				existing: e.stack.map((e) => e.algorithm),
 				onPick: (n) => t({ stack: [...e.stack, { algorithm: n }] })
 			})]
-		}), /* @__PURE__ */ A(Ja, {
+		}), /* @__PURE__ */ A(Ga, {
 			stack: e.stack,
 			onChange: (e) => t({ stack: e })
 		})] }),
-		/* @__PURE__ */ j(Ga, {
+		/* @__PURE__ */ j(Ha, {
 			label: "Fallback",
 			children: [/* @__PURE__ */ A("select", {
 				value: e.fallback,
 				onChange: (e) => t({ fallback: e.target.value }),
-				className: Ha,
-				children: Na.map((e) => /* @__PURE__ */ A("option", {
+				className: za,
+				children: Aa.map((e) => /* @__PURE__ */ A("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			}), /* @__PURE__ */ A("div", {
 				className: "text-[11px] text-gray-500 mt-1",
-				children: Na.find((t) => t.value === e.fallback)?.description
+				children: Aa.find((t) => t.value === e.fallback)?.description
 			})]
 		}),
-		/* @__PURE__ */ A(Wa, {
+		/* @__PURE__ */ A(Va, {
 			title: "Include & Exclude filters",
 			right: /* @__PURE__ */ j("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ A(Ka, {
+				children: [/* @__PURE__ */ A(Ua, {
 					active: !r,
 					onClick: () => i(!1),
 					children: "Basic"
-				}), /* @__PURE__ */ A(Ka, {
+				}), /* @__PURE__ */ A(Ua, {
 					active: r,
 					onClick: () => i(!0),
 					children: "Advanced"
 				})]
 			})
 		}),
-		/* @__PURE__ */ A(Ga, {
+		/* @__PURE__ */ A(Ha, {
 			label: "Exclude products",
-			children: /* @__PURE__ */ A(Xa, {
+			children: /* @__PURE__ */ A(qa, {
 				value: e.filters.excludeProducts,
 				onChange: (e) => n({ excludeProducts: e }),
 				placeholder: "Add product id"
 			})
 		}),
-		/* @__PURE__ */ A(Ga, {
+		/* @__PURE__ */ A(Ha, {
 			label: "Include products",
-			children: /* @__PURE__ */ A(Xa, {
+			children: /* @__PURE__ */ A(qa, {
 				value: e.filters.includeProducts,
 				onChange: (e) => n({ includeProducts: e }),
 				placeholder: "Add product id"
 			})
 		}),
-		/* @__PURE__ */ A(Ga, {
+		/* @__PURE__ */ A(Ha, {
 			label: "Exclude categories",
-			children: /* @__PURE__ */ A(Xa, {
+			children: /* @__PURE__ */ A(qa, {
 				value: e.filters.excludeCategories,
 				onChange: (e) => n({ excludeCategories: e }),
 				placeholder: "Add category"
 			})
 		}),
-		/* @__PURE__ */ A(Ga, {
+		/* @__PURE__ */ A(Ha, {
 			label: "Include categories",
-			children: /* @__PURE__ */ A(Xa, {
+			children: /* @__PURE__ */ A(qa, {
 				value: e.filters.includeCategories,
 				onChange: (e) => n({ includeCategories: e }),
 				placeholder: "Add category"
@@ -5941,72 +5838,72 @@ function Va({ logic: e, update: t, updateFilters: n }) {
 		}),
 		/* @__PURE__ */ j("div", {
 			className: "grid grid-cols-2 gap-2",
-			children: [/* @__PURE__ */ A(Ga, {
+			children: [/* @__PURE__ */ A(Ha, {
 				label: "Minimum stock",
 				children: /* @__PURE__ */ A("input", {
 					type: "number",
 					min: 0,
 					value: e.filters.minStock ?? 0,
 					onChange: (e) => n({ minStock: Number(e.target.value) || 0 }),
-					className: Ha
+					className: za
 				})
-			}), /* @__PURE__ */ A(Ga, {
+			}), /* @__PURE__ */ A(Ha, {
 				label: "Minimum price",
 				children: /* @__PURE__ */ A("input", {
 					type: "number",
 					min: 0,
 					value: e.filters.minPrice ?? 0,
 					onChange: (e) => n({ minPrice: Number(e.target.value) || 0 }),
-					className: Ha
+					className: za
 				})
 			})]
 		}),
-		/* @__PURE__ */ A(qa, {
+		/* @__PURE__ */ A(Wa, {
 			label: "Only main items",
 			checked: !!e.filters.mainOnly,
 			onChange: (e) => n({ mainOnly: e })
 		}),
-		/* @__PURE__ */ A(qa, {
+		/* @__PURE__ */ A(Wa, {
 			label: "Higher price than current item (upsell)",
 			checked: !!e.filters.higherPrice,
 			onChange: (e) => n({ higherPrice: e })
 		}),
-		/* @__PURE__ */ A(qa, {
+		/* @__PURE__ */ A(Wa, {
 			label: "On sale only",
 			checked: !!e.filters.salesPrice,
 			onChange: (e) => n({ salesPrice: e })
 		}),
-		/* @__PURE__ */ A(qa, {
+		/* @__PURE__ */ A(Wa, {
 			label: "Same category as current",
 			checked: !!e.filters.sameCategory,
 			onChange: (e) => n({ sameCategory: e })
 		}),
-		/* @__PURE__ */ A(qa, {
+		/* @__PURE__ */ A(Wa, {
 			label: "Match title keywords",
 			checked: !!e.filters.matchTitle,
 			onChange: (e) => n({ matchTitle: e })
 		}),
-		/* @__PURE__ */ A(Ga, {
+		/* @__PURE__ */ A(Ha, {
 			label: "Match same fields (comma-separated)",
 			children: /* @__PURE__ */ A("input", {
 				type: "text",
 				placeholder: "brand, color",
 				value: e.filters.sameField ?? "",
 				onChange: (e) => n({ sameField: e.target.value }),
-				className: Ha
+				className: za
 			})
 		}),
-		r && /* @__PURE__ */ A(Ga, {
+		r && /* @__PURE__ */ A(Ha, {
 			label: "Advanced JSON overrides",
-			children: /* @__PURE__ */ A(Za, {
+			children: /* @__PURE__ */ A(Ja, {
 				value: e.filters.advanced ?? {},
 				onChange: (e) => n({ advanced: e })
 			})
 		})
 	] });
 }
-var Ha = "w-full px-2 py-1.5 text-sm border border-gray-200 rounded focus:border-blue-500 focus:outline-none bg-white";
-function Ua({ active: e, icon: t, title: n, subtitle: r, onClick: i }) {
+var za = "w-full px-2 py-1.5 text-sm border border-gray-200 rounded focus:border-blue-500 focus:outline-none bg-white";
+function Ba({ active: e, icon: t, title: n, subtitle: r, onClick: i }) {
 	return /* @__PURE__ */ j("button", {
 		onClick: i,
 		className: "flex flex-col items-start gap-0.5 p-2.5 rounded border text-left transition " + (e ? "border-teal-600 bg-teal-50 ring-1 ring-teal-600" : "border-gray-200 bg-white hover:border-gray-300"),
@@ -6022,7 +5919,7 @@ function Ua({ active: e, icon: t, title: n, subtitle: r, onClick: i }) {
 		})]
 	});
 }
-function Wa({ title: e, right: t }) {
+function Va({ title: e, right: t }) {
 	return /* @__PURE__ */ j("div", {
 		className: "flex items-center justify-between border-t border-gray-200 pt-3 mt-3",
 		children: [/* @__PURE__ */ A("div", {
@@ -6031,20 +5928,20 @@ function Wa({ title: e, right: t }) {
 		}), t]
 	});
 }
-function Ga({ label: e, children: t }) {
+function Ha({ label: e, children: t }) {
 	return /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
 		className: "block text-xs font-medium text-gray-700 mb-1",
 		children: e
 	}), t] });
 }
-function Ka({ active: e, onClick: t, children: n }) {
+function Ua({ active: e, onClick: t, children: n }) {
 	return /* @__PURE__ */ A("button", {
 		onClick: t,
 		className: "px-2 py-0.5 rounded text-[10px] font-semibold uppercase tracking-wide " + (e ? "bg-teal-600 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"),
 		children: n
 	});
 }
-function qa({ label: e, checked: t, onChange: n }) {
+function Wa({ label: e, checked: t, onChange: n }) {
 	return /* @__PURE__ */ j("label", {
 		className: "flex items-center justify-between gap-2 text-xs text-gray-700 py-1",
 		children: [/* @__PURE__ */ A("span", { children: e }), /* @__PURE__ */ A("input", {
@@ -6055,7 +5952,7 @@ function qa({ label: e, checked: t, onChange: n }) {
 		})]
 	});
 }
-function Ja({ stack: e, onChange: t }) {
+function Ga({ stack: e, onChange: t }) {
 	if (e.length === 0) return /* @__PURE__ */ j("div", {
 		className: "text-[11px] text-gray-500 italic border border-dashed border-gray-300 rounded px-2 py-3 text-center",
 		children: [
@@ -6082,7 +5979,7 @@ function Ja({ stack: e, onChange: t }) {
 	return /* @__PURE__ */ A("div", {
 		className: "space-y-1.5",
 		children: e.map((t, a) => {
-			let o = Ma[t.algorithm];
+			let o = ka[t.algorithm];
 			return /* @__PURE__ */ j("div", {
 				className: "border border-gray-200 rounded px-2 py-1.5 bg-white flex flex-col gap-1",
 				children: [/* @__PURE__ */ j("div", {
@@ -6097,14 +5994,14 @@ function Ja({ stack: e, onChange: t }) {
 							onClick: () => n(a, -1),
 							disabled: a === 0,
 							className: "p-1 text-gray-400 hover:text-gray-700 disabled:opacity-30",
-							children: /* @__PURE__ */ A(x, { size: 13 })
+							children: /* @__PURE__ */ A(S, { size: 13 })
 						}),
 						/* @__PURE__ */ A("button", {
 							title: "Move down",
 							onClick: () => n(a, 1),
 							disabled: a === e.length - 1,
 							className: "p-1 text-gray-400 hover:text-gray-700 disabled:opacity-30",
-							children: /* @__PURE__ */ A(b, { size: 13 })
+							children: /* @__PURE__ */ A(x, { size: 13 })
 						}),
 						/* @__PURE__ */ A("button", {
 							title: "Remove",
@@ -6137,7 +6034,7 @@ function Ja({ stack: e, onChange: t }) {
 		})
 	});
 }
-function Ya({ disabled: e, existing: t, onPick: n }) {
+function Ka({ disabled: e, existing: t, onPick: n }) {
 	let [r, i] = f(!1);
 	return /* @__PURE__ */ j("div", {
 		className: "relative",
@@ -6151,7 +6048,7 @@ function Ya({ disabled: e, existing: t, onPick: n }) {
 			onClick: () => i(!1)
 		}), /* @__PURE__ */ A("div", {
 			className: "absolute right-0 top-full mt-1 w-64 max-h-80 overflow-auto bg-white border border-gray-200 rounded shadow-lg z-20",
-			children: ja.map((e) => {
+			children: Oa.map((e) => {
 				let r = t.includes(e.id);
 				return /* @__PURE__ */ j("button", {
 					disabled: r,
@@ -6168,7 +6065,7 @@ function Ya({ disabled: e, existing: t, onPick: n }) {
 		})] })]
 	});
 }
-function Xa({ value: e, onChange: t, placeholder: n }) {
+function qa({ value: e, onChange: t, placeholder: n }) {
 	let [r, i] = f(""), a = () => {
 		let n = r.trim();
 		n && (e.includes(n) || (t([...e, n]), i("")));
@@ -6194,7 +6091,7 @@ function Xa({ value: e, onChange: t, placeholder: n }) {
 		})]
 	});
 }
-function Za({ value: e, onChange: t }) {
+function Ja({ value: e, onChange: t }) {
 	let [n, r] = f(() => JSON.stringify(e, null, 2)), [i, a] = f(null);
 	return /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("textarea", {
 		value: n,
@@ -6218,7 +6115,7 @@ function Za({ value: e, onChange: t }) {
 }
 //#endregion
 //#region src/editor/RightSidebar.tsx
-function Qa() {
+function Ya() {
 	let { selection: e, doc: t, viewMode: n } = I();
 	return /* @__PURE__ */ j("div", {
 		className: "w-72 bg-white border-l border-gray-200 shrink-0 overflow-y-auto",
@@ -6232,26 +6129,26 @@ function Qa() {
 			]
 		}), /* @__PURE__ */ A("div", {
 			className: "p-4",
-			children: !e || e.kind === "email" ? /* @__PURE__ */ A(co, {}) : e.kind === "module" ? (() => {
+			children: !e || e.kind === "email" ? /* @__PURE__ */ A(ao, {}) : e.kind === "module" ? (() => {
 				let n = t.modules.find((t) => t.id === e.moduleId);
-				return n ? /* @__PURE__ */ A(lo, { mod: n }) : /* @__PURE__ */ A($a, {});
+				return n ? /* @__PURE__ */ A(co, { mod: n }) : /* @__PURE__ */ A(Xa, {});
 			})() : (() => {
 				let n = t.modules.find((t) => t.id === e.moduleId), r = n?.children.find((t) => t.id === e.elementId);
-				return n && r ? /* @__PURE__ */ A(uo, {
+				return n && r ? /* @__PURE__ */ A(lo, {
 					mod: n,
 					el: r
-				}) : /* @__PURE__ */ A($a, {});
+				}) : /* @__PURE__ */ A(Xa, {});
 			})()
 		})]
 	});
 }
-function $a() {
+function Xa() {
 	return /* @__PURE__ */ A("div", {
 		className: "text-xs text-gray-400",
 		children: "Nothing selected."
 	});
 }
-function eo(e, t) {
+function Za(e, t) {
 	if (t !== "mobile") return e;
 	let n = e.mobile ?? {};
 	return {
@@ -6259,7 +6156,7 @@ function eo(e, t) {
 		...n
 	};
 }
-function to(e, t, n) {
+function Qa(e, t, n) {
 	if (n !== "mobile") return {
 		...e,
 		...t
@@ -6273,16 +6170,16 @@ function to(e, t, n) {
 		}
 	};
 }
-function no({ overridden: e }) {
+function $a({ overridden: e }) {
 	return e ? /* @__PURE__ */ A("span", {
 		className: "ml-1 text-[9px] uppercase tracking-wide bg-amber-100 text-amber-800 px-1 rounded",
 		children: "mobile"
 	}) : null;
 }
-function ro({ hideOn: e, onChange: t }) {
+function eo({ hideOn: e, onChange: t }) {
 	return /* @__PURE__ */ A(Z, {
 		label: "Visibility",
-		children: /* @__PURE__ */ j(so, {
+		children: /* @__PURE__ */ j(io, {
 			value: e ?? "",
 			onChange: (e) => {
 				let n = e.target.value;
@@ -6305,7 +6202,7 @@ function ro({ hideOn: e, onChange: t }) {
 		})
 	});
 }
-function io({ children: e }) {
+function to({ children: e }) {
 	return /* @__PURE__ */ A("h3", {
 		className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-3",
 		children: e
@@ -6332,8 +6229,8 @@ function $(e) {
 		...e
 	});
 }
-function ao({ value: e, onChange: t, onAlt: n }) {
-	let r = ka(), i = d(null), [a, o] = f(!1), [s, c] = f(null), l = async (e) => {
+function no({ value: e, onChange: t, onAlt: n }) {
+	let r = Ea(), i = d(null), [a, o] = f(!1), [s, c] = f(null), l = async (e) => {
 		if (r) {
 			o(!0), c(null);
 			try {
@@ -6383,7 +6280,7 @@ function ao({ value: e, onChange: t, onAlt: n }) {
 		})
 	] });
 }
-function oo({ value: e, onChange: t, defaultValue: n }) {
+function ro({ value: e, onChange: t, defaultValue: n }) {
 	let r = I((e) => e.doc.theme), i = typeof e == "string" && e.startsWith("{"), a = d(n && n.startsWith("{") ? n : i ? e : void 0);
 	s(() => {
 		i ? a.current = e : n && n.startsWith("{") && (a.current = n);
@@ -6432,16 +6329,16 @@ function oo({ value: e, onChange: t, defaultValue: n }) {
 		]
 	});
 }
-function so(e) {
+function io(e) {
 	return /* @__PURE__ */ A("select", {
 		...e,
 		className: "w-full px-2 py-1.5 text-sm border border-gray-200 rounded focus:border-blue-500 focus:outline-none bg-white"
 	});
 }
-function co() {
+function ao() {
 	let { doc: e, updateMeta: t, updateSettings: n } = I();
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(io, { children: "Email" }),
+		/* @__PURE__ */ A(to, { children: "Email" }),
 		/* @__PURE__ */ A(Z, {
 			label: "Name",
 			children: /* @__PURE__ */ A(Q, {
@@ -6465,104 +6362,198 @@ function co() {
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Background color",
-			children: /* @__PURE__ */ A(oo, {
+			children: /* @__PURE__ */ A(ro, {
 				value: e.settings.backgroundColor,
 				onChange: (e) => n({ backgroundColor: e })
 			})
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Content background color",
-			children: /* @__PURE__ */ A(oo, {
+			children: /* @__PURE__ */ A(ro, {
 				value: e.settings.contentBackgroundColor,
 				onChange: (e) => n({ contentBackgroundColor: e })
 			})
 		}),
-		/* @__PURE__ */ j("div", {
+		/* @__PURE__ */ A("div", {
 			className: "mt-6 pt-4 border-t border-gray-100",
-			children: [/* @__PURE__ */ A(io, { children: "Theme tokens (read-only preview)" }), /* @__PURE__ */ j("div", {
-				className: "text-xs space-y-1",
-				children: [/* @__PURE__ */ A("div", {
-					className: "font-medium",
-					children: e.theme.name
-				}), /* @__PURE__ */ A("div", {
-					className: "grid grid-cols-2 gap-1 text-gray-500",
-					children: Object.entries(e.theme.tokens.colors).map(([e, t]) => /* @__PURE__ */ j("div", {
-						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ A("span", {
-							className: "w-3 h-3 rounded",
-							style: { background: t }
-						}), /* @__PURE__ */ A("span", {
-							className: "truncate",
-							children: e
-						})]
-					}, e))
-				})]
+			children: /* @__PURE__ */ A(oo, {})
+		})
+	] });
+}
+function oo() {
+	let { doc: e, themes: t, applyTheme: n } = I(), r = e.theme, i = t.find((e) => e.id === r.id), a = i != null && Object.entries(r.tokens.colors).some(([e, t]) => i.tokens.colors[e] !== t), o = (e, t) => {
+		n({
+			...r,
+			tokens: {
+				...r.tokens,
+				colors: {
+					...r.tokens.colors,
+					[e]: t
+				}
+			}
+		});
+	};
+	return /* @__PURE__ */ j(k, { children: [
+		/* @__PURE__ */ j("div", {
+			className: "flex items-center justify-between mb-2",
+			children: [/* @__PURE__ */ A(to, { children: "Theme" }), a && /* @__PURE__ */ A("button", {
+				onClick: () => i && n(i),
+				className: "text-[10px] text-blue-600 hover:underline mb-3",
+				title: "Discard color changes and restore the preset",
+				children: "Reset to preset"
+			})]
+		}),
+		/* @__PURE__ */ A("div", {
+			className: "flex flex-col gap-1.5 mb-4",
+			children: t.map((e) => {
+				let t = e.id === r.id;
+				return /* @__PURE__ */ j("button", {
+					onClick: () => n(e),
+					title: e.name,
+					className: `flex items-center gap-2 px-2.5 py-2 rounded border text-xs transition-colors ${t ? "border-blue-500 bg-blue-50 text-blue-700" : "border-gray-200 bg-white hover:border-gray-300 text-gray-700"}`,
+					children: [
+						/* @__PURE__ */ A("span", {
+							className: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
+							style: { background: e.tokens.colors.primary }
+						}),
+						/* @__PURE__ */ A("span", {
+							className: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
+							style: { background: e.tokens.colors.background }
+						}),
+						/* @__PURE__ */ A("span", {
+							className: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
+							style: { background: e.tokens.colors.text }
+						}),
+						/* @__PURE__ */ A("span", {
+							className: "flex-1 text-left",
+							children: e.name
+						}),
+						t && /* @__PURE__ */ A(b, {
+							size: 12,
+							className: "text-blue-600 shrink-0"
+						})
+					]
+				}, e.id);
+			})
+		}),
+		/* @__PURE__ */ j("div", {
+			className: "text-xs font-semibold uppercase tracking-wide text-gray-500 mb-2",
+			children: ["Colors", a && /* @__PURE__ */ A("span", {
+				className: "ml-2 normal-case font-normal text-[10px] bg-amber-100 text-amber-700 px-1.5 py-0.5 rounded",
+				children: "customised"
 			})]
+		}),
+		/* @__PURE__ */ A("div", {
+			className: "flex flex-col gap-2",
+			children: Object.entries(r.tokens.colors).map(([e, t]) => /* @__PURE__ */ A(so, {
+				label: e,
+				value: t,
+				onChange: (t) => o(e, t)
+			}, e))
 		})
 	] });
 }
-function lo({ mod: e }) {
-	let t = I((e) => e.updateModule), n = I((e) => e.viewMode), r = e.style ?? {}, i = eo(r, n), a = new Set(Object.keys(r.mobile ?? {})), o = (i) => t(e.id, { style: to(r, i, n) });
+function so({ label: e, value: t, onChange: n }) {
+	let [r, i] = f(t);
+	s(() => i(t), [t]);
+	let a = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(t) ? t.length === 4 ? "#" + t.slice(1).split("").map((e) => e + e).join("") : t : "#000000", o = (e) => {
+		let t = e.trim();
+		t && n(t);
+	};
+	return /* @__PURE__ */ j("div", {
+		className: "flex items-center gap-2",
+		children: [
+			/* @__PURE__ */ A("span", {
+				className: "text-xs text-gray-500 w-28 shrink-0 truncate",
+				title: e,
+				children: e
+			}),
+			/* @__PURE__ */ A("label", {
+				className: "relative w-7 h-7 rounded border border-gray-200 cursor-pointer overflow-hidden shrink-0",
+				style: { background: a },
+				title: `Pick ${e} color`,
+				children: /* @__PURE__ */ A("input", {
+					type: "color",
+					value: a,
+					onChange: (e) => n(e.target.value),
+					className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
+				})
+			}),
+			/* @__PURE__ */ A("input", {
+				value: r,
+				onChange: (e) => i(e.target.value),
+				onBlur: () => o(r),
+				onKeyDown: (e) => {
+					e.key === "Enter" && e.target.blur();
+				},
+				className: "flex-1 min-w-0 px-2 py-1 text-xs border border-gray-200 rounded focus:border-blue-500 focus:outline-none font-mono",
+				spellCheck: !1
+			})
+		]
+	});
+}
+function co({ mod: e }) {
+	let t = I((e) => e.updateModule), n = I((e) => e.viewMode), r = e.style ?? {}, i = Za(r, n), a = new Set(Object.keys(r.mobile ?? {})), o = (i) => t(e.id, { style: Qa(r, i, n) });
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(io, { children: e.name }),
+		/* @__PURE__ */ A(to, { children: e.name }),
 		/* @__PURE__ */ A(Z, {
-			label: /* @__PURE__ */ j(k, { children: ["Background color", /* @__PURE__ */ A(no, { overridden: a.has("backgroundColor") })] }),
-			children: /* @__PURE__ */ A(oo, {
+			label: /* @__PURE__ */ j(k, { children: ["Background color", /* @__PURE__ */ A($a, { overridden: a.has("backgroundColor") })] }),
+			children: /* @__PURE__ */ A(ro, {
 				value: i.backgroundColor ?? "",
 				onChange: (e) => o({ backgroundColor: e })
 			})
 		}),
-		/* @__PURE__ */ A(fo, {
+		/* @__PURE__ */ A(uo, {
 			style: i,
 			mobileKeys: a,
 			onSet: o
 		}),
 		/* @__PURE__ */ A(Z, {
-			label: /* @__PURE__ */ j(k, { children: ["Border radius", /* @__PURE__ */ A(no, { overridden: a.has("borderRadius") })] }),
+			label: /* @__PURE__ */ j(k, { children: ["Border radius", /* @__PURE__ */ A($a, { overridden: a.has("borderRadius") })] }),
 			children: /* @__PURE__ */ A($, {
 				value: i.borderRadius ?? 0,
 				onChange: (e) => o({ borderRadius: Number(e.target.value) })
 			})
 		}),
-		/* @__PURE__ */ A(ro, {
+		/* @__PURE__ */ A(eo, {
 			hideOn: r.hideOn,
 			onChange: (n) => t(e.id, { style: {
 				...r,
 				hideOn: n
 			} })
 		}),
-		Ia(e) && /* @__PURE__ */ A(za, { mod: e })
+		Na(e) && /* @__PURE__ */ A(Ia, { mod: e })
 	] });
 }
-function uo({ mod: e, el: t }) {
+function lo({ mod: e, el: t }) {
 	switch (t.type) {
-		case "text": return /* @__PURE__ */ A(mo, {
+		case "text": return /* @__PURE__ */ A(po, {
 			mod: e,
 			el: t
 		});
-		case "image": return /* @__PURE__ */ A(ho, {
+		case "image": return /* @__PURE__ */ A(mo, {
 			mod: e,
 			el: t
 		});
-		case "button": return /* @__PURE__ */ A(go, {
+		case "button": return /* @__PURE__ */ A(ho, {
 			mod: e,
 			el: t
 		});
-		case "spacer": return /* @__PURE__ */ A(_o, {
+		case "spacer": return /* @__PURE__ */ A(go, {
 			mod: e,
 			el: t
 		});
-		case "divider": return /* @__PURE__ */ A(vo, {
+		case "divider": return /* @__PURE__ */ A(_o, {
 			mod: e,
 			el: t
 		});
-		case "productGrid": return /* @__PURE__ */ A(bo, {
+		case "productGrid": return /* @__PURE__ */ A(yo, {
 			mod: e,
 			el: t
 		});
 	}
 }
-function fo({ style: e, mobileKeys: t, onSet: n }) {
+function uo({ style: e, mobileKeys: t, onSet: n }) {
 	return /* @__PURE__ */ A("div", {
 		className: "grid grid-cols-2 gap-2 mb-3",
 		children: [
@@ -6571,7 +6562,7 @@ function fo({ style: e, mobileKeys: t, onSet: n }) {
 			"paddingLeft",
 			"paddingRight"
 		].map((r) => /* @__PURE__ */ A(Z, {
-			label: /* @__PURE__ */ j(k, { children: [r.replace("padding", "Pad "), /* @__PURE__ */ A(no, { overridden: !!t?.has(r) })] }),
+			label: /* @__PURE__ */ j(k, { children: [r.replace("padding", "Pad "), /* @__PURE__ */ A($a, { overridden: !!t?.has(r) })] }),
 			children: /* @__PURE__ */ A($, {
 				value: e[r] ?? 0,
 				onChange: (e) => n({ [r]: Number(e.target.value) })
@@ -6579,14 +6570,14 @@ function fo({ style: e, mobileKeys: t, onSet: n }) {
 		}, r))
 	});
 }
-function po(e, t) {
+function fo(e, t) {
 	let n = I((e) => e.updateElement);
 	return (r) => n(e.id, t.id, r);
 }
-function mo({ mod: e, el: t }) {
-	let n = po(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = eo(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: to(i, e, r) });
+function po({ mod: e, el: t }) {
+	let n = fo(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = Za(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: Qa(i, e, r) });
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(io, { children: "Text" }),
+		/* @__PURE__ */ A(to, { children: "Text" }),
 		/* @__PURE__ */ A(Z, {
 			label: "Content",
 			children: /* @__PURE__ */ A("textarea", {
@@ -6639,14 +6630,14 @@ function mo({ mod: e, el: t }) {
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Color",
-			children: /* @__PURE__ */ A(oo, {
+			children: /* @__PURE__ */ A(ro, {
 				value: a.color ?? "#000000",
 				onChange: (e) => s({ color: e })
 			})
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Align",
-			children: /* @__PURE__ */ j(so, {
+			children: /* @__PURE__ */ j(io, {
 				value: a.align ?? "left",
 				onChange: (e) => s({ align: e.target.value }),
 				children: [
@@ -6672,12 +6663,12 @@ function mo({ mod: e, el: t }) {
 				onChange: (e) => s({ link: e.target.value })
 			})
 		}),
-		/* @__PURE__ */ A(fo, {
+		/* @__PURE__ */ A(uo, {
 			style: a,
 			mobileKeys: o,
 			onSet: s
 		}),
-		/* @__PURE__ */ A(ro, {
+		/* @__PURE__ */ A(eo, {
 			hideOn: i.hideOn,
 			onChange: (e) => n({ style: {
 				...i,
@@ -6691,13 +6682,13 @@ function mo({ mod: e, el: t }) {
 		})
 	] });
 }
-function ho({ mod: e, el: t }) {
-	let n = po(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = eo(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: to(i, e, r) });
+function mo({ mod: e, el: t }) {
+	let n = fo(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = Za(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: Qa(i, e, r) });
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(io, { children: "Image" }),
+		/* @__PURE__ */ A(to, { children: "Image" }),
 		/* @__PURE__ */ A(Z, {
 			label: "Image URL",
-			children: /* @__PURE__ */ A(ao, {
+			children: /* @__PURE__ */ A(no, {
 				value: t.src,
 				onChange: (e) => n({ src: e }),
 				onAlt: (e) => n({ alt: e })
@@ -6720,13 +6711,13 @@ function ho({ mod: e, el: t }) {
 		/* @__PURE__ */ j("div", {
 			className: "grid grid-cols-2 gap-2",
 			children: [/* @__PURE__ */ A(Z, {
-				label: /* @__PURE__ */ j(k, { children: ["Width", /* @__PURE__ */ A(no, { overridden: o.has("width") })] }),
+				label: /* @__PURE__ */ j(k, { children: ["Width", /* @__PURE__ */ A($a, { overridden: o.has("width") })] }),
 				children: /* @__PURE__ */ A($, {
 					value: a.width ?? 0,
 					onChange: (e) => s({ width: Number(e.target.value) })
 				})
 			}), /* @__PURE__ */ A(Z, {
-				label: /* @__PURE__ */ j(k, { children: ["Height", /* @__PURE__ */ A(no, { overridden: o.has("height") })] }),
+				label: /* @__PURE__ */ j(k, { children: ["Height", /* @__PURE__ */ A($a, { overridden: o.has("height") })] }),
 				children: /* @__PURE__ */ A($, {
 					value: a.height ?? 0,
 					onChange: (e) => s({ height: Number(e.target.value) || void 0 })
@@ -6742,7 +6733,7 @@ function ho({ mod: e, el: t }) {
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Align",
-			children: /* @__PURE__ */ j(so, {
+			children: /* @__PURE__ */ j(io, {
 				value: a.align ?? "center",
 				onChange: (e) => s({ align: e.target.value }),
 				children: [
@@ -6761,12 +6752,12 @@ function ho({ mod: e, el: t }) {
 				]
 			})
 		}),
-		/* @__PURE__ */ A(fo, {
+		/* @__PURE__ */ A(uo, {
 			style: a,
 			mobileKeys: o,
 			onSet: s
 		}),
-		/* @__PURE__ */ A(ro, {
+		/* @__PURE__ */ A(eo, {
 			hideOn: i.hideOn,
 			onChange: (e) => n({ style: {
 				...i,
@@ -6775,10 +6766,10 @@ function ho({ mod: e, el: t }) {
 		})
 	] });
 }
-function go({ mod: e, el: t }) {
-	let n = po(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = eo(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: to(i, e, r) });
+function ho({ mod: e, el: t }) {
+	let n = fo(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = Za(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: Qa(i, e, r) });
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(io, { children: "Button" }),
+		/* @__PURE__ */ A(to, { children: "Button" }),
 		/* @__PURE__ */ A(Z, {
 			label: "Label",
 			children: /* @__PURE__ */ A(Q, {
@@ -6795,14 +6786,14 @@ function go({ mod: e, el: t }) {
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Background color",
-			children: /* @__PURE__ */ A(oo, {
+			children: /* @__PURE__ */ A(ro, {
 				value: a.backgroundColor ?? "",
 				onChange: (e) => s({ backgroundColor: e })
 			})
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Text color",
-			children: /* @__PURE__ */ A(oo, {
+			children: /* @__PURE__ */ A(ro, {
 				value: a.color ?? "#FFFFFF",
 				onChange: (e) => s({ color: e })
 			})
@@ -6825,7 +6816,7 @@ function go({ mod: e, el: t }) {
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Align",
-			children: /* @__PURE__ */ j(so, {
+			children: /* @__PURE__ */ j(io, {
 				value: a.align ?? "center",
 				onChange: (e) => s({ align: e.target.value }),
 				children: [
@@ -6844,12 +6835,12 @@ function go({ mod: e, el: t }) {
 				]
 			})
 		}),
-		/* @__PURE__ */ A(fo, {
+		/* @__PURE__ */ A(uo, {
 			style: a,
 			mobileKeys: o,
 			onSet: s
 		}),
-		/* @__PURE__ */ A(ro, {
+		/* @__PURE__ */ A(eo, {
 			hideOn: i.hideOn,
 			onChange: (e) => n({ style: {
 				...i,
@@ -6858,9 +6849,9 @@ function go({ mod: e, el: t }) {
 		})
 	] });
 }
-function _o({ mod: e, el: t }) {
-	let n = po(e, t);
-	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(io, { children: "Spacer" }), /* @__PURE__ */ A(Z, {
+function go({ mod: e, el: t }) {
+	let n = fo(e, t);
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(to, { children: "Spacer" }), /* @__PURE__ */ A(Z, {
 		label: "Height (px)",
 		children: /* @__PURE__ */ A($, {
 			value: t.height,
@@ -6868,13 +6859,13 @@ function _o({ mod: e, el: t }) {
 		})
 	})] });
 }
-function vo({ mod: e, el: t }) {
-	let n = po(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = eo(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: to(i, e, r) });
+function _o({ mod: e, el: t }) {
+	let n = fo(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = Za(i, r), o = new Set(Object.keys(i.mobile ?? {})), s = (e) => n({ style: Qa(i, e, r) });
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(io, { children: "Divider" }),
+		/* @__PURE__ */ A(to, { children: "Divider" }),
 		/* @__PURE__ */ A(Z, {
 			label: "Color",
-			children: /* @__PURE__ */ A(oo, {
+			children: /* @__PURE__ */ A(ro, {
 				value: a.color ?? "#E5E7EB",
 				onChange: (e) => s({ color: e })
 			})
@@ -6886,12 +6877,12 @@ function vo({ mod: e, el: t }) {
 				onChange: (e) => s({ thickness: Number(e.target.value) })
 			})
 		}),
-		/* @__PURE__ */ A(fo, {
+		/* @__PURE__ */ A(uo, {
 			style: a,
 			mobileKeys: o,
 			onSet: s
 		}),
-		/* @__PURE__ */ A(ro, {
+		/* @__PURE__ */ A(eo, {
 			hideOn: i.hideOn,
 			onChange: (e) => n({ style: {
 				...i,
@@ -6900,7 +6891,7 @@ function vo({ mod: e, el: t }) {
 		})
 	] });
 }
-function yo(e = 0) {
+function vo(e = 0) {
 	let t = e + 1;
 	return {
 		id: `p_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`,
@@ -6913,17 +6904,17 @@ function yo(e = 0) {
 		link: "#"
 	};
 }
-function bo({ mod: e, el: t }) {
-	let n = po(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = eo(i, r), o = (e) => n({ style: to(i, e, r) }), s = (e) => n({ products: e }), c = (e) => {
+function yo({ mod: e, el: t }) {
+	let n = fo(e, t), r = I((e) => e.viewMode), i = t.style ?? {}, a = Za(i, r), o = (e) => n({ style: Qa(i, e, r) }), s = (e) => n({ products: e }), c = (e) => {
 		let r = e, i = t.products.slice();
-		if (i.length < r) for (; i.length < r;) i.push(yo(i.length));
+		if (i.length < r) for (; i.length < r;) i.push(vo(i.length));
 		n({
 			columns: e,
 			products: i
 		});
 	};
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(io, { children: "Product Grid" }),
+		/* @__PURE__ */ A(to, { children: "Product Grid" }),
 		/* @__PURE__ */ j(Z, {
 			label: "Columns (desktop)",
 			children: [/* @__PURE__ */ A("div", {
@@ -6948,21 +6939,21 @@ function bo({ mod: e, el: t }) {
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Show old price",
-			children: /* @__PURE__ */ A(xo, {
+			children: /* @__PURE__ */ A(bo, {
 				checked: t.showOldPrice,
 				onChange: (e) => n({ showOldPrice: e })
 			})
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Show description",
-			children: /* @__PURE__ */ A(xo, {
+			children: /* @__PURE__ */ A(bo, {
 				checked: t.showDescription,
 				onChange: (e) => n({ showDescription: e })
 			})
 		}),
 		/* @__PURE__ */ A(Z, {
 			label: "Show button",
-			children: /* @__PURE__ */ A(xo, {
+			children: /* @__PURE__ */ A(bo, {
 				checked: t.showButton,
 				onChange: (e) => n({ showButton: e })
 			})
@@ -6979,17 +6970,17 @@ function bo({ mod: e, el: t }) {
 			className: "mt-4 pt-3 border-t border-gray-100",
 			children: [/* @__PURE__ */ j("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ j(io, { children: [
+				children: [/* @__PURE__ */ j(to, { children: [
 					"Products (",
 					t.products.length,
 					")"
 				] }), /* @__PURE__ */ j("button", {
-					onClick: () => s([...t.products, yo(t.products.length)]),
+					onClick: () => s([...t.products, vo(t.products.length)]),
 					className: "flex items-center gap-1 px-1.5 py-0.5 text-[11px] text-blue-600 hover:bg-blue-50 rounded",
 					title: "Add product",
 					children: [/* @__PURE__ */ A(ue, { size: 12 }), " Add"]
 				})]
-			}), t.products.map((e, n) => /* @__PURE__ */ A(So, {
+			}), t.products.map((e, n) => /* @__PURE__ */ A(xo, {
 				index: n,
 				product: e,
 				showOldPrice: t.showOldPrice,
@@ -7005,45 +6996,45 @@ function bo({ mod: e, el: t }) {
 		/* @__PURE__ */ j("div", {
 			className: "mt-4 pt-3 border-t border-gray-100",
 			children: [
-				/* @__PURE__ */ A(io, { children: "Style" }),
+				/* @__PURE__ */ A(to, { children: "Style" }),
 				/* @__PURE__ */ A(Z, {
 					label: "Card background",
-					children: /* @__PURE__ */ A(oo, {
+					children: /* @__PURE__ */ A(ro, {
 						value: a.cardBackgroundColor ?? "",
 						onChange: (e) => o({ cardBackgroundColor: e })
 					})
 				}),
 				/* @__PURE__ */ A(Z, {
 					label: "Name color",
-					children: /* @__PURE__ */ A(oo, {
+					children: /* @__PURE__ */ A(ro, {
 						value: a.nameColor ?? "",
 						onChange: (e) => o({ nameColor: e })
 					})
 				}),
 				/* @__PURE__ */ A(Z, {
 					label: "Final price color",
-					children: /* @__PURE__ */ A(oo, {
+					children: /* @__PURE__ */ A(ro, {
 						value: a.finalPriceColor ?? "",
 						onChange: (e) => o({ finalPriceColor: e })
 					})
 				}),
 				/* @__PURE__ */ A(Z, {
 					label: "Old price color",
-					children: /* @__PURE__ */ A(oo, {
+					children: /* @__PURE__ */ A(ro, {
 						value: a.oldPriceColor ?? "",
 						onChange: (e) => o({ oldPriceColor: e })
 					})
 				}),
 				/* @__PURE__ */ A(Z, {
 					label: "Button background",
-					children: /* @__PURE__ */ A(oo, {
+					children: /* @__PURE__ */ A(ro, {
 						value: a.buttonBackgroundColor ?? "",
 						onChange: (e) => o({ buttonBackgroundColor: e })
 					})
 				}),
 				/* @__PURE__ */ A(Z, {
 					label: "Button text color",
-					children: /* @__PURE__ */ A(oo, {
+					children: /* @__PURE__ */ A(ro, {
 						value: a.buttonColor ?? "",
 						onChange: (e) => o({ buttonColor: e })
 					})
@@ -7055,7 +7046,7 @@ function bo({ mod: e, el: t }) {
 						onChange: (e) => o({ borderRadius: Number(e.target.value) })
 					})
 				}),
-				/* @__PURE__ */ A(fo, {
+				/* @__PURE__ */ A(uo, {
 					style: a,
 					onSet: o
 				})
@@ -7063,14 +7054,14 @@ function bo({ mod: e, el: t }) {
 		})
 	] });
 }
-function xo({ checked: e, onChange: t }) {
+function bo({ checked: e, onChange: t }) {
 	return /* @__PURE__ */ A("button", {
 		onClick: () => t(!e),
 		className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${e ? "bg-blue-600" : "bg-gray-300"}`,
 		children: /* @__PURE__ */ A("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${e ? "translate-x-4" : "translate-x-0.5"}` })
 	});
 }
-function So({ index: e, product: t, showOldPrice: n, showDescription: r, showButton: i, onChange: a, onDelete: o }) {
+function xo({ index: e, product: t, showOldPrice: n, showDescription: r, showButton: i, onChange: a, onDelete: o }) {
 	let s = (e) => a({
 		...t,
 		...e
@@ -7099,7 +7090,7 @@ function So({ index: e, product: t, showOldPrice: n, showDescription: r, showBut
 			}),
 			/* @__PURE__ */ A(Z, {
 				label: "Image URL",
-				children: /* @__PURE__ */ A(ao, {
+				children: /* @__PURE__ */ A(no, {
 					value: t.image,
 					onChange: (e) => s({ image: e }),
 					onAlt: (e) => s({ imageAlt: e })
@@ -7148,7 +7139,7 @@ function So({ index: e, product: t, showOldPrice: n, showDescription: r, showBut
 }
 //#endregion
 //#region src/modules/basic.ts
-var Co = [
+var So = [
 	{
 		type: "basic.text",
 		category: "basic",
@@ -7235,7 +7226,7 @@ var Co = [
 		],
 		create: () => H("basic.divider", "Divider", [V()])
 	}
-], wo = [
+], Co = [
 	{
 		type: "header.logo",
 		category: "header",
@@ -7509,7 +7500,7 @@ var Co = [
 			lineHeight: 1.2
 		})])
 	}
-], To = [
+], wo = [
 	{
 		type: "menu.horizontal",
 		category: "menu",
@@ -7633,7 +7624,7 @@ var Co = [
 			paddingBottom: 12
 		})])
 	}
-], Eo = [
+], To = [
 	{
 		type: "content.headline_body",
 		category: "content",
@@ -8243,7 +8234,7 @@ var Co = [
 			paddingRight: 16
 		})
 	}
-], Do = [
+], Eo = [
 	{
 		type: "feature.list",
 		category: "feature",
@@ -8423,8 +8414,137 @@ var Co = [
 			paddingTop: 8,
 			paddingBottom: 16
 		})])
+	},
+	{
+		type: "feature.gradient_hero",
+		category: "feature",
+		name: "Gradient Hero CTA",
+		description: "Bold centered hero with an eyebrow, oversized headline and a primary CTA button. Great for launch announcements and campaign openers.",
+		tags: [
+			"hero",
+			"launch",
+			"cta",
+			"bold",
+			"announcement"
+		],
+		create: () => H("feature.gradient_hero", "Gradient Hero CTA", [
+			W("Introducing", { align: "center" }),
+			U("Something new is here", {
+				level: 1,
+				align: "center",
+				paddingTop: 4,
+				paddingBottom: 8
+			}),
+			L("A fresh way to reach your audience — crafted for the inbox.", {
+				align: "center",
+				color: "{colors.muted}",
+				fontSize: 16,
+				paddingBottom: 20
+			}),
+			z("Explore now", "#", { align: "center" })
+		], {
+			backgroundColor: "{colors.surface}",
+			paddingTop: 40,
+			paddingBottom: 40
+		})
+	},
+	{
+		type: "feature.pull_quote",
+		category: "feature",
+		name: "Pull Quote",
+		description: "Large centered quotation with an attribution line. Use to highlight a testimonial or a memorable line.",
+		tags: [
+			"quote",
+			"testimonial",
+			"highlight",
+			"pull-quote"
+		],
+		create: () => H("feature.pull_quote", "Pull Quote", [L("“This is the fastest we’ve ever shipped a campaign.”", {
+			fontFamily: "{fonts.heading}",
+			fontSize: 24,
+			align: "center",
+			lineHeight: 1.4,
+			paddingTop: 28,
+			paddingBottom: 8
+		}), G("— A very happy customer", {
+			align: "center",
+			paddingBottom: 28
+		})])
+	},
+	{
+		type: "feature.stat_row",
+		category: "feature",
+		name: "Stat Row",
+		description: "Three short number + label pairs in a row. Use to show traction, metrics or highlights.",
+		tags: [
+			"stats",
+			"metrics",
+			"numbers",
+			"row",
+			"kpi"
+		],
+		create: () => H("feature.stat_row", "Stat Row", [U("By the numbers", {
+			align: "center",
+			paddingTop: 24
+		}), L("<b>10k+</b> subscribers &nbsp;·&nbsp; <b>98%</b> delivery &nbsp;·&nbsp; <b>4.9★</b> rating", {
+			align: "center",
+			color: "{colors.muted}",
+			paddingBottom: 24
+		})])
+	},
+	{
+		type: "feature.single_product_spotlight",
+		category: "feature",
+		name: "Single Product Spotlight",
+		description: "One product with image, name, price and buy button. Use to feature a hero product in a feature-focused email.",
+		tags: [
+			"product",
+			"spotlight",
+			"single",
+			"buy",
+			"shop",
+			"ecommerce"
+		],
+		create: () => H("feature.single_product_spotlight", "Product Spotlight", [ot([q({
+			name: "The Signature Bag",
+			finalPrice: "$129",
+			oldPrice: "$159",
+			description: "Handmade, built to last.",
+			image: K(520, 520, "Product")
+		})], {
+			columns: 1,
+			showDescription: !0,
+			buttonLabel: "Buy now"
+		})])
+	},
+	{
+		type: "feature.pill_nav",
+		category: "feature",
+		name: "Pill Navigation",
+		description: "Centered row of navigation links with a divider below. Compact feature nav block for use inside email content sections.",
+		tags: [
+			"menu",
+			"nav",
+			"links",
+			"pill"
+		],
+		create: () => H("feature.pill_nav", "Pill Navigation", [
+			R(K(120, 32, "LOGO"), "Logo", {
+				width: 120,
+				paddingBottom: 8
+			}),
+			L("<a href=\"#\">Shop</a> &nbsp; <a href=\"#\">New</a> &nbsp; <a href=\"#\">Sale</a> &nbsp; <a href=\"#\">About</a>", {
+				align: "center",
+				color: "{colors.primary}",
+				paddingBottom: 8
+			}),
+			V({
+				paddingTop: 4,
+				paddingBottom: 0
+			})
+		])
 	}
-], Oo = [
+], Do = [
 	{
 		type: "cta.simple",
 		category: "call_to_action",
@@ -8651,7 +8771,7 @@ var Co = [
 			lineHeight: 1.6
 		})])
 	}
-], ko = [
+], Oo = [
 	{
 		type: "ecom.product_single",
 		category: "ecommerce",
@@ -8933,7 +9053,7 @@ var Co = [
 			showOldPrice: !0
 		})])
 	}
-], Ao = [
+], ko = [
 	{
 		type: "tx.order_summary",
 		category: "transactional",
@@ -9136,7 +9256,7 @@ var Co = [
 			B(16)
 		])
 	}
-], jo = [
+], Ao = [
 	{
 		type: "social.icons",
 		category: "social",
@@ -9254,11 +9374,11 @@ var Co = [
 			B(8)
 		])
 	}
-], Mo = {
+], jo = {
 	backgroundColor: "{colors.background}",
 	paddingTop: 0,
 	paddingBottom: 0
-}, No = [
+}, Mo = [
 	{
 		type: "footer.simple",
 		category: "footer",
@@ -9287,7 +9407,7 @@ var Co = [
 				paddingBottom: 24
 			})
 		], {
-			...Mo,
+			...jo,
 			paddingTop: 24
 		})
 	},
@@ -9320,7 +9440,7 @@ var Co = [
 				align: "center",
 				paddingBottom: 24
 			})
-		], Mo)
+		], jo)
 	},
 	{
 		type: "footer.legal",
@@ -9344,7 +9464,7 @@ var Co = [
 			color: "{colors.muted}",
 			fontSize: 11,
 			paddingBottom: 24
-		})], Mo)
+		})], jo)
 	},
 	{
 		type: "footer.publisher",
@@ -9391,7 +9511,7 @@ var Co = [
 				paddingTop: 4,
 				paddingBottom: 24
 			})
-		], Mo)
+		], jo)
 	},
 	{
 		type: "footer.app_links",
@@ -9433,7 +9553,7 @@ var Co = [
 				align: "center",
 				paddingBottom: 24
 			})
-		], Mo)
+		], jo)
 	},
 	{
 		type: "footer.address_only",
@@ -9453,7 +9573,7 @@ var Co = [
 			align: "center",
 			paddingBottom: 16
 		})], {
-			...Mo,
+			...jo,
 			paddingTop: 16
 		})
 	},
@@ -9489,7 +9609,7 @@ var Co = [
 				align: "center",
 				paddingBottom: 24
 			})
-		], Mo)
+		], jo)
 	},
 	{
 		type: "footer.signature",
@@ -9523,11 +9643,12 @@ var Co = [
 				paddingBottom: 24
 			})
 		], {
-			...Mo,
+			...jo,
 			paddingTop: 0
 		})
 	}
-], Po = [
+], No = [
+	...So,
 	...Co,
 	...wo,
 	...To,
@@ -9536,19 +9657,18 @@ var Co = [
 	...Oo,
 	...ko,
 	...Ao,
-	...jo,
-	...No
-], Fo = !1;
-function Io() {
-	if (!Fo) {
-		for (let e of Po) _t.register(e);
-		Fo = !0;
+	...Mo
+], Po = !1;
+function Fo() {
+	if (!Po) {
+		for (let e of No) yt.register(e);
+		Po = !0;
 	}
 }
 //#endregion
 //#region src/App.tsx
-Io();
-function Lo() {
+Fo();
+function Io() {
 	let { doc: e, addModule: t, loadFromLocalStorage: n } = I();
 	return s(() => {
 		if (n(), I.getState().doc.modules.length === 0) {
@@ -9558,7 +9678,7 @@ function Lo() {
 				"cta.simple",
 				"footer.simple"
 			]) {
-				let n = _t.get(e);
+				let n = yt.get(e);
 				n && t(n.create());
 			}
 			I.setState({
@@ -9575,170 +9695,21 @@ function Lo() {
 		children: [/* @__PURE__ */ A(mt, {}), /* @__PURE__ */ j("div", {
 			className: "flex flex-1 overflow-hidden",
 			children: [
-				/* @__PURE__ */ A(Ht, {}),
-				/* @__PURE__ */ A(ha, {}),
-				/* @__PURE__ */ A(Qa, {})
+				/* @__PURE__ */ A(Ut, {}),
+				/* @__PURE__ */ A(fa, {}),
+				/* @__PURE__ */ A(Ya, {})
 			]
 		})]
 	});
 }
 //#endregion
-//#region src/gallery/sampleGallery.ts
-var Ro = {
-	id: "starter-gallery",
-	name: "Starter Gallery",
-	description: "A curated set of extra header, content, ecommerce and menu styles to showcase how galleries extend the builder.",
-	badge: "New",
-	items: [
-		{
-			type: "gallery.header.gradient_hero",
-			category: "header",
-			name: "Gradient Hero",
-			description: "Bold centered hero with an eyebrow, oversized headline and a primary button on a tinted background. Great for launch announcements.",
-			tags: [
-				"hero",
-				"gradient",
-				"launch",
-				"cta",
-				"bold"
-			],
-			create: () => H("gallery.header.gradient_hero", "Gradient Hero", [
-				W("Introducing", { align: "center" }),
-				U("Something new is here", {
-					level: 1,
-					align: "center",
-					paddingTop: 4,
-					paddingBottom: 8
-				}),
-				L("A fresh way to reach your audience — crafted for the inbox.", {
-					align: "center",
-					color: "{colors.muted}",
-					fontSize: 16,
-					paddingBottom: 20
-				}),
-				z("Explore now", "#", { align: "center" })
-			], {
-				backgroundColor: "{colors.surface}",
-				paddingTop: 40,
-				paddingBottom: 40
-			})
-		},
-		{
-			type: "gallery.content.quote",
-			category: "content",
-			name: "Pull Quote",
-			description: "Large centered quotation with an attribution line. Use to highlight a testimonial or a memorable line.",
-			tags: [
-				"quote",
-				"testimonial",
-				"highlight",
-				"pull-quote"
-			],
-			create: () => H("gallery.content.quote", "Pull Quote", [L("“This is the fastest we've ever shipped a campaign.”", {
-				fontFamily: "{fonts.heading}",
-				fontSize: 24,
-				align: "center",
-				lineHeight: 1.4,
-				paddingTop: 28,
-				paddingBottom: 8
-			}), G("— A very happy customer", {
-				align: "center",
-				paddingBottom: 28
-			})])
-		},
-		{
-			type: "gallery.content.stat_row",
-			category: "content",
-			name: "Stat Row",
-			description: "Three short number + label pairs in a row. Use to show traction, metrics or highlights.",
-			tags: [
-				"stats",
-				"metrics",
-				"numbers",
-				"row",
-				"kpi"
-			],
-			create: () => H("gallery.content.stat_row", "Stat Row", [U("By the numbers", {
-				align: "center",
-				paddingTop: 24
-			}), L("<b>10k+</b> subscribers &nbsp;·&nbsp; <b>98%</b> delivery &nbsp;·&nbsp; <b>4.9★</b> rating", {
-				align: "center",
-				color: "{colors.muted}",
-				paddingBottom: 24
-			})])
-		},
-		{
-			type: "gallery.ecommerce.single_product",
-			category: "ecommerce",
-			name: "Single Product Spotlight",
-			description: "One product with image, name, price and buy button. Use to feature a hero product.",
-			tags: [
-				"product",
-				"spotlight",
-				"single",
-				"buy",
-				"shop"
-			],
-			create: () => H("gallery.ecommerce.single_product", "Product Spotlight", [ot([q({
-				name: "The Signature Bag",
-				finalPrice: "$129",
-				oldPrice: "$159",
-				description: "Handmade, built to last.",
-				image: K(520, 520, "Product")
-			})], {
-				columns: 1,
-				showDescription: !0,
-				buttonLabel: "Buy now"
-			})])
-		},
-		{
-			type: "gallery.menu.pill_nav",
-			category: "menu",
-			name: "Pill Navigation",
-			description: "Centered row of navigation links with a divider below. Compact top-of-email menu.",
-			tags: [
-				"menu",
-				"nav",
-				"links",
-				"pill"
-			],
-			create: () => H("gallery.menu.pill_nav", "Pill Navigation", [
-				R(K(120, 32, "LOGO"), "Logo", {
-					width: 120,
-					paddingBottom: 8
-				}),
-				L("<a href=\"#\">Shop</a> &nbsp; <a href=\"#\">New</a> &nbsp; <a href=\"#\">Sale</a> &nbsp; <a href=\"#\">About</a>", {
-					align: "center",
-					color: "{colors.primary}",
-					paddingBottom: 8
-				}),
-				V({
-					paddingTop: 4,
-					paddingBottom: 0
-				})
-			])
-		}
-	]
-};
-//#endregion
-//#region src/gallery/index.ts
-function zo(...e) {
-	return {
-		name: "gallery",
-		type: "modules",
-		setup(t) {
-			for (let t of e) yt.registerGallery(t);
-		}
-	};
-}
-//#endregion
 //#region src/ai/provider.ts
-var Bo = (e) => {
+var Lo = (e) => {
 	if (e && typeof e == "object") return e;
 	throw Error("AI server returned a non-object response.");
 };
-function Vo(e) {
-	let t = e.transformResponse ?? Bo, n = e.timeoutMs ?? 6e4;
+function Ro(e) {
+	let t = e.transformResponse ?? Lo, n = e.timeoutMs ?? 6e4;
 	return { async generate(r) {
 		let i = new AbortController(), a = setTimeout(() => i.abort(), n);
 		try {
@@ -9769,8 +9740,8 @@ function Vo(e) {
 }
 //#endregion
 //#region src/ai/index.ts
-function Ho(e) {
-	let t = Vo(e);
+function zo(e) {
+	let t = Ro(e);
 	return {
 		name: "ai-assistant",
 		type: "ai-provider",
@@ -9781,7 +9752,7 @@ function Ho(e) {
 }
 //#endregion
 //#region src/plugins/imageUploader/index.ts
-var Uo = (e) => {
+var Bo = (e) => {
 	if (e && typeof e == "object" && "url" in e && typeof e.url == "string") {
 		let t = e;
 		return {
@@ -9791,8 +9762,8 @@ var Uo = (e) => {
 	}
 	throw Error("Server response missing \"url\" string field.");
 };
-function Wo(e) {
-	let t = e.fieldName ?? "file", n = (e.maxSizeMB ?? 10) * 1024 * 1024, r = e.transformResponse ?? Uo;
+function Vo(e) {
+	let t = e.fieldName ?? "file", n = (e.maxSizeMB ?? 10) * 1024 * 1024, r = e.transformResponse ?? Bo;
 	return { upload(i) {
 		return i.type.startsWith("image/") ? i.size > n ? Promise.reject(/* @__PURE__ */ Error(`File too large: ${(i.size / 1024 / 1024).toFixed(2)} MB > ${e.maxSizeMB ?? 10} MB`)) : new Promise((n, a) => {
 			let o = new XMLHttpRequest(), s = new FormData();
@@ -9817,25 +9788,24 @@ function Wo(e) {
 		}) : Promise.reject(/* @__PURE__ */ Error(`Not an image: ${i.type || "unknown"}`));
 	} };
 }
-function Go(e) {
+function Ho(e) {
 	return {
 		name: "image-uploader",
 		type: "asset-provider",
 		setup(t) {
-			t.registerAssetProvider(Wo(e));
+			t.registerAssetProvider(Vo(e));
 		}
 	};
 }
 //#endregion
 //#region src/index.ts
-function Ko(e) {
+function Uo(e) {
 	return s(() => {
-		if (Io(), e.modules) for (let t of e.modules) _t.register(t);
-		if (e.galleries) for (let t of e.galleries) yt.registerGallery(t);
-		if (e.themes && I.setState({ themes: e.themes }), e.aiProvider) Da.setAIProvider(e.aiProvider);
+		if (Fo(), e.modules) for (let t of e.modules) yt.register(t);
+		if (e.themes && I.setState({ themes: e.themes }), e.aiProvider) wa.setAIProvider(e.aiProvider);
 		else if (e.aiEndpoint) {
 			let t = typeof e.aiEndpoint == "string" ? { endpoint: e.aiEndpoint } : e.aiEndpoint;
-			Da.setAIProvider(Vo(t));
+			wa.setAIProvider(Ro(t));
 		}
 		if (e.initialDocument) {
 			let t = Me.safeParse(e.initialDocument);
@@ -9849,11 +9819,11 @@ function Ko(e) {
 		if (e.onExportHtml) return I.subscribe((t, n) => {
 			t.doc !== n.doc && e.onExportHtml?.(Je(t.doc));
 		});
-	}, [e.onExportHtml]), r(Lo);
+	}, [e.onExportHtml]), r(Io);
 }
-function qo(t) {
+function Wo(t) {
 	let n = e(t.container);
-	return n.render(r(Ko, t)), {
+	return n.render(r(Uo, t)), {
 		destroy: () => n.unmount(),
 		getDocument: () => I.getState().doc,
 		exportHtml: () => I.getState().exportHtml(),
@@ -9861,6 +9831,6 @@ function qo(t) {
 	};
 }
 //#endregion
-export { ja as ALGORITHMS, Ma as ALGORITHM_BY_ID, Ko as EmailBuilder, Na as FALLBACK_OPTIONS, it as TEMPLATE_CATEGORY_LABELS, Ho as aiAssistantPlugin, kt as applyAIActions, It as applyAIResponse, Ot as buildCatalog, qo as createEmailBuilder, Vo as createHttpAIProvider, Pa as defaultRecommendationsLogic, Me as documentSchema, zo as galleryPlugin, yt as galleryRegistry, Go as imageUploaderPlugin, Mt as mockAIProvider, Fa as readRecommendationsLogic, Ra as recommendationsToLegacyShape, Oa as registerPlugin, Je as renderEmailHtml, Ro as sampleGallery, rt as templateRegistry, jt as validateAIDocument };
+export { Oa as ALGORITHMS, ka as ALGORITHM_BY_ID, Uo as EmailBuilder, Aa as FALLBACK_OPTIONS, it as TEMPLATE_CATEGORY_LABELS, zo as aiAssistantPlugin, At as applyAIActions, Lt as applyAIResponse, kt as buildCatalog, Wo as createEmailBuilder, Ro as createHttpAIProvider, ja as defaultRecommendationsLogic, Me as documentSchema, Ho as imageUploaderPlugin, Nt as mockAIProvider, Ma as readRecommendationsLogic, Fa as recommendationsToLegacyShape, Ta as registerPlugin, Je as renderEmailHtml, rt as templateRegistry, Mt as validateAIDocument };
 
 //# sourceMappingURL=email-builder.js.map