@templatical/editor 0.27.3 → 0.27.4

package/dist/cdn/editor.js

@@ -1,39 +1,39 @@
 import { B as e, E as t, F as n, H as r, I as i, K as a, M as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, _ as h, at as g, b as _, c as v, ct as y, f as b, g as x, h as S, j as C, k as w, l as T, lt as E, m as D, n as O, o as k, p as A, q as j, r as M, s as N, t as ee, u as P, ut as F, w as I, x as L, y as R } from "./chunks/draggable-BfpsXFg7.js";
-import { H as z, L as B, R as V, S as H, T as U, a as te, b as W, c as ne, d as re, h as ie, i as G, l as ae, o as oe, r as se, x as ce } from "./chunks/src-B_QJduQD.js";
-import { B as le, C as ue, D as de, F as fe, I as pe, L as me, N as he, O as ge, P as _e, R as ve, _ as ye, a as be, b as xe, c as Se, d as Ce, f as we, g as Te, h as Ee, i as De, j as Oe, k as ke, l as Ae, m as je, n as Me, o as Ne, p as Pe, r as Fe, s as Ie, t as Le, v as Re, w as ze, y as Be } from "./chunks/useEditorCore-BtEO1qms.js";
-import { _ as Ve, d as He, g as Ue } from "./chunks/dist-CYLJiSiH.js";
-import { a as We } from "./chunks/dist-CM8TB0VD.js";
-import { B as Ge, D as Ke, F as qe, H as Je, L as Ye, N as Xe, O as Ze, U as Qe, V as $e, W as et, _ as tt, c as nt, d as rt, f as it, h as at, j as ot, k as st, m as ct, n as lt, o as ut, p as dt, r as ft, s as pt, u as mt, w as ht, z as gt } from "./chunks/keys-oJdkdtPn.js";
-import { t as K } from "./chunks/useI18n-4sUbTM3Y.js";
-import { t as _t } from "./chunks/logger-ByvdoAwq.js";
-import { a as vt, n as yt } from "./chunks/usePopoverPosition-C1N2kaiZ.js";
-import { $ as bt, At as xt, D as St, E as Ct, Et as wt, F as Tt, I as Et, It as Dt, Lt as Ot, M as kt, Mt as At, N as jt, Ot as Mt, P as Nt, Q as Pt, Rt as Ft, T as It, Tt as Lt, U as Rt, Y as zt, _ as Bt, _t as Vt, b as Ht, d as Ut, dt as Wt, et as Gt, ft as Kt, g as qt, it as Jt, j as Yt, lt as Xt, m as Zt, n as Qt, nt as $t, pt as en, q as tn, rt as nn, s as rn, st as an, tt as on, w as sn, wt as cn, z as ln } from "./chunks/icons-C36Ha5VU.js";
-import { t as un } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as dn } from "./chunks/useCloudI18n-Ch-SiRjU.js";
-import { t as fn } from "./chunks/useMergeTag-DxjTEyin.js";
-import { t as pn } from "./chunks/useAliveFlag-Dtm174fG.js";
-import { t as mn } from "./chunks/preRenderCustomBlocks-CbA3RcAy.js";
-import { n as hn, t as gn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
-import { t as _n } from "./chunks/readableTextColor-f8Kykfnh.js";
-import { t as vn } from "./chunks/blockTypeIcons-hX_W4dqo.js";
-import { t as yn } from "./chunks/useScrollToBlock-BvWAfWd8.js";
-import { S as bn, _ as xn, b as Sn, c as Cn, g as q, h as J, l as wn, m as Y, p as X, r as Tn, t as En, y as Dn } from "./chunks/styleConstants-9oK5kn21.js";
-import { t as Z } from "./chunks/ColorPicker-B-we7_bC.js";
-import { n as On, r as kn } from "./chunks/MergeTagSuggestion-DhllqTA3.js";
-import { i as Q, n as An, r as jn, t as Mn } from "./chunks/NumberWithSuffix-mm6AfIv4.js";
-import { n as Nn, t as Pn } from "./chunks/MergeTagModeToggle-CfFrfYNC.js";
-import { t as Fn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
-import { t as In } from "./chunks/TplModal-C51W8LTn.js";
+import { H as z, L as B, R as V, S as H, T as U, a as W, b as G, c as te, d as ne, h as re, i as K, l as ie, o as ae, r as oe, x as se } from "./chunks/src-B_QJduQD.js";
+import { B as ce, C as le, D as ue, F as de, I as fe, L as pe, N as me, O as he, P as ge, R as _e, _ as ve, a as ye, b as be, c as xe, d as Se, f as Ce, g as we, h as Te, i as Ee, j as De, k as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, r as Pe, s as Fe, t as Ie, v as Le, w as Re, y as ze } from "./chunks/useEditorCore-D84laTMj.js";
+import { _ as Be, d as Ve, g as He } from "./chunks/dist-CYLJiSiH.js";
+import { a as Ue } from "./chunks/dist-CM8TB0VD.js";
+import { B as We, D as Ge, F as Ke, H as qe, L as Je, N as Ye, O as Xe, U as Ze, V as Qe, W as $e, _ as et, c as tt, d as nt, f as rt, h as it, j as at, k as ot, m as st, n as ct, o as lt, p as ut, r as dt, s as ft, u as pt, w as mt, z as ht } from "./chunks/keys-oJdkdtPn.js";
+import { t as q } from "./chunks/useI18n-4sUbTM3Y.js";
+import { t as gt } from "./chunks/logger-ByvdoAwq.js";
+import { a as _t, n as vt } from "./chunks/usePopoverPosition-C1N2kaiZ.js";
+import { $ as yt, At as bt, D as xt, E as St, Et as Ct, F as wt, I as Tt, It as Et, Lt as Dt, M as Ot, Mt as kt, N as At, Ot as jt, P as Mt, Q as Nt, Rt as Pt, T as Ft, Tt as It, U as Lt, Y as Rt, _ as zt, _t as Bt, b as Vt, d as Ht, dt as Ut, et as Wt, ft as Gt, g as Kt, it as qt, j as Jt, lt as Yt, m as Xt, n as Zt, nt as Qt, pt as $t, q as en, rt as tn, s as nn, st as rn, tt as an, w as on, wt as sn, z as cn } from "./chunks/icons-Dl5bcXmT.js";
+import { t as ln } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as un } from "./chunks/useCloudI18n-Ch-SiRjU.js";
+import { t as dn } from "./chunks/useMergeTag-DxjTEyin.js";
+import { t as fn } from "./chunks/useAliveFlag-Dtm174fG.js";
+import { t as pn } from "./chunks/preRenderCustomBlocks-CbA3RcAy.js";
+import { n as mn, t as hn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
+import { t as gn } from "./chunks/readableTextColor-f8Kykfnh.js";
+import { t as _n } from "./chunks/blockTypeIcons-A9qFb1cR.js";
+import { t as vn } from "./chunks/useScrollToBlock-BvWAfWd8.js";
+import { S as yn, _ as bn, b as xn, c as Sn, g as J, h as Y, l as Cn, m as X, p as Z, r as wn, t as Tn, y as En } from "./chunks/styleConstants-9oK5kn21.js";
+import { t as Q } from "./chunks/ColorPicker-d4kY7WWd.js";
+import { n as Dn, r as On } from "./chunks/MergeTagSuggestion-DhllqTA3.js";
+import { i as $, n as kn, r as An, t as jn } from "./chunks/NumberWithSuffix-mm6AfIv4.js";
+import { n as Mn, t as Nn } from "./chunks/MergeTagModeToggle-CkpKFx9N.js";
+import { t as Pn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
+import { t as Fn } from "./chunks/TplModal-DSTVZKuI.js";
 //#region src/composables/useCommentsFeature.ts
-function Ln(t) {
-	let { provider: n, editor: r } = t, i = _e({
+function In(t) {
+	let { provider: n, editor: r } = t, i = ge({
 		provider: n,
 		getTemplateId: () => r.state.template?.id ?? null,
 		getUser: () => t.user ?? null,
 		onComment: t.onComment,
 		onError: t.onError
 	});
-	he({
+	me({
 		comments: i,
 		provider: n,
 		getTemplateId: () => r.state.template?.id ?? null
@@ -86,8 +86,8 @@ function Ln(t) {
 }
 //#endregion
 //#region src/composables/useSavedBlocksFeature.ts
-function Rn(t) {
-	let { provider: n, editor: r } = t, i = me({
+function Ln(t) {
+	let { provider: n, editor: r } = t, i = pe({
 		provider: n,
 		onError: t.onError
 	}), a = l(!1), o = l(!1), s = l(!1), u = l(/* @__PURE__ */ new Set()), d = b(() => s.value), f = b(() => u.value.size);
@@ -122,7 +122,7 @@ function Rn(t) {
 	}
 	function S(e, t) {
 		for (let n = 0; n < e.content.length; n++) {
-			let i = ce(e.content[n]), a = t === void 0 ? void 0 : t + n;
+			let i = se(e.content[n]), a = t === void 0 ? void 0 : t + n;
 			r.addBlock(i, void 0, void 0, a);
 		}
 		o.value = !1;
@@ -131,7 +131,7 @@ function Rn(t) {
 		i.load().catch(() => {});
 	}
 	let w = b(() => i.savedBlocks.value.length), T = b(() => t.isAvailable?.() ?? !0);
-	return c(Ye, i), {
+	return c(Je, i), {
 		headless: i,
 		isPicking: d,
 		pickedIds: u,
@@ -168,11 +168,11 @@ function Rn(t) {
 }
 //#endregion
 //#region src/composables/useTemplatesFeature.ts
-var zn = 3e3;
-function Bn(e) {
-	let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Ve(() => {
+var Rn = 3e3;
+function zn(e) {
+	let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Be(() => {
 		r.value = "idle";
-	}, zn, { immediate: !1 }), s = b(() => typeof t.create == "function"), c = b(() => typeof t.save == "function"), u = b(() => e.isAvailable?.() ?? !0), d = b(() => n.state.template?.name), f = b(() => {
+	}, Rn, { immediate: !1 }), s = b(() => typeof t.create == "function"), c = b(() => typeof t.save == "function"), u = b(() => e.isAvailable?.() ?? !0), d = b(() => n.state.template?.name), f = b(() => {
 		let e = n.state.template;
 		return e?.updatedAt ? {
 			iso: e.updatedAt,
@@ -244,7 +244,7 @@ function Bn(e) {
 		let t = e.trim();
 		t && t !== n.state.template?.name && (n.setName(t), w());
 	}
-	return e.guardUnsavedChanges !== !1 && We(window, "beforeunload", (e) => {
+	return e.guardUnsavedChanges !== !1 && Ue(window, "beforeunload", (e) => {
 		n.state.isDirty && (e.preventDefault(), e.returnValue = "");
 	}), {
 		save: _,
@@ -279,15 +279,15 @@ function Bn(e) {
 }
 //#endregion
 //#region src/utils/toMjml.ts
-async function Vn() {
+async function Bn() {
 	try {
-		return await import("./chunks/src-B_pCqXyM.js");
+		return await import("./chunks/src-BAWlZu4B.js");
 	} catch {
 		return null;
 	}
 }
-async function Hn(e) {
-	let t = await Vn();
+async function Vn(e) {
+	let t = await Bn();
 	if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
 	let n = e.getCustomBlockStylesheet, r = e.getFonts?.();
 	return t.renderToMjml(e.getContent(), {
@@ -301,8 +301,8 @@ async function Hn(e) {
 }
 //#endregion
 //#region src/composables/useTestEmailFeature.ts
-var Un = 1200;
-function Wn(e) {
+var Hn = 1200;
+function Un(e) {
 	let { provider: t } = e, n = l(!1), r = l(!1), i = l(!1), a = l(null), o = null, s = !1;
 	function c() {
 		o !== null && (clearTimeout(o), o = null);
@@ -324,8 +324,8 @@ function Wn(e) {
 		if (!(!t.includeMjml || !e.renderMjml)) try {
 			return await e.renderMjml();
 		} catch (e) {
-			if (await Vn() === null) {
-				s || (s = !0, _t.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
+			if (await Bn() === null) {
+				s || (s = !0, gt.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
 				return;
 			}
 			throw e;
@@ -346,7 +346,7 @@ function Wn(e) {
 				content: e.getContent(),
 				...r === void 0 ? {} : { mjml: r },
 				...s === void 0 ? {} : { allowedRecipients: s }
-			}), i.value = !0, o = setTimeout(h, Un);
+			}), i.value = !0, o = setTimeout(h, Hn);
 		} catch (t) {
 			let n = t instanceof Error ? t : Error(String(t));
 			a.value = {
@@ -376,8 +376,8 @@ function Wn(e) {
 }
 //#endregion
 //#region src/composables/useVersionHistoryFeature.ts
-function Gn(e) {
-	let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = fe({
+function Wn(e) {
+	let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = de({
 		provider: t,
 		getTemplateId: () => n.state.template?.id ?? null,
 		onError: e.onError
@@ -403,7 +403,7 @@ function Gn(e) {
 			return;
 		}
 		let t = await o.resolveContent(e);
-		f || (c.value = W(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
+		f || (c.value = G(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
 	}
 	async function D() {
 		if (s.value) {
@@ -487,7 +487,7 @@ function Gn(e) {
 }
 //#endregion
 //#region src/types/auto-save.ts
-function Kn(e, t) {
+function Gn(e, t) {
 	return e === void 0 ? { enabled: t } : typeof e == "boolean" ? { enabled: e } : {
 		enabled: !0,
 		debounce: e.debounce
@@ -495,7 +495,7 @@ function Kn(e, t) {
 }
 //#endregion
 //#region src/utils/resolveLintOptions.ts
-function qn(e) {
+function Kn(e) {
 	return {
 		...e.lint,
 		locale: e.locale
@@ -503,20 +503,20 @@ function qn(e) {
 }
 //#endregion
 //#region src/utils/renderProvider.ts
-function Jn(e) {
+function qn(e) {
 	return {
 		customFonts: e.customFonts.value,
 		defaultFallback: e.defaultFallback.value
 	};
 }
-async function Yn(e) {
-	let t = W(e.getContent());
-	return await mn(t, { renderCustomBlock: e.renderCustomBlock }), {
+async function Jn(e) {
+	let t = G(e.getContent());
+	return await pn(t, { renderCustomBlock: e.renderCustomBlock }), {
 		content: t,
 		fonts: e.getFonts()
 	};
 }
-function Xn(e) {
+function Yn(e) {
 	async function t() {
 		let t = e.provider, n = t?.toMjml?.bind(t);
 		return n ? n(await e.buildPayload()) : e.renderLocalMjml();
@@ -535,13 +535,13 @@ function Xn(e) {
 }
 //#endregion
 //#region src/utils/normalizeMergeTagMarkup.ts
-function Zn(e) {
+function Xn(e) {
 	let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
 	return new RegExp(e.source, t);
 }
-function Qn(e, t, n) {
+function Zn(e, t, n) {
 	let r = [], i = (t, n, i) => {
-		let a = Zn(t), o = a.exec(e);
+		let a = Xn(t), o = a.exec(e);
 		for (; o !== null;) {
 			let t = o.index, s = t + o[0].length;
 			o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
@@ -553,9 +553,9 @@ function Qn(e, t, n) {
 			}), o = a.exec(e);
 		}
 	};
-	return i(n.logic, "data-logic-merge-tag", (e) => te(e, n)), i(n.value, "data-merge-tag", (e) => oe(e, t)), r.sort((e, t) => e.start - t.start);
+	return i(n.logic, "data-logic-merge-tag", (e) => W(e, n)), i(n.value, "data-merge-tag", (e) => ae(e, t)), r.sort((e, t) => e.start - t.start);
 }
-function $n(e) {
+function Qn(e) {
 	let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
 		if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
 		let t = e;
@@ -564,11 +564,11 @@ function $n(e) {
 	for (; r !== null;) n.push(r), r = t.nextNode();
 	return n;
 }
-function er(e, t, n) {
-	if (!e || !G(e, n) || typeof DOMParser > "u") return e;
+function $n(e, t, n) {
+	if (!e || !K(e, n) || typeof DOMParser > "u") return e;
 	let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
-	for (let e of $n(r)) {
-		let a = e.data, o = Qn(a, t, n);
+	for (let e of Qn(r)) {
+		let a = e.data, o = Zn(a, t, n);
 		if (o.length === 0) continue;
 		let s = r.createDocumentFragment(), c = 0;
 		for (let e of o) {
@@ -580,13 +580,13 @@ function er(e, t, n) {
 	}
 	return i === 0 ? e : r.body.innerHTML;
 }
-function tr(e, t, n) {
+function er(e, t, n) {
 	if (e.type === "section") {
 		if (!Array.isArray(e.children)) return e;
 		let r = !1, i = e.children.map((e) => {
 			if (!Array.isArray(e)) return e;
 			let i = !1, a = e.map((e) => {
-				let r = tr(e, t, n);
+				let r = er(e, t, n);
 				return r !== e && (i = !0), r;
 			});
 			return i ? (r = !0, a) : e;
@@ -597,16 +597,16 @@ function tr(e, t, n) {
 		} : e;
 	}
 	if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
-	let r = er(e.content, t, n);
+	let r = $n(e.content, t, n);
 	return r === e.content ? e : {
 		...e,
 		content: r
 	};
 }
-function nr(e, t, n) {
+function tr(e, t, n) {
 	if (!e || !Array.isArray(e.blocks)) return e;
 	let r = !1, i = e.blocks.map((e) => {
-		let i = tr(e, t, n);
+		let i = er(e, t, n);
 		return i !== e && (r = !0), i;
 	});
 	return r ? {
@@ -614,10 +614,10 @@ function nr(e, t, n) {
 		blocks: i
 	} : e;
 }
-function rr(e, t) {
-	return nr(e, t?.tags ?? [], ie(t?.syntax));
+function nr(e, t) {
+	return tr(e, t?.tags ?? [], re(t?.syntax));
 }
-function ir(e, t) {
+function rr(e, t) {
 	return {
 		get state() {
 			return e.state;
@@ -625,14 +625,14 @@ function ir(e, t) {
 		get content() {
 			return e.content;
 		},
-		setContent: (n, r) => e.setContent(rr(n, t), r)
+		setContent: (n, r) => e.setContent(nr(n, t), r)
 	};
 }
-function ar(e, t) {
+function ir(e, t) {
 	return {
 		...e,
 		async load(n) {
-			let r = await e.load(n), i = rr(r.content, t);
+			let r = await e.load(n), i = nr(r.content, t);
 			return i === r.content ? r : {
 				...r,
 				content: i
@@ -642,30 +642,30 @@ function ar(e, t) {
 }
 //#endregion
 //#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
-var or = ["aria-label"], sr = {
+var ar = ["aria-label"], or = {
 	key: 0,
 	role: "status",
 	"aria-busy": "true",
 	"data-testid": "preview-resolution-loading",
 	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
-}, cr = { class: "tpl:sr-only" }, lr = {
+}, sr = { class: "tpl:sr-only" }, cr = {
 	key: 1,
 	role: "status",
 	"data-testid": "preview-resolution-failed",
 	class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
-}, ur = {
+}, lr = {
 	key: 0,
 	class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
-}, dr = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, fr = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, pr = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, mr = {
+}, ur = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, dr = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, fr = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, pr = {
 	key: 0,
 	class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, hr = {
+}, mr = {
 	key: 1,
 	class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, gr = { class: "tpl:relative" }, _r = {
+}, hr = { class: "tpl:relative" }, gr = {
 	class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
 	style: { "background-color": "color-mix(\n                        in srgb,\n                        var(--tpl-bg) 30%,\n                        transparent\n                      )" }
-}, vr = /*#__PURE__*/ un(/* @__PURE__ */ d({
+}, _r = /*#__PURE__*/ ln(/* @__PURE__ */ d({
 	__name: "Canvas",
 	props: {
 		viewport: {},
@@ -682,22 +682,22 @@ var or = ["aria-label"], sr = {
 	],
 	setup(e, { emit: i }) {
 		let a = {
-			section: Ie,
-			title: Se,
-			paragraph: Pe,
-			image: Ee,
-			button: ge,
-			divider: Re,
-			spacer: De,
-			html: ye,
-			social: be,
-			menu: je,
-			table: Fe,
-			video: Me,
-			custom: Be
-		}, o = e, d = i, { t: p } = K(), { t: m } = dn(), h = et(at, "Canvas"), v = t(rt, null), C = t(pt, null), w = t(nt, {}), T = t(Ze, null), O = t(qe, null);
-		c(Qe, b(() => o.previewMode && (T?.value ?? !1) && !O?.isConfigured));
-		let k = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("chat") ?? !1)), j = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = t(ft, null), I = b({
+			section: Fe,
+			title: xe,
+			paragraph: Ne,
+			image: Te,
+			button: he,
+			divider: Le,
+			spacer: Ee,
+			html: ve,
+			social: ye,
+			menu: Ae,
+			table: Pe,
+			video: je,
+			custom: ze
+		}, o = e, d = i, { t: p } = q(), { t: m } = un(), h = $e(it, "Canvas"), v = t(nt, null), C = t(ft, null), w = t(tt, {}), T = t(Xe, null), O = t(Ke, null);
+		c(Ze, b(() => o.previewMode && (T?.value ?? !1) && !O?.isConfigured));
+		let k = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("chat") ?? !1)), j = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = t(dt, null), I = b({
 			get: () => o.content.blocks,
 			set: (e) => {
 				h.setContent({
@@ -705,27 +705,27 @@ var or = ["aria-label"], sr = {
 					blocks: e
 				});
 			}
-		}), L = b(() => hn(o.content.settings, o.viewport)), z = b(() => L.value + 192), B = b(() => Ce(o.content.settings)), V = b(() => I.value.length === 0 && !o.previewMode), H = l(0), U = b(() => V.value && H.value > 0);
-		function te() {
+		}), L = b(() => mn(o.content.settings, o.viewport)), z = b(() => L.value + 192), B = b(() => Se(o.content.settings)), V = b(() => I.value.length === 0 && !o.previewMode), H = l(0), U = b(() => V.value && H.value > 0);
+		function W() {
 			V.value && (H.value += 1);
 		}
-		function W() {
+		function G() {
 			V.value && (H.value = Math.max(0, H.value - 1));
 		}
-		function ne() {
+		function te() {
 			H.value = 0;
 		}
-		function re(e) {
+		function ne(e) {
 			o.previewMode || w.savedBlocks?.isPicking.value || e.target === e.currentTarget && d("select-block", null);
 		}
-		function ie(e) {
-			return we(e, C, a);
+		function re(e) {
+			return Ce(e, C, a);
 		}
-		function G(e) {
+		function K(e) {
 			return o.lockedBlocks?.get(e) ?? null;
 		}
-		function ae(e) {
-			if (o.previewMode || G(e)) return;
+		function ie(e) {
+			if (o.previewMode || K(e)) return;
 			let t = w.savedBlocks;
 			if (t?.isPicking.value) {
 				t.togglePick(e);
@@ -733,11 +733,11 @@ var or = ["aria-label"], sr = {
 			}
 			d("select-block", e);
 		}
-		function oe(e) {
+		function ae(e) {
 			return w.savedBlocks?.isPicked(e) ?? !1;
 		}
-		let se = b(() => w.savedBlocks?.isPicking.value === !0);
-		function ce(e, t) {
+		let oe = b(() => w.savedBlocks?.isPicking.value === !0);
+		function se(e, t) {
 			e.type === "custom" && h.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
@@ -748,7 +748,7 @@ var or = ["aria-label"], sr = {
 			style: E({
 				width: `${z.value}px`,
 				boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
-				transition: g(gn)
+				transition: g(hn)
 			})
 		}, [A("div", {
 			class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
@@ -764,7 +764,7 @@ var or = ["aria-label"], sr = {
 			class: "tpl-canvas-wrapper tpl:relative",
 			style: E({
 				width: `${L.value}px`,
-				transition: g(gn)
+				transition: g(hn)
 			})
 		}, [A("div", {
 			class: y(["tpl-canvas tpl:relative tpl:rounded-lg", {
@@ -772,12 +772,12 @@ var or = ["aria-label"], sr = {
 				"tpl-preview-mode": e.previewMode
 			}]),
 			style: E(B.value),
-			onClick: re
-		}, [g(O)?.isInitialResolve.value ? (s(), x("div", sr, [A("span", cr, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => A("div", {
+			onClick: ne
+		}, [g(O)?.isInitialResolve.value ? (s(), x("div", or, [A("span", sr, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => A("div", {
 			key: e,
 			"aria-hidden": "true",
 			class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
-		})), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", lr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(ee), {
+		})), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", cr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(ee), {
 			modelValue: I.value,
 			"onUpdate:modelValue": i[2] ||= (e) => I.value = e,
 			group: "blocks",
@@ -796,34 +796,34 @@ var or = ["aria-label"], sr = {
 				V.value && U.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
 				V.value && !U.value ? "tpl:border-[var(--tpl-primary)]" : ""
 			]),
-			onDragenter: te,
-			onDragleave: W,
-			onDrop: ne
+			onDragenter: W,
+			onDragleave: G,
+			onDrop: te
 		}, {
-			default: r(() => [V.value ? (s(), x("div", ur, [
-				A("div", dr, [_(g(It), {
+			default: r(() => [V.value ? (s(), x("div", lr, [
+				A("div", ur, [_(g(Ft), {
 					size: 48,
 					"stroke-width": 1
 				})]),
-				A("p", fr, F(g(p).canvas.noBlocks), 1),
-				A("p", pr, F(g(p).canvas.dragHint), 1),
-				k.value && g(m) ? (s(), x("p", mr, [
+				A("p", dr, F(g(p).canvas.noBlocks), 1),
+				A("p", fr, F(g(p).canvas.dragHint), 1),
+				k.value && g(m) ? (s(), x("p", pr, [
 					R(F(g(p).canvas.aiHintChat) + " ", 1),
 					A("button", {
 						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: i[0] ||= (e) => d("open-ai-chat")
-					}, [_(g(Ct), {
+					}, [_(g(St), {
 						size: 14,
 						"stroke-width": 2
 					}), R(" " + F(g(m).aiMenu.aiAssistant), 1)]),
 					R(" " + F(g(p).canvas.aiHintChatSuffix), 1)
 				])) : S("", !0),
-				j.value && g(m) ? (s(), x("p", hr, [
+				j.value && g(m) ? (s(), x("p", mr, [
 					R(F(g(p).canvas.aiHintDesign) + " ", 1),
 					A("button", {
 						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: i[1] ||= (e) => d("open-design-reference")
-					}, [_(g(en), {
+					}, [_(g($t), {
 						size: 14,
 						"stroke-width": 2
 					}), R(" " + F(g(m).aiMenu.designToTemplate), 1)]),
@@ -832,31 +832,31 @@ var or = ["aria-label"], sr = {
 			])) : S("", !0), (s(!0), x(P, null, n(I.value, (t) => f((s(), x("div", {
 				key: t.id,
 				class: "tpl-block-item"
-			}, [A("div", gr, [G(t.id) ? (s(), x("div", {
+			}, [A("div", hr, [K(t.id) ? (s(), x("div", {
 				key: 0,
 				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
 				style: E({
-					outline: `2px solid ${G(t.id).color}`,
+					outline: `2px solid ${K(t.id).color}`,
 					outlineOffset: "-1px"
 				})
 			}, [A("span", {
 				class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
 				style: E({
-					backgroundColor: G(t.id).color,
-					color: g(_n)(G(t.id).color)
+					backgroundColor: K(t.id).color,
+					color: g(gn)(K(t.id).color)
 				})
-			}, [A("span", _r, F(G(t.id).name.charAt(0)), 1), R(" " + F(G(t.id).name), 1)], 4)], 4)) : S("", !0), _(Ae, {
+			}, [A("span", gr, F(K(t.id).name.charAt(0)), 1), R(" " + F(K(t.id).name), 1)], 4)], 4)) : S("", !0), _(ke, {
 				block: t,
-				"is-selected": !e.previewMode && !se.value && e.selectedBlockId === t.id && !G(t.id),
-				picked: oe(t.id),
+				"is-selected": !e.previewMode && !oe.value && e.selectedBlockId === t.id && !K(t.id),
+				picked: ae(t.id),
 				viewport: e.viewport,
 				"preview-mode": e.previewMode,
-				onSelect: (e) => ae(t.id)
+				onSelect: (e) => ie(t.id)
 			}, {
-				default: r(() => [(s(), D(u(ie(t)), {
+				default: r(() => [(s(), D(u(re(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => ce(t, e),
+					onFetchData: (e) => se(t, e),
 					onUpdate: (e) => g(h).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
@@ -878,12 +878,12 @@ var or = ["aria-label"], sr = {
 			"modelValue",
 			"disabled",
 			"class"
-		]), [[N, !g(O)?.isInitialResolve.value]])], 6)], 12, or)], 4));
+		]), [[N, !g(O)?.isInitialResolve.value]])], 6)], 12, ar)], 4));
 	}
-}), [["__scopeId", "data-v-da730df5"]]), yr = d({
+}), [["__scopeId", "data-v-da730df5"]]), vr = d({
 	name: "CustomBlockStylesheets",
 	setup() {
-		let e = t(dt, null);
+		let e = t(ut, null);
 		return () => e ? e.value.map((e, t) => I("style", {
 			key: t,
 			"data-tpl-custom-block-stylesheet": "",
@@ -893,7 +893,7 @@ var or = ["aria-label"], sr = {
 });
 //#endregion
 //#region src/utils/resolvePaletteBlocks.ts
-function br(e, t) {
+function yr(e, t) {
 	if (!t || t.length === 0) return {
 		items: e,
 		unknown: []
@@ -912,7 +912,7 @@ function br(e, t) {
 }
 //#endregion
 //#region src/utils/resolveInsertPosition.ts
-function xr(e) {
+function br(e) {
 	let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
 	if (!n) return {};
 	let a = r(n);
@@ -930,34 +930,44 @@ function xr(e) {
 }
 //#endregion
 //#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var Sr = ["aria-label"], Cr = {
+var xr = ["aria-label"], Sr = {
 	key: 0,
 	class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
-}, wr = ["aria-label"], Tr = {
+}, Cr = ["aria-label"], wr = {
 	key: 0,
 	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, Er = [
+}, Tr = [
 	"data-palette-type",
 	"aria-label",
 	"onClick",
 	"onKeydown"
-], Dr = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, Or = {
+], Er = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, Dr = {
 	key: 0,
 	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, kr = /* @__PURE__ */ d({
+}, Or = /* @__PURE__ */ d({
 	__name: "Sidebar",
 	setup(i) {
-		let { t: a, format: o } = K(), c = t(it, []), d = t(Xe, void 0), f = t(ut, void 0), p = t(at, null), m = yn(), h = t(nt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1);
-		function w() {
-			C.value || (y.value = !1);
-		}
+		let { t: a, format: o } = q(), c = t(rt, []), d = t(Ye, void 0), f = t(lt, void 0), p = t(it, null), m = vn(), h = t(tt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1), w = l(null);
 		function T() {
-			C.value = !0;
+			try {
+				return w.value?.querySelector(":focus-visible") != null;
+			} catch {
+				return !1;
+			}
 		}
 		function O() {
+			C.value || T() || (y.value = !1);
+		}
+		function k() {
+			C.value = !0;
+		}
+		function j() {
+			C.value = !1;
+		}
+		function M() {
 			C.value = !1, y.value = !1;
 		}
-		let k = [
+		let N = [
 			"section",
 			"image",
 			"title",
@@ -970,34 +980,34 @@ var Sr = ["aria-label"], Cr = {
 			"table",
 			"spacer",
 			"html"
-		], j = b(() => {
-			let e = k.map((e) => ({
+		], I = b(() => {
+			let e = N.map((e) => ({
 				type: e,
-				label: Oe(e, a)
+				label: De(e, a)
 			}));
 			return h.plan && e.splice(-1, 0, {
 				type: "countdown",
-				label: Oe("countdown", a)
+				label: De("countdown", a)
 			}), e;
-		}), M = b(() => c.map((e) => ({
+		}), L = b(() => c.map((e) => ({
 			type: `custom:${e.type}`,
 			label: e.name,
 			isCustom: !0,
 			icon: e.icon
-		}))), N = b(() => [...j.value, ...M.value]), I = b(() => br(N.value, d)), L = b(() => I.value.items), R = /* @__PURE__ */ new Set();
-		e(() => I.value.unknown, (e) => {
-			for (let t of e) R.has(t) || (R.add(t), _t.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
+		}))), R = b(() => [...I.value, ...L.value]), z = b(() => yr(R.value, d)), B = b(() => z.value.items), V = /* @__PURE__ */ new Set();
+		e(() => z.value.unknown, (e) => {
+			for (let t of e) V.has(t) || (V.add(t), gt.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
 		}, { immediate: !0 });
-		function z(e) {
+		function W(e) {
 			if (e.isCustom) {
 				let t = e.type.replace("custom:", ""), n = c.find((e) => e.type === t);
 				if (n) return U(n);
 			}
 			return H(e.type, f);
 		}
-		function B(e) {
+		function G(e) {
 			if (!p) return;
-			let t = z(e), { targetSectionId: n, columnIndex: r, index: i } = xr({
+			let t = W(e), { targetSectionId: n, columnIndex: r, index: i } = br({
 				blockType: e.type,
 				selectedBlockId: p.state.selectedBlockId,
 				findBlockLocation: p.findBlockLocation,
@@ -1005,10 +1015,12 @@ var Sr = ["aria-label"], Cr = {
 			});
 			p.addBlock(t, n, r, i), p.selectBlock(t.id), m(t.id);
 		}
-		function V(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), B(t));
+		function te(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G(t));
 		}
 		return (e, t) => (s(), x("aside", {
+			ref_key: "railEl",
+			ref: w,
 			"aria-label": g(a).sidebarNav.palette,
 			class: "tpl-sidebar-rail tpl:absolute tpl:top-14 tpl:bottom-0 tpl:left-0 tpl:z-40 tpl:flex tpl:flex-col tpl:overflow-hidden",
 			style: E({
@@ -1019,59 +1031,60 @@ var Sr = ["aria-label"], Cr = {
 				transition: "width 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1)"
 			}),
 			onMouseenter: t[1] ||= (e) => y.value = !0,
-			onMouseleave: w,
+			onMouseleave: O,
 			onFocusin: t[2] ||= (e) => y.value = !0,
 			onFocusout: t[3] ||= (e) => y.value = !1
-		}, [v.value ? (s(), x("div", Cr, [A("button", {
+		}, [v.value ? (s(), x("div", Sr, [A("button", {
 			type: "button",
 			"aria-label": g(a).sidebarNav.browseSavedBlocks,
 			class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)]",
 			style: E({ justifyContent: y.value ? "flex-start" : "center" }),
 			onClick: t[0] ||= (e) => g(h).savedBlocks?.openBrowser()
-		}, [_(g(zt), {
+		}, [_(g(Rt), {
 			size: 20,
 			"stroke-width": 1.5,
 			class: "tpl:shrink-0"
-		}), y.value ? (s(), x("span", Tr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, wr)])) : S("", !0), _(g(ee), {
-			"model-value": L.value,
+		}), y.value ? (s(), x("span", wr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, Cr)])) : S("", !0), _(g(ee), {
+			"model-value": B.value,
 			group: {
 				name: "blocks",
 				pull: "clone",
 				put: !1
 			},
-			clone: z,
+			clone: W,
 			sort: !1,
 			animation: 150,
 			"force-fallback": !0,
 			class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
-			onChoose: T,
-			onEnd: O
+			onChoose: k,
+			onUnchoose: j,
+			onEnd: M
 		}, {
-			default: r(() => [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
+			default: r(() => [(s(!0), x(P, null, n(B.value, (e) => (s(), x("button", {
 				key: e.type,
 				type: "button",
 				"data-palette-type": e.type,
 				"aria-label": g(o)(g(a).sidebarNav.insertBlock, { block: e.label }),
 				class: "tpl:flex tpl:h-10 tpl:w-full tpl:shrink-0 tpl:cursor-grab tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:active:cursor-grabbing",
 				style: E({ justifyContent: y.value ? "flex-start" : "center" }),
-				onClick: (t) => B(e),
-				onKeydown: (t) => V(t, e)
-			}, [A("div", Dr, [g(vn)[e.type] ? (s(), D(u(g(vn)[e.type]), {
+				onClick: (t) => G(e),
+				onKeydown: (t) => te(t, e)
+			}, [A("div", Er, [g(_n)[e.type] ? (s(), D(u(g(_n)[e.type]), {
 				key: 0,
 				size: 20,
 				"stroke-width": 1.5
-			})) : e.isCustom ? (s(), D(de, {
+			})) : e.isCustom ? (s(), D(ue, {
 				key: 1,
 				icon: e.icon,
 				size: 20
-			}, null, 8, ["icon"])) : S("", !0)]), y.value ? (s(), x("span", Or, F(e.label), 1)) : S("", !0)], 44, Er))), 128))]),
+			}, null, 8, ["icon"])) : S("", !0)]), y.value ? (s(), x("span", Dr, F(e.label), 1)) : S("", !0)], 44, Tr))), 128))]),
 			_: 1
-		}, 8, ["model-value"])], 44, Sr));
+		}, 8, ["model-value"])], 44, xr));
 	}
 });
 //#endregion
 //#region src/utils/mergeTagTrigger.ts
-function Ar(e, t, n, r) {
+function kr(e, t, n, r) {
 	if (!n) return null;
 	let i = e.slice(0, t), a = i.lastIndexOf(n);
 	if (a === -1) return null;
@@ -1084,8 +1097,8 @@ function Ar(e, t, n, r) {
 }
 //#endregion
 //#region src/utils/textFieldCaret.ts
-var jr = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
-function Mr(e, t, n) {
+var Ar = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
+function jr(e, t, n) {
 	return {
 		left: e,
 		top: t,
@@ -1098,7 +1111,7 @@ function Mr(e, t, n) {
 		toJSON: () => ({})
 	};
 }
-function Nr(e, t) {
+function Mr(e, t) {
 	let n = e.ownerDocument, r = n.defaultView;
 	if (!r) return null;
 	let i = e.tagName === "INPUT", a = r.getComputedStyle(e), o = n.createElement("div");
@@ -1106,7 +1119,7 @@ function Nr(e, t) {
 	let s = o.style;
 	s.position = "absolute", s.visibility = "hidden", s.top = "0", s.left = "0", s.overflow = "hidden", s.whiteSpace = i ? "pre" : "pre-wrap", s.wordWrap = i ? "normal" : "break-word";
 	let c = s, l = a;
-	for (let e of jr) c[e] = l[e];
+	for (let e of Ar) c[e] = l[e];
 	i && (s.width = "auto", s.whiteSpace = "pre");
 	let u = e.value, d = u.slice(0, t);
 	i && (d = d.replace(/\s/g, "\xA0")), o.textContent = d;
@@ -1115,26 +1128,26 @@ function Nr(e, t) {
 	let p = f.offsetTop, m = f.offsetLeft;
 	n.body.removeChild(o);
 	let h = e.getBoundingClientRect(), g = parseFloat(a.borderTopWidth) || 0, _ = parseFloat(a.borderLeftWidth) || 0, v = parseFloat(a.lineHeight) || parseFloat(a.fontSize) || 0, y = h.left + m + _ - e.scrollLeft;
-	if (i) return Mr(y, h.top, h.bottom);
+	if (i) return jr(y, h.top, h.bottom);
 	let b = h.top + p + g - e.scrollTop;
-	return Mr(y, b, b + v);
+	return jr(y, b, b + v);
 }
 //#endregion
 //#region src/composables/useMergeTagAutocomplete.ts
-var Pr = /* @__PURE__ */ new Set([
+var Nr = /* @__PURE__ */ new Set([
 	"ArrowLeft",
 	"ArrowRight",
 	"Home",
 	"End"
 ]);
-function Fr(e) {
-	let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ae(s), d = ne(s), f = c && u !== null && o.length > 0, p = t($e, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = yt(), _ = On(h, g), v = !1;
+function Pr(e) {
+	let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ie(s), d = te(s), f = c && u !== null && o.length > 0, p = t(Qe, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = vt(), _ = Dn(h, g), v = !1;
 	a() && m(() => {
 		v = !0, _.close();
 	});
 	function y(e) {
 		let t = e.value ?? "";
-		return Ar(t, e.selectionStart ?? t.length, u, d);
+		return kr(t, e.selectionStart ?? t.length, u, d);
 	}
 	function b(e, t, a) {
 		let o = e.value ?? r(), s = o.slice(t.caret), c = d && s.startsWith(d) ? d.length : 0, u = o.slice(0, t.triggerStart), f = o.slice(t.caret + c), p = u + a.value + f, m = u.length + a.value.length;
@@ -1156,7 +1169,7 @@ function Fr(e) {
 			_.close();
 			return;
 		}
-		let r = kn(o, t.query), i = () => Nr(e, t.triggerStart), a = (n) => b(e, t, n);
+		let r = On(o, t.query), i = () => Mr(e, t.triggerStart), a = (n) => b(e, t, n);
 		_.isOpen() ? _.update({
 			items: r,
 			getRect: i,
@@ -1169,7 +1182,7 @@ function Fr(e) {
 		});
 	}
 	function S(e) {
-		return _.isOpen() ? e.key === "Escape" ? (_.close(), !0) : Pr.has(e.key) ? (_.close(), !1) : _.handleKeyDown(e) : !1;
+		return _.isOpen() ? e.key === "Escape" ? (_.close(), !0) : Nr.has(e.key) ? (_.close(), !1) : _.handleKeyDown(e) : !1;
 	}
 	return {
 		available: f,
@@ -1181,12 +1194,12 @@ function Fr(e) {
 }
 //#endregion
 //#region src/composables/useMergeTagField.ts
-function Ir(e) {
-	let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: o, isRequesting: s, isMergeTagValue: c, getMergeTagLabel: u, requestMergeTag: d, syntax: f, autocomplete: p } = fn(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = ue(), v = l(!1), y = !1, x = !1;
+function Fr(e) {
+	let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: o, isRequesting: s, isMergeTagValue: c, getMergeTagLabel: u, requestMergeTag: d, syntax: f, autocomplete: p } = dn(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = le(), v = l(!1), y = !1, x = !1;
 	a() && m(() => {
 		x = !0;
 	});
-	let S = Fr({
+	let S = Pr({
 		elementRef: r,
 		modelValue: t,
 		emit: n,
@@ -1210,10 +1223,10 @@ function Ir(e) {
 				type: "mergeTag",
 				value: t,
 				label: u(t)
-			}) : re(t, f) ? n.push({
+			}) : ne(t, f) ? n.push({
 				type: "logicMergeTag",
 				value: t,
-				keyword: te(t, f)
+				keyword: W(t, f)
 			}) : n.push({
 				type: "text",
 				value: t
@@ -1308,10 +1321,10 @@ function Ir(e) {
 }
 //#endregion
 //#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
-var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip"], Br = {
+var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip"], zr = {
 	key: 2,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, Vr = ["aria-label", "title"], Hr = /* @__PURE__ */ d({
+}, Br = ["aria-label", "title"], Vr = /* @__PURE__ */ d({
 	__name: "MergeTagSegments",
 	props: {
 		segments: {},
@@ -1320,7 +1333,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["edit", "clear"],
 	setup(e, { emit: t }) {
-		let r = t, { t: i } = K();
+		let r = t, { t: i } = q();
 		function a() {
 			r("edit");
 		}
@@ -1339,7 +1352,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
 				color: "var(--tpl-primary)"
 			}
-		}, F(e.label), 9, Rr)) : e.type === "logicMergeTag" ? (s(), x("span", {
+		}, F(e.label), 9, Lr)) : e.type === "logicMergeTag" ? (s(), x("span", {
 			key: 1,
 			class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
 			"data-tooltip": e.value,
@@ -1348,75 +1361,75 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
 				color: "var(--tpl-primary)"
 			}
-		}, F(e.keyword), 9, zr)) : (s(), x("span", Br, F(e.value), 1))], 64))), 128)), A("button", {
+		}, F(e.keyword), 9, Rr)) : (s(), x("span", zr, F(e.value), 1))], 64))), 128)), A("button", {
 			type: "button",
 			class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all tpl:hover:text-[var(--tpl-danger)] tpl:hover:opacity-100",
 			"aria-label": g(i).mergeTag.remove,
 			title: g(i).mergeTag.remove,
 			onClick: o[0] ||= T((e) => r("clear"), ["stop"])
-		}, [_(g(Qt), {
+		}, [_(g(Zt), {
 			size: 12,
 			"stroke-width": 2.5
-		})], 8, Vr)], 42, Lr));
+		})], 8, Br)], 42, Ir));
 	}
-}), Ur = [
+}), Hr = [
 	"aria-label",
 	"title",
 	"disabled"
-], Wr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Gr = /* @__PURE__ */ d({
+], Ur = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Wr = /* @__PURE__ */ d({
 	__name: "MergeTagInsertButton",
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
 	setup(e) {
-		let { t } = K();
+		let { t } = q();
 		return (n, r) => (s(), x("button", {
 			type: "button",
-			class: y([Wr, "tpl:mt-1.5"]),
+			class: y([Ur, "tpl:mt-1.5"]),
 			"aria-label": g(t).mergeTag.insert,
 			title: g(t).mergeTag.insert,
 			disabled: e.disabled,
 			onMousedown: r[0] ||= T(() => {}, ["prevent"]),
 			onClick: r[1] ||= (e) => n.$emit("insert")
-		}, [_(g(Nt), {
+		}, [_(g(Mt), {
 			size: 12,
 			"stroke-width": 2
-		}), R(" " + F(g(t).mergeTag.insertShort), 1)], 42, Ur));
+		}), R(" " + F(g(t).mergeTag.insertShort), 1)], 42, Hr));
 	}
-}), Kr = [
+}), Gr = [
 	"aria-label",
 	"title",
 	"disabled"
-], qr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Jr = /* @__PURE__ */ d({
+], Kr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", qr = /* @__PURE__ */ d({
 	__name: "LogicTagInsertButton",
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
 	setup(e) {
-		let { t } = K();
+		let { t } = q();
 		return (n, r) => (s(), x("button", {
 			type: "button",
-			class: y([qr, "tpl:mt-1.5"]),
+			class: y([Kr, "tpl:mt-1.5"]),
 			"aria-label": g(t).logicTag.insert,
 			title: g(t).logicTag.insert,
 			disabled: e.disabled,
 			"data-testid": "field-insert-logic-button",
 			onMousedown: r[0] ||= T(() => {}, ["prevent"]),
 			onClick: r[1] ||= (e) => n.$emit("insert")
-		}, [_(g(Ft), {
+		}, [_(g(Pt), {
 			size: 12,
 			"stroke-width": 2
-		}), R(" " + F(g(t).logicTag.insertShort), 1)], 42, Kr));
+		}), R(" " + F(g(t).logicTag.insertShort), 1)], 42, Gr));
 	}
-}), Yr = { key: 0 }, Xr = {
+}), Jr = { key: 0 }, Yr = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Zr = { key: 1 }, Qr = [
+}, Xr = { key: 1 }, Zr = [
 	"value",
 	"placeholder",
 	"rows"
-], $r = {
+], Qr = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, ei = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", ti = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ni = /* @__PURE__ */ d({
+}, $r = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", ei = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ti = /* @__PURE__ */ d({
 	__name: "MergeTagTextarea",
 	props: {
 		modelValue: {},
@@ -1425,32 +1438,32 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Ir({
+		let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Fr({
 			modelValue: () => n.modelValue,
 			emit: (e) => r("update:modelValue", e),
 			elementRef: i
 		});
-		return (t, n) => g(o) && !g(p) ? (s(), x("div", Yr, [_(Hr, {
+		return (t, n) => g(o) && !g(p) ? (s(), x("div", Jr, [_(Vr, {
 			segments: g(a),
-			"display-class": ti,
+			"display-class": ei,
 			onEdit: g(m),
 			onClear: g(w)
 		}, null, 8, [
 			"segments",
 			"onEdit",
 			"onClear"
-		]), g(c) || g(d) ? (s(), x("div", Xr, [g(c) ? (s(), D(Gr, {
+		]), g(c) || g(d) ? (s(), x("div", Yr, [g(c) ? (s(), D(Wr, {
 			key: 0,
 			disabled: g(u),
 			onInsert: g(T)
-		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
+		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
 			key: 1,
 			disabled: g(f),
 			onInsert: g(E)
-		}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Zr, [A("textarea", {
+		}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Xr, [A("textarea", {
 			ref_key: "textareaRef",
 			ref: i,
-			class: y(ei),
+			class: y($r),
 			value: e.modelValue,
 			placeholder: e.placeholder,
 			rows: e.rows,
@@ -1458,22 +1471,22 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			onKeydown: n[1] ||= (...e) => g(v) && g(v)(...e),
 			onClick: n[2] ||= (...e) => g(b) && g(b)(...e),
 			onBlur: n[3] ||= (...e) => g(C) && g(C)(...e)
-		}, null, 40, Qr), g(c) || g(d) ? (s(), x("div", $r, [g(c) ? (s(), D(Gr, {
+		}, null, 40, Zr), g(c) || g(d) ? (s(), x("div", Qr, [g(c) ? (s(), D(Wr, {
 			key: 0,
 			disabled: g(u),
 			onInsert: g(T)
-		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
+		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
 			key: 1,
 			disabled: g(f),
 			onInsert: g(E)
 		}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)]));
 	}
-}), ri = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, ii = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, ai = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, oi = { class: "tpl:mb-3.5" }, si = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, ci = ["onClick"], li = { class: "tpl:flex tpl:items-stretch" }, ui = ["value"], di = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, fi = { class: "tpl:mb-3.5" }, pi = { class: "tpl:mb-3.5" }, mi = { class: "tpl:mb-3.5" }, hi = { class: "tpl:mb-3.5" }, gi = ["value"], _i = ["value"], vi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, yi = ["value"], bi = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, xi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Si = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ci = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, wi = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, Ti = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Ei = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Di = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Oi = { class: "tpl:mb-1 tpl:last:mb-0" }, ki = { class: "tpl:mb-1 tpl:last:mb-0" }, Ai = { class: "tpl:mb-1 tpl:last:mb-0" }, ji = 150, Mi = /* @__PURE__ */ d({
+}), ni = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, ri = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, ii = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ai = { class: "tpl:mb-3.5" }, oi = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, si = ["onClick"], ci = { class: "tpl:flex tpl:items-stretch" }, li = ["value"], ui = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, di = { class: "tpl:mb-3.5" }, fi = { class: "tpl:mb-3.5" }, pi = { class: "tpl:mb-3.5" }, mi = { class: "tpl:mb-3.5" }, hi = ["value"], gi = ["value"], _i = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, vi = ["value"], yi = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, bi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, xi = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Si = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ci = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, wi = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Ti = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Ei = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Di = { class: "tpl:mb-1 tpl:last:mb-0" }, Oi = { class: "tpl:mb-1 tpl:last:mb-0" }, ki = { class: "tpl:mb-1 tpl:last:mb-0" }, Ai = 150, ji = /* @__PURE__ */ d({
 	__name: "TemplateSettings",
 	props: { settings: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = K(), o = et(tt, "TemplateSettings"), c = b(() => o.fonts.value), l = b(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : o.defaultFont.value), u = [
+		let r = e, i = t, { t: a } = q(), o = $e(et, "TemplateSettings"), c = b(() => o.fonts.value), l = b(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : o.defaultFont.value), u = [
 			{
 				value: 480,
 				label: "480px"
@@ -1491,14 +1504,14 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				label: "800px"
 			}
 		];
-		return (t, r) => (s(), x("aside", ri, [A("div", ii, [
-			A("div", { class: y(g(wn)) }, [
-				A("div", ai, [_(g(sn), {
+		return (t, r) => (s(), x("aside", ni, [A("div", ri, [
+			A("div", { class: y(g(Cn)) }, [
+				A("div", ii, [_(g(on), {
 					class: "tpl:text-[var(--tpl-text-muted)]",
 					size: 14,
 					"stroke-width": 2
 				}), A("span", null, F(g(a).templateSettings.layout), 1)]),
-				A("div", oi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.widthPreset), 3), A("div", si, [(s(), x(P, null, n(u, (t) => A("button", {
+				A("div", ai, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.widthPreset), 3), A("div", oi, [(s(), x(P, null, n(u, (t) => A("button", {
 					key: t.value,
 					class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 					style: E({
@@ -1507,101 +1520,101 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 						boxShadow: e.settings.width === t.value ? "var(--tpl-shadow)" : "none"
 					}),
 					onClick: (e) => i("update", { width: t.value })
-				}, F(t.label), 13, ci)), 64))])]),
-				A("div", null, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.customWidth), 3), A("div", li, [A("input", {
+				}, F(t.label), 13, si)), 64))])]),
+				A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.customWidth), 3), A("div", ci, [A("input", {
 					type: "number",
-					class: y(g(Y)),
+					class: y(g(X)),
 					value: e.settings.width,
 					min: "300",
 					max: "900",
 					onInput: r[0] ||= (e) => i("update", { width: Number(e.target.value) })
-				}, null, 42, ui), A("span", { class: y(g(J)) }, "px", 2)])])
+				}, null, 42, li), A("span", { class: y(g(Y)) }, "px", 2)])])
 			], 2),
-			A("div", { class: y(g(wn)) }, [
-				A("div", di, [_(g(xt), {
+			A("div", { class: y(g(Cn)) }, [
+				A("div", ui, [_(g(bt), {
 					class: "tpl:text-[var(--tpl-text-muted)]",
 					size: 14,
 					"stroke-width": 2
 				}), A("span", null, F(g(a).templateSettings.appearance), 1)]),
-				A("div", fi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.backgroundColor), 3), _(Z, {
+				A("div", di, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.backgroundColor), 3), _(Q, {
 					"model-value": e.settings.backgroundColor,
-					placeholder: g(En),
+					placeholder: g(Tn),
 					"onUpdate:modelValue": r[1] ||= (e) => i("update", { backgroundColor: e })
 				}, null, 8, ["model-value", "placeholder"])]),
-				A("div", pi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.textColor), 3), _(Z, {
+				A("div", fi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.textColor), 3), _(Q, {
 					"model-value": e.settings.textColor ?? "",
 					"seed-color": "#1a1a1a",
 					"onUpdate:modelValue": r[2] ||= (e) => i("update", { textColor: e })
 				}, null, 8, ["model-value"])]),
-				A("div", mi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.linkColor), 3), _(Z, {
+				A("div", pi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.linkColor), 3), _(Q, {
 					"model-value": e.settings.linkColor ?? "",
 					"seed-color": "#0066cc",
 					"onUpdate:modelValue": r[3] ||= (e) => i("update", { linkColor: e || void 0 })
 				}, null, 8, ["model-value"])]),
-				A("div", hi, [_(Q, {
+				A("div", mi, [_($, {
 					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 					"model-value": e.settings.linkUnderline,
 					label: g(a).templateSettings.linkUnderline,
 					"onUpdate:modelValue": r[4] ||= (e) => i("update", { linkUnderline: e })
 				}, null, 8, ["model-value", "label"])]),
-				A("div", null, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.fontFamily), 3), A("select", {
-					class: y(g(X)),
+				A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.fontFamily), 3), A("select", {
+					class: y(g(Z)),
 					value: l.value,
 					onChange: r[5] ||= (e) => i("update", { fontFamily: e.target.value })
 				}, [(s(!0), x(P, null, n(c.value, (e) => (s(), x("option", {
 					key: e.value,
 					value: e.value
-				}, F(e.label), 9, _i))), 128))], 42, gi)])
+				}, F(e.label), 9, gi))), 128))], 42, hi)])
 			], 2),
-			A("div", { class: y(g(wn)) }, [A("div", vi, [_(g(Vt), {
+			A("div", { class: y(g(Cn)) }, [A("div", _i, [_(g(Bt), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
 			}), A("span", null, F(g(a).templateSettings.language), 1)]), A("div", null, [
-				A("label", { class: y(g(q)) }, F(g(a).templateSettings.contentLocale), 3),
+				A("label", { class: y(g(J)) }, F(g(a).templateSettings.contentLocale), 3),
 				A("input", {
 					type: "text",
-					class: y(g(X)),
+					class: y(g(Z)),
 					value: e.settings.locale ?? "",
 					placeholder: "en",
 					spellcheck: "false",
 					autocapitalize: "off",
 					autocomplete: "off",
 					onInput: r[6] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
-				}, null, 42, yi),
-				A("p", bi, F(g(a).templateSettings.contentLocaleHint), 1)
+				}, null, 42, vi),
+				A("p", yi, F(g(a).templateSettings.contentLocaleHint), 1)
 			])], 2),
-			A("div", { class: y(g(wn)) }, [A("div", xi, [_(g(cn), {
+			A("div", { class: y(g(Cn)) }, [A("div", bi, [_(g(sn), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
-			}), A("span", null, F(g(a).templateSettings.preheaderText), 1)]), A("div", null, [_(ni, {
+			}), A("span", null, F(g(a).templateSettings.preheaderText), 1)]), A("div", null, [_(ti, {
 				"model-value": e.settings.preheaderText ?? "",
 				placeholder: g(a).templateSettings.preheaderTextPlaceholder,
 				rows: 2,
 				"onUpdate:modelValue": r[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
-			}, null, 8, ["model-value", "placeholder"]), A("div", Si, [A("span", Ci, F(g(a).templateSettings.preheaderTextHint), 1), A("span", wi, F((e.settings.preheaderText ?? "").length) + "/" + F(ji), 1)])])], 2),
-			A("div", Ti, [A("div", Ei, [_(g(Wt), {
+			}, null, 8, ["model-value", "placeholder"]), A("div", xi, [A("span", Si, F(g(a).templateSettings.preheaderTextHint), 1), A("span", Ci, F((e.settings.preheaderText ?? "").length) + "/" + F(Ai), 1)])])], 2),
+			A("div", wi, [A("div", Ti, [_(g(Ut), {
 				size: 14,
 				"stroke-width": 2
-			}), A("span", null, F(g(a).templateSettings.tips), 1)]), A("ul", Di, [
-				A("li", Oi, F(g(a).templateSettings.tip1), 1),
-				A("li", ki, F(g(a).templateSettings.tip2), 1),
-				A("li", Ai, F(g(a).templateSettings.tip3), 1)
+			}), A("span", null, F(g(a).templateSettings.tips), 1)]), A("ul", Ei, [
+				A("li", Di, F(g(a).templateSettings.tip1), 1),
+				A("li", Oi, F(g(a).templateSettings.tip2), 1),
+				A("li", ki, F(g(a).templateSettings.tip3), 1)
 			])])
 		])]));
 	}
-}), Ni = { key: 0 }, Pi = {
+}), Mi = { key: 0 }, Ni = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Fi = { key: 1 }, Ii = [
+}, Pi = { key: 1 }, Fi = [
 	"type",
 	"value",
 	"placeholder"
-], Li = {
+], Ii = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Ri = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", $ = /*#__PURE__*/ un(/* @__PURE__ */ d({
+}, Li = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", Ri = /*#__PURE__*/ ln(/* @__PURE__ */ d({
 	__name: "MergeTagInput",
 	props: {
 		modelValue: {},
@@ -1614,14 +1627,14 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Ir({
+		let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Fr({
 			modelValue: () => n.modelValue,
 			emit: (e) => r("update:modelValue", e),
 			elementRef: i
 		});
-		return (t, n) => g(o) && !g(p) ? (s(), x("div", Ni, [_(Hr, {
+		return (t, n) => g(o) && !g(p) ? (s(), x("div", Mi, [_(Vr, {
 			segments: g(a),
-			"display-class": Ri,
+			"display-class": Li,
 			pulse: e.pulse,
 			onEdit: g(m),
 			onClear: g(w)
@@ -1630,30 +1643,30 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			"pulse",
 			"onEdit",
 			"onClear"
-		]), g(c) || g(d) ? (s(), x("div", Pi, [g(c) ? (s(), D(Gr, {
+		]), g(c) || g(d) ? (s(), x("div", Ni, [g(c) ? (s(), D(Wr, {
 			key: 0,
 			disabled: g(u),
 			onInsert: g(T)
-		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
+		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
 			key: 1,
 			disabled: g(f),
 			onInsert: g(E)
-		}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Fi, [A("input", {
+		}, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Pi, [A("input", {
 			ref_key: "inputRef",
 			ref: i,
 			type: e.type,
-			class: y([g(X), { "tpl-pulse-fill": e.pulse }]),
+			class: y([g(Z), { "tpl-pulse-fill": e.pulse }]),
 			value: e.modelValue,
 			placeholder: e.placeholder,
 			onInput: n[0] ||= (...e) => g(h) && g(h)(...e),
 			onKeydown: n[1] ||= (...e) => g(v) && g(v)(...e),
 			onClick: n[2] ||= (...e) => g(b) && g(b)(...e),
 			onBlur: n[3] ||= (...e) => g(C) && g(C)(...e)
-		}, null, 42, Ii), g(c) || g(d) ? (s(), x("div", Li, [g(c) ? (s(), D(Gr, {
+		}, null, 42, Fi), g(c) || g(d) ? (s(), x("div", Ii, [g(c) ? (s(), D(Wr, {
 			key: 0,
 			disabled: g(u),
 			onInsert: g(T)
-		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
+		}, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
 			key: 1,
 			disabled: g(f),
 			onInsert: g(E)
@@ -1670,7 +1683,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = K(), o = b(() => r.block.width === "full" ? "full" : typeof r.block.width == "number" ? "custom" : "auto");
+		let r = e, i = t, { t: a } = q(), o = b(() => r.block.width === "full" ? "full" : typeof r.block.width == "number" ? "custom" : "auto");
 		function c(e, t) {
 			i("update", { [e]: t });
 		}
@@ -1690,28 +1703,28 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			!Number.isFinite(t) || t <= 0 || c("width", t);
 		}
 		return (t, r) => (s(), x(P, null, [
-			A("div", zi, [A("label", { class: y(g(q)) }, F(g(a).button.fontFamily), 3), A("select", {
-				class: y(g(X)),
+			A("div", zi, [A("label", { class: y(g(J)) }, F(g(a).button.fontFamily), 3), A("select", {
+				class: y(g(Z)),
 				value: e.block.fontFamily || "",
 				onChange: r[0] ||= (e) => c("fontFamily", e.target.value || void 0)
 			}, [A("option", Vi, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
 				key: e.value,
 				value: e.value
 			}, F(e.label), 9, Hi))), 128))], 42, Bi)]),
-			A("div", Ui, [A("label", { class: y(g(q)) }, F(g(a).button.text), 3), _($, {
+			A("div", Ui, [A("label", { class: y(g(J)) }, F(g(a).button.text), 3), _(Ri, {
 				"model-value": e.block.text,
 				type: "text",
 				"onUpdate:modelValue": r[1] ||= (e) => c("text", e)
 			}, null, 8, ["model-value"])]),
 			A("div", Wi, [
-				A("label", { class: y(g(q)) }, F(g(a).button.url), 3),
-				_($, {
+				A("label", { class: y(g(J)) }, F(g(a).button.url), 3),
+				_(Ri, {
 					"model-value": e.block.url,
 					type: "url",
 					placeholder: g(a).button.urlPlaceholder,
 					"onUpdate:modelValue": r[2] ||= (e) => c("url", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				e.block.url ? (s(), D(Q, {
+				e.block.url ? (s(), D($, {
 					key: 0,
 					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
 					"model-value": e.block.openInNewTab ?? !1,
@@ -1719,33 +1732,33 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					"onUpdate:modelValue": r[3] ||= (e) => c("openInNewTab", e)
 				}, null, 8, ["model-value", "label"])) : S("", !0)
 			]),
-			A("div", Gi, [A("label", { class: y(g(q)) }, F(g(a).button.background), 3), _(Z, {
+			A("div", Gi, [A("label", { class: y(g(J)) }, F(g(a).button.background), 3), _(Q, {
 				"model-value": e.block.backgroundColor,
 				"onUpdate:modelValue": r[4] ||= (e) => c("backgroundColor", e)
 			}, null, 8, ["model-value"])]),
-			A("div", Ki, [A("label", { class: y(g(q)) }, F(g(a).button.textColor), 3), _(Z, {
+			A("div", Ki, [A("label", { class: y(g(J)) }, F(g(a).button.textColor), 3), _(Q, {
 				"model-value": e.block.textColor,
 				"onUpdate:modelValue": r[5] ||= (e) => c("textColor", e)
 			}, null, 8, ["model-value"])]),
-			A("div", qi, [A("div", Ji, [A("label", { class: y(g(q)) }, F(g(a).button.borderRadius), 3), A("div", Yi, [A("input", {
+			A("div", qi, [A("div", Ji, [A("label", { class: y(g(J)) }, F(g(a).button.borderRadius), 3), A("div", Yi, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.borderRadius,
 				min: "0",
 				max: "50",
 				onInput: r[6] ||= (e) => c("borderRadius", Number(e.target.value))
-			}, null, 42, Xi), A("span", { class: y(g(J)) }, "px", 2)])]), A("div", Zi, [A("label", { class: y(g(q)) }, F(g(a).button.fontSize), 3), A("div", Qi, [A("input", {
+			}, null, 42, Xi), A("span", { class: y(g(Y)) }, "px", 2)])]), A("div", Zi, [A("label", { class: y(g(J)) }, F(g(a).button.fontSize), 3), A("div", Qi, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.fontSize,
 				min: "10",
 				max: "36",
 				onInput: r[7] ||= (e) => c("fontSize", Number(e.target.value))
-			}, null, 42, $i), A("span", { class: y(g(J)) }, "px", 2)])])]),
+			}, null, 42, $i), A("span", { class: y(g(Y)) }, "px", 2)])])]),
 			A("div", ea, [
-				A("label", { class: y(g(q)) }, F(g(a).button.width), 3),
+				A("label", { class: y(g(J)) }, F(g(a).button.width), 3),
 				A("select", {
-					class: y(g(X)),
+					class: y(g(Z)),
 					value: o.value,
 					onChange: r[8] ||= (e) => l(e.target.value)
 				}, [
@@ -1755,13 +1768,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				], 42, ta),
 				o.value === "custom" ? (s(), x("div", aa, [A("input", {
 					type: "number",
-					class: y(g(Y)),
+					class: y(g(X)),
 					value: typeof e.block.width == "number" ? e.block.width : ca,
 					min: "20",
 					onInput: r[9] ||= (e) => u(e.target.value)
-				}, null, 42, oa), A("span", { class: y(g(J)) }, "px", 2)])) : S("", !0)
+				}, null, 42, oa), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
 			]),
-			A("div", sa, [A("label", { class: y(g(q)) }, F(g(a).title.align), 3), _(jn, {
+			A("div", sa, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(An, {
 				options: [
 					{
 						value: "left",
@@ -1781,7 +1794,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), ua = { class: "spacing-control" }, da = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, fa = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, pa = { class: "tpl:flex tpl:items-center" }, ma = ["aria-label"], ha = ["value", "aria-label"], ga = ["aria-label"], _a = { class: "tpl:flex tpl:items-center tpl:gap-2" }, va = { class: "tpl:flex tpl:items-center" }, ya = ["aria-label"], ba = ["value", "aria-label"], xa = ["aria-label"], Sa = ["aria-label", "title"], Ca = { class: "tpl:flex tpl:items-center" }, wa = ["aria-label"], Ta = ["value", "aria-label"], Ea = ["aria-label"], Da = { class: "tpl:flex tpl:items-center" }, Oa = ["aria-label"], ka = ["value", "aria-label"], Aa = ["aria-label"], ja = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:active:bg-[var(--tpl-bg-active)]", Ma = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Na = /*#__PURE__*/ un(/* @__PURE__ */ d({
+}), ua = { class: "spacing-control" }, da = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, fa = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, pa = { class: "tpl:flex tpl:items-center" }, ma = ["aria-label"], ha = ["value", "aria-label"], ga = ["aria-label"], _a = { class: "tpl:flex tpl:items-center tpl:gap-2" }, va = { class: "tpl:flex tpl:items-center" }, ya = ["aria-label"], ba = ["value", "aria-label"], xa = ["aria-label"], Sa = ["aria-label", "title"], Ca = { class: "tpl:flex tpl:items-center" }, wa = ["aria-label"], Ta = ["value", "aria-label"], Ea = ["aria-label"], Da = { class: "tpl:flex tpl:items-center" }, Oa = ["aria-label"], ka = ["value", "aria-label"], Aa = ["aria-label"], ja = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:active:bg-[var(--tpl-bg-active)]", Ma = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Na = /*#__PURE__*/ ln(/* @__PURE__ */ d({
 	__name: "SpacingControl",
 	props: {
 		modelValue: {},
@@ -1789,7 +1802,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { t: a } = K(), o = b(() => r.modelValue.top === r.modelValue.right && r.modelValue.right === r.modelValue.bottom && r.modelValue.bottom === r.modelValue.left), c = l(o.value);
+		let r = t, i = n, { t: a } = q(), o = b(() => r.modelValue.top === r.modelValue.right && r.modelValue.right === r.modelValue.bottom && r.modelValue.bottom === r.modelValue.left), c = l(o.value);
 		e(o, (e) => {
 			!e && c.value && (c.value = !1);
 		});
@@ -1834,7 +1847,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					"aria-label": g(a).spacingControl.decreaseTop,
 					class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: n[0] ||= (e) => u("top", -1)
-				}, [_(g(Gt), {
+				}, [_(g(Wt), {
 					size: 12,
 					"stroke-width": 2
 				})], 10, ma),
@@ -1850,7 +1863,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					"aria-label": g(a).spacingControl.increaseTop,
 					class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: n[2] ||= (e) => u("top", 1)
-				}, [_(g(Rt), {
+				}, [_(g(Lt), {
 					size: 12,
 					"stroke-width": 2
 				})], 10, ga)
@@ -1861,7 +1874,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 						"aria-label": g(a).spacingControl.decreaseLeft,
 						class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: n[3] ||= (e) => u("left", -1)
-					}, [_(g(Gt), {
+					}, [_(g(Wt), {
 						size: 12,
 						"stroke-width": 2
 					})], 10, ya),
@@ -1877,7 +1890,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 						"aria-label": g(a).spacingControl.increaseLeft,
 						class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: n[5] ||= (e) => u("left", 1)
-					}, [_(g(Rt), {
+					}, [_(g(Lt), {
 						size: 12,
 						"stroke-width": 2
 					})], 10, xa)
@@ -1887,11 +1900,11 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					"aria-label": c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
 					title: c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
 					onClick: f
-				}, [c.value ? (s(), D(g($t), {
+				}, [c.value ? (s(), D(g(Qt), {
 					key: 0,
 					size: 14,
 					"stroke-width": 2
-				})) : (s(), D(g(nn), {
+				})) : (s(), D(g(tn), {
 					key: 1,
 					size: 14,
 					"stroke-width": 2
@@ -1901,7 +1914,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 						"aria-label": g(a).spacingControl.decreaseRight,
 						class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: n[6] ||= (e) => u("right", -1)
-					}, [_(g(Gt), {
+					}, [_(g(Wt), {
 						size: 12,
 						"stroke-width": 2
 					})], 10, wa),
@@ -1917,7 +1930,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 						"aria-label": g(a).spacingControl.increaseRight,
 						class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: n[8] ||= (e) => u("right", 1)
-					}, [_(g(Rt), {
+					}, [_(g(Lt), {
 						size: 12,
 						"stroke-width": 2
 					})], 10, Ea)
@@ -1928,7 +1941,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					"aria-label": g(a).spacingControl.decreaseBottom,
 					class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: n[9] ||= (e) => u("bottom", -1)
-				}, [_(g(Gt), {
+				}, [_(g(Wt), {
 					size: 12,
 					"stroke-width": 2
 				})], 10, Oa),
@@ -1944,7 +1957,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					"aria-label": g(a).spacingControl.increaseBottom,
 					class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: n[11] ||= (e) => u("bottom", 1)
-				}, [_(g(Rt), {
+				}, [_(g(Lt), {
 					size: 12,
 					"stroke-width": 2
 				})], 10, Aa)
@@ -1966,7 +1979,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			"data-testid": e.headerTestId,
 			class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 			onClick: n[0] ||= (e) => t.$emit("toggle")
-		}, [_(g(Dt), {
+		}, [_(g(Et), {
 			class: y(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
 			size: 12,
 			"stroke-width": 2
@@ -1992,13 +2005,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(i, { emit: a }) {
-		let o = i, c = a, { t: d } = K(), m = t(ct, []), h = t(lt, !1), v = p(/* @__PURE__ */ new Set()), C = l(!1), w = l(""), T = l(""), E = [{
+		let o = i, c = a, { t: d } = q(), m = t(st, []), h = t(ct, !1), v = p(/* @__PURE__ */ new Set()), C = l(!1), w = l(""), T = l(""), E = [{
 			key: "desktop",
-			icon: bt,
+			icon: yt,
 			labelKey: "showOnDesktop"
 		}, {
 			key: "mobile",
-			icon: St,
+			icon: xt,
 			labelKey: "showOnMobile"
 		}];
 		function O(e) {
@@ -2069,7 +2082,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				open: v.has("bg"),
 				onToggle: t[3] ||= (e) => O("bg")
 			}, {
-				default: r(() => [A("label", { class: y(g(q)) }, F(g(d).blockSettings.color), 3), _(Z, {
+				default: r(() => [A("label", { class: y(g(J)) }, F(g(d).blockSettings.color), 3), _(Q, {
 					"model-value": i.block.styles.backgroundColor ?? "",
 					"onUpdate:modelValue": t[2] ||= (e) => L("backgroundColor", e)
 				}, null, 8, ["model-value"])]),
@@ -2080,7 +2093,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				open: v.has("display"),
 				onToggle: t[4] ||= (e) => O("display")
 			}, {
-				default: r(() => [A("div", La, [(s(), x(P, null, n(E, (e) => _(Q, {
+				default: r(() => [A("div", La, [(s(), x(P, null, n(E, (e) => _($, {
 					key: e.key,
 					class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 					"model-value": z(e.key),
@@ -2140,12 +2153,12 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					A("div", null, [A("label", qa, F(g(d).blockSettings.customConditionBefore), 1), f(A("textarea", {
 						"onUpdate:modelValue": t[6] ||= (e) => w.value = e,
 						rows: "2",
-						class: y(g(xn))
+						class: y(g(bn))
 					}, null, 2), [[k, w.value]])]),
 					A("div", null, [A("label", Ja, F(g(d).blockSettings.customConditionAfter), 1), f(A("textarea", {
 						"onUpdate:modelValue": t[7] ||= (e) => T.value = e,
 						rows: "2",
-						class: y(g(xn))
+						class: y(g(bn))
 					}, null, 2), [[k, T.value]])]),
 					A("div", Ya, [A("button", {
 						type: "button",
@@ -2167,11 +2180,11 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = K();
+		let n = t, { t: i } = q();
 		return (t, a) => (s(), x("div", {
 			class: "tpl:mb-3.5",
 			title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0
-		}, [_(Q, {
+		}, [_($, {
 			class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 			"model-value": e.modelValue,
 			label: e.field.label,
@@ -2179,7 +2192,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			disabled: e.readOnly,
 			"onUpdate:modelValue": a[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g($t), {
+			default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g(Qt), {
 				key: 0,
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
@@ -2200,13 +2213,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 		readOnly: { type: Boolean }
 	},
 	setup(e) {
-		let { t } = K();
-		return (n, r) => (s(), x("div", io, [A("label", { class: y(g(q)) }, [
+		let { t } = q();
+		return (n, r) => (s(), x("div", io, [A("label", { class: y(g(J)) }, [
 			R(F(e.label) + " ", 1),
 			e.readOnly ? (s(), x("span", {
 				key: 0,
 				title: g(t).customBlocks.dataSource.readOnlyTooltip
-			}, [_(g($t), {
+			}, [_(g(Qt), {
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
 				"aria-hidden": "true"
@@ -2227,13 +2240,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let i = e, a = n, { t: o } = K(), c = t(mt, vt), l = b(() => ke(i.field, c));
+		let i = e, a = n, { t: o } = q(), c = t(pt, _t), l = b(() => Oe(i.field, c));
 		return (t, n) => (s(), D(lo, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
 		}, {
-			default: r(() => [_(Z, {
+			default: r(() => [_(Q, {
 				"model-value": e.modelValue,
 				placeholder: e.field.placeholder,
 				disabled: e.readOnly,
@@ -2273,7 +2286,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let i = e, a = n, { t: o } = K(), c = t(ot, null), u = pn(), d = b(() => !!c);
+		let i = e, a = n, { t: o } = q(), c = t(at, null), u = fn(), d = b(() => !!c);
 		async function f() {
 			let e = await c?.({ accept: ["images"] });
 			u.alive && e && a("update:modelValue", e.url);
@@ -2294,7 +2307,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				}
 			}
 		}
-		let { isOver: C } = Te({
+		let { isOver: C } = we({
 			target: p,
 			enabled: h,
 			onFiles: v
@@ -2309,18 +2322,18 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				ref: p,
 				class: "tpl:relative"
 			}, [
-				h.value && (g(C) || m.value) ? (s(), x("div", fo, [m.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
+				h.value && (g(C) || m.value) ? (s(), x("div", fo, [m.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
-				}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
+				}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(nn), {
 					size: 18,
 					"stroke-width": 1.5
 				}), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
 				e.readOnly ? (s(), x("input", {
 					key: 1,
 					type: "url",
-					class: y([g(X), "tpl:opacity-60 tpl:cursor-not-allowed"]),
+					class: y([g(Z), "tpl:opacity-60 tpl:cursor-not-allowed"]),
 					value: e.modelValue,
 					placeholder: e.field.placeholder || "https://...",
 					disabled: "",
@@ -2328,7 +2341,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				}, null, 10, po)) : (s(), x("input", {
 					key: 2,
 					type: "url",
-					class: y(g(X)),
+					class: y(g(Z)),
 					value: e.modelValue,
 					placeholder: e.field.placeholder || "https://...",
 					onInput: n[0] ||= (e) => a("update:modelValue", e.target.value)
@@ -2337,7 +2350,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					key: 3,
 					class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
 					onClick: n[1] ||= (e) => f()
-				}, [_(g(Kt), {
+				}, [_(g(Gt), {
 					size: 14,
 					"stroke-width": 1.5
 				}), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
@@ -2366,7 +2379,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = K();
+		let n = t, { t: i } = q();
 		return (t, a) => (s(), D(lo, {
 			label: e.field.label,
 			required: e.field.required,
@@ -2374,7 +2387,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 		}, {
 			default: r(() => [A("input", {
 				type: "number",
-				class: y([g(X), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
+				class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
 				value: e.modelValue,
 				placeholder: e.field.placeholder,
 				min: e.field.min,
@@ -2406,7 +2419,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let i = e, a = t, { t: o, format: c } = K(), l = b(() => i.modelValue || []), d = b(() => !i.field.maxItems || l.value.length < i.field.maxItems), f = b(() => !i.field.minItems || l.value.length > i.field.minItems);
+		let i = e, a = t, { t: o, format: c } = q(), l = b(() => i.modelValue || []), d = b(() => !i.field.maxItems || l.value.length < i.field.maxItems), f = b(() => !i.field.minItems || l.value.length > i.field.minItems);
 		function p() {
 			if (!d.value || i.readOnly) return;
 			let e = {};
@@ -2440,7 +2453,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
 					title: g(o).customBlocks.fields.removeItem,
 					onClick: (e) => m(r)
-				}, [_(g(Ut), {
+				}, [_(g(Ht), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, xo)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(No)(n.type)), {
@@ -2458,9 +2471,9 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				d.value && !e.readOnly ? (s(), x("button", {
 					key: 0,
 					type: "button",
-					class: y(g(Cn)),
+					class: y(g(Sn)),
 					onClick: p
-				}, [_(g(Rt), {
+				}, [_(g(Lt), {
 					size: 14,
 					"stroke-width": 2
 				}), R(" " + F(g(o).customBlocks.fields.addItem), 1)], 2)) : S("", !0),
@@ -2487,14 +2500,14 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let i = t, { t: a } = K();
+		let i = t, { t: a } = q();
 		return (t, o) => (s(), D(lo, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
 		}, {
 			default: r(() => [A("select", {
-				class: y([g(X), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
+				class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
 				value: e.modelValue,
 				disabled: e.readOnly,
 				title: e.readOnly ? g(a).customBlocks.dataSource.readOnlyTooltip : void 0,
@@ -2523,7 +2536,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = K();
+		let n = t, { t: i } = q();
 		return (t, a) => (s(), D(lo, {
 			label: e.field.label,
 			required: e.field.required,
@@ -2532,12 +2545,12 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			default: r(() => [e.readOnly ? (s(), x("input", {
 				key: 0,
 				type: "text",
-				class: y([g(X), "tpl:opacity-60 tpl:cursor-not-allowed"]),
+				class: y([g(Z), "tpl:opacity-60 tpl:cursor-not-allowed"]),
 				value: e.modelValue,
 				placeholder: e.field.placeholder,
 				disabled: "",
 				title: g(i).customBlocks.dataSource.readOnlyTooltip
-			}, null, 10, Oo)) : (s(), D($, {
+			}, null, 10, Oo)) : (s(), D(Ri, {
 				key: 1,
 				"model-value": e.modelValue,
 				placeholder: e.field.placeholder,
@@ -2565,7 +2578,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 		},
 		emits: ["update:modelValue"],
 		setup(e, { emit: t }) {
-			let n = t, { t: i } = K();
+			let n = t, { t: i } = q();
 			return (t, a) => (s(), D(lo, {
 				label: e.field.label,
 				required: e.field.required,
@@ -2579,7 +2592,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					disabled: "",
 					title: g(i).customBlocks.dataSource.readOnlyTooltip,
 					class: y(jo)
-				}, null, 8, Ao)) : (s(), D(ni, {
+				}, null, 8, Ao)) : (s(), D(ti, {
 					key: 1,
 					"model-value": e.modelValue,
 					placeholder: e.field.placeholder,
@@ -2628,7 +2641,7 @@ var Po = {
 	props: { block: {} },
 	emits: ["updateFieldValues", "updateDataSourceFetched"],
 	setup(e, { emit: r }) {
-		let i = e, a = r, { t: o } = K(), c = t(it, []), l = b(() => c.find((e) => e.type === i.block.customType)), d = b(() => i.block), { isFetching: f, fetchError: p, fetch: m, hasDataSource: h, needsFetch: v } = ve({
+		let i = e, a = r, { t: o } = q(), c = t(rt, []), l = b(() => c.find((e) => e.type === i.block.customType)), d = b(() => i.block), { isFetching: f, fetchError: p, fetch: m, hasDataSource: h, needsFetch: v } = _e({
 			definition: l,
 			block: d,
 			onUpdate: (e, t) => {
@@ -2656,7 +2669,7 @@ var Po = {
 				type: "button",
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
 				onClick: r[1] ||= (...e) => g(m) && g(m)(...e)
-			}, [_(g(ln), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Vo, [_(g(At), {
+			}, [_(g(cn), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Vo, [_(g(kt), {
 				size: 14,
 				class: "tpl:shrink-0"
 			}), R(" " + F(g(o).customBlocks.dataSource.fetchError), 1)])) : S("", !0)])) : S("", !0),
@@ -2679,12 +2692,12 @@ var Po = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = K();
+		let n = t, { t: r } = q();
 		function i(e, t) {
 			n("update", { [e]: t });
 		}
 		return (t, n) => (s(), x(P, null, [
-			A("div", Uo, [A("label", { class: y(g(q)) }, F(g(r).divider.style), 3), _(jn, {
+			A("div", Uo, [A("label", { class: y(g(J)) }, F(g(r).divider.style), 3), _(An, {
 				options: [
 					{
 						value: "solid",
@@ -2702,18 +2715,18 @@ var Po = {
 				"model-value": e.block.lineStyle,
 				"onUpdate:modelValue": n[0] ||= (e) => i("lineStyle", e)
 			}, null, 8, ["options", "model-value"])]),
-			A("div", Wo, [A("label", { class: y(g(q)) }, F(g(r).divider.color), 3), _(Z, {
+			A("div", Wo, [A("label", { class: y(g(J)) }, F(g(r).divider.color), 3), _(Q, {
 				"model-value": e.block.color,
 				"onUpdate:modelValue": n[1] ||= (e) => i("color", e)
 			}, null, 8, ["model-value"])]),
-			A("div", Go, [A("label", { class: y(g(q)) }, F(g(r).divider.thickness), 3), A("div", Ko, [A("input", {
+			A("div", Go, [A("label", { class: y(g(J)) }, F(g(r).divider.thickness), 3), A("div", Ko, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.thickness,
 				min: "1",
 				max: "10",
 				onInput: n[2] ||= (e) => i("thickness", Number(e.target.value))
-			}, null, 42, qo), A("span", { class: y(g(J)) }, "px", 2)])])
+			}, null, 42, qo), A("span", { class: y(g(Y)) }, "px", 2)])])
 		], 64));
 	}
 }), Yo = { class: "tpl:mb-3.5" }, Xo = ["value"], Zo = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Qo = /* @__PURE__ */ d({
@@ -2721,17 +2734,17 @@ var Po = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = K();
+		let n = t, { t: r } = q();
 		return (t, i) => (s(), x("div", Yo, [
-			A("label", { class: y(g(q)) }, F(g(r).html.content), 3),
+			A("label", { class: y(g(J)) }, F(g(r).html.content), 3),
 			A("textarea", {
 				value: e.block.content,
 				placeholder: "<div>...</div>",
 				rows: "10",
-				class: y(g(xn)),
+				class: y(g(bn)),
 				onInput: i[0] ||= (e) => n("update", { content: e.target.value })
 			}, null, 42, Xo),
-			A("p", Zo, [_(g(Wt), {
+			A("p", Zo, [_(g(Ut), {
 				size: 12,
 				class: "tpl:mt-0.5 tpl:shrink-0"
 			}), R(" " + F(g(r).html.sanitizationHint), 1)])
@@ -2756,7 +2769,7 @@ var Po = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: n }) {
-		let i = e, a = n, { t: o } = K(), c = t(ot, null), u = t(st, se.liquid), d = pn(), f = b(() => !!c), p = l(!1), m = l(!1), { start: h } = Ve(() => {
+		let i = e, a = n, { t: o } = q(), c = t(at, null), u = t(ot, oe.liquid), d = fn(), f = b(() => !!c), p = l(!1), m = l(!1), { start: h } = Be(() => {
 			p.value = !1;
 		}, 1e3, { immediate: !1 }), v = [
 			300,
@@ -2785,7 +2798,7 @@ var Po = {
 			let e = await c?.({ accept: ["images"] });
 			d.alive && e && (w("src", e.url), e.alt && (w("alt", e.alt), m.value = !0), p.value = !0, h());
 		}
-		let k = l(), j = l(!1), M = b(() => G(i.block.src, u)), N = b(() => f.value && !j.value && !M.value);
+		let k = l(), j = l(!1), M = b(() => K(i.block.src, u)), N = b(() => f.value && !j.value && !M.value);
 		async function ee(e) {
 			if (c) {
 				j.value = !0;
@@ -2801,26 +2814,26 @@ var Po = {
 				}
 			}
 		}
-		let { isOver: I } = Te({
+		let { isOver: I } = we({
 			target: k,
 			enabled: N,
 			onFiles: ee
 		});
 		return (t, n) => (s(), x(P, null, [
-			A("div", $o, [A("label", { class: y(g(q)) }, F(g(o).image.imageUrl), 3), A("div", {
+			A("div", $o, [A("label", { class: y(g(J)) }, F(g(o).image.imageUrl), 3), A("div", {
 				ref_key: "dropZoneRef",
 				ref: k,
 				class: "tpl:relative"
 			}, [
-				N.value && (g(I) || j.value) ? (s(), x("div", es, [j.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
+				N.value && (g(I) || j.value) ? (s(), x("div", es, [j.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
-				}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
+				}), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(nn), {
 					size: 18,
 					"stroke-width": 1.5
 				}), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
-				_($, {
+				_(Ri, {
 					"model-value": e.block.src,
 					type: "url",
 					placeholder: g(o).image.imageUrlPlaceholder,
@@ -2840,22 +2853,22 @@ var Po = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: O
-				}, [_(g(Kt), {
+				}, [_(g(Gt), {
 					size: 14,
 					"stroke-width": 1.5
 				}), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
 			], 512)]),
-			g(G)(e.block.src, g(u)) ? (s(), x("div", ts, [A("label", { class: y(g(q)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", ns, F(g(o).image.optional), 1)], 2), A("input", {
+			g(K)(e.block.src, g(u)) ? (s(), x("div", ts, [A("label", { class: y(g(J)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", ns, F(g(o).image.optional), 1)], 2), A("input", {
 				type: "url",
-				class: y(g(X)),
+				class: y(g(Z)),
 				value: e.block.placeholderUrl || "",
 				placeholder: g(o).image.placeholderUrlPlaceholder,
 				title: g(o).image.placeholderUrlTooltip,
 				onInput: n[1] ||= (e) => w("placeholderUrl", e.target.value)
 			}, null, 42, rs)])) : S("", !0),
 			A("div", is, [
-				A("label", { class: y(g(q)) }, F(g(o).image.altText), 3),
-				_($, {
+				A("label", { class: y(g(J)) }, F(g(o).image.altText), 3),
+				_(Ri, {
 					"model-value": e.block.alt,
 					type: "text",
 					placeholder: g(o).image.altTextPlaceholder,
@@ -2868,7 +2881,7 @@ var Po = {
 					"pulse",
 					"disabled"
 				]),
-				_(Q, {
+				_($, {
 					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
 					"model-value": e.block.decorative === !0,
 					label: g(o).image.decorative,
@@ -2879,9 +2892,9 @@ var Po = {
 				}, 8, ["model-value", "label"])
 			]),
 			A("div", os, [
-				A("label", { class: y(g(q)) }, F(g(o).image.width), 3),
+				A("label", { class: y(g(J)) }, F(g(o).image.width), 3),
 				A("select", {
-					class: y(g(X)),
+					class: y(g(Z)),
 					value: C.value,
 					onChange: n[4] ||= (e) => T(e.target.value)
 				}, [
@@ -2893,13 +2906,13 @@ var Po = {
 				], 42, ss),
 				C.value === "custom" ? (s(), x("div", us, [A("input", {
 					type: "number",
-					class: y(g(Y)),
+					class: y(g(X)),
 					value: typeof e.block.width == "number" ? e.block.width : ms,
 					min: "20",
 					onInput: n[5] ||= (e) => E(e.target.value)
-				}, null, 42, ds), A("span", { class: y(g(J)) }, "px", 2)])) : S("", !0)
+				}, null, 42, ds), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
 			]),
-			A("div", fs, [A("label", { class: y(g(q)) }, F(g(o).title.align), 3), _(jn, {
+			A("div", fs, [A("label", { class: y(g(J)) }, F(g(o).title.align), 3), _(An, {
 				options: [
 					{
 						value: "left",
@@ -2918,14 +2931,14 @@ var Po = {
 				"onUpdate:modelValue": n[6] ||= (e) => w("align", e)
 			}, null, 8, ["options", "model-value"])]),
 			A("div", ps, [
-				A("label", { class: y(g(q)) }, F(g(o).image.linkUrl), 3),
-				_($, {
+				A("label", { class: y(g(J)) }, F(g(o).image.linkUrl), 3),
+				_(Ri, {
 					"model-value": e.block.linkUrl || "",
 					type: "url",
 					placeholder: g(o).image.imageUrlPlaceholder,
 					"onUpdate:modelValue": n[7] ||= (e) => w("linkUrl", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				e.block.linkUrl ? (s(), D(Q, {
+				e.block.linkUrl ? (s(), D($, {
 					key: 0,
 					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
 					"model-value": e.block.linkOpenInNewTab ?? !1,
@@ -2947,7 +2960,7 @@ var Po = {
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let i = e, a = t, { t: o } = K(), c = b(() => [
+		let i = e, a = t, { t: o } = q(), c = b(() => [
 			{
 				key: "openInNewTab",
 				label: o.menu.openInNewTab
@@ -2964,17 +2977,17 @@ var Po = {
 			{
 				value: "left",
 				label: o.title.alignLeft,
-				icon: Zt
+				icon: Xt
 			},
 			{
 				value: "center",
 				label: o.title.alignCenter,
-				icon: Bt
+				icon: zt
 			},
 			{
 				value: "right",
 				label: o.title.alignRight,
-				icon: qt
+				icon: Kt
 			}
 		]);
 		function u(e, t) {
@@ -3002,26 +3015,26 @@ var Po = {
 			a("update", { items: i.block.items.filter((t) => t.id !== e) });
 		}
 		return (t, i) => (s(), x(P, null, [
-			_(An, { label: g(o).menu.items }, {
+			_(kn, { label: g(o).menu.items }, {
 				default: r(() => [A("div", gs, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
 					key: t.id,
 					class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
 				}, [
 					A("div", _s, [A("input", {
 						type: "text",
-						class: y([g(X), "tpl:flex-1"]),
+						class: y([g(Z), "tpl:flex-1"]),
 						value: t.text,
 						placeholder: g(o).menu.text,
 						onInput: (e) => f(t.id, "text", e.target.value)
 					}, null, 42, vs), A("button", {
-						class: y(g(Sn)),
+						class: y(g(xn)),
 						title: g(o).menu.removeItem,
 						onClick: (e) => p(t.id)
-					}, [_(g(Qt), {
+					}, [_(g(Zt), {
 						size: 14,
 						"stroke-width": 2
 					})], 10, ys)]),
-					_($, {
+					_(Ri, {
 						"model-value": t.url,
 						type: "url",
 						placeholder: g(o).menu.urlPlaceholder,
@@ -3031,7 +3044,7 @@ var Po = {
 						"placeholder",
 						"onUpdate:modelValue"
 					]),
-					A("div", bs, [(s(!0), x(P, null, n(c.value, (e) => (s(), D(Q, {
+					A("div", bs, [(s(!0), x(P, null, n(c.value, (e) => (s(), D($, {
 						key: e.key,
 						"model-value": t[e.key],
 						label: e.label,
@@ -3041,23 +3054,23 @@ var Po = {
 						"label",
 						"onUpdate:modelValue"
 					]))), 128))]),
-					A("div", xs, [A("label", { class: y([g(q), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Z, {
+					A("div", xs, [A("label", { class: y([g(J), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Q, {
 						"swatch-only": "",
 						"model-value": t.color || e.block.linkColor || e.block.color || "",
 						"onUpdate:modelValue": (e) => f(t.id, "color", e)
 					}, null, 8, ["model-value", "onUpdate:modelValue"])])
 				]))), 128)), A("button", {
-					class: y(g(Cn)),
+					class: y(g(Sn)),
 					onClick: d
-				}, [_(g(Rt), {
+				}, [_(g(Lt), {
 					size: 14,
 					"stroke-width": 2
 				}), R(" " + F(g(o).menu.addItem), 1)], 2)])]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.fontFamily }, {
+			_(kn, { label: g(o).menu.fontFamily }, {
 				default: r(() => [A("select", {
-					class: y(g(X)),
+					class: y(g(Z)),
 					value: e.block.fontFamily || "",
 					onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
 				}, [A("option", Cs, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
@@ -3066,8 +3079,8 @@ var Po = {
 				}, F(e.label), 9, ws))), 128))], 42, Ss)]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.fontSize }, {
-				default: r(() => [_(Mn, {
+			_(kn, { label: g(o).menu.fontSize }, {
+				default: r(() => [_(jn, {
 					"model-value": e.block.fontSize,
 					min: 8,
 					max: 48,
@@ -3076,46 +3089,46 @@ var Po = {
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.color }, {
-				default: r(() => [_(Z, {
+			_(kn, { label: g(o).menu.color }, {
+				default: r(() => [_(Q, {
 					"model-value": e.block.color ?? "",
 					"onUpdate:modelValue": i[2] ||= (e) => u("color", e || void 0)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.linkColor }, {
-				default: r(() => [_(Z, {
+			_(kn, { label: g(o).menu.linkColor }, {
+				default: r(() => [_(Q, {
 					"model-value": e.block.linkColor || e.block.color || "",
 					"onUpdate:modelValue": i[3] ||= (e) => u("linkColor", e || void 0)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.textAlign }, {
-				default: r(() => [_(jn, {
+			_(kn, { label: g(o).menu.textAlign }, {
+				default: r(() => [_(An, {
 					options: l.value,
 					"model-value": e.block.textAlign,
 					"onUpdate:modelValue": i[4] ||= (e) => u("textAlign", e)
 				}, null, 8, ["options", "model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.separator }, {
+			_(kn, { label: g(o).menu.separator }, {
 				default: r(() => [A("input", {
 					type: "text",
-					class: y(g(X)),
+					class: y(g(Z)),
 					value: e.block.separator,
 					onInput: i[5] ||= (e) => u("separator", e.target.value)
 				}, null, 42, Ts)]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.separatorColor }, {
-				default: r(() => [_(Z, {
+			_(kn, { label: g(o).menu.separatorColor }, {
+				default: r(() => [_(Q, {
 					"model-value": e.block.separatorColor,
 					"onUpdate:modelValue": i[6] ||= (e) => u("separatorColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			_(An, { label: g(o).menu.spacing }, {
-				default: r(() => [_(Mn, {
+			_(kn, { label: g(o).menu.spacing }, {
+				default: r(() => [_(jn, {
 					"model-value": e.block.spacing,
 					min: 0,
 					max: 50,
@@ -3155,7 +3168,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = K(), o = b(() => [
+		let r = e, i = t, { t: a } = q(), o = b(() => [
 			{
 				value: "1",
 				label: a.section.column1
@@ -3212,35 +3225,35 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			f({ borderRadius: Number(e.target.value) });
 		}
 		return (t, r) => (s(), x(P, null, [
-			A("div", ks, [A("label", { class: y(g(q)) }, F(g(a).section.columns), 3), A("select", {
-				class: y(g(X)),
+			A("div", ks, [A("label", { class: y(g(J)) }, F(g(a).section.columns), 3), A("select", {
+				class: y(g(Z)),
 				value: e.block.columns,
 				onChange: c
 			}, [(s(!0), x(P, null, n(o.value, (e) => (s(), x("option", {
 				key: e.value,
 				value: e.value
 			}, F(e.label), 9, js))), 128))], 42, As)]),
-			e.block.columns === "1" ? S("", !0) : (s(), x("div", Ms, [_(Q, {
+			e.block.columns === "1" ? S("", !0) : (s(), x("div", Ms, [_($, {
 				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 				"model-value": e.block.stackOnMobile !== !1,
 				label: g(a).section.stackOnMobile,
 				"onUpdate:modelValue": r[0] ||= (e) => l(e)
 			}, null, 8, ["model-value", "label"])])),
-			A("div", Ns, [A("label", { class: y(g(q)) }, F(g(a).section.borderRadius), 3), A("div", Ps, [A("input", {
+			A("div", Ns, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Ps, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.borderRadius ?? 0,
 				min: "0",
 				max: "50",
 				onInput: u
-			}, null, 42, Fs), A("span", { class: y(g(J)) }, "px", 2)])]),
-			A("div", Is, [_(Q, {
+			}, null, 42, Fs), A("span", { class: y(g(Y)) }, "px", 2)])]),
+			A("div", Is, [_($, {
 				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 				"model-value": !!e.block.wrapper,
 				label: g(a).section.wrapperEnable,
 				"onUpdate:modelValue": r[1] ||= (e) => d(e)
 			}, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Ls, [
-				A("div", null, [A("label", { class: y(g(q)) }, F(g(a).blockSettings.color), 3), _(Z, {
+				A("div", null, [A("label", { class: y(g(J)) }, F(g(a).blockSettings.color), 3), _(Q, {
 					"model-value": e.block.wrapper.backgroundColor ?? "",
 					"onUpdate:modelValue": r[2] ||= (e) => f({ backgroundColor: e })
 				}, null, 8, ["model-value"])]),
@@ -3254,14 +3267,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					},
 					"onUpdate:modelValue": p
 				}, null, 8, ["label", "model-value"]),
-				A("div", null, [A("label", { class: y(g(q)) }, F(g(a).section.borderRadius), 3), A("div", Rs, [A("input", {
+				A("div", null, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Rs, [A("input", {
 					type: "number",
-					class: y(g(Y)),
+					class: y(g(X)),
 					value: e.block.wrapper.borderRadius ?? 0,
 					min: "0",
 					max: "50",
 					onInput: m
-				}, null, 42, zs), A("span", { class: y(g(J)) }, "px", 2)])])
+				}, null, 42, zs), A("span", { class: y(g(Y)) }, "px", 2)])])
 			])) : S("", !0)])
 		], 64));
 	}
@@ -3270,7 +3283,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = K();
+		let r = e, i = t, { t: a } = q();
 		function o(e, t) {
 			i("update", { [e]: t });
 		}
@@ -3293,25 +3306,25 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
 		}
 		return (t, r) => (s(), x(P, null, [
-			A("div", Vs, [A("label", { class: y(g(q)) }, F(g(a).social.icons), 3), A("div", Hs, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
+			A("div", Vs, [A("label", { class: y(g(J)) }, F(g(a).social.icons), 3), A("div", Hs, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
 				key: e.id,
 				class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
 			}, [A("div", Us, [A("select", {
 				"data-testid": "social-platform-select",
-				class: y([g(X), "tpl:flex-1"]),
+				class: y([g(Z), "tpl:flex-1"]),
 				value: e.platform,
 				onChange: (t) => l(e.id, "platform", t.target.value)
-			}, [(s(!0), x(P, null, n(g(Ne), (e) => (s(), x("option", {
+			}, [(s(!0), x(P, null, n(g(Me), (e) => (s(), x("option", {
 				key: e,
 				value: e
 			}, F(g(a).social.platforms[e]), 9, Gs))), 128))], 42, Ws), A("button", {
-				class: y(g(Sn)),
+				class: y(g(xn)),
 				title: g(a).social.removeIcon,
 				onClick: (t) => u(e.id)
-			}, [_(g(Qt), {
+			}, [_(g(Zt), {
 				size: 14,
 				"stroke-width": 2
-			})], 10, Ks)]), _($, {
+			})], 10, Ks)]), _(Ri, {
 				"model-value": e.url,
 				type: "url",
 				placeholder: g(a).social.urlPlaceholder,
@@ -3321,14 +3334,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				"placeholder",
 				"onUpdate:modelValue"
 			])]))), 128)), A("button", {
-				class: y(g(Cn)),
+				class: y(g(Sn)),
 				onClick: c
-			}, [_(g(Rt), {
+			}, [_(g(Lt), {
 				size: 14,
 				"stroke-width": 2
 			}), R(" " + F(g(a).social.addIcon), 1)], 2)])]),
-			A("div", qs, [A("label", { class: y(g(q)) }, F(g(a).social.style), 3), A("select", {
-				class: y(g(X)),
+			A("div", qs, [A("label", { class: y(g(J)) }, F(g(a).social.style), 3), A("select", {
+				class: y(g(Z)),
 				value: e.block.iconStyle,
 				onChange: r[0] ||= (e) => o("iconStyle", e.target.value)
 			}, [
@@ -3338,7 +3351,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				A("option", Qs, F(g(a).social.styleSquare), 1),
 				A("option", $s, F(g(a).social.styleCircle), 1)
 			], 42, Js)]),
-			A("div", ec, [A("label", { class: y(g(q)) }, F(g(a).social.size), 3), _(jn, {
+			A("div", ec, [A("label", { class: y(g(J)) }, F(g(a).social.size), 3), _(An, {
 				options: [
 					{
 						value: "small",
@@ -3356,30 +3369,30 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				"model-value": e.block.iconSize,
 				"onUpdate:modelValue": r[1] ||= (e) => o("iconSize", e)
 			}, null, 8, ["options", "model-value"])]),
-			A("div", tc, [A("label", { class: y(g(q)) }, F(g(a).social.spacing), 3), A("div", nc, [A("input", {
+			A("div", tc, [A("label", { class: y(g(J)) }, F(g(a).social.spacing), 3), A("div", nc, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.spacing,
 				min: "0",
 				max: "50",
 				onInput: r[2] ||= (e) => o("spacing", Number(e.target.value))
-			}, null, 42, rc), A("span", { class: y(g(J)) }, "px", 2)])]),
-			A("div", ic, [A("label", { class: y(g(q)) }, F(g(a).social.align), 3), _(jn, {
+			}, null, 42, rc), A("span", { class: y(g(Y)) }, "px", 2)])]),
+			A("div", ic, [A("label", { class: y(g(J)) }, F(g(a).social.align), 3), _(An, {
 				options: [
 					{
 						value: "left",
 						label: g(a).title.alignLeft,
-						icon: g(Zt)
+						icon: g(Xt)
 					},
 					{
 						value: "center",
 						label: g(a).title.alignCenter,
-						icon: g(Bt)
+						icon: g(zt)
 					},
 					{
 						value: "right",
 						label: g(a).title.alignRight,
-						icon: g(qt)
+						icon: g(Kt)
 					}
 				],
 				"model-value": e.block.align,
@@ -3392,17 +3405,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = K();
+		let n = t, { t: r } = q();
 		return (t, i) => (s(), x("div", oc, [
-			A("label", { class: y(g(q)) }, F(g(r).spacer.height), 3),
+			A("label", { class: y(g(J)) }, F(g(r).spacer.height), 3),
 			A("div", sc, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.height,
 				min: "10",
 				max: "100",
 				onInput: i[0] ||= (e) => n("update", { height: Number(e.target.value) })
-			}, null, 42, cc), A("span", { class: y(g(J)) }, "px", 2)]),
+			}, null, 42, cc), A("span", { class: y(g(Y)) }, "px", 2)]),
 			A("input", {
 				type: "range",
 				class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -3424,7 +3437,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = K(), o = b(() => r.block.rows.length > 0 ? r.block.rows[0].cells.length : 0);
+		let r = e, i = t, { t: a } = q(), o = b(() => r.block.rows.length > 0 ? r.block.rows[0].cells.length : 0);
 		function c(e, t) {
 			i("update", { [e]: t });
 		}
@@ -3459,12 +3472,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			i("update", { rows: t });
 		}
 		return (t, r) => (s(), x(P, null, [
-			A("div", dc, [A("label", { class: y(g(q)) }, F(g(a).table.dimensions), 3), A("div", fc, [A("div", pc, [A("span", mc, F(g(a).table.rows), 1), A("div", hc, [
+			A("div", dc, [A("label", { class: y(g(J)) }, F(g(a).table.dimensions), 3), A("div", fc, [A("div", pc, [A("span", mc, F(g(a).table.rows), 1), A("div", hc, [
 				A("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: e.block.rows.length <= 1,
 					onClick: r[0] ||= (t) => u(e.block.rows[e.block.rows.length - 1].id)
-				}, [_(g(Gt), {
+				}, [_(g(Wt), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, gc),
@@ -3472,7 +3485,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				A("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)]",
 					onClick: l
-				}, [_(g(Rt), {
+				}, [_(g(Lt), {
 					size: 12,
 					"stroke-width": 2
 				})])
@@ -3481,7 +3494,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: o.value <= 1,
 					onClick: r[1] ||= (e) => f(o.value - 1)
-				}, [_(g(Gt), {
+				}, [_(g(Wt), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, xc),
@@ -3489,20 +3502,20 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				A("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)]",
 					onClick: d
-				}, [_(g(Rt), {
+				}, [_(g(Lt), {
 					size: 12,
 					"stroke-width": 2
 				})])
 			])])])]),
-			A("div", Cc, [_(Q, {
+			A("div", Cc, [_($, {
 				class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 				"model-value": e.block.hasHeaderRow,
 				label: g(a).table.hasHeaderRow,
 				"onUpdate:modelValue": r[2] ||= (e) => c("hasHeaderRow", e)
 			}, null, 8, ["model-value", "label"])]),
-			e.block.hasHeaderRow ? (s(), x("div", wc, [A("label", { class: y(g(q)) }, F(g(a).table.headerBackgroundColor), 3), _(Z, {
+			e.block.hasHeaderRow ? (s(), x("div", wc, [A("label", { class: y(g(J)) }, F(g(a).table.headerBackgroundColor), 3), _(Q, {
 				"model-value": e.block.headerBackgroundColor ?? "",
-				"seed-color": g(Tn),
+				"seed-color": g(wn),
 				placeholder: g(a).table.noHeaderBg,
 				"onUpdate:modelValue": r[3] ||= (e) => c("headerBackgroundColor", e || null)
 			}, null, 8, [
@@ -3510,62 +3523,62 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				"seed-color",
 				"placeholder"
 			])])) : S("", !0),
-			A("div", Tc, [A("label", { class: y(g(q)) }, F(g(a).table.borderColor), 3), _(Z, {
+			A("div", Tc, [A("label", { class: y(g(J)) }, F(g(a).table.borderColor), 3), _(Q, {
 				"model-value": e.block.borderColor,
 				"onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
 			}, null, 8, ["model-value"])]),
-			A("div", Ec, [A("label", { class: y(g(q)) }, F(g(a).table.borderWidth), 3), A("div", Dc, [A("input", {
+			A("div", Ec, [A("label", { class: y(g(J)) }, F(g(a).table.borderWidth), 3), A("div", Dc, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.borderWidth,
 				min: "0",
 				max: "10",
 				onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
-			}, null, 42, Oc), A("span", { class: y(g(J)) }, "px", 2)])]),
-			A("div", kc, [A("label", { class: y(g(q)) }, F(g(a).table.cellPadding), 3), A("div", Ac, [A("input", {
+			}, null, 42, Oc), A("span", { class: y(g(Y)) }, "px", 2)])]),
+			A("div", kc, [A("label", { class: y(g(J)) }, F(g(a).table.cellPadding), 3), A("div", Ac, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.cellPadding,
 				min: "0",
 				max: "30",
 				onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
-			}, null, 42, jc), A("span", { class: y(g(J)) }, "px", 2)])]),
-			A("div", Mc, [A("label", { class: y(g(q)) }, F(g(a).table.fontFamily), 3), A("select", {
-				class: y(g(X)),
+			}, null, 42, jc), A("span", { class: y(g(Y)) }, "px", 2)])]),
+			A("div", Mc, [A("label", { class: y(g(J)) }, F(g(a).table.fontFamily), 3), A("select", {
+				class: y(g(Z)),
 				value: e.block.fontFamily || "",
 				onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
 			}, [A("option", Pc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
 				key: e.value,
 				value: e.value
 			}, F(e.label), 9, Fc))), 128))], 42, Nc)]),
-			A("div", Ic, [A("label", { class: y(g(q)) }, F(g(a).table.fontSize), 3), A("div", Lc, [A("input", {
+			A("div", Ic, [A("label", { class: y(g(J)) }, F(g(a).table.fontSize), 3), A("div", Lc, [A("input", {
 				type: "number",
-				class: y(g(Y)),
+				class: y(g(X)),
 				value: e.block.fontSize,
 				min: "10",
 				max: "32",
 				onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
-			}, null, 42, Rc), A("span", { class: y(g(J)) }, "px", 2)])]),
-			A("div", zc, [A("label", { class: y(g(q)) }, F(g(a).table.color), 3), _(Z, {
+			}, null, 42, Rc), A("span", { class: y(g(Y)) }, "px", 2)])]),
+			A("div", zc, [A("label", { class: y(g(J)) }, F(g(a).table.color), 3), _(Q, {
 				"model-value": e.block.color ?? "",
 				"onUpdate:modelValue": r[9] ||= (e) => c("color", e || void 0)
 			}, null, 8, ["model-value"])]),
-			A("div", Bc, [A("label", { class: y(g(q)) }, F(g(a).table.textAlign), 3), _(jn, {
+			A("div", Bc, [A("label", { class: y(g(J)) }, F(g(a).table.textAlign), 3), _(An, {
 				options: [
 					{
 						value: "left",
 						label: g(a).title.alignLeft,
-						icon: g(Zt)
+						icon: g(Xt)
 					},
 					{
 						value: "center",
 						label: g(a).title.alignCenter,
-						icon: g(Bt)
+						icon: g(zt)
 					},
 					{
 						value: "right",
 						label: g(a).title.alignRight,
-						icon: g(qt)
+						icon: g(Kt)
 					}
 				],
 				"model-value": e.block.textAlign,
@@ -3581,13 +3594,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = t, { t: i } = K();
+		let r = t, { t: i } = q();
 		function a(e, t) {
 			r("update", { [e]: t });
 		}
 		return (t, r) => (s(), x(P, null, [
-			A("div", Hc, [A("label", { class: y(g(q)) }, F(g(i).title.level), 3), A("select", {
-				class: y(g(X)),
+			A("div", Hc, [A("label", { class: y(g(J)) }, F(g(i).title.level), 3), A("select", {
+				class: y(g(Z)),
 				value: e.block.level,
 				onChange: r[0] ||= (e) => a("level", Number(e.target.value))
 			}, [
@@ -3596,34 +3609,34 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				A("option", Kc, F(g(i).title.heading3), 1),
 				A("option", qc, F(g(i).title.heading4), 1)
 			], 42, Uc)]),
-			A("div", Jc, [A("label", { class: y(g(q)) }, F(g(i).title.fontFamily), 3), A("select", {
-				class: y(g(X)),
+			A("div", Jc, [A("label", { class: y(g(J)) }, F(g(i).title.fontFamily), 3), A("select", {
+				class: y(g(Z)),
 				value: e.block.fontFamily || "",
 				onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
 			}, [A("option", Xc, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
 				key: e.value,
 				value: e.value
 			}, F(e.label), 9, Zc))), 128))], 42, Yc)]),
-			A("div", Qc, [A("label", { class: y(g(q)) }, F(g(i).title.color), 3), _(Z, {
+			A("div", Qc, [A("label", { class: y(g(J)) }, F(g(i).title.color), 3), _(Q, {
 				"model-value": e.block.color ?? "",
 				"onUpdate:modelValue": r[2] ||= (e) => a("color", e || void 0)
 			}, null, 8, ["model-value"])]),
-			A("div", $c, [A("label", { class: y(g(q)) }, F(g(i).title.align), 3), _(jn, {
+			A("div", $c, [A("label", { class: y(g(J)) }, F(g(i).title.align), 3), _(An, {
 				options: [
 					{
 						value: "left",
 						label: g(i).title.alignLeft,
-						icon: g(Zt)
+						icon: g(Xt)
 					},
 					{
 						value: "center",
 						label: g(i).title.alignCenter,
-						icon: g(Bt)
+						icon: g(zt)
 					},
 					{
 						value: "right",
 						label: g(i).title.alignRight,
-						icon: g(qt)
+						icon: g(Kt)
 					}
 				],
 				"model-value": e.block.textAlign,
@@ -3643,7 +3656,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, { t: a } = K(), o = t(ot, null), c = t(st, se.liquid), u = pn(), d = b(() => !!o), f = b(() => G(r.block.url, c)), p = l(!1), { start: m } = Ve(() => {
+		let r = e, i = n, { t: a } = q(), o = t(at, null), c = t(ot, oe.liquid), u = fn(), d = b(() => !!o), f = b(() => K(r.block.url, c)), p = l(!1), { start: m } = Be(() => {
 			p.value = !1;
 		}, 1e3, { immediate: !1 });
 		function h(e, t) {
@@ -3655,14 +3668,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		}
 		return (t, n) => (s(), x(P, null, [
 			A("div", tl, [
-				A("label", { class: y(g(q)) }, F(g(a).video.videoUrl), 3),
-				_($, {
+				A("label", { class: y(g(J)) }, F(g(a).video.videoUrl), 3),
+				_(Ri, {
 					"model-value": e.block.url,
 					type: "url",
 					placeholder: g(a).video.videoUrlPlaceholder,
 					"onUpdate:modelValue": n[0] ||= (e) => h("url", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				e.block.url ? (s(), D(Q, {
+				e.block.url ? (s(), D($, {
 					key: 0,
 					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
 					"model-value": e.block.openInNewTab ?? !1,
@@ -3670,17 +3683,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					"onUpdate:modelValue": n[1] ||= (e) => h("openInNewTab", e)
 				}, null, 8, ["model-value", "label"])) : S("", !0)
 			]),
-			f.value ? (s(), x("div", nl, [A("label", { class: y(g(q)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", rl, F(g(a).video.optional), 1)], 2), A("input", {
+			f.value ? (s(), x("div", nl, [A("label", { class: y(g(J)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", rl, F(g(a).video.optional), 1)], 2), A("input", {
 				type: "url",
-				class: y(g(X)),
+				class: y(g(Z)),
 				value: e.block.placeholderUrl || "",
 				placeholder: g(a).video.placeholderUrlPlaceholder,
 				title: g(a).video.placeholderUrlTooltip,
 				onInput: n[2] ||= (e) => h("placeholderUrl", e.target.value)
 			}, null, 42, il)])) : S("", !0),
 			A("div", al, [
-				A("label", { class: y(g(q)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", ol, F(g(a).video.optional), 1)], 2),
-				_($, {
+				A("label", { class: y(g(J)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", ol, F(g(a).video.optional), 1)], 2),
+				_(Ri, {
 					"model-value": e.block.thumbnailUrl,
 					type: "url",
 					placeholder: g(a).video.thumbnailPlaceholder,
@@ -3700,19 +3713,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: v
-				}, [_(g(Kt), {
+				}, [_(g(Gt), {
 					size: 14,
 					"stroke-width": 1.5
 				}), R(" " + F(g(a).image.browseMedia), 1)])) : S("", !0)
 			]),
-			A("div", sl, [A("label", { class: y(g(q)) }, F(g(a).video.altText), 3), _($, {
+			A("div", sl, [A("label", { class: y(g(J)) }, F(g(a).video.altText), 3), _(Ri, {
 				"model-value": e.block.alt,
 				type: "text",
 				placeholder: g(a).video.altTextPlaceholder,
 				"onUpdate:modelValue": n[4] ||= (e) => h("alt", e)
 			}, null, 8, ["model-value", "placeholder"])]),
-			A("div", cl, [A("label", { class: y(g(q)) }, F(g(a).video.width), 3), A("select", {
-				class: y(g(X)),
+			A("div", cl, [A("label", { class: y(g(J)) }, F(g(a).video.width), 3), A("select", {
+				class: y(g(Z)),
 				value: e.block.width,
 				onChange: n[5] ||= (e) => h("width", e.target.value === "full" ? "full" : Number(e.target.value))
 			}, [
@@ -3721,7 +3734,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				n[8] ||= A("option", { value: "400" }, "400px", -1),
 				n[9] ||= A("option", { value: "500" }, "500px", -1)
 			], 42, ll)]),
-			A("div", dl, [A("label", { class: y(g(q)) }, F(g(a).title.align), 3), _(jn, {
+			A("div", dl, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(An, {
 				options: [
 					{
 						value: "left",
@@ -3741,7 +3754,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), pl = ["aria-label"], ml = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, hl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, gl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _l = { class: "tpl:flex tpl:gap-1" }, vl = ["title"], yl = ["title"], bl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, xl = /*#__PURE__*/ un(/* @__PURE__ */ d({
+}), pl = ["aria-label"], ml = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, hl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, gl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _l = { class: "tpl:flex tpl:gap-1" }, vl = ["title"], yl = ["title"], bl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, xl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
 	__name: "Toolbar",
 	props: { block: {} },
 	emits: [
@@ -3750,20 +3763,20 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		"duplicate"
 	],
 	setup(e, { emit: n }) {
-		let r = L(() => import("./chunks/CountdownToolbar-D8QWL-jK.js")), i = e, a = n, { t: o } = K(), c = et(tt, "Toolbar"), l = t(it, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
+		let r = L(() => import("./chunks/CountdownToolbar-BRDbI1mM.js")), i = e, a = n, { t: o } = q(), c = $e(et, "Toolbar"), l = t(rt, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
 			if (f.value) return l.find((e) => e.type === i.block.customType);
-		}), m = b(() => f.value ? p.value?.name ?? i.block.customType : Oe(d.value, o)), h = c.fonts;
+		}), m = b(() => f.value ? p.value?.name ?? i.block.customType : De(d.value, o)), h = c.fonts;
 		function v(e) {
 			a("update", e);
 		}
 		return (t, n) => (s(), x("aside", {
 			"aria-label": g(o).landmarks.blockToolbar,
 			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [A("div", ml, [A("div", hl, [g(vn)[d.value] ? (s(), D(u(g(vn)[d.value]), {
+		}, [A("div", ml, [A("div", hl, [g(_n)[d.value] ? (s(), D(u(g(_n)[d.value]), {
 			key: 0,
 			size: 16,
 			"stroke-width": 1.5
-		})) : f.value ? (s(), D(g(Mt), {
+		})) : f.value ? (s(), D(g(jt), {
 			key: 1,
 			size: 16,
 			"stroke-width": 1.5
@@ -3771,14 +3784,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
 			title: g(o).toolbar.duplicate,
 			onClick: n[0] ||= (e) => a("duplicate")
-		}, [_(g(wt), {
+		}, [_(g(Ct), {
 			size: 14,
 			"stroke-width": 2
 		})], 8, vl), A("button", {
 			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
 			title: g(o).toolbar.delete,
 			onClick: n[1] ||= (e) => a("delete")
-		}, [_(g(Ut), {
+		}, [_(g(Ht), {
 			size: 14,
 			"stroke-width": 2
 		})], 8, yl)])]), A("div", bl, [f.value ? (s(), D(Ho, {
@@ -3898,7 +3911,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		"update-settings"
 	],
 	setup(n, { emit: r }) {
-		let i = L(() => import("./chunks/IssuesPanel-Dz90c1C6.js")), a = n, o = r, { t: c } = K(), u = l("content"), d = t(gt, null), f = b(() => d !== null), p = b(() => d?.issues.value.length ?? 0);
+		let i = L(() => import("./chunks/IssuesPanel-CTGlv7HF.js")), a = n, o = r, { t: c } = q(), u = l("content"), d = t(ht, null), f = b(() => d !== null), p = b(() => d?.issues.value.length ?? 0);
 		function m(e) {
 			return u.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:text-[var(--tpl-text)]";
 		}
@@ -3925,7 +3938,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					class: y(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("content")]),
 					style: E(h("content")),
 					onClick: t[0] ||= (e) => u.value = "content"
-				}, [_(g(tn), {
+				}, [_(g(en), {
 					size: 14,
 					"stroke-width": 2
 				}), u.value === "content" ? (s(), x("span", Tl, F(g(c).sidebar.content), 1)) : S("", !0)], 14, wl),
@@ -3939,7 +3952,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					class: y(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("settings")]),
 					style: E(h("settings")),
 					onClick: t[1] ||= (e) => u.value = "settings"
-				}, [_(g(Yt), {
+				}, [_(g(Jt), {
 					size: 14,
 					"stroke-width": 1.5
 				}), u.value === "settings" ? (s(), x("span", Dl, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, El),
@@ -3955,7 +3968,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					style: E(h("issues")),
 					onClick: t[2] ||= (e) => u.value = "issues"
 				}, [
-					_(g(an), {
+					_(g(rn), {
 						size: 14,
 						"stroke-width": 1.5
 					}),
@@ -3970,14 +3983,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				onDelete: t[4] ||= (e) => o("delete-block"),
 				onDuplicate: t[5] ||= (e) => o("duplicate-block")
 			}, null, 8, ["block"])) : (s(), x("div", Ml, [
-				A("div", Nl, [_(g(Xt), {
+				A("div", Nl, [_(g(Yt), {
 					size: 40,
 					"stroke-width": 1.5
 				})]),
 				A("h3", Pl, F(g(c).sidebar.noSelection), 1),
 				A("p", Fl, F(g(c).sidebar.noSelectionHint), 1)
 			]))])) : S("", !0),
-			u.value === "settings" ? (s(), x("div", Il, [_(Mi, {
+			u.value === "settings" ? (s(), x("div", Il, [_(ji, {
 				settings: n.settings,
 				onUpdate: t[6] ||= (e) => o("update-settings", e)
 			}, null, 8, ["settings"])])) : S("", !0),
@@ -3992,9 +4005,9 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 }, Bl = { class: "tpl:text-[var(--tpl-text-dim)]" }, Vl = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Hl = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Ul = /* @__PURE__ */ d({
 	__name: "SmallScreenNotice",
 	setup(e) {
-		let { t } = K();
+		let { t } = q();
 		return (e, n) => (s(), x("div", zl, [
-			A("div", Bl, [_(g(bt), {
+			A("div", Bl, [_(g(yt), {
 				size: 48,
 				"stroke-width": 1.5
 			})]),
@@ -4019,7 +4032,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	__name: "EditorFooter",
 	props: { positionClass: {} },
 	setup(e) {
-		let { t } = K();
+		let { t } = q();
 		return (n, r) => (s(), x("footer", { class: y(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [A("div", Wl, [
 			A("span", null, F(g(t).footer.poweredBy), 1),
 			r[0] ||= A("a", {
@@ -4042,12 +4055,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Jl = /*#__PURE__*/ un(/* @__PURE__ */ d({
+], Jl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = K();
+		let n = t, { t: i } = q();
 		return (t, a) => (s(), x("button", {
 			class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
 			style: E({
@@ -4065,11 +4078,11 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: r(() => [e.darkMode ? (s(), D(g(Pt), {
+			default: r(() => [e.darkMode ? (s(), D(g(Nt), {
 				key: "moon",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (s(), D(g(Ht), {
+			})) : (s(), D(g(Vt), {
 				key: "sun",
 				size: 18,
 				"stroke-width": 1.5
@@ -4081,12 +4094,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Xl = /*#__PURE__*/ un(/* @__PURE__ */ d({
+], Xl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = K();
+		let n = t, { t: i } = q();
 		return (t, a) => (s(), x("button", {
 			class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
 			style: E({
@@ -4104,11 +4117,11 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: r(() => [e.previewMode ? (s(), D(g(cn), {
+			default: r(() => [e.previewMode ? (s(), D(g(sn), {
 				key: "eye",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (s(), D(g(Lt), {
+			})) : (s(), D(g(It), {
 				key: "eye-off",
 				size: 18,
 				"stroke-width": 1.5
@@ -4124,7 +4137,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 	},
 	emits: ["commit"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = K(), a = l(!1), o = l(""), c = l(null);
+		let n = e, r = t, { t: i } = q(), a = l(!1), o = l(""), c = l(null);
 		async function u() {
 			n.editable && (o.value = n.name ?? "", a.value = !0, await w(), c.value?.focus(), c.value?.select());
 		}
@@ -4145,7 +4158,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			type: "text",
 			"data-testid": "template-name-input",
 			"aria-label": g(i).header.templateName,
-			class: y([g(X), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
+			class: y([g(Z), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
 			onKeydown: [v(T(d, ["prevent"]), ["enter"]), v(T(p, ["prevent"]), ["esc"])],
 			onBlur: d
 		}, null, 42, Zl)), [[k, o.value]]) : e.editable ? (s(), x("button", {
@@ -4169,12 +4182,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		kind: {}
 	},
 	setup(e) {
-		let t = e, { t: n, format: r } = K(), i = l(0);
-		Ue(() => {
+		let t = e, { t: n, format: r } = q(), i = l(0);
+		He(() => {
 			i.value += 1;
 		}, 6e4);
 		let a = b(() => {
-			let e = Fn(t.iso, n.time, r);
+			let e = Pn(t.iso, n.time, r);
 			if (e === null) return "";
 			let i = e === n.time.justNow;
 			return t.kind === "updatedAt" ? i ? n.header.updatedJustNow : r(n.header.updatedAt, { time: e }) : i ? n.header.createdJustNow : r(n.header.createdAt, { time: e });
@@ -4207,17 +4220,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		isDirty: { type: Boolean }
 	},
 	setup(e) {
-		let { t } = K();
+		let { t } = q();
 		return (n, r) => e.status === "error" ? (s(), x("div", {
 			key: 0,
 			"aria-live": "assertive",
 			"data-testid": "save-status-error",
 			class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
 			"data-tooltip": e.errorMessage
-		}, [_(g(At), {
+		}, [_(g(kt), {
 			size: 12,
 			"stroke-width": 2.5
-		}), R(" " + F(g(t).header.saveFailed), 1)], 8, nu)) : e.status === "saved" ? (s(), x("div", ru, [_(g(Ot), {
+		}), R(" " + F(g(t).header.saveFailed), 1)], 8, nu)) : e.status === "saved" ? (s(), x("div", ru, [_(g(Dt), {
 			size: 12,
 			"stroke-width": 2.5
 		}), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", iu, [r[0] ||= A("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), R(" " + F(g(t).header.unsaved), 1)])) : S("", !0);
@@ -4241,7 +4254,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		comments: {}
 	},
 	setup(e) {
-		let t = L(() => import("./chunks/VersionHistoryMenu-Cv23A0uu.js"));
+		let t = L(() => import("./chunks/VersionHistoryMenu-BNYSIjVj.js"));
 		return (n, r) => (s(), x("header", ou, [
 			A("div", su, [e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
 				key: 0,
@@ -4261,7 +4274,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				kind: e.templates.timestamp.value.kind
 			}, null, 8, ["iso", "kind"])) : S("", !0)], 2)) : S("", !0), i(n.$slots, "left-extras")]),
 			A("div", cu, [
-				_(Nn, {
+				_(Mn, {
 					viewport: e.editor.state.viewport,
 					onChange: e.editor.setViewport
 				}, null, 8, ["viewport", "onChange"]),
@@ -4273,7 +4286,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					"preview-mode": e.editor.state.previewMode,
 					onChange: e.editor.setPreviewMode
 				}, null, 8, ["preview-mode", "onChange"]),
-				e.editor.state.previewMode && !e.core.previewResolution.supersedesSamples.value ? (s(), D(Pn, {
+				e.editor.state.previewMode && !e.core.previewResolution.supersedesSamples.value ? (s(), D(Nn, {
 					key: 0,
 					"sample-mode": e.core.mergeTagSampleMode.value,
 					onChange: r[0] ||= (t) => e.core.mergeTagSampleMode.value = t
@@ -4311,14 +4324,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					"data-testid": "comments-trigger",
 					"aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
 					"aria-expanded": e.comments.isOpen.value,
-					class: y(g(bn)),
+					class: y(g(yn)),
 					style: E(e.comments.isOpen.value ? {
 						backgroundColor: "var(--tpl-primary-light)",
 						borderColor: "var(--tpl-primary-light)"
 					} : void 0),
 					onClick: r[3] ||= (t) => e.comments.toggle()
 				}, [
-					_(g(on), {
+					_(g(an), {
 						size: 16,
 						"stroke-width": 2
 					}),
@@ -4333,14 +4346,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					"aria-label": e.core.t.testEmail.title,
 					title: e.core.t.testEmail.title,
 					disabled: e.testEmail.isSending.value,
-					class: y(g(bn)),
+					class: y(g(yn)),
 					onClick: r[4] ||= (t) => e.testEmail.open()
-				}, [e.testEmail.isSending.value ? (s(), D(g(Jt), {
+				}, [e.testEmail.isSending.value ? (s(), D(g(qt), {
 					key: 1,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (s(), D(g(kt), {
+				})) : (s(), D(g(Ot), {
 					key: 0,
 					size: 16,
 					"stroke-width": 2
@@ -4349,17 +4362,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					key: 3,
 					type: "button",
 					"data-testid": "template-save",
-					class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? Dn : bn)),
+					class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? En : yn)),
 					style: E(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
 					disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
 					title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
 					onClick: r[5] ||= (t) => e.templates.requestSave()
-				}, [e.templates.isSaving.value ? (s(), D(g(Jt), {
+				}, [e.templates.isSaving.value ? (s(), D(g(qt), {
 					key: 1,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (s(), D(g(Tt), {
+				})) : (s(), D(g(wt), {
 					key: 0,
 					size: 16,
 					"stroke-width": 2
@@ -4408,7 +4421,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 }, Nu = "tpl-merge-tag-picker-list", Pu = /* @__PURE__ */ d({
 	__name: "MergeTagPickerModal",
 	setup(i) {
-		let a = et(Ke, "MergeTagPickerModal"), { t: o, format: c } = K(), u = t(Ge, null), d = t(Je, null), p = l(""), m = He(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0), j = b(() => a.tags.value.some((e) => !!e.group)), M = l(/* @__PURE__ */ new Set());
+		let a = $e(Ge, "MergeTagPickerModal"), { t: o, format: c } = q(), u = t(We, null), d = t(qe, null), p = l(""), m = Ve(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0), j = b(() => a.tags.value.some((e) => !!e.group)), M = l(/* @__PURE__ */ new Set());
 		function N(e) {
 			return M.value.has(e);
 		}
@@ -4474,19 +4487,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		function H(e) {
 			if (z.value.length === 0) return;
 			let t = O.value + e;
-			O.value = Math.max(0, Math.min(z.value.length - 1, t)), ne();
+			O.value = Math.max(0, Math.min(z.value.length - 1, t)), te();
 		}
-		let U = l(null), te = l({});
-		function W(e, t) {
-			te.value[e] = t ?? null;
+		let U = l(null), W = l({});
+		function G(e, t) {
+			W.value[e] = t ?? null;
 		}
-		function ne() {
+		function te() {
 			w(() => {
 				let e = U.value;
 				e && e.querySelector(`[data-merge-tag-index="${O.value}"]`)?.scrollIntoView({ block: "nearest" });
 			});
 		}
-		function re(e) {
+		function ne(e) {
 			if (M.value.has(e)) {
 				let t = new Set(M.value);
 				t.delete(e), M.value = t;
@@ -4508,7 +4521,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				});
 			});
 		}
-		function ie(e) {
+		function re(e) {
 			if (e.key === "ArrowDown") e.preventDefault(), H(1);
 			else if (e.key === "ArrowUp") e.preventDefault(), H(-1);
 			else if (e.key === "Enter") {
@@ -4517,17 +4530,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				t && B(t);
 			}
 		}
-		function G() {
+		function K() {
 			if (z.value.length !== 0) return `${Nu}-opt-${O.value}`;
 		}
-		function ae(e) {
+		function ie(e) {
 			return `${Nu}-opt-${e}`;
 		}
-		let oe = b(() => a.tags.value.length === 0), se = b(() => !oe.value && I.value.length === 0), ce = b(() => j.value && L.value.length > 1 && !C.value);
-		return (e, t) => (s(), D(In, {
+		let ae = b(() => a.tags.value.length === 0), oe = b(() => !ae.value && I.value.length === 0), se = b(() => j.value && L.value.length > 1 && !C.value);
+		return (e, t) => (s(), D(Fn, {
 			visible: g(a).isOpen.value,
 			onClose: V,
-			onKeydown: ie
+			onKeydown: re
 		}, {
 			default: r(() => [A("div", {
 				role: "dialog",
@@ -4547,11 +4560,11 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					"aria-label": g(o).mergeTag.picker.close,
 					"data-testid": "merge-tag-picker-close",
 					onClick: V
-				}, [_(g(Qt), {
+				}, [_(g(Zt), {
 					size: 16,
 					"stroke-width": 2
 				})], 8, vu)]),
-				A("div", yu, [_(g(jt), {
+				A("div", yu, [_(g(At), {
 					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
 					size: 14,
 					"stroke-width": 2
@@ -4565,17 +4578,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					placeholder: g(o).mergeTag.picker.searchPlaceholder,
 					"aria-label": g(o).mergeTag.picker.searchAriaLabel,
 					"aria-controls": Nu,
-					"aria-activedescendant": G(),
+					"aria-activedescendant": K(),
 					"data-testid": "merge-tag-picker-search",
 					onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
 				}, null, 40, bu), [[k, p.value]])]),
-				ce.value ? (s(), x("div", xu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
+				se.value ? (s(), x("div", xu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
 					key: e,
 					type: "button",
 					class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"data-testid": "merge-tag-picker-group-pill",
 					"data-group-name": e,
-					onClick: (t) => re(e)
+					onClick: (t) => ne(e)
 				}, F(e), 9, Su))), 128))])) : S("", !0),
 				A("div", {
 					id: Nu,
@@ -4585,10 +4598,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					role: "listbox",
 					"aria-label": g(o).mergeTag.picker.title,
 					"data-testid": "merge-tag-picker-list"
-				}, [oe.value ? (s(), x("div", wu, F(g(o).mergeTag.picker.empty), 1)) : se.value ? (s(), x("div", Tu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
+				}, [ae.value ? (s(), x("div", wu, F(g(o).mergeTag.picker.empty), 1)) : oe.value ? (s(), x("div", Tu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
 					key: 0,
 					ref_for: !0,
-					ref: (t) => W(e.group, t),
+					ref: (t) => G(e.group, t),
 					type: "button",
 					"aria-expanded": !N(e.group),
 					"aria-controls": Nu,
@@ -4598,7 +4611,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					"data-group-collapsed": N(e.group) ? "true" : "false",
 					onClick: (t) => ee(e.group)
 				}, [
-					_(g(Dt), {
+					_(g(Et), {
 						size: 12,
 						"stroke-width": 2,
 						class: y(["tpl:transition-transform", N(e.group) ? "tpl:-rotate-90" : ""])
@@ -4607,7 +4620,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					A("span", Du, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
 				], 8, Eu)) : (s(), x("button", {
 					key: 1,
-					id: ae(e.index),
+					id: ie(e.index),
 					type: "button",
 					role: "option",
 					"aria-selected": e.index === O.value,
@@ -4636,7 +4649,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		syntax: {}
 	},
 	setup(e) {
-		let t = e, n = b(() => re(t.value, t.syntax)), r = b(() => te(t.value, t.syntax));
+		let t = e, n = b(() => ne(t.value, t.syntax)), r = b(() => W(t.value, t.syntax));
 		return (e, t) => n.value ? (s(), x("span", {
 			key: 0,
 			class: "tpl:inline-flex tpl:flex-shrink-0 tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:leading-none tpl:font-bold tpl:tracking-wide tpl:uppercase",
@@ -4681,7 +4694,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 }, ed = "tpl-logic-picker-list", td = /* @__PURE__ */ d({
 	__name: "LogicTagPickerModal",
 	setup(i) {
-		let a = et(ht, "LogicTagPickerModal"), { t: o } = K(), c = t(st, se.liquid), u = t(Ge, null), d = t(Je, null), p = l(""), m = He(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0);
+		let a = $e(mt, "LogicTagPickerModal"), { t: o } = q(), c = t(ot, oe.liquid), u = t(We, null), d = t(qe, null), p = l(""), m = Ve(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0);
 		function j(e) {
 			let t = m.value.trim().toLowerCase();
 			return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
@@ -4746,33 +4759,33 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		function U(e) {
 			a.resolve(e);
 		}
-		function te() {
+		function W() {
 			a.resolve(null);
 		}
-		function W(e) {
+		function G(e) {
 			z.value.length !== 0 && (O.value = Math.max(0, Math.min(z.value.length - 1, O.value + e)), w(() => {
 				H.value?.querySelector(`[data-logic-index="${O.value}"]`)?.scrollIntoView({ block: "nearest" });
 			}));
 		}
-		function ne(e) {
-			if (e.key === "ArrowDown") e.preventDefault(), W(1);
-			else if (e.key === "ArrowUp") e.preventDefault(), W(-1);
+		function te(e) {
+			if (e.key === "ArrowDown") e.preventDefault(), G(1);
+			else if (e.key === "ArrowUp") e.preventDefault(), G(-1);
 			else if (e.key === "Enter") {
 				e.preventDefault();
 				let t = z.value[O.value];
 				t && U(t);
 			}
 		}
-		function re(e) {
+		function ne(e) {
 			return `${ed}-opt-${e}`;
 		}
-		function ie() {
+		function re() {
 			return z.value.length === 0 ? void 0 : `${ed}-opt-${O.value}`;
 		}
-		return (e, t) => (s(), D(In, {
+		return (e, t) => (s(), D(Fn, {
 			visible: g(a).isOpen.value,
-			onClose: te,
-			onKeydown: ne
+			onClose: W,
+			onKeydown: te
 		}, {
 			default: r(() => [A("div", {
 				role: "dialog",
@@ -4791,12 +4804,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"aria-label": g(o).logicTag.picker.close,
 					"data-testid": "logic-picker-close",
-					onClick: te
-				}, [_(g(Qt), {
+					onClick: W
+				}, [_(g(Zt), {
 					size: 16,
 					"stroke-width": 2
 				})], 8, Bu)]),
-				A("div", Vu, [_(g(jt), {
+				A("div", Vu, [_(g(At), {
 					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
 					size: 14,
 					"stroke-width": 2
@@ -4810,7 +4823,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					placeholder: g(o).logicTag.picker.searchPlaceholder,
 					"aria-label": g(o).logicTag.picker.searchAriaLabel,
 					"aria-controls": ed,
-					"aria-activedescendant": ie(),
+					"aria-activedescendant": re(),
 					"data-testid": "logic-picker-search",
 					onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
 				}, null, 40, Hu), [[k, p.value]])]),
@@ -4829,7 +4842,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					"data-group-name": e.label
 				}, F(e.label), 9, Ku)) : (s(), x("button", {
 					key: 1,
-					id: re(e.index),
+					id: ne(e.index),
 					type: "button",
 					role: "option",
 					"aria-selected": e.index === O.value,
@@ -4862,7 +4875,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			_: 1
 		}, 8, ["visible"]));
 	}
-}), nd = ["data-tpl-theme"], rd = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, id = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, ad = ["aria-label"], od = /*#__PURE__*/ un(/* @__PURE__ */ d({
+}), nd = ["data-tpl-theme"], rd = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, id = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, ad = ["aria-label"], od = /*#__PURE__*/ ln(/* @__PURE__ */ d({
 	__name: "Editor",
 	props: {
 		config: {},
@@ -4872,32 +4885,32 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 		cloud: {}
 	},
 	setup(t, { expose: n }) {
-		let i = t, a = i.config.templates ? ar(i.config.templates, i.config.mergeTags) : void 0, c = le({
+		let i = t, a = i.config.templates ? ir(i.config.templates, i.config.mergeTags) : void 0, c = ce({
 			content: i.config.content,
 			defaultFontFamily: i.config.fonts?.defaultFont,
 			templateDefaults: i.config.templateDefaults,
 			templates: a,
 			onError: i.config.onError,
 			lockedBlocks: i.cloud?.lockedBlocks
-		}), u = i.cloud ? i.cloud.attach({ editor: c }) : null, d = a ? Bn({
+		}), u = i.cloud ? i.cloud.attach({ editor: c }) : null, d = a ? zn({
 			provider: a,
 			editor: c,
 			guardUnsavedChanges: i.config.unsavedChangesGuard,
 			getSaveGate: i.cloud ? () => i.cloud.getSaveGate() : void 0
 		}) : null;
 		i.config.onDirtyChange && e(() => c.state.isDirty, (e) => i.config.onDirtyChange(e));
-		let p = l(null), m = i.config.savedBlocks ? Rn({
+		let p = l(null), m = i.config.savedBlocks ? Ln({
 			provider: i.config.savedBlocks,
 			editor: c,
 			onError: i.config.onError,
 			isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
-		}) : null, v = L(() => import("./chunks/SavedBlocksPanels-B7aBlxKW.js")), w = i.config.testEmail ? Wn({
+		}) : null, v = L(() => import("./chunks/SavedBlocksPanels-VkKCO0uY.js")), w = i.config.testEmail ? Un({
 			provider: i.config.testEmail,
 			getContent: () => c.content.value,
-			renderMjml: ne,
+			renderMjml: te,
 			onError: i.config.onError,
 			isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
-		}) : null, k = L(() => import("./chunks/TestEmailPanel-DItZMP3B.js")), j = i.config.comments ? Ln({
+		}) : null, k = L(() => import("./chunks/TestEmailPanel-C35nqIIl.js")), j = i.config.comments ? In({
 			provider: i.config.comments,
 			editor: c,
 			user: i.config.user,
@@ -4906,8 +4919,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			onError: i.config.onError,
 			isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
 			isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
-		}) : null, M = L(() => import("./chunks/CommentsPanel-D7Y-74Nj.js")), ee = L(() => import("./chunks/CloudPanels-YRYmXE9O.js")), P = L(() => import("./chunks/CloudHeaderExtras-Ctat5U0M.js")), I = L(() => import("./chunks/VersionHistoryPanels-DHDN1owI.js")), z = Kn(i.config.autoSave, !1), B = z.enabled && d !== null;
-		z.enabled && d === null && _t.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
+		}) : null, M = L(() => import("./chunks/CommentsPanel-COhQMagD.js")), ee = L(() => import("./chunks/CloudPanels-DVtJkWsj.js")), P = L(() => import("./chunks/CloudHeaderExtras-CScGpeLl.js")), I = L(() => import("./chunks/VersionHistoryPanels-CvWySHUE.js")), z = Gn(i.config.autoSave, !1), B = z.enabled && d !== null;
+		z.enabled && d === null && gt.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
 		let V = i.config.onChange || B ? {
 			onChange: () => {
 				i.config.onChange?.(JSON.parse(JSON.stringify(c.state.content))), B && d.requestAutoSave();
@@ -4918,7 +4931,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			...d ? { templates: d.capability } : {},
 			...w ? { testEmail: w.capability } : {},
 			...j ? { comments: j.capability } : {}
-		}, U = Le({
+		}, U = Ie({
 			editor: c,
 			containerEl: p,
 			config: {
@@ -4936,7 +4949,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				onRequestMedia: i.cloud?.onRequestMedia ?? i.config.onRequestMedia,
 				resolvePreview: i.config.resolvePreview,
 				resolveImageUrl: i.config.resolveImageUrl,
-				lint: qn(i.config)
+				lint: Kn(i.config)
 			},
 			translations: i.translations,
 			fontsManager: i.fontsManager,
@@ -4945,12 +4958,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			editorRoot: i.shadowRoot,
 			historyOptions: i.cloud ? { isRemoteOperation: () => i.cloud.isRemoteOperation() } : void 0,
 			keyboardOptions: i.cloud ? { onBeforeUndo: () => i.cloud.onBeforeUndo() } : void 0
-		}), te = i.cloud && u ? i.cloud.ready({
+		}), W = i.cloud && u ? i.cloud.ready({
 			core: U,
 			capabilities: H
-		}) : null, W = i.config.versionHistory ? Gn({
+		}) : null, G = i.config.versionHistory ? Wn({
 			provider: i.config.versionHistory,
-			editor: ir(c, i.config.mergeTags),
+			editor: rr(c, i.config.mergeTags),
 			history: U.history,
 			conditionPreview: U.conditionPreview,
 			autoSave: U.autoSave,
@@ -4960,34 +4973,34 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			} : null,
 			onError: i.config.onError
 		}) : null;
-		W && (H.versionHistory = W.capability);
-		function ne() {
-			return Hn({
+		G && (H.versionHistory = G.capability);
+		function te() {
+			return Vn({
 				getContent: () => c.content.value,
 				renderCustomBlock: U.registry.renderCustomBlock,
 				getCustomBlockStylesheet: (e) => U.registry.getDefinition(e)?.stylesheet,
-				getFonts: () => Jn(i.fontsManager)
+				getFonts: () => qn(i.fontsManager)
 			});
 		}
-		let re = b(() => j?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), ie = b(() => c.state.previewMode ? "tpl:left-0 tpl:right-0" : re.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
-		function G(e) {
+		let ne = b(() => j?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), re = b(() => c.state.previewMode ? "tpl:left-0 tpl:right-0" : ne.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
+		function K(e) {
 			u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
 		}
-		let { showNotice: ae } = xe(() => i.config.smallScreenNotice);
+		let { showNotice: ie } = be(() => i.config.smallScreenNotice);
 		C(async () => {
 			await i.fontsManager.loadCustomFonts();
 		}), o(() => {
 			i.fontsManager.cleanupFontLinks(), i.cloud?.destroy(), U.destroy();
 		});
-		let oe = d ?? c;
+		let ae = d ?? c;
 		return n({
 			getContent: () => c.content.value,
 			setContent: (e) => c.setContent(e),
 			setTheme: (e) => c.setUiTheme(e),
 			isDirty: () => c.state.isDirty,
-			create: oe.create,
-			load: oe.load,
-			save: oe.save,
+			create: ae.create,
+			load: ae.load,
+			save: ae.save,
 			renderCustomBlock: U.registry.renderCustomBlock,
 			getCustomBlockStylesheet: (e) => U.registry.getDefinition(e)?.stylesheet
 		}), (e, n) => (s(), x("div", {
@@ -4999,14 +5012,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			onDragover: n[7] ||= T(() => {}, ["prevent"]),
 			onDrop: n[8] ||= T(() => {}, ["prevent"])
 		}, [
-			_(yr),
+			_(vr),
 			_(mu, {
 				editor: g(c),
 				core: g(U),
 				templates: g(d),
 				"show-template-name": t.config.templateNameField !== !1,
 				"test-email": g(w),
-				"version-history": g(W),
+				"version-history": g(G),
 				comments: g(j)
 			}, h({ _: 2 }, [
 				g(u) ? {
@@ -5042,9 +5055,9 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				"version-history",
 				"comments"
 			]),
-			f(_(kr, null, null, 512), [[N, !g(c).state.previewMode]]),
+			f(_(Or, null, null, 512), [[N, !g(c).state.previewMode]]),
 			A("div", {
-				class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [ie.value, g(W)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
+				class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [re.value, g(G)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
 				style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
 			}, [A("div", rd, [_(O, { name: "tpl-restore-btn" }, {
 				default: r(() => [g(U).conditionPreview.hasHiddenBlocks.value && g(U).appliesConditionFilter.value ? (s(), x("button", {
@@ -5053,12 +5066,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 					style: { "backdrop-filter": "blur(8px)" },
 					"data-testid": "restore-hidden-blocks",
 					onClick: n[0] ||= (e) => g(U).conditionPreview.reset()
-				}, [_(g(Et), {
+				}, [_(g(Tt), {
 					size: 13,
 					"stroke-width": 2
 				}), R(" " + F(g(U).t.blockSettings.restoreHiddenBlocks), 1)])) : S("", !0)]),
 				_: 1
-			})]), A("main", id, [_(vr, {
+			})]), A("main", id, [_(_r, {
 				viewport: g(c).state.viewport,
 				content: g(U).previewResolution.content.value,
 				"selected-block-id": g(c).state.selectedBlockId,
@@ -5066,8 +5079,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				"preview-mode": g(c).state.previewMode,
 				"locked-blocks": g(u)?.collaboration?.lockedBlocks.value,
 				onSelectBlock: g(c).selectBlock,
-				onOpenAiChat: n[1] ||= (e) => G("ai-chat"),
-				onOpenDesignReference: n[2] ||= (e) => G("design-reference")
+				onOpenAiChat: n[1] ||= (e) => K("ai-chat"),
+				onOpenDesignReference: n[2] ||= (e) => K("design-reference")
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -5079,7 +5092,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			])])], 2),
 			t.config.branding === !1 ? S("", !0) : (s(), D(Kl, {
 				key: 0,
-				"position-class": [ie.value]
+				"position-class": [re.value]
 			}, null, 8, ["position-class"])),
 			A("div", {
 				class: "tpl-sr-only",
@@ -5091,7 +5104,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 			f(_(Rl, {
 				"selected-block": g(c).selectedBlock.value,
 				settings: g(c).content.value.settings,
-				"shifted-left": re.value,
+				"shifted-left": ne.value,
 				onUpdateBlock: n[3] ||= (e) => g(c).updateBlock(g(c).state.selectedBlockId, e),
 				onDeleteBlock: n[4] ||= () => {
 					g(c).state.selectedBlockId && g(U).blockActions.deleteBlock(g(c).state.selectedBlockId);
@@ -5123,17 +5136,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				key: 3,
 				feature: g(j)
 			}, null, 8, ["feature"])) : S("", !0),
-			g(W)?.isAvailable.value ? (s(), D(g(I), {
+			g(G)?.isAvailable.value ? (s(), D(g(I), {
 				key: 4,
-				feature: g(W)
+				feature: g(G)
 			}, null, 8, ["feature"])) : S("", !0),
-			t.cloud && g(u) && g(te) ? (s(), D(g(ee), {
+			t.cloud && g(u) && g(W) ? (s(), D(g(ee), {
 				key: 5,
 				editor: g(c),
 				core: g(U),
 				runtime: t.cloud,
 				cloud: g(u),
-				ready: g(te),
+				ready: g(W),
 				locale: t.config.locale
 			}, null, 8, [
 				"editor",
@@ -5143,7 +5156,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
 				"ready",
 				"locale"
 			])) : S("", !0),
-			g(ae) ? (s(), D(Ul, { key: 6 })) : S("", !0)
+			g(ie) ? (s(), D(Ul, { key: 6 })) : S("", !0)
 		], 46, nd));
 	}
 }), [["__scopeId", "data-v-9b8b235c"]]), sd = /* #__PURE__ */ Object.assign({
@@ -5238,10 +5251,10 @@ async function jd(e) {
 async function Md(e, t) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let r = await _d(e.locale ?? "en"), i = ze(e.fonts);
+	let r = await _d(e.locale ?? "en"), i = Re(e.fonts);
 	Ad(n);
 	let a = Dd(n, e.shadowDom ?? !0), o = l(null);
-	e.content &&= rr(e.content, e.mergeTags);
+	e.content &&= nr(e.content, e.mergeTags);
 	let s = M({ setup() {
 		return () => I(od, {
 			config: e,
@@ -5259,10 +5272,10 @@ async function Md(e, t) {
 	}), kd = n;
 	let c = {
 		getContent() {
-			return W(o.value ? o.value.getContent() : e.content ?? V());
+			return G(o.value ? o.value.getContent() : e.content ?? V());
 		},
 		setContent(t) {
-			let n = rr(t, e.mergeTags);
+			let n = nr(t, e.mergeTags);
 			o.value && o.value.setContent(n), e.content = n;
 		},
 		setTheme(e) {
@@ -5272,7 +5285,7 @@ async function Md(e, t) {
 		create(t) {
 			return o.value ? o.value.create(t?.content ? {
 				...t,
-				content: rr(t.content, e.mergeTags)
+				content: nr(t.content, e.mergeTags)
 			} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
 		},
 		load(e) {
@@ -5292,24 +5305,24 @@ async function Md(e, t) {
 		},
 		toMjml: () => u.toMjml(),
 		toHtml: () => u.toHtml()
-	}, u = Xn({
+	}, u = Yn({
 		provider: e.render,
-		buildPayload: () => Yn({
+		buildPayload: () => Jn({
 			getContent: () => c.getContent(),
 			renderCustomBlock: (e) => c.renderCustomBlock(e),
-			getFonts: () => Jn(i)
+			getFonts: () => qn(i)
 		}),
-		renderLocalMjml: () => Hn({
+		renderLocalMjml: () => Vn({
 			getContent: () => c.getContent(),
 			renderCustomBlock: (e) => c.renderCustomBlock(e),
 			getCustomBlockStylesheet: (e) => c.getCustomBlockStylesheet(e),
-			getFonts: () => Jn(i)
+			getFonts: () => qn(i)
 		})
 	});
 	return c;
 }
 async function Nd(e) {
-	let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-D75oJ9j-.js"), vd(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
+	let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-DYDf_-rN.js"), vd(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
 		config: e,
 		cloudTranslations: n
 	});
@@ -5354,6 +5367,6 @@ function Pd() {
 	kd && Ad(kd);
 }
 //#endregion
-export { pe as createLocalStorageSavedBlocksProvider, md as getBaseLocale, Sd as getSupportedCloudLocales, xd as getSupportedLocales, jd as init, Nd as initCloud, bd as isCloudLocaleSupported, yd as isLocaleSupported, Pd as unmount, ze as useFonts };
+export { fe as createLocalStorageSavedBlocksProvider, md as getBaseLocale, Sd as getSupportedCloudLocales, xd as getSupportedLocales, jd as init, Nd as initCloud, bd as isCloudLocaleSupported, yd as isLocaleSupported, Pd as unmount, Re as useFonts };
 
 //# sourceMappingURL=editor.js.map