@templatical/editor 0.25.2 → 0.26.1

package/dist/{styles-BzwheHH_.js → styles-DbP2S8Z1.js}

@@ -1,43 +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 _, k as v, l as y, m as b, nt as x, q as S, r as C, s as w, u as T, w as E, x as D, y as O, z as k } from "./vue.runtime.esm-bundler-D1diBMsm.js";
 import { a as A, c as j, o as M, s as N, t as P } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { t as F } from "./upload-oAgigC31.js";
-import { A as ee, E as I, M as L, N as R, T as z, a as B, c as V, f as te, k as ne, l as re, s as ie } from "./dist-CQ0fVBQ3.js";
-import { B as ae, F as oe, I as H, J as se, K as ce, L as le, N as ue, U as de, V as fe, _ as pe, a as me, b as he, c as ge, f as _e, g as ve, h as ye, i as be, k as xe, l as Se, m as Ce, n as we, o as Te, p as Ee, r as De, s as Oe, u as ke, v as Ae, w as je, y as Me, z as Ne } from "./useEditorCore-BhjEMSeE.js";
+import { t as F } from "./upload-sVqqppuv.js";
+import { A as ee, E as I, M as L, N as R, T as z, a as B, c as V, f as te, k as ne, l as re, s as ie } from "./dist-BvYvG5SQ.js";
+import { B as ae, F as oe, I as H, J as se, K as ce, L as le, N as ue, U as de, V as fe, _ as pe, a as me, b as he, c as ge, f as _e, g as ve, h as ye, i as be, k as xe, l as Se, m as Ce, n as we, o as Te, p as Ee, r as De, s as Oe, u as ke, v as Ae, w as je, y as Me, z as Ne } from "./useEditorCore-CbcmGpwp.js";
 import { c as Pe, m as Fe } from "./dist-BpKxrUi2.js";
 import { a as Ie, n as Le } from "./usePopoverPosition-C0dPEF4X.js";
 import { A as Re, B as ze, G as Be, H as Ve, I as He, M as Ue, O as We, P as Ge, R as Ke, T as qe, U as Je, V as Ye, W as Xe, c as Ze, f as Qe, g as $e, h as et, k as tt, m as nt, n as rt, o as it, p as at, r as ot, s as st, u as ct, v as lt } from "./keys-fwF3qZax.js";
 import { t as U } from "./useI18n-DoVKdCTH.js";
-import { t as W } from "./createLucideIcon-D6cqT5Pm.js";
-import { n as ut, t as dt } from "./scan-line-Byi3fJcr.js";
-import { t as ft } from "./chevron-down-vsU88vcr.js";
-import { t as pt } from "./circle-alert-B6GlHmmi.js";
-import { i as mt, n as ht, r as gt, t as _t } from "./blockTypeIcons-DKlza6aR.js";
-import { n as vt, t as yt } from "./refresh-cw-D0PYatER.js";
-import { t as bt } from "./image-up-CycES-MQ.js";
-import { t as xt } from "./info-BUdvm046.js";
-import { t as St } from "./list-checks-BAeuuATD.js";
-import { t as Ct } from "./loader-circle-L5yuAx_j.js";
-import { i as wt, r as Tt } from "./MergeTagModeToggle-C6nS3qri.js";
-import { t as Et } from "./sparkles-DAw2sBXk.js";
-import { n as Dt, r as Ot, t as kt } from "./text-align-start-Ba3xJKn6.js";
-import { t as At } from "./trash-2-CapEBXBI.js";
-import { t as jt } from "./x-DvBgbDuf.js";
+import { t as W } from "./createLucideIcon-C8WzBYCv.js";
+import { n as ut, t as dt } from "./scan-line-DwSVj25O.js";
+import { t as ft } from "./chevron-down-69EiBGoB.js";
+import { t as pt } from "./circle-alert-cilwzafX.js";
+import { i as mt, n as ht, r as gt, t as _t } from "./blockTypeIcons-BnCXsB2I.js";
+import { n as vt, t as yt } from "./refresh-cw-CkOYVzK5.js";
+import { t as bt } from "./image-up-Ceggh_R3.js";
+import { t as xt } from "./info-DO5odBcZ.js";
+import { t as St } from "./list-checks-BSkPKbuI.js";
+import { t as Ct } from "./loader-circle-bO7o7_HD.js";
+import { i as wt, r as Tt } from "./MergeTagModeToggle-D0t5NHBZ.js";
+import { t as Et } from "./sparkles-DumaWRW-.js";
+import { n as Dt, r as Ot, t as kt } from "./text-align-start-Ir8Ah4mT.js";
+import { t as At } from "./trash-2-CklAFCmO.js";
+import { t as jt } from "./x-Mby7KlhS.js";
 import { t as Mt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Nt } from "./useCloudI18n-DKVm6PCa.js";
-import { t as Pt } from "./useMergeTag-DTSOQnyr.js";
+import { t as Pt } from "./useMergeTag-B9xG9EJ7.js";
 import { t as Ft } from "./useAliveFlag-cvyBxHp7.js";
 import { n as It, t as Lt } from "./emailFrameWidth-BmFCN2dp.js";
 import { t as Rt } from "./readableTextColor-f8Kykfnh.js";
-import { _ as zt, f as G, g as Bt, h as K, i as Vt, l as Ht, m as q, n as Ut, p as J, t as Y, u as Wt } from "./ColorPicker-B5xXWWX5.js";
-import { n as Gt, r as Kt } from "./MergeTagSuggestion-98fAcuM-.js";
-import { i as X, n as Z, r as qt, t as Jt } from "./NumberWithSuffix-DB-1GNvx.js";
-import { t as Yt } from "./TplModal-DKn0h2qe.js";
-var Xt = W("circle", [["circle", {
+import { _ as zt, f as G, g as Bt, h as K, i as Vt, l as Ht, m as q, n as Ut, p as J, t as Y, u as Wt } from "./ColorPicker-ClETsjA3.js";
+import { n as Gt, r as Kt } from "./MergeTagSuggestion-BJ43ihWR.js";
+import { i as X, n as Z, r as Q, t as qt } from "./NumberWithSuffix-D37ZWiZh.js";
+import { t as Jt } from "./TplModal-Bym-Kf_i.js";
+var Yt = W("circle", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
 	key: "1mglay"
-}]]), Zt = W("globe", [
+}]]), Xt = W("globe", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -52,7 +52,7 @@ var Xt = W("circle", [["circle", {
 		d: "M2 12h20",
 		key: "9i4pu4"
 	}]
-]), Qt = W("layout-template", [
+]), Zt = W("layout-template", [
 	["rect", {
 		width: "18",
 		height: "7",
@@ -77,7 +77,7 @@ var Xt = W("circle", [["circle", {
 		rx: "1",
 		key: "q5h2i8"
 	}]
-]), $t = W("lock-open", [["rect", {
+]), Qt = W("lock-open", [["rect", {
 	width: "18",
 	height: "11",
 	x: "3",
@@ -88,7 +88,7 @@ var Xt = W("circle", [["circle", {
 }], ["path", {
 	d: "M7 11V7a5 5 0 0 1 9.9-1",
 	key: "1mm8w8"
-}]]), en = W("lock", [["rect", {
+}]]), $t = W("lock", [["rect", {
 	width: "18",
 	height: "11",
 	x: "3",
@@ -99,10 +99,10 @@ var Xt = W("circle", [["circle", {
 }], ["path", {
 	d: "M7 11V7a5 5 0 0 1 10 0v4",
 	key: "fwvmzm"
-}]]), tn = W("moon", [["path", {
+}]]), en = 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"
-}]]), nn = W("panel-top", [["rect", {
+}]]), tn = W("panel-top", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
@@ -112,7 +112,7 @@ var Xt = W("circle", [["circle", {
 }], ["path", {
 	d: "M3 9h18",
 	key: "1pudct"
-}]]), Q = W("plus", [["path", {
+}]]), nn = W("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
@@ -1234,7 +1234,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				}, null, 42, vr), p("span", { class: n(x(q)) }, "px", 2)])])
 			], 2),
 			p("div", { class: n(x(Wt)) }, [
-				p("div", yr, [g(x(Xt), {
+				p("div", yr, [g(x(Yt), {
 					class: "tpl:text-[var(--tpl-text-muted)]",
 					size: 14,
 					"stroke-width": 2
@@ -1269,7 +1269,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 					value: e.value
 				}, c(e.label), 9, Tr))), 128))], 42, wr)])
 			], 2),
-			p("div", { class: n(x(Wt)) }, [p("div", Er, [g(x(Zt), {
+			p("div", { class: n(x(Wt)) }, [p("div", Er, [g(x(Xt), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
@@ -1378,7 +1378,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 }), [["__scopeId", "data-v-d6563be6"]]), qr = { class: "tpl:mb-3.5" }, Jr = ["value"], Yr = { value: "" }, Xr = ["value"], Zr = { class: "tpl:mb-3.5" }, Qr = { class: "tpl:mb-3.5" }, $r = { class: "tpl:mb-3.5" }, ei = { class: "tpl:mb-3.5" }, ti = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, ni = { class: "tpl:mb-3.5" }, ri = { class: "tpl:flex tpl:items-stretch" }, ii = ["value"], ai = { class: "tpl:mb-3.5" }, oi = { class: "tpl:flex tpl:items-stretch" }, si = ["value"], ci = { class: "tpl:mb-3.5" }, li = ["value"], ui = { value: "auto" }, di = { value: "full" }, fi = { value: "custom" }, pi = {
 	key: 0,
 	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, mi = ["value"], hi = 200, gi = /* @__PURE__ */ f({
+}, mi = ["value"], hi = { class: "tpl:mb-3.5" }, gi = 200, _i = /* @__PURE__ */ f({
 	__name: "ButtonToolbar",
 	props: {
 		block: {},
@@ -1396,7 +1396,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				return;
 			}
 			if (e === "custom") {
-				u("width", typeof i.block.width == "number" ? i.block.width : hi);
+				u("width", typeof i.block.width == "number" ? i.block.width : gi);
 				return;
 			}
 			u("width", void 0);
@@ -1472,14 +1472,32 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				l.value === "custom" ? (s(), m("div", pi, [p("input", {
 					type: "number",
 					class: n(x(J)),
-					value: typeof t.block.width == "number" ? t.block.width : hi,
+					value: typeof t.block.width == "number" ? t.block.width : gi,
 					min: "20",
 					onInput: i[9] ||= (e) => f(e.target.value)
 				}, null, 42, mi), p("span", { class: n(x(q)) }, "px", 2)])) : T("", !0)
-			])
+			]),
+			p("div", hi, [p("label", { class: n(x(K)) }, c(x(o).title.align), 3), g(Q, {
+				options: [
+					{
+						value: "left",
+						label: x(o).title.alignLeft
+					},
+					{
+						value: "center",
+						label: x(o).title.alignCenter
+					},
+					{
+						value: "right",
+						label: x(o).title.alignRight
+					}
+				],
+				"model-value": t.block.align ?? "center",
+				"onUpdate:modelValue": i[10] ||= (e) => u("align", e)
+			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), _i = { class: "spacing-control" }, vi = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, yi = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, bi = { class: "tpl:flex tpl:items-center" }, xi = ["aria-label"], Si = ["value", "aria-label"], Ci = ["aria-label"], wi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ti = { class: "tpl:flex tpl:items-center" }, Ei = ["aria-label"], Di = ["value", "aria-label"], Oi = ["aria-label"], ki = ["aria-label", "title"], Ai = { class: "tpl:flex tpl:items-center" }, ji = ["aria-label"], Mi = ["value", "aria-label"], Ni = ["aria-label"], Pi = { class: "tpl:flex tpl:items-center" }, Fi = ["aria-label"], Ii = ["value", "aria-label"], Li = ["aria-label"], Ri = "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)]", zi = "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)]", Bi = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
+}), vi = { class: "spacing-control" }, yi = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, bi = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, xi = { class: "tpl:flex tpl:items-center" }, Si = ["aria-label"], Ci = ["value", "aria-label"], wi = ["aria-label"], Ti = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ei = { class: "tpl:flex tpl:items-center" }, Di = ["aria-label"], Oi = ["value", "aria-label"], ki = ["aria-label"], Ai = ["aria-label", "title"], ji = { class: "tpl:flex tpl:items-center" }, Mi = ["aria-label"], Ni = ["value", "aria-label"], Pi = ["aria-label"], Fi = { class: "tpl:flex tpl:items-center" }, Ii = ["aria-label"], Li = ["value", "aria-label"], Ri = ["aria-label"], zi = "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)]", Vi = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
 	__name: "SpacingControl",
 	props: {
 		modelValue: {},
@@ -1526,130 +1544,130 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				});
 			}
 		}
-		return (t, r) => (s(), m("div", _i, [p("label", vi, c(e.label), 1), p("div", yi, [
-			p("div", bi, [
+		return (t, r) => (s(), m("div", vi, [p("label", yi, c(e.label), 1), p("div", bi, [
+			p("div", xi, [
 				p("button", {
 					"aria-label": x(o).spacingControl.decreaseTop,
-					class: n([Ri, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+					class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: r[0] ||= (e) => f("top", -1)
 				}, [g(x(mt), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, xi),
+				})], 10, Si),
 				p("input", {
 					type: "number",
-					class: n(zi),
+					class: n(Bi),
 					value: e.modelValue.top,
 					"aria-label": x(o).spacingControl.top,
 					min: "0",
 					onInput: r[1] ||= (e) => h("top", Number(e.target.value))
-				}, null, 40, Si),
+				}, null, 40, Ci),
 				p("button", {
 					"aria-label": x(o).spacingControl.increaseTop,
-					class: n([Ri, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+					class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: r[2] ||= (e) => f("top", 1)
-				}, [g(x(Q), {
+				}, [g(x(nn), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, Ci)
+				})], 10, wi)
 			]),
-			p("div", wi, [
-				p("div", Ti, [
+			p("div", Ti, [
+				p("div", Ei, [
 					p("button", {
 						"aria-label": x(o).spacingControl.decreaseLeft,
-						class: n([Ri, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+						class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: r[3] ||= (e) => f("left", -1)
 					}, [g(x(mt), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, Ei),
+					})], 10, Di),
 					p("input", {
 						type: "number",
-						class: n(zi),
+						class: n(Bi),
 						value: e.modelValue.left,
 						"aria-label": x(o).spacingControl.left,
 						min: "0",
 						onInput: r[4] ||= (e) => h("left", Number(e.target.value))
-					}, null, 40, Di),
+					}, null, 40, Oi),
 					p("button", {
 						"aria-label": x(o).spacingControl.increaseLeft,
-						class: n([Ri, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+						class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: r[5] ||= (e) => f("left", 1)
-					}, [g(x(Q), {
+					}, [g(x(nn), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, Oi)
+					})], 10, ki)
 				]),
 				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 ? x(o).spacingControl.unlock : x(o).spacingControl.lockAll,
 					title: u.value ? x(o).spacingControl.unlock : x(o).spacingControl.lockAll,
 					onClick: _
-				}, [u.value ? (s(), y(x(en), {
+				}, [u.value ? (s(), y(x($t), {
 					key: 0,
 					size: 14,
 					"stroke-width": 2
-				})) : (s(), y(x($t), {
+				})) : (s(), y(x(Qt), {
 					key: 1,
 					size: 14,
 					"stroke-width": 2
-				}))], 10, ki),
-				p("div", Ai, [
+				}))], 10, Ai),
+				p("div", ji, [
 					p("button", {
 						"aria-label": x(o).spacingControl.decreaseRight,
-						class: n([Ri, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+						class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: r[6] ||= (e) => f("right", -1)
 					}, [g(x(mt), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, ji),
+					})], 10, Mi),
 					p("input", {
 						type: "number",
-						class: n(zi),
+						class: n(Bi),
 						value: e.modelValue.right,
 						"aria-label": x(o).spacingControl.right,
 						min: "0",
 						onInput: r[7] ||= (e) => h("right", Number(e.target.value))
-					}, null, 40, Mi),
+					}, null, 40, Ni),
 					p("button", {
 						"aria-label": x(o).spacingControl.increaseRight,
-						class: n([Ri, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+						class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: r[8] ||= (e) => f("right", 1)
-					}, [g(x(Q), {
+					}, [g(x(nn), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, Ni)
+					})], 10, Pi)
 				])
 			]),
-			p("div", Pi, [
+			p("div", Fi, [
 				p("button", {
 					"aria-label": x(o).spacingControl.decreaseBottom,
-					class: n([Ri, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+					class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: r[9] ||= (e) => f("bottom", -1)
 				}, [g(x(mt), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, Fi),
+				})], 10, Ii),
 				p("input", {
 					type: "number",
-					class: n(zi),
+					class: n(Bi),
 					value: e.modelValue.bottom,
 					"aria-label": x(o).spacingControl.bottom,
 					min: "0",
 					onInput: r[10] ||= (e) => h("bottom", Number(e.target.value))
-				}, null, 40, Ii),
+				}, null, 40, Li),
 				p("button", {
 					"aria-label": x(o).spacingControl.increaseBottom,
-					class: n([Ri, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+					class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: r[11] ||= (e) => f("bottom", 1)
-				}, [g(x(Q), {
+				}, [g(x(nn), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, Li)
+				})], 10, Ri)
 			])
 		])]));
 	}
-}), [["__scopeId", "data-v-9a9c8a07"]]), Vi = ["data-testid"], Hi = { class: "tpl:mt-3" }, Ui = /* @__PURE__ */ f({
+}), [["__scopeId", "data-v-9a9c8a07"]]), Hi = ["data-testid"], Ui = { class: "tpl:mt-3" }, Wi = /* @__PURE__ */ f({
 	__name: "CollapsibleSection",
 	props: {
 		title: {},
@@ -1668,21 +1686,21 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			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)], 8, Vi), k(p("div", Hi, [_(t.$slots, "default")], 512), [[M, e.open]])], 2));
+		}, null, 8, ["class"]), p("span", null, c(e.title), 1)], 8, Hi), k(p("div", Ui, [_(t.$slots, "default")], 512), [[M, e.open]])], 2));
 	}
-}), Wi = { class: "tpl:space-y-2" }, Gi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ki = { class: "tpl:space-y-2" }, qi = ["value"], Ji = { value: "" }, Yi = ["label"], Xi = ["value"], Zi = ["value"], Qi = {
+}), Gi = { class: "tpl:space-y-2" }, Ki = { class: "tpl:flex tpl:items-center tpl:gap-2" }, qi = { class: "tpl:space-y-2" }, Ji = ["value"], Yi = { value: "" }, Xi = ["label"], Zi = ["value"], Qi = ["value"], $i = {
 	key: 0,
 	value: "__custom__"
-}, $i = {
+}, ea = {
 	key: 0,
 	class: "tpl:space-y-2"
-}, ea = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ta = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, na = { class: "tpl:flex tpl:justify-end" }, ra = ["disabled"], ia = {
+}, ta = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, na = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ra = { class: "tpl:flex tpl:justify-end" }, ia = ["disabled"], aa = {
 	key: 0,
 	class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
-}, aa = { class: "tpl:space-y-1" }, oa = { 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)]" }, sa = {
+}, oa = { class: "tpl:space-y-1" }, sa = { 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)]" }, ca = {
 	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)]"
-}, ca = /* @__PURE__ */ f({
+}, la = /* @__PURE__ */ f({
 	__name: "CommonBlockSettings",
 	props: {
 		block: {},
@@ -1745,13 +1763,13 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["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(Ui, {
+			g(Wi, {
 				title: x(f).blockSettings.spacing,
 				open: v.has("spacing"),
 				"no-border": t.isFirstSection,
 				onToggle: i[1] ||= (e) => N("spacing")
 			}, {
-				default: l(() => [g(Bi, {
+				default: l(() => [g(Vi, {
 					label: x(f).blockSettings.padding,
 					"model-value": t.block.styles.padding,
 					"onUpdate:modelValue": i[0] ||= (e) => R("padding", e)
@@ -1762,7 +1780,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				"open",
 				"no-border"
 			]),
-			g(Ui, {
+			g(Wi, {
 				title: x(f).blockSettings.background,
 				open: v.has("bg"),
 				onToggle: i[3] ||= (e) => N("bg")
@@ -1773,19 +1791,19 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["title", "open"]),
-			g(Ui, {
+			g(Wi, {
 				title: x(f).blockSettings.display,
 				open: v.has("display"),
 				onToggle: i[4] ||= (e) => N("display")
 			}, {
-				default: l(() => [p("div", Wi, [(s(), m(C, null, e(M, (e) => g(X, {
+				default: l(() => [p("div", Gi, [(s(), m(C, null, e(M, (e) => g(X, {
 					key: e.key,
 					class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 					"model-value": z(e.key),
 					label: x(f).blockSettings[e.labelKey],
 					"onUpdate:modelValue": (t) => B(e.key)
 				}, {
-					default: l(() => [p("span", Gi, [(s(), y(o(e.icon), {
+					default: l(() => [p("span", Ki, [(s(), y(o(e.icon), {
 						size: 14,
 						"stroke-width": 1.5
 					})), b(" " + c(x(f).blockSettings[e.labelKey]), 1)])]),
@@ -1797,14 +1815,14 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				])), 64))])]),
 				_: 1
 			}, 8, ["title", "open"]),
-			P.value ? (s(), y(Ui, {
+			P.value ? (s(), y(Wi, {
 				key: 0,
 				"header-test-id": "display-condition-section",
 				title: x(f).blockSettings.displayCondition,
 				open: v.has("condition"),
 				onToggle: i[8] ||= (e) => N("condition")
 			}, {
-				default: l(() => [p("div", Ki, [p("select", {
+				default: l(() => [p("div", qi, [p("select", {
 					"data-testid": "display-condition-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: E.value || F.value ? "__custom__" : t.block.displayCondition?.label ?? "",
@@ -1822,41 +1840,41 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 						n && u("update", { displayCondition: n });
 					}
 				}, [
-					p("option", Ji, c(x(f).blockSettings.noCondition), 1),
+					p("option", Yi, c(x(f).blockSettings.noCondition), 1),
 					(s(!0), m(C, null, e(L.value, (t, n) => (s(), m(C, { key: n }, [n ? (s(), m("optgroup", {
 						key: 0,
 						label: String(n)
 					}, [(s(!0), m(C, null, e(t, (e) => (s(), m("option", {
 						key: e.label,
 						value: e.label
-					}, c(e.label), 9, Xi))), 128))], 8, Yi)) : (s(!0), m(C, { key: 1 }, e(t, (e) => (s(), m("option", {
+					}, c(e.label), 9, Zi))), 128))], 8, Xi)) : (s(!0), m(C, { key: 1 }, e(t, (e) => (s(), m("option", {
 						key: e.label,
 						value: e.label
-					}, c(e.label), 9, Zi))), 128))], 64))), 128)),
-					x(_) ? (s(), m("option", Qi, c(x(f).blockSettings.customCondition), 1)) : T("", !0)
-				], 42, qi), E.value || F.value ? (s(), m("div", $i, [
-					p("div", null, [p("label", ea, c(x(f).blockSettings.customConditionBefore), 1), k(p("textarea", {
+					}, c(e.label), 9, Qi))), 128))], 64))), 128)),
+					x(_) ? (s(), m("option", $i, c(x(f).blockSettings.customCondition), 1)) : T("", !0)
+				], 42, Ji), E.value || F.value ? (s(), m("div", ea, [
+					p("div", null, [p("label", ta, c(x(f).blockSettings.customConditionBefore), 1), k(p("textarea", {
 						"onUpdate:modelValue": i[6] ||= (e) => O.value = e,
 						rows: "2",
 						class: n(x(Bt))
 					}, null, 2), [[A, O.value]])]),
-					p("div", null, [p("label", ta, c(x(f).blockSettings.customConditionAfter), 1), k(p("textarea", {
+					p("div", null, [p("label", na, c(x(f).blockSettings.customConditionAfter), 1), k(p("textarea", {
 						"onUpdate:modelValue": i[7] ||= (e) => j.value = e,
 						rows: "2",
 						class: n(x(Bt))
 					}, null, 2), [[A, j.value]])]),
-					p("div", na, [p("button", {
+					p("div", ra, [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: !O.value.trim(),
 						onClick: I
-					}, c(x(f).blockSettings.applyCondition), 9, ra)])
-				])) : t.block.displayCondition && !F.value ? (s(), m(C, { key: 1 }, [t.block.displayCondition.description ? (s(), m("p", ia, c(t.block.displayCondition.description), 1)) : T("", !0), p("div", aa, [p("pre", oa, c(t.block.displayCondition.before), 1), t.block.displayCondition.after ? (s(), m("pre", sa, c(t.block.displayCondition.after), 1)) : T("", !0)])], 64)) : T("", !0)])]),
+					}, c(x(f).blockSettings.applyCondition), 9, ia)])
+				])) : t.block.displayCondition && !F.value ? (s(), m(C, { key: 1 }, [t.block.displayCondition.description ? (s(), m("p", aa, c(t.block.displayCondition.description), 1)) : T("", !0), p("div", oa, [p("pre", sa, c(t.block.displayCondition.before), 1), t.block.displayCondition.after ? (s(), m("pre", ca, c(t.block.displayCondition.after), 1)) : T("", !0)])], 64)) : T("", !0)])]),
 				_: 1
 			}, 8, ["title", "open"])) : T("", !0)
 		], 2));
 	}
-}), la = ["title"], ua = /* @__PURE__ */ f({
+}), ua = ["title"], da = /* @__PURE__ */ f({
 	__name: "BooleanField",
 	props: {
 		field: {},
@@ -1877,7 +1895,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			disabled: e.readOnly,
 			"onUpdate:modelValue": i[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: l(() => [b(c(e.field.label) + " ", 1), e.readOnly ? (s(), y(x(en), {
+			default: l(() => [b(c(e.field.label) + " ", 1), e.readOnly ? (s(), y(x($t), {
 				key: 0,
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
@@ -1888,12 +1906,12 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			"label",
 			"required",
 			"disabled"
-		])], 8, la));
+		])], 8, ua));
 	}
-}), da = { class: "tpl:mb-3.5" }, fa = {
+}), fa = { class: "tpl:mb-3.5" }, pa = {
 	key: 1,
 	class: "tpl:text-[var(--tpl-danger)]"
-}, pa = /* @__PURE__ */ f({
+}, ma = /* @__PURE__ */ f({
 	__name: "FieldWrapper",
 	props: {
 		label: {},
@@ -1901,17 +1919,17 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 		readOnly: { type: Boolean }
 	},
 	setup(e) {
-		return (t, r) => (s(), m("div", da, [p("label", { class: n(x(K)) }, [
+		return (t, r) => (s(), m("div", fa, [p("label", { class: n(x(K)) }, [
 			b(c(e.label) + " ", 1),
-			e.readOnly ? (s(), y(x(en), {
+			e.readOnly ? (s(), y(x($t), {
 				key: 0,
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
 			})) : T("", !0),
-			e.required ? (s(), m("span", fa, "*")) : T("", !0)
+			e.required ? (s(), m("span", pa, "*")) : T("", !0)
 		], 2), _(t.$slots, "default")]));
 	}
-}), ma = /* @__PURE__ */ f({
+}), ha = /* @__PURE__ */ f({
 	__name: "ColorField",
 	props: {
 		field: {},
@@ -1921,7 +1939,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, { t: i } = U(), a = D(ct, Ie), o = w(() => ae(n.field, a));
-		return (t, n) => (s(), y(pa, {
+		return (t, n) => (s(), y(ma, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -1949,15 +1967,15 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), ha = {
+}), ga = {
 	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)" }
-}, ga = [
+}, _a = [
 	"value",
 	"placeholder",
 	"title"
-], _a = ["value", "placeholder"], va = /* @__PURE__ */ f({
+], va = ["value", "placeholder"], ya = /* @__PURE__ */ f({
 	__name: "ImageField",
 	props: {
 		field: {},
@@ -1992,7 +2010,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			enabled: S,
 			onFiles: E
 		});
-		return (t, r) => (s(), y(pa, {
+		return (t, r) => (s(), y(ma, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -2002,7 +2020,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				ref: _,
 				class: "tpl:relative"
 			}, [
-				S.value && (x(O) || v.value) ? (s(), m("div", ha, [v.value ? (s(), m(C, { key: 0 }, [g(x(Ct), {
+				S.value && (x(O) || v.value) ? (s(), m("div", ga, [v.value ? (s(), m(C, { key: 0 }, [g(x(Ct), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
@@ -2018,14 +2036,14 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 					placeholder: e.field.placeholder || "https://...",
 					disabled: "",
 					title: x(a).customBlocks.dataSource.readOnlyTooltip
-				}, null, 10, ga)) : (s(), m("input", {
+				}, null, 10, _a)) : (s(), m("input", {
 					key: 2,
 					type: "url",
 					class: n(x(G)),
 					value: e.modelValue,
 					placeholder: e.field.placeholder || "https://...",
 					onInput: r[0] ||= (e) => i("update:modelValue", e.target.value)
-				}, null, 42, _a)),
+				}, null, 42, va)),
 				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)]",
@@ -2042,7 +2060,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), ya = [
+}), ba = [
 	"value",
 	"placeholder",
 	"min",
@@ -2050,7 +2068,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 	"step",
 	"disabled",
 	"title"
-], ba = /* @__PURE__ */ f({
+], xa = /* @__PURE__ */ f({
 	__name: "NumberField",
 	props: {
 		field: {},
@@ -2060,7 +2078,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), y(pa, {
+		return (t, a) => (s(), y(ma, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -2076,7 +2094,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				disabled: e.readOnly,
 				title: e.readOnly ? x(i).customBlocks.dataSource.readOnlyTooltip : void 0,
 				onInput: a[0] ||= (t) => !e.readOnly && r("update:modelValue", Number(t.target.value))
-			}, null, 42, ya)]),
+			}, null, 42, ba)]),
 			_: 1
 		}, 8, [
 			"label",
@@ -2084,10 +2102,10 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), xa = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Sa = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, Ca = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, wa = ["title", "onClick"], Ta = {
+}), Sa = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ca = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, wa = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, Ta = ["title", "onClick"], Ea = {
 	key: 1,
 	class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Ea = /* @__PURE__ */ f({
+}, Da = /* @__PURE__ */ f({
 	__name: "RepeatableField",
 	props: {
 		field: {},
@@ -2115,16 +2133,16 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			} : r);
 			a("update:modelValue", r);
 		}
-		return (r, i) => (s(), y(pa, {
+		return (r, i) => (s(), y(ma, {
 			label: t.field.label,
 			required: t.field.required,
 			"read-only": t.readOnly
 		}, {
-			default: l(() => [p("div", xa, [
+			default: l(() => [p("div", Sa, [
 				(s(!0), m(C, 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", Sa, [p("span", Ca, " #" + c(r + 1), 1), h.value && !t.readOnly ? (s(), m("button", {
+				}, [p("div", Ca, [p("span", wa, " #" + 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)]",
@@ -2133,7 +2151,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				}, [g(x(At), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, wa)) : T("", !0)]), (s(!0), m(C, null, e(t.field.fields, (e) => (s(), y(o(x(Fa)(e.type)), {
+				})], 8, Ta)) : T("", !0)]), (s(!0), m(C, null, e(t.field.fields, (e) => (s(), y(o(x(Ia)(e.type)), {
 					key: e.key,
 					field: e,
 					"model-value": n[e.key],
@@ -2150,11 +2168,11 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 					type: "button",
 					class: n(x(Ht)),
 					onClick: _
-				}, [g(x(Q), {
+				}, [g(x(nn), {
 					size: 14,
 					"stroke-width": 2
 				}), b(" " + c(x(u).customBlocks.fields.addItem), 1)], 2)) : T("", !0),
-				!f.value && !t.readOnly ? (s(), m("p", Ta, c(x(u).customBlocks.fields.maxItemsReached), 1)) : T("", !0)
+				!f.value && !t.readOnly ? (s(), m("p", Ea, c(x(u).customBlocks.fields.maxItemsReached), 1)) : T("", !0)
 			])]),
 			_: 1
 		}, 8, [
@@ -2163,11 +2181,11 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), Da = [
+}), Oa = [
 	"value",
 	"disabled",
 	"title"
-], Oa = ["value"], ka = /* @__PURE__ */ f({
+], ka = ["value"], Aa = /* @__PURE__ */ f({
 	__name: "SelectField",
 	props: {
 		field: {},
@@ -2177,7 +2195,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(t, { emit: r }) {
 		let i = r, { t: a } = U();
-		return (r, o) => (s(), y(pa, {
+		return (r, o) => (s(), y(ma, {
 			label: t.field.label,
 			required: t.field.required,
 			"read-only": t.readOnly
@@ -2191,7 +2209,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			}, [(s(!0), m(C, null, e(t.field.options, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, Oa))), 128))], 42, Da)]),
+			}, c(e.label), 9, ka))), 128))], 42, Oa)]),
 			_: 1
 		}, 8, [
 			"label",
@@ -2199,11 +2217,11 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), Aa = [
+}), ja = [
 	"value",
 	"placeholder",
 	"title"
-], ja = /* @__PURE__ */ f({
+], Ma = /* @__PURE__ */ f({
 	__name: "TextField",
 	props: {
 		field: {},
@@ -2213,7 +2231,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), y(pa, {
+		return (t, a) => (s(), y(ma, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -2226,7 +2244,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 				placeholder: e.field.placeholder,
 				disabled: "",
 				title: x(i).customBlocks.dataSource.readOnlyTooltip
-			}, null, 10, Aa)) : (s(), y($, {
+			}, null, 10, ja)) : (s(), y($, {
 				key: 1,
 				"model-value": e.modelValue,
 				placeholder: e.field.placeholder,
@@ -2239,12 +2257,12 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), Ma = [
+}), Na = [
 	"value",
 	"placeholder",
 	"title"
-], Na = "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", Pa = {
-	text: ja,
+], 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", Fa = {
+	text: Ma,
 	textarea: /* @__PURE__ */ f({
 		__name: "TextareaField",
 		props: {
@@ -2255,7 +2273,7 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 		emits: ["update:modelValue"],
 		setup(e, { emit: t }) {
 			let r = t, { t: i } = U();
-			return (t, a) => (s(), y(pa, {
+			return (t, a) => (s(), y(ma, {
 				label: e.field.label,
 				required: e.field.required,
 				"read-only": e.readOnly
@@ -2267,8 +2285,8 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 					rows: "3",
 					disabled: "",
 					title: x(i).customBlocks.dataSource.readOnlyTooltip,
-					class: n(Na)
-				}, null, 8, Ma)) : (s(), y(ur, {
+					class: n(Pa)
+				}, null, 8, Na)) : (s(), y(ur, {
 					key: 1,
 					"model-value": e.modelValue,
 					placeholder: e.field.placeholder,
@@ -2282,37 +2300,37 @@ var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip
 			]));
 		}
 	}),
-	image: va,
-	color: ma,
-	number: ba,
-	select: ka,
-	boolean: ua,
-	repeatable: Ea
+	image: ya,
+	color: ha,
+	number: xa,
+	select: Aa,
+	boolean: da,
+	repeatable: Da
 };
-function Fa(e) {
-	return Pa[e] ?? ja;
+function Ia(e) {
+	return Fa[e] ?? Ma;
 }
 //#endregion
 //#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
-var Ia = {
+var La = {
 	key: 0,
 	class: "tpl:p-4"
-}, La = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ra = { key: 1 }, za = {
+}, Ra = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, za = { key: 1 }, Ba = {
 	key: 0,
 	class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Ba = {
+}, Va = {
 	key: 1,
 	class: "tpl:mb-4"
-}, Va = {
+}, Ha = {
 	key: 1,
 	class: "tpl:flex tpl:h-[32px] tpl:items-center"
-}, Ha = {
+}, Ua = {
 	key: 0,
 	class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, Ua = {
+}, Wa = {
 	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)]"
-}, Wa = /* @__PURE__ */ f({
+}, Ga = /* @__PURE__ */ f({
 	__name: "CustomBlockToolbar",
 	props: { block: {} },
 	emits: ["updateFieldValues", "updateDataSourceFetched"],
@@ -2333,23 +2351,23 @@ var Ia = {
 				[e]: t
 			});
 		}
-		return (n, r) => u.value ? (s(), m("div", Ra, [
-			u.value.description ? (s(), m("p", za, c(u.value.description), 1)) : T("", !0),
-			x(v) ? (s(), m("div", Ba, [x(S) && !x(f) ? (s(), m("button", {
+		return (n, r) => u.value ? (s(), m("div", za, [
+			u.value.description ? (s(), m("p", Ba, c(u.value.description), 1)) : T("", !0),
+			x(v) ? (s(), m("div", Va, [x(S) && !x(f) ? (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) => x(_) && x(_)(...e)
-			}, c(u.value?.dataSource?.label || x(a).customBlocks.dataSource.fetchButton), 1)) : (s(), m("div", Va, [x(f) ? (s(), m("div", Ha, c(x(a).customBlocks.dataSource.fetching), 1)) : (s(), m("button", {
+			}, c(u.value?.dataSource?.label || x(a).customBlocks.dataSource.fetchButton), 1)) : (s(), m("div", Ha, [x(f) ? (s(), m("div", Ua, c(x(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) => x(_) && x(_)(...e)
-			}, [g(x(yt), { size: 12 }), b(" " + c(x(a).customBlocks.dataSource.changeButton), 1)]))])), x(h) ? (s(), m("p", Ua, [g(x(pt), {
+			}, [g(x(yt), { size: 12 }), b(" " + c(x(a).customBlocks.dataSource.changeButton), 1)]))])), x(h) ? (s(), m("p", Wa, [g(x(pt), {
 				size: 14,
 				class: "tpl:shrink-0"
 			}), b(" " + c(x(a).customBlocks.dataSource.fetchError), 1)])) : T("", !0)])) : T("", !0),
-			(s(!0), m(C, null, e(u.value.fields, (e) => (s(), y(o(x(Fa)(e.type)), {
+			(s(!0), m(C, null, e(u.value.fields, (e) => (s(), y(o(x(Ia)(e.type)), {
 				key: e.key,
 				field: e,
 				"model-value": t.block.fieldValues[e.key],
@@ -2361,9 +2379,9 @@ var Ia = {
 				"read-only",
 				"onUpdate:modelValue"
 			]))), 128))
-		])) : (s(), m("div", Ia, [p("p", La, c(x(a).customBlocks.toolbar.noDefinition), 1)]));
+		])) : (s(), m("div", La, [p("p", Ra, c(x(a).customBlocks.toolbar.noDefinition), 1)]));
 	}
-}), Ga = { class: "tpl:mb-3.5" }, Ka = { class: "tpl:mb-3.5" }, qa = { class: "tpl:mb-3.5" }, Ja = { class: "tpl:flex tpl:items-stretch" }, Ya = ["value"], Xa = /* @__PURE__ */ f({
+}), Ka = { class: "tpl:mb-3.5" }, qa = { class: "tpl:mb-3.5" }, Ja = { class: "tpl:mb-3.5" }, Ya = { class: "tpl:flex tpl:items-stretch" }, Xa = ["value"], Za = /* @__PURE__ */ f({
 	__name: "DividerToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2373,7 +2391,7 @@ var Ia = {
 			r("update", { [e]: t });
 		}
 		return (t, r) => (s(), m(C, null, [
-			p("div", Ga, [p("label", { class: n(x(K)) }, c(x(i).divider.style), 3), g(qt, {
+			p("div", Ka, [p("label", { class: n(x(K)) }, c(x(i).divider.style), 3), g(Q, {
 				options: [
 					{
 						value: "solid",
@@ -2391,27 +2409,27 @@ var Ia = {
 				"model-value": e.block.lineStyle,
 				"onUpdate:modelValue": r[0] ||= (e) => a("lineStyle", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", Ka, [p("label", { class: n(x(K)) }, c(x(i).divider.color), 3), g(Y, {
+			p("div", qa, [p("label", { class: n(x(K)) }, c(x(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", qa, [p("label", { class: n(x(K)) }, c(x(i).divider.thickness), 3), p("div", Ja, [p("input", {
+			p("div", Ja, [p("label", { class: n(x(K)) }, c(x(i).divider.thickness), 3), p("div", Ya, [p("input", {
 				type: "number",
 				class: n(x(J)),
 				value: e.block.thickness,
 				min: "1",
 				max: "10",
 				onInput: r[2] ||= (e) => a("thickness", Number(e.target.value))
-			}, null, 42, Ya), p("span", { class: n(x(q)) }, "px", 2)])])
+			}, null, 42, Xa), p("span", { class: n(x(q)) }, "px", 2)])])
 		], 64));
 	}
-}), Za = { class: "tpl:mb-3.5" }, Qa = ["value"], $a = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, eo = /* @__PURE__ */ f({
+}), Qa = { class: "tpl:mb-3.5" }, $a = ["value"], eo = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, to = /* @__PURE__ */ f({
 	__name: "HtmlToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", Za, [
+		return (t, a) => (s(), m("div", Qa, [
 			p("label", { class: n(x(K)) }, c(x(i).html.content), 3),
 			p("textarea", {
 				value: e.block.content,
@@ -2419,24 +2437,24 @@ var Ia = {
 				rows: "10",
 				class: n(x(Bt)),
 				onInput: a[0] ||= (e) => r("update", { content: e.target.value })
-			}, null, 42, Qa),
-			p("p", $a, [g(x(xt), {
+			}, null, 42, $a),
+			p("p", eo, [g(x(xt), {
 				size: 12,
 				class: "tpl:mt-0.5 tpl:shrink-0"
 			}), b(" " + c(x(i).html.sanitizationHint), 1)])
 		]));
 	}
-}), to = { class: "tpl:mb-3.5" }, no = {
+}), no = { class: "tpl:mb-3.5" }, ro = {
 	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)" }
-}, ro = {
+}, io = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, io = ["value", "placeholder"], ao = { class: "tpl:mb-3.5" }, oo = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, so = { class: "tpl:mb-3.5" }, co = ["value"], lo = { value: "full" }, uo = { value: "custom" }, fo = {
+}, ao = ["value", "placeholder"], oo = { class: "tpl:mb-3.5" }, so = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, co = { class: "tpl:mb-3.5" }, lo = ["value"], uo = { value: "full" }, fo = { value: "custom" }, po = {
 	key: 0,
 	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, po = ["value"], mo = { class: "tpl:mb-3.5" }, ho = { class: "tpl:mb-3.5" }, go = 350, _o = /* @__PURE__ */ f({
+}, mo = ["value"], ho = { class: "tpl:mb-3.5" }, go = { class: "tpl:mb-3.5" }, _o = 350, vo = /* @__PURE__ */ f({
 	__name: "ImageToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2457,7 +2475,7 @@ var Ia = {
 		function A(e) {
 			if (e === "custom") {
 				let e = r.block.width;
-				(typeof e != "number" || E.includes(e)) && k("width", go);
+				(typeof e != "number" || E.includes(e)) && k("width", _o);
 				return;
 			}
 			k("width", e === "full" ? "full" : Number(e));
@@ -2492,12 +2510,12 @@ var Ia = {
 			onFiles: L
 		});
 		return (t, r) => (s(), m(C, null, [
-			p("div", to, [p("label", { class: n(x(K)) }, c(x(a).image.imageUrl), 3), p("div", {
+			p("div", no, [p("label", { class: n(x(K)) }, c(x(a).image.imageUrl), 3), p("div", {
 				ref_key: "dropZoneRef",
 				ref: N,
 				class: "tpl:relative"
 			}, [
-				I.value && (x(R) || P.value) ? (s(), m("div", no, [P.value ? (s(), m(C, { key: 0 }, [g(x(Ct), {
+				I.value && (x(R) || P.value) ? (s(), m("div", ro, [P.value ? (s(), m(C, { key: 0 }, [g(x(Ct), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
@@ -2530,14 +2548,14 @@ var Ia = {
 					"stroke-width": 1.5
 				}), b(" " + c(x(a).image.browseMedia), 1)])) : T("", !0)
 			], 512)]),
-			x(V)(e.block.src, x(u)) ? (s(), m("div", ro, [p("label", { class: n(x(K)) }, [b(c(x(a).image.placeholderUrl) + " ", 1), r[9] ||= p("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, c("(optional)"), -1)], 2), p("input", {
+			x(V)(e.block.src, x(u)) ? (s(), m("div", io, [p("label", { class: n(x(K)) }, [b(c(x(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(x(G)),
 				value: e.block.placeholderUrl || "",
 				placeholder: x(a).image.placeholderUrlPlaceholder,
 				onInput: r[1] ||= (e) => k("placeholderUrl", e.target.value)
-			}, null, 42, io)])) : T("", !0),
-			p("div", ao, [
+			}, null, 42, ao)])) : T("", !0),
+			p("div", oo, [
 				p("label", { class: n(x(K)) }, c(x(a).image.altText), 3),
 				g($, {
 					"model-value": e.block.alt,
@@ -2558,32 +2576,32 @@ var Ia = {
 					label: x(a).image.decorative,
 					"onUpdate:modelValue": r[3] ||= (e) => k("decorative", e)
 				}, {
-					default: l(() => [p("span", null, [b(c(x(a).image.decorative) + " ", 1), p("span", oo, c(x(a).image.decorativeHint), 1)])]),
+					default: l(() => [p("span", null, [b(c(x(a).image.decorative) + " ", 1), p("span", so, c(x(a).image.decorativeHint), 1)])]),
 					_: 1
 				}, 8, ["model-value", "label"])
 			]),
-			p("div", so, [
+			p("div", co, [
 				p("label", { class: n(x(K)) }, c(x(a).image.width), 3),
 				p("select", {
 					class: n(x(G)),
 					value: O.value,
 					onChange: r[4] ||= (e) => A(e.target.value)
 				}, [
-					p("option", lo, c(x(a).image.fullWidth), 1),
+					p("option", uo, c(x(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", uo, c(x(a).image.widthCustom), 1)
-				], 42, co),
-				O.value === "custom" ? (s(), m("div", fo, [p("input", {
+					p("option", fo, c(x(a).image.widthCustom), 1)
+				], 42, lo),
+				O.value === "custom" ? (s(), m("div", po, [p("input", {
 					type: "number",
 					class: n(x(J)),
-					value: typeof e.block.width == "number" ? e.block.width : go,
+					value: typeof e.block.width == "number" ? e.block.width : _o,
 					min: "20",
 					onInput: r[5] ||= (e) => j(e.target.value)
-				}, null, 42, po), p("span", { class: n(x(q)) }, "px", 2)])) : T("", !0)
+				}, null, 42, mo), p("span", { class: n(x(q)) }, "px", 2)])) : T("", !0)
 			]),
-			p("div", mo, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(qt, {
+			p("div", ho, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(Q, {
 				options: [
 					{
 						value: "left",
@@ -2601,7 +2619,7 @@ var Ia = {
 				"model-value": e.block.align,
 				"onUpdate:modelValue": r[6] ||= (e) => k("align", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", ho, [
+			p("div", go, [
 				p("label", { class: n(x(K)) }, c(x(a).image.linkUrl), 3),
 				g($, {
 					"model-value": e.block.linkUrl || "",
@@ -2619,11 +2637,11 @@ var Ia = {
 			])
 		], 64));
 	}
-}), vo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, yo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, bo = [
+}), yo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, bo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xo = [
 	"value",
 	"placeholder",
 	"onInput"
-], xo = ["title", "onClick"], So = { 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)]" }, Co = { class: "tpl:flex tpl:items-center tpl:gap-2" }, wo = ["value"], To = { value: "" }, Eo = ["value"], Do = ["value"], Oo = /* @__PURE__ */ f({
+], So = ["title", "onClick"], Co = { 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)]" }, wo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, To = ["value"], Eo = { value: "" }, Do = ["value"], Oo = ["value"], ko = /* @__PURE__ */ f({
 	__name: "MenuToolbar",
 	props: {
 		block: {},
@@ -2687,24 +2705,24 @@ var Ia = {
 		}
 		return (r, i) => (s(), m(C, null, [
 			g(Z, { label: x(o).menu.items }, {
-				default: l(() => [p("div", vo, [(s(!0), m(C, null, e(t.block.items, (r) => (s(), m("div", {
+				default: l(() => [p("div", yo, [(s(!0), m(C, 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", yo, [p("input", {
+					p("div", bo, [p("input", {
 						type: "text",
 						class: n([x(G), "tpl:flex-1"]),
 						value: r.text,
 						placeholder: x(o).menu.text,
 						onInput: (e) => _(r.id, "text", e.target.value)
-					}, null, 42, bo), p("button", {
+					}, null, 42, xo), p("button", {
 						class: n(x(zt)),
 						title: x(o).menu.removeItem,
 						onClick: (e) => v(r.id)
 					}, [g(x(jt), {
 						size: 14,
 						"stroke-width": 2
-					})], 10, xo)]),
+					})], 10, So)]),
 					g($, {
 						"model-value": r.url,
 						type: "url",
@@ -2715,7 +2733,7 @@ var Ia = {
 						"placeholder",
 						"onUpdate:modelValue"
 					]),
-					p("div", So, [(s(!0), m(C, null, e(u.value, (e) => (s(), y(X, {
+					p("div", Co, [(s(!0), m(C, null, e(u.value, (e) => (s(), y(X, {
 						key: e.key,
 						"model-value": r[e.key],
 						label: e.label,
@@ -2725,7 +2743,7 @@ var Ia = {
 						"label",
 						"onUpdate:modelValue"
 					]))), 128))]),
-					p("div", Co, [p("label", { class: n([x(K), "tpl:!mb-0"]) }, c(x(o).menu.color), 3), g(Y, {
+					p("div", wo, [p("label", { class: n([x(K), "tpl:!mb-0"]) }, c(x(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)
@@ -2733,7 +2751,7 @@ var Ia = {
 				]))), 128)), p("button", {
 					class: n(x(Ht)),
 					onClick: h
-				}, [g(x(Q), {
+				}, [g(x(nn), {
 					size: 14,
 					"stroke-width": 2
 				}), b(" " + c(x(o).menu.addItem), 1)], 2)])]),
@@ -2744,14 +2762,14 @@ var Ia = {
 					class: n(x(G)),
 					value: t.block.fontFamily || "",
 					onChange: i[0] ||= (e) => f("fontFamily", e.target.value || void 0)
-				}, [p("option", To, c(x(o).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
+				}, [p("option", Eo, c(x(o).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
 					key: e.value,
 					value: e.value
-				}, c(e.label), 9, Eo))), 128))], 42, wo)]),
+				}, c(e.label), 9, Do))), 128))], 42, To)]),
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: x(o).menu.fontSize }, {
-				default: l(() => [g(Jt, {
+				default: l(() => [g(qt, {
 					"model-value": t.block.fontSize,
 					min: 8,
 					max: 48,
@@ -2775,7 +2793,7 @@ var Ia = {
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: x(o).menu.textAlign }, {
-				default: l(() => [g(qt, {
+				default: l(() => [g(Q, {
 					options: d.value,
 					"model-value": t.block.textAlign,
 					"onUpdate:modelValue": i[4] ||= (e) => f("textAlign", e)
@@ -2788,7 +2806,7 @@ var Ia = {
 					class: n(x(G)),
 					value: t.block.separator,
 					onInput: i[5] ||= (e) => f("separator", e.target.value)
-				}, null, 42, Do)]),
+				}, null, 42, Oo)]),
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: x(o).menu.separatorColor }, {
@@ -2799,7 +2817,7 @@ var Ia = {
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: x(o).menu.spacing }, {
-				default: l(() => [g(Jt, {
+				default: l(() => [g(qt, {
 					"model-value": t.block.spacing,
 					min: 0,
 					max: 50,
@@ -2813,11 +2831,11 @@ var Ia = {
 });
 //#endregion
 //#region src/utils/rebalanceColumnChildren.ts
-function ko(e) {
+function Ao(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
 }
-function Ao(e, t) {
-	let n = ko(t);
+function jo(e, t) {
+	let n = Ao(t);
 	if (e.length === n) return e;
 	if (e.length < n) {
 		let t = Array.from({ length: n - e.length }, () => []);
@@ -2828,13 +2846,13 @@ function Ao(e, t) {
 }
 //#endregion
 //#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
-var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
+var Mo = { class: "tpl:mb-3.5" }, No = ["value"], Po = ["value"], Fo = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, Fo = { class: "tpl:mb-3.5" }, Io = { class: "tpl:flex tpl:items-stretch" }, Lo = ["value"], Ro = { class: "tpl:mb-3.5" }, zo = {
+}, Io = { class: "tpl:mb-3.5" }, Lo = { class: "tpl:flex tpl:items-stretch" }, Ro = ["value"], zo = { class: "tpl:mb-3.5" }, Bo = {
 	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"
-}, Bo = { class: "tpl:flex tpl:items-stretch" }, Vo = ["value"], Ho = /* @__PURE__ */ f({
+}, Vo = { class: "tpl:flex tpl:items-stretch" }, Ho = ["value"], Uo = /* @__PURE__ */ f({
 	__name: "SectionToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2862,7 +2880,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}
 		]);
 		function u(e) {
-			let t = e.target.value, n = Ao(i.block.children, t);
+			let t = e.target.value, n = jo(i.block.children, t);
 			a("update", {
 				columns: t,
 				children: n
@@ -2896,39 +2914,39 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			_({ borderRadius: Number(e.target.value) });
 		}
 		return (r, i) => (s(), m(C, null, [
-			p("div", jo, [p("label", { class: n(x(K)) }, c(x(o).section.columns), 3), p("select", {
+			p("div", Mo, [p("label", { class: n(x(K)) }, c(x(o).section.columns), 3), p("select", {
 				class: n(x(G)),
 				value: t.block.columns,
 				onChange: u
 			}, [(s(!0), m(C, null, e(l.value, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, No))), 128))], 42, Mo)]),
-			t.block.columns === "1" ? T("", !0) : (s(), m("div", Po, [g(X, {
+			}, c(e.label), 9, Po))), 128))], 42, No)]),
+			t.block.columns === "1" ? T("", !0) : (s(), m("div", Fo, [g(X, {
 				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 				"model-value": t.block.stackOnMobile !== !1,
 				label: x(o).section.stackOnMobile,
 				"onUpdate:modelValue": i[0] ||= (e) => d(e)
 			}, null, 8, ["model-value", "label"])])),
-			p("div", Fo, [p("label", { class: n(x(K)) }, c(x(o).section.borderRadius), 3), p("div", Io, [p("input", {
+			p("div", Io, [p("label", { class: n(x(K)) }, c(x(o).section.borderRadius), 3), p("div", Lo, [p("input", {
 				type: "number",
 				class: n(x(J)),
 				value: t.block.borderRadius ?? 0,
 				min: "0",
 				max: "50",
 				onInput: f
-			}, null, 42, Lo), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", Ro, [g(X, {
+			}, null, 42, Ro), p("span", { class: n(x(q)) }, "px", 2)])]),
+			p("div", zo, [g(X, {
 				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 				"model-value": !!t.block.wrapper,
 				label: x(o).section.wrapperEnable,
 				"onUpdate:modelValue": i[1] ||= (e) => h(e)
-			}, null, 8, ["model-value", "label"]), t.block.wrapper ? (s(), m("div", zo, [
+			}, null, 8, ["model-value", "label"]), t.block.wrapper ? (s(), m("div", Bo, [
 				p("div", null, [p("label", { class: n(x(K)) }, c(x(o).blockSettings.color), 3), g(Y, {
 					"model-value": t.block.wrapper.backgroundColor ?? "",
 					"onUpdate:modelValue": i[2] ||= (e) => _({ backgroundColor: e })
 				}, null, 8, ["model-value"])]),
-				g(Bi, {
+				g(Vi, {
 					label: x(o).blockSettings.padding,
 					"model-value": t.block.wrapper.padding ?? {
 						top: 0,
@@ -2938,18 +2956,18 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					},
 					"onUpdate:modelValue": v
 				}, null, 8, ["label", "model-value"]),
-				p("div", null, [p("label", { class: n(x(K)) }, c(x(o).section.borderRadius), 3), p("div", Bo, [p("input", {
+				p("div", null, [p("label", { class: n(x(K)) }, c(x(o).section.borderRadius), 3), p("div", Vo, [p("input", {
 					type: "number",
 					class: n(x(J)),
 					value: t.block.wrapper.borderRadius ?? 0,
 					min: "0",
 					max: "50",
 					onInput: y
-				}, null, 42, Vo), p("span", { class: n(x(q)) }, "px", 2)])])
+				}, null, 42, Ho), p("span", { class: n(x(q)) }, "px", 2)])])
 			])) : T("", !0)])
 		], 64));
 	}
-}), Uo = { class: "tpl:mb-3.5" }, Wo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Go = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ko = ["value", "onChange"], qo = ["value"], Jo = ["title", "onClick"], Yo = { class: "tpl:mb-3.5" }, Xo = ["value"], Zo = { value: "solid" }, Qo = { value: "outlined" }, $o = { value: "rounded" }, es = { value: "square" }, ts = { value: "circle" }, ns = { class: "tpl:mb-3.5" }, rs = { class: "tpl:mb-3.5" }, is = { class: "tpl:flex tpl:items-stretch" }, as = ["value"], os = { class: "tpl:mb-3.5" }, ss = /* @__PURE__ */ f({
+}), Wo = { class: "tpl:mb-3.5" }, Go = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ko = { class: "tpl:flex tpl:items-center tpl:gap-2" }, qo = ["value", "onChange"], Jo = ["value"], Yo = ["title", "onClick"], Xo = { class: "tpl:mb-3.5" }, Zo = ["value"], Qo = { value: "solid" }, $o = { value: "outlined" }, es = { value: "rounded" }, ts = { value: "square" }, ns = { value: "circle" }, rs = { class: "tpl:mb-3.5" }, is = { class: "tpl:mb-3.5" }, as = { class: "tpl:flex tpl:items-stretch" }, os = ["value"], ss = { class: "tpl:mb-3.5" }, cs = /* @__PURE__ */ f({
 	__name: "SocialToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2977,10 +2995,10 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			a("update", { icons: i.block.icons.filter((t) => t.id !== e) });
 		}
 		return (r, i) => (s(), m(C, null, [
-			p("div", Uo, [p("label", { class: n(x(K)) }, c(x(o).social.icons), 3), p("div", Wo, [(s(!0), m(C, null, e(t.block.icons, (t) => (s(), m("div", {
+			p("div", Wo, [p("label", { class: n(x(K)) }, c(x(o).social.icons), 3), p("div", Go, [(s(!0), m(C, 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", Go, [p("select", {
+			}, [p("div", Ko, [p("select", {
 				"data-testid": "social-platform-select",
 				class: n([x(G), "tpl:flex-1"]),
 				value: t.platform,
@@ -2988,14 +3006,14 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}, [(s(!0), m(C, null, e(x(Te), (e) => (s(), m("option", {
 				key: e,
 				value: e
-			}, c(x(o).social.platforms[e]), 9, qo))), 128))], 42, Ko), p("button", {
+			}, c(x(o).social.platforms[e]), 9, Jo))), 128))], 42, qo), p("button", {
 				class: n(x(zt)),
 				title: x(o).social.removeIcon,
 				onClick: (e) => f(t.id)
 			}, [g(x(jt), {
 				size: 14,
 				"stroke-width": 2
-			})], 10, Jo)]), g($, {
+			})], 10, Yo)]), g($, {
 				"model-value": t.url,
 				type: "url",
 				placeholder: x(o).social.urlPlaceholder,
@@ -3007,22 +3025,22 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			])]))), 128)), p("button", {
 				class: n(x(Ht)),
 				onClick: u
-			}, [g(x(Q), {
+			}, [g(x(nn), {
 				size: 14,
 				"stroke-width": 2
 			}), b(" " + c(x(o).social.addIcon), 1)], 2)])]),
-			p("div", Yo, [p("label", { class: n(x(K)) }, c(x(o).social.style), 3), p("select", {
+			p("div", Xo, [p("label", { class: n(x(K)) }, c(x(o).social.style), 3), p("select", {
 				class: n(x(G)),
 				value: t.block.iconStyle,
 				onChange: i[0] ||= (e) => l("iconStyle", e.target.value)
 			}, [
-				p("option", Zo, c(x(o).social.styleSolid), 1),
-				p("option", Qo, c(x(o).social.styleOutlined), 1),
-				p("option", $o, c(x(o).social.styleRounded), 1),
-				p("option", es, c(x(o).social.styleSquare), 1),
-				p("option", ts, c(x(o).social.styleCircle), 1)
-			], 42, Xo)]),
-			p("div", ns, [p("label", { class: n(x(K)) }, c(x(o).social.size), 3), g(qt, {
+				p("option", Qo, c(x(o).social.styleSolid), 1),
+				p("option", $o, c(x(o).social.styleOutlined), 1),
+				p("option", es, c(x(o).social.styleRounded), 1),
+				p("option", ts, c(x(o).social.styleSquare), 1),
+				p("option", ns, c(x(o).social.styleCircle), 1)
+			], 42, Zo)]),
+			p("div", rs, [p("label", { class: n(x(K)) }, c(x(o).social.size), 3), g(Q, {
 				options: [
 					{
 						value: "small",
@@ -3040,15 +3058,15 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				"model-value": t.block.iconSize,
 				"onUpdate:modelValue": i[1] ||= (e) => l("iconSize", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", rs, [p("label", { class: n(x(K)) }, c(x(o).social.spacing), 3), p("div", is, [p("input", {
+			p("div", is, [p("label", { class: n(x(K)) }, c(x(o).social.spacing), 3), p("div", as, [p("input", {
 				type: "number",
 				class: n(x(J)),
 				value: t.block.spacing,
 				min: "0",
 				max: "50",
 				onInput: i[2] ||= (e) => l("spacing", Number(e.target.value))
-			}, null, 42, as), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", os, [p("label", { class: n(x(K)) }, c(x(o).social.align), 3), g(qt, {
+			}, null, 42, os), p("span", { class: n(x(q)) }, "px", 2)])]),
+			p("div", ss, [p("label", { class: n(x(K)) }, c(x(o).social.align), 3), g(Q, {
 				options: [
 					{
 						value: "left",
@@ -3071,22 +3089,22 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), cs = { class: "tpl:mb-3.5" }, ls = { class: "tpl:flex tpl:items-stretch" }, us = ["value"], ds = ["value"], fs = /* @__PURE__ */ f({
+}), ls = { class: "tpl:mb-3.5" }, us = { class: "tpl:flex tpl:items-stretch" }, ds = ["value"], fs = ["value"], ps = /* @__PURE__ */ f({
 	__name: "SpacerToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", cs, [
+		return (t, a) => (s(), m("div", ls, [
 			p("label", { class: n(x(K)) }, c(x(i).spacer.height), 3),
-			p("div", ls, [p("input", {
+			p("div", us, [p("input", {
 				type: "number",
 				class: n(x(J)),
 				value: e.block.height,
 				min: "10",
 				max: "100",
 				onInput: a[0] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 42, us), p("span", { class: n(x(q)) }, "px", 2)]),
+			}, null, 42, ds), p("span", { class: n(x(q)) }, "px", 2)]),
 			p("input", {
 				type: "range",
 				class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -3094,13 +3112,13 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				min: "10",
 				max: "100",
 				onInput: a[1] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 40, ds)
+			}, null, 40, fs)
 		]));
 	}
-}), ps = { class: "tpl:mb-3.5" }, ms = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, gs = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, _s = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, vs = ["disabled"], ys = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, bs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, xs = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ss = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Cs = ["disabled"], ws = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Ts = { class: "tpl:mb-3.5" }, Es = {
+}), ms = { class: "tpl:mb-3.5" }, hs = { class: "tpl:flex tpl:items-center tpl:gap-3" }, gs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, _s = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, vs = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ys = ["disabled"], bs = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, xs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Ss = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Cs = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ws = ["disabled"], Ts = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Es = { class: "tpl:mb-3.5" }, Ds = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, Ds = { class: "tpl:mb-3.5" }, Os = { class: "tpl:mb-3.5" }, ks = { class: "tpl:flex tpl:items-stretch" }, As = ["value"], js = { class: "tpl:mb-3.5" }, Ms = { class: "tpl:flex tpl:items-stretch" }, Ns = ["value"], Ps = { class: "tpl:mb-3.5" }, Fs = ["value"], Is = { value: "" }, Ls = ["value"], Rs = { class: "tpl:mb-3.5" }, zs = { class: "tpl:flex tpl:items-stretch" }, Bs = ["value"], Vs = { class: "tpl:mb-3.5" }, Hs = { class: "tpl:mb-3.5" }, Us = /* @__PURE__ */ f({
+}, Os = { class: "tpl:mb-3.5" }, ks = { class: "tpl:mb-3.5" }, As = { class: "tpl:flex tpl:items-stretch" }, js = ["value"], Ms = { class: "tpl:mb-3.5" }, Ns = { class: "tpl:flex tpl:items-stretch" }, Ps = ["value"], Fs = { class: "tpl:mb-3.5" }, Is = ["value"], Ls = { value: "" }, Rs = ["value"], zs = { class: "tpl:mb-3.5" }, Bs = { class: "tpl:flex tpl:items-stretch" }, Vs = ["value"], Hs = { class: "tpl:mb-3.5" }, Us = { class: "tpl:mb-3.5" }, Ws = /* @__PURE__ */ f({
 	__name: "TableToolbar",
 	props: {
 		block: {},
@@ -3143,7 +3161,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			a("update", { rows: t });
 		}
 		return (r, i) => (s(), m(C, null, [
-			p("div", ps, [p("label", { class: n(x(K)) }, c(x(o).table.dimensions), 3), p("div", ms, [p("div", hs, [p("span", gs, c(x(o).table.rows), 1), p("div", _s, [
+			p("div", ms, [p("label", { class: n(x(K)) }, c(x(o).table.dimensions), 3), p("div", hs, [p("div", gs, [p("span", _s, c(x(o).table.rows), 1), p("div", vs, [
 				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,
@@ -3151,16 +3169,16 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				}, [g(x(mt), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, vs),
-				p("span", ys, c(t.block.rows.length), 1),
+				})], 8, ys),
+				p("span", bs, 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
-				}, [g(x(Q), {
+				}, [g(x(nn), {
 					size: 12,
 					"stroke-width": 2
 				})])
-			])]), p("div", bs, [p("span", xs, c(x(o).table.columns), 1), p("div", Ss, [
+			])]), p("div", xs, [p("span", Ss, c(x(o).table.columns), 1), p("div", Cs, [
 				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,
@@ -3168,23 +3186,23 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				}, [g(x(mt), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Cs),
-				p("span", ws, c(l.value), 1),
+				})], 8, ws),
+				p("span", Ts, 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
-				}, [g(x(Q), {
+				}, [g(x(nn), {
 					size: 12,
 					"stroke-width": 2
 				})])
 			])])])]),
-			p("div", Ts, [g(X, {
+			p("div", Es, [g(X, {
 				class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 				"model-value": t.block.hasHeaderRow,
 				label: x(o).table.hasHeaderRow,
 				"onUpdate:modelValue": i[2] ||= (e) => u("hasHeaderRow", e)
 			}, null, 8, ["model-value", "label"])]),
-			t.block.hasHeaderRow ? (s(), m("div", Es, [p("label", { class: n(x(K)) }, c(x(o).table.headerBackgroundColor), 3), g(Y, {
+			t.block.hasHeaderRow ? (s(), m("div", Ds, [p("label", { class: n(x(K)) }, c(x(o).table.headerBackgroundColor), 3), g(Y, {
 				"model-value": t.block.headerBackgroundColor ?? "",
 				"seed-color": x(Vt),
 				placeholder: x(o).table.noHeaderBg,
@@ -3194,47 +3212,47 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				"seed-color",
 				"placeholder"
 			])])) : T("", !0),
-			p("div", Ds, [p("label", { class: n(x(K)) }, c(x(o).table.borderColor), 3), g(Y, {
+			p("div", Os, [p("label", { class: n(x(K)) }, c(x(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", Os, [p("label", { class: n(x(K)) }, c(x(o).table.borderWidth), 3), p("div", ks, [p("input", {
+			p("div", ks, [p("label", { class: n(x(K)) }, c(x(o).table.borderWidth), 3), p("div", As, [p("input", {
 				type: "number",
 				class: n(x(J)),
 				value: t.block.borderWidth,
 				min: "0",
 				max: "10",
 				onInput: i[5] ||= (e) => u("borderWidth", Number(e.target.value))
-			}, null, 42, As), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", js, [p("label", { class: n(x(K)) }, c(x(o).table.cellPadding), 3), p("div", Ms, [p("input", {
+			}, null, 42, js), p("span", { class: n(x(q)) }, "px", 2)])]),
+			p("div", Ms, [p("label", { class: n(x(K)) }, c(x(o).table.cellPadding), 3), p("div", Ns, [p("input", {
 				type: "number",
 				class: n(x(J)),
 				value: t.block.cellPadding,
 				min: "0",
 				max: "30",
 				onInput: i[6] ||= (e) => u("cellPadding", Number(e.target.value))
-			}, null, 42, Ns), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", Ps, [p("label", { class: n(x(K)) }, c(x(o).table.fontFamily), 3), p("select", {
+			}, null, 42, Ps), p("span", { class: n(x(q)) }, "px", 2)])]),
+			p("div", Fs, [p("label", { class: n(x(K)) }, c(x(o).table.fontFamily), 3), p("select", {
 				class: n(x(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[7] ||= (e) => u("fontFamily", e.target.value || void 0)
-			}, [p("option", Is, c(x(o).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", Ls, c(x(o).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, Ls))), 128))], 42, Fs)]),
-			p("div", Rs, [p("label", { class: n(x(K)) }, c(x(o).table.fontSize), 3), p("div", zs, [p("input", {
+			}, c(e.label), 9, Rs))), 128))], 42, Is)]),
+			p("div", zs, [p("label", { class: n(x(K)) }, c(x(o).table.fontSize), 3), p("div", Bs, [p("input", {
 				type: "number",
 				class: n(x(J)),
 				value: t.block.fontSize,
 				min: "10",
 				max: "32",
 				onInput: i[8] ||= (e) => u("fontSize", Number(e.target.value))
-			}, null, 42, Bs), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", Vs, [p("label", { class: n(x(K)) }, c(x(o).table.color), 3), g(Y, {
+			}, null, 42, Vs), p("span", { class: n(x(q)) }, "px", 2)])]),
+			p("div", Hs, [p("label", { class: n(x(K)) }, c(x(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", Hs, [p("label", { class: n(x(K)) }, c(x(o).table.textAlign), 3), g(qt, {
+			p("div", Us, [p("label", { class: n(x(K)) }, c(x(o).table.textAlign), 3), g(Q, {
 				options: [
 					{
 						value: "left",
@@ -3257,7 +3275,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Ws = { class: "tpl:mb-3.5" }, Gs = ["value"], Ks = { value: 1 }, qs = { value: 2 }, Js = { value: 3 }, Ys = { value: 4 }, Xs = { class: "tpl:mb-3.5" }, Zs = ["value"], Qs = { value: "" }, $s = ["value"], ec = { class: "tpl:mb-3.5" }, tc = { class: "tpl:mb-3.5" }, nc = /* @__PURE__ */ f({
+}), Gs = { class: "tpl:mb-3.5" }, Ks = ["value"], qs = { value: 1 }, Js = { value: 2 }, Ys = { value: 3 }, Xs = { value: 4 }, Zs = { class: "tpl:mb-3.5" }, Qs = ["value"], $s = { value: "" }, ec = ["value"], tc = { class: "tpl:mb-3.5" }, nc = { class: "tpl:mb-3.5" }, rc = /* @__PURE__ */ f({
 	__name: "TitleToolbar",
 	props: {
 		block: {},
@@ -3270,29 +3288,29 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			i("update", { [e]: t });
 		}
 		return (r, i) => (s(), m(C, null, [
-			p("div", Ws, [p("label", { class: n(x(K)) }, c(x(a).title.level), 3), p("select", {
+			p("div", Gs, [p("label", { class: n(x(K)) }, c(x(a).title.level), 3), p("select", {
 				class: n(x(G)),
 				value: t.block.level,
 				onChange: i[0] ||= (e) => o("level", Number(e.target.value))
 			}, [
-				p("option", Ks, c(x(a).title.heading1), 1),
-				p("option", qs, c(x(a).title.heading2), 1),
-				p("option", Js, c(x(a).title.heading3), 1),
-				p("option", Ys, c(x(a).title.heading4), 1)
-			], 42, Gs)]),
-			p("div", Xs, [p("label", { class: n(x(K)) }, c(x(a).title.fontFamily), 3), p("select", {
+				p("option", qs, c(x(a).title.heading1), 1),
+				p("option", Js, c(x(a).title.heading2), 1),
+				p("option", Ys, c(x(a).title.heading3), 1),
+				p("option", Xs, c(x(a).title.heading4), 1)
+			], 42, Ks)]),
+			p("div", Zs, [p("label", { class: n(x(K)) }, c(x(a).title.fontFamily), 3), p("select", {
 				class: n(x(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[1] ||= (e) => o("fontFamily", e.target.value || void 0)
-			}, [p("option", Qs, c(x(a).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", $s, c(x(a).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, $s))), 128))], 42, Zs)]),
-			p("div", ec, [p("label", { class: n(x(K)) }, c(x(a).title.color), 3), g(Y, {
+			}, c(e.label), 9, ec))), 128))], 42, Qs)]),
+			p("div", tc, [p("label", { class: n(x(K)) }, c(x(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", tc, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(qt, {
+			p("div", nc, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(Q, {
 				options: [
 					{
 						value: "left",
@@ -3315,14 +3333,14 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), rc = { class: "tpl:mb-3.5" }, ic = {
+}), ic = { class: "tpl:mb-3.5" }, ac = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, ac = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, oc = [
+}, oc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, sc = [
 	"value",
 	"placeholder",
 	"title"
-], sc = { class: "tpl:mb-3.5" }, cc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, lc = { class: "tpl:mb-3.5" }, uc = { class: "tpl:mb-3.5" }, dc = ["value"], fc = { value: "full" }, pc = { class: "tpl:mb-3.5" }, mc = /* @__PURE__ */ f({
+], cc = { class: "tpl:mb-3.5" }, lc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, uc = { class: "tpl:mb-3.5" }, dc = { class: "tpl:mb-3.5" }, fc = ["value"], pc = { value: "full" }, mc = { class: "tpl:mb-3.5" }, hc = /* @__PURE__ */ f({
 	__name: "VideoToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -3338,7 +3356,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			u.alive && e && (S("thumbnailUrl", e.url), _.value = !0, v());
 		}
 		return (t, r) => (s(), m(C, null, [
-			p("div", rc, [
+			p("div", ic, [
 				p("label", { class: n(x(K)) }, c(x(a).video.videoUrl), 3),
 				g($, {
 					"model-value": e.block.url,
@@ -3354,16 +3372,16 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					"onUpdate:modelValue": r[1] ||= (e) => S("openInNewTab", e)
 				}, null, 8, ["model-value", "label"])) : T("", !0)
 			]),
-			h.value ? (s(), m("div", ic, [p("label", { class: n(x(K)) }, [b(c(x(a).video.placeholderUrl) + " ", 1), p("span", ac, c(x(a).video.optional), 1)], 2), p("input", {
+			h.value ? (s(), m("div", ac, [p("label", { class: n(x(K)) }, [b(c(x(a).video.placeholderUrl) + " ", 1), p("span", oc, c(x(a).video.optional), 1)], 2), p("input", {
 				type: "url",
 				class: n(x(G)),
 				value: e.block.placeholderUrl || "",
 				placeholder: x(a).video.placeholderUrlPlaceholder,
 				title: x(a).video.placeholderUrlTooltip,
 				onInput: r[2] ||= (e) => S("placeholderUrl", e.target.value)
-			}, null, 42, oc)])) : T("", !0),
-			p("div", sc, [
-				p("label", { class: n(x(K)) }, [b(c(x(a).video.customThumbnail) + " ", 1), p("span", cc, c(x(a).video.optional), 1)], 2),
+			}, null, 42, sc)])) : T("", !0),
+			p("div", cc, [
+				p("label", { class: n(x(K)) }, [b(c(x(a).video.customThumbnail) + " ", 1), p("span", lc, c(x(a).video.optional), 1)], 2),
 				g($, {
 					"model-value": e.block.thumbnailUrl,
 					type: "url",
@@ -3389,23 +3407,23 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					"stroke-width": 1.5
 				}), b(" " + c(x(a).image.browseMedia), 1)])) : T("", !0)
 			]),
-			p("div", lc, [p("label", { class: n(x(K)) }, c(x(a).video.altText), 3), g($, {
+			p("div", uc, [p("label", { class: n(x(K)) }, c(x(a).video.altText), 3), g($, {
 				"model-value": e.block.alt,
 				type: "text",
 				placeholder: x(a).video.altTextPlaceholder,
 				"onUpdate:modelValue": r[4] ||= (e) => S("alt", e)
 			}, null, 8, ["model-value", "placeholder"])]),
-			p("div", uc, [p("label", { class: n(x(K)) }, c(x(a).video.width), 3), p("select", {
+			p("div", dc, [p("label", { class: n(x(K)) }, c(x(a).video.width), 3), p("select", {
 				class: n(x(G)),
 				value: e.block.width,
 				onChange: r[5] ||= (e) => S("width", e.target.value === "full" ? "full" : Number(e.target.value))
 			}, [
-				p("option", fc, c(x(a).video.fullWidth), 1),
+				p("option", pc, c(x(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, dc)]),
-			p("div", pc, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(qt, {
+			], 42, fc)]),
+			p("div", mc, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(Q, {
 				options: [
 					{
 						value: "left",
@@ -3425,7 +3443,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), hc = ["aria-label"], gc = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, _c = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, vc = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, yc = { class: "tpl:flex tpl:gap-1" }, bc = ["title"], xc = ["title"], Sc = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Cc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
+}), gc = ["aria-label"], _c = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, vc = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, yc = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, bc = { class: "tpl:flex tpl:gap-1" }, xc = ["title"], Sc = ["title"], Cc = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, wc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
 	__name: "Toolbar",
 	props: { block: {} },
 	emits: [
@@ -3434,7 +3452,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let n = h(() => import("./CountdownToolbar-DpNCZAUI.js")), r = e, i = t, { t: a } = U(), l = Be(lt, "Toolbar"), u = D(at, []), d = w(() => r.block.type), f = w(() => L(r.block)), _ = w(() => {
+		let n = h(() => import("./CountdownToolbar-CBE9wRaV.js")), r = e, i = t, { t: a } = U(), l = Be(lt, "Toolbar"), u = D(at, []), d = w(() => r.block.type), f = w(() => L(r.block)), _ = w(() => {
 			if (f.value) return u.find((e) => e.type === r.block.customType);
 		}), v = w(() => f.value ? _.value?.name ?? r.block.customType : de(d.value, a)), b = l.fonts;
 		function S(e) {
@@ -3443,7 +3461,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 		return (t, r) => (s(), m("aside", {
 			"aria-label": x(a).landmarks.blockToolbar,
 			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [p("div", gc, [p("div", _c, [x(_t)[d.value] ? (s(), y(o(x(_t)[d.value]), {
+		}, [p("div", _c, [p("div", vc, [x(_t)[d.value] ? (s(), y(o(x(_t)[d.value]), {
 			key: 0,
 			size: 16,
 			"stroke-width": 1.5
@@ -3451,70 +3469,70 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			key: 1,
 			size: 16,
 			"stroke-width": 1.5
-		})) : T("", !0), p("h3", vc, c(v.value), 1)]), p("div", yc, [p("button", {
+		})) : T("", !0), p("h3", yc, c(v.value), 1)]), p("div", bc, [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: x(a).toolbar.duplicate,
 			onClick: r[0] ||= (e) => i("duplicate")
 		}, [g(x(H), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, bc), p("button", {
+		})], 8, xc), 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: x(a).toolbar.delete,
 			onClick: r[1] ||= (e) => i("delete")
 		}, [g(x(At), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, xc)])]), p("div", Sc, [f.value ? (s(), y(Wa, {
+		})], 8, Sc)])]), p("div", Cc, [f.value ? (s(), y(Ga, {
 			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(), y(Ho, {
+		}, null, 8, ["block"])) : d.value === "section" ? (s(), y(Uo, {
 			key: 1,
 			block: e.block,
 			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "title" ? (s(), y(nc, {
+		}, null, 8, ["block"])) : d.value === "title" ? (s(), y(rc, {
 			key: 2,
 			block: e.block,
 			"font-families": x(b),
 			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), m(C, { key: 3 }, [], 64)) : d.value === "image" ? (s(), y(_o, {
+		}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), m(C, { key: 3 }, [], 64)) : d.value === "image" ? (s(), y(vo, {
 			key: 4,
 			block: e.block,
 			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "video" ? (s(), y(mc, {
+		}, null, 8, ["block"])) : d.value === "video" ? (s(), y(hc, {
 			key: 5,
 			block: e.block,
 			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "button" ? (s(), y(gi, {
+		}, null, 8, ["block"])) : d.value === "button" ? (s(), y(_i, {
 			key: 6,
 			block: e.block,
 			"font-families": x(b),
 			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), y(Xa, {
+		}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), y(Za, {
 			key: 7,
 			block: e.block,
 			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "social" ? (s(), y(ss, {
+		}, null, 8, ["block"])) : d.value === "social" ? (s(), y(cs, {
 			key: 8,
 			block: e.block,
 			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "menu" ? (s(), y(Oo, {
+		}, null, 8, ["block"])) : d.value === "menu" ? (s(), y(ko, {
 			key: 9,
 			block: e.block,
 			"font-families": x(b),
 			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), y(Us, {
+		}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), y(Ws, {
 			key: 10,
 			block: e.block,
 			"font-families": x(b),
 			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), y(fs, {
+		}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), y(ps, {
 			key: 11,
 			block: e.block,
 			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "html" ? (s(), y(eo, {
+		}, null, 8, ["block"])) : d.value === "html" ? (s(), y(to, {
 			key: 12,
 			block: e.block,
 			onUpdate: S
@@ -3523,52 +3541,52 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			block: e.block,
 			"font-families": x(b),
 			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : T("", !0), g(ca, {
+		}, null, 8, ["block", "font-families"])) : T("", !0), g(la, {
 			block: e.block,
 			"is-first-section": d.value === "paragraph",
 			onUpdate: S
-		}, null, 8, ["block", "is-first-section"])])], 8, hc));
+		}, null, 8, ["block", "is-first-section"])])], 8, gc));
 	}
-}), [["__scopeId", "data-v-2ac88283"]]), wc = ["aria-label"], Tc = {
+}), [["__scopeId", "data-v-2ac88283"]]), Tc = ["aria-label"], Ec = {
 	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"
-}, Ec = [
+}, Dc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], Dc = { key: 0 }, Oc = [
+], Oc = { key: 0 }, kc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], kc = { key: 0 }, Ac = [
+], Ac = { key: 0 }, jc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], jc = { key: 0 }, Mc = {
+], Mc = { key: 0 }, Nc = {
 	key: 1,
 	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, Nc = {
+}, 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"
-}, Pc = {
+}, Fc = {
 	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)]"
-}, Fc = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Ic = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Lc = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Rc = {
+}, Ic = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Lc = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Rc = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, zc = {
 	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"
-}, zc = {
+}, Bc = {
 	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"
-}, Bc = /* @__PURE__ */ f({
+}, Vc = /* @__PURE__ */ f({
 	__name: "RightSidebar",
 	props: {
 		selectedBlock: {},
@@ -3582,7 +3600,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 		"update-settings"
 	],
 	setup(e, { emit: r }) {
-		let a = h(() => import("./IssuesPanel-CUkmAC_S.js")), o = e, l = r, { t: u } = U(), f = d("content"), _ = D(ze, null), v = w(() => _ !== null), b = w(() => _?.issues.value.length ?? 0);
+		let a = h(() => import("./IssuesPanel-Do7RLXsP.js")), o = e, l = r, { t: u } = U(), f = d("content"), _ = D(ze, null), v = w(() => _ !== null), b = w(() => _?.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)]";
 		}
@@ -3598,7 +3616,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			"aria-label": x(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", Tc, [
+			p("div", Ec, [
 				p("button", {
 					id: "tpl-tab-content",
 					role: "tab",
@@ -3609,10 +3627,10 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					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(C("content")),
 					onClick: i[0] ||= (e) => f.value = "content"
-				}, [g(x(nn), {
+				}, [g(x(tn), {
 					size: 14,
 					"stroke-width": 2
-				}), f.value === "content" ? (s(), m("span", Dc, c(x(u).sidebar.content), 1)) : T("", !0)], 14, Ec),
+				}), f.value === "content" ? (s(), m("span", Oc, c(x(u).sidebar.content), 1)) : T("", !0)], 14, Dc),
 				p("button", {
 					id: "tpl-tab-settings",
 					role: "tab",
@@ -3626,7 +3644,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				}, [g(x(an), {
 					size: 14,
 					"stroke-width": 1.5
-				}), f.value === "settings" ? (s(), m("span", kc, c(x(u).sidebar.settings), 1)) : T("", !0)], 14, Oc),
+				}), f.value === "settings" ? (s(), m("span", Ac, c(x(u).sidebar.settings), 1)) : T("", !0)], 14, kc),
 				v.value ? (s(), m("button", {
 					key: 0,
 					id: "tpl-tab-issues",
@@ -3643,54 +3661,54 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 						size: 14,
 						"stroke-width": 1.5
 					}),
-					f.value === "issues" ? (s(), m("span", jc, c(x(u).issues.panelTabLabel), 1)) : T("", !0),
-					b.value > 0 ? (s(), m("span", Mc, c(b.value), 1)) : T("", !0)
-				], 14, Ac)) : T("", !0)
+					f.value === "issues" ? (s(), m("span", Mc, c(x(u).issues.panelTabLabel), 1)) : T("", !0),
+					b.value > 0 ? (s(), m("span", Nc, c(b.value), 1)) : T("", !0)
+				], 14, jc)) : T("", !0)
 			]),
-			f.value === "content" ? (s(), m("div", Nc, [e.selectedBlock ? (s(), y(Cc, {
+			f.value === "content" ? (s(), m("div", Pc, [e.selectedBlock ? (s(), y(wc, {
 				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", Pc, [
-				p("div", Fc, [g(x(Qt), {
+			}, null, 8, ["block"])) : (s(), m("div", Fc, [
+				p("div", Ic, [g(x(Zt), {
 					size: 40,
 					"stroke-width": 1.5
 				})]),
-				p("h3", Ic, c(x(u).sidebar.noSelection), 1),
-				p("p", Lc, c(x(u).sidebar.noSelectionHint), 1)
+				p("h3", Lc, c(x(u).sidebar.noSelection), 1),
+				p("p", Rc, c(x(u).sidebar.noSelectionHint), 1)
 			]))])) : T("", !0),
-			f.value === "settings" ? (s(), m("div", Rc, [g(Br, {
+			f.value === "settings" ? (s(), m("div", zc, [g(Br, {
 				settings: e.settings,
 				onUpdate: i[6] ||= (e) => l("update-settings", e)
 			}, null, 8, ["settings"])])) : T("", !0),
-			f.value === "issues" && v.value ? (s(), m("div", zc, [g(x(a))])) : T("", !0)
-		], 10, wc));
+			f.value === "issues" && v.value ? (s(), m("div", Bc, [g(x(a))])) : T("", !0)
+		], 10, Tc));
 	}
-}), Vc = {
+}), Hc = {
 	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"
-}, Hc = { class: "tpl:text-[var(--tpl-text-dim)]" }, Uc = { 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" }, Gc = /* @__PURE__ */ f({
+}, Uc = { class: "tpl:text-[var(--tpl-text-dim)]" }, Wc = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Gc = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Kc = /* @__PURE__ */ f({
 	__name: "SmallScreenNotice",
 	setup(e) {
 		let { t } = U();
-		return (e, n) => (s(), m("div", Vc, [
-			p("div", Hc, [g(x(wt), {
+		return (e, n) => (s(), m("div", Hc, [
+			p("div", Uc, [g(x(wt), {
 				size: 48,
 				"stroke-width": 1.5
 			})]),
-			p("h2", Uc, c(x(t).smallScreen.title), 1),
-			p("p", Wc, c(x(t).smallScreen.message), 1)
+			p("h2", Wc, c(x(t).smallScreen.title), 1),
+			p("p", Gc, c(x(t).smallScreen.message), 1)
 		]));
 	}
-}), Kc = [
+}), qc = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], qc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
+], Jc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
@@ -3723,13 +3741,13 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, Kc));
+		})], 12, qc));
 	}
-}), [["__scopeId", "data-v-af87d02a"]]), Jc = [
+}), [["__scopeId", "data-v-af87d02a"]]), Yc = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Yc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
+], Xc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
@@ -3752,7 +3770,7 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: l(() => [e.darkMode ? (s(), y(x(tn), {
+			default: l(() => [e.darkMode ? (s(), y(x(en), {
 				key: "moon",
 				size: 18,
 				"stroke-width": 1.5
@@ -3762,27 +3780,27 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, Jc));
+		})], 12, Yc));
 	}
-}), [["__scopeId", "data-v-f8694f76"]]), Xc = {
+}), [["__scopeId", "data-v-f8694f76"]]), Zc = {
 	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 = {
+}, Qc = {
 	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({
+}, $c = /* @__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", Zc, [
 			p("span", null, c(x(t).footer.poweredBy), 1),
 			i[0] ||= p("a", {
 				href: "https://templatical.com",
@@ -3797,32 +3815,32 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				alt: ""
 			}), b(" Templatical ")], -1),
 			i[1] ||= p("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			p("a", Zc, c(x(t).footer.openSource), 1)
+			p("a", Qc, c(x(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 = [
+}), el = ["aria-labelledby", "data-tpl-theme"], tl = { 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" }, nl = ["id"], rl = ["aria-label"], il = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, al = [
 	"id",
 	"placeholder",
 	"aria-label",
 	"aria-activedescendant"
-], al = {
+], ol = {
 	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 = {
+}, sl = ["data-group-name", "onClick"], cl = ["aria-label"], ll = {
 	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 = {
+}, ul = {
 	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 = [
+}, dl = [
 	"aria-expanded",
 	"data-group-name",
 	"data-group-collapsed",
 	"onClick"
-], dl = { class: "tpl:ml-1 tpl:font-normal" }, fl = [
+], fl = { class: "tpl:ml-1 tpl:font-normal" }, pl = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -3831,14 +3849,14 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 	"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 = {
+], ml = { class: "tpl:text-sm tpl:font-medium" }, hl = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, gl = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, gl = {
+}, _l = {
 	key: 1,
 	"data-testid": "merge-tag-picker-sample",
 	class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, _l = "tpl-merge-tag-picker-list", vl = /* @__PURE__ */ f({
+}, vl = "tpl-merge-tag-picker-list", yl = /* @__PURE__ */ f({
 	__name: "MergeTagPickerModal",
 	setup(r) {
 		let a = Be(We, "MergeTagPickerModal"), { t: o, format: u } = U(), f = D(Ye, null), h = D(Je, null), _ = d(""), v = Pe(_, 200), b = d(null), S = w(() => v.value.trim().length > 0), O = d(0), M = w(() => a.tags.value.some((e) => !!e.group)), P = d(/* @__PURE__ */ new Set());
@@ -3951,13 +3969,13 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}
 		}
 		function se() {
-			if (z.value.length !== 0) return `${_l}-opt-${O.value}`;
+			if (z.value.length !== 0) return `${vl}-opt-${O.value}`;
 		}
 		function ce(e) {
-			return `${_l}-opt-${e}`;
+			return `${vl}-opt-${e}`;
 		}
 		let le = w(() => a.tags.value.length === 0), ue = w(() => !le.value && I.value.length === 0), de = w(() => M.value && L.value.length > 1 && !S.value);
-		return (r, i) => (s(), y(Yt, {
+		return (r, i) => (s(), y(Jt, {
 			visible: x(a).isOpen.value,
 			onClose: V,
 			onKeydown: H
@@ -3965,16 +3983,16 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			default: l(() => [p("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${_l}-title`,
+				"aria-labelledby": `${vl}-title`,
 				"data-tpl-theme": x(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(x(f))
 			}, [
-				p("header", el, [p("h2", {
-					id: `${_l}-title`,
+				p("header", tl, [p("h2", {
+					id: `${vl}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(x(o).mergeTag.picker.title), 9, tl), p("button", {
+				}, c(x(o).mergeTag.picker.title), 9, nl), 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": x(o).mergeTag.picker.close,
@@ -3983,13 +4001,13 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				}, [g(x(jt), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, nl)]),
-				p("div", rl, [g(x(ht), {
+				})], 8, rl)]),
+				p("div", il, [g(x(ht), {
 					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
 				}), k(p("input", {
-					id: `${_l}-search`,
+					id: `${vl}-search`,
 					ref_key: "searchInputRef",
 					ref: b,
 					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
@@ -3997,34 +4015,34 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					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: x(o).mergeTag.picker.searchPlaceholder,
 					"aria-label": x(o).mergeTag.picker.searchAriaLabel,
-					"aria-controls": _l,
+					"aria-controls": vl,
 					"aria-activedescendant": se(),
 					"data-testid": "merge-tag-picker-search",
 					onKeydown: i[1] ||= N(j(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, il), [[A, _.value]])]),
-				de.value ? (s(), m("div", al, [(s(!0), m(C, null, e(L.value, (e) => (s(), m("button", {
+				}, null, 40, al), [[A, _.value]])]),
+				de.value ? (s(), m("div", ol, [(s(!0), m(C, null, e(L.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) => oe(e)
-				}, c(e), 9, ol))), 128))])) : T("", !0),
+				}, c(e), 9, sl))), 128))])) : T("", !0),
 				p("div", {
-					id: _l,
+					id: vl,
 					ref_key: "listRef",
 					ref: ne,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": x(o).mergeTag.picker.title,
 					"data-testid": "merge-tag-picker-list"
-				}, [le.value ? (s(), m("div", cl, c(x(o).mergeTag.picker.empty), 1)) : ue.value ? (s(), m("div", ll, c(x(o).mergeTag.picker.noResults), 1)) : (s(!0), m(C, { key: 2 }, e(R.value, (e, t) => (s(), m(C, { key: t }, [e.kind === "header" ? (s(), m("button", {
+				}, [le.value ? (s(), m("div", ll, c(x(o).mergeTag.picker.empty), 1)) : ue.value ? (s(), m("div", ul, c(x(o).mergeTag.picker.noResults), 1)) : (s(!0), m(C, { key: 2 }, e(R.value, (e, t) => (s(), m(C, { key: t }, [e.kind === "header" ? (s(), m("button", {
 					key: 0,
 					ref_for: !0,
 					ref: (t) => ie(e.group, t),
 					type: "button",
 					"aria-expanded": !F(e.group),
-					"aria-controls": _l,
+					"aria-controls": vl,
 					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,
@@ -4037,8 +4055,8 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 						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(x(u)(x(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
-				], 8, ul)) : (s(), m("button", {
+					p("span", fl, " (" + c(x(u)(x(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
+				], 8, dl)) : (s(), m("button", {
 					key: 1,
 					id: ce(e.index),
 					type: "button",
@@ -4053,16 +4071,16 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					onMousemove: (t) => O.value = e.index,
 					onClick: (t) => B(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)) : T("", !0),
-					e.tag.sample === void 0 ? T("", !0) : (s(), m("span", gl, c(x(u)(x(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
-				], 42, fl))], 64))), 128))], 8, sl)
-			], 12, $c)]),
+					p("span", ml, c(e.tag.label), 1),
+					p("span", hl, c(e.tag.value), 1),
+					e.tag.description ? (s(), m("span", gl, c(e.tag.description), 1)) : T("", !0),
+					e.tag.sample === void 0 ? T("", !0) : (s(), m("span", _l, c(x(u)(x(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
+				], 42, pl))], 64))), 128))], 8, cl)
+			], 12, el)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
-}), yl = ["data-logic-keyword"], bl = /* @__PURE__ */ f({
+}), bl = ["data-logic-keyword"], xl = /* @__PURE__ */ f({
 	__name: "LogicTagBadge",
 	props: {
 		value: {},
@@ -4079,22 +4097,22 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			},
 			"data-testid": "merge-tag-logic-badge",
 			"data-logic-keyword": r.value
-		}, c(r.value), 9, yl)) : T("", !0);
+		}, c(r.value), 9, bl)) : T("", !0);
 	}
-}), xl = ["aria-labelledby", "data-tpl-theme"], Sl = { 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" }, Cl = ["id"], wl = ["aria-label"], Tl = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, El = [
+}), Sl = ["aria-labelledby", "data-tpl-theme"], Cl = { 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" }, wl = ["id"], Tl = ["aria-label"], El = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Dl = [
 	"id",
 	"placeholder",
 	"aria-label",
 	"aria-activedescendant"
-], Dl = ["aria-label"], Ol = {
+], Ol = ["aria-label"], kl = {
 	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"
-}, kl = {
+}, Al = {
 	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"
-}, Al = ["data-group-name"], jl = [
+}, jl = ["data-group-name"], Ml = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -4102,16 +4120,16 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 	"data-logic-kind",
 	"onMousemove",
 	"onClick"
-], Ml = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Nl = { class: "tpl:text-sm tpl:font-medium" }, Pl = {
+], Nl = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Pl = { class: "tpl:text-sm tpl:font-medium" }, Fl = {
 	key: 0,
 	class: "tpl:flex tpl:items-center"
-}, Fl = {
+}, Il = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-1"
-}, Il = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Ll = {
+}, Ll = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Rl = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, Rl = "tpl-logic-picker-list", zl = /* @__PURE__ */ f({
+}, zl = "tpl-logic-picker-list", Bl = /* @__PURE__ */ f({
 	__name: "LogicTagPickerModal",
 	setup(r) {
 		let a = Be(qe, "LogicTagPickerModal"), { t: o } = U(), u = D(Re, B.liquid), f = D(Ye, null), h = D(Je, null), _ = d(""), v = Pe(_, 200), b = d(null), S = w(() => v.value.trim().length > 0), O = d(0);
@@ -4197,12 +4215,12 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			}
 		}
 		function H(e) {
-			return `${Rl}-opt-${e}`;
+			return `${zl}-opt-${e}`;
 		}
 		function se() {
-			return z.value.length === 0 ? void 0 : `${Rl}-opt-${O.value}`;
+			return z.value.length === 0 ? void 0 : `${zl}-opt-${O.value}`;
 		}
-		return (r, i) => (s(), y(Yt, {
+		return (r, i) => (s(), y(Jt, {
 			visible: x(a).isOpen.value,
 			onClose: ie,
 			onKeydown: oe
@@ -4210,16 +4228,16 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 			default: l(() => [p("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${Rl}-title`,
+				"aria-labelledby": `${zl}-title`,
 				"data-tpl-theme": x(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(x(f))
 			}, [
-				p("header", Sl, [p("h2", {
-					id: `${Rl}-title`,
+				p("header", Cl, [p("h2", {
+					id: `${zl}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(x(o).logicTag.picker.title), 9, Cl), p("button", {
+				}, c(x(o).logicTag.picker.title), 9, wl), 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": x(o).logicTag.picker.close,
@@ -4228,13 +4246,13 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 				}, [g(x(jt), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, wl)]),
-				p("div", Tl, [g(x(ht), {
+				})], 8, Tl)]),
+				p("div", El, [g(x(ht), {
 					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
 				}), k(p("input", {
-					id: `${Rl}-search`,
+					id: `${zl}-search`,
 					ref_key: "searchInputRef",
 					ref: b,
 					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
@@ -4242,25 +4260,25 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					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: x(o).logicTag.picker.searchPlaceholder,
 					"aria-label": x(o).logicTag.picker.searchAriaLabel,
-					"aria-controls": Rl,
+					"aria-controls": zl,
 					"aria-activedescendant": se(),
 					"data-testid": "logic-picker-search",
 					onKeydown: i[1] ||= N(j(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, El), [[A, _.value]])]),
+				}, null, 40, Dl), [[A, _.value]])]),
 				p("div", {
-					id: Rl,
+					id: zl,
 					ref_key: "listRef",
 					ref: ne,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": x(o).logicTag.picker.title,
 					"data-testid": "logic-picker-list"
-				}, [V.value ? (s(), m("div", Ol, c(x(o).logicTag.picker.empty), 1)) : te.value ? (s(), m("div", kl, c(x(o).logicTag.picker.noResults), 1)) : (s(!0), m(C, { key: 2 }, e(R.value.rows, (e, t) => (s(), m(C, { key: t }, [e.kind === "header" ? (s(), m("div", {
+				}, [V.value ? (s(), m("div", kl, c(x(o).logicTag.picker.empty), 1)) : te.value ? (s(), m("div", Al, c(x(o).logicTag.picker.noResults), 1)) : (s(!0), m(C, { key: 2 }, e(R.value.rows, (e, t) => (s(), m(C, { 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, Al)) : (s(), m("button", {
+				}, c(e.label), 9, jl)) : (s(), m("button", {
 					key: 1,
 					id: H(e.index),
 					type: "button",
@@ -4274,27 +4292,27 @@ var jo = { class: "tpl:mb-3.5" }, Mo = ["value"], No = ["value"], Po = {
 					onMousemove: (t) => O.value = e.index,
 					onClick: (t) => re(e.kind === "tag" ? e.tag : e.pair)
 				}, [
-					p("span", Ml, [p("span", Nl, c(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), m("span", Pl, [g(bl, {
+					p("span", Nl, [p("span", Pl, c(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), m("span", Fl, [g(xl, {
 						value: e.tag.value,
 						syntax: x(u)
-					}, null, 8, ["value", "syntax"])])) : (s(), m("span", Fl, [
-						g(bl, {
+					}, null, 8, ["value", "syntax"])])) : (s(), m("span", Il, [
+						g(xl, {
 							value: e.pair.before,
 							syntax: x(u)
 						}, null, 8, ["value", "syntax"]),
 						i[2] ||= p("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
-						g(bl, {
+						g(xl, {
 							value: e.pair.after,
 							syntax: x(u)
 						}, null, 8, ["value", "syntax"])
 					]))]),
-					p("span", Il, 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", Ll, c(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : T("", !0)
-				], 42, jl))], 64))), 128))], 8, Dl)
-			], 12, xl)]),
+					p("span", Ll, 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", Rl, c(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : T("", !0)
+				], 42, Ml))], 64))), 128))], 8, Ol)
+			], 12, Sl)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
 });
 //#endregion
-export { qc as a, Ln as c, mn as d, pn as f, rn as h, Yc as i, On as l, ln as m, vl as n, Gc as o, dn as p, Qc as r, Bc as s, zl as t, Dn as u };
+export { Jc as a, Ln as c, mn as d, pn as f, rn as h, Xc as i, On as l, ln as m, yl as n, Kc as o, dn as p, $c as r, Vc as s, Bl as t, Dn as u };