@templatical/editor 0.16.3 → 0.16.5

package/dist/{styles-CPt6RYEc.js → styles-DJfTblY7.js}

@@ -1,42 +1,43 @@
 import { A as e, Dt as t, Et as n, H as r, I as i, K as a, N as o, O as s, Ot as c, R as l, W as u, Y as d, _ as f, c as p, d as m, g as h, h as g, j as _, l as v, m as y, nt as b, q as x, r as S, s as C, u as w, w as T, x as E, y as D, z as O } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as k, c as A, o as j, s as M, t as N } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
 import { C as P, D as F, E as I, O as L, k as R, o as z, r as B, s as V, u as ee, w as te } from "./dist-DoRIUsfz.js";
-import { C as ne, F as H, I as re, L as ie, M as ae, N as oe, O as se, P as ce, R as le, _ as ue, a as de, c as fe, f as pe, g as me, h as he, i as ge, l as _e, m as ve, n as ye, o as be, p as xe, r as Se, s as Ce, u as we, v as Te, y as Ee, z as De } from "./useEditorCore-CSfeEwCj.js";
+import { C as ne, F as H, I as re, L as ie, M as ae, N as oe, O as se, P as ce, R as le, _ as ue, a as de, c as fe, f as pe, g as me, h as he, i as ge, l as _e, m as ve, n as ye, o as be, p as xe, r as Se, s as Ce, u as we, v as Te, y as Ee, z as De } from "./useEditorCore-DnOG2a_b.js";
 import { c as Oe, m as ke } from "./dist-DYv_Pttj.js";
-import { D as Ae, F as je, I as Me, L as Ne, N as Pe, P as Fe, T as Ie, a as Le, d as Re, f as ze, g as Be, k as Ve, m as He, n as Ue, o as We, p as Ge, s as Ke, u as qe, w as Je, x as Ye } from "./keys-BbDgCU6K.js";
+import { n as Ae } from "./usePopoverPosition-B3Byo68F.js";
+import { D as je, F as Me, I as Ne, L as Pe, N as Fe, P as Ie, T as Le, a as Re, d as ze, f as Be, g as Ve, k as He, m as Ue, n as We, o as Ge, p as Ke, s as qe, u as Je, w as Ye, x as Xe } from "./keys-BbDgCU6K.js";
 import { t as U } from "./useI18n-eR1yVW0v.js";
-import { t as W } from "./createLucideIcon-Bh9xOmlW.js";
-import { n as Xe, t as Ze } from "./scan-line-QgyDIgn_.js";
-import { t as Qe } from "./chevron-down-ByXpufZD.js";
-import { t as $e } from "./circle-alert-CjcAORUw.js";
-import { i as et, n as tt, r as nt, t as rt } from "./blockTypeIcons-B9f5fH_5.js";
-import { n as it, t as at } from "./refresh-cw--lvWGy0_.js";
-import { t as ot } from "./image-up-Bj_nes3f.js";
-import { t as st } from "./info-BhSQCxBV.js";
-import { t as ct } from "./list-checks-CgxyUg7i.js";
-import { t as lt } from "./loader-circle-DFU0HPAa.js";
-import { t as ut } from "./sparkles-DV7Dman6.js";
-import { n as dt, r as ft, t as pt } from "./text-align-start-BMU70uAm.js";
-import { t as mt } from "./trash-2-B6M659Ey.js";
-import { t as ht } from "./upload-3A1oZtOR.js";
-import { t as gt } from "./x-CG_NV3nP.js";
-import { t as _t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as vt } from "./useCloudI18n-WbfVWq5k.js";
-import { t as yt } from "./useMergeTag-C3GfSktg.js";
-import { t as bt } from "./useAliveFlag-C43EhZFY.js";
-import { t as xt } from "./readableTextColor-f8Kykfnh.js";
-import { t as St } from "./CountdownBlock-173fiO5Z.js";
-import { t as Ct } from "./usePopoverRoot-C1j0D7cc.js";
-import { _ as wt, f as G, g as Tt, h as K, i as Et, l as Dt, m as q, n as Ot, p as J, t as Y, u as kt } from "./ColorPicker-Gs4BMVog.js";
-import { n as At, r as jt } from "./MergeTagSuggestion-DrT3LiZ4.js";
-import { n as X, r as Z, t as Mt } from "./NumberWithSuffix-BxSRfI8b.js";
-import { t as Nt } from "./TplModal-DObT0uxf.js";
-var Pt = W("circle", [["circle", {
+import { t as W } from "./createLucideIcon-FSF4peHQ.js";
+import { n as Ze, t as Qe } from "./scan-line-IAMjPtRw.js";
+import { t as $e } from "./chevron-down-dClfxKrJ.js";
+import { t as et } from "./circle-alert-Bhzm-fNA.js";
+import { i as tt, n as nt, r as rt, t as it } from "./blockTypeIcons-BVIEw0XJ.js";
+import { n as at, t as ot } from "./refresh-cw-as5Bmg4X.js";
+import { t as st } from "./image-up-CDEgJqwA.js";
+import { t as ct } from "./info-BNP8yGsK.js";
+import { t as lt } from "./list-checks-jepi4iYr.js";
+import { t as ut } from "./loader-circle-BT38qSm3.js";
+import { t as dt } from "./sparkles-CCwQMMMZ.js";
+import { n as ft, r as pt, t as mt } from "./text-align-start-BwsA6QzC.js";
+import { t as ht } from "./trash-2-CRBDolnR.js";
+import { t as gt } from "./upload-BKg6hDRW.js";
+import { t as _t } from "./x-Ctg_250T.js";
+import { t as vt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as yt } from "./useCloudI18n-WbfVWq5k.js";
+import { t as bt } from "./useMergeTag-C3GfSktg.js";
+import { t as xt } from "./useAliveFlag-C43EhZFY.js";
+import { t as St } from "./readableTextColor-f8Kykfnh.js";
+import { t as Ct } from "./CountdownBlock-173fiO5Z.js";
+import { _ as wt, f as G, g as Tt, h as K, i as Et, l as Dt, m as q, n as Ot, p as J, t as Y, u as kt } from "./ColorPicker-CppJgX_T.js";
+import { n as At, r as jt } from "./MergeTagSuggestion-jIpT_jmz.js";
+import { t as X } from "./ToggleSwitch-DUNuUPsZ.js";
+import { n as Z, r as Mt, t as Nt } from "./NumberWithSuffix-DNi-v4l1.js";
+import { t as Pt } from "./TplModal-BXnx3sLr.js";
+var Ft = W("circle", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
 	key: "1mglay"
-}]]), Ft = W("globe", [
+}]]), It = W("globe", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -51,7 +52,7 @@ var Pt = W("circle", [["circle", {
 		d: "M2 12h20",
 		key: "9i4pu4"
 	}]
-]), It = W("layout-template", [
+]), Lt = W("layout-template", [
 	["rect", {
 		width: "18",
 		height: "7",
@@ -76,7 +77,7 @@ var Pt = W("circle", [["circle", {
 		rx: "1",
 		key: "q5h2i8"
 	}]
-]), Lt = W("lock-open", [["rect", {
+]), Rt = W("lock-open", [["rect", {
 	width: "18",
 	height: "11",
 	x: "3",
@@ -87,7 +88,7 @@ var Pt = W("circle", [["circle", {
 }], ["path", {
 	d: "M7 11V7a5 5 0 0 1 9.9-1",
 	key: "1mm8w8"
-}]]), Rt = W("lock", [["rect", {
+}]]), zt = W("lock", [["rect", {
 	width: "18",
 	height: "11",
 	x: "3",
@@ -98,7 +99,7 @@ var Pt = W("circle", [["circle", {
 }], ["path", {
 	d: "M7 11V7a5 5 0 0 1 10 0v4",
 	key: "fwvmzm"
-}]]), zt = W("monitor", [
+}]]), Bt = W("monitor", [
 	["rect", {
 		width: "20",
 		height: "14",
@@ -121,10 +122,10 @@ var Pt = W("circle", [["circle", {
 		y2: "21",
 		key: "vw1qmm"
 	}]
-]), Bt = W("moon", [["path", {
+]), Vt = W("moon", [["path", {
 	d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
 	key: "kfwtm"
-}]]), Vt = W("panel-top", [["rect", {
+}]]), Ht = W("panel-top", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
@@ -140,13 +141,13 @@ var Pt = W("circle", [["circle", {
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), Ht = W("rotate-ccw", [["path", {
+}]]), Ut = W("rotate-ccw", [["path", {
 	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
 	key: "1357e3"
 }], ["path", {
 	d: "M3 3v5h5",
 	key: "1xhq8a"
-}]]), Ut = W("settings", [["path", {
+}]]), Wt = W("settings", [["path", {
 	d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
 	key: "1i5ecw"
 }], ["circle", {
@@ -154,7 +155,7 @@ var Pt = W("circle", [["circle", {
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), Wt = W("smartphone", [["rect", {
+}]]), Gt = W("smartphone", [["rect", {
 	width: "14",
 	height: "20",
 	x: "5",
@@ -165,7 +166,7 @@ var Pt = W("circle", [["circle", {
 }], ["path", {
 	d: "M12 18h.01",
 	key: "mhygvu"
-}]]), Gt = W("square-plus", [
+}]]), Kt = W("square-plus", [
 	["rect", {
 		width: "18",
 		height: "18",
@@ -182,14 +183,14 @@ var Pt = W("circle", [["circle", {
 		d: "M12 8v8",
 		key: "napkw2"
 	}]
-]), Kt = W("square", [["rect", {
+]), qt = W("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
 	y: "3",
 	rx: "2",
 	key: "afitv7"
-}]]), qt = W("sun", [
+}]]), Jt = W("sun", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -231,7 +232,7 @@ var Pt = W("circle", [["circle", {
 ]);
 //#endregion
 //#region src/utils/resolveLintOptions.ts
-function Jt(e) {
+function Yt(e) {
 	return {
 		...e.lint,
 		locale: e.locale
@@ -239,19 +240,19 @@ function Jt(e) {
 }
 //#endregion
 //#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
-var Yt = ["aria-label"], Xt = {
+var Xt = ["aria-label"], Zt = {
 	key: 0,
 	class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
-}, Zt = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, Qt = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, $t = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, en = {
+}, Qt = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, $t = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, en = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, tn = {
 	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)]"
-}, tn = {
+}, nn = {
 	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)]"
-}, nn = { class: "tpl:relative" }, rn = {
+}, rn = { class: "tpl:relative" }, an = {
 	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                      )" }
-}, an = 96, on = /*#__PURE__*/ _t(/* @__PURE__ */ f({
+}, on = 96, sn = /*#__PURE__*/ vt(/* @__PURE__ */ f({
 	__name: "Canvas",
 	props: {
 		viewport: {},
@@ -280,9 +281,9 @@ var Yt = ["aria-label"], Xt = {
 			menu: ve,
 			table: Se,
 			video: ye,
-			countdown: St,
+			countdown: Ct,
 			custom: Ee
-		}, u = r, f = i, { t: h } = U(), { t: _ } = vt(), x = Ne(He, "Canvas"), T = E(qe, null), D = E(We, null), k = E(Ke, {}), A = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("chat") ?? !1)), M = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("designToTemplate") ?? !1)), N = C({
+		}, u = r, f = i, { t: h } = U(), { t: _ } = yt(), x = Pe(Ue, "Canvas"), T = E(Je, null), D = E(Ge, null), k = E(qe, {}), A = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("chat") ?? !1)), M = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("designToTemplate") ?? !1)), N = C({
 			get: () => u.content.blocks,
 			set: (e) => {
 				x.setContent({
@@ -295,7 +296,7 @@ var Yt = ["aria-label"], Xt = {
 				case "mobile": return 375;
 				default: return u.content.settings.width;
 			}
-		}), F = C(() => P.value + an * 2), I = C(() => {
+		}), F = C(() => P.value + on * 2), I = C(() => {
 			let e = { fontFamily: u.content.settings.fontFamily };
 			return u.content.settings.textColor && (e.color = u.content.settings.textColor), u.content.settings.linkColor && (e["--tpl-doc-link-color"] = u.content.settings.linkColor), u.content.settings.linkUnderline && (e["--tpl-doc-link-underline"] = "underline"), e;
 		}), L = C(() => N.value.length === 0 && !u.previewMode), R = d(0), z = C(() => L.value && R.value > 0);
@@ -376,30 +377,30 @@ var Yt = ["aria-label"], Xt = {
 			onDragleave: V,
 			onDrop: ee
 		}, {
-			default: l(() => [L.value ? (s(), m("div", Xt, [
-				p("div", Zt, [g(b(Gt), {
+			default: l(() => [L.value ? (s(), m("div", Zt, [
+				p("div", Qt, [g(b(Kt), {
 					size: 48,
 					"stroke-width": 1
 				})]),
-				p("p", Qt, c(b(h).canvas.noBlocks), 1),
-				p("p", $t, c(b(h).canvas.dragHint), 1),
-				A.value && b(_) ? (s(), m("p", en, [
+				p("p", $t, c(b(h).canvas.noBlocks), 1),
+				p("p", en, c(b(h).canvas.dragHint), 1),
+				A.value && b(_) ? (s(), m("p", tn, [
 					y(c(b(h).canvas.aiHintChat) + " ", 1),
 					p("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:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: a[0] ||= (e) => f("open-ai-chat")
-					}, [g(b(ut), {
+					}, [g(b(dt), {
 						size: 14,
 						"stroke-width": 2
 					}), y(" " + c(b(_).aiMenu.aiAssistant), 1)]),
 					y(" " + c(b(h).canvas.aiHintChatSuffix), 1)
 				])) : w("", !0),
-				M.value && b(_) ? (s(), m("p", tn, [
+				M.value && b(_) ? (s(), m("p", nn, [
 					y(c(b(h).canvas.aiHintDesign) + " ", 1),
 					p("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:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: a[1] ||= (e) => f("open-design-reference")
-					}, [g(b(ot), {
+					}, [g(b(st), {
 						size: 14,
 						"stroke-width": 2
 					}), y(" " + c(b(_).aiMenu.designToTemplate), 1)]),
@@ -408,7 +409,7 @@ var Yt = ["aria-label"], Xt = {
 			])) : w("", !0), (s(!0), m(S, null, e(N.value, (e) => O((s(), m("div", {
 				key: e.id,
 				class: "tpl-block-item"
-			}, [p("div", nn, [H(e.id) ? (s(), m("div", {
+			}, [p("div", rn, [H(e.id) ? (s(), m("div", {
 				key: 0,
 				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
 				style: t({
@@ -419,9 +420,9 @@ var Yt = ["aria-label"], Xt = {
 				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: t({
 					backgroundColor: H(e.id).color,
-					color: b(xt)(H(e.id).color)
+					color: b(St)(H(e.id).color)
 				})
-			}, [p("span", rn, c(H(e.id).name.charAt(0)), 1), y(" " + c(H(e.id).name), 1)], 4)], 4)) : w("", !0), g(we, {
+			}, [p("span", an, c(H(e.id).name.charAt(0)), 1), y(" " + c(H(e.id).name), 1)], 4)], 4)) : w("", !0), g(we, {
 				block: e,
 				"is-selected": !r.previewMode && r.selectedBlockId === e.id && !H(e.id),
 				viewport: r.viewport,
@@ -452,12 +453,12 @@ var Yt = ["aria-label"], Xt = {
 			"modelValue",
 			"disabled",
 			"class"
-		])], 6)], 12, Yt)], 4));
+		])], 6)], 12, Xt)], 4));
 	}
-}), [["__scopeId", "data-v-b440d13f"]]), sn = f({
+}), [["__scopeId", "data-v-b440d13f"]]), cn = f({
 	name: "CustomBlockStylesheets",
 	setup() {
-		let e = E(ze, null);
+		let e = E(Be, null);
 		return () => e ? e.value.map((e, t) => D("style", {
 			key: t,
 			"data-tpl-custom-block-stylesheet": "",
@@ -467,7 +468,7 @@ var Yt = ["aria-label"], Xt = {
 });
 //#endregion
 //#region src/utils/resolvePaletteBlocks.ts
-function cn(e, t) {
+function ln(e, t) {
 	if (!t || t.length === 0) return {
 		items: e,
 		unknown: []
@@ -486,27 +487,27 @@ function cn(e, t) {
 }
 //#endregion
 //#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var ln = ["aria-label"], un = {
+var un = ["aria-label"], dn = {
 	key: 0,
 	class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
-}, dn = ["aria-label"], fn = {
+}, fn = ["aria-label"], pn = {
 	key: 0,
 	class: "tpl:flex-1 tpl:truncate tpl:text-sm tpl:font-medium"
-}, pn = {
+}, mn = {
 	key: 1,
 	class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]"
-}, mn = [
+}, hn = [
 	"data-palette-type",
 	"aria-label",
 	"onClick",
 	"onKeydown"
-], hn = { 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)] hover:tpl:scale-105" }, gn = {
+], gn = { 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)] hover:tpl:scale-105" }, _n = {
 	key: 0,
 	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, _n = /* @__PURE__ */ f({
+}, vn = /* @__PURE__ */ f({
 	__name: "Sidebar",
 	setup(n) {
-		let { t: r, format: a } = U(), { t: u } = vt(), f = E(Re, []), h = E(Ve, void 0), _ = E(Le, void 0), y = E(He, null), x = E(Ke, {}), T = C(() => (x.savedModules?.moduleCount.value ?? 0) > 0), D = d(!1), O = d(!1);
+		let { t: r, format: a } = U(), { t: u } = yt(), f = E(ze, []), h = E(He, void 0), _ = E(Re, void 0), y = E(Ue, null), x = E(qe, {}), T = C(() => (x.savedModules?.moduleCount.value ?? 0) > 0), D = d(!1), O = d(!1);
 		function k() {
 			O.value || (D.value = !1);
 		}
@@ -514,7 +515,7 @@ var ln = ["aria-label"], un = {
 			O.value = !0;
 		}
 		function j() {
-			O.value = !1;
+			O.value = !1, D.value = !1;
 		}
 		let M = [
 			"section",
@@ -543,7 +544,7 @@ var ln = ["aria-label"], un = {
 			label: e.name,
 			isCustom: !0,
 			icon: e.icon
-		}))), F = C(() => [...N.value, ...P.value]), I = C(() => cn(F.value, h)), L = C(() => I.value.items), R = /* @__PURE__ */ new Set();
+		}))), F = C(() => [...N.value, ...P.value]), I = C(() => ln(F.value, h)), L = C(() => I.value.items), R = /* @__PURE__ */ new Set();
 		i(() => I.value.unknown, (e) => {
 			for (let t of e) R.has(t) || (R.add(t), ie.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 });
@@ -576,21 +577,21 @@ var ln = ["aria-label"], un = {
 			onMouseleave: k,
 			onFocusin: i[2] ||= (e) => D.value = !0,
 			onFocusout: i[3] ||= (e) => D.value = !1
-		}, [T.value && b(u) ? (s(), m("div", un, [p("button", {
+		}, [T.value && b(u) ? (s(), m("div", dn, [p("button", {
 			type: "button",
 			"aria-label": b(r).sidebarNav.browseModules,
 			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] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)]",
 			style: t({ justifyContent: D.value ? "flex-start" : "center" }),
 			onClick: i[0] ||= (e) => b(x).savedModules?.openBrowser()
 		}, [
-			g(b(nt), {
+			g(b(rt), {
 				size: 20,
 				"stroke-width": 1.5,
 				class: "tpl:shrink-0"
 			}),
-			D.value ? (s(), m("span", fn, c(b(u).modules.title), 1)) : w("", !0),
-			D.value ? (s(), m("span", pn, c(b(x).savedModules?.moduleCount.value ?? 0), 1)) : w("", !0)
-		], 12, dn)])) : w("", !0), g(b(fe), {
+			D.value ? (s(), m("span", pn, c(b(u).modules.title), 1)) : w("", !0),
+			D.value ? (s(), m("span", mn, c(b(x).savedModules?.moduleCount.value ?? 0), 1)) : w("", !0)
+		], 12, fn)])) : w("", !0), g(b(fe), {
 			"model-value": L.value,
 			group: {
 				name: "blocks",
@@ -614,7 +615,7 @@ var ln = ["aria-label"], un = {
 				style: t({ justifyContent: D.value ? "flex-start" : "center" }),
 				onClick: (t) => B(e),
 				onKeydown: (t) => te(t, e)
-			}, [p("div", hn, [b(rt)[e.type] ? (s(), v(o(b(rt)[e.type]), {
+			}, [p("div", gn, [b(it)[e.type] ? (s(), v(o(b(it)[e.type]), {
 				key: 0,
 				size: 20,
 				"stroke-width": 1.5
@@ -622,14 +623,14 @@ var ln = ["aria-label"], un = {
 				key: 1,
 				icon: e.icon,
 				size: 20
-			}, null, 8, ["icon"])) : w("", !0)]), D.value ? (s(), m("span", gn, c(e.label), 1)) : w("", !0)], 44, mn))), 128))]),
+			}, null, 8, ["icon"])) : w("", !0)]), D.value ? (s(), m("span", _n, c(e.label), 1)) : w("", !0)], 44, hn))), 128))]),
 			_: 1
-		}, 8, ["model-value"])], 44, ln));
+		}, 8, ["model-value"])], 44, un));
 	}
 });
 //#endregion
 //#region src/utils/mergeTagTrigger.ts
-function vn(e, t, n, r) {
+function yn(e, t, n, r) {
 	if (!n) return null;
 	let i = e.slice(0, t), a = i.lastIndexOf(n);
 	if (a === -1) return null;
@@ -642,8 +643,8 @@ function vn(e, t, n, r) {
 }
 //#endregion
 //#region src/utils/textFieldCaret.ts
-var yn = /* @__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 bn(e, t, n) {
+var bn = /* @__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 xn(e, t, n) {
 	return {
 		left: e,
 		top: t,
@@ -656,7 +657,7 @@ function bn(e, t, n) {
 		toJSON: () => ({})
 	};
 }
-function xn(e, t) {
+function Sn(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");
@@ -664,7 +665,7 @@ function xn(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 yn) c[e] = l[e];
+	for (let e of bn) 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;
@@ -673,26 +674,26 @@ function xn(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 bn(y, h.top, h.bottom);
+	if (i) return xn(y, h.top, h.bottom);
 	let b = h.top + p + g - e.scrollTop;
-	return bn(y, b, b + v);
+	return xn(y, b, b + v);
 }
 //#endregion
 //#region src/composables/useMergeTagAutocomplete.ts
-var Sn = /* @__PURE__ */ new Set([
+var Cn = /* @__PURE__ */ new Set([
 	"ArrowLeft",
 	"ArrowRight",
 	"Home",
 	"End"
 ]);
-function Cn(e) {
-	let { elementRef: t, modelValue: n, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, d = F(s), f = I(s), p = c && d !== null && o.length > 0, m = E(je, null), h = At((u(m) ? m.value : m)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", Ct()), g = !1;
+function wn(e) {
+	let { elementRef: t, modelValue: n, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, d = F(s), f = I(s), p = c && d !== null && o.length > 0, m = E(Me, null), h = At((u(m) ? m.value : m)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", Ae()), g = !1;
 	r() && a(() => {
 		g = !0, h.close();
 	});
 	function _(e) {
 		let t = e.value ?? "";
-		return vn(t, e.selectionStart ?? t.length, d, f);
+		return yn(t, e.selectionStart ?? t.length, d, f);
 	}
 	function v(e, r, a) {
 		let o = e.value ?? n(), s = o.slice(r.caret), c = f && s.startsWith(f) ? f.length : 0, u = o.slice(0, r.triggerStart), d = o.slice(r.caret + c), p = u + a.value + d, m = u.length + a.value.length;
@@ -714,7 +715,7 @@ function Cn(e) {
 			h.close();
 			return;
 		}
-		let r = jt(o, n.query), i = () => xn(e, n.triggerStart), a = (t) => v(e, n, t);
+		let r = jt(o, n.query), i = () => Sn(e, n.triggerStart), a = (t) => v(e, n, t);
 		h.isOpen() ? h.update({
 			items: r,
 			getRect: i,
@@ -727,7 +728,7 @@ function Cn(e) {
 		});
 	}
 	function b(e) {
-		return h.isOpen() ? e.key === "Escape" ? (h.close(), !0) : Sn.has(e.key) ? (h.close(), !1) : h.handleKeyDown(e) : !1;
+		return h.isOpen() ? e.key === "Escape" ? (h.close(), !0) : Cn.has(e.key) ? (h.close(), !1) : h.handleKeyDown(e) : !1;
 	}
 	return {
 		available: p,
@@ -739,12 +740,12 @@ function Cn(e) {
 }
 //#endregion
 //#region src/composables/useMergeTagField.ts
-function wn(e) {
-	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: s, isRequesting: c, isMergeTagValue: l, getMergeTagLabel: u, requestMergeTag: f, syntax: p, autocomplete: m } = yt(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = ne(), v = d(!1), y = !1, b = !1;
+function Tn(e) {
+	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: s, isRequesting: c, isMergeTagValue: l, getMergeTagLabel: u, requestMergeTag: f, syntax: p, autocomplete: m } = bt(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = ne(), v = d(!1), y = !1, b = !1;
 	r() && a(() => {
 		b = !0;
 	});
-	let x = Cn({
+	let x = wn({
 		elementRef: i,
 		modelValue: t,
 		emit: n,
@@ -866,10 +867,10 @@ function wn(e) {
 }
 //#endregion
 //#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
-var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip"], On = {
+var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip"], kn = {
 	key: 2,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, kn = ["aria-label", "title"], An = /* @__PURE__ */ f({
+}, An = ["aria-label", "title"], jn = /* @__PURE__ */ f({
 	__name: "MergeTagSegments",
 	props: {
 		segments: {},
@@ -897,7 +898,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
 				color: "var(--tpl-primary)"
 			}
-		}, c(e.label), 9, En)) : e.type === "logicMergeTag" ? (s(), m("span", {
+		}, c(e.label), 9, Dn)) : e.type === "logicMergeTag" ? (s(), m("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,
@@ -906,22 +907,22 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
 				color: "var(--tpl-primary)"
 			}
-		}, c(e.keyword), 9, Dn)) : (s(), m("span", On, c(e.value), 1))], 64))), 128)), p("button", {
+		}, c(e.keyword), 9, On)) : (s(), m("span", kn, c(e.value), 1))], 64))), 128)), p("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 hover:tpl:text-[var(--tpl-danger)] hover:tpl:opacity-100",
 			"aria-label": b(a).mergeTag.remove,
 			title: b(a).mergeTag.remove,
 			onClick: l[0] ||= A((e) => i("clear"), ["stop"])
-		}, [g(b(gt), {
+		}, [g(b(_t), {
 			size: 12,
 			"stroke-width": 2.5
-		})], 8, kn)], 42, Tn));
+		})], 8, An)], 42, En));
 	}
-}), jn = [
+}), Mn = [
 	"aria-label",
 	"title",
 	"disabled"
-], Mn = "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] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Nn = /* @__PURE__ */ f({
+], Nn = "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] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Pn = /* @__PURE__ */ f({
 	__name: "MergeTagInsertButton",
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
@@ -929,22 +930,22 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 		let { t } = U();
 		return (r, i) => (s(), m("button", {
 			type: "button",
-			class: n([Mn, "tpl:mt-1.5"]),
+			class: n([Nn, "tpl:mt-1.5"]),
 			"aria-label": b(t).mergeTag.insert,
 			title: b(t).mergeTag.insert,
 			disabled: e.disabled,
 			onMousedown: i[0] ||= A(() => {}, ["prevent"]),
 			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [g(b(Ze), {
+		}, [g(b(Qe), {
 			size: 12,
 			"stroke-width": 2
-		}), y(" " + c(b(t).mergeTag.insertShort), 1)], 42, jn));
+		}), y(" " + c(b(t).mergeTag.insertShort), 1)], 42, Mn));
 	}
-}), Pn = [
+}), Fn = [
 	"aria-label",
 	"title",
 	"disabled"
-], Fn = "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] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", In = /* @__PURE__ */ f({
+], In = "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] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Ln = /* @__PURE__ */ f({
 	__name: "LogicTagInsertButton",
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
@@ -952,29 +953,29 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 		let { t } = U();
 		return (r, i) => (s(), m("button", {
 			type: "button",
-			class: n([Fn, "tpl:mt-1.5"]),
+			class: n([In, "tpl:mt-1.5"]),
 			"aria-label": b(t).logicTag.insert,
 			title: b(t).logicTag.insert,
 			disabled: e.disabled,
 			"data-testid": "field-insert-logic-button",
 			onMousedown: i[0] ||= A(() => {}, ["prevent"]),
 			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [g(b(Xe), {
+		}, [g(b(Ze), {
 			size: 12,
 			"stroke-width": 2
-		}), y(" " + c(b(t).logicTag.insertShort), 1)], 42, Pn));
+		}), y(" " + c(b(t).logicTag.insertShort), 1)], 42, Fn));
 	}
-}), Ln = { key: 0 }, Rn = {
+}), Rn = { key: 0 }, zn = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, zn = { key: 1 }, Bn = [
+}, Bn = { key: 1 }, Vn = [
 	"value",
 	"placeholder",
 	"rows"
-], Vn = {
+], Hn = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Hn = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs 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)]", Un = "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-xs 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)]", Wn = /* @__PURE__ */ f({
+}, Un = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs 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)]", Wn = "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-xs 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)]", Gn = /* @__PURE__ */ f({
 	__name: "MergeTagTextarea",
 	props: {
 		modelValue: {},
@@ -983,32 +984,32 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = wn({
+		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = Tn({
 			modelValue: () => r.modelValue,
 			emit: (e) => i("update:modelValue", e),
 			elementRef: a
 		});
-		return (t, r) => b(c) && !b(_) ? (s(), m("div", Ln, [g(An, {
+		return (t, r) => b(c) && !b(_) ? (s(), m("div", Rn, [g(jn, {
 			segments: b(o),
-			"display-class": Un,
+			"display-class": Wn,
 			onEdit: b(y),
 			onClear: b(E)
 		}, null, 8, [
 			"segments",
 			"onEdit",
 			"onClear"
-		]), b(l) || b(f) ? (s(), m("div", Rn, [b(l) ? (s(), v(Nn, {
+		]), b(l) || b(f) ? (s(), m("div", zn, [b(l) ? (s(), v(Pn, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(In, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", zn, [p("textarea", {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", Bn, [p("textarea", {
 			ref_key: "textareaRef",
 			ref: a,
-			class: n(Hn),
+			class: n(Un),
 			value: e.modelValue,
 			placeholder: e.placeholder,
 			rows: e.rows,
@@ -1016,22 +1017,22 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			onKeydown: r[1] ||= (...e) => b(S) && b(S)(...e),
 			onClick: r[2] ||= (...e) => b(C) && b(C)(...e),
 			onBlur: r[3] ||= (...e) => b(T) && b(T)(...e)
-		}, null, 40, Bn), b(l) || b(f) ? (s(), m("div", Vn, [b(l) ? (s(), v(Nn, {
+		}, null, 40, Vn), b(l) || b(f) ? (s(), m("div", Hn, [b(l) ? (s(), v(Pn, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(In, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
 		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)]));
 	}
-}), Gn = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, Kn = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, qn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Jn = { class: "tpl:mb-3.5" }, Yn = { 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)]" }, Xn = ["onClick"], Zn = { class: "tpl:flex tpl:items-stretch" }, Qn = ["value"], $n = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, er = { class: "tpl:mb-3.5" }, tr = { class: "tpl:mb-3.5" }, nr = { class: "tpl:mb-3.5" }, rr = { class: "tpl:mb-3.5" }, ir = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-between tpl:gap-2" }, ar = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, or = ["aria-checked", "aria-label"], sr = ["value"], cr = ["value"], lr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ur = ["value"], dr = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, fr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, pr = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, mr = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, hr = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, gr = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, _r = { 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)]" }, vr = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, yr = { class: "tpl:mb-1 tpl:last:mb-0" }, br = { class: "tpl:mb-1 tpl:last:mb-0" }, xr = { class: "tpl:mb-1 tpl:last:mb-0" }, Sr = 150, Cr = /* @__PURE__ */ f({
+}), Kn = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, qn = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, Jn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Yn = { class: "tpl:mb-3.5" }, Xn = { 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)]" }, Zn = ["onClick"], Qn = { class: "tpl:flex tpl:items-stretch" }, $n = ["value"], er = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, tr = { class: "tpl:mb-3.5" }, nr = { class: "tpl:mb-3.5" }, rr = { class: "tpl:mb-3.5" }, ir = { class: "tpl:mb-3.5" }, ar = ["value"], or = ["value"], sr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, cr = ["value"], lr = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, ur = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, dr = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, fr = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, pr = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, mr = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, hr = { 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)]" }, gr = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, _r = { class: "tpl:mb-1 tpl:last:mb-0" }, vr = { class: "tpl:mb-1 tpl:last:mb-0" }, yr = { class: "tpl:mb-1 tpl:last:mb-0" }, br = 150, xr = /* @__PURE__ */ f({
 	__name: "TemplateSettings",
 	props: { settings: {} },
 	emits: ["update"],
 	setup(r, { emit: i }) {
-		let a = r, o = i, { t: l } = U(), u = Ne(Be, "TemplateSettings"), d = C(() => u.fonts.value), f = C(() => d.value.some((e) => e.value === a.settings.fontFamily) ? a.settings.fontFamily : u.defaultFont.value), h = [
+		let a = r, o = i, { t: l } = U(), u = Pe(Ve, "TemplateSettings"), d = C(() => u.fonts.value), f = C(() => d.value.some((e) => e.value === a.settings.fontFamily) ? a.settings.fontFamily : u.defaultFont.value), h = [
 			{
 				value: 480,
 				label: "480px"
@@ -1049,14 +1050,14 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				label: "800px"
 			}
 		];
-		return (i, a) => (s(), m("aside", Gn, [p("div", Kn, [
+		return (i, a) => (s(), m("aside", Kn, [p("div", qn, [
 			p("div", { class: n(b(kt)) }, [
-				p("div", qn, [g(b(Kt), {
+				p("div", Jn, [g(b(qt), {
 					class: "tpl:text-[var(--tpl-text-muted)]",
 					size: 14,
 					"stroke-width": 2
 				}), p("span", null, c(b(l).templateSettings.layout), 1)]),
-				p("div", Jn, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.widthPreset), 3), p("div", Yn, [(s(), m(S, null, e(h, (e) => p("button", {
+				p("div", Yn, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.widthPreset), 3), p("div", Xn, [(s(), m(S, null, e(h, (e) => p("button", {
 					key: e.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: t({
@@ -1065,45 +1066,43 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 						boxShadow: r.settings.width === e.value ? "var(--tpl-shadow)" : "none"
 					}),
 					onClick: (t) => o("update", { width: e.value })
-				}, c(e.label), 13, Xn)), 64))])]),
-				p("div", null, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.customWidth), 3), p("div", Zn, [p("input", {
+				}, c(e.label), 13, Zn)), 64))])]),
+				p("div", null, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.customWidth), 3), p("div", Qn, [p("input", {
 					type: "number",
 					class: n(b(J)),
 					value: r.settings.width,
 					min: "300",
 					max: "900",
 					onInput: a[0] ||= (e) => o("update", { width: Number(e.target.value) })
-				}, null, 42, Qn), p("span", { class: n(b(q)) }, "px", 2)])])
+				}, null, 42, $n), p("span", { class: n(b(q)) }, "px", 2)])])
 			], 2),
 			p("div", { class: n(b(kt)) }, [
-				p("div", $n, [g(b(Pt), {
+				p("div", er, [g(b(Ft), {
 					class: "tpl:text-[var(--tpl-text-muted)]",
 					size: 14,
 					"stroke-width": 2
 				}), p("span", null, c(b(l).templateSettings.appearance), 1)]),
-				p("div", er, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.backgroundColor), 3), g(Y, {
+				p("div", tr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.backgroundColor), 3), g(Y, {
 					"model-value": r.settings.backgroundColor,
 					placeholder: b(Ot),
 					"onUpdate:modelValue": a[1] ||= (e) => o("update", { backgroundColor: e })
 				}, null, 8, ["model-value", "placeholder"])]),
-				p("div", tr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.textColor), 3), g(Y, {
+				p("div", nr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.textColor), 3), g(Y, {
 					"model-value": r.settings.textColor ?? "",
 					"seed-color": "#1a1a1a",
 					"onUpdate:modelValue": a[2] ||= (e) => o("update", { textColor: e })
 				}, null, 8, ["model-value"])]),
-				p("div", nr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.linkColor), 3), g(Y, {
+				p("div", rr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.linkColor), 3), g(Y, {
 					"model-value": r.settings.linkColor ?? "",
 					"seed-color": "#0066cc",
 					"onUpdate:modelValue": a[3] ||= (e) => o("update", { linkColor: e || void 0 })
 				}, null, 8, ["model-value"])]),
-				p("div", rr, [p("label", ir, [p("span", ar, c(b(l).templateSettings.linkUnderline), 1), p("button", {
-					type: "button",
-					role: "switch",
-					"aria-checked": r.settings.linkUnderline,
-					"aria-label": b(l).templateSettings.linkUnderline,
-					class: n(["tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200", r.settings.linkUnderline ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]"]),
-					onClick: a[4] ||= (e) => o("update", { linkUnderline: !r.settings.linkUnderline })
-				}, [p("span", { class: n(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow tpl:transition-transform tpl:duration-200", r.settings.linkUnderline ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, or)])]),
+				p("div", ir, [g(X, {
+					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+					"model-value": r.settings.linkUnderline,
+					label: b(l).templateSettings.linkUnderline,
+					"onUpdate:modelValue": a[4] ||= (e) => o("update", { linkUnderline: e })
+				}, null, 8, ["model-value", "label"])]),
 				p("div", null, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.fontFamily), 3), p("select", {
 					class: n(b(G)),
 					value: f.value,
@@ -1111,9 +1110,9 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				}, [(s(!0), m(S, null, e(d.value, (e) => (s(), m("option", {
 					key: e.value,
 					value: e.value
-				}, c(e.label), 9, cr))), 128))], 42, sr)])
+				}, c(e.label), 9, or))), 128))], 42, ar)])
 			], 2),
-			p("div", { class: n(b(kt)) }, [p("div", lr, [g(b(Ft), {
+			p("div", { class: n(b(kt)) }, [p("div", sr, [g(b(It), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
@@ -1128,40 +1127,40 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 					autocapitalize: "off",
 					autocomplete: "off",
 					onInput: a[6] ||= (e) => o("update", { locale: e.target.value.trim() || void 0 })
-				}, null, 42, ur),
-				p("p", dr, c(b(l).templateSettings.contentLocaleHint), 1)
+				}, null, 42, cr),
+				p("p", lr, c(b(l).templateSettings.contentLocaleHint), 1)
 			])], 2),
-			p("div", { class: n(b(kt)) }, [p("div", fr, [g(b(it), {
+			p("div", { class: n(b(kt)) }, [p("div", ur, [g(b(at), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
-			}), p("span", null, c(b(l).templateSettings.preheaderText), 1)]), p("div", null, [g(Wn, {
+			}), p("span", null, c(b(l).templateSettings.preheaderText), 1)]), p("div", null, [g(Gn, {
 				"model-value": r.settings.preheaderText ?? "",
 				placeholder: b(l).templateSettings.preheaderTextPlaceholder,
 				rows: 2,
 				"onUpdate:modelValue": a[7] ||= (e) => o("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
-			}, null, 8, ["model-value", "placeholder"]), p("div", pr, [p("span", mr, c(b(l).templateSettings.preheaderTextHint), 1), p("span", hr, c((r.settings.preheaderText ?? "").length) + "/" + c(Sr), 1)])])], 2),
-			p("div", gr, [p("div", _r, [g(b(st), {
+			}, null, 8, ["model-value", "placeholder"]), p("div", dr, [p("span", fr, c(b(l).templateSettings.preheaderTextHint), 1), p("span", pr, c((r.settings.preheaderText ?? "").length) + "/" + c(br), 1)])])], 2),
+			p("div", mr, [p("div", hr, [g(b(ct), {
 				size: 14,
 				"stroke-width": 2
-			}), p("span", null, c(b(l).templateSettings.tips), 1)]), p("ul", vr, [
-				p("li", yr, c(b(l).templateSettings.tip1), 1),
-				p("li", br, c(b(l).templateSettings.tip2), 1),
-				p("li", xr, c(b(l).templateSettings.tip3), 1)
+			}), p("span", null, c(b(l).templateSettings.tips), 1)]), p("ul", gr, [
+				p("li", _r, c(b(l).templateSettings.tip1), 1),
+				p("li", vr, c(b(l).templateSettings.tip2), 1),
+				p("li", yr, c(b(l).templateSettings.tip3), 1)
 			])])
 		])]));
 	}
-}), wr = { key: 0 }, Tr = {
+}), Sr = { key: 0 }, Cr = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Er = { key: 1 }, Dr = [
+}, wr = { key: 1 }, Tr = [
 	"type",
 	"value",
 	"placeholder"
-], Or = {
+], Er = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, kr = "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-xs 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__*/ _t(/* @__PURE__ */ f({
+}, Dr = "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-xs 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__*/ vt(/* @__PURE__ */ f({
 	__name: "MergeTagInput",
 	props: {
 		modelValue: {},
@@ -1174,14 +1173,14 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = wn({
+		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = Tn({
 			modelValue: () => r.modelValue,
 			emit: (e) => i("update:modelValue", e),
 			elementRef: a
 		});
-		return (t, r) => b(c) && !b(_) ? (s(), m("div", wr, [g(An, {
+		return (t, r) => b(c) && !b(_) ? (s(), m("div", Sr, [g(jn, {
 			segments: b(o),
-			"display-class": kr,
+			"display-class": Dr,
 			pulse: e.pulse,
 			onEdit: b(y),
 			onClear: b(E)
@@ -1190,15 +1189,15 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			"pulse",
 			"onEdit",
 			"onClear"
-		]), b(l) || b(f) ? (s(), m("div", Tr, [b(l) ? (s(), v(Nn, {
+		]), b(l) || b(f) ? (s(), m("div", Cr, [b(l) ? (s(), v(Pn, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(In, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", Er, [p("input", {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", wr, [p("input", {
 			ref_key: "inputRef",
 			ref: a,
 			type: e.type,
@@ -1209,23 +1208,20 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			onKeydown: r[1] ||= (...e) => b(S) && b(S)(...e),
 			onClick: r[2] ||= (...e) => b(C) && b(C)(...e),
 			onBlur: r[3] ||= (...e) => b(T) && b(T)(...e)
-		}, null, 42, Dr), b(l) || b(f) ? (s(), m("div", Or, [b(l) ? (s(), v(Nn, {
+		}, null, 42, Tr), b(l) || b(f) ? (s(), m("div", Er, [b(l) ? (s(), v(Pn, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(In, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
 		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)]));
 	}
-}), [["__scopeId", "data-v-d6563be6"]]), Ar = { class: "tpl:mb-3.5" }, jr = ["value"], Mr = { value: "" }, Nr = ["value"], Pr = { class: "tpl:mb-3.5" }, Fr = { class: "tpl:mb-3.5" }, Ir = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
-}, Lr = ["checked"], Rr = { class: "tpl:mb-3.5" }, zr = { class: "tpl:mb-3.5" }, Br = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Vr = { class: "tpl:mb-3.5" }, Hr = { class: "tpl:flex tpl:items-stretch" }, Ur = ["value"], Wr = { class: "tpl:mb-3.5" }, Gr = { class: "tpl:flex tpl:items-stretch" }, Kr = ["value"], qr = { class: "tpl:mb-3.5" }, Jr = ["value"], Yr = { value: "auto" }, Xr = { value: "full" }, Zr = { value: "custom" }, Qr = {
+}), [["__scopeId", "data-v-d6563be6"]]), Or = { class: "tpl:mb-3.5" }, kr = ["value"], Ar = { value: "" }, jr = ["value"], Mr = { class: "tpl:mb-3.5" }, Nr = { class: "tpl:mb-3.5" }, Pr = { class: "tpl:mb-3.5" }, Fr = { class: "tpl:mb-3.5" }, Ir = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Lr = { class: "tpl:mb-3.5" }, Rr = { class: "tpl:flex tpl:items-stretch" }, zr = ["value"], Br = { class: "tpl:mb-3.5" }, Vr = { class: "tpl:flex tpl:items-stretch" }, Hr = ["value"], Ur = { class: "tpl:mb-3.5" }, Wr = ["value"], Gr = { value: "auto" }, Kr = { value: "full" }, qr = { value: "custom" }, Jr = {
 	key: 0,
 	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, $r = ["value"], ei = 200, ti = /* @__PURE__ */ f({
+}, Yr = ["value"], Xr = 200, Zr = /* @__PURE__ */ f({
 	__name: "ButtonToolbar",
 	props: {
 		block: {},
@@ -1243,7 +1239,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				return;
 			}
 			if (e === "custom") {
-				u("width", typeof i.block.width == "number" ? i.block.width : ei);
+				u("width", typeof i.block.width == "number" ? i.block.width : Xr);
 				return;
 			}
 			u("width", void 0);
@@ -1253,20 +1249,20 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			!Number.isFinite(t) || t <= 0 || u("width", t);
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", Ar, [p("label", { class: n(b(K)) }, c(b(o).button.fontFamily), 3), p("select", {
+			p("div", Or, [p("label", { class: n(b(K)) }, c(b(o).button.fontFamily), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
-			}, [p("option", Mr, c(b(o).button.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", Ar, c(b(o).button.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, Nr))), 128))], 42, jr)]),
-			p("div", Pr, [p("label", { class: n(b(K)) }, c(b(o).button.text), 3), g($, {
+			}, c(e.label), 9, jr))), 128))], 42, kr)]),
+			p("div", Mr, [p("label", { class: n(b(K)) }, c(b(o).button.text), 3), g($, {
 				"model-value": t.block.text,
 				type: "text",
 				"onUpdate:modelValue": i[1] ||= (e) => u("text", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Fr, [
+			p("div", Nr, [
 				p("label", { class: n(b(K)) }, c(b(o).button.url), 3),
 				g($, {
 					"model-value": t.block.url,
@@ -1274,58 +1270,59 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 					placeholder: b(o).button.urlPlaceholder,
 					"onUpdate:modelValue": i[2] ||= (e) => u("url", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				t.block.url ? (s(), m("label", Ir, [p("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: t.block.openInNewTab ?? !1,
-					onChange: i[3] ||= (e) => u("openInNewTab", e.target.checked)
-				}, null, 40, Lr), y(" " + c(b(o).button.openInNewTab), 1)])) : w("", !0)
+				t.block.url ? (s(), v(X, {
+					key: 0,
+					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
+					"model-value": t.block.openInNewTab ?? !1,
+					label: b(o).button.openInNewTab,
+					"onUpdate:modelValue": i[3] ||= (e) => u("openInNewTab", e)
+				}, null, 8, ["model-value", "label"])) : w("", !0)
 			]),
-			p("div", Rr, [p("label", { class: n(b(K)) }, c(b(o).button.background), 3), g(Y, {
+			p("div", Pr, [p("label", { class: n(b(K)) }, c(b(o).button.background), 3), g(Y, {
 				"model-value": t.block.backgroundColor,
 				"onUpdate:modelValue": i[4] ||= (e) => u("backgroundColor", e)
 			}, null, 8, ["model-value"])]),
-			p("div", zr, [p("label", { class: n(b(K)) }, c(b(o).button.textColor), 3), g(Y, {
+			p("div", Fr, [p("label", { class: n(b(K)) }, c(b(o).button.textColor), 3), g(Y, {
 				"model-value": t.block.textColor,
 				"onUpdate:modelValue": i[5] ||= (e) => u("textColor", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Br, [p("div", Vr, [p("label", { class: n(b(K)) }, c(b(o).button.borderRadius), 3), p("div", Hr, [p("input", {
+			p("div", Ir, [p("div", Lr, [p("label", { class: n(b(K)) }, c(b(o).button.borderRadius), 3), p("div", Rr, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.borderRadius,
 				min: "0",
 				max: "50",
 				onInput: i[6] ||= (e) => u("borderRadius", Number(e.target.value))
-			}, null, 42, Ur), p("span", { class: n(b(q)) }, "px", 2)])]), p("div", Wr, [p("label", { class: n(b(K)) }, c(b(o).button.fontSize), 3), p("div", Gr, [p("input", {
+			}, null, 42, zr), p("span", { class: n(b(q)) }, "px", 2)])]), p("div", Br, [p("label", { class: n(b(K)) }, c(b(o).button.fontSize), 3), p("div", Vr, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.fontSize,
 				min: "10",
 				max: "36",
 				onInput: i[7] ||= (e) => u("fontSize", Number(e.target.value))
-			}, null, 42, Kr), p("span", { class: n(b(q)) }, "px", 2)])])]),
-			p("div", qr, [
+			}, null, 42, Hr), p("span", { class: n(b(q)) }, "px", 2)])])]),
+			p("div", Ur, [
 				p("label", { class: n(b(K)) }, c(b(o).button.width), 3),
 				p("select", {
 					class: n(b(G)),
 					value: l.value,
 					onChange: i[8] ||= (e) => d(e.target.value)
 				}, [
-					p("option", Yr, c(b(o).button.widthAuto), 1),
-					p("option", Xr, c(b(o).button.fullWidth), 1),
-					p("option", Zr, c(b(o).button.widthCustom), 1)
-				], 42, Jr),
-				l.value === "custom" ? (s(), m("div", Qr, [p("input", {
+					p("option", Gr, c(b(o).button.widthAuto), 1),
+					p("option", Kr, c(b(o).button.fullWidth), 1),
+					p("option", qr, c(b(o).button.widthCustom), 1)
+				], 42, Wr),
+				l.value === "custom" ? (s(), m("div", Jr, [p("input", {
 					type: "number",
 					class: n(b(J)),
-					value: typeof t.block.width == "number" ? t.block.width : ei,
+					value: typeof t.block.width == "number" ? t.block.width : Xr,
 					min: "20",
 					onInput: i[9] ||= (e) => f(e.target.value)
-				}, null, 42, $r), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
+				}, null, 42, Yr), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
 			])
 		], 64));
 	}
-}), ni = { class: "spacing-control" }, ri = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ii = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ai = { class: "tpl:flex tpl:items-center" }, oi = ["aria-label"], si = ["value", "aria-label"], ci = ["aria-label"], li = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ui = { class: "tpl:flex tpl:items-center" }, di = ["aria-label"], fi = ["value", "aria-label"], pi = ["aria-label"], mi = ["aria-label", "title"], hi = { class: "tpl:flex tpl:items-center" }, gi = ["aria-label"], _i = ["value", "aria-label"], vi = ["aria-label"], yi = { class: "tpl:flex tpl:items-center" }, bi = ["aria-label"], xi = ["value", "aria-label"], Si = ["aria-label"], Ci = "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)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] active:tpl:bg-[var(--tpl-bg-active)]", wi = "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] focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", Ti = /*#__PURE__*/ _t(/* @__PURE__ */ f({
+}), Qr = { class: "spacing-control" }, $r = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ei = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ti = { class: "tpl:flex tpl:items-center" }, ni = ["aria-label"], ri = ["value", "aria-label"], ii = ["aria-label"], ai = { class: "tpl:flex tpl:items-center tpl:gap-2" }, oi = { class: "tpl:flex tpl:items-center" }, si = ["aria-label"], ci = ["value", "aria-label"], li = ["aria-label"], ui = ["aria-label", "title"], di = { class: "tpl:flex tpl:items-center" }, fi = ["aria-label"], pi = ["value", "aria-label"], mi = ["aria-label"], hi = { class: "tpl:flex tpl:items-center" }, gi = ["aria-label"], _i = ["value", "aria-label"], vi = ["aria-label"], yi = "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)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] active:tpl:bg-[var(--tpl-bg-active)]", bi = "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] focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", xi = /*#__PURE__*/ vt(/* @__PURE__ */ f({
 	__name: "SpacingControl",
 	props: {
 		modelValue: {},
@@ -1372,130 +1369,130 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				});
 			}
 		}
-		return (t, r) => (s(), m("div", ni, [p("label", ri, c(e.label), 1), p("div", ii, [
-			p("div", ai, [
+		return (t, r) => (s(), m("div", Qr, [p("label", $r, c(e.label), 1), p("div", ei, [
+			p("div", ti, [
 				p("button", {
 					"aria-label": b(o).spacingControl.decreaseTop,
-					class: n([Ci, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+					class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: r[0] ||= (e) => f("top", -1)
-				}, [g(b(et), {
+				}, [g(b(tt), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, oi),
+				})], 10, ni),
 				p("input", {
 					type: "number",
-					class: n(wi),
+					class: n(bi),
 					value: e.modelValue.top,
 					"aria-label": b(o).spacingControl.top,
 					min: "0",
 					onInput: r[1] ||= (e) => h("top", Number(e.target.value))
-				}, null, 40, si),
+				}, null, 40, ri),
 				p("button", {
 					"aria-label": b(o).spacingControl.increaseTop,
-					class: n([Ci, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+					class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: r[2] ||= (e) => f("top", 1)
 				}, [g(b(Q), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, ci)
+				})], 10, ii)
 			]),
-			p("div", li, [
-				p("div", ui, [
+			p("div", ai, [
+				p("div", oi, [
 					p("button", {
 						"aria-label": b(o).spacingControl.decreaseLeft,
-						class: n([Ci, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+						class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: r[3] ||= (e) => f("left", -1)
-					}, [g(b(et), {
+					}, [g(b(tt), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, di),
+					})], 10, si),
 					p("input", {
 						type: "number",
-						class: n(wi),
+						class: n(bi),
 						value: e.modelValue.left,
 						"aria-label": b(o).spacingControl.left,
 						min: "0",
 						onInput: r[4] ||= (e) => h("left", Number(e.target.value))
-					}, null, 40, fi),
+					}, null, 40, ci),
 					p("button", {
 						"aria-label": b(o).spacingControl.increaseLeft,
-						class: n([Ci, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+						class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: r[5] ||= (e) => f("left", 1)
 					}, [g(b(Q), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, pi)
+					})], 10, li)
 				]),
 				p("button", {
 					class: n(["tpl:flex tpl:h-8 tpl:w-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", u.value ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
 					"aria-label": u.value ? b(o).spacingControl.unlock : b(o).spacingControl.lockAll,
 					title: u.value ? b(o).spacingControl.unlock : b(o).spacingControl.lockAll,
 					onClick: _
-				}, [u.value ? (s(), v(b(Rt), {
+				}, [u.value ? (s(), v(b(zt), {
 					key: 0,
 					size: 14,
 					"stroke-width": 2
-				})) : (s(), v(b(Lt), {
+				})) : (s(), v(b(Rt), {
 					key: 1,
 					size: 14,
 					"stroke-width": 2
-				}))], 10, mi),
-				p("div", hi, [
+				}))], 10, ui),
+				p("div", di, [
 					p("button", {
 						"aria-label": b(o).spacingControl.decreaseRight,
-						class: n([Ci, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+						class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: r[6] ||= (e) => f("right", -1)
-					}, [g(b(et), {
+					}, [g(b(tt), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, gi),
+					})], 10, fi),
 					p("input", {
 						type: "number",
-						class: n(wi),
+						class: n(bi),
 						value: e.modelValue.right,
 						"aria-label": b(o).spacingControl.right,
 						min: "0",
 						onInput: r[7] ||= (e) => h("right", Number(e.target.value))
-					}, null, 40, _i),
+					}, null, 40, pi),
 					p("button", {
 						"aria-label": b(o).spacingControl.increaseRight,
-						class: n([Ci, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+						class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: r[8] ||= (e) => f("right", 1)
 					}, [g(b(Q), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, vi)
+					})], 10, mi)
 				])
 			]),
-			p("div", yi, [
+			p("div", hi, [
 				p("button", {
 					"aria-label": b(o).spacingControl.decreaseBottom,
-					class: n([Ci, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+					class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: r[9] ||= (e) => f("bottom", -1)
-				}, [g(b(et), {
+				}, [g(b(tt), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, bi),
+				})], 10, gi),
 				p("input", {
 					type: "number",
-					class: n(wi),
+					class: n(bi),
 					value: e.modelValue.bottom,
 					"aria-label": b(o).spacingControl.bottom,
 					min: "0",
 					onInput: r[10] ||= (e) => h("bottom", Number(e.target.value))
-				}, null, 40, xi),
+				}, null, 40, _i),
 				p("button", {
 					"aria-label": b(o).spacingControl.increaseBottom,
-					class: n([Ci, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+					class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: r[11] ||= (e) => f("bottom", 1)
 				}, [g(b(Q), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, Si)
+				})], 10, vi)
 			])
 		])]));
 	}
-}), [["__scopeId", "data-v-9a9c8a07"]]), Ei = { class: "tpl:mt-3" }, Di = /* @__PURE__ */ f({
+}), [["__scopeId", "data-v-9a9c8a07"]]), Si = { class: "tpl:mt-3" }, Ci = /* @__PURE__ */ f({
 	__name: "CollapsibleSection",
 	props: {
 		title: {},
@@ -1508,25 +1505,25 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			type: "button",
 			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: r[0] ||= (e) => t.$emit("toggle")
-		}, [g(b(Qe), {
+		}, [g(b($e), {
 			class: n(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
 			size: 12,
 			"stroke-width": 2
-		}, null, 8, ["class"]), p("span", null, c(e.title), 1)]), O(p("div", Ei, [_(t.$slots, "default")], 512), [[j, e.open]])], 2));
+		}, null, 8, ["class"]), p("span", null, c(e.title), 1)]), O(p("div", Si, [_(t.$slots, "default")], 512), [[j, e.open]])], 2));
 	}
-}), Oi = { class: "tpl:space-y-2" }, ki = ["checked", "onChange"], Ai = { class: "tpl:space-y-2" }, ji = ["value"], Mi = { value: "" }, Ni = ["label"], Pi = ["value"], Fi = ["value"], Ii = {
+}), wi = { class: "tpl:space-y-2" }, Ti = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ei = { class: "tpl:space-y-2" }, Di = ["value"], Oi = { value: "" }, ki = ["label"], Ai = ["value"], ji = ["value"], Mi = {
 	key: 0,
 	value: "__custom__"
-}, Li = {
+}, Ni = {
 	key: 0,
 	class: "tpl:space-y-2"
-}, Ri = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, zi = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Bi = { class: "tpl:flex tpl:justify-end" }, Vi = ["disabled"], Hi = {
+}, Pi = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Fi = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ii = { class: "tpl:flex tpl:justify-end" }, Li = ["disabled"], Ri = {
 	key: 0,
 	class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
-}, Ui = { class: "tpl:space-y-1" }, Wi = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, Gi = {
+}, zi = { class: "tpl:space-y-1" }, Bi = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, Vi = {
 	key: 0,
 	class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]"
-}, Ki = /* @__PURE__ */ f({
+}, Hi = /* @__PURE__ */ f({
 	__name: "CommonBlockSettings",
 	props: {
 		block: {},
@@ -1534,13 +1531,13 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(t, { emit: r }) {
-		let a = t, u = r, { t: f } = U(), h = E(Ge, []), _ = E(Ue, !1), T = x(/* @__PURE__ */ new Set()), D = d(!1), A = d(""), j = d(""), M = [{
+		let a = t, u = r, { t: f } = U(), h = E(Ke, []), _ = E(We, !1), T = x(/* @__PURE__ */ new Set()), D = d(!1), A = d(""), j = d(""), M = [{
 			key: "desktop",
-			icon: zt,
+			icon: Bt,
 			labelKey: "showOnDesktop"
 		}, {
 			key: "mobile",
-			icon: Wt,
+			icon: Gt,
 			labelKey: "showOnMobile"
 		}];
 		function N(e) {
@@ -1589,13 +1586,13 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			t[e] = !t[e], u("update", { visibility: t });
 		}
 		return (r, i) => (s(), m("div", { class: n(["tpl:flex tpl:flex-col", t.isFirstSection ? "" : "tpl:mt-4"]) }, [
-			g(Di, {
+			g(Ci, {
 				title: b(f).blockSettings.spacing,
 				open: T.has("spacing"),
 				"no-border": t.isFirstSection,
 				onToggle: i[1] ||= (e) => N("spacing")
 			}, {
-				default: l(() => [g(Ti, {
+				default: l(() => [g(xi, {
 					label: b(f).blockSettings.padding,
 					"model-value": t.block.styles.padding,
 					"onUpdate:modelValue": i[0] ||= (e) => z("padding", e)
@@ -1606,7 +1603,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				"open",
 				"no-border"
 			]),
-			g(Di, {
+			g(Ci, {
 				title: b(f).blockSettings.background,
 				open: T.has("bg"),
 				onToggle: i[3] ||= (e) => N("bg")
@@ -1617,36 +1614,37 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["title", "open"]),
-			g(Di, {
+			g(Ci, {
 				title: b(f).blockSettings.display,
 				open: T.has("display"),
 				onToggle: i[4] ||= (e) => N("display")
 			}, {
-				default: l(() => [p("div", Oi, [(s(), m(S, null, e(M, (e) => p("label", {
+				default: l(() => [p("div", wi, [(s(), m(S, null, e(M, (e) => g(X, {
 					key: e.key,
-					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-xs tpl:text-[var(--tpl-text)]"
-				}, [
-					p("input", {
-						type: "checkbox",
-						class: "tpl:accent-[var(--tpl-primary)]",
-						checked: B(e.key),
-						onChange: (t) => V(e.key)
-					}, null, 40, ki),
-					(s(), v(o(e.icon), {
+					class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
+					"model-value": B(e.key),
+					label: b(f).blockSettings[e.labelKey],
+					"onUpdate:modelValue": (t) => V(e.key)
+				}, {
+					default: l(() => [p("span", Ti, [(s(), v(o(e.icon), {
 						size: 14,
 						"stroke-width": 1.5
-					})),
-					y(" " + c(b(f).blockSettings[e.labelKey]), 1)
+					})), y(" " + c(b(f).blockSettings[e.labelKey]), 1)])]),
+					_: 2
+				}, 1032, [
+					"model-value",
+					"label",
+					"onUpdate:modelValue"
 				])), 64))])]),
 				_: 1
 			}, 8, ["title", "open"]),
-			P.value ? (s(), v(Di, {
+			P.value ? (s(), v(Ci, {
 				key: 0,
 				title: b(f).blockSettings.displayCondition,
 				open: T.has("condition"),
 				onToggle: i[8] ||= (e) => N("condition")
 			}, {
-				default: l(() => [p("div", Ai, [p("select", {
+				default: l(() => [p("div", Ei, [p("select", {
 					class: n(["tpl:w-full tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:outline-none tpl:transition-all tpl:duration-150 tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", t.block.displayCondition ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"]),
 					value: D.value || F.value ? "__custom__" : t.block.displayCondition?.label ?? "",
 					onChange: i[5] ||= (e) => {
@@ -1663,48 +1661,41 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 						n && u("update", { displayCondition: n });
 					}
 				}, [
-					p("option", Mi, c(b(f).blockSettings.noCondition), 1),
+					p("option", Oi, c(b(f).blockSettings.noCondition), 1),
 					(s(!0), m(S, null, e(R.value, (t, n) => (s(), m(S, { key: n }, [n ? (s(), m("optgroup", {
 						key: 0,
 						label: String(n)
 					}, [(s(!0), m(S, null, e(t, (e) => (s(), m("option", {
 						key: e.label,
 						value: e.label
-					}, c(e.label), 9, Pi))), 128))], 8, Ni)) : (s(!0), m(S, { key: 1 }, e(t, (e) => (s(), m("option", {
+					}, c(e.label), 9, Ai))), 128))], 8, ki)) : (s(!0), m(S, { key: 1 }, e(t, (e) => (s(), m("option", {
 						key: e.label,
 						value: e.label
-					}, c(e.label), 9, Fi))), 128))], 64))), 128)),
-					b(_) ? (s(), m("option", Ii, c(b(f).blockSettings.customCondition), 1)) : w("", !0)
-				], 42, ji), D.value || F.value ? (s(), m("div", Li, [
-					p("div", null, [p("label", Ri, c(b(f).blockSettings.customConditionBefore), 1), O(p("textarea", {
+					}, c(e.label), 9, ji))), 128))], 64))), 128)),
+					b(_) ? (s(), m("option", Mi, c(b(f).blockSettings.customCondition), 1)) : w("", !0)
+				], 42, Di), D.value || F.value ? (s(), m("div", Ni, [
+					p("div", null, [p("label", Pi, c(b(f).blockSettings.customConditionBefore), 1), O(p("textarea", {
 						"onUpdate:modelValue": i[6] ||= (e) => A.value = e,
 						rows: "2",
 						class: n(b(Tt))
 					}, null, 2), [[k, A.value]])]),
-					p("div", null, [p("label", zi, c(b(f).blockSettings.customConditionAfter), 1), O(p("textarea", {
+					p("div", null, [p("label", Fi, c(b(f).blockSettings.customConditionAfter), 1), O(p("textarea", {
 						"onUpdate:modelValue": i[7] ||= (e) => j.value = e,
 						rows: "2",
 						class: n(b(Tt))
 					}, null, 2), [[k, j.value]])]),
-					p("div", Bi, [p("button", {
+					p("div", Ii, [p("button", {
 						type: "button",
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-bg)] tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:opacity-50",
 						disabled: !A.value.trim(),
 						onClick: L
-					}, c(b(f).blockSettings.applyCondition), 9, Vi)])
-				])) : t.block.displayCondition && !F.value ? (s(), m(S, { key: 1 }, [t.block.displayCondition.description ? (s(), m("p", Hi, c(t.block.displayCondition.description), 1)) : w("", !0), p("div", Ui, [p("pre", Wi, c(t.block.displayCondition.before), 1), t.block.displayCondition.after ? (s(), m("pre", Gi, c(t.block.displayCondition.after), 1)) : w("", !0)])], 64)) : w("", !0)])]),
+					}, c(b(f).blockSettings.applyCondition), 9, Li)])
+				])) : t.block.displayCondition && !F.value ? (s(), m(S, { key: 1 }, [t.block.displayCondition.description ? (s(), m("p", Ri, c(t.block.displayCondition.description), 1)) : w("", !0), p("div", zi, [p("pre", Bi, c(t.block.displayCondition.before), 1), t.block.displayCondition.after ? (s(), m("pre", Vi, c(t.block.displayCondition.after), 1)) : w("", !0)])], 64)) : w("", !0)])]),
 				_: 1
 			}, 8, ["title", "open"])) : w("", !0)
 		], 2));
 	}
-}), qi = ["title"], Ji = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Yi = {
-	key: 1,
-	class: "tpl:text-[var(--tpl-danger)]"
-}, Xi = [
-	"aria-checked",
-	"aria-label",
-	"disabled"
-], Zi = /* @__PURE__ */ f({
+}), Ui = ["title"], Wi = /* @__PURE__ */ f({
 	__name: "BooleanField",
 	props: {
 		field: {},
@@ -1713,36 +1704,35 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", {
+		let n = t, { t: r } = U();
+		return (t, i) => (s(), m("div", {
 			class: "tpl:mb-3.5",
-			title: e.readOnly ? b(i).customBlocks.dataSource.readOnlyTooltip : void 0
-		}, [p("label", { class: n(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", e.readOnly ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [p("span", Ji, [
-			y(c(e.field.label) + " ", 1),
-			e.readOnly ? (s(), v(b(Rt), {
+			title: e.readOnly ? b(r).customBlocks.dataSource.readOnlyTooltip : void 0
+		}, [g(X, {
+			class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+			"model-value": e.modelValue,
+			label: e.field.label,
+			required: e.field.required,
+			disabled: e.readOnly,
+			"onUpdate:modelValue": i[0] ||= (e) => n("update:modelValue", e)
+		}, {
+			default: l(() => [y(c(e.field.label) + " ", 1), e.readOnly ? (s(), v(b(zt), {
 				key: 0,
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
-			})) : w("", !0),
-			e.field.required ? (s(), m("span", Yi, " * ")) : w("", !0)
-		]), p("button", {
-			type: "button",
-			role: "switch",
-			"aria-checked": e.modelValue,
-			"aria-label": e.field.label,
-			class: n([
-				"tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200",
-				e.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
-				e.readOnly ? "tpl:opacity-60 tpl:cursor-not-allowed" : "tpl:cursor-pointer"
-			]),
-			disabled: e.readOnly,
-			onClick: a[0] ||= (t) => !e.readOnly && r("update:modelValue", !e.modelValue)
-		}, [p("span", { class: n(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow tpl:transition-transform tpl:duration-200", e.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, Xi)], 2)], 8, qi));
+			})) : w("", !0)]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"label",
+			"required",
+			"disabled"
+		])], 8, Ui));
 	}
-}), Qi = { class: "tpl:mb-3.5" }, $i = {
+}), Gi = { class: "tpl:mb-3.5" }, Ki = {
 	key: 1,
 	class: "tpl:text-[var(--tpl-danger)]"
-}, ea = /* @__PURE__ */ f({
+}, qi = /* @__PURE__ */ f({
 	__name: "FieldWrapper",
 	props: {
 		label: {},
@@ -1750,17 +1740,17 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 		readOnly: { type: Boolean }
 	},
 	setup(e) {
-		return (t, r) => (s(), m("div", Qi, [p("label", { class: n(b(K)) }, [
+		return (t, r) => (s(), m("div", Gi, [p("label", { class: n(b(K)) }, [
 			y(c(e.label) + " ", 1),
-			e.readOnly ? (s(), v(b(Rt), {
+			e.readOnly ? (s(), v(b(zt), {
 				key: 0,
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
 			})) : w("", !0),
-			e.required ? (s(), m("span", $i, "*")) : w("", !0)
+			e.required ? (s(), m("span", Ki, "*")) : w("", !0)
 		], 2), _(t.$slots, "default")]));
 	}
-}), ta = /* @__PURE__ */ f({
+}), Ji = /* @__PURE__ */ f({
 	__name: "ColorField",
 	props: {
 		field: {},
@@ -1770,7 +1760,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t, { t: r } = U();
-		return (t, i) => (s(), v(ea, {
+		return (t, i) => (s(), v(qi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -1794,15 +1784,15 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), na = {
+}), Yi = {
 	key: 0,
 	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
 	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
-}, ra = [
+}, Xi = [
 	"value",
 	"placeholder",
 	"title"
-], ia = ["value", "placeholder"], aa = /* @__PURE__ */ f({
+], Zi = ["value", "placeholder"], Qi = /* @__PURE__ */ f({
 	__name: "ImageField",
 	props: {
 		field: {},
@@ -1811,7 +1801,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = E(Ae, null), u = bt(), f = C(() => !!o);
+		let r = e, i = t, { t: a } = U(), o = E(je, null), u = xt(), f = C(() => !!o);
 		async function h() {
 			let e = await o?.({ accept: ["images"] });
 			u.alive && e && i("update:modelValue", e.url);
@@ -1837,7 +1827,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			enabled: T,
 			onFiles: D
 		});
-		return (t, r) => (s(), v(ea, {
+		return (t, r) => (s(), v(qi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -1847,11 +1837,11 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				ref: _,
 				class: "tpl:relative"
 			}, [
-				T.value && (b(O) || x.value) ? (s(), m("div", na, [x.value ? (s(), m(S, { key: 0 }, [g(b(lt), {
+				T.value && (b(O) || x.value) ? (s(), m("div", Yi, [x.value ? (s(), m(S, { key: 0 }, [g(b(ut), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
-				}), y(" " + c(b(a).image.uploading), 1)], 64)) : (s(), m(S, { key: 1 }, [g(b(ht), {
+				}), y(" " + c(b(a).image.uploading), 1)], 64)) : (s(), m(S, { key: 1 }, [g(b(gt), {
 					size: 18,
 					"stroke-width": 1.5
 				}), y(" " + c(b(a).image.dropToUpload), 1)], 64))])) : w("", !0),
@@ -1863,14 +1853,14 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 					placeholder: e.field.placeholder || "https://...",
 					disabled: "",
 					title: b(a).customBlocks.dataSource.readOnlyTooltip
-				}, null, 10, ra)) : (s(), m("input", {
+				}, null, 10, Xi)) : (s(), m("input", {
 					key: 2,
 					type: "url",
 					class: n(b(G)),
 					value: e.modelValue,
 					placeholder: e.field.placeholder || "https://...",
 					onInput: r[0] ||= (e) => i("update:modelValue", e.target.value)
-				}, null, 42, ia)),
+				}, null, 42, Zi)),
 				f.value && !e.readOnly ? (s(), m("button", {
 					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:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
@@ -1887,7 +1877,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), oa = [
+}), $i = [
 	"value",
 	"placeholder",
 	"min",
@@ -1895,7 +1885,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	"step",
 	"disabled",
 	"title"
-], sa = /* @__PURE__ */ f({
+], ea = /* @__PURE__ */ f({
 	__name: "NumberField",
 	props: {
 		field: {},
@@ -1905,7 +1895,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), v(ea, {
+		return (t, a) => (s(), v(qi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -1921,7 +1911,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				disabled: e.readOnly,
 				title: e.readOnly ? b(i).customBlocks.dataSource.readOnlyTooltip : void 0,
 				onInput: a[0] ||= (t) => !e.readOnly && r("update:modelValue", Number(t.target.value))
-			}, null, 42, oa)]),
+			}, null, 42, $i)]),
 			_: 1
 		}, 8, [
 			"label",
@@ -1929,10 +1919,10 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), ca = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, la = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, ua = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, da = ["title", "onClick"], fa = {
+}), ta = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, na = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, ra = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, ia = ["title", "onClick"], aa = {
 	key: 1,
 	class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, pa = /* @__PURE__ */ f({
+}, oa = /* @__PURE__ */ f({
 	__name: "RepeatableField",
 	props: {
 		field: {},
@@ -1960,25 +1950,25 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			} : r);
 			a("update:modelValue", r);
 		}
-		return (r, i) => (s(), v(ea, {
+		return (r, i) => (s(), v(qi, {
 			label: t.field.label,
 			required: t.field.required,
 			"read-only": t.readOnly
 		}, {
-			default: l(() => [p("div", ca, [
+			default: l(() => [p("div", ta, [
 				(s(!0), m(S, null, e(d.value, (n, r) => (s(), m("div", {
 					key: `${t.field.key}-${r}`,
 					class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
-				}, [p("div", la, [p("span", ua, " #" + c(r + 1), 1), h.value && !t.readOnly ? (s(), m("button", {
+				}, [p("div", na, [p("span", ra, " #" + c(r + 1), 1), h.value && !t.readOnly ? (s(), m("button", {
 					key: 0,
 					type: "button",
 					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:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
 					title: b(u).customBlocks.fields.removeItem,
 					onClick: (e) => x(r)
-				}, [g(b(mt), {
+				}, [g(b(ht), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, da)) : w("", !0)]), (s(!0), m(S, null, e(t.field.fields, (e) => (s(), v(o(b(Sa)(e.type)), {
+				})], 8, ia)) : w("", !0)]), (s(!0), m(S, null, e(t.field.fields, (e) => (s(), v(o(b(ha)(e.type)), {
 					key: e.key,
 					field: e,
 					"model-value": n[e.key],
@@ -1999,7 +1989,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 					size: 14,
 					"stroke-width": 2
 				}), y(" " + c(b(u).customBlocks.fields.addItem), 1)], 2)) : w("", !0),
-				!f.value && !t.readOnly ? (s(), m("p", fa, c(b(u).customBlocks.fields.maxItemsReached), 1)) : w("", !0)
+				!f.value && !t.readOnly ? (s(), m("p", aa, c(b(u).customBlocks.fields.maxItemsReached), 1)) : w("", !0)
 			])]),
 			_: 1
 		}, 8, [
@@ -2008,11 +1998,11 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), ma = [
+}), sa = [
 	"value",
 	"disabled",
 	"title"
-], ha = ["value"], ga = /* @__PURE__ */ f({
+], ca = ["value"], la = /* @__PURE__ */ f({
 	__name: "SelectField",
 	props: {
 		field: {},
@@ -2022,7 +2012,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(t, { emit: r }) {
 		let i = r, { t: a } = U();
-		return (r, o) => (s(), v(ea, {
+		return (r, o) => (s(), v(qi, {
 			label: t.field.label,
 			required: t.field.required,
 			"read-only": t.readOnly
@@ -2036,7 +2026,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			}, [(s(!0), m(S, null, e(t.field.options, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, ha))), 128))], 42, ma)]),
+			}, c(e.label), 9, ca))), 128))], 42, sa)]),
 			_: 1
 		}, 8, [
 			"label",
@@ -2044,11 +2034,11 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), _a = [
+}), ua = [
 	"value",
 	"placeholder",
 	"title"
-], va = /* @__PURE__ */ f({
+], da = /* @__PURE__ */ f({
 	__name: "TextField",
 	props: {
 		field: {},
@@ -2058,7 +2048,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), v(ea, {
+		return (t, a) => (s(), v(qi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -2071,7 +2061,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 				placeholder: e.field.placeholder,
 				disabled: "",
 				title: b(i).customBlocks.dataSource.readOnlyTooltip
-			}, null, 10, _a)) : (s(), v($, {
+			}, null, 10, ua)) : (s(), v($, {
 				key: 1,
 				"model-value": e.modelValue,
 				placeholder: e.field.placeholder,
@@ -2084,12 +2074,12 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), ya = [
+}), fa = [
 	"value",
 	"placeholder",
 	"title"
-], ba = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border 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:opacity-60 tpl:cursor-not-allowed", xa = {
-	text: va,
+], pa = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border 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:opacity-60 tpl:cursor-not-allowed", ma = {
+	text: da,
 	textarea: /* @__PURE__ */ f({
 		__name: "TextareaField",
 		props: {
@@ -2100,7 +2090,7 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 		emits: ["update:modelValue"],
 		setup(e, { emit: t }) {
 			let r = t, { t: i } = U();
-			return (t, a) => (s(), v(ea, {
+			return (t, a) => (s(), v(qi, {
 				label: e.field.label,
 				required: e.field.required,
 				"read-only": e.readOnly
@@ -2112,8 +2102,8 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 					rows: "3",
 					disabled: "",
 					title: b(i).customBlocks.dataSource.readOnlyTooltip,
-					class: n(ba)
-				}, null, 8, ya)) : (s(), v(Wn, {
+					class: n(pa)
+				}, null, 8, fa)) : (s(), v(Gn, {
 					key: 1,
 					"model-value": e.modelValue,
 					placeholder: e.field.placeholder,
@@ -2127,42 +2117,42 @@ var Tn = ["aria-label", "onKeydown"], En = ["data-tooltip"], Dn = ["data-tooltip
 			]));
 		}
 	}),
-	image: aa,
-	color: ta,
-	number: sa,
-	select: ga,
-	boolean: Zi,
-	repeatable: pa
+	image: Qi,
+	color: Ji,
+	number: ea,
+	select: la,
+	boolean: Wi,
+	repeatable: oa
 };
-function Sa(e) {
-	return xa[e] ?? va;
+function ha(e) {
+	return ma[e] ?? da;
 }
 //#endregion
 //#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
-var Ca = {
+var ga = {
 	key: 0,
 	class: "tpl:p-4"
-}, wa = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ta = { key: 1 }, Ea = {
+}, _a = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, va = { key: 1 }, ya = {
 	key: 0,
 	class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Da = {
+}, ba = {
 	key: 1,
 	class: "tpl:mb-4"
-}, Oa = {
+}, xa = {
 	key: 1,
 	class: "tpl:flex tpl:h-[32px] tpl:items-center"
-}, ka = {
+}, Sa = {
 	key: 0,
 	class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, Aa = {
+}, Ca = {
 	key: 2,
 	class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, ja = /* @__PURE__ */ f({
+}, wa = /* @__PURE__ */ f({
 	__name: "CustomBlockToolbar",
 	props: { block: {} },
 	emits: ["updateFieldValues", "updateDataSourceFetched"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { t: a } = U(), l = E(Re, []), u = C(() => l.find((e) => e.type === r.block.customType)), { isFetching: d, fetchError: f, fetch: h, hasDataSource: _, needsFetch: x } = De({
+		let r = t, i = n, { t: a } = U(), l = E(ze, []), u = C(() => l.find((e) => e.type === r.block.customType)), { isFetching: d, fetchError: f, fetch: h, hasDataSource: _, needsFetch: x } = De({
 			definition: u,
 			block: C(() => r.block),
 			onUpdate: (e, t) => {
@@ -2178,23 +2168,23 @@ var Ca = {
 				[e]: t
 			});
 		}
-		return (n, r) => u.value ? (s(), m("div", Ta, [
-			u.value.description ? (s(), m("p", Ea, c(u.value.description), 1)) : w("", !0),
-			b(_) ? (s(), m("div", Da, [b(x) && !b(d) ? (s(), m("button", {
+		return (n, r) => u.value ? (s(), m("div", va, [
+			u.value.description ? (s(), m("p", ya, c(u.value.description), 1)) : w("", !0),
+			b(_) ? (s(), m("div", ba, [b(x) && !b(d) ? (s(), m("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-md tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-bg)] tpl:transition-all tpl:duration-150 tpl:bg-[var(--tpl-primary)]",
 				onClick: r[0] ||= (...e) => b(h) && b(h)(...e)
-			}, c(u.value?.dataSource?.label || b(a).customBlocks.dataSource.fetchButton), 1)) : (s(), m("div", Oa, [b(d) ? (s(), m("div", ka, c(b(a).customBlocks.dataSource.fetching), 1)) : (s(), m("button", {
+			}, c(u.value?.dataSource?.label || b(a).customBlocks.dataSource.fetchButton), 1)) : (s(), m("div", xa, [b(d) ? (s(), m("div", Sa, c(b(a).customBlocks.dataSource.fetching), 1)) : (s(), m("button", {
 				key: 1,
 				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:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
 				onClick: r[1] ||= (...e) => b(h) && b(h)(...e)
-			}, [g(b(at), { size: 12 }), y(" " + c(b(a).customBlocks.dataSource.changeButton), 1)]))])), b(f) ? (s(), m("p", Aa, [g(b($e), {
+			}, [g(b(ot), { size: 12 }), y(" " + c(b(a).customBlocks.dataSource.changeButton), 1)]))])), b(f) ? (s(), m("p", Ca, [g(b(et), {
 				size: 14,
 				class: "tpl:shrink-0"
 			}), y(" " + c(b(a).customBlocks.dataSource.fetchError), 1)])) : w("", !0)])) : w("", !0),
-			(s(!0), m(S, null, e(u.value.fields, (e) => (s(), v(o(b(Sa)(e.type)), {
+			(s(!0), m(S, null, e(u.value.fields, (e) => (s(), v(o(b(ha)(e.type)), {
 				key: e.key,
 				field: e,
 				"model-value": t.block.fieldValues[e.key],
@@ -2206,9 +2196,9 @@ var Ca = {
 				"read-only",
 				"onUpdate:modelValue"
 			]))), 128))
-		])) : (s(), m("div", Ca, [p("p", wa, c(b(a).customBlocks.toolbar.noDefinition), 1)]));
+		])) : (s(), m("div", ga, [p("p", _a, c(b(a).customBlocks.toolbar.noDefinition), 1)]));
 	}
-}), Ma = { class: "tpl:mb-3.5" }, Na = { class: "tpl:mb-3.5" }, Pa = { class: "tpl:mb-3.5" }, Fa = { class: "tpl:flex tpl:items-stretch" }, Ia = ["value"], La = /* @__PURE__ */ f({
+}), Ta = { class: "tpl:mb-3.5" }, Ea = { class: "tpl:mb-3.5" }, Da = { class: "tpl:mb-3.5" }, Oa = { class: "tpl:flex tpl:items-stretch" }, ka = ["value"], Aa = /* @__PURE__ */ f({
 	__name: "DividerToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2218,7 +2208,7 @@ var Ca = {
 			r("update", { [e]: t });
 		}
 		return (t, r) => (s(), m(S, null, [
-			p("div", Ma, [p("label", { class: n(b(K)) }, c(b(i).divider.style), 3), g(Z, {
+			p("div", Ta, [p("label", { class: n(b(K)) }, c(b(i).divider.style), 3), g(Mt, {
 				options: [
 					{
 						value: "solid",
@@ -2236,27 +2226,27 @@ var Ca = {
 				"model-value": e.block.lineStyle,
 				"onUpdate:modelValue": r[0] ||= (e) => a("lineStyle", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", Na, [p("label", { class: n(b(K)) }, c(b(i).divider.color), 3), g(Y, {
+			p("div", Ea, [p("label", { class: n(b(K)) }, c(b(i).divider.color), 3), g(Y, {
 				"model-value": e.block.color,
 				"onUpdate:modelValue": r[1] ||= (e) => a("color", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Pa, [p("label", { class: n(b(K)) }, c(b(i).divider.thickness), 3), p("div", Fa, [p("input", {
+			p("div", Da, [p("label", { class: n(b(K)) }, c(b(i).divider.thickness), 3), p("div", Oa, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: e.block.thickness,
 				min: "1",
 				max: "10",
 				onInput: r[2] ||= (e) => a("thickness", Number(e.target.value))
-			}, null, 42, Ia), p("span", { class: n(b(q)) }, "px", 2)])])
+			}, null, 42, ka), p("span", { class: n(b(q)) }, "px", 2)])])
 		], 64));
 	}
-}), Ra = { class: "tpl:mb-3.5" }, za = ["value"], Ba = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Va = /* @__PURE__ */ f({
+}), ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Pa = /* @__PURE__ */ f({
 	__name: "HtmlToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", Ra, [
+		return (t, a) => (s(), m("div", ja, [
 			p("label", { class: n(b(K)) }, c(b(i).html.content), 3),
 			p("textarea", {
 				value: e.block.content,
@@ -2264,92 +2254,89 @@ var Ca = {
 				rows: "10",
 				class: n(b(Tt)),
 				onInput: a[0] ||= (e) => r("update", { content: e.target.value })
-			}, null, 42, za),
-			p("p", Ba, [g(b(st), {
+			}, null, 42, Ma),
+			p("p", Na, [g(b(ct), {
 				size: 12,
 				class: "tpl:mt-0.5 tpl:shrink-0"
 			}), y(" " + c(b(i).html.sanitizationHint), 1)])
 		]));
 	}
-}), Ha = { class: "tpl:mb-3.5" }, Ua = {
+}), Fa = { class: "tpl:mb-3.5" }, Ia = {
 	key: 0,
 	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
 	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
-}, Wa = {
+}, La = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, Ga = ["value", "placeholder"], Ka = { class: "tpl:mb-3.5" }, qa = { class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]" }, Ja = ["checked"], Ya = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, Xa = { class: "tpl:mb-3.5" }, Za = ["value"], Qa = { value: "full" }, $a = { value: "custom" }, eo = {
+}, Ra = ["value", "placeholder"], za = { class: "tpl:mb-3.5" }, Ba = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, Va = { class: "tpl:mb-3.5" }, Ha = ["value"], Ua = { value: "full" }, Wa = { value: "custom" }, Ga = {
 	key: 0,
 	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, to = ["value"], no = { class: "tpl:mb-3.5" }, ro = { class: "tpl:mb-3.5" }, io = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
-}, ao = ["checked"], oo = 350, so = /* @__PURE__ */ f({
+}, Ka = ["value"], qa = { class: "tpl:mb-3.5" }, Ja = { class: "tpl:mb-3.5" }, Ya = 350, Xa = /* @__PURE__ */ f({
 	__name: "ImageToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = E(Ae, null), l = E(Ie, B.liquid), u = bt(), f = C(() => !!o), h = d(!1), _ = d(!1), { start: v } = ke(() => {
-			h.value = !1;
-		}, 1e3, { immediate: !1 }), x = [
+		let r = e, i = t, { t: a } = U(), o = E(je, null), u = E(Le, B.liquid), f = xt(), h = C(() => !!o), _ = d(!1), x = d(!1), { start: T } = ke(() => {
+			_.value = !1;
+		}, 1e3, { immediate: !1 }), D = [
 			300,
 			400,
 			500
-		], T = C(() => {
+		], O = C(() => {
 			let e = r.block.width;
-			return e === "full" ? "full" : x.includes(e) ? String(e) : "custom";
+			return e === "full" ? "full" : D.includes(e) ? String(e) : "custom";
 		});
-		function D(e, t) {
+		function k(e, t) {
 			i("update", { [e]: t });
 		}
-		function O(e) {
+		function A(e) {
 			if (e === "custom") {
 				let e = r.block.width;
-				(typeof e != "number" || x.includes(e)) && D("width", oo);
+				(typeof e != "number" || D.includes(e)) && k("width", Ya);
 				return;
 			}
-			D("width", e === "full" ? "full" : Number(e));
+			k("width", e === "full" ? "full" : Number(e));
 		}
-		function k(e) {
+		function j(e) {
 			let t = Number(e);
-			!Number.isFinite(t) || t <= 0 || D("width", t);
+			!Number.isFinite(t) || t <= 0 || k("width", t);
 		}
-		async function A() {
+		async function M() {
 			let e = await o?.({ accept: ["images"] });
-			u.alive && e && (D("src", e.url), e.alt && (D("alt", e.alt), _.value = !0), h.value = !0, v());
+			f.alive && e && (k("src", e.url), e.alt && (k("alt", e.alt), x.value = !0), _.value = !0, T());
 		}
-		let j = d(), M = d(!1), N = C(() => z(r.block.src, l)), P = C(() => f.value && !M.value && !N.value);
-		async function F(e) {
+		let N = d(), P = d(!1), F = C(() => z(r.block.src, u)), I = C(() => h.value && !P.value && !F.value);
+		async function L(e) {
 			if (o) {
-				M.value = !0;
+				P.value = !0;
 				try {
 					let t = await o({
 						accept: ["images"],
 						files: e
 					});
-					if (!u.alive) return;
-					t && (D("src", t.url), t.alt && (D("alt", t.alt), _.value = !0), h.value = !0, v());
+					if (!f.alive) return;
+					t && (k("src", t.url), t.alt && (k("alt", t.alt), x.value = !0), _.value = !0, T());
 				} finally {
-					u.alive && (M.value = !1);
+					f.alive && (P.value = !1);
 				}
 			}
 		}
-		let { isOver: I } = me({
-			target: j,
-			enabled: P,
-			onFiles: F
+		let { isOver: R } = me({
+			target: N,
+			enabled: I,
+			onFiles: L
 		});
 		return (t, r) => (s(), m(S, null, [
-			p("div", Ha, [p("label", { class: n(b(K)) }, c(b(a).image.imageUrl), 3), p("div", {
+			p("div", Fa, [p("label", { class: n(b(K)) }, c(b(a).image.imageUrl), 3), p("div", {
 				ref_key: "dropZoneRef",
-				ref: j,
+				ref: N,
 				class: "tpl:relative"
 			}, [
-				P.value && (b(I) || M.value) ? (s(), m("div", Ua, [M.value ? (s(), m(S, { key: 0 }, [g(b(lt), {
+				I.value && (b(R) || P.value) ? (s(), m("div", Ia, [P.value ? (s(), m(S, { key: 0 }, [g(b(ut), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
-				}), y(" " + c(b(a).image.uploading), 1)], 64)) : (s(), m(S, { key: 1 }, [g(b(ht), {
+				}), y(" " + c(b(a).image.uploading), 1)], 64)) : (s(), m(S, { key: 1 }, [g(b(gt), {
 					size: 18,
 					"stroke-width": 1.5
 				}), y(" " + c(b(a).image.dropToUpload), 1)], 64))])) : w("", !0),
@@ -2357,14 +2344,14 @@ var Ca = {
 					"model-value": e.block.src,
 					type: "url",
 					placeholder: b(a).image.imageUrlPlaceholder,
-					pulse: h.value,
-					"onUpdate:modelValue": r[0] ||= (e) => D("src", e)
+					pulse: _.value,
+					"onUpdate:modelValue": r[0] ||= (e) => k("src", e)
 				}, null, 8, [
 					"model-value",
 					"placeholder",
 					"pulse"
 				]),
-				f.value ? (s(), m("button", {
+				h.value ? (s(), m("button", {
 					key: 1,
 					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:duration-150",
 					style: {
@@ -2372,63 +2359,66 @@ var Ca = {
 						color: "var(--tpl-primary)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: A
+					onClick: M
 				}, [g(b(ae), {
 					size: 14,
 					"stroke-width": 1.5
 				}), y(" " + c(b(a).image.browseMedia), 1)])) : w("", !0)
 			], 512)]),
-			b(z)(e.block.src, b(l)) ? (s(), m("div", Wa, [p("label", { class: n(b(K)) }, [y(c(b(a).image.placeholderUrl) + " ", 1), r[9] ||= p("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, c("(optional)"), -1)], 2), p("input", {
+			b(z)(e.block.src, b(u)) ? (s(), m("div", La, [p("label", { class: n(b(K)) }, [y(c(b(a).image.placeholderUrl) + " ", 1), r[9] ||= p("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, c("(optional)"), -1)], 2), p("input", {
 				type: "url",
 				class: n(b(G)),
 				value: e.block.placeholderUrl || "",
 				placeholder: b(a).image.placeholderUrlPlaceholder,
-				onInput: r[1] ||= (e) => D("placeholderUrl", e.target.value)
-			}, null, 42, Ga)])) : w("", !0),
-			p("div", Ka, [
+				onInput: r[1] ||= (e) => k("placeholderUrl", e.target.value)
+			}, null, 42, Ra)])) : w("", !0),
+			p("div", za, [
 				p("label", { class: n(b(K)) }, c(b(a).image.altText), 3),
 				g($, {
 					"model-value": e.block.alt,
 					type: "text",
 					placeholder: b(a).image.altTextPlaceholder,
-					pulse: _.value,
+					pulse: x.value,
 					disabled: e.block.decorative === !0,
-					"onUpdate:modelValue": r[2] ||= (e) => D("alt", e)
+					"onUpdate:modelValue": r[2] ||= (e) => k("alt", e)
 				}, null, 8, [
 					"model-value",
 					"placeholder",
 					"pulse",
 					"disabled"
 				]),
-				p("label", qa, [p("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: e.block.decorative === !0,
-					onChange: r[3] ||= (e) => D("decorative", e.target.checked)
-				}, null, 40, Ja), p("span", null, [y(c(b(a).image.decorative) + " ", 1), p("span", Ya, c(b(a).image.decorativeHint), 1)])])
+				g(X, {
+					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
+					"model-value": e.block.decorative === !0,
+					label: b(a).image.decorative,
+					"onUpdate:modelValue": r[3] ||= (e) => k("decorative", e)
+				}, {
+					default: l(() => [p("span", null, [y(c(b(a).image.decorative) + " ", 1), p("span", Ba, c(b(a).image.decorativeHint), 1)])]),
+					_: 1
+				}, 8, ["model-value", "label"])
 			]),
-			p("div", Xa, [
+			p("div", Va, [
 				p("label", { class: n(b(K)) }, c(b(a).image.width), 3),
 				p("select", {
 					class: n(b(G)),
-					value: T.value,
-					onChange: r[4] ||= (e) => O(e.target.value)
+					value: O.value,
+					onChange: r[4] ||= (e) => A(e.target.value)
 				}, [
-					p("option", Qa, c(b(a).image.fullWidth), 1),
+					p("option", Ua, c(b(a).image.fullWidth), 1),
 					r[10] ||= p("option", { value: "300" }, "300px", -1),
 					r[11] ||= p("option", { value: "400" }, "400px", -1),
 					r[12] ||= p("option", { value: "500" }, "500px", -1),
-					p("option", $a, c(b(a).image.widthCustom), 1)
-				], 42, Za),
-				T.value === "custom" ? (s(), m("div", eo, [p("input", {
+					p("option", Wa, c(b(a).image.widthCustom), 1)
+				], 42, Ha),
+				O.value === "custom" ? (s(), m("div", Ga, [p("input", {
 					type: "number",
 					class: n(b(J)),
-					value: typeof e.block.width == "number" ? e.block.width : oo,
+					value: typeof e.block.width == "number" ? e.block.width : Ya,
 					min: "20",
-					onInput: r[5] ||= (e) => k(e.target.value)
-				}, null, 42, to), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
+					onInput: r[5] ||= (e) => j(e.target.value)
+				}, null, 42, Ka), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
 			]),
-			p("div", no, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Z, {
+			p("div", qa, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Mt, {
 				options: [
 					{
 						value: "left",
@@ -2444,30 +2434,31 @@ var Ca = {
 					}
 				],
 				"model-value": e.block.align,
-				"onUpdate:modelValue": r[6] ||= (e) => D("align", e)
+				"onUpdate:modelValue": r[6] ||= (e) => k("align", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", ro, [
+			p("div", Ja, [
 				p("label", { class: n(b(K)) }, c(b(a).image.linkUrl), 3),
 				g($, {
 					"model-value": e.block.linkUrl || "",
 					type: "url",
 					placeholder: b(a).image.imageUrlPlaceholder,
-					"onUpdate:modelValue": r[7] ||= (e) => D("linkUrl", e)
+					"onUpdate:modelValue": r[7] ||= (e) => k("linkUrl", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				e.block.linkUrl ? (s(), m("label", io, [p("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: e.block.linkOpenInNewTab ?? !1,
-					onChange: r[8] ||= (e) => D("linkOpenInNewTab", e.target.checked)
-				}, null, 40, ao), y(" " + c(b(a).image.openInNewTab), 1)])) : w("", !0)
+				e.block.linkUrl ? (s(), v(X, {
+					key: 0,
+					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
+					"model-value": e.block.linkOpenInNewTab ?? !1,
+					label: b(a).image.openInNewTab,
+					"onUpdate:modelValue": r[8] ||= (e) => k("linkOpenInNewTab", e)
+				}, null, 8, ["model-value", "label"])) : w("", !0)
 			])
 		], 64));
 	}
-}), co = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, lo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, uo = [
+}), Za = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Qa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, $a = [
 	"value",
 	"placeholder",
 	"onInput"
-], fo = ["title", "onClick"], po = { class: "tpl:flex tpl:items-center tpl:gap-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, mo = ["checked", "onChange"], ho = { class: "tpl:flex tpl:items-center tpl:gap-2" }, go = ["value"], _o = { value: "" }, vo = ["value"], yo = ["value"], bo = /* @__PURE__ */ f({
+], eo = ["title", "onClick"], to = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:gap-x-3 tpl:gap-y-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, no = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ro = ["value"], io = { value: "" }, ao = ["value"], oo = ["value"], so = /* @__PURE__ */ f({
 	__name: "MenuToolbar",
 	props: {
 		block: {},
@@ -2492,12 +2483,12 @@ var Ca = {
 			{
 				value: "left",
 				label: o.title.alignLeft,
-				icon: pt
+				icon: mt
 			},
 			{
 				value: "center",
 				label: o.title.alignCenter,
-				icon: dt
+				icon: pt
 			},
 			{
 				value: "right",
@@ -2526,29 +2517,29 @@ var Ca = {
 			} : r);
 			a("update", { items: r });
 		}
-		function v(e) {
+		function x(e) {
 			a("update", { items: i.block.items.filter((t) => t.id !== e) });
 		}
 		return (r, i) => (s(), m(S, null, [
-			g(X, { label: b(o).menu.items }, {
-				default: l(() => [p("div", co, [(s(!0), m(S, null, e(t.block.items, (r) => (s(), m("div", {
+			g(Z, { label: b(o).menu.items }, {
+				default: l(() => [p("div", Za, [(s(!0), m(S, null, e(t.block.items, (r) => (s(), m("div", {
 					key: r.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"
 				}, [
-					p("div", lo, [p("input", {
+					p("div", Qa, [p("input", {
 						type: "text",
 						class: n([b(G), "tpl:flex-1"]),
 						value: r.text,
 						placeholder: b(o).menu.text,
 						onInput: (e) => _(r.id, "text", e.target.value)
-					}, null, 42, uo), p("button", {
+					}, null, 42, $a), p("button", {
 						class: n(b(wt)),
 						title: b(o).menu.removeItem,
-						onClick: (e) => v(r.id)
-					}, [g(b(gt), {
+						onClick: (e) => x(r.id)
+					}, [g(b(_t), {
 						size: 14,
 						"stroke-width": 2
-					})], 10, fo)]),
+					})], 10, eo)]),
 					g($, {
 						"model-value": r.url,
 						type: "url",
@@ -2559,16 +2550,17 @@ var Ca = {
 						"placeholder",
 						"onUpdate:modelValue"
 					]),
-					p("div", po, [(s(!0), m(S, null, e(u.value, (e) => (s(), m("label", {
+					p("div", to, [(s(!0), m(S, null, e(u.value, (e) => (s(), v(X, {
 						key: e.key,
-						class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1"
-					}, [p("input", {
-						type: "checkbox",
-						checked: r[e.key],
-						class: "tpl:accent-[var(--tpl-primary)]",
-						onChange: (t) => _(r.id, e.key, t.target.checked)
-					}, null, 40, mo), y(" " + c(e.label), 1)]))), 128))]),
-					p("div", ho, [p("label", { class: n([b(K), "tpl:!mb-0"]) }, c(b(o).menu.color), 3), g(Y, {
+						"model-value": r[e.key],
+						label: e.label,
+						"onUpdate:modelValue": (t) => _(r.id, e.key, t)
+					}, null, 8, [
+						"model-value",
+						"label",
+						"onUpdate:modelValue"
+					]))), 128))]),
+					p("div", no, [p("label", { class: n([b(K), "tpl:!mb-0"]) }, c(b(o).menu.color), 3), g(Y, {
 						"swatch-only": "",
 						"model-value": r.color || t.block.linkColor || t.block.color || "",
 						"onUpdate:modelValue": (e) => _(r.id, "color", e)
@@ -2582,19 +2574,19 @@ var Ca = {
 				}), y(" " + c(b(o).menu.addItem), 1)], 2)])]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.fontFamily }, {
+			g(Z, { label: b(o).menu.fontFamily }, {
 				default: l(() => [p("select", {
 					class: n(b(G)),
 					value: t.block.fontFamily || "",
 					onChange: i[0] ||= (e) => f("fontFamily", e.target.value || void 0)
-				}, [p("option", _o, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+				}, [p("option", io, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 					key: e.value,
 					value: e.value
-				}, c(e.label), 9, vo))), 128))], 42, go)]),
+				}, c(e.label), 9, ao))), 128))], 42, ro)]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.fontSize }, {
-				default: l(() => [g(Mt, {
+			g(Z, { label: b(o).menu.fontSize }, {
+				default: l(() => [g(Nt, {
 					"model-value": t.block.fontSize,
 					min: 8,
 					max: 48,
@@ -2603,46 +2595,46 @@ var Ca = {
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.color }, {
+			g(Z, { label: b(o).menu.color }, {
 				default: l(() => [g(Y, {
 					"model-value": t.block.color ?? "",
 					"onUpdate:modelValue": i[2] ||= (e) => f("color", e || void 0)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.linkColor }, {
+			g(Z, { label: b(o).menu.linkColor }, {
 				default: l(() => [g(Y, {
 					"model-value": t.block.linkColor || t.block.color || "",
 					"onUpdate:modelValue": i[3] ||= (e) => f("linkColor", e || void 0)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.textAlign }, {
-				default: l(() => [g(Z, {
+			g(Z, { label: b(o).menu.textAlign }, {
+				default: l(() => [g(Mt, {
 					options: d.value,
 					"model-value": t.block.textAlign,
 					"onUpdate:modelValue": i[4] ||= (e) => f("textAlign", e)
 				}, null, 8, ["options", "model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.separator }, {
+			g(Z, { label: b(o).menu.separator }, {
 				default: l(() => [p("input", {
 					type: "text",
 					class: n(b(G)),
 					value: t.block.separator,
 					onInput: i[5] ||= (e) => f("separator", e.target.value)
-				}, null, 42, yo)]),
+				}, null, 42, oo)]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.separatorColor }, {
+			g(Z, { label: b(o).menu.separatorColor }, {
 				default: l(() => [g(Y, {
 					"model-value": t.block.separatorColor,
 					"onUpdate:modelValue": i[6] ||= (e) => f("separatorColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			g(X, { label: b(o).menu.spacing }, {
-				default: l(() => [g(Mt, {
+			g(Z, { label: b(o).menu.spacing }, {
+				default: l(() => [g(Nt, {
 					"model-value": t.block.spacing,
 					min: 0,
 					max: 50,
@@ -2656,11 +2648,11 @@ var Ca = {
 });
 //#endregion
 //#region src/utils/rebalanceColumnChildren.ts
-function xo(e) {
+function co(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
 }
-function So(e, t) {
-	let n = xo(t);
+function lo(e, t) {
+	let n = co(t);
 	if (e.length === n) return e;
 	if (e.length < n) {
 		let t = Array.from({ length: n - e.length }, () => []);
@@ -2671,10 +2663,13 @@ function So(e, t) {
 }
 //#endregion
 //#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
-var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class: "tpl:mb-3.5" }, Do = { class: "tpl:flex tpl:items-stretch" }, Oo = ["value"], ko = { class: "tpl:mb-3.5" }, Ao = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-xs tpl:text-[var(--tpl-text)]" }, jo = ["checked"], Mo = {
+var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
+	key: 0,
+	class: "tpl:mb-3.5"
+}, ho = { class: "tpl:mb-3.5" }, go = { class: "tpl:flex tpl:items-stretch" }, _o = ["value"], vo = { class: "tpl:mb-3.5" }, yo = {
 	key: 0,
 	class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
-}, No = { class: "tpl:flex tpl:items-stretch" }, Po = ["value"], Fo = /* @__PURE__ */ f({
+}, bo = { class: "tpl:flex tpl:items-stretch" }, xo = ["value"], So = /* @__PURE__ */ f({
 	__name: "SectionToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2702,17 +2697,20 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}
 		]);
 		function u(e) {
-			let t = e.target.value, n = So(i.block.children, t);
+			let t = e.target.value, n = lo(i.block.children, t);
 			a("update", {
 				columns: t,
 				children: n
 			});
 		}
 		function d(e) {
+			a("update", { stackOnMobile: e });
+		}
+		function f(e) {
 			let t = Number(e.target.value);
 			a("update", { borderRadius: t });
 		}
-		function f(e) {
+		function h(e) {
 			a("update", { wrapper: e ? { padding: {
 				top: 20,
 				right: 20,
@@ -2720,46 +2718,52 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 				left: 20
 			} } : void 0 });
 		}
-		function h(e) {
+		function _(e) {
 			a("update", { wrapper: {
 				...i.block.wrapper,
 				...e
 			} });
 		}
-		function _(e) {
-			h({ padding: e });
-		}
 		function v(e) {
-			h({ borderRadius: Number(e.target.value) });
+			_({ padding: e });
+		}
+		function y(e) {
+			_({ borderRadius: Number(e.target.value) });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", Co, [p("label", { class: n(b(K)) }, c(b(o).section.columns), 3), p("select", {
+			p("div", uo, [p("label", { class: n(b(K)) }, c(b(o).section.columns), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.columns,
 				onChange: u
 			}, [(s(!0), m(S, null, e(l.value, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, To))), 128))], 42, wo)]),
-			p("div", Eo, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", Do, [p("input", {
+			}, c(e.label), 9, po))), 128))], 42, fo)]),
+			t.block.columns === "1" ? w("", !0) : (s(), m("div", mo, [g(X, {
+				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
+				"model-value": t.block.stackOnMobile !== !1,
+				label: b(o).section.stackOnMobile,
+				"onUpdate:modelValue": i[0] ||= (e) => d(e)
+			}, null, 8, ["model-value", "label"])])),
+			p("div", ho, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", go, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.borderRadius ?? 0,
 				min: "0",
 				max: "50",
-				onInput: d
-			}, null, 42, Oo), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", ko, [p("label", Ao, [p("input", {
-				type: "checkbox",
-				class: "tpl:accent-[var(--tpl-primary)]",
-				checked: !!t.block.wrapper,
-				onChange: i[0] ||= (e) => f(e.target.checked)
-			}, null, 40, jo), y(" " + c(b(o).section.wrapperEnable), 1)]), t.block.wrapper ? (s(), m("div", Mo, [
+				onInput: f
+			}, null, 42, _o), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", vo, [g(X, {
+				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
+				"model-value": !!t.block.wrapper,
+				label: b(o).section.wrapperEnable,
+				"onUpdate:modelValue": i[1] ||= (e) => h(e)
+			}, null, 8, ["model-value", "label"]), t.block.wrapper ? (s(), m("div", yo, [
 				p("div", null, [p("label", { class: n(b(K)) }, c(b(o).blockSettings.color), 3), g(Y, {
 					"model-value": t.block.wrapper.backgroundColor ?? "",
-					"onUpdate:modelValue": i[1] ||= (e) => h({ backgroundColor: e })
+					"onUpdate:modelValue": i[2] ||= (e) => _({ backgroundColor: e })
 				}, null, 8, ["model-value"])]),
-				g(Ti, {
+				g(xi, {
 					label: b(o).blockSettings.padding,
 					"model-value": t.block.wrapper.padding ?? {
 						top: 0,
@@ -2767,20 +2771,20 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 						bottom: 0,
 						left: 0
 					},
-					"onUpdate:modelValue": _
+					"onUpdate:modelValue": v
 				}, null, 8, ["label", "model-value"]),
-				p("div", null, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", No, [p("input", {
+				p("div", null, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", bo, [p("input", {
 					type: "number",
 					class: n(b(J)),
 					value: t.block.wrapper.borderRadius ?? 0,
 					min: "0",
 					max: "50",
-					onInput: v
-				}, null, 42, Po), p("span", { class: n(b(q)) }, "px", 2)])])
+					onInput: y
+				}, null, 42, xo), p("span", { class: n(b(q)) }, "px", 2)])])
 			])) : w("", !0)])
 		], 64));
 	}
-}), Io = { class: "tpl:mb-3.5" }, Lo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ro = { class: "tpl:flex tpl:items-center tpl:gap-2" }, zo = ["value", "onChange"], Bo = ["value"], Vo = ["title", "onClick"], Ho = { class: "tpl:mb-3.5" }, Uo = ["value"], Wo = { value: "solid" }, Go = { value: "outlined" }, Ko = { value: "rounded" }, qo = { value: "square" }, Jo = { value: "circle" }, Yo = { class: "tpl:mb-3.5" }, Xo = { class: "tpl:mb-3.5" }, Zo = { class: "tpl:flex tpl:items-stretch" }, Qo = ["value"], $o = { class: "tpl:mb-3.5" }, es = /* @__PURE__ */ f({
+}), Co = { class: "tpl:mb-3.5" }, wo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, To = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Eo = ["value", "onChange"], Do = ["value"], Oo = ["title", "onClick"], ko = { class: "tpl:mb-3.5" }, Ao = ["value"], jo = { value: "solid" }, Mo = { value: "outlined" }, No = { value: "rounded" }, Po = { value: "square" }, Fo = { value: "circle" }, Io = { class: "tpl:mb-3.5" }, Lo = { class: "tpl:mb-3.5" }, Ro = { class: "tpl:flex tpl:items-stretch" }, zo = ["value"], Bo = { class: "tpl:mb-3.5" }, Vo = /* @__PURE__ */ f({
 	__name: "SocialToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2808,10 +2812,10 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			a("update", { icons: i.block.icons.filter((t) => t.id !== e) });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", Io, [p("label", { class: n(b(K)) }, c(b(o).social.icons), 3), p("div", Lo, [(s(!0), m(S, null, e(t.block.icons, (t) => (s(), m("div", {
+			p("div", Co, [p("label", { class: n(b(K)) }, c(b(o).social.icons), 3), p("div", wo, [(s(!0), m(S, null, e(t.block.icons, (t) => (s(), m("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"
-			}, [p("div", Ro, [p("select", {
+			}, [p("div", To, [p("select", {
 				"data-testid": "social-platform-select",
 				class: n([b(G), "tpl:flex-1"]),
 				value: t.platform,
@@ -2819,14 +2823,14 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}, [(s(!0), m(S, null, e(b(be), (e) => (s(), m("option", {
 				key: e,
 				value: e
-			}, c(b(o).social.platforms[e]), 9, Bo))), 128))], 42, zo), p("button", {
+			}, c(b(o).social.platforms[e]), 9, Do))), 128))], 42, Eo), p("button", {
 				class: n(b(wt)),
 				title: b(o).social.removeIcon,
 				onClick: (e) => f(t.id)
-			}, [g(b(gt), {
+			}, [g(b(_t), {
 				size: 14,
 				"stroke-width": 2
-			})], 10, Vo)]), g($, {
+			})], 10, Oo)]), g($, {
 				"model-value": t.url,
 				type: "url",
 				placeholder: b(o).social.urlPlaceholder,
@@ -2842,18 +2846,18 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 				size: 14,
 				"stroke-width": 2
 			}), y(" " + c(b(o).social.addIcon), 1)], 2)])]),
-			p("div", Ho, [p("label", { class: n(b(K)) }, c(b(o).social.style), 3), p("select", {
+			p("div", ko, [p("label", { class: n(b(K)) }, c(b(o).social.style), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.iconStyle,
 				onChange: i[0] ||= (e) => l("iconStyle", e.target.value)
 			}, [
-				p("option", Wo, c(b(o).social.styleSolid), 1),
-				p("option", Go, c(b(o).social.styleOutlined), 1),
-				p("option", Ko, c(b(o).social.styleRounded), 1),
-				p("option", qo, c(b(o).social.styleSquare), 1),
-				p("option", Jo, c(b(o).social.styleCircle), 1)
-			], 42, Uo)]),
-			p("div", Yo, [p("label", { class: n(b(K)) }, c(b(o).social.size), 3), g(Z, {
+				p("option", jo, c(b(o).social.styleSolid), 1),
+				p("option", Mo, c(b(o).social.styleOutlined), 1),
+				p("option", No, c(b(o).social.styleRounded), 1),
+				p("option", Po, c(b(o).social.styleSquare), 1),
+				p("option", Fo, c(b(o).social.styleCircle), 1)
+			], 42, Ao)]),
+			p("div", Io, [p("label", { class: n(b(K)) }, c(b(o).social.size), 3), g(Mt, {
 				options: [
 					{
 						value: "small",
@@ -2871,25 +2875,25 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 				"model-value": t.block.iconSize,
 				"onUpdate:modelValue": i[1] ||= (e) => l("iconSize", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", Xo, [p("label", { class: n(b(K)) }, c(b(o).social.spacing), 3), p("div", Zo, [p("input", {
+			p("div", Lo, [p("label", { class: n(b(K)) }, c(b(o).social.spacing), 3), p("div", Ro, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.spacing,
 				min: "0",
 				max: "50",
 				onInput: i[2] ||= (e) => l("spacing", Number(e.target.value))
-			}, null, 42, Qo), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", $o, [p("label", { class: n(b(K)) }, c(b(o).social.align), 3), g(Z, {
+			}, null, 42, zo), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", Bo, [p("label", { class: n(b(K)) }, c(b(o).social.align), 3), g(Mt, {
 				options: [
 					{
 						value: "left",
 						label: b(o).title.alignLeft,
-						icon: b(pt)
+						icon: b(mt)
 					},
 					{
 						value: "center",
 						label: b(o).title.alignCenter,
-						icon: b(dt)
+						icon: b(pt)
 					},
 					{
 						value: "right",
@@ -2902,22 +2906,22 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), ts = { class: "tpl:mb-3.5" }, ns = { class: "tpl:flex tpl:items-stretch" }, rs = ["value"], is = ["value"], as = /* @__PURE__ */ f({
+}), Ho = { class: "tpl:mb-3.5" }, Uo = { class: "tpl:flex tpl:items-stretch" }, Wo = ["value"], Go = ["value"], Ko = /* @__PURE__ */ f({
 	__name: "SpacerToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", ts, [
+		return (t, a) => (s(), m("div", Ho, [
 			p("label", { class: n(b(K)) }, c(b(i).spacer.height), 3),
-			p("div", ns, [p("input", {
+			p("div", Uo, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: e.block.height,
 				min: "10",
 				max: "100",
 				onInput: a[0] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 42, rs), p("span", { class: n(b(q)) }, "px", 2)]),
+			}, null, 42, Wo), p("span", { class: n(b(q)) }, "px", 2)]),
 			p("input", {
 				type: "range",
 				class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -2925,13 +2929,13 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 				min: "10",
 				max: "100",
 				onInput: a[1] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 40, is)
+			}, null, 40, Go)
 		]));
 	}
-}), os = { class: "tpl:mb-3.5" }, ss = { class: "tpl:flex tpl:items-center tpl:gap-3" }, cs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, ls = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, us = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ds = ["disabled"], fs = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, ps = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, ms = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, hs = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, gs = ["disabled"], _s = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, vs = { class: "tpl:mb-3.5" }, ys = { class: "tpl:mb-1.5 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, bs = ["checked"], xs = {
+}), qo = { class: "tpl:mb-3.5" }, Jo = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Yo = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Xo = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Zo = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Qo = ["disabled"], $o = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, es = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, ts = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, ns = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, rs = ["disabled"], is = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, as = { class: "tpl:mb-3.5" }, os = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, Ss = { class: "tpl:mb-3.5" }, Cs = { class: "tpl:mb-3.5" }, ws = { class: "tpl:flex tpl:items-stretch" }, Ts = ["value"], Es = { class: "tpl:mb-3.5" }, Ds = { class: "tpl:flex tpl:items-stretch" }, Os = ["value"], ks = { class: "tpl:mb-3.5" }, As = ["value"], js = { value: "" }, Ms = ["value"], Ns = { class: "tpl:mb-3.5" }, Ps = { class: "tpl:flex tpl:items-stretch" }, Fs = ["value"], Is = { class: "tpl:mb-3.5" }, Ls = { class: "tpl:mb-3.5" }, Rs = /* @__PURE__ */ f({
+}, ss = { class: "tpl:mb-3.5" }, cs = { class: "tpl:mb-3.5" }, ls = { class: "tpl:flex tpl:items-stretch" }, us = ["value"], ds = { class: "tpl:mb-3.5" }, fs = { class: "tpl:flex tpl:items-stretch" }, ps = ["value"], ms = { class: "tpl:mb-3.5" }, hs = ["value"], gs = { value: "" }, _s = ["value"], vs = { class: "tpl:mb-3.5" }, ys = { class: "tpl:flex tpl:items-stretch" }, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:mb-3.5" }, Cs = /* @__PURE__ */ f({
 	__name: "TableToolbar",
 	props: {
 		block: {},
@@ -2974,16 +2978,16 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			a("update", { rows: t });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", os, [p("label", { class: n(b(K)) }, c(b(o).table.dimensions), 3), p("div", ss, [p("div", cs, [p("span", ls, c(b(o).table.rows), 1), p("div", us, [
+			p("div", qo, [p("label", { class: n(b(K)) }, c(b(o).table.dimensions), 3), p("div", Jo, [p("div", Yo, [p("span", Xo, c(b(o).table.rows), 1), p("div", Zo, [
 				p("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:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: t.block.rows.length <= 1,
 					onClick: i[0] ||= (e) => f(t.block.rows[t.block.rows.length - 1].id)
-				}, [g(b(et), {
+				}, [g(b(tt), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, ds),
-				p("span", fs, c(t.block.rows.length), 1),
+				})], 8, Qo),
+				p("span", $o, c(t.block.rows.length), 1),
 				p("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:duration-150 tpl:hover:text-[var(--tpl-primary)]",
 					onClick: d
@@ -2991,16 +2995,16 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					size: 12,
 					"stroke-width": 2
 				})])
-			])]), p("div", ps, [p("span", ms, c(b(o).table.columns), 1), p("div", hs, [
+			])]), p("div", es, [p("span", ts, c(b(o).table.columns), 1), p("div", ns, [
 				p("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:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: l.value <= 1,
 					onClick: i[1] ||= (e) => _(l.value - 1)
-				}, [g(b(et), {
+				}, [g(b(tt), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, gs),
-				p("span", _s, c(l.value), 1),
+				})], 8, rs),
+				p("span", is, c(l.value), 1),
 				p("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:duration-150 tpl:hover:text-[var(--tpl-primary)]",
 					onClick: h
@@ -3009,13 +3013,13 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					"stroke-width": 2
 				})])
 			])])])]),
-			p("div", vs, [p("label", ys, [p("input", {
-				type: "checkbox",
-				checked: t.block.hasHeaderRow,
-				class: "tpl:accent-[var(--tpl-primary)]",
-				onChange: i[2] ||= (e) => u("hasHeaderRow", e.target.checked)
-			}, null, 40, bs), y(" " + c(b(o).table.hasHeaderRow), 1)])]),
-			t.block.hasHeaderRow ? (s(), m("div", xs, [p("label", { class: n(b(K)) }, c(b(o).table.headerBackgroundColor), 3), g(Y, {
+			p("div", as, [g(X, {
+				class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+				"model-value": t.block.hasHeaderRow,
+				label: b(o).table.hasHeaderRow,
+				"onUpdate:modelValue": i[2] ||= (e) => u("hasHeaderRow", e)
+			}, null, 8, ["model-value", "label"])]),
+			t.block.hasHeaderRow ? (s(), m("div", os, [p("label", { class: n(b(K)) }, c(b(o).table.headerBackgroundColor), 3), g(Y, {
 				"model-value": t.block.headerBackgroundColor ?? "",
 				"seed-color": b(Et),
 				placeholder: b(o).table.noHeaderBg,
@@ -3025,57 +3029,57 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 				"seed-color",
 				"placeholder"
 			])])) : w("", !0),
-			p("div", Ss, [p("label", { class: n(b(K)) }, c(b(o).table.borderColor), 3), g(Y, {
+			p("div", ss, [p("label", { class: n(b(K)) }, c(b(o).table.borderColor), 3), g(Y, {
 				"model-value": t.block.borderColor,
 				"onUpdate:modelValue": i[4] ||= (e) => u("borderColor", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Cs, [p("label", { class: n(b(K)) }, c(b(o).table.borderWidth), 3), p("div", ws, [p("input", {
+			p("div", cs, [p("label", { class: n(b(K)) }, c(b(o).table.borderWidth), 3), p("div", ls, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.borderWidth,
 				min: "0",
 				max: "10",
 				onInput: i[5] ||= (e) => u("borderWidth", Number(e.target.value))
-			}, null, 42, Ts), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", Es, [p("label", { class: n(b(K)) }, c(b(o).table.cellPadding), 3), p("div", Ds, [p("input", {
+			}, null, 42, us), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", ds, [p("label", { class: n(b(K)) }, c(b(o).table.cellPadding), 3), p("div", fs, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.cellPadding,
 				min: "0",
 				max: "30",
 				onInput: i[6] ||= (e) => u("cellPadding", Number(e.target.value))
-			}, null, 42, Os), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", ks, [p("label", { class: n(b(K)) }, c(b(o).table.fontFamily), 3), p("select", {
+			}, null, 42, ps), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", ms, [p("label", { class: n(b(K)) }, c(b(o).table.fontFamily), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[7] ||= (e) => u("fontFamily", e.target.value || void 0)
-			}, [p("option", js, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", gs, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, Ms))), 128))], 42, As)]),
-			p("div", Ns, [p("label", { class: n(b(K)) }, c(b(o).table.fontSize), 3), p("div", Ps, [p("input", {
+			}, c(e.label), 9, _s))), 128))], 42, hs)]),
+			p("div", vs, [p("label", { class: n(b(K)) }, c(b(o).table.fontSize), 3), p("div", ys, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.fontSize,
 				min: "10",
 				max: "32",
 				onInput: i[8] ||= (e) => u("fontSize", Number(e.target.value))
-			}, null, 42, Fs), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", Is, [p("label", { class: n(b(K)) }, c(b(o).table.color), 3), g(Y, {
+			}, null, 42, bs), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", xs, [p("label", { class: n(b(K)) }, c(b(o).table.color), 3), g(Y, {
 				"model-value": t.block.color ?? "",
 				"onUpdate:modelValue": i[9] ||= (e) => u("color", e || void 0)
 			}, null, 8, ["model-value"])]),
-			p("div", Ls, [p("label", { class: n(b(K)) }, c(b(o).table.textAlign), 3), g(Z, {
+			p("div", Ss, [p("label", { class: n(b(K)) }, c(b(o).table.textAlign), 3), g(Mt, {
 				options: [
 					{
 						value: "left",
 						label: b(o).title.alignLeft,
-						icon: b(pt)
+						icon: b(mt)
 					},
 					{
 						value: "center",
 						label: b(o).title.alignCenter,
-						icon: b(dt)
+						icon: b(pt)
 					},
 					{
 						value: "right",
@@ -3088,7 +3092,7 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), zs = { class: "tpl:mb-3.5" }, Bs = ["value"], Vs = { value: 1 }, Hs = { value: 2 }, Us = { value: 3 }, Ws = { value: 4 }, Gs = { class: "tpl:mb-3.5" }, Ks = ["value"], qs = { value: "" }, Js = ["value"], Ys = { class: "tpl:mb-3.5" }, Xs = { class: "tpl:mb-3.5" }, Zs = /* @__PURE__ */ f({
+}), ws = { class: "tpl:mb-3.5" }, Ts = ["value"], Es = { value: 1 }, Ds = { value: 2 }, Os = { value: 3 }, ks = { value: 4 }, As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = { value: "" }, Ns = ["value"], Ps = { class: "tpl:mb-3.5" }, Fs = { class: "tpl:mb-3.5" }, Is = /* @__PURE__ */ f({
 	__name: "TitleToolbar",
 	props: {
 		block: {},
@@ -3101,39 +3105,39 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			i("update", { [e]: t });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", zs, [p("label", { class: n(b(K)) }, c(b(a).title.level), 3), p("select", {
+			p("div", ws, [p("label", { class: n(b(K)) }, c(b(a).title.level), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.level,
 				onChange: i[0] ||= (e) => o("level", Number(e.target.value))
 			}, [
-				p("option", Vs, c(b(a).title.heading1), 1),
-				p("option", Hs, c(b(a).title.heading2), 1),
-				p("option", Us, c(b(a).title.heading3), 1),
-				p("option", Ws, c(b(a).title.heading4), 1)
-			], 42, Bs)]),
-			p("div", Gs, [p("label", { class: n(b(K)) }, c(b(a).title.fontFamily), 3), p("select", {
+				p("option", Es, c(b(a).title.heading1), 1),
+				p("option", Ds, c(b(a).title.heading2), 1),
+				p("option", Os, c(b(a).title.heading3), 1),
+				p("option", ks, c(b(a).title.heading4), 1)
+			], 42, Ts)]),
+			p("div", As, [p("label", { class: n(b(K)) }, c(b(a).title.fontFamily), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[1] ||= (e) => o("fontFamily", e.target.value || void 0)
-			}, [p("option", qs, c(b(a).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", Ms, c(b(a).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, Js))), 128))], 42, Ks)]),
-			p("div", Ys, [p("label", { class: n(b(K)) }, c(b(a).title.color), 3), g(Y, {
+			}, c(e.label), 9, Ns))), 128))], 42, js)]),
+			p("div", Ps, [p("label", { class: n(b(K)) }, c(b(a).title.color), 3), g(Y, {
 				"model-value": t.block.color ?? "",
 				"onUpdate:modelValue": i[2] ||= (e) => o("color", e || void 0)
 			}, null, 8, ["model-value"])]),
-			p("div", Xs, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Z, {
+			p("div", Fs, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Mt, {
 				options: [
 					{
 						value: "left",
 						label: b(a).title.alignLeft,
-						icon: b(pt)
+						icon: b(mt)
 					},
 					{
 						value: "center",
 						label: b(a).title.alignCenter,
-						icon: b(dt)
+						icon: b(pt)
 					},
 					{
 						value: "right",
@@ -3146,63 +3150,61 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Qs = { class: "tpl:mb-3.5" }, $s = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
-}, ec = ["checked"], tc = {
+}), Ls = { class: "tpl:mb-3.5" }, Rs = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, nc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, rc = [
+}, zs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Bs = [
 	"value",
 	"placeholder",
 	"title"
-], ic = { class: "tpl:mb-3.5" }, ac = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, oc = { class: "tpl:mb-3.5" }, sc = { class: "tpl:mb-3.5" }, cc = ["value"], lc = { value: "full" }, uc = { class: "tpl:mb-3.5" }, dc = /* @__PURE__ */ f({
+], Vs = { class: "tpl:mb-3.5" }, Hs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Us = { class: "tpl:mb-3.5" }, Ws = { class: "tpl:mb-3.5" }, Gs = ["value"], Ks = { value: "full" }, qs = { class: "tpl:mb-3.5" }, Js = /* @__PURE__ */ f({
 	__name: "VideoToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = E(Ae, null), l = E(Ie, B.liquid), u = bt(), f = C(() => !!o), h = C(() => z(r.block.url, l)), _ = d(!1), { start: v } = ke(() => {
+		let r = e, i = t, { t: a } = U(), o = E(je, null), l = E(Le, B.liquid), u = xt(), f = C(() => !!o), h = C(() => z(r.block.url, l)), _ = d(!1), { start: x } = ke(() => {
 			_.value = !1;
 		}, 1e3, { immediate: !1 });
-		function x(e, t) {
+		function T(e, t) {
 			i("update", { [e]: t });
 		}
-		async function T() {
+		async function D() {
 			let e = await o?.({ accept: ["images"] });
-			u.alive && e && (x("thumbnailUrl", e.url), _.value = !0, v());
+			u.alive && e && (T("thumbnailUrl", e.url), _.value = !0, x());
 		}
 		return (t, r) => (s(), m(S, null, [
-			p("div", Qs, [
+			p("div", Ls, [
 				p("label", { class: n(b(K)) }, c(b(a).video.videoUrl), 3),
 				g($, {
 					"model-value": e.block.url,
 					type: "url",
 					placeholder: b(a).video.videoUrlPlaceholder,
-					"onUpdate:modelValue": r[0] ||= (e) => x("url", e)
+					"onUpdate:modelValue": r[0] ||= (e) => T("url", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				e.block.url ? (s(), m("label", $s, [p("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: e.block.openInNewTab ?? !1,
-					onChange: r[1] ||= (e) => x("openInNewTab", e.target.checked)
-				}, null, 40, ec), y(" " + c(b(a).video.openInNewTab), 1)])) : w("", !0)
+				e.block.url ? (s(), v(X, {
+					key: 0,
+					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
+					"model-value": e.block.openInNewTab ?? !1,
+					label: b(a).video.openInNewTab,
+					"onUpdate:modelValue": r[1] ||= (e) => T("openInNewTab", e)
+				}, null, 8, ["model-value", "label"])) : w("", !0)
 			]),
-			h.value ? (s(), m("div", tc, [p("label", { class: n(b(K)) }, [y(c(b(a).video.placeholderUrl) + " ", 1), p("span", nc, c(b(a).video.optional), 1)], 2), p("input", {
+			h.value ? (s(), m("div", Rs, [p("label", { class: n(b(K)) }, [y(c(b(a).video.placeholderUrl) + " ", 1), p("span", zs, c(b(a).video.optional), 1)], 2), p("input", {
 				type: "url",
 				class: n(b(G)),
 				value: e.block.placeholderUrl || "",
 				placeholder: b(a).video.placeholderUrlPlaceholder,
 				title: b(a).video.placeholderUrlTooltip,
-				onInput: r[2] ||= (e) => x("placeholderUrl", e.target.value)
-			}, null, 42, rc)])) : w("", !0),
-			p("div", ic, [
-				p("label", { class: n(b(K)) }, [y(c(b(a).video.customThumbnail) + " ", 1), p("span", ac, c(b(a).video.optional), 1)], 2),
+				onInput: r[2] ||= (e) => T("placeholderUrl", e.target.value)
+			}, null, 42, Bs)])) : w("", !0),
+			p("div", Vs, [
+				p("label", { class: n(b(K)) }, [y(c(b(a).video.customThumbnail) + " ", 1), p("span", Hs, c(b(a).video.optional), 1)], 2),
 				g($, {
 					"model-value": e.block.thumbnailUrl,
 					type: "url",
 					placeholder: b(a).video.thumbnailPlaceholder,
 					pulse: _.value,
-					"onUpdate:modelValue": r[3] ||= (e) => x("thumbnailUrl", e)
+					"onUpdate:modelValue": r[3] ||= (e) => T("thumbnailUrl", e)
 				}, null, 8, [
 					"model-value",
 					"placeholder",
@@ -3216,29 +3218,29 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 						color: "var(--tpl-primary)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: T
+					onClick: D
 				}, [g(b(ae), {
 					size: 14,
 					"stroke-width": 1.5
 				}), y(" " + c(b(a).image.browseMedia), 1)])) : w("", !0)
 			]),
-			p("div", oc, [p("label", { class: n(b(K)) }, c(b(a).video.altText), 3), g($, {
+			p("div", Us, [p("label", { class: n(b(K)) }, c(b(a).video.altText), 3), g($, {
 				"model-value": e.block.alt,
 				type: "text",
 				placeholder: b(a).video.altTextPlaceholder,
-				"onUpdate:modelValue": r[4] ||= (e) => x("alt", e)
+				"onUpdate:modelValue": r[4] ||= (e) => T("alt", e)
 			}, null, 8, ["model-value", "placeholder"])]),
-			p("div", sc, [p("label", { class: n(b(K)) }, c(b(a).video.width), 3), p("select", {
+			p("div", Ws, [p("label", { class: n(b(K)) }, c(b(a).video.width), 3), p("select", {
 				class: n(b(G)),
 				value: e.block.width,
-				onChange: r[5] ||= (e) => x("width", e.target.value === "full" ? "full" : Number(e.target.value))
+				onChange: r[5] ||= (e) => T("width", e.target.value === "full" ? "full" : Number(e.target.value))
 			}, [
-				p("option", lc, c(b(a).video.fullWidth), 1),
+				p("option", Ks, c(b(a).video.fullWidth), 1),
 				r[7] ||= p("option", { value: "300" }, "300px", -1),
 				r[8] ||= p("option", { value: "400" }, "400px", -1),
 				r[9] ||= p("option", { value: "500" }, "500px", -1)
-			], 42, cc)]),
-			p("div", uc, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Z, {
+			], 42, Gs)]),
+			p("div", qs, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Mt, {
 				options: [
 					{
 						value: "left",
@@ -3254,11 +3256,11 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					}
 				],
 				"model-value": e.block.align,
-				"onUpdate:modelValue": r[6] ||= (e) => x("align", e)
+				"onUpdate:modelValue": r[6] ||= (e) => T("align", e)
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), fc = ["aria-label"], pc = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, mc = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, hc = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, gc = { class: "tpl:flex tpl:gap-1" }, _c = ["title"], vc = ["title"], yc = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, bc = /*#__PURE__*/ _t(/* @__PURE__ */ f({
+}), Ys = ["aria-label"], Xs = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Zs = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Qs = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, $s = { class: "tpl:flex tpl:gap-1" }, ec = ["title"], tc = ["title"], nc = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, rc = /*#__PURE__*/ vt(/* @__PURE__ */ f({
 	__name: "Toolbar",
 	props: { block: {} },
 	emits: [
@@ -3267,7 +3269,7 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let n = h(() => import("./CountdownToolbar-92w1YySJ.js")), r = e, i = t, { t: a } = U(), l = Ne(Be, "Toolbar"), u = E(Re, []), d = C(() => r.block.type), f = C(() => L(r.block)), _ = C(() => {
+		let n = h(() => import("./CountdownToolbar-D5GaA_lt.js")), r = e, i = t, { t: a } = U(), l = Pe(Ve, "Toolbar"), u = E(ze, []), d = C(() => r.block.type), f = C(() => L(r.block)), _ = C(() => {
 			if (f.value) return u.find((e) => e.type === r.block.customType);
 		}), y = C(() => f.value ? _.value?.name ?? r.block.customType : le(d.value, a)), x = l.fonts;
 		function T(e) {
@@ -3276,7 +3278,7 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 		return (t, r) => (s(), m("aside", {
 			"aria-label": b(a).landmarks.blockToolbar,
 			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [p("div", pc, [p("div", mc, [b(rt)[d.value] ? (s(), v(o(b(rt)[d.value]), {
+		}, [p("div", Xs, [p("div", Zs, [b(it)[d.value] ? (s(), v(o(b(it)[d.value]), {
 			key: 0,
 			size: 16,
 			"stroke-width": 1.5
@@ -3284,70 +3286,70 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			key: 1,
 			size: 16,
 			"stroke-width": 1.5
-		})) : w("", !0), p("h3", hc, c(y.value), 1)]), p("div", gc, [p("button", {
+		})) : w("", !0), p("h3", Qs, c(y.value), 1)]), p("div", $s, [p("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:duration-150 tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
 			title: b(a).toolbar.duplicate,
 			onClick: r[0] ||= (e) => i("duplicate")
 		}, [g(b(ce), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, _c), p("button", {
+		})], 8, ec), p("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:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
 			title: b(a).toolbar.delete,
 			onClick: r[1] ||= (e) => i("delete")
-		}, [g(b(mt), {
+		}, [g(b(ht), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, vc)])]), p("div", yc, [f.value ? (s(), v(ja, {
+		})], 8, tc)])]), p("div", nc, [f.value ? (s(), v(wa, {
 			key: 0,
 			block: e.block,
 			onUpdateFieldValues: r[2] ||= (e) => i("update", { fieldValues: e }),
 			onUpdateDataSourceFetched: r[3] ||= (e) => i("update", { dataSourceFetched: e })
-		}, null, 8, ["block"])) : d.value === "section" ? (s(), v(Fo, {
+		}, null, 8, ["block"])) : d.value === "section" ? (s(), v(So, {
 			key: 1,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "title" ? (s(), v(Zs, {
+		}, null, 8, ["block"])) : d.value === "title" ? (s(), v(Is, {
 			key: 2,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), m(S, { key: 3 }, [], 64)) : d.value === "image" ? (s(), v(so, {
+		}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), m(S, { key: 3 }, [], 64)) : d.value === "image" ? (s(), v(Xa, {
 			key: 4,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "video" ? (s(), v(dc, {
+		}, null, 8, ["block"])) : d.value === "video" ? (s(), v(Js, {
 			key: 5,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "button" ? (s(), v(ti, {
+		}, null, 8, ["block"])) : d.value === "button" ? (s(), v(Zr, {
 			key: 6,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), v(La, {
+		}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), v(Aa, {
 			key: 7,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "social" ? (s(), v(es, {
+		}, null, 8, ["block"])) : d.value === "social" ? (s(), v(Vo, {
 			key: 8,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "menu" ? (s(), v(bo, {
+		}, null, 8, ["block"])) : d.value === "menu" ? (s(), v(so, {
 			key: 9,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), v(Rs, {
+		}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), v(Cs, {
 			key: 10,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), v(as, {
+		}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), v(Ko, {
 			key: 11,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "html" ? (s(), v(Va, {
+		}, null, 8, ["block"])) : d.value === "html" ? (s(), v(Pa, {
 			key: 12,
 			block: e.block,
 			onUpdate: T
@@ -3356,52 +3358,52 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : w("", !0), g(Ki, {
+		}, null, 8, ["block", "font-families"])) : w("", !0), g(Hi, {
 			block: e.block,
 			"is-first-section": d.value === "paragraph",
 			onUpdate: T
-		}, null, 8, ["block", "is-first-section"])])], 8, fc));
+		}, null, 8, ["block", "is-first-section"])])], 8, Ys));
 	}
-}), [["__scopeId", "data-v-2ac88283"]]), xc = ["aria-label"], Sc = {
+}), [["__scopeId", "data-v-2ac88283"]]), ic = ["aria-label"], ac = {
 	role: "tablist",
 	class: "tpl:relative tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-active)] tpl:p-1.5"
-}, Cc = [
+}, oc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], wc = { key: 0 }, Tc = [
+], sc = { key: 0 }, cc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], Ec = { key: 0 }, Dc = [
+], lc = { key: 0 }, uc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], Oc = { key: 0 }, kc = {
+], dc = { key: 0 }, fc = {
 	key: 1,
 	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, Ac = {
+}, pc = {
 	key: 0,
 	id: "tpl-tabpanel-content",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-content",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, jc = {
+}, mc = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:px-6 tpl:py-10 tpl:text-center tpl:text-[var(--tpl-text-muted)]"
-}, Mc = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Nc = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Pc = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Fc = {
+}, hc = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, gc = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _c = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, vc = {
 	key: 1,
 	id: "tpl-tabpanel-settings",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-settings",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, Ic = {
+}, yc = {
 	key: 2,
 	id: "tpl-tabpanel-issues",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-issues",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, Lc = /* @__PURE__ */ f({
+}, bc = /* @__PURE__ */ f({
 	__name: "RightSidebar",
 	props: {
 		selectedBlock: {},
@@ -3415,7 +3417,7 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 		"update-settings"
 	],
 	setup(e, { emit: r }) {
-		let a = h(() => import("./IssuesPanel-CQQipLQP.js")), o = e, l = r, { t: u } = U(), f = d("content"), _ = E(Pe, null), y = C(() => _ !== null), x = C(() => _?.issues.value.length ?? 0);
+		let a = h(() => import("./IssuesPanel-DltSuU6H.js")), o = e, l = r, { t: u } = U(), f = d("content"), _ = E(Fe, null), y = C(() => _ !== null), x = C(() => _?.issues.value.length ?? 0);
 		function S(e) {
 			return f.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] hover:tpl:text-[var(--tpl-text)]";
 		}
@@ -3431,7 +3433,7 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			"aria-label": b(u).landmarks.rightSidebar,
 			class: n(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", e.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
 		}, [
-			p("div", Sc, [
+			p("div", ac, [
 				p("button", {
 					id: "tpl-tab-content",
 					role: "tab",
@@ -3442,10 +3444,10 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					class: n(["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)]", S("content")]),
 					style: t(T("content")),
 					onClick: i[0] ||= (e) => f.value = "content"
-				}, [g(b(Vt), {
+				}, [g(b(Ht), {
 					size: 14,
 					"stroke-width": 2
-				}), f.value === "content" ? (s(), m("span", wc, c(b(u).sidebar.content), 1)) : w("", !0)], 14, Cc),
+				}), f.value === "content" ? (s(), m("span", sc, c(b(u).sidebar.content), 1)) : w("", !0)], 14, oc),
 				p("button", {
 					id: "tpl-tab-settings",
 					role: "tab",
@@ -3456,10 +3458,10 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					class: n(["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)]", S("settings")]),
 					style: t(T("settings")),
 					onClick: i[1] ||= (e) => f.value = "settings"
-				}, [g(b(Ut), {
+				}, [g(b(Wt), {
 					size: 14,
 					"stroke-width": 1.5
-				}), f.value === "settings" ? (s(), m("span", Ec, c(b(u).sidebar.settings), 1)) : w("", !0)], 14, Tc),
+				}), f.value === "settings" ? (s(), m("span", lc, c(b(u).sidebar.settings), 1)) : w("", !0)], 14, cc),
 				y.value ? (s(), m("button", {
 					key: 0,
 					id: "tpl-tab-issues",
@@ -3472,59 +3474,59 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					style: t(T("issues")),
 					onClick: i[2] ||= (e) => f.value = "issues"
 				}, [
-					g(b(ct), {
+					g(b(lt), {
 						size: 14,
 						"stroke-width": 1.5
 					}),
-					f.value === "issues" ? (s(), m("span", Oc, c(b(u).issues.panelTabLabel), 1)) : w("", !0),
-					x.value > 0 ? (s(), m("span", kc, c(x.value), 1)) : w("", !0)
-				], 14, Dc)) : w("", !0)
+					f.value === "issues" ? (s(), m("span", dc, c(b(u).issues.panelTabLabel), 1)) : w("", !0),
+					x.value > 0 ? (s(), m("span", fc, c(x.value), 1)) : w("", !0)
+				], 14, uc)) : w("", !0)
 			]),
-			f.value === "content" ? (s(), m("div", Ac, [e.selectedBlock ? (s(), v(bc, {
+			f.value === "content" ? (s(), m("div", pc, [e.selectedBlock ? (s(), v(rc, {
 				key: 0,
 				block: e.selectedBlock,
 				onUpdate: i[3] ||= (e) => l("update-block", e),
 				onDelete: i[4] ||= (e) => l("delete-block"),
 				onDuplicate: i[5] ||= (e) => l("duplicate-block")
-			}, null, 8, ["block"])) : (s(), m("div", jc, [
-				p("div", Mc, [g(b(It), {
+			}, null, 8, ["block"])) : (s(), m("div", mc, [
+				p("div", hc, [g(b(Lt), {
 					size: 40,
 					"stroke-width": 1.5
 				})]),
-				p("h3", Nc, c(b(u).sidebar.noSelection), 1),
-				p("p", Pc, c(b(u).sidebar.noSelectionHint), 1)
+				p("h3", gc, c(b(u).sidebar.noSelection), 1),
+				p("p", _c, c(b(u).sidebar.noSelectionHint), 1)
 			]))])) : w("", !0),
-			f.value === "settings" ? (s(), m("div", Fc, [g(Cr, {
+			f.value === "settings" ? (s(), m("div", vc, [g(xr, {
 				settings: e.settings,
 				onUpdate: i[6] ||= (e) => l("update-settings", e)
 			}, null, 8, ["settings"])])) : w("", !0),
-			f.value === "issues" && y.value ? (s(), m("div", Ic, [g(b(a))])) : w("", !0)
-		], 10, xc));
+			f.value === "issues" && y.value ? (s(), m("div", yc, [g(b(a))])) : w("", !0)
+		], 10, ic));
 	}
-}), Rc = {
+}), xc = {
 	class: "tpl-small-screen-notice tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-6 tpl:py-10 tpl:text-center tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)]",
 	style: { "z-index": "10001" },
 	role: "status",
 	"data-testid": "small-screen-notice"
-}, zc = { class: "tpl:text-[var(--tpl-text-dim)]" }, Bc = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Vc = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Hc = /* @__PURE__ */ f({
+}, Sc = { class: "tpl:text-[var(--tpl-text-dim)]" }, Cc = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, wc = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Tc = /* @__PURE__ */ f({
 	__name: "SmallScreenNotice",
 	setup(e) {
 		let { t } = U();
-		return (e, n) => (s(), m("div", Rc, [
-			p("div", zc, [g(b(zt), {
+		return (e, n) => (s(), m("div", xc, [
+			p("div", Sc, [g(b(Bt), {
 				size: 48,
 				"stroke-width": 1.5
 			})]),
-			p("h2", Bc, c(b(t).smallScreen.title), 1),
-			p("p", Vc, c(b(t).smallScreen.message), 1)
+			p("h2", Cc, c(b(t).smallScreen.title), 1),
+			p("p", wc, c(b(t).smallScreen.message), 1)
 		]));
 	}
-}), Uc = ["aria-label"], Wc = [
+}), Ec = ["aria-label"], Dc = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], Gc = /* @__PURE__ */ f({
+], Oc = /* @__PURE__ */ f({
 	__name: "ViewportToggle",
 	props: { viewport: {} },
 	emits: ["change"],
@@ -3566,21 +3568,21 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}),
 			title: e.label,
 			onClick: (t) => a("change", e.value)
-		}, [e.value === "desktop" ? (s(), v(b(zt), {
+		}, [e.value === "desktop" ? (s(), v(b(Bt), {
 			key: 0,
 			size: 18,
 			"stroke-width": 1.5
-		})) : (s(), v(b(Wt), {
+		})) : (s(), v(b(Gt), {
 			key: 1,
 			size: 18,
 			"stroke-width": 1.5
-		})), p("span", null, c(e.label), 1)], 12, Wc))), 128))], 12, Uc));
+		})), p("span", null, c(e.label), 1)], 12, Dc))), 128))], 12, Ec));
 	}
-}), Kc = [
+}), kc = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], qc = /*#__PURE__*/ _t(/* @__PURE__ */ f({
+], Ac = /*#__PURE__*/ vt(/* @__PURE__ */ f({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
@@ -3603,7 +3605,7 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: l(() => [e.previewMode ? (s(), v(b(it), {
+			default: l(() => [e.previewMode ? (s(), v(b(at), {
 				key: "eye",
 				size: 18,
 				"stroke-width": 1.5
@@ -3613,13 +3615,13 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, Kc));
+		})], 12, kc));
 	}
-}), [["__scopeId", "data-v-af87d02a"]]), Jc = [
+}), [["__scopeId", "data-v-af87d02a"]]), jc = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Yc = /*#__PURE__*/ _t(/* @__PURE__ */ f({
+], Mc = /*#__PURE__*/ vt(/* @__PURE__ */ f({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
@@ -3642,37 +3644,37 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: l(() => [e.darkMode ? (s(), v(b(Bt), {
+			default: l(() => [e.darkMode ? (s(), v(b(Vt), {
 				key: "moon",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (s(), v(b(qt), {
+			})) : (s(), v(b(Jt), {
 				key: "sun",
 				size: 18,
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, Jc));
+		})], 12, jc));
 	}
-}), [["__scopeId", "data-v-f8694f76"]]), Xc = {
+}), [["__scopeId", "data-v-f8694f76"]]), Nc = {
 	class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
 	style: {
 		"background-color": "color-mix(\n          in srgb,\n          var(--tpl-canvas-bg) 85%,\n          transparent\n        )",
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, Zc = {
+}, Pc = {
 	href: "https://github.com/templatical/sdk",
 	target: "_blank",
 	rel: "noopener noreferrer",
 	class: "tpl:transition-colors tpl:duration-150 hover:tpl:opacity-80 tpl:text-[var(--tpl-text-dim)]",
 	style: { "text-decoration": "none" }
-}, Qc = /* @__PURE__ */ f({
+}, Fc = /* @__PURE__ */ f({
 	__name: "EditorFooter",
 	props: { positionClass: {} },
 	setup(e) {
 		let { t } = U();
-		return (r, i) => (s(), m("footer", { class: n(["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]) }, [p("div", Xc, [
+		return (r, i) => (s(), m("footer", { class: n(["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]) }, [p("div", Nc, [
 			p("span", null, c(b(t).footer.poweredBy), 1),
 			i[0] ||= p("a", {
 				href: "https://templatical.com",
@@ -3687,32 +3689,32 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 				alt: ""
 			}), y(" Templatical ")], -1),
 			i[1] ||= p("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			p("a", Zc, c(b(t).footer.openSource), 1)
+			p("a", Pc, c(b(t).footer.openSource), 1)
 		])], 2));
 	}
-}), $c = ["aria-labelledby", "data-tpl-theme"], el = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, tl = ["id"], nl = ["aria-label"], rl = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, il = [
+}), Ic = ["aria-labelledby", "data-tpl-theme"], Lc = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Rc = ["id"], zc = ["aria-label"], Bc = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Vc = [
 	"id",
 	"placeholder",
 	"aria-label",
 	"aria-activedescendant"
-], al = {
+], Hc = {
 	key: 0,
 	class: "tpl:flex tpl:gap-1.5 tpl:overflow-x-auto tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2",
 	"data-testid": "merge-tag-picker-group-pills"
-}, ol = ["data-group-name", "onClick"], sl = ["aria-label"], cl = {
+}, Uc = ["data-group-name", "onClick"], Wc = ["aria-label"], Gc = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "merge-tag-picker-empty"
-}, ll = {
+}, Kc = {
 	key: 1,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "merge-tag-picker-empty"
-}, ul = [
+}, qc = [
 	"aria-expanded",
 	"data-group-name",
 	"data-group-collapsed",
 	"onClick"
-], dl = { class: "tpl:ml-1 tpl:font-normal" }, fl = [
+], Jc = { class: "tpl:ml-1 tpl:font-normal" }, Yc = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -3721,13 +3723,13 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 	"title",
 	"onMousemove",
 	"onClick"
-], pl = { class: "tpl:text-sm tpl:font-medium" }, ml = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, hl = {
+], Xc = { class: "tpl:text-sm tpl:font-medium" }, Zc = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Qc = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, gl = "tpl-merge-tag-picker-list", _l = /* @__PURE__ */ f({
+}, $c = "tpl-merge-tag-picker-list", el = /* @__PURE__ */ f({
 	__name: "MergeTagPickerModal",
 	setup(r) {
-		let a = Ne(Je, "MergeTagPickerModal"), { t: o, format: u } = U(), f = E(Fe, null), h = E(Me, null), _ = d(""), y = Oe(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0), N = C(() => a.tags.value.some((e) => !!e.group)), P = d(/* @__PURE__ */ new Set());
+		let a = Pe(Ye, "MergeTagPickerModal"), { t: o, format: u } = U(), f = E(Ie, null), h = E(Ne, null), _ = d(""), y = Oe(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0), N = C(() => a.tags.value.some((e) => !!e.group)), P = d(/* @__PURE__ */ new Set());
 		function F(e) {
 			return P.value.has(e);
 		}
@@ -3837,13 +3839,13 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}
 		}
 		function se() {
-			if (B.value.length !== 0) return `${gl}-opt-${j.value}`;
+			if (B.value.length !== 0) return `${$c}-opt-${j.value}`;
 		}
 		function ce(e) {
-			return `${gl}-opt-${e}`;
+			return `${$c}-opt-${e}`;
 		}
 		let le = C(() => a.tags.value.length === 0), ue = C(() => !le.value && L.value.length === 0), de = C(() => N.value && R.value.length > 1 && !D.value);
-		return (r, i) => (s(), v(Nt, {
+		return (r, i) => (s(), v(Pt, {
 			visible: b(a).isOpen.value,
 			onClose: ee,
 			onKeydown: oe
@@ -3851,31 +3853,31 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			default: l(() => [p("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${gl}-title`,
+				"aria-labelledby": `${$c}-title`,
 				"data-tpl-theme": b(h),
 				"data-testid": "merge-tag-picker-modal",
 				class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-lg)]",
 				style: t(b(f))
 			}, [
-				p("header", el, [p("h2", {
-					id: `${gl}-title`,
+				p("header", Lc, [p("h2", {
+					id: `${$c}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(b(o).mergeTag.picker.title), 9, tl), p("button", {
+				}, c(b(o).mergeTag.picker.title), 9, Rc), p("button", {
 					type: "button",
 					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": b(o).mergeTag.picker.close,
 					"data-testid": "merge-tag-picker-close",
 					onClick: ee
-				}, [g(b(gt), {
+				}, [g(b(_t), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, nl)]),
-				p("div", rl, [g(b(tt), {
+				})], 8, zc)]),
+				p("div", Bc, [g(b(nt), {
 					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
 				}), O(p("input", {
-					id: `${gl}-search`,
+					id: `${$c}-search`,
 					ref_key: "searchInputRef",
 					ref: x,
 					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
@@ -3883,48 +3885,48 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
 					placeholder: b(o).mergeTag.picker.searchPlaceholder,
 					"aria-label": b(o).mergeTag.picker.searchAriaLabel,
-					"aria-controls": gl,
+					"aria-controls": $c,
 					"aria-activedescendant": se(),
 					"data-testid": "merge-tag-picker-search",
 					onKeydown: i[1] ||= M(A(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, il), [[k, _.value]])]),
-				de.value ? (s(), m("div", al, [(s(!0), m(S, null, e(R.value, (e) => (s(), m("button", {
+				}, null, 40, Vc), [[k, _.value]])]),
+				de.value ? (s(), m("div", Hc, [(s(!0), m(S, null, e(R.value, (e) => (s(), m("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) => ae(e)
-				}, c(e), 9, ol))), 128))])) : w("", !0),
+				}, c(e), 9, Uc))), 128))])) : w("", !0),
 				p("div", {
-					id: gl,
+					id: $c,
 					ref_key: "listRef",
 					ref: ne,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": b(o).mergeTag.picker.title,
 					"data-testid": "merge-tag-picker-list"
-				}, [le.value ? (s(), m("div", cl, c(b(o).mergeTag.picker.empty), 1)) : ue.value ? (s(), m("div", ll, c(b(o).mergeTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(z.value, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("button", {
+				}, [le.value ? (s(), m("div", Gc, c(b(o).mergeTag.picker.empty), 1)) : ue.value ? (s(), m("div", Kc, c(b(o).mergeTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(z.value, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("button", {
 					key: 0,
 					ref_for: !0,
 					ref: (t) => re(e.group, t),
 					type: "button",
 					"aria-expanded": !F(e.group),
-					"aria-controls": gl,
+					"aria-controls": $c,
 					class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
 					"data-testid": "merge-tag-picker-group-header",
 					"data-group-name": e.group,
 					"data-group-collapsed": F(e.group) ? "true" : "false",
 					onClick: (t) => I(e.group)
 				}, [
-					g(b(Qe), {
+					g(b($e), {
 						size: 12,
 						"stroke-width": 2,
 						class: n(["tpl:transition-transform", F(e.group) ? "tpl:-rotate-90" : ""])
 					}, null, 8, ["class"]),
 					p("span", null, c(e.group), 1),
-					p("span", dl, " (" + c(b(u)(b(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
-				], 8, ul)) : (s(), m("button", {
+					p("span", Jc, " (" + c(b(u)(b(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
+				], 8, qc)) : (s(), m("button", {
 					key: 1,
 					id: ce(e.index),
 					type: "button",
@@ -3939,15 +3941,15 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					onMousemove: (t) => j.value = e.index,
 					onClick: (t) => V(e.tag)
 				}, [
-					p("span", pl, c(e.tag.label), 1),
-					p("span", ml, c(e.tag.value), 1),
-					e.tag.description ? (s(), m("span", hl, c(e.tag.description), 1)) : w("", !0)
-				], 42, fl))], 64))), 128))], 8, sl)
-			], 12, $c)]),
+					p("span", Xc, c(e.tag.label), 1),
+					p("span", Zc, c(e.tag.value), 1),
+					e.tag.description ? (s(), m("span", Qc, c(e.tag.description), 1)) : w("", !0)
+				], 42, Yc))], 64))), 128))], 8, Wc)
+			], 12, Ic)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
-}), vl = ["data-logic-keyword"], yl = /* @__PURE__ */ f({
+}), tl = ["data-logic-keyword"], nl = /* @__PURE__ */ f({
 	__name: "LogicTagBadge",
 	props: {
 		value: {},
@@ -3964,22 +3966,22 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			},
 			"data-testid": "merge-tag-logic-badge",
 			"data-logic-keyword": r.value
-		}, c(r.value), 9, vl)) : w("", !0);
+		}, c(r.value), 9, tl)) : w("", !0);
 	}
-}), bl = ["aria-labelledby", "data-tpl-theme"], xl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Sl = ["id"], Cl = ["aria-label"], wl = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Tl = [
+}), rl = ["aria-labelledby", "data-tpl-theme"], il = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, al = ["id"], ol = ["aria-label"], sl = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, cl = [
 	"id",
 	"placeholder",
 	"aria-label",
 	"aria-activedescendant"
-], El = ["aria-label"], Dl = {
+], ll = ["aria-label"], ul = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "logic-picker-empty"
-}, Ol = {
+}, dl = {
 	key: 1,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "logic-picker-empty"
-}, kl = ["data-group-name"], Al = [
+}, fl = ["data-group-name"], pl = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -3987,19 +3989,19 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 	"data-logic-kind",
 	"onMousemove",
 	"onClick"
-], jl = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Ml = { class: "tpl:text-sm tpl:font-medium" }, Nl = {
+], ml = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, hl = { class: "tpl:text-sm tpl:font-medium" }, gl = {
 	key: 0,
 	class: "tpl:flex tpl:items-center"
-}, Pl = {
+}, _l = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-1"
-}, Fl = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Il = {
+}, vl = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, yl = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, Ll = "tpl-logic-picker-list", Rl = /* @__PURE__ */ f({
+}, bl = "tpl-logic-picker-list", xl = /* @__PURE__ */ f({
 	__name: "LogicTagPickerModal",
 	setup(r) {
-		let a = Ne(Ye, "LogicTagPickerModal"), { t: o } = U(), u = E(Ie, B.liquid), f = E(Fe, null), h = E(Me, null), _ = d(""), y = Oe(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0);
+		let a = Pe(Xe, "LogicTagPickerModal"), { t: o } = U(), u = E(Le, B.liquid), f = E(Ie, null), h = E(Ne, null), _ = d(""), y = Oe(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0);
 		function N(e) {
 			let t = y.value.trim().toLowerCase();
 			return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
@@ -4082,12 +4084,12 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			}
 		}
 		function oe(e) {
-			return `${Ll}-opt-${e}`;
+			return `${bl}-opt-${e}`;
 		}
 		function se() {
-			return V.value.length === 0 ? void 0 : `${Ll}-opt-${j.value}`;
+			return V.value.length === 0 ? void 0 : `${bl}-opt-${j.value}`;
 		}
-		return (r, i) => (s(), v(Nt, {
+		return (r, i) => (s(), v(Pt, {
 			visible: b(a).isOpen.value,
 			onClose: re,
 			onKeydown: ae
@@ -4095,31 +4097,31 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 			default: l(() => [p("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${Ll}-title`,
+				"aria-labelledby": `${bl}-title`,
 				"data-tpl-theme": b(h),
 				"data-testid": "logic-picker-modal",
 				class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-lg)]",
 				style: t(b(f))
 			}, [
-				p("header", xl, [p("h2", {
-					id: `${Ll}-title`,
+				p("header", il, [p("h2", {
+					id: `${bl}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(b(o).logicTag.picker.title), 9, Sl), p("button", {
+				}, c(b(o).logicTag.picker.title), 9, al), p("button", {
 					type: "button",
 					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": b(o).logicTag.picker.close,
 					"data-testid": "logic-picker-close",
 					onClick: re
-				}, [g(b(gt), {
+				}, [g(b(_t), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, Cl)]),
-				p("div", wl, [g(b(tt), {
+				})], 8, ol)]),
+				p("div", sl, [g(b(nt), {
 					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
 				}), O(p("input", {
-					id: `${Ll}-search`,
+					id: `${bl}-search`,
 					ref_key: "searchInputRef",
 					ref: x,
 					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
@@ -4127,25 +4129,25 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
 					placeholder: b(o).logicTag.picker.searchPlaceholder,
 					"aria-label": b(o).logicTag.picker.searchAriaLabel,
-					"aria-controls": Ll,
+					"aria-controls": bl,
 					"aria-activedescendant": se(),
 					"data-testid": "logic-picker-search",
 					onKeydown: i[1] ||= M(A(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, Tl), [[k, _.value]])]),
+				}, null, 40, cl), [[k, _.value]])]),
 				p("div", {
-					id: Ll,
+					id: bl,
 					ref_key: "listRef",
 					ref: ne,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": b(o).logicTag.picker.title,
 					"data-testid": "logic-picker-list"
-				}, [ee.value ? (s(), m("div", Dl, c(b(o).logicTag.picker.empty), 1)) : te.value ? (s(), m("div", Ol, c(b(o).logicTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(z.value.rows, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("div", {
+				}, [ee.value ? (s(), m("div", ul, c(b(o).logicTag.picker.empty), 1)) : te.value ? (s(), m("div", dl, c(b(o).logicTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(z.value.rows, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("div", {
 					key: 0,
 					class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
 					"data-testid": "logic-picker-header",
 					"data-group-name": e.label
-				}, c(e.label), 9, kl)) : (s(), m("button", {
+				}, c(e.label), 9, fl)) : (s(), m("button", {
 					key: 1,
 					id: oe(e.index),
 					type: "button",
@@ -4159,27 +4161,27 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 					onMousemove: (t) => j.value = e.index,
 					onClick: (t) => H(e.kind === "tag" ? e.tag : e.pair)
 				}, [
-					p("span", jl, [p("span", Ml, c(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), m("span", Nl, [g(yl, {
+					p("span", ml, [p("span", hl, c(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), m("span", gl, [g(nl, {
 						value: e.tag.value,
 						syntax: b(u)
-					}, null, 8, ["value", "syntax"])])) : (s(), m("span", Pl, [
-						g(yl, {
+					}, null, 8, ["value", "syntax"])])) : (s(), m("span", _l, [
+						g(nl, {
 							value: e.pair.before,
 							syntax: b(u)
 						}, null, 8, ["value", "syntax"]),
 						i[2] ||= p("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
-						g(yl, {
+						g(nl, {
 							value: e.pair.after,
 							syntax: b(u)
 						}, null, 8, ["value", "syntax"])
 					]))]),
-					p("span", Fl, c(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
-					(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), m("span", Il, c(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : w("", !0)
-				], 42, Al))], 64))), 128))], 8, El)
-			], 12, bl)]),
+					p("span", vl, c(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
+					(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), m("span", yl, c(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : w("", !0)
+				], 42, pl))], 64))), 128))], 8, ll)
+			], 12, rl)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
 });
 //#endregion
-export { qc as a, Lc as c, on as d, Jt as f, Yc as i, _n as l, _l as n, Gc as o, Ht as p, Qc as r, Hc as s, Rl as t, sn as u };
+export { Ac as a, bc as c, sn as d, Yt as f, Mc as i, vn as l, el as n, Oc as o, Ut as p, Fc as r, Tc as s, xl as t, cn as u };