@templatical/editor 0.18.0 → 0.20.0

package/dist/{styles-CJ6WmkYL.js → styles-DkF_-uX8.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 _, l as v, m as y, nt as b, q as x, r as S, s as C, u as w, w as T, x as E, y as D, z as O } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as k, c as A, o as j, s as M, t as N } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { t as P } from "./upload-y4gxiFp5.js";
-import { C as F, D as I, E as L, O as R, k as z, o as B, r as V, s as ee, u as te, w as ne } from "./dist-DoRIUsfz.js";
-import { C as H, F as re, I as ie, L as ae, M as oe, N as se, O as ce, P as le, R as ue, _ as de, a as fe, c as pe, f as me, g as he, h as ge, i as _e, l as ve, m as ye, n as be, o as xe, p as Se, r as Ce, s as we, u as Te, v as Ee, y as De, z as Oe } from "./useEditorCore-LJJNXXqC.js";
-import { c as ke, m as Ae } from "./dist-DYv_Pttj.js";
-import { n as je } from "./usePopoverPosition-QDY09q9H.js";
-import { C as Me, D as Ne, E as Pe, F as Fe, I as Ie, L as Le, R as Re, a as ze, d as Be, f as Ve, g as He, j as Ue, k as We, m as Ge, n as Ke, o as qe, p as Je, s as Ye, u as Xe, z as Ze } from "./keys-DAxnnmXs.js";
-import { t as U } from "./useI18n-OaMLWqhY.js";
-import { t as W } from "./createLucideIcon-FSF4peHQ.js";
-import { n as Qe, t as $e } from "./scan-line-IAMjPtRw.js";
-import { t as et } from "./chevron-down-dClfxKrJ.js";
-import { t as tt } from "./circle-alert-Bhzm-fNA.js";
-import { i as nt, n as rt, r as it, t as at } from "./blockTypeIcons-CnlwyvkL.js";
-import { n as ot, t as st } from "./refresh-cw-as5Bmg4X.js";
-import { t as ct } from "./image-up-CDEgJqwA.js";
-import { t as lt } from "./info-BNP8yGsK.js";
-import { t as ut } from "./list-checks-jepi4iYr.js";
-import { t as dt } from "./loader-circle-BT38qSm3.js";
-import { t as ft } from "./sparkles-CCwQMMMZ.js";
-import { n as pt, r as mt, t as ht } from "./text-align-start-BwsA6QzC.js";
-import { t as gt } from "./trash-2-CRBDolnR.js";
-import { t as _t } from "./x-Ctg_250T.js";
-import { t as vt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as yt } from "./useCloudI18n-DIn74fK2.js";
-import { t as bt } from "./useMergeTag-CZMgwVvr.js";
-import { t as xt } from "./useAliveFlag-C43EhZFY.js";
-import { t as St } from "./readableTextColor-f8Kykfnh.js";
-import { t as Ct } from "./CountdownBlock-CaU40Htk.js";
-import { _ as wt, f as G, g as Tt, h as K, i as Et, l as Dt, m as q, n as Ot, p as J, t as Y, u as kt } from "./ColorPicker-BXCcUYsZ.js";
-import { n as At, r as jt } from "./MergeTagSuggestion-DCuaSOPQ.js";
+import { t as P } from "./upload-DsCd2zTR.js";
+import { A as F, E as I, O as L, T as R, a as z, c as B, f as V, j as ee, k as te, l as ne } from "./dist-BJbqgyPn.js";
+import { B as H, C as re, F as ie, I as ae, L as oe, M as se, N as ce, O as le, P as ue, R as de, _ as fe, a as pe, c as me, f as he, g as ge, h as _e, i as ve, l as ye, m as be, n as xe, o as Se, p as Ce, r as we, s as Te, u as Ee, v as De, y as Oe, z as ke } from "./useEditorCore-kKUemYY6.js";
+import { c as Ae, m as je } from "./dist-DYv_Pttj.js";
+import { a as Me, n as Ne } from "./usePopoverPosition-F9STHRIr.js";
+import { A as Pe, B as Fe, D as Ie, I as Le, L as Re, M as ze, O as Be, R as Ve, _ as He, a as Ue, d as We, f as Ge, h as Ke, l as qe, m as Je, n as Ye, o as Xe, p as Ze, s as Qe, w as $e, z as et } from "./keys-DFaIbGR8.js";
+import { t as U } from "./useI18n-BNMzZTM5.js";
+import { t as W } from "./createLucideIcon-_peTZQtY.js";
+import { n as tt, t as nt } from "./scan-line-CHadrYVb.js";
+import { t as rt } from "./chevron-down-COEcl2iP.js";
+import { t as it } from "./circle-alert-CvHi5etc.js";
+import { i as at, n as ot, r as st, t as ct } from "./blockTypeIcons-4D0aFXNg.js";
+import { n as lt, t as ut } from "./refresh-cw-DlYfl65Y.js";
+import { t as dt } from "./image-up-D26rNdfX.js";
+import { t as ft } from "./info-CE3JSTqk.js";
+import { t as pt } from "./list-checks-BQsLrtBB.js";
+import { t as mt } from "./loader-circle-s9Rh5lLd.js";
+import { t as ht } from "./sparkles-CncWT57a.js";
+import { n as gt, r as _t, t as vt } from "./text-align-start-B458vzYw.js";
+import { t as yt } from "./trash-2-DO0yjSU1.js";
+import { t as bt } from "./x-BCFQuE_q.js";
+import { t as xt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as St } from "./useCloudI18n-PCDOC2kz.js";
+import { t as Ct } from "./useMergeTag-DfEY0eK5.js";
+import { t as wt } from "./useAliveFlag-C43EhZFY.js";
+import { t as Tt } from "./readableTextColor-f8Kykfnh.js";
+import { t as Et } from "./CountdownBlock-Bn5w7C-p.js";
+import { _ as Dt, f as G, g as Ot, h as K, i as kt, l as At, m as q, n as jt, p as J, t as Y, u as Mt } from "./ColorPicker-4vDYhdGe.js";
+import { n as Nt, r as Pt } from "./MergeTagSuggestion-DCuaSOPQ.js";
 import { t as X } from "./ToggleSwitch-DUNuUPsZ.js";
-import { n as Z, r as Mt, t as Nt } from "./NumberWithSuffix-BreqtON_.js";
-import { t as Pt } from "./TplModal-DAtccv6o.js";
-var Ft = W("circle", [["circle", {
+import { n as Z, r as Ft, t as It } from "./NumberWithSuffix-Bf3rNxza.js";
+import { t as Lt } from "./TplModal-BDDyvT-C.js";
+var Rt = W("circle", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
 	key: "1mglay"
-}]]), It = W("globe", [
+}]]), zt = W("globe", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -52,7 +52,7 @@ var Ft = W("circle", [["circle", {
 		d: "M2 12h20",
 		key: "9i4pu4"
 	}]
-]), Lt = W("layout-template", [
+]), Bt = W("layout-template", [
 	["rect", {
 		width: "18",
 		height: "7",
@@ -77,7 +77,7 @@ var Ft = W("circle", [["circle", {
 		rx: "1",
 		key: "q5h2i8"
 	}]
-]), Rt = W("lock-open", [["rect", {
+]), Vt = W("lock-open", [["rect", {
 	width: "18",
 	height: "11",
 	x: "3",
@@ -88,7 +88,7 @@ var Ft = W("circle", [["circle", {
 }], ["path", {
 	d: "M7 11V7a5 5 0 0 1 9.9-1",
 	key: "1mm8w8"
-}]]), zt = W("lock", [["rect", {
+}]]), Ht = W("lock", [["rect", {
 	width: "18",
 	height: "11",
 	x: "3",
@@ -99,7 +99,7 @@ var Ft = W("circle", [["circle", {
 }], ["path", {
 	d: "M7 11V7a5 5 0 0 1 10 0v4",
 	key: "fwvmzm"
-}]]), Bt = W("monitor", [
+}]]), Ut = W("monitor", [
 	["rect", {
 		width: "20",
 		height: "14",
@@ -122,10 +122,10 @@ var Ft = W("circle", [["circle", {
 		y2: "21",
 		key: "vw1qmm"
 	}]
-]), Vt = W("moon", [["path", {
+]), Wt = 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"
-}]]), Ht = W("panel-top", [["rect", {
+}]]), Gt = W("panel-top", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
@@ -141,13 +141,13 @@ var Ft = W("circle", [["circle", {
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), Ut = W("rotate-ccw", [["path", {
+}]]), Kt = W("rotate-ccw", [["path", {
 	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
 	key: "1357e3"
 }], ["path", {
 	d: "M3 3v5h5",
 	key: "1xhq8a"
-}]]), Wt = W("settings", [["path", {
+}]]), qt = W("settings", [["path", {
 	d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
 	key: "1i5ecw"
 }], ["circle", {
@@ -155,7 +155,7 @@ var Ft = W("circle", [["circle", {
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), Gt = W("smartphone", [["rect", {
+}]]), Jt = W("smartphone", [["rect", {
 	width: "14",
 	height: "20",
 	x: "5",
@@ -166,7 +166,7 @@ var Ft = W("circle", [["circle", {
 }], ["path", {
 	d: "M12 18h.01",
 	key: "mhygvu"
-}]]), Kt = W("square-plus", [
+}]]), Yt = W("square-plus", [
 	["rect", {
 		width: "18",
 		height: "18",
@@ -183,14 +183,14 @@ var Ft = W("circle", [["circle", {
 		d: "M12 8v8",
 		key: "napkw2"
 	}]
-]), qt = W("square", [["rect", {
+]), Xt = W("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
 	y: "3",
 	rx: "2",
 	key: "afitv7"
-}]]), Jt = W("sun", [
+}]]), Zt = W("sun", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -232,7 +232,7 @@ var Ft = W("circle", [["circle", {
 ]);
 //#endregion
 //#region src/utils/resolveLintOptions.ts
-function Yt(e) {
+function Qt(e) {
 	return {
 		...e.lint,
 		locale: e.locale
@@ -240,19 +240,19 @@ function Yt(e) {
 }
 //#endregion
 //#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
-var Xt = ["aria-label"], Zt = {
+var $t = ["aria-label"], en = {
 	key: 0,
 	class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
-}, Qt = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, $t = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, en = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, tn = {
+}, tn = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, nn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, rn = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, an = {
 	key: 0,
 	class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, nn = {
+}, on = {
 	key: 1,
 	class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, rn = { class: "tpl:relative" }, an = {
+}, sn = { class: "tpl:relative" }, cn = {
 	class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
 	style: { "background-color": "color-mix(\n                        in srgb,\n                        var(--tpl-bg) 30%,\n                        transparent\n                      )" }
-}, on = 96, sn = /*#__PURE__*/ vt(/* @__PURE__ */ f({
+}, ln = 96, un = /*#__PURE__*/ xt(/* @__PURE__ */ f({
 	__name: "Canvas",
 	props: {
 		viewport: {},
@@ -269,21 +269,21 @@ var Xt = ["aria-label"], Zt = {
 	],
 	setup(r, { emit: i }) {
 		let a = {
-			section: we,
-			title: ve,
-			paragraph: Se,
-			image: ge,
-			button: ie,
-			divider: Ee,
-			spacer: _e,
-			html: de,
-			social: fe,
-			menu: ye,
-			table: Ce,
-			video: be,
-			countdown: Ct,
-			custom: De
-		}, u = r, f = i, { t: h } = U(), { t: _ } = yt(), x = Ze(Ge, "Canvas"), T = E(Xe, null), D = E(qe, null), k = E(Ye, {}), A = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("chat") ?? !1)), M = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("designToTemplate") ?? !1)), N = C({
+			section: Te,
+			title: ye,
+			paragraph: Ce,
+			image: _e,
+			button: ae,
+			divider: De,
+			spacer: ve,
+			html: fe,
+			social: pe,
+			menu: be,
+			table: we,
+			video: xe,
+			countdown: Et,
+			custom: Oe
+		}, u = r, f = i, { t: h } = U(), { t: _ } = St(), x = Fe(Ke, "Canvas"), T = E(We, null), D = E(Xe, null), k = E(Qe, {}), A = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("chat") ?? !1)), M = C(() => (k.plan?.hasFeature("ai_generation") ?? !1) && (k.ai?.isFeatureEnabled("designToTemplate") ?? !1)), N = C({
 			get: () => u.content.blocks,
 			set: (e) => {
 				x.setContent({
@@ -296,7 +296,7 @@ var Xt = ["aria-label"], Zt = {
 				case "mobile": return 375;
 				default: return u.content.settings.width;
 			}
-		}), F = C(() => P.value + on * 2), I = C(() => {
+		}), F = C(() => P.value + ln * 2), I = C(() => {
 			let e = { fontFamily: u.content.settings.fontFamily };
 			return u.content.settings.textColor && (e.color = u.content.settings.textColor), u.content.settings.linkColor && (e["--tpl-doc-link-color"] = u.content.settings.linkColor), u.content.settings.linkUnderline && (e["--tpl-doc-link-underline"] = "underline"), e;
 		}), L = C(() => N.value.length === 0 && !u.previewMode), R = d(0), z = C(() => L.value && R.value > 0);
@@ -313,7 +313,7 @@ var Xt = ["aria-label"], Zt = {
 			u.previewMode || e.target === e.currentTarget && f("select-block", null);
 		}
 		function ne(e) {
-			return me(e, D, a);
+			return he(e, D, a);
 		}
 		function H(e) {
 			return u.lockedBlocks?.get(e) ?? null;
@@ -354,7 +354,7 @@ var Xt = ["aria-label"], Zt = {
 			}]),
 			style: t(I.value),
 			onClick: te
-		}, [g(b(pe), {
+		}, [g(b(me), {
 			modelValue: N.value,
 			"onUpdate:modelValue": a[2] ||= (e) => N.value = e,
 			group: "blocks",
@@ -377,30 +377,30 @@ var Xt = ["aria-label"], Zt = {
 			onDragleave: V,
 			onDrop: ee
 		}, {
-			default: l(() => [L.value ? (s(), m("div", Zt, [
-				p("div", Qt, [g(b(Kt), {
+			default: l(() => [L.value ? (s(), m("div", en, [
+				p("div", tn, [g(b(Yt), {
 					size: 48,
 					"stroke-width": 1
 				})]),
-				p("p", $t, c(b(h).canvas.noBlocks), 1),
-				p("p", en, c(b(h).canvas.dragHint), 1),
-				A.value && b(_) ? (s(), m("p", tn, [
+				p("p", nn, c(b(h).canvas.noBlocks), 1),
+				p("p", rn, c(b(h).canvas.dragHint), 1),
+				A.value && b(_) ? (s(), m("p", an, [
 					y(c(b(h).canvas.aiHintChat) + " ", 1),
 					p("button", {
 						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: a[0] ||= (e) => f("open-ai-chat")
-					}, [g(b(ft), {
+					}, [g(b(ht), {
 						size: 14,
 						"stroke-width": 2
 					}), y(" " + c(b(_).aiMenu.aiAssistant), 1)]),
 					y(" " + c(b(h).canvas.aiHintChatSuffix), 1)
 				])) : w("", !0),
-				M.value && b(_) ? (s(), m("p", nn, [
+				M.value && b(_) ? (s(), m("p", on, [
 					y(c(b(h).canvas.aiHintDesign) + " ", 1),
 					p("button", {
 						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: a[1] ||= (e) => f("open-design-reference")
-					}, [g(b(ct), {
+					}, [g(b(dt), {
 						size: 14,
 						"stroke-width": 2
 					}), y(" " + c(b(_).aiMenu.designToTemplate), 1)]),
@@ -409,7 +409,7 @@ var Xt = ["aria-label"], Zt = {
 			])) : w("", !0), (s(!0), m(S, null, e(N.value, (e) => O((s(), m("div", {
 				key: e.id,
 				class: "tpl-block-item"
-			}, [p("div", rn, [H(e.id) ? (s(), m("div", {
+			}, [p("div", sn, [H(e.id) ? (s(), m("div", {
 				key: 0,
 				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
 				style: t({
@@ -420,9 +420,9 @@ var Xt = ["aria-label"], Zt = {
 				class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
 				style: t({
 					backgroundColor: H(e.id).color,
-					color: b(St)(H(e.id).color)
+					color: b(Tt)(H(e.id).color)
 				})
-			}, [p("span", an, c(H(e.id).name.charAt(0)), 1), y(" " + c(H(e.id).name), 1)], 4)], 4)) : w("", !0), g(Te, {
+			}, [p("span", cn, c(H(e.id).name.charAt(0)), 1), y(" " + c(H(e.id).name), 1)], 4)], 4)) : w("", !0), g(Ee, {
 				block: e,
 				"is-selected": !r.previewMode && r.selectedBlockId === e.id && !H(e.id),
 				viewport: r.viewport,
@@ -453,12 +453,12 @@ var Xt = ["aria-label"], Zt = {
 			"modelValue",
 			"disabled",
 			"class"
-		])], 6)], 12, Xt)], 4));
+		])], 6)], 12, $t)], 4));
 	}
-}), [["__scopeId", "data-v-b440d13f"]]), cn = f({
+}), [["__scopeId", "data-v-b440d13f"]]), dn = f({
 	name: "CustomBlockStylesheets",
 	setup() {
-		let e = E(Ve, null);
+		let e = E(Ze, null);
 		return () => e ? e.value.map((e, t) => D("style", {
 			key: t,
 			"data-tpl-custom-block-stylesheet": "",
@@ -468,7 +468,7 @@ var Xt = ["aria-label"], Zt = {
 });
 //#endregion
 //#region src/utils/resolvePaletteBlocks.ts
-function ln(e, t) {
+function fn(e, t) {
 	if (!t || t.length === 0) return {
 		items: e,
 		unknown: []
@@ -487,27 +487,27 @@ function ln(e, t) {
 }
 //#endregion
 //#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var un = ["aria-label"], dn = {
+var pn = ["aria-label"], mn = {
 	key: 0,
 	class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
-}, fn = ["aria-label"], pn = {
+}, hn = ["aria-label"], gn = {
 	key: 0,
 	class: "tpl:flex-1 tpl:truncate tpl:text-sm tpl:font-medium"
-}, mn = {
+}, _n = {
 	key: 1,
 	class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]"
-}, hn = [
+}, vn = [
 	"data-palette-type",
 	"aria-label",
 	"onClick",
 	"onKeydown"
-], gn = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:scale-105" }, _n = {
+], yn = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:scale-105" }, bn = {
 	key: 0,
 	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, vn = /* @__PURE__ */ f({
+}, xn = /* @__PURE__ */ f({
 	__name: "Sidebar",
 	setup(n) {
-		let { t: r, format: a } = U(), { t: u } = yt(), f = E(Be, []), h = E(Ue, void 0), _ = E(ze, void 0), y = E(Ge, null), x = E(Ye, {}), T = C(() => (x.savedModules?.moduleCount.value ?? 0) > 0), D = d(!1), O = d(!1);
+		let { t: r, format: a } = U(), { t: u } = St(), f = E(Ge, []), h = E(ze, void 0), _ = E(Ue, void 0), y = E(Ke, null), x = E(Qe, {}), T = C(() => (x.savedModules?.moduleCount.value ?? 0) > 0), D = d(!1), O = d(!1);
 		function k() {
 			O.value || (D.value = !1);
 		}
@@ -533,34 +533,34 @@ var un = ["aria-label"], dn = {
 		], N = C(() => {
 			let e = M.map((e) => ({
 				type: e,
-				label: ue(e, r)
+				label: ke(e, r)
 			}));
 			return x.plan && e.splice(-1, 0, {
 				type: "countdown",
-				label: ue("countdown", r)
+				label: ke("countdown", r)
 			}), e;
 		}), P = C(() => f.map((e) => ({
 			type: `custom:${e.type}`,
 			label: e.name,
 			isCustom: !0,
 			icon: e.icon
-		}))), F = C(() => [...N.value, ...P.value]), I = C(() => ln(F.value, h)), L = C(() => I.value.items), R = /* @__PURE__ */ new Set();
+		}))), F = C(() => [...N.value, ...P.value]), I = C(() => fn(F.value, h)), L = C(() => I.value.items), R = /* @__PURE__ */ new Set();
 		i(() => I.value.unknown, (e) => {
-			for (let t of e) R.has(t) || (R.add(t), ae.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
+			for (let t of e) R.has(t) || (R.add(t), de.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
 		}, { immediate: !0 });
 		function z(e) {
 			if (e.isCustom) {
 				let t = e.type.replace("custom:", ""), n = f.find((e) => e.type === t);
-				if (n) return te(n);
+				if (n) return V(n);
 			}
-			return ee(e.type, _);
+			return ne(e.type, _);
 		}
 		function B(e) {
 			if (!y) return;
 			let t = z(e);
 			y.addBlock(t), y.selectBlock(t.id);
 		}
-		function V(e, t) {
+		function ee(e, t) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), B(t));
 		}
 		return (n, i) => (s(), m("aside", {
@@ -577,21 +577,21 @@ var un = ["aria-label"], dn = {
 			onMouseleave: k,
 			onFocusin: i[2] ||= (e) => D.value = !0,
 			onFocusout: i[3] ||= (e) => D.value = !1
-		}, [T.value && b(u) ? (s(), m("div", dn, [p("button", {
+		}, [T.value && b(u) ? (s(), m("div", mn, [p("button", {
 			type: "button",
 			"aria-label": b(r).sidebarNav.browseModules,
 			class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)]",
 			style: t({ justifyContent: D.value ? "flex-start" : "center" }),
 			onClick: i[0] ||= (e) => b(x).savedModules?.openBrowser()
 		}, [
-			g(b(it), {
+			g(b(st), {
 				size: 20,
 				"stroke-width": 1.5,
 				class: "tpl:shrink-0"
 			}),
-			D.value ? (s(), m("span", pn, c(b(u).modules.title), 1)) : w("", !0),
-			D.value ? (s(), m("span", mn, c(b(x).savedModules?.moduleCount.value ?? 0), 1)) : w("", !0)
-		], 12, fn)])) : w("", !0), g(b(pe), {
+			D.value ? (s(), m("span", gn, c(b(u).modules.title), 1)) : w("", !0),
+			D.value ? (s(), m("span", _n, c(b(x).savedModules?.moduleCount.value ?? 0), 1)) : w("", !0)
+		], 12, hn)])) : w("", !0), g(b(me), {
 			"model-value": L.value,
 			group: {
 				name: "blocks",
@@ -614,23 +614,23 @@ var un = ["aria-label"], dn = {
 				class: "tpl:flex tpl:h-10 tpl:w-full tpl:shrink-0 tpl:cursor-grab tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] active:tpl:cursor-grabbing",
 				style: t({ justifyContent: D.value ? "flex-start" : "center" }),
 				onClick: (t) => B(e),
-				onKeydown: (t) => V(t, e)
-			}, [p("div", gn, [b(at)[e.type] ? (s(), v(o(b(at)[e.type]), {
+				onKeydown: (t) => ee(t, e)
+			}, [p("div", yn, [b(ct)[e.type] ? (s(), v(o(b(ct)[e.type]), {
 				key: 0,
 				size: 20,
 				"stroke-width": 1.5
-			})) : e.isCustom ? (s(), v(ce, {
+			})) : e.isCustom ? (s(), v(le, {
 				key: 1,
 				icon: e.icon,
 				size: 20
-			}, null, 8, ["icon"])) : w("", !0)]), D.value ? (s(), m("span", _n, c(e.label), 1)) : w("", !0)], 44, hn))), 128))]),
+			}, null, 8, ["icon"])) : w("", !0)]), D.value ? (s(), m("span", bn, c(e.label), 1)) : w("", !0)], 44, vn))), 128))]),
 			_: 1
-		}, 8, ["model-value"])], 44, un));
+		}, 8, ["model-value"])], 44, pn));
 	}
 });
 //#endregion
 //#region src/utils/mergeTagTrigger.ts
-function yn(e, t, n, r) {
+function Sn(e, t, n, r) {
 	if (!n) return null;
 	let i = e.slice(0, t), a = i.lastIndexOf(n);
 	if (a === -1) return null;
@@ -643,8 +643,8 @@ function yn(e, t, n, r) {
 }
 //#endregion
 //#region src/utils/textFieldCaret.ts
-var bn = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
-function xn(e, t, n) {
+var Cn = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
+function wn(e, t, n) {
 	return {
 		left: e,
 		top: t,
@@ -657,7 +657,7 @@ function xn(e, t, n) {
 		toJSON: () => ({})
 	};
 }
-function Sn(e, t) {
+function Tn(e, t) {
 	let n = e.ownerDocument, r = n.defaultView;
 	if (!r) return null;
 	let i = e.tagName === "INPUT", a = r.getComputedStyle(e), o = n.createElement("div");
@@ -665,7 +665,7 @@ function Sn(e, t) {
 	let s = o.style;
 	s.position = "absolute", s.visibility = "hidden", s.top = "0", s.left = "0", s.overflow = "hidden", s.whiteSpace = i ? "pre" : "pre-wrap", s.wordWrap = i ? "normal" : "break-word";
 	let c = s, l = a;
-	for (let e of bn) c[e] = l[e];
+	for (let e of Cn) c[e] = l[e];
 	i && (s.width = "auto", s.whiteSpace = "pre");
 	let u = e.value, d = u.slice(0, t);
 	i && (d = d.replace(/\s/g, "\xA0")), o.textContent = d;
@@ -674,26 +674,26 @@ function Sn(e, t) {
 	let p = f.offsetTop, m = f.offsetLeft;
 	n.body.removeChild(o);
 	let h = e.getBoundingClientRect(), g = parseFloat(a.borderTopWidth) || 0, _ = parseFloat(a.borderLeftWidth) || 0, v = parseFloat(a.lineHeight) || parseFloat(a.fontSize) || 0, y = h.left + m + _ - e.scrollLeft;
-	if (i) return xn(y, h.top, h.bottom);
+	if (i) return wn(y, h.top, h.bottom);
 	let b = h.top + p + g - e.scrollTop;
-	return xn(y, b, b + v);
+	return wn(y, b, b + v);
 }
 //#endregion
 //#region src/composables/useMergeTagAutocomplete.ts
-var Cn = /* @__PURE__ */ new Set([
+var En = /* @__PURE__ */ new Set([
 	"ArrowLeft",
 	"ArrowRight",
 	"Home",
 	"End"
 ]);
-function wn(e) {
-	let { elementRef: t, modelValue: n, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, d = I(s), f = L(s), p = c && d !== null && o.length > 0, m = E(Le, null), h = At((u(m) ? m.value : m)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", je()), g = !1;
+function Dn(e) {
+	let { elementRef: t, modelValue: n, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, d = te(s), f = L(s), p = c && d !== null && o.length > 0, m = E(Ve, null), h = Nt((u(m) ? m.value : m)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", Ne()), g = !1;
 	r() && a(() => {
 		g = !0, h.close();
 	});
 	function _(e) {
 		let t = e.value ?? "";
-		return yn(t, e.selectionStart ?? t.length, d, f);
+		return Sn(t, e.selectionStart ?? t.length, d, f);
 	}
 	function v(e, r, a) {
 		let o = e.value ?? n(), s = o.slice(r.caret), c = f && s.startsWith(f) ? f.length : 0, u = o.slice(0, r.triggerStart), d = o.slice(r.caret + c), p = u + a.value + d, m = u.length + a.value.length;
@@ -715,7 +715,7 @@ function wn(e) {
 			h.close();
 			return;
 		}
-		let r = jt(o, n.query), i = () => Sn(e, n.triggerStart), a = (t) => v(e, n, t);
+		let r = Pt(o, n.query), i = () => Tn(e, n.triggerStart), a = (t) => v(e, n, t);
 		h.isOpen() ? h.update({
 			items: r,
 			getRect: i,
@@ -728,7 +728,7 @@ function wn(e) {
 		});
 	}
 	function b(e) {
-		return h.isOpen() ? e.key === "Escape" ? (h.close(), !0) : Cn.has(e.key) ? (h.close(), !1) : h.handleKeyDown(e) : !1;
+		return h.isOpen() ? e.key === "Escape" ? (h.close(), !0) : En.has(e.key) ? (h.close(), !1) : h.handleKeyDown(e) : !1;
 	}
 	return {
 		available: p,
@@ -740,12 +740,12 @@ function wn(e) {
 }
 //#endregion
 //#region src/composables/useMergeTagField.ts
-function Tn(e) {
-	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: s, isRequesting: c, isMergeTagValue: l, getMergeTagLabel: u, requestMergeTag: f, syntax: p, autocomplete: m } = bt(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = H(), v = d(!1), y = !1, b = !1;
+function On(e) {
+	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: s, isRequesting: c, isMergeTagValue: l, getMergeTagLabel: u, requestMergeTag: f, syntax: p, autocomplete: m } = Ct(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = re(), v = d(!1), y = !1, b = !1;
 	r() && a(() => {
 		b = !0;
 	});
-	let x = wn({
+	let x = Dn({
 		elementRef: i,
 		modelValue: t,
 		emit: n,
@@ -769,10 +769,10 @@ function Tn(e) {
 				type: "mergeTag",
 				value: t,
 				label: u(t)
-			}) : z(t, p) ? n.push({
+			}) : ee(t, p) ? n.push({
 				type: "logicMergeTag",
 				value: t,
-				keyword: ne(t, p)
+				keyword: I(t, p)
 			}) : n.push({
 				type: "text",
 				value: t
@@ -867,10 +867,10 @@ function Tn(e) {
 }
 //#endregion
 //#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
-var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip"], kn = {
+var kn = ["aria-label", "onKeydown"], An = ["data-tooltip"], jn = ["data-tooltip"], Mn = {
 	key: 2,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, An = ["aria-label", "title"], jn = /* @__PURE__ */ f({
+}, Nn = ["aria-label", "title"], Pn = /* @__PURE__ */ f({
 	__name: "MergeTagSegments",
 	props: {
 		segments: {},
@@ -898,7 +898,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
 				color: "var(--tpl-primary)"
 			}
-		}, c(e.label), 9, Dn)) : e.type === "logicMergeTag" ? (s(), m("span", {
+		}, c(e.label), 9, An)) : e.type === "logicMergeTag" ? (s(), m("span", {
 			key: 1,
 			class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
 			"data-tooltip": e.value,
@@ -907,22 +907,22 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
 				color: "var(--tpl-primary)"
 			}
-		}, c(e.keyword), 9, On)) : (s(), m("span", kn, c(e.value), 1))], 64))), 128)), p("button", {
+		}, c(e.keyword), 9, jn)) : (s(), m("span", Mn, c(e.value), 1))], 64))), 128)), p("button", {
 			type: "button",
 			class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all hover:tpl:text-[var(--tpl-danger)] hover:tpl:opacity-100",
 			"aria-label": b(a).mergeTag.remove,
 			title: b(a).mergeTag.remove,
 			onClick: l[0] ||= A((e) => i("clear"), ["stop"])
-		}, [g(b(_t), {
+		}, [g(b(bt), {
 			size: 12,
 			"stroke-width": 2.5
-		})], 8, An)], 42, En));
+		})], 8, Nn)], 42, kn));
 	}
-}), Mn = [
+}), Fn = [
 	"aria-label",
 	"title",
 	"disabled"
-], Nn = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Pn = /* @__PURE__ */ f({
+], In = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Ln = /* @__PURE__ */ f({
 	__name: "MergeTagInsertButton",
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
@@ -930,22 +930,22 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 		let { t } = U();
 		return (r, i) => (s(), m("button", {
 			type: "button",
-			class: n([Nn, "tpl:mt-1.5"]),
+			class: n([In, "tpl:mt-1.5"]),
 			"aria-label": b(t).mergeTag.insert,
 			title: b(t).mergeTag.insert,
 			disabled: e.disabled,
 			onMousedown: i[0] ||= A(() => {}, ["prevent"]),
 			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [g(b($e), {
+		}, [g(b(nt), {
 			size: 12,
 			"stroke-width": 2
-		}), y(" " + c(b(t).mergeTag.insertShort), 1)], 42, Mn));
+		}), y(" " + c(b(t).mergeTag.insertShort), 1)], 42, Fn));
 	}
-}), Fn = [
+}), Rn = [
 	"aria-label",
 	"title",
 	"disabled"
-], In = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Ln = /* @__PURE__ */ f({
+], zn = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Bn = /* @__PURE__ */ f({
 	__name: "LogicTagInsertButton",
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
@@ -953,29 +953,29 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 		let { t } = U();
 		return (r, i) => (s(), m("button", {
 			type: "button",
-			class: n([In, "tpl:mt-1.5"]),
+			class: n([zn, "tpl:mt-1.5"]),
 			"aria-label": b(t).logicTag.insert,
 			title: b(t).logicTag.insert,
 			disabled: e.disabled,
 			"data-testid": "field-insert-logic-button",
 			onMousedown: i[0] ||= A(() => {}, ["prevent"]),
 			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [g(b(Qe), {
+		}, [g(b(tt), {
 			size: 12,
 			"stroke-width": 2
-		}), y(" " + c(b(t).logicTag.insertShort), 1)], 42, Fn));
+		}), y(" " + c(b(t).logicTag.insertShort), 1)], 42, Rn));
 	}
-}), Rn = { key: 0 }, zn = {
+}), Vn = { key: 0 }, Hn = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Bn = { key: 1 }, Vn = [
+}, Un = { key: 1 }, Wn = [
 	"value",
 	"placeholder",
 	"rows"
-], Hn = {
+], Gn = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Un = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Wn = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", Gn = /* @__PURE__ */ f({
+}, Kn = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", qn = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", Jn = /* @__PURE__ */ f({
 	__name: "MergeTagTextarea",
 	props: {
 		modelValue: {},
@@ -984,32 +984,32 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = Tn({
+		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = On({
 			modelValue: () => r.modelValue,
 			emit: (e) => i("update:modelValue", e),
 			elementRef: a
 		});
-		return (t, r) => b(c) && !b(_) ? (s(), m("div", Rn, [g(jn, {
+		return (t, r) => b(c) && !b(_) ? (s(), m("div", Vn, [g(Pn, {
 			segments: b(o),
-			"display-class": Wn,
+			"display-class": qn,
 			onEdit: b(y),
 			onClear: b(E)
 		}, null, 8, [
 			"segments",
 			"onEdit",
 			"onClear"
-		]), b(l) || b(f) ? (s(), m("div", zn, [b(l) ? (s(), v(Pn, {
+		]), b(l) || b(f) ? (s(), m("div", Hn, [b(l) ? (s(), v(Ln, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Bn, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", Bn, [p("textarea", {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", Un, [p("textarea", {
 			ref_key: "textareaRef",
 			ref: a,
-			class: n(Un),
+			class: n(Kn),
 			value: e.modelValue,
 			placeholder: e.placeholder,
 			rows: e.rows,
@@ -1017,22 +1017,22 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			onKeydown: r[1] ||= (...e) => b(S) && b(S)(...e),
 			onClick: r[2] ||= (...e) => b(C) && b(C)(...e),
 			onBlur: r[3] ||= (...e) => b(T) && b(T)(...e)
-		}, null, 40, Vn), b(l) || b(f) ? (s(), m("div", Hn, [b(l) ? (s(), v(Pn, {
+		}, null, 40, Wn), b(l) || b(f) ? (s(), m("div", Gn, [b(l) ? (s(), v(Ln, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Bn, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
 		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)]));
 	}
-}), Kn = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, qn = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, Jn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Yn = { class: "tpl:mb-3.5" }, Xn = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, Zn = ["onClick"], Qn = { class: "tpl:flex tpl:items-stretch" }, $n = ["value"], er = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, tr = { class: "tpl:mb-3.5" }, nr = { class: "tpl:mb-3.5" }, rr = { class: "tpl:mb-3.5" }, ir = { class: "tpl:mb-3.5" }, ar = ["value"], or = ["value"], sr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, cr = ["value"], lr = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, ur = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, dr = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, fr = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, pr = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, mr = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, hr = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, gr = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, _r = { class: "tpl:mb-1 tpl:last:mb-0" }, vr = { class: "tpl:mb-1 tpl:last:mb-0" }, yr = { class: "tpl:mb-1 tpl:last:mb-0" }, br = 150, xr = /* @__PURE__ */ f({
+}), Yn = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, Xn = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, Zn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Qn = { class: "tpl:mb-3.5" }, $n = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, er = ["onClick"], tr = { class: "tpl:flex tpl:items-stretch" }, nr = ["value"], rr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ir = { class: "tpl:mb-3.5" }, ar = { class: "tpl:mb-3.5" }, or = { class: "tpl:mb-3.5" }, sr = { class: "tpl:mb-3.5" }, cr = ["value"], lr = ["value"], ur = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, dr = ["value"], fr = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, pr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, mr = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, hr = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, gr = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, _r = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, vr = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, yr = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, br = { class: "tpl:mb-1 tpl:last:mb-0" }, xr = { class: "tpl:mb-1 tpl:last:mb-0" }, Sr = { class: "tpl:mb-1 tpl:last:mb-0" }, Cr = 150, wr = /* @__PURE__ */ f({
 	__name: "TemplateSettings",
 	props: { settings: {} },
 	emits: ["update"],
 	setup(r, { emit: i }) {
-		let a = r, o = i, { t: l } = U(), u = Ze(He, "TemplateSettings"), d = C(() => u.fonts.value), f = C(() => d.value.some((e) => e.value === a.settings.fontFamily) ? a.settings.fontFamily : u.defaultFont.value), h = [
+		let a = r, o = i, { t: l } = U(), u = Fe(He, "TemplateSettings"), d = C(() => u.fonts.value), f = C(() => d.value.some((e) => e.value === a.settings.fontFamily) ? a.settings.fontFamily : u.defaultFont.value), h = [
 			{
 				value: 480,
 				label: "480px"
@@ -1050,14 +1050,14 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				label: "800px"
 			}
 		];
-		return (i, a) => (s(), m("aside", Kn, [p("div", qn, [
-			p("div", { class: n(b(kt)) }, [
-				p("div", Jn, [g(b(qt), {
+		return (i, a) => (s(), m("aside", Yn, [p("div", Xn, [
+			p("div", { class: n(b(Mt)) }, [
+				p("div", Zn, [g(b(Xt), {
 					class: "tpl:text-[var(--tpl-text-muted)]",
 					size: 14,
 					"stroke-width": 2
 				}), p("span", null, c(b(l).templateSettings.layout), 1)]),
-				p("div", Yn, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.widthPreset), 3), p("div", Xn, [(s(), m(S, null, e(h, (e) => p("button", {
+				p("div", Qn, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.widthPreset), 3), p("div", $n, [(s(), m(S, null, e(h, (e) => p("button", {
 					key: e.value,
 					class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 					style: t({
@@ -1066,38 +1066,38 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 						boxShadow: r.settings.width === e.value ? "var(--tpl-shadow)" : "none"
 					}),
 					onClick: (t) => o("update", { width: e.value })
-				}, c(e.label), 13, Zn)), 64))])]),
-				p("div", null, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.customWidth), 3), p("div", Qn, [p("input", {
+				}, c(e.label), 13, er)), 64))])]),
+				p("div", null, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.customWidth), 3), p("div", tr, [p("input", {
 					type: "number",
 					class: n(b(J)),
 					value: r.settings.width,
 					min: "300",
 					max: "900",
 					onInput: a[0] ||= (e) => o("update", { width: Number(e.target.value) })
-				}, null, 42, $n), p("span", { class: n(b(q)) }, "px", 2)])])
+				}, null, 42, nr), p("span", { class: n(b(q)) }, "px", 2)])])
 			], 2),
-			p("div", { class: n(b(kt)) }, [
-				p("div", er, [g(b(Ft), {
+			p("div", { class: n(b(Mt)) }, [
+				p("div", rr, [g(b(Rt), {
 					class: "tpl:text-[var(--tpl-text-muted)]",
 					size: 14,
 					"stroke-width": 2
 				}), p("span", null, c(b(l).templateSettings.appearance), 1)]),
-				p("div", tr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.backgroundColor), 3), g(Y, {
+				p("div", ir, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.backgroundColor), 3), g(Y, {
 					"model-value": r.settings.backgroundColor,
-					placeholder: b(Ot),
+					placeholder: b(jt),
 					"onUpdate:modelValue": a[1] ||= (e) => o("update", { backgroundColor: e })
 				}, null, 8, ["model-value", "placeholder"])]),
-				p("div", nr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.textColor), 3), g(Y, {
+				p("div", ar, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.textColor), 3), g(Y, {
 					"model-value": r.settings.textColor ?? "",
 					"seed-color": "#1a1a1a",
 					"onUpdate:modelValue": a[2] ||= (e) => o("update", { textColor: e })
 				}, null, 8, ["model-value"])]),
-				p("div", rr, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.linkColor), 3), g(Y, {
+				p("div", or, [p("label", { class: n(b(K)) }, c(b(l).templateSettings.linkColor), 3), g(Y, {
 					"model-value": r.settings.linkColor ?? "",
 					"seed-color": "#0066cc",
 					"onUpdate:modelValue": a[3] ||= (e) => o("update", { linkColor: e || void 0 })
 				}, null, 8, ["model-value"])]),
-				p("div", ir, [g(X, {
+				p("div", sr, [g(X, {
 					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 					"model-value": r.settings.linkUnderline,
 					label: b(l).templateSettings.linkUnderline,
@@ -1110,9 +1110,9 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				}, [(s(!0), m(S, null, e(d.value, (e) => (s(), m("option", {
 					key: e.value,
 					value: e.value
-				}, c(e.label), 9, or))), 128))], 42, ar)])
+				}, c(e.label), 9, lr))), 128))], 42, cr)])
 			], 2),
-			p("div", { class: n(b(kt)) }, [p("div", sr, [g(b(It), {
+			p("div", { class: n(b(Mt)) }, [p("div", ur, [g(b(zt), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
@@ -1127,40 +1127,40 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 					autocapitalize: "off",
 					autocomplete: "off",
 					onInput: a[6] ||= (e) => o("update", { locale: e.target.value.trim() || void 0 })
-				}, null, 42, cr),
-				p("p", lr, c(b(l).templateSettings.contentLocaleHint), 1)
+				}, null, 42, dr),
+				p("p", fr, c(b(l).templateSettings.contentLocaleHint), 1)
 			])], 2),
-			p("div", { class: n(b(kt)) }, [p("div", ur, [g(b(ot), {
+			p("div", { class: n(b(Mt)) }, [p("div", pr, [g(b(lt), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
-			}), p("span", null, c(b(l).templateSettings.preheaderText), 1)]), p("div", null, [g(Gn, {
+			}), p("span", null, c(b(l).templateSettings.preheaderText), 1)]), p("div", null, [g(Jn, {
 				"model-value": r.settings.preheaderText ?? "",
 				placeholder: b(l).templateSettings.preheaderTextPlaceholder,
 				rows: 2,
 				"onUpdate:modelValue": a[7] ||= (e) => o("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
-			}, null, 8, ["model-value", "placeholder"]), p("div", dr, [p("span", fr, c(b(l).templateSettings.preheaderTextHint), 1), p("span", pr, c((r.settings.preheaderText ?? "").length) + "/" + c(br), 1)])])], 2),
-			p("div", mr, [p("div", hr, [g(b(lt), {
+			}, null, 8, ["model-value", "placeholder"]), p("div", mr, [p("span", hr, c(b(l).templateSettings.preheaderTextHint), 1), p("span", gr, c((r.settings.preheaderText ?? "").length) + "/" + c(Cr), 1)])])], 2),
+			p("div", _r, [p("div", vr, [g(b(ft), {
 				size: 14,
 				"stroke-width": 2
-			}), p("span", null, c(b(l).templateSettings.tips), 1)]), p("ul", gr, [
-				p("li", _r, c(b(l).templateSettings.tip1), 1),
-				p("li", vr, c(b(l).templateSettings.tip2), 1),
-				p("li", yr, c(b(l).templateSettings.tip3), 1)
+			}), p("span", null, c(b(l).templateSettings.tips), 1)]), p("ul", yr, [
+				p("li", br, c(b(l).templateSettings.tip1), 1),
+				p("li", xr, c(b(l).templateSettings.tip2), 1),
+				p("li", Sr, c(b(l).templateSettings.tip3), 1)
 			])])
 		])]));
 	}
-}), Sr = { key: 0 }, Cr = {
+}), Tr = { key: 0 }, Er = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, wr = { key: 1 }, Tr = [
+}, Dr = { key: 1 }, Or = [
 	"type",
 	"value",
 	"placeholder"
-], Er = {
+], kr = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Dr = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", $ = /*#__PURE__*/ vt(/* @__PURE__ */ f({
+}, Ar = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", $ = /*#__PURE__*/ xt(/* @__PURE__ */ f({
 	__name: "MergeTagInput",
 	props: {
 		modelValue: {},
@@ -1173,14 +1173,14 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = Tn({
+		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: y, handleInput: x, handleKeydown: S, handleClick: C, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = On({
 			modelValue: () => r.modelValue,
 			emit: (e) => i("update:modelValue", e),
 			elementRef: a
 		});
-		return (t, r) => b(c) && !b(_) ? (s(), m("div", Sr, [g(jn, {
+		return (t, r) => b(c) && !b(_) ? (s(), m("div", Tr, [g(Pn, {
 			segments: b(o),
-			"display-class": Dr,
+			"display-class": Ar,
 			pulse: e.pulse,
 			onEdit: b(y),
 			onClear: b(E)
@@ -1189,15 +1189,15 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"pulse",
 			"onEdit",
 			"onClear"
-		]), b(l) || b(f) ? (s(), m("div", Cr, [b(l) ? (s(), v(Pn, {
+		]), b(l) || b(f) ? (s(), m("div", Er, [b(l) ? (s(), v(Ln, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Bn, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", wr, [p("input", {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)])) : (s(), m("div", Dr, [p("input", {
 			ref_key: "inputRef",
 			ref: a,
 			type: e.type,
@@ -1208,20 +1208,20 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			onKeydown: r[1] ||= (...e) => b(S) && b(S)(...e),
 			onClick: r[2] ||= (...e) => b(C) && b(C)(...e),
 			onBlur: r[3] ||= (...e) => b(T) && b(T)(...e)
-		}, null, 42, Tr), b(l) || b(f) ? (s(), m("div", Er, [b(l) ? (s(), v(Pn, {
+		}, null, 42, Or), b(l) || b(f) ? (s(), m("div", kr, [b(l) ? (s(), v(Ln, {
 			key: 0,
 			disabled: b(u),
 			onInsert: b(D)
-		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Ln, {
+		}, null, 8, ["disabled", "onInsert"])) : w("", !0), b(f) ? (s(), v(Bn, {
 			key: 1,
 			disabled: b(h),
 			onInsert: b(O)
 		}, null, 8, ["disabled", "onInsert"])) : w("", !0)])) : w("", !0)]));
 	}
-}), [["__scopeId", "data-v-d6563be6"]]), Or = { class: "tpl:mb-3.5" }, kr = ["value"], Ar = { value: "" }, jr = ["value"], Mr = { class: "tpl:mb-3.5" }, Nr = { class: "tpl:mb-3.5" }, Pr = { class: "tpl:mb-3.5" }, Fr = { class: "tpl:mb-3.5" }, Ir = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Lr = { class: "tpl:mb-3.5" }, Rr = { class: "tpl:flex tpl:items-stretch" }, zr = ["value"], Br = { class: "tpl:mb-3.5" }, Vr = { class: "tpl:flex tpl:items-stretch" }, Hr = ["value"], Ur = { class: "tpl:mb-3.5" }, Wr = ["value"], Gr = { value: "auto" }, Kr = { value: "full" }, qr = { value: "custom" }, Jr = {
+}), [["__scopeId", "data-v-d6563be6"]]), jr = { class: "tpl:mb-3.5" }, Mr = ["value"], Nr = { value: "" }, Pr = ["value"], Fr = { class: "tpl:mb-3.5" }, Ir = { class: "tpl:mb-3.5" }, Lr = { class: "tpl:mb-3.5" }, Rr = { class: "tpl:mb-3.5" }, zr = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Br = { class: "tpl:mb-3.5" }, Vr = { class: "tpl:flex tpl:items-stretch" }, Hr = ["value"], Ur = { class: "tpl:mb-3.5" }, Wr = { class: "tpl:flex tpl:items-stretch" }, Gr = ["value"], Kr = { class: "tpl:mb-3.5" }, qr = ["value"], Jr = { value: "auto" }, Yr = { value: "full" }, Xr = { value: "custom" }, Zr = {
 	key: 0,
 	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, Yr = ["value"], Xr = 200, Zr = /* @__PURE__ */ f({
+}, Qr = ["value"], $r = 200, ei = /* @__PURE__ */ f({
 	__name: "ButtonToolbar",
 	props: {
 		block: {},
@@ -1239,7 +1239,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				return;
 			}
 			if (e === "custom") {
-				u("width", typeof i.block.width == "number" ? i.block.width : Xr);
+				u("width", typeof i.block.width == "number" ? i.block.width : $r);
 				return;
 			}
 			u("width", void 0);
@@ -1249,20 +1249,20 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			!Number.isFinite(t) || t <= 0 || u("width", t);
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", Or, [p("label", { class: n(b(K)) }, c(b(o).button.fontFamily), 3), p("select", {
+			p("div", jr, [p("label", { class: n(b(K)) }, c(b(o).button.fontFamily), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
-			}, [p("option", Ar, c(b(o).button.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", Nr, c(b(o).button.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, jr))), 128))], 42, kr)]),
-			p("div", Mr, [p("label", { class: n(b(K)) }, c(b(o).button.text), 3), g($, {
+			}, c(e.label), 9, Pr))), 128))], 42, Mr)]),
+			p("div", Fr, [p("label", { class: n(b(K)) }, c(b(o).button.text), 3), g($, {
 				"model-value": t.block.text,
 				type: "text",
 				"onUpdate:modelValue": i[1] ||= (e) => u("text", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Nr, [
+			p("div", Ir, [
 				p("label", { class: n(b(K)) }, c(b(o).button.url), 3),
 				g($, {
 					"model-value": t.block.url,
@@ -1278,51 +1278,51 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 					"onUpdate:modelValue": i[3] ||= (e) => u("openInNewTab", e)
 				}, null, 8, ["model-value", "label"])) : w("", !0)
 			]),
-			p("div", Pr, [p("label", { class: n(b(K)) }, c(b(o).button.background), 3), g(Y, {
+			p("div", Lr, [p("label", { class: n(b(K)) }, c(b(o).button.background), 3), g(Y, {
 				"model-value": t.block.backgroundColor,
 				"onUpdate:modelValue": i[4] ||= (e) => u("backgroundColor", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Fr, [p("label", { class: n(b(K)) }, c(b(o).button.textColor), 3), g(Y, {
+			p("div", Rr, [p("label", { class: n(b(K)) }, c(b(o).button.textColor), 3), g(Y, {
 				"model-value": t.block.textColor,
 				"onUpdate:modelValue": i[5] ||= (e) => u("textColor", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Ir, [p("div", Lr, [p("label", { class: n(b(K)) }, c(b(o).button.borderRadius), 3), p("div", Rr, [p("input", {
+			p("div", zr, [p("div", Br, [p("label", { class: n(b(K)) }, c(b(o).button.borderRadius), 3), p("div", Vr, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.borderRadius,
 				min: "0",
 				max: "50",
 				onInput: i[6] ||= (e) => u("borderRadius", Number(e.target.value))
-			}, null, 42, zr), p("span", { class: n(b(q)) }, "px", 2)])]), p("div", Br, [p("label", { class: n(b(K)) }, c(b(o).button.fontSize), 3), p("div", Vr, [p("input", {
+			}, null, 42, Hr), p("span", { class: n(b(q)) }, "px", 2)])]), p("div", Ur, [p("label", { class: n(b(K)) }, c(b(o).button.fontSize), 3), p("div", Wr, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.fontSize,
 				min: "10",
 				max: "36",
 				onInput: i[7] ||= (e) => u("fontSize", Number(e.target.value))
-			}, null, 42, Hr), p("span", { class: n(b(q)) }, "px", 2)])])]),
-			p("div", Ur, [
+			}, null, 42, Gr), p("span", { class: n(b(q)) }, "px", 2)])])]),
+			p("div", Kr, [
 				p("label", { class: n(b(K)) }, c(b(o).button.width), 3),
 				p("select", {
 					class: n(b(G)),
 					value: l.value,
 					onChange: i[8] ||= (e) => d(e.target.value)
 				}, [
-					p("option", Gr, c(b(o).button.widthAuto), 1),
-					p("option", Kr, c(b(o).button.fullWidth), 1),
-					p("option", qr, c(b(o).button.widthCustom), 1)
-				], 42, Wr),
-				l.value === "custom" ? (s(), m("div", Jr, [p("input", {
+					p("option", Jr, c(b(o).button.widthAuto), 1),
+					p("option", Yr, c(b(o).button.fullWidth), 1),
+					p("option", Xr, c(b(o).button.widthCustom), 1)
+				], 42, qr),
+				l.value === "custom" ? (s(), m("div", Zr, [p("input", {
 					type: "number",
 					class: n(b(J)),
-					value: typeof t.block.width == "number" ? t.block.width : Xr,
+					value: typeof t.block.width == "number" ? t.block.width : $r,
 					min: "20",
 					onInput: i[9] ||= (e) => f(e.target.value)
-				}, null, 42, Yr), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
+				}, null, 42, Qr), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
 			])
 		], 64));
 	}
-}), Qr = { class: "spacing-control" }, $r = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ei = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ti = { class: "tpl:flex tpl:items-center" }, ni = ["aria-label"], ri = ["value", "aria-label"], ii = ["aria-label"], ai = { class: "tpl:flex tpl:items-center tpl:gap-2" }, oi = { class: "tpl:flex tpl:items-center" }, si = ["aria-label"], ci = ["value", "aria-label"], li = ["aria-label"], ui = ["aria-label", "title"], di = { class: "tpl:flex tpl:items-center" }, fi = ["aria-label"], pi = ["value", "aria-label"], mi = ["aria-label"], hi = { class: "tpl:flex tpl:items-center" }, gi = ["aria-label"], _i = ["value", "aria-label"], vi = ["aria-label"], yi = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] active:tpl:bg-[var(--tpl-bg-active)]", bi = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", xi = /*#__PURE__*/ vt(/* @__PURE__ */ f({
+}), ti = { class: "spacing-control" }, ni = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ri = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ii = { class: "tpl:flex tpl:items-center" }, ai = ["aria-label"], oi = ["value", "aria-label"], si = ["aria-label"], ci = { class: "tpl:flex tpl:items-center tpl:gap-2" }, li = { class: "tpl:flex tpl:items-center" }, ui = ["aria-label"], di = ["value", "aria-label"], fi = ["aria-label"], pi = ["aria-label", "title"], mi = { class: "tpl:flex tpl:items-center" }, hi = ["aria-label"], gi = ["value", "aria-label"], _i = ["aria-label"], vi = { class: "tpl:flex tpl:items-center" }, yi = ["aria-label"], bi = ["value", "aria-label"], xi = ["aria-label"], Si = "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)]", Ci = "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)]", wi = /*#__PURE__*/ xt(/* @__PURE__ */ f({
 	__name: "SpacingControl",
 	props: {
 		modelValue: {},
@@ -1369,130 +1369,130 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				});
 			}
 		}
-		return (t, r) => (s(), m("div", Qr, [p("label", $r, c(e.label), 1), p("div", ei, [
-			p("div", ti, [
+		return (t, r) => (s(), m("div", ti, [p("label", ni, c(e.label), 1), p("div", ri, [
+			p("div", ii, [
 				p("button", {
 					"aria-label": b(o).spacingControl.decreaseTop,
-					class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+					class: n([Si, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: r[0] ||= (e) => f("top", -1)
-				}, [g(b(nt), {
+				}, [g(b(at), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, ni),
+				})], 10, ai),
 				p("input", {
 					type: "number",
-					class: n(bi),
+					class: n(Ci),
 					value: e.modelValue.top,
 					"aria-label": b(o).spacingControl.top,
 					min: "0",
 					onInput: r[1] ||= (e) => h("top", Number(e.target.value))
-				}, null, 40, ri),
+				}, null, 40, oi),
 				p("button", {
 					"aria-label": b(o).spacingControl.increaseTop,
-					class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+					class: n([Si, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: r[2] ||= (e) => f("top", 1)
 				}, [g(b(Q), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, ii)
+				})], 10, si)
 			]),
-			p("div", ai, [
-				p("div", oi, [
+			p("div", ci, [
+				p("div", li, [
 					p("button", {
 						"aria-label": b(o).spacingControl.decreaseLeft,
-						class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+						class: n([Si, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: r[3] ||= (e) => f("left", -1)
-					}, [g(b(nt), {
+					}, [g(b(at), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, si),
+					})], 10, ui),
 					p("input", {
 						type: "number",
-						class: n(bi),
+						class: n(Ci),
 						value: e.modelValue.left,
 						"aria-label": b(o).spacingControl.left,
 						min: "0",
 						onInput: r[4] ||= (e) => h("left", Number(e.target.value))
-					}, null, 40, ci),
+					}, null, 40, di),
 					p("button", {
 						"aria-label": b(o).spacingControl.increaseLeft,
-						class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+						class: n([Si, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: r[5] ||= (e) => f("left", 1)
 					}, [g(b(Q), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, li)
+					})], 10, fi)
 				]),
 				p("button", {
 					class: n(["tpl:flex tpl:h-8 tpl:w-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", u.value ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
 					"aria-label": u.value ? b(o).spacingControl.unlock : b(o).spacingControl.lockAll,
 					title: u.value ? b(o).spacingControl.unlock : b(o).spacingControl.lockAll,
 					onClick: _
-				}, [u.value ? (s(), v(b(zt), {
+				}, [u.value ? (s(), v(b(Ht), {
 					key: 0,
 					size: 14,
 					"stroke-width": 2
-				})) : (s(), v(b(Rt), {
+				})) : (s(), v(b(Vt), {
 					key: 1,
 					size: 14,
 					"stroke-width": 2
-				}))], 10, ui),
-				p("div", di, [
+				}))], 10, pi),
+				p("div", mi, [
 					p("button", {
 						"aria-label": b(o).spacingControl.decreaseRight,
-						class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+						class: n([Si, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 						onClick: r[6] ||= (e) => f("right", -1)
-					}, [g(b(nt), {
+					}, [g(b(at), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, fi),
+					})], 10, hi),
 					p("input", {
 						type: "number",
-						class: n(bi),
+						class: n(Ci),
 						value: e.modelValue.right,
 						"aria-label": b(o).spacingControl.right,
 						min: "0",
 						onInput: r[7] ||= (e) => h("right", Number(e.target.value))
-					}, null, 40, pi),
+					}, null, 40, gi),
 					p("button", {
 						"aria-label": b(o).spacingControl.increaseRight,
-						class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+						class: n([Si, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 						onClick: r[8] ||= (e) => f("right", 1)
 					}, [g(b(Q), {
 						size: 12,
 						"stroke-width": 2
-					})], 10, mi)
+					})], 10, _i)
 				])
 			]),
-			p("div", hi, [
+			p("div", vi, [
 				p("button", {
 					"aria-label": b(o).spacingControl.decreaseBottom,
-					class: n([yi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
+					class: n([Si, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
 					onClick: r[9] ||= (e) => f("bottom", -1)
-				}, [g(b(nt), {
+				}, [g(b(at), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, gi),
+				})], 10, yi),
 				p("input", {
 					type: "number",
-					class: n(bi),
+					class: n(Ci),
 					value: e.modelValue.bottom,
 					"aria-label": b(o).spacingControl.bottom,
 					min: "0",
 					onInput: r[10] ||= (e) => h("bottom", Number(e.target.value))
-				}, null, 40, _i),
+				}, null, 40, bi),
 				p("button", {
 					"aria-label": b(o).spacingControl.increaseBottom,
-					class: n([yi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
+					class: n([Si, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
 					onClick: r[11] ||= (e) => f("bottom", 1)
 				}, [g(b(Q), {
 					size: 12,
 					"stroke-width": 2
-				})], 10, vi)
+				})], 10, xi)
 			])
 		])]));
 	}
-}), [["__scopeId", "data-v-9a9c8a07"]]), Si = { class: "tpl:mt-3" }, Ci = /* @__PURE__ */ f({
+}), [["__scopeId", "data-v-9a9c8a07"]]), Ti = { class: "tpl:mt-3" }, Ei = /* @__PURE__ */ f({
 	__name: "CollapsibleSection",
 	props: {
 		title: {},
@@ -1505,25 +1505,25 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			type: "button",
 			class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 			onClick: r[0] ||= (e) => t.$emit("toggle")
-		}, [g(b(et), {
+		}, [g(b(rt), {
 			class: n(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
 			size: 12,
 			"stroke-width": 2
-		}, null, 8, ["class"]), p("span", null, c(e.title), 1)]), O(p("div", Si, [_(t.$slots, "default")], 512), [[j, e.open]])], 2));
+		}, null, 8, ["class"]), p("span", null, c(e.title), 1)]), O(p("div", Ti, [_(t.$slots, "default")], 512), [[j, e.open]])], 2));
 	}
-}), wi = { class: "tpl:space-y-2" }, Ti = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ei = { class: "tpl:space-y-2" }, Di = ["value"], Oi = { value: "" }, ki = ["label"], Ai = ["value"], ji = ["value"], Mi = {
+}), Di = { class: "tpl:space-y-2" }, Oi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ki = { class: "tpl:space-y-2" }, Ai = ["value"], ji = { value: "" }, Mi = ["label"], Ni = ["value"], Pi = ["value"], Fi = {
 	key: 0,
 	value: "__custom__"
-}, Ni = {
+}, Ii = {
 	key: 0,
 	class: "tpl:space-y-2"
-}, Pi = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Fi = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ii = { class: "tpl:flex tpl:justify-end" }, Li = ["disabled"], Ri = {
+}, Li = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ri = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, zi = { class: "tpl:flex tpl:justify-end" }, Bi = ["disabled"], Vi = {
 	key: 0,
 	class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
-}, zi = { class: "tpl:space-y-1" }, Bi = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, Vi = {
+}, Hi = { class: "tpl:space-y-1" }, Ui = { 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)]" }, Wi = {
 	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)]"
-}, Hi = /* @__PURE__ */ f({
+}, Gi = /* @__PURE__ */ f({
 	__name: "CommonBlockSettings",
 	props: {
 		block: {},
@@ -1531,13 +1531,13 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(t, { emit: r }) {
-		let a = t, u = r, { t: f } = U(), h = E(Je, []), _ = E(Ke, !1), T = x(/* @__PURE__ */ new Set()), D = d(!1), A = d(""), j = d(""), M = [{
+		let a = t, u = r, { t: f } = U(), h = E(Je, []), _ = E(Ye, !1), T = x(/* @__PURE__ */ new Set()), D = d(!1), A = d(""), j = d(""), M = [{
 			key: "desktop",
-			icon: Bt,
+			icon: Ut,
 			labelKey: "showOnDesktop"
 		}, {
 			key: "mobile",
-			icon: Gt,
+			icon: Jt,
 			labelKey: "showOnMobile"
 		}];
 		function N(e) {
@@ -1586,13 +1586,13 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["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(Ci, {
+			g(Ei, {
 				title: b(f).blockSettings.spacing,
 				open: T.has("spacing"),
 				"no-border": t.isFirstSection,
 				onToggle: i[1] ||= (e) => N("spacing")
 			}, {
-				default: l(() => [g(xi, {
+				default: l(() => [g(wi, {
 					label: b(f).blockSettings.padding,
 					"model-value": t.block.styles.padding,
 					"onUpdate:modelValue": i[0] ||= (e) => z("padding", e)
@@ -1603,7 +1603,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				"open",
 				"no-border"
 			]),
-			g(Ci, {
+			g(Ei, {
 				title: b(f).blockSettings.background,
 				open: T.has("bg"),
 				onToggle: i[3] ||= (e) => N("bg")
@@ -1614,19 +1614,19 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["title", "open"]),
-			g(Ci, {
+			g(Ei, {
 				title: b(f).blockSettings.display,
 				open: T.has("display"),
 				onToggle: i[4] ||= (e) => N("display")
 			}, {
-				default: l(() => [p("div", wi, [(s(), m(S, null, e(M, (e) => g(X, {
+				default: l(() => [p("div", Di, [(s(), m(S, null, e(M, (e) => g(X, {
 					key: e.key,
 					class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 					"model-value": B(e.key),
 					label: b(f).blockSettings[e.labelKey],
 					"onUpdate:modelValue": (t) => V(e.key)
 				}, {
-					default: l(() => [p("span", Ti, [(s(), v(o(e.icon), {
+					default: l(() => [p("span", Oi, [(s(), v(o(e.icon), {
 						size: 14,
 						"stroke-width": 1.5
 					})), y(" " + c(b(f).blockSettings[e.labelKey]), 1)])]),
@@ -1638,13 +1638,13 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				])), 64))])]),
 				_: 1
 			}, 8, ["title", "open"]),
-			P.value ? (s(), v(Ci, {
+			P.value ? (s(), v(Ei, {
 				key: 0,
 				title: b(f).blockSettings.displayCondition,
 				open: T.has("condition"),
 				onToggle: i[8] ||= (e) => N("condition")
 			}, {
-				default: l(() => [p("div", Ei, [p("select", {
+				default: l(() => [p("div", ki, [p("select", {
 					class: n(["tpl:w-full tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:outline-none tpl:transition-all tpl:duration-150 tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", t.block.displayCondition ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"]),
 					value: D.value || F.value ? "__custom__" : t.block.displayCondition?.label ?? "",
 					onChange: i[5] ||= (e) => {
@@ -1661,41 +1661,41 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 						n && u("update", { displayCondition: n });
 					}
 				}, [
-					p("option", Oi, c(b(f).blockSettings.noCondition), 1),
+					p("option", ji, c(b(f).blockSettings.noCondition), 1),
 					(s(!0), m(S, null, e(R.value, (t, n) => (s(), m(S, { key: n }, [n ? (s(), m("optgroup", {
 						key: 0,
 						label: String(n)
 					}, [(s(!0), m(S, null, e(t, (e) => (s(), m("option", {
 						key: e.label,
 						value: e.label
-					}, c(e.label), 9, Ai))), 128))], 8, ki)) : (s(!0), m(S, { key: 1 }, e(t, (e) => (s(), m("option", {
+					}, c(e.label), 9, Ni))), 128))], 8, Mi)) : (s(!0), m(S, { key: 1 }, e(t, (e) => (s(), m("option", {
 						key: e.label,
 						value: e.label
-					}, c(e.label), 9, ji))), 128))], 64))), 128)),
-					b(_) ? (s(), m("option", Mi, c(b(f).blockSettings.customCondition), 1)) : w("", !0)
-				], 42, Di), D.value || F.value ? (s(), m("div", Ni, [
-					p("div", null, [p("label", Pi, c(b(f).blockSettings.customConditionBefore), 1), O(p("textarea", {
+					}, c(e.label), 9, Pi))), 128))], 64))), 128)),
+					b(_) ? (s(), m("option", Fi, c(b(f).blockSettings.customCondition), 1)) : w("", !0)
+				], 42, Ai), D.value || F.value ? (s(), m("div", Ii, [
+					p("div", null, [p("label", Li, c(b(f).blockSettings.customConditionBefore), 1), O(p("textarea", {
 						"onUpdate:modelValue": i[6] ||= (e) => A.value = e,
 						rows: "2",
-						class: n(b(Tt))
+						class: n(b(Ot))
 					}, null, 2), [[k, A.value]])]),
-					p("div", null, [p("label", Fi, c(b(f).blockSettings.customConditionAfter), 1), O(p("textarea", {
+					p("div", null, [p("label", Ri, c(b(f).blockSettings.customConditionAfter), 1), O(p("textarea", {
 						"onUpdate:modelValue": i[7] ||= (e) => j.value = e,
 						rows: "2",
-						class: n(b(Tt))
+						class: n(b(Ot))
 					}, null, 2), [[k, j.value]])]),
-					p("div", Ii, [p("button", {
+					p("div", zi, [p("button", {
 						type: "button",
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-bg)] tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:opacity-50",
 						disabled: !A.value.trim(),
 						onClick: L
-					}, c(b(f).blockSettings.applyCondition), 9, Li)])
-				])) : t.block.displayCondition && !F.value ? (s(), m(S, { key: 1 }, [t.block.displayCondition.description ? (s(), m("p", Ri, c(t.block.displayCondition.description), 1)) : w("", !0), p("div", zi, [p("pre", Bi, c(t.block.displayCondition.before), 1), t.block.displayCondition.after ? (s(), m("pre", Vi, c(t.block.displayCondition.after), 1)) : w("", !0)])], 64)) : w("", !0)])]),
+					}, c(b(f).blockSettings.applyCondition), 9, Bi)])
+				])) : t.block.displayCondition && !F.value ? (s(), m(S, { key: 1 }, [t.block.displayCondition.description ? (s(), m("p", Vi, c(t.block.displayCondition.description), 1)) : w("", !0), p("div", Hi, [p("pre", Ui, c(t.block.displayCondition.before), 1), t.block.displayCondition.after ? (s(), m("pre", Wi, c(t.block.displayCondition.after), 1)) : w("", !0)])], 64)) : w("", !0)])]),
 				_: 1
 			}, 8, ["title", "open"])) : w("", !0)
 		], 2));
 	}
-}), Ui = ["title"], Wi = /* @__PURE__ */ f({
+}), Ki = ["title"], qi = /* @__PURE__ */ f({
 	__name: "BooleanField",
 	props: {
 		field: {},
@@ -1716,7 +1716,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			disabled: e.readOnly,
 			"onUpdate:modelValue": i[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: l(() => [y(c(e.field.label) + " ", 1), e.readOnly ? (s(), v(b(zt), {
+			default: l(() => [y(c(e.field.label) + " ", 1), e.readOnly ? (s(), v(b(Ht), {
 				key: 0,
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
@@ -1727,12 +1727,12 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"label",
 			"required",
 			"disabled"
-		])], 8, Ui));
+		])], 8, Ki));
 	}
-}), Gi = { class: "tpl:mb-3.5" }, Ki = {
+}), Ji = { class: "tpl:mb-3.5" }, Yi = {
 	key: 1,
 	class: "tpl:text-[var(--tpl-danger)]"
-}, qi = /* @__PURE__ */ f({
+}, Xi = /* @__PURE__ */ f({
 	__name: "FieldWrapper",
 	props: {
 		label: {},
@@ -1740,17 +1740,17 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 		readOnly: { type: Boolean }
 	},
 	setup(e) {
-		return (t, r) => (s(), m("div", Gi, [p("label", { class: n(b(K)) }, [
+		return (t, r) => (s(), m("div", Ji, [p("label", { class: n(b(K)) }, [
 			y(c(e.label) + " ", 1),
-			e.readOnly ? (s(), v(b(zt), {
+			e.readOnly ? (s(), v(b(Ht), {
 				key: 0,
 				size: 12,
 				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
 			})) : w("", !0),
-			e.required ? (s(), m("span", Ki, "*")) : w("", !0)
+			e.required ? (s(), m("span", Yi, "*")) : w("", !0)
 		], 2), _(t.$slots, "default")]));
 	}
-}), Ji = /* @__PURE__ */ f({
+}), Zi = /* @__PURE__ */ f({
 	__name: "ColorField",
 	props: {
 		field: {},
@@ -1759,8 +1759,8 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = U();
-		return (t, i) => (s(), v(qi, {
+		let n = e, r = t, { t: i } = U(), a = E(qe, Me), o = C(() => oe(n.field, a));
+		return (t, n) => (s(), v(Xi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -1769,12 +1769,16 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				"model-value": e.modelValue,
 				placeholder: e.field.placeholder,
 				disabled: e.readOnly,
-				title: e.readOnly ? b(r).customBlocks.dataSource.readOnlyTooltip : void 0,
-				"onUpdate:modelValue": i[0] ||= (e) => n("update:modelValue", e)
+				presets: o.value.presets,
+				"allow-custom": o.value.allowCustom,
+				title: e.readOnly ? b(i).customBlocks.dataSource.readOnlyTooltip : void 0,
+				"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
 			}, null, 8, [
 				"model-value",
 				"placeholder",
 				"disabled",
+				"presets",
+				"allow-custom",
 				"title"
 			])]),
 			_: 1
@@ -1784,15 +1788,15 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), Yi = {
+}), Qi = {
 	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)" }
-}, Xi = [
+}, $i = [
 	"value",
 	"placeholder",
 	"title"
-], Zi = ["value", "placeholder"], Qi = /* @__PURE__ */ f({
+], ea = ["value", "placeholder"], ta = /* @__PURE__ */ f({
 	__name: "ImageField",
 	props: {
 		field: {},
@@ -1801,7 +1805,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = E(We, null), u = xt(), f = C(() => !!o);
+		let r = e, i = t, { t: a } = U(), o = E(Pe, null), u = wt(), f = C(() => !!o);
 		async function h() {
 			let e = await o?.({ accept: ["images"] });
 			u.alive && e && i("update:modelValue", e.url);
@@ -1822,12 +1826,12 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				}
 			}
 		}
-		let { isOver: O } = he({
+		let { isOver: O } = ge({
 			target: _,
 			enabled: T,
 			onFiles: D
 		});
-		return (t, r) => (s(), v(qi, {
+		return (t, r) => (s(), v(Xi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -1837,7 +1841,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				ref: _,
 				class: "tpl:relative"
 			}, [
-				T.value && (b(O) || x.value) ? (s(), m("div", Yi, [x.value ? (s(), m(S, { key: 0 }, [g(b(dt), {
+				T.value && (b(O) || x.value) ? (s(), m("div", Qi, [x.value ? (s(), m(S, { key: 0 }, [g(b(mt), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
@@ -1853,19 +1857,19 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 					placeholder: e.field.placeholder || "https://...",
 					disabled: "",
 					title: b(a).customBlocks.dataSource.readOnlyTooltip
-				}, null, 10, Xi)) : (s(), m("input", {
+				}, null, 10, $i)) : (s(), m("input", {
 					key: 2,
 					type: "url",
 					class: n(b(G)),
 					value: e.modelValue,
 					placeholder: e.field.placeholder || "https://...",
 					onInput: r[0] ||= (e) => i("update:modelValue", e.target.value)
-				}, null, 42, Zi)),
+				}, null, 42, ea)),
 				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)]",
 					onClick: r[1] ||= (e) => h()
-				}, [g(b(oe), {
+				}, [g(b(se), {
 					size: 14,
 					"stroke-width": 1.5
 				}), y(" " + c(b(a).image.browseMedia), 1)])) : w("", !0)
@@ -1877,7 +1881,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), $i = [
+}), na = [
 	"value",
 	"placeholder",
 	"min",
@@ -1885,7 +1889,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	"step",
 	"disabled",
 	"title"
-], ea = /* @__PURE__ */ f({
+], ra = /* @__PURE__ */ f({
 	__name: "NumberField",
 	props: {
 		field: {},
@@ -1895,7 +1899,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), v(qi, {
+		return (t, a) => (s(), v(Xi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -1911,7 +1915,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				disabled: e.readOnly,
 				title: e.readOnly ? b(i).customBlocks.dataSource.readOnlyTooltip : void 0,
 				onInput: a[0] ||= (t) => !e.readOnly && r("update:modelValue", Number(t.target.value))
-			}, null, 42, $i)]),
+			}, null, 42, na)]),
 			_: 1
 		}, 8, [
 			"label",
@@ -1919,10 +1923,10 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), ta = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, na = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, ra = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, ia = ["title", "onClick"], aa = {
+}), ia = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, aa = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, oa = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, sa = ["title", "onClick"], ca = {
 	key: 1,
 	class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, oa = /* @__PURE__ */ f({
+}, la = /* @__PURE__ */ f({
 	__name: "RepeatableField",
 	props: {
 		field: {},
@@ -1950,25 +1954,25 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			} : r);
 			a("update:modelValue", r);
 		}
-		return (r, i) => (s(), v(qi, {
+		return (r, i) => (s(), v(Xi, {
 			label: t.field.label,
 			required: t.field.required,
 			"read-only": t.readOnly
 		}, {
-			default: l(() => [p("div", ta, [
+			default: l(() => [p("div", ia, [
 				(s(!0), m(S, null, e(d.value, (n, r) => (s(), m("div", {
 					key: `${t.field.key}-${r}`,
 					class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
-				}, [p("div", na, [p("span", ra, " #" + c(r + 1), 1), h.value && !t.readOnly ? (s(), m("button", {
+				}, [p("div", aa, [p("span", oa, " #" + c(r + 1), 1), h.value && !t.readOnly ? (s(), m("button", {
 					key: 0,
 					type: "button",
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
 					title: b(u).customBlocks.fields.removeItem,
 					onClick: (e) => x(r)
-				}, [g(b(gt), {
+				}, [g(b(yt), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, ia)) : w("", !0)]), (s(!0), m(S, null, e(t.field.fields, (e) => (s(), v(o(b(ha)(e.type)), {
+				})], 8, sa)) : w("", !0)]), (s(!0), m(S, null, e(t.field.fields, (e) => (s(), v(o(b(va)(e.type)), {
 					key: e.key,
 					field: e,
 					"model-value": n[e.key],
@@ -1983,13 +1987,13 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				f.value && !t.readOnly ? (s(), m("button", {
 					key: 0,
 					type: "button",
-					class: n(b(Dt)),
+					class: n(b(At)),
 					onClick: _
 				}, [g(b(Q), {
 					size: 14,
 					"stroke-width": 2
 				}), y(" " + c(b(u).customBlocks.fields.addItem), 1)], 2)) : w("", !0),
-				!f.value && !t.readOnly ? (s(), m("p", aa, c(b(u).customBlocks.fields.maxItemsReached), 1)) : w("", !0)
+				!f.value && !t.readOnly ? (s(), m("p", ca, c(b(u).customBlocks.fields.maxItemsReached), 1)) : w("", !0)
 			])]),
 			_: 1
 		}, 8, [
@@ -1998,11 +2002,11 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), sa = [
+}), ua = [
 	"value",
 	"disabled",
 	"title"
-], ca = ["value"], la = /* @__PURE__ */ f({
+], da = ["value"], fa = /* @__PURE__ */ f({
 	__name: "SelectField",
 	props: {
 		field: {},
@@ -2012,7 +2016,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(t, { emit: r }) {
 		let i = r, { t: a } = U();
-		return (r, o) => (s(), v(qi, {
+		return (r, o) => (s(), v(Xi, {
 			label: t.field.label,
 			required: t.field.required,
 			"read-only": t.readOnly
@@ -2026,7 +2030,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			}, [(s(!0), m(S, null, e(t.field.options, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, ca))), 128))], 42, sa)]),
+			}, c(e.label), 9, da))), 128))], 42, ua)]),
 			_: 1
 		}, 8, [
 			"label",
@@ -2034,11 +2038,11 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), ua = [
+}), pa = [
 	"value",
 	"placeholder",
 	"title"
-], da = /* @__PURE__ */ f({
+], ma = /* @__PURE__ */ f({
 	__name: "TextField",
 	props: {
 		field: {},
@@ -2048,7 +2052,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), v(qi, {
+		return (t, a) => (s(), v(Xi, {
 			label: e.field.label,
 			required: e.field.required,
 			"read-only": e.readOnly
@@ -2061,7 +2065,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 				placeholder: e.field.placeholder,
 				disabled: "",
 				title: b(i).customBlocks.dataSource.readOnlyTooltip
-			}, null, 10, ua)) : (s(), v($, {
+			}, null, 10, pa)) : (s(), v($, {
 				key: 1,
 				"model-value": e.modelValue,
 				placeholder: e.field.placeholder,
@@ -2074,12 +2078,12 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			"read-only"
 		]));
 	}
-}), fa = [
+}), ha = [
 	"value",
 	"placeholder",
 	"title"
-], pa = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:opacity-60 tpl:cursor-not-allowed", ma = {
-	text: da,
+], ga = "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", _a = {
+	text: ma,
 	textarea: /* @__PURE__ */ f({
 		__name: "TextareaField",
 		props: {
@@ -2090,7 +2094,7 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 		emits: ["update:modelValue"],
 		setup(e, { emit: t }) {
 			let r = t, { t: i } = U();
-			return (t, a) => (s(), v(qi, {
+			return (t, a) => (s(), v(Xi, {
 				label: e.field.label,
 				required: e.field.required,
 				"read-only": e.readOnly
@@ -2102,8 +2106,8 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 					rows: "3",
 					disabled: "",
 					title: b(i).customBlocks.dataSource.readOnlyTooltip,
-					class: n(pa)
-				}, null, 8, fa)) : (s(), v(Gn, {
+					class: n(ga)
+				}, null, 8, ha)) : (s(), v(Jn, {
 					key: 1,
 					"model-value": e.modelValue,
 					placeholder: e.field.placeholder,
@@ -2117,42 +2121,42 @@ var En = ["aria-label", "onKeydown"], Dn = ["data-tooltip"], On = ["data-tooltip
 			]));
 		}
 	}),
-	image: Qi,
-	color: Ji,
-	number: ea,
-	select: la,
-	boolean: Wi,
-	repeatable: oa
+	image: ta,
+	color: Zi,
+	number: ra,
+	select: fa,
+	boolean: qi,
+	repeatable: la
 };
-function ha(e) {
-	return ma[e] ?? da;
+function va(e) {
+	return _a[e] ?? ma;
 }
 //#endregion
 //#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
-var ga = {
+var ya = {
 	key: 0,
 	class: "tpl:p-4"
-}, _a = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, va = { key: 1 }, ya = {
+}, ba = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, xa = { key: 1 }, Sa = {
 	key: 0,
 	class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, ba = {
+}, Ca = {
 	key: 1,
 	class: "tpl:mb-4"
-}, xa = {
+}, wa = {
 	key: 1,
 	class: "tpl:flex tpl:h-[32px] tpl:items-center"
-}, Sa = {
+}, Ta = {
 	key: 0,
 	class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, Ca = {
+}, Ea = {
 	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({
+}, Da = /* @__PURE__ */ f({
 	__name: "CustomBlockToolbar",
 	props: { block: {} },
 	emits: ["updateFieldValues", "updateDataSourceFetched"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { t: a } = U(), l = E(Be, []), u = C(() => l.find((e) => e.type === r.block.customType)), { isFetching: d, fetchError: f, fetch: h, hasDataSource: _, needsFetch: x } = Oe({
+		let r = t, i = n, { t: a } = U(), l = E(Ge, []), u = C(() => l.find((e) => e.type === r.block.customType)), { isFetching: d, fetchError: f, fetch: h, hasDataSource: _, needsFetch: x } = H({
 			definition: u,
 			block: C(() => r.block),
 			onUpdate: (e, t) => {
@@ -2168,23 +2172,23 @@ var ga = {
 				[e]: t
 			});
 		}
-		return (n, r) => u.value ? (s(), m("div", va, [
-			u.value.description ? (s(), m("p", ya, c(u.value.description), 1)) : w("", !0),
-			b(_) ? (s(), m("div", ba, [b(x) && !b(d) ? (s(), m("button", {
+		return (n, r) => u.value ? (s(), m("div", xa, [
+			u.value.description ? (s(), m("p", Sa, c(u.value.description), 1)) : w("", !0),
+			b(_) ? (s(), m("div", Ca, [b(x) && !b(d) ? (s(), m("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-md tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-bg)] tpl:transition-all tpl:duration-150 tpl:bg-[var(--tpl-primary)]",
 				onClick: r[0] ||= (...e) => b(h) && b(h)(...e)
-			}, c(u.value?.dataSource?.label || b(a).customBlocks.dataSource.fetchButton), 1)) : (s(), m("div", xa, [b(d) ? (s(), m("div", Sa, c(b(a).customBlocks.dataSource.fetching), 1)) : (s(), m("button", {
+			}, c(u.value?.dataSource?.label || b(a).customBlocks.dataSource.fetchButton), 1)) : (s(), m("div", wa, [b(d) ? (s(), m("div", Ta, c(b(a).customBlocks.dataSource.fetching), 1)) : (s(), m("button", {
 				key: 1,
 				type: "button",
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
 				onClick: r[1] ||= (...e) => b(h) && b(h)(...e)
-			}, [g(b(st), { size: 12 }), y(" " + c(b(a).customBlocks.dataSource.changeButton), 1)]))])), b(f) ? (s(), m("p", Ca, [g(b(tt), {
+			}, [g(b(ut), { size: 12 }), y(" " + c(b(a).customBlocks.dataSource.changeButton), 1)]))])), b(f) ? (s(), m("p", Ea, [g(b(it), {
 				size: 14,
 				class: "tpl:shrink-0"
 			}), y(" " + c(b(a).customBlocks.dataSource.fetchError), 1)])) : w("", !0)])) : w("", !0),
-			(s(!0), m(S, null, e(u.value.fields, (e) => (s(), v(o(b(ha)(e.type)), {
+			(s(!0), m(S, null, e(u.value.fields, (e) => (s(), v(o(b(va)(e.type)), {
 				key: e.key,
 				field: e,
 				"model-value": t.block.fieldValues[e.key],
@@ -2196,9 +2200,9 @@ var ga = {
 				"read-only",
 				"onUpdate:modelValue"
 			]))), 128))
-		])) : (s(), m("div", ga, [p("p", _a, c(b(a).customBlocks.toolbar.noDefinition), 1)]));
+		])) : (s(), m("div", ya, [p("p", ba, c(b(a).customBlocks.toolbar.noDefinition), 1)]));
 	}
-}), Ta = { class: "tpl:mb-3.5" }, Ea = { class: "tpl:mb-3.5" }, Da = { class: "tpl:mb-3.5" }, Oa = { class: "tpl:flex tpl:items-stretch" }, ka = ["value"], Aa = /* @__PURE__ */ f({
+}), Oa = { class: "tpl:mb-3.5" }, ka = { class: "tpl:mb-3.5" }, Aa = { class: "tpl:mb-3.5" }, ja = { class: "tpl:flex tpl:items-stretch" }, Ma = ["value"], Na = /* @__PURE__ */ f({
 	__name: "DividerToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2208,7 +2212,7 @@ var ga = {
 			r("update", { [e]: t });
 		}
 		return (t, r) => (s(), m(S, null, [
-			p("div", Ta, [p("label", { class: n(b(K)) }, c(b(i).divider.style), 3), g(Mt, {
+			p("div", Oa, [p("label", { class: n(b(K)) }, c(b(i).divider.style), 3), g(Ft, {
 				options: [
 					{
 						value: "solid",
@@ -2226,57 +2230,57 @@ var ga = {
 				"model-value": e.block.lineStyle,
 				"onUpdate:modelValue": r[0] ||= (e) => a("lineStyle", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", Ea, [p("label", { class: n(b(K)) }, c(b(i).divider.color), 3), g(Y, {
+			p("div", ka, [p("label", { class: n(b(K)) }, c(b(i).divider.color), 3), g(Y, {
 				"model-value": e.block.color,
 				"onUpdate:modelValue": r[1] ||= (e) => a("color", e)
 			}, null, 8, ["model-value"])]),
-			p("div", Da, [p("label", { class: n(b(K)) }, c(b(i).divider.thickness), 3), p("div", Oa, [p("input", {
+			p("div", Aa, [p("label", { class: n(b(K)) }, c(b(i).divider.thickness), 3), p("div", ja, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: e.block.thickness,
 				min: "1",
 				max: "10",
 				onInput: r[2] ||= (e) => a("thickness", Number(e.target.value))
-			}, null, 42, ka), p("span", { class: n(b(q)) }, "px", 2)])])
+			}, null, 42, Ma), p("span", { class: n(b(q)) }, "px", 2)])])
 		], 64));
 	}
-}), ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Pa = /* @__PURE__ */ f({
+}), Pa = { class: "tpl:mb-3.5" }, Fa = ["value"], Ia = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, La = /* @__PURE__ */ f({
 	__name: "HtmlToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", ja, [
+		return (t, a) => (s(), m("div", Pa, [
 			p("label", { class: n(b(K)) }, c(b(i).html.content), 3),
 			p("textarea", {
 				value: e.block.content,
 				placeholder: "<div>...</div>",
 				rows: "10",
-				class: n(b(Tt)),
+				class: n(b(Ot)),
 				onInput: a[0] ||= (e) => r("update", { content: e.target.value })
-			}, null, 42, Ma),
-			p("p", Na, [g(b(lt), {
+			}, null, 42, Fa),
+			p("p", Ia, [g(b(ft), {
 				size: 12,
 				class: "tpl:mt-0.5 tpl:shrink-0"
 			}), y(" " + c(b(i).html.sanitizationHint), 1)])
 		]));
 	}
-}), Fa = { class: "tpl:mb-3.5" }, Ia = {
+}), Ra = { class: "tpl:mb-3.5" }, za = {
 	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)" }
-}, La = {
+}, Ba = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, Ra = ["value", "placeholder"], za = { class: "tpl:mb-3.5" }, Ba = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, Va = { class: "tpl:mb-3.5" }, Ha = ["value"], Ua = { value: "full" }, Wa = { value: "custom" }, Ga = {
+}, Va = ["value", "placeholder"], Ha = { class: "tpl:mb-3.5" }, Ua = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, Wa = { class: "tpl:mb-3.5" }, Ga = ["value"], Ka = { value: "full" }, qa = { value: "custom" }, Ja = {
 	key: 0,
 	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, Ka = ["value"], qa = { class: "tpl:mb-3.5" }, Ja = { class: "tpl:mb-3.5" }, Ya = 350, Xa = /* @__PURE__ */ f({
+}, Ya = ["value"], Xa = { class: "tpl:mb-3.5" }, Za = { class: "tpl:mb-3.5" }, Qa = 350, $a = /* @__PURE__ */ f({
 	__name: "ImageToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = E(We, null), u = E(Ne, V.liquid), f = xt(), h = C(() => !!o), _ = d(!1), x = d(!1), { start: T } = Ae(() => {
+		let r = e, i = t, { t: a } = U(), o = E(Pe, null), u = E(Be, z.liquid), f = wt(), h = C(() => !!o), _ = d(!1), x = d(!1), { start: T } = je(() => {
 			_.value = !1;
 		}, 1e3, { immediate: !1 }), D = [
 			300,
@@ -2292,7 +2296,7 @@ var ga = {
 		function A(e) {
 			if (e === "custom") {
 				let e = r.block.width;
-				(typeof e != "number" || D.includes(e)) && k("width", Ya);
+				(typeof e != "number" || D.includes(e)) && k("width", Qa);
 				return;
 			}
 			k("width", e === "full" ? "full" : Number(e));
@@ -2321,18 +2325,18 @@ var ga = {
 				}
 			}
 		}
-		let { isOver: z } = he({
+		let { isOver: V } = ge({
 			target: N,
 			enabled: L,
 			onFiles: R
 		});
 		return (t, r) => (s(), m(S, null, [
-			p("div", Fa, [p("label", { class: n(b(K)) }, c(b(a).image.imageUrl), 3), p("div", {
+			p("div", Ra, [p("label", { class: n(b(K)) }, c(b(a).image.imageUrl), 3), p("div", {
 				ref_key: "dropZoneRef",
 				ref: N,
 				class: "tpl:relative"
 			}, [
-				L.value && (b(z) || F.value) ? (s(), m("div", Ia, [F.value ? (s(), m(S, { key: 0 }, [g(b(dt), {
+				L.value && (b(V) || F.value) ? (s(), m("div", za, [F.value ? (s(), m(S, { key: 0 }, [g(b(mt), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
@@ -2360,19 +2364,19 @@ var ga = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: M
-				}, [g(b(oe), {
+				}, [g(b(se), {
 					size: 14,
 					"stroke-width": 1.5
 				}), y(" " + c(b(a).image.browseMedia), 1)])) : w("", !0)
 			], 512)]),
-			b(B)(e.block.src, b(u)) ? (s(), m("div", La, [p("label", { class: n(b(K)) }, [y(c(b(a).image.placeholderUrl) + " ", 1), r[9] ||= p("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, c("(optional)"), -1)], 2), p("input", {
+			b(B)(e.block.src, b(u)) ? (s(), m("div", Ba, [p("label", { class: n(b(K)) }, [y(c(b(a).image.placeholderUrl) + " ", 1), r[9] ||= p("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, c("(optional)"), -1)], 2), p("input", {
 				type: "url",
 				class: n(b(G)),
 				value: e.block.placeholderUrl || "",
 				placeholder: b(a).image.placeholderUrlPlaceholder,
 				onInput: r[1] ||= (e) => k("placeholderUrl", e.target.value)
-			}, null, 42, Ra)])) : w("", !0),
-			p("div", za, [
+			}, null, 42, Va)])) : w("", !0),
+			p("div", Ha, [
 				p("label", { class: n(b(K)) }, c(b(a).image.altText), 3),
 				g($, {
 					"model-value": e.block.alt,
@@ -2393,32 +2397,32 @@ var ga = {
 					label: b(a).image.decorative,
 					"onUpdate:modelValue": r[3] ||= (e) => k("decorative", e)
 				}, {
-					default: l(() => [p("span", null, [y(c(b(a).image.decorative) + " ", 1), p("span", Ba, c(b(a).image.decorativeHint), 1)])]),
+					default: l(() => [p("span", null, [y(c(b(a).image.decorative) + " ", 1), p("span", Ua, c(b(a).image.decorativeHint), 1)])]),
 					_: 1
 				}, 8, ["model-value", "label"])
 			]),
-			p("div", Va, [
+			p("div", Wa, [
 				p("label", { class: n(b(K)) }, c(b(a).image.width), 3),
 				p("select", {
 					class: n(b(G)),
 					value: O.value,
 					onChange: r[4] ||= (e) => A(e.target.value)
 				}, [
-					p("option", Ua, c(b(a).image.fullWidth), 1),
+					p("option", Ka, c(b(a).image.fullWidth), 1),
 					r[10] ||= p("option", { value: "300" }, "300px", -1),
 					r[11] ||= p("option", { value: "400" }, "400px", -1),
 					r[12] ||= p("option", { value: "500" }, "500px", -1),
-					p("option", Wa, c(b(a).image.widthCustom), 1)
-				], 42, Ha),
-				O.value === "custom" ? (s(), m("div", Ga, [p("input", {
+					p("option", qa, c(b(a).image.widthCustom), 1)
+				], 42, Ga),
+				O.value === "custom" ? (s(), m("div", Ja, [p("input", {
 					type: "number",
 					class: n(b(J)),
-					value: typeof e.block.width == "number" ? e.block.width : Ya,
+					value: typeof e.block.width == "number" ? e.block.width : Qa,
 					min: "20",
 					onInput: r[5] ||= (e) => j(e.target.value)
-				}, null, 42, Ka), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
+				}, null, 42, Ya), p("span", { class: n(b(q)) }, "px", 2)])) : w("", !0)
 			]),
-			p("div", qa, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Mt, {
+			p("div", Xa, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Ft, {
 				options: [
 					{
 						value: "left",
@@ -2436,7 +2440,7 @@ var ga = {
 				"model-value": e.block.align,
 				"onUpdate:modelValue": r[6] ||= (e) => k("align", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", Ja, [
+			p("div", Za, [
 				p("label", { class: n(b(K)) }, c(b(a).image.linkUrl), 3),
 				g($, {
 					"model-value": e.block.linkUrl || "",
@@ -2454,11 +2458,11 @@ var ga = {
 			])
 		], 64));
 	}
-}), Za = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Qa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, $a = [
+}), eo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, to = { class: "tpl:flex tpl:items-center tpl:gap-2" }, no = [
 	"value",
 	"placeholder",
 	"onInput"
-], eo = ["title", "onClick"], to = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:gap-x-3 tpl:gap-y-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, no = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ro = ["value"], io = { value: "" }, ao = ["value"], oo = ["value"], so = /* @__PURE__ */ f({
+], ro = ["title", "onClick"], io = { 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)]" }, ao = { class: "tpl:flex tpl:items-center tpl:gap-2" }, oo = ["value"], so = { value: "" }, co = ["value"], lo = ["value"], uo = /* @__PURE__ */ f({
 	__name: "MenuToolbar",
 	props: {
 		block: {},
@@ -2483,17 +2487,17 @@ var ga = {
 			{
 				value: "left",
 				label: o.title.alignLeft,
-				icon: ht
+				icon: vt
 			},
 			{
 				value: "center",
 				label: o.title.alignCenter,
-				icon: mt
+				icon: _t
 			},
 			{
 				value: "right",
 				label: o.title.alignRight,
-				icon: pt
+				icon: gt
 			}
 		]);
 		function f(e, t) {
@@ -2501,7 +2505,7 @@ var ga = {
 		}
 		function h() {
 			let e = {
-				id: F(),
+				id: R(),
 				text: "",
 				url: "",
 				openInNewTab: !1,
@@ -2522,24 +2526,24 @@ var ga = {
 		}
 		return (r, i) => (s(), m(S, null, [
 			g(Z, { label: b(o).menu.items }, {
-				default: l(() => [p("div", Za, [(s(!0), m(S, null, e(t.block.items, (r) => (s(), m("div", {
+				default: l(() => [p("div", eo, [(s(!0), m(S, null, e(t.block.items, (r) => (s(), m("div", {
 					key: r.id,
 					class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
 				}, [
-					p("div", Qa, [p("input", {
+					p("div", to, [p("input", {
 						type: "text",
 						class: n([b(G), "tpl:flex-1"]),
 						value: r.text,
 						placeholder: b(o).menu.text,
 						onInput: (e) => _(r.id, "text", e.target.value)
-					}, null, 42, $a), p("button", {
-						class: n(b(wt)),
+					}, null, 42, no), p("button", {
+						class: n(b(Dt)),
 						title: b(o).menu.removeItem,
 						onClick: (e) => x(r.id)
-					}, [g(b(_t), {
+					}, [g(b(bt), {
 						size: 14,
 						"stroke-width": 2
-					})], 10, eo)]),
+					})], 10, ro)]),
 					g($, {
 						"model-value": r.url,
 						type: "url",
@@ -2550,7 +2554,7 @@ var ga = {
 						"placeholder",
 						"onUpdate:modelValue"
 					]),
-					p("div", to, [(s(!0), m(S, null, e(u.value, (e) => (s(), v(X, {
+					p("div", io, [(s(!0), m(S, null, e(u.value, (e) => (s(), v(X, {
 						key: e.key,
 						"model-value": r[e.key],
 						label: e.label,
@@ -2560,13 +2564,13 @@ var ga = {
 						"label",
 						"onUpdate:modelValue"
 					]))), 128))]),
-					p("div", no, [p("label", { class: n([b(K), "tpl:!mb-0"]) }, c(b(o).menu.color), 3), g(Y, {
+					p("div", ao, [p("label", { class: n([b(K), "tpl:!mb-0"]) }, c(b(o).menu.color), 3), g(Y, {
 						"swatch-only": "",
 						"model-value": r.color || t.block.linkColor || t.block.color || "",
 						"onUpdate:modelValue": (e) => _(r.id, "color", e)
 					}, null, 8, ["model-value", "onUpdate:modelValue"])])
 				]))), 128)), p("button", {
-					class: n(b(Dt)),
+					class: n(b(At)),
 					onClick: h
 				}, [g(b(Q), {
 					size: 14,
@@ -2579,14 +2583,14 @@ var ga = {
 					class: n(b(G)),
 					value: t.block.fontFamily || "",
 					onChange: i[0] ||= (e) => f("fontFamily", e.target.value || void 0)
-				}, [p("option", io, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+				}, [p("option", so, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 					key: e.value,
 					value: e.value
-				}, c(e.label), 9, ao))), 128))], 42, ro)]),
+				}, c(e.label), 9, co))), 128))], 42, oo)]),
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: b(o).menu.fontSize }, {
-				default: l(() => [g(Nt, {
+				default: l(() => [g(It, {
 					"model-value": t.block.fontSize,
 					min: 8,
 					max: 48,
@@ -2610,7 +2614,7 @@ var ga = {
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: b(o).menu.textAlign }, {
-				default: l(() => [g(Mt, {
+				default: l(() => [g(Ft, {
 					options: d.value,
 					"model-value": t.block.textAlign,
 					"onUpdate:modelValue": i[4] ||= (e) => f("textAlign", e)
@@ -2623,7 +2627,7 @@ var ga = {
 					class: n(b(G)),
 					value: t.block.separator,
 					onInput: i[5] ||= (e) => f("separator", e.target.value)
-				}, null, 42, oo)]),
+				}, null, 42, lo)]),
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: b(o).menu.separatorColor }, {
@@ -2634,7 +2638,7 @@ var ga = {
 				_: 1
 			}, 8, ["label"]),
 			g(Z, { label: b(o).menu.spacing }, {
-				default: l(() => [g(Nt, {
+				default: l(() => [g(It, {
 					"model-value": t.block.spacing,
 					min: 0,
 					max: 50,
@@ -2648,11 +2652,11 @@ var ga = {
 });
 //#endregion
 //#region src/utils/rebalanceColumnChildren.ts
-function co(e) {
+function fo(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
 }
-function lo(e, t) {
-	let n = co(t);
+function po(e, t) {
+	let n = fo(t);
 	if (e.length === n) return e;
 	if (e.length < n) {
 		let t = Array.from({ length: n - e.length }, () => []);
@@ -2663,13 +2667,13 @@ function lo(e, t) {
 }
 //#endregion
 //#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
-var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
+var mo = { class: "tpl:mb-3.5" }, ho = ["value"], go = ["value"], _o = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, ho = { class: "tpl:mb-3.5" }, go = { class: "tpl:flex tpl:items-stretch" }, _o = ["value"], vo = { class: "tpl:mb-3.5" }, yo = {
+}, vo = { class: "tpl:mb-3.5" }, yo = { class: "tpl:flex tpl:items-stretch" }, bo = ["value"], xo = { class: "tpl:mb-3.5" }, So = {
 	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" }, xo = ["value"], So = /* @__PURE__ */ f({
+}, Co = { class: "tpl:flex tpl:items-stretch" }, wo = ["value"], To = /* @__PURE__ */ f({
 	__name: "SectionToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2697,7 +2701,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}
 		]);
 		function u(e) {
-			let t = e.target.value, n = lo(i.block.children, t);
+			let t = e.target.value, n = po(i.block.children, t);
 			a("update", {
 				columns: t,
 				children: n
@@ -2731,39 +2735,39 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			_({ borderRadius: Number(e.target.value) });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", uo, [p("label", { class: n(b(K)) }, c(b(o).section.columns), 3), p("select", {
+			p("div", mo, [p("label", { class: n(b(K)) }, c(b(o).section.columns), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.columns,
 				onChange: u
 			}, [(s(!0), m(S, null, e(l.value, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, po))), 128))], 42, fo)]),
-			t.block.columns === "1" ? w("", !0) : (s(), m("div", mo, [g(X, {
+			}, c(e.label), 9, go))), 128))], 42, ho)]),
+			t.block.columns === "1" ? w("", !0) : (s(), m("div", _o, [g(X, {
 				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 				"model-value": t.block.stackOnMobile !== !1,
 				label: b(o).section.stackOnMobile,
 				"onUpdate:modelValue": i[0] ||= (e) => d(e)
 			}, null, 8, ["model-value", "label"])])),
-			p("div", ho, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", go, [p("input", {
+			p("div", vo, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", yo, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.borderRadius ?? 0,
 				min: "0",
 				max: "50",
 				onInput: f
-			}, null, 42, _o), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", vo, [g(X, {
+			}, null, 42, bo), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", xo, [g(X, {
 				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
 				"model-value": !!t.block.wrapper,
 				label: b(o).section.wrapperEnable,
 				"onUpdate:modelValue": i[1] ||= (e) => h(e)
-			}, null, 8, ["model-value", "label"]), t.block.wrapper ? (s(), m("div", yo, [
+			}, null, 8, ["model-value", "label"]), t.block.wrapper ? (s(), m("div", So, [
 				p("div", null, [p("label", { class: n(b(K)) }, c(b(o).blockSettings.color), 3), g(Y, {
 					"model-value": t.block.wrapper.backgroundColor ?? "",
 					"onUpdate:modelValue": i[2] ||= (e) => _({ backgroundColor: e })
 				}, null, 8, ["model-value"])]),
-				g(xi, {
+				g(wi, {
 					label: b(o).blockSettings.padding,
 					"model-value": t.block.wrapper.padding ?? {
 						top: 0,
@@ -2773,18 +2777,18 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					},
 					"onUpdate:modelValue": v
 				}, null, 8, ["label", "model-value"]),
-				p("div", null, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", bo, [p("input", {
+				p("div", null, [p("label", { class: n(b(K)) }, c(b(o).section.borderRadius), 3), p("div", Co, [p("input", {
 					type: "number",
 					class: n(b(J)),
 					value: t.block.wrapper.borderRadius ?? 0,
 					min: "0",
 					max: "50",
 					onInput: y
-				}, null, 42, xo), p("span", { class: n(b(q)) }, "px", 2)])])
+				}, null, 42, wo), p("span", { class: n(b(q)) }, "px", 2)])])
 			])) : w("", !0)])
 		], 64));
 	}
-}), Co = { class: "tpl:mb-3.5" }, wo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, To = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Eo = ["value", "onChange"], Do = ["value"], Oo = ["title", "onClick"], ko = { class: "tpl:mb-3.5" }, Ao = ["value"], jo = { value: "solid" }, Mo = { value: "outlined" }, No = { value: "rounded" }, Po = { value: "square" }, Fo = { value: "circle" }, Io = { class: "tpl:mb-3.5" }, Lo = { class: "tpl:mb-3.5" }, Ro = { class: "tpl:flex tpl:items-stretch" }, zo = ["value"], Bo = { class: "tpl:mb-3.5" }, Vo = /* @__PURE__ */ f({
+}), Eo = { class: "tpl:mb-3.5" }, Do = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Oo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ko = ["value", "onChange"], Ao = ["value"], jo = ["title", "onClick"], Mo = { class: "tpl:mb-3.5" }, No = ["value"], Po = { value: "solid" }, Fo = { value: "outlined" }, Io = { value: "rounded" }, Lo = { value: "square" }, Ro = { value: "circle" }, zo = { class: "tpl:mb-3.5" }, Bo = { class: "tpl:mb-3.5" }, Vo = { class: "tpl:flex tpl:items-stretch" }, Ho = ["value"], Uo = { class: "tpl:mb-3.5" }, Wo = /* @__PURE__ */ f({
 	__name: "SocialToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2795,7 +2799,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 		}
 		function u() {
 			let e = {
-				id: F(),
+				id: R(),
 				platform: "facebook",
 				url: ""
 			};
@@ -2812,25 +2816,25 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			a("update", { icons: i.block.icons.filter((t) => t.id !== e) });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", Co, [p("label", { class: n(b(K)) }, c(b(o).social.icons), 3), p("div", wo, [(s(!0), m(S, null, e(t.block.icons, (t) => (s(), m("div", {
+			p("div", Eo, [p("label", { class: n(b(K)) }, c(b(o).social.icons), 3), p("div", Do, [(s(!0), m(S, null, e(t.block.icons, (t) => (s(), m("div", {
 				key: t.id,
 				class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
-			}, [p("div", To, [p("select", {
+			}, [p("div", Oo, [p("select", {
 				"data-testid": "social-platform-select",
 				class: n([b(G), "tpl:flex-1"]),
 				value: t.platform,
 				onChange: (e) => d(t.id, "platform", e.target.value)
-			}, [(s(!0), m(S, null, e(b(xe), (e) => (s(), m("option", {
+			}, [(s(!0), m(S, null, e(b(Se), (e) => (s(), m("option", {
 				key: e,
 				value: e
-			}, c(b(o).social.platforms[e]), 9, Do))), 128))], 42, Eo), p("button", {
-				class: n(b(wt)),
+			}, c(b(o).social.platforms[e]), 9, Ao))), 128))], 42, ko), p("button", {
+				class: n(b(Dt)),
 				title: b(o).social.removeIcon,
 				onClick: (e) => f(t.id)
-			}, [g(b(_t), {
+			}, [g(b(bt), {
 				size: 14,
 				"stroke-width": 2
-			})], 10, Oo)]), g($, {
+			})], 10, jo)]), g($, {
 				"model-value": t.url,
 				type: "url",
 				placeholder: b(o).social.urlPlaceholder,
@@ -2840,24 +2844,24 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 				"placeholder",
 				"onUpdate:modelValue"
 			])]))), 128)), p("button", {
-				class: n(b(Dt)),
+				class: n(b(At)),
 				onClick: u
 			}, [g(b(Q), {
 				size: 14,
 				"stroke-width": 2
 			}), y(" " + c(b(o).social.addIcon), 1)], 2)])]),
-			p("div", ko, [p("label", { class: n(b(K)) }, c(b(o).social.style), 3), p("select", {
+			p("div", Mo, [p("label", { class: n(b(K)) }, c(b(o).social.style), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.iconStyle,
 				onChange: i[0] ||= (e) => l("iconStyle", e.target.value)
 			}, [
-				p("option", jo, c(b(o).social.styleSolid), 1),
-				p("option", Mo, c(b(o).social.styleOutlined), 1),
-				p("option", No, c(b(o).social.styleRounded), 1),
-				p("option", Po, c(b(o).social.styleSquare), 1),
-				p("option", Fo, c(b(o).social.styleCircle), 1)
-			], 42, Ao)]),
-			p("div", Io, [p("label", { class: n(b(K)) }, c(b(o).social.size), 3), g(Mt, {
+				p("option", Po, c(b(o).social.styleSolid), 1),
+				p("option", Fo, c(b(o).social.styleOutlined), 1),
+				p("option", Io, c(b(o).social.styleRounded), 1),
+				p("option", Lo, c(b(o).social.styleSquare), 1),
+				p("option", Ro, c(b(o).social.styleCircle), 1)
+			], 42, No)]),
+			p("div", zo, [p("label", { class: n(b(K)) }, c(b(o).social.size), 3), g(Ft, {
 				options: [
 					{
 						value: "small",
@@ -2875,30 +2879,30 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 				"model-value": t.block.iconSize,
 				"onUpdate:modelValue": i[1] ||= (e) => l("iconSize", e)
 			}, null, 8, ["options", "model-value"])]),
-			p("div", Lo, [p("label", { class: n(b(K)) }, c(b(o).social.spacing), 3), p("div", Ro, [p("input", {
+			p("div", Bo, [p("label", { class: n(b(K)) }, c(b(o).social.spacing), 3), p("div", Vo, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.spacing,
 				min: "0",
 				max: "50",
 				onInput: i[2] ||= (e) => l("spacing", Number(e.target.value))
-			}, null, 42, zo), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", Bo, [p("label", { class: n(b(K)) }, c(b(o).social.align), 3), g(Mt, {
+			}, null, 42, Ho), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", Uo, [p("label", { class: n(b(K)) }, c(b(o).social.align), 3), g(Ft, {
 				options: [
 					{
 						value: "left",
 						label: b(o).title.alignLeft,
-						icon: b(ht)
+						icon: b(vt)
 					},
 					{
 						value: "center",
 						label: b(o).title.alignCenter,
-						icon: b(mt)
+						icon: b(_t)
 					},
 					{
 						value: "right",
 						label: b(o).title.alignRight,
-						icon: b(pt)
+						icon: b(gt)
 					}
 				],
 				"model-value": t.block.align,
@@ -2906,22 +2910,22 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Ho = { class: "tpl:mb-3.5" }, Uo = { class: "tpl:flex tpl:items-stretch" }, Wo = ["value"], Go = ["value"], Ko = /* @__PURE__ */ f({
+}), Go = { class: "tpl:mb-3.5" }, Ko = { class: "tpl:flex tpl:items-stretch" }, qo = ["value"], Jo = ["value"], Yo = /* @__PURE__ */ f({
 	__name: "SpacerToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
 		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", Ho, [
+		return (t, a) => (s(), m("div", Go, [
 			p("label", { class: n(b(K)) }, c(b(i).spacer.height), 3),
-			p("div", Uo, [p("input", {
+			p("div", Ko, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: e.block.height,
 				min: "10",
 				max: "100",
 				onInput: a[0] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 42, Wo), p("span", { class: n(b(q)) }, "px", 2)]),
+			}, null, 42, qo), p("span", { class: n(b(q)) }, "px", 2)]),
 			p("input", {
 				type: "range",
 				class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -2929,13 +2933,13 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 				min: "10",
 				max: "100",
 				onInput: a[1] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 40, Go)
+			}, null, 40, Jo)
 		]));
 	}
-}), qo = { class: "tpl:mb-3.5" }, Jo = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Yo = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Xo = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Zo = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Qo = ["disabled"], $o = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, es = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, ts = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, ns = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, rs = ["disabled"], is = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, as = { class: "tpl:mb-3.5" }, os = {
+}), Xo = { class: "tpl:mb-3.5" }, Zo = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Qo = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, $o = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, es = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ts = ["disabled"], ns = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, rs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, is = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, as = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, os = ["disabled"], ss = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, cs = { class: "tpl:mb-3.5" }, ls = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, ss = { class: "tpl:mb-3.5" }, cs = { class: "tpl:mb-3.5" }, ls = { class: "tpl:flex tpl:items-stretch" }, us = ["value"], ds = { class: "tpl:mb-3.5" }, fs = { class: "tpl:flex tpl:items-stretch" }, ps = ["value"], ms = { class: "tpl:mb-3.5" }, hs = ["value"], gs = { value: "" }, _s = ["value"], vs = { class: "tpl:mb-3.5" }, ys = { class: "tpl:flex tpl:items-stretch" }, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:mb-3.5" }, Cs = /* @__PURE__ */ f({
+}, us = { class: "tpl:mb-3.5" }, ds = { class: "tpl:mb-3.5" }, fs = { class: "tpl:flex tpl:items-stretch" }, ps = ["value"], ms = { class: "tpl:mb-3.5" }, hs = { class: "tpl:flex tpl:items-stretch" }, gs = ["value"], _s = { class: "tpl:mb-3.5" }, vs = ["value"], ys = { value: "" }, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:flex tpl:items-stretch" }, Cs = ["value"], ws = { class: "tpl:mb-3.5" }, Ts = { class: "tpl:mb-3.5" }, Es = /* @__PURE__ */ f({
 	__name: "TableToolbar",
 	props: {
 		block: {},
@@ -2949,9 +2953,9 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 		}
 		function d() {
 			let e = i.block.rows.length > 0 ? i.block.rows[0].cells.length : 3, t = {
-				id: F(),
+				id: R(),
 				cells: Array.from({ length: e }, () => ({
-					id: F(),
+					id: R(),
 					content: ""
 				}))
 			};
@@ -2964,7 +2968,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			let e = i.block.rows.map((e) => ({
 				...e,
 				cells: [...e.cells, {
-					id: F(),
+					id: R(),
 					content: ""
 				}]
 			}));
@@ -2978,16 +2982,16 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			a("update", { rows: t });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", qo, [p("label", { class: n(b(K)) }, c(b(o).table.dimensions), 3), p("div", Jo, [p("div", Yo, [p("span", Xo, c(b(o).table.rows), 1), p("div", Zo, [
+			p("div", Xo, [p("label", { class: n(b(K)) }, c(b(o).table.dimensions), 3), p("div", Zo, [p("div", Qo, [p("span", $o, c(b(o).table.rows), 1), p("div", es, [
 				p("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: t.block.rows.length <= 1,
 					onClick: i[0] ||= (e) => f(t.block.rows[t.block.rows.length - 1].id)
-				}, [g(b(nt), {
+				}, [g(b(at), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Qo),
-				p("span", $o, c(t.block.rows.length), 1),
+				})], 8, ts),
+				p("span", ns, 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
@@ -2995,16 +2999,16 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					size: 12,
 					"stroke-width": 2
 				})])
-			])]), p("div", es, [p("span", ts, c(b(o).table.columns), 1), p("div", ns, [
+			])]), p("div", rs, [p("span", is, c(b(o).table.columns), 1), p("div", as, [
 				p("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: l.value <= 1,
 					onClick: i[1] ||= (e) => _(l.value - 1)
-				}, [g(b(nt), {
+				}, [g(b(at), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, rs),
-				p("span", is, c(l.value), 1),
+				})], 8, os),
+				p("span", ss, 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
@@ -3013,15 +3017,15 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					"stroke-width": 2
 				})])
 			])])])]),
-			p("div", as, [g(X, {
+			p("div", cs, [g(X, {
 				class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 				"model-value": t.block.hasHeaderRow,
 				label: b(o).table.hasHeaderRow,
 				"onUpdate:modelValue": i[2] ||= (e) => u("hasHeaderRow", e)
 			}, null, 8, ["model-value", "label"])]),
-			t.block.hasHeaderRow ? (s(), m("div", os, [p("label", { class: n(b(K)) }, c(b(o).table.headerBackgroundColor), 3), g(Y, {
+			t.block.hasHeaderRow ? (s(), m("div", ls, [p("label", { class: n(b(K)) }, c(b(o).table.headerBackgroundColor), 3), g(Y, {
 				"model-value": t.block.headerBackgroundColor ?? "",
-				"seed-color": b(Et),
+				"seed-color": b(kt),
 				placeholder: b(o).table.noHeaderBg,
 				"onUpdate:modelValue": i[3] ||= (e) => u("headerBackgroundColor", e || null)
 			}, null, 8, [
@@ -3029,62 +3033,62 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 				"seed-color",
 				"placeholder"
 			])])) : w("", !0),
-			p("div", ss, [p("label", { class: n(b(K)) }, c(b(o).table.borderColor), 3), g(Y, {
+			p("div", us, [p("label", { class: n(b(K)) }, c(b(o).table.borderColor), 3), g(Y, {
 				"model-value": t.block.borderColor,
 				"onUpdate:modelValue": i[4] ||= (e) => u("borderColor", e)
 			}, null, 8, ["model-value"])]),
-			p("div", cs, [p("label", { class: n(b(K)) }, c(b(o).table.borderWidth), 3), p("div", ls, [p("input", {
+			p("div", ds, [p("label", { class: n(b(K)) }, c(b(o).table.borderWidth), 3), p("div", fs, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.borderWidth,
 				min: "0",
 				max: "10",
 				onInput: i[5] ||= (e) => u("borderWidth", Number(e.target.value))
-			}, null, 42, us), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", ds, [p("label", { class: n(b(K)) }, c(b(o).table.cellPadding), 3), p("div", fs, [p("input", {
+			}, null, 42, ps), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", ms, [p("label", { class: n(b(K)) }, c(b(o).table.cellPadding), 3), p("div", hs, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.cellPadding,
 				min: "0",
 				max: "30",
 				onInput: i[6] ||= (e) => u("cellPadding", Number(e.target.value))
-			}, null, 42, ps), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", ms, [p("label", { class: n(b(K)) }, c(b(o).table.fontFamily), 3), p("select", {
+			}, null, 42, gs), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", _s, [p("label", { class: n(b(K)) }, c(b(o).table.fontFamily), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[7] ||= (e) => u("fontFamily", e.target.value || void 0)
-			}, [p("option", gs, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", ys, c(b(o).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, _s))), 128))], 42, hs)]),
-			p("div", vs, [p("label", { class: n(b(K)) }, c(b(o).table.fontSize), 3), p("div", ys, [p("input", {
+			}, c(e.label), 9, bs))), 128))], 42, vs)]),
+			p("div", xs, [p("label", { class: n(b(K)) }, c(b(o).table.fontSize), 3), p("div", Ss, [p("input", {
 				type: "number",
 				class: n(b(J)),
 				value: t.block.fontSize,
 				min: "10",
 				max: "32",
 				onInput: i[8] ||= (e) => u("fontSize", Number(e.target.value))
-			}, null, 42, bs), p("span", { class: n(b(q)) }, "px", 2)])]),
-			p("div", xs, [p("label", { class: n(b(K)) }, c(b(o).table.color), 3), g(Y, {
+			}, null, 42, Cs), p("span", { class: n(b(q)) }, "px", 2)])]),
+			p("div", ws, [p("label", { class: n(b(K)) }, c(b(o).table.color), 3), g(Y, {
 				"model-value": t.block.color ?? "",
 				"onUpdate:modelValue": i[9] ||= (e) => u("color", e || void 0)
 			}, null, 8, ["model-value"])]),
-			p("div", Ss, [p("label", { class: n(b(K)) }, c(b(o).table.textAlign), 3), g(Mt, {
+			p("div", Ts, [p("label", { class: n(b(K)) }, c(b(o).table.textAlign), 3), g(Ft, {
 				options: [
 					{
 						value: "left",
 						label: b(o).title.alignLeft,
-						icon: b(ht)
+						icon: b(vt)
 					},
 					{
 						value: "center",
 						label: b(o).title.alignCenter,
-						icon: b(mt)
+						icon: b(_t)
 					},
 					{
 						value: "right",
 						label: b(o).title.alignRight,
-						icon: b(pt)
+						icon: b(gt)
 					}
 				],
 				"model-value": t.block.textAlign,
@@ -3092,7 +3096,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), ws = { class: "tpl:mb-3.5" }, Ts = ["value"], Es = { value: 1 }, Ds = { value: 2 }, Os = { value: 3 }, ks = { value: 4 }, As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = { value: "" }, Ns = ["value"], Ps = { class: "tpl:mb-3.5" }, Fs = { class: "tpl:mb-3.5" }, Is = /* @__PURE__ */ f({
+}), Ds = { class: "tpl:mb-3.5" }, Os = ["value"], ks = { value: 1 }, As = { value: 2 }, js = { value: 3 }, Ms = { value: 4 }, Ns = { class: "tpl:mb-3.5" }, Ps = ["value"], Fs = { value: "" }, Is = ["value"], Ls = { class: "tpl:mb-3.5" }, Rs = { class: "tpl:mb-3.5" }, zs = /* @__PURE__ */ f({
 	__name: "TitleToolbar",
 	props: {
 		block: {},
@@ -3105,44 +3109,44 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			i("update", { [e]: t });
 		}
 		return (r, i) => (s(), m(S, null, [
-			p("div", ws, [p("label", { class: n(b(K)) }, c(b(a).title.level), 3), p("select", {
+			p("div", Ds, [p("label", { class: n(b(K)) }, c(b(a).title.level), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.level,
 				onChange: i[0] ||= (e) => o("level", Number(e.target.value))
 			}, [
-				p("option", Es, c(b(a).title.heading1), 1),
-				p("option", Ds, c(b(a).title.heading2), 1),
-				p("option", Os, c(b(a).title.heading3), 1),
-				p("option", ks, c(b(a).title.heading4), 1)
-			], 42, Ts)]),
-			p("div", As, [p("label", { class: n(b(K)) }, c(b(a).title.fontFamily), 3), p("select", {
+				p("option", ks, c(b(a).title.heading1), 1),
+				p("option", As, c(b(a).title.heading2), 1),
+				p("option", js, c(b(a).title.heading3), 1),
+				p("option", Ms, c(b(a).title.heading4), 1)
+			], 42, Os)]),
+			p("div", Ns, [p("label", { class: n(b(K)) }, c(b(a).title.fontFamily), 3), p("select", {
 				class: n(b(G)),
 				value: t.block.fontFamily || "",
 				onChange: i[1] ||= (e) => o("fontFamily", e.target.value || void 0)
-			}, [p("option", Ms, c(b(a).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
+			}, [p("option", Fs, c(b(a).title.inheritFont), 1), (s(!0), m(S, null, e(t.fontFamilies, (e) => (s(), m("option", {
 				key: e.value,
 				value: e.value
-			}, c(e.label), 9, Ns))), 128))], 42, js)]),
-			p("div", Ps, [p("label", { class: n(b(K)) }, c(b(a).title.color), 3), g(Y, {
+			}, c(e.label), 9, Is))), 128))], 42, Ps)]),
+			p("div", Ls, [p("label", { class: n(b(K)) }, c(b(a).title.color), 3), g(Y, {
 				"model-value": t.block.color ?? "",
 				"onUpdate:modelValue": i[2] ||= (e) => o("color", e || void 0)
 			}, null, 8, ["model-value"])]),
-			p("div", Fs, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Mt, {
+			p("div", Rs, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Ft, {
 				options: [
 					{
 						value: "left",
 						label: b(a).title.alignLeft,
-						icon: b(ht)
+						icon: b(vt)
 					},
 					{
 						value: "center",
 						label: b(a).title.alignCenter,
-						icon: b(mt)
+						icon: b(_t)
 					},
 					{
 						value: "right",
 						label: b(a).title.alignRight,
-						icon: b(pt)
+						icon: b(gt)
 					}
 				],
 				"model-value": t.block.textAlign,
@@ -3150,19 +3154,19 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Ls = { class: "tpl:mb-3.5" }, Rs = {
+}), Bs = { class: "tpl:mb-3.5" }, Vs = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, zs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Bs = [
+}, Hs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Us = [
 	"value",
 	"placeholder",
 	"title"
-], Vs = { class: "tpl:mb-3.5" }, Hs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Us = { class: "tpl:mb-3.5" }, Ws = { class: "tpl:mb-3.5" }, Gs = ["value"], Ks = { value: "full" }, qs = { class: "tpl:mb-3.5" }, Js = /* @__PURE__ */ f({
+], Ws = { class: "tpl:mb-3.5" }, Gs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Ks = { class: "tpl:mb-3.5" }, qs = { class: "tpl:mb-3.5" }, Js = ["value"], Ys = { value: "full" }, Xs = { class: "tpl:mb-3.5" }, Zs = /* @__PURE__ */ f({
 	__name: "VideoToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = E(We, null), l = E(Ne, V.liquid), u = xt(), f = C(() => !!o), h = C(() => B(r.block.url, l)), _ = d(!1), { start: x } = Ae(() => {
+		let r = e, i = t, { t: a } = U(), o = E(Pe, null), l = E(Be, z.liquid), u = wt(), f = C(() => !!o), h = C(() => B(r.block.url, l)), _ = d(!1), { start: x } = je(() => {
 			_.value = !1;
 		}, 1e3, { immediate: !1 });
 		function T(e, t) {
@@ -3173,7 +3177,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			u.alive && e && (T("thumbnailUrl", e.url), _.value = !0, x());
 		}
 		return (t, r) => (s(), m(S, null, [
-			p("div", Ls, [
+			p("div", Bs, [
 				p("label", { class: n(b(K)) }, c(b(a).video.videoUrl), 3),
 				g($, {
 					"model-value": e.block.url,
@@ -3189,16 +3193,16 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					"onUpdate:modelValue": r[1] ||= (e) => T("openInNewTab", e)
 				}, null, 8, ["model-value", "label"])) : w("", !0)
 			]),
-			h.value ? (s(), m("div", Rs, [p("label", { class: n(b(K)) }, [y(c(b(a).video.placeholderUrl) + " ", 1), p("span", zs, c(b(a).video.optional), 1)], 2), p("input", {
+			h.value ? (s(), m("div", Vs, [p("label", { class: n(b(K)) }, [y(c(b(a).video.placeholderUrl) + " ", 1), p("span", Hs, c(b(a).video.optional), 1)], 2), p("input", {
 				type: "url",
 				class: n(b(G)),
 				value: e.block.placeholderUrl || "",
 				placeholder: b(a).video.placeholderUrlPlaceholder,
 				title: b(a).video.placeholderUrlTooltip,
 				onInput: r[2] ||= (e) => T("placeholderUrl", e.target.value)
-			}, null, 42, Bs)])) : w("", !0),
-			p("div", Vs, [
-				p("label", { class: n(b(K)) }, [y(c(b(a).video.customThumbnail) + " ", 1), p("span", Hs, c(b(a).video.optional), 1)], 2),
+			}, null, 42, Us)])) : w("", !0),
+			p("div", Ws, [
+				p("label", { class: n(b(K)) }, [y(c(b(a).video.customThumbnail) + " ", 1), p("span", Gs, c(b(a).video.optional), 1)], 2),
 				g($, {
 					"model-value": e.block.thumbnailUrl,
 					type: "url",
@@ -3219,28 +3223,28 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: D
-				}, [g(b(oe), {
+				}, [g(b(se), {
 					size: 14,
 					"stroke-width": 1.5
 				}), y(" " + c(b(a).image.browseMedia), 1)])) : w("", !0)
 			]),
-			p("div", Us, [p("label", { class: n(b(K)) }, c(b(a).video.altText), 3), g($, {
+			p("div", Ks, [p("label", { class: n(b(K)) }, c(b(a).video.altText), 3), g($, {
 				"model-value": e.block.alt,
 				type: "text",
 				placeholder: b(a).video.altTextPlaceholder,
 				"onUpdate:modelValue": r[4] ||= (e) => T("alt", e)
 			}, null, 8, ["model-value", "placeholder"])]),
-			p("div", Ws, [p("label", { class: n(b(K)) }, c(b(a).video.width), 3), p("select", {
+			p("div", qs, [p("label", { class: n(b(K)) }, c(b(a).video.width), 3), p("select", {
 				class: n(b(G)),
 				value: e.block.width,
 				onChange: r[5] ||= (e) => T("width", e.target.value === "full" ? "full" : Number(e.target.value))
 			}, [
-				p("option", Ks, c(b(a).video.fullWidth), 1),
+				p("option", Ys, c(b(a).video.fullWidth), 1),
 				r[7] ||= p("option", { value: "300" }, "300px", -1),
 				r[8] ||= p("option", { value: "400" }, "400px", -1),
 				r[9] ||= p("option", { value: "500" }, "500px", -1)
-			], 42, Gs)]),
-			p("div", qs, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Mt, {
+			], 42, Js)]),
+			p("div", Xs, [p("label", { class: n(b(K)) }, c(b(a).title.align), 3), g(Ft, {
 				options: [
 					{
 						value: "left",
@@ -3260,7 +3264,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Ys = ["aria-label"], Xs = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Zs = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Qs = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, $s = { class: "tpl:flex tpl:gap-1" }, ec = ["title"], tc = ["title"], nc = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, rc = /*#__PURE__*/ vt(/* @__PURE__ */ f({
+}), Qs = ["aria-label"], $s = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, ec = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, tc = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, nc = { class: "tpl:flex tpl:gap-1" }, rc = ["title"], ic = ["title"], ac = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, oc = /*#__PURE__*/ xt(/* @__PURE__ */ f({
 	__name: "Toolbar",
 	props: { block: {} },
 	emits: [
@@ -3269,87 +3273,87 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let n = h(() => import("./CountdownToolbar-CBbGAxmF.js")), r = e, i = t, { t: a } = U(), l = Ze(He, "Toolbar"), u = E(Be, []), d = C(() => r.block.type), f = C(() => R(r.block)), _ = C(() => {
+		let n = h(() => import("./CountdownToolbar-D7yQqnA2.js")), r = e, i = t, { t: a } = U(), l = Fe(He, "Toolbar"), u = E(Ge, []), d = C(() => r.block.type), f = C(() => F(r.block)), _ = C(() => {
 			if (f.value) return u.find((e) => e.type === r.block.customType);
-		}), y = C(() => f.value ? _.value?.name ?? r.block.customType : ue(d.value, a)), x = l.fonts;
+		}), y = C(() => f.value ? _.value?.name ?? r.block.customType : ke(d.value, a)), x = l.fonts;
 		function T(e) {
 			i("update", e);
 		}
 		return (t, r) => (s(), m("aside", {
 			"aria-label": b(a).landmarks.blockToolbar,
 			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [p("div", Xs, [p("div", Zs, [b(at)[d.value] ? (s(), v(o(b(at)[d.value]), {
+		}, [p("div", $s, [p("div", ec, [b(ct)[d.value] ? (s(), v(o(b(ct)[d.value]), {
 			key: 0,
 			size: 16,
 			"stroke-width": 1.5
-		})) : f.value ? (s(), v(b(re), {
+		})) : f.value ? (s(), v(b(ie), {
 			key: 1,
 			size: 16,
 			"stroke-width": 1.5
-		})) : w("", !0), p("h3", Qs, c(y.value), 1)]), p("div", $s, [p("button", {
+		})) : w("", !0), p("h3", tc, c(y.value), 1)]), p("div", nc, [p("button", {
 			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
 			title: b(a).toolbar.duplicate,
 			onClick: r[0] ||= (e) => i("duplicate")
-		}, [g(b(le), {
+		}, [g(b(ue), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, ec), p("button", {
+		})], 8, rc), p("button", {
 			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
 			title: b(a).toolbar.delete,
 			onClick: r[1] ||= (e) => i("delete")
-		}, [g(b(gt), {
+		}, [g(b(yt), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, tc)])]), p("div", nc, [f.value ? (s(), v(wa, {
+		})], 8, ic)])]), p("div", ac, [f.value ? (s(), v(Da, {
 			key: 0,
 			block: e.block,
 			onUpdateFieldValues: r[2] ||= (e) => i("update", { fieldValues: e }),
 			onUpdateDataSourceFetched: r[3] ||= (e) => i("update", { dataSourceFetched: e })
-		}, null, 8, ["block"])) : d.value === "section" ? (s(), v(So, {
+		}, null, 8, ["block"])) : d.value === "section" ? (s(), v(To, {
 			key: 1,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "title" ? (s(), v(Is, {
+		}, null, 8, ["block"])) : d.value === "title" ? (s(), v(zs, {
 			key: 2,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), m(S, { key: 3 }, [], 64)) : d.value === "image" ? (s(), v(Xa, {
+		}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), m(S, { key: 3 }, [], 64)) : d.value === "image" ? (s(), v($a, {
 			key: 4,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "video" ? (s(), v(Js, {
+		}, null, 8, ["block"])) : d.value === "video" ? (s(), v(Zs, {
 			key: 5,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "button" ? (s(), v(Zr, {
+		}, null, 8, ["block"])) : d.value === "button" ? (s(), v(ei, {
 			key: 6,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), v(Aa, {
+		}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), v(Na, {
 			key: 7,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "social" ? (s(), v(Vo, {
+		}, null, 8, ["block"])) : d.value === "social" ? (s(), v(Wo, {
 			key: 8,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "menu" ? (s(), v(so, {
+		}, null, 8, ["block"])) : d.value === "menu" ? (s(), v(uo, {
 			key: 9,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), v(Cs, {
+		}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), v(Es, {
 			key: 10,
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), v(Ko, {
+		}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), v(Yo, {
 			key: 11,
 			block: e.block,
 			onUpdate: T
-		}, null, 8, ["block"])) : d.value === "html" ? (s(), v(Pa, {
+		}, null, 8, ["block"])) : d.value === "html" ? (s(), v(La, {
 			key: 12,
 			block: e.block,
 			onUpdate: T
@@ -3358,52 +3362,52 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			block: e.block,
 			"font-families": b(x),
 			onUpdate: T
-		}, null, 8, ["block", "font-families"])) : w("", !0), g(Hi, {
+		}, null, 8, ["block", "font-families"])) : w("", !0), g(Gi, {
 			block: e.block,
 			"is-first-section": d.value === "paragraph",
 			onUpdate: T
-		}, null, 8, ["block", "is-first-section"])])], 8, Ys));
+		}, null, 8, ["block", "is-first-section"])])], 8, Qs));
 	}
-}), [["__scopeId", "data-v-2ac88283"]]), ic = ["aria-label"], ac = {
+}), [["__scopeId", "data-v-2ac88283"]]), sc = ["aria-label"], cc = {
 	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"
-}, oc = [
+}, lc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], sc = { key: 0 }, cc = [
+], uc = { key: 0 }, dc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], lc = { key: 0 }, uc = [
+], fc = { key: 0 }, pc = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], dc = { key: 0 }, fc = {
+], mc = { key: 0 }, hc = {
 	key: 1,
 	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, pc = {
+}, gc = {
 	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"
-}, mc = {
+}, _c = {
 	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)]"
-}, hc = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, gc = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _c = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, vc = {
+}, vc = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, yc = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, bc = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, xc = {
 	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"
-}, yc = {
+}, Sc = {
 	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({
+}, Cc = /* @__PURE__ */ f({
 	__name: "RightSidebar",
 	props: {
 		selectedBlock: {},
@@ -3417,7 +3421,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 		"update-settings"
 	],
 	setup(e, { emit: r }) {
-		let a = h(() => import("./IssuesPanel-CBzfmzRM.js")), o = e, l = r, { t: u } = U(), f = d("content"), _ = E(Fe, null), y = C(() => _ !== null), x = C(() => _?.issues.value.length ?? 0);
+		let a = h(() => import("./IssuesPanel-X_vkNGrs.js")), o = e, l = r, { t: u } = U(), f = d("content"), _ = E(Le, null), y = C(() => _ !== null), x = C(() => _?.issues.value.length ?? 0);
 		function S(e) {
 			return f.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] hover:tpl:text-[var(--tpl-text)]";
 		}
@@ -3433,7 +3437,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			"aria-label": b(u).landmarks.rightSidebar,
 			class: n(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", e.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
 		}, [
-			p("div", ac, [
+			p("div", cc, [
 				p("button", {
 					id: "tpl-tab-content",
 					role: "tab",
@@ -3444,10 +3448,10 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					class: n(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", S("content")]),
 					style: t(T("content")),
 					onClick: i[0] ||= (e) => f.value = "content"
-				}, [g(b(Ht), {
+				}, [g(b(Gt), {
 					size: 14,
 					"stroke-width": 2
-				}), f.value === "content" ? (s(), m("span", sc, c(b(u).sidebar.content), 1)) : w("", !0)], 14, oc),
+				}), f.value === "content" ? (s(), m("span", uc, c(b(u).sidebar.content), 1)) : w("", !0)], 14, lc),
 				p("button", {
 					id: "tpl-tab-settings",
 					role: "tab",
@@ -3458,10 +3462,10 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					class: n(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", S("settings")]),
 					style: t(T("settings")),
 					onClick: i[1] ||= (e) => f.value = "settings"
-				}, [g(b(Wt), {
+				}, [g(b(qt), {
 					size: 14,
 					"stroke-width": 1.5
-				}), f.value === "settings" ? (s(), m("span", lc, c(b(u).sidebar.settings), 1)) : w("", !0)], 14, cc),
+				}), f.value === "settings" ? (s(), m("span", fc, c(b(u).sidebar.settings), 1)) : w("", !0)], 14, dc),
 				y.value ? (s(), m("button", {
 					key: 0,
 					id: "tpl-tab-issues",
@@ -3474,59 +3478,59 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					style: t(T("issues")),
 					onClick: i[2] ||= (e) => f.value = "issues"
 				}, [
-					g(b(ut), {
+					g(b(pt), {
 						size: 14,
 						"stroke-width": 1.5
 					}),
-					f.value === "issues" ? (s(), m("span", dc, c(b(u).issues.panelTabLabel), 1)) : w("", !0),
-					x.value > 0 ? (s(), m("span", fc, c(x.value), 1)) : w("", !0)
-				], 14, uc)) : w("", !0)
+					f.value === "issues" ? (s(), m("span", mc, c(b(u).issues.panelTabLabel), 1)) : w("", !0),
+					x.value > 0 ? (s(), m("span", hc, c(x.value), 1)) : w("", !0)
+				], 14, pc)) : w("", !0)
 			]),
-			f.value === "content" ? (s(), m("div", pc, [e.selectedBlock ? (s(), v(rc, {
+			f.value === "content" ? (s(), m("div", gc, [e.selectedBlock ? (s(), v(oc, {
 				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", mc, [
-				p("div", hc, [g(b(Lt), {
+			}, null, 8, ["block"])) : (s(), m("div", _c, [
+				p("div", vc, [g(b(Bt), {
 					size: 40,
 					"stroke-width": 1.5
 				})]),
-				p("h3", gc, c(b(u).sidebar.noSelection), 1),
-				p("p", _c, c(b(u).sidebar.noSelectionHint), 1)
+				p("h3", yc, c(b(u).sidebar.noSelection), 1),
+				p("p", bc, c(b(u).sidebar.noSelectionHint), 1)
 			]))])) : w("", !0),
-			f.value === "settings" ? (s(), m("div", vc, [g(xr, {
+			f.value === "settings" ? (s(), m("div", xc, [g(wr, {
 				settings: e.settings,
 				onUpdate: i[6] ||= (e) => l("update-settings", e)
 			}, null, 8, ["settings"])])) : w("", !0),
-			f.value === "issues" && y.value ? (s(), m("div", yc, [g(b(a))])) : w("", !0)
-		], 10, ic));
+			f.value === "issues" && y.value ? (s(), m("div", Sc, [g(b(a))])) : w("", !0)
+		], 10, sc));
 	}
-}), xc = {
+}), wc = {
 	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"
-}, Sc = { class: "tpl:text-[var(--tpl-text-dim)]" }, Cc = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, wc = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Tc = /* @__PURE__ */ f({
+}, Tc = { class: "tpl:text-[var(--tpl-text-dim)]" }, Ec = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Dc = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Oc = /* @__PURE__ */ f({
 	__name: "SmallScreenNotice",
 	setup(e) {
 		let { t } = U();
-		return (e, n) => (s(), m("div", xc, [
-			p("div", Sc, [g(b(Bt), {
+		return (e, n) => (s(), m("div", wc, [
+			p("div", Tc, [g(b(Ut), {
 				size: 48,
 				"stroke-width": 1.5
 			})]),
-			p("h2", Cc, c(b(t).smallScreen.title), 1),
-			p("p", wc, c(b(t).smallScreen.message), 1)
+			p("h2", Ec, c(b(t).smallScreen.title), 1),
+			p("p", Dc, c(b(t).smallScreen.message), 1)
 		]));
 	}
-}), Ec = ["aria-label"], Dc = [
+}), kc = ["aria-label"], Ac = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], Oc = /* @__PURE__ */ f({
+], jc = /* @__PURE__ */ f({
 	__name: "ViewportToggle",
 	props: { viewport: {} },
 	emits: ["change"],
@@ -3568,21 +3572,21 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}),
 			title: e.label,
 			onClick: (t) => a("change", e.value)
-		}, [e.value === "desktop" ? (s(), v(b(Bt), {
+		}, [e.value === "desktop" ? (s(), v(b(Ut), {
 			key: 0,
 			size: 18,
 			"stroke-width": 1.5
-		})) : (s(), v(b(Gt), {
+		})) : (s(), v(b(Jt), {
 			key: 1,
 			size: 18,
 			"stroke-width": 1.5
-		})), p("span", null, c(e.label), 1)], 12, Dc))), 128))], 12, Ec));
+		})), p("span", null, c(e.label), 1)], 12, Ac))), 128))], 12, kc));
 	}
-}), kc = [
+}), Mc = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Ac = /*#__PURE__*/ vt(/* @__PURE__ */ f({
+], Nc = /*#__PURE__*/ xt(/* @__PURE__ */ f({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
@@ -3605,23 +3609,23 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: l(() => [e.previewMode ? (s(), v(b(ot), {
+			default: l(() => [e.previewMode ? (s(), v(b(lt), {
 				key: "eye",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (s(), v(b(se), {
+			})) : (s(), v(b(ce), {
 				key: "eye-off",
 				size: 18,
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, kc));
+		})], 12, Mc));
 	}
-}), [["__scopeId", "data-v-af87d02a"]]), jc = [
+}), [["__scopeId", "data-v-af87d02a"]]), Pc = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Mc = /*#__PURE__*/ vt(/* @__PURE__ */ f({
+], Fc = /*#__PURE__*/ xt(/* @__PURE__ */ f({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
@@ -3644,37 +3648,37 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: l(() => [e.darkMode ? (s(), v(b(Vt), {
+			default: l(() => [e.darkMode ? (s(), v(b(Wt), {
 				key: "moon",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (s(), v(b(Jt), {
+			})) : (s(), v(b(Zt), {
 				key: "sun",
 				size: 18,
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, jc));
+		})], 12, Pc));
 	}
-}), [["__scopeId", "data-v-f8694f76"]]), Nc = {
+}), [["__scopeId", "data-v-f8694f76"]]), Ic = {
 	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)"
 	}
-}, Pc = {
+}, Lc = {
 	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" }
-}, Fc = /* @__PURE__ */ f({
+}, Rc = /* @__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", Nc, [
+		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", Ic, [
 			p("span", null, c(b(t).footer.poweredBy), 1),
 			i[0] ||= p("a", {
 				href: "https://templatical.com",
@@ -3689,32 +3693,32 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 				alt: ""
 			}), y(" Templatical ")], -1),
 			i[1] ||= p("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			p("a", Pc, c(b(t).footer.openSource), 1)
+			p("a", Lc, c(b(t).footer.openSource), 1)
 		])], 2));
 	}
-}), Ic = ["aria-labelledby", "data-tpl-theme"], Lc = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Rc = ["id"], zc = ["aria-label"], Bc = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Vc = [
+}), zc = ["aria-labelledby", "data-tpl-theme"], Bc = { 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" }, Vc = ["id"], Hc = ["aria-label"], Uc = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Wc = [
 	"id",
 	"placeholder",
 	"aria-label",
 	"aria-activedescendant"
-], Hc = {
+], Gc = {
 	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"
-}, Uc = ["data-group-name", "onClick"], Wc = ["aria-label"], Gc = {
+}, Kc = ["data-group-name", "onClick"], qc = ["aria-label"], Jc = {
 	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"
-}, Kc = {
+}, Yc = {
 	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"
-}, qc = [
+}, Xc = [
 	"aria-expanded",
 	"data-group-name",
 	"data-group-collapsed",
 	"onClick"
-], Jc = { class: "tpl:ml-1 tpl:font-normal" }, Yc = [
+], Zc = { class: "tpl:ml-1 tpl:font-normal" }, Qc = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -3723,13 +3727,13 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 	"title",
 	"onMousemove",
 	"onClick"
-], Xc = { class: "tpl:text-sm tpl:font-medium" }, Zc = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Qc = {
+], $c = { class: "tpl:text-sm tpl:font-medium" }, el = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, tl = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, $c = "tpl-merge-tag-picker-list", el = /* @__PURE__ */ f({
+}, nl = "tpl-merge-tag-picker-list", rl = /* @__PURE__ */ f({
 	__name: "MergeTagPickerModal",
 	setup(r) {
-		let a = Ze(Pe, "MergeTagPickerModal"), { t: o, format: u } = U(), f = E(Ie, null), h = E(Re, null), _ = d(""), y = ke(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0), N = C(() => a.tags.value.some((e) => !!e.group)), P = d(/* @__PURE__ */ new Set());
+		let a = Fe(Ie, "MergeTagPickerModal"), { t: o, format: u } = U(), f = E(Re, null), h = E(et, null), _ = d(""), y = Ae(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0), N = C(() => a.tags.value.some((e) => !!e.group)), P = d(/* @__PURE__ */ new Set());
 		function F(e) {
 			return P.value.has(e);
 		}
@@ -3839,13 +3843,13 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}
 		}
 		function se() {
-			if (B.value.length !== 0) return `${$c}-opt-${j.value}`;
+			if (B.value.length !== 0) return `${nl}-opt-${j.value}`;
 		}
 		function ce(e) {
-			return `${$c}-opt-${e}`;
+			return `${nl}-opt-${e}`;
 		}
 		let le = C(() => a.tags.value.length === 0), ue = C(() => !le.value && L.value.length === 0), de = C(() => N.value && R.value.length > 1 && !D.value);
-		return (r, i) => (s(), v(Pt, {
+		return (r, i) => (s(), v(Lt, {
 			visible: b(a).isOpen.value,
 			onClose: ee,
 			onKeydown: oe
@@ -3853,31 +3857,31 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			default: l(() => [p("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${$c}-title`,
+				"aria-labelledby": `${nl}-title`,
 				"data-tpl-theme": b(h),
 				"data-testid": "merge-tag-picker-modal",
 				class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-lg)]",
 				style: t(b(f))
 			}, [
-				p("header", Lc, [p("h2", {
-					id: `${$c}-title`,
+				p("header", Bc, [p("h2", {
+					id: `${nl}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(b(o).mergeTag.picker.title), 9, Rc), p("button", {
+				}, c(b(o).mergeTag.picker.title), 9, Vc), p("button", {
 					type: "button",
 					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"aria-label": b(o).mergeTag.picker.close,
 					"data-testid": "merge-tag-picker-close",
 					onClick: ee
-				}, [g(b(_t), {
+				}, [g(b(bt), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, zc)]),
-				p("div", Bc, [g(b(rt), {
+				})], 8, Hc)]),
+				p("div", Uc, [g(b(ot), {
 					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
 					size: 14,
 					"stroke-width": 2
 				}), O(p("input", {
-					id: `${$c}-search`,
+					id: `${nl}-search`,
 					ref_key: "searchInputRef",
 					ref: x,
 					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
@@ -3885,48 +3889,48 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
 					placeholder: b(o).mergeTag.picker.searchPlaceholder,
 					"aria-label": b(o).mergeTag.picker.searchAriaLabel,
-					"aria-controls": $c,
+					"aria-controls": nl,
 					"aria-activedescendant": se(),
 					"data-testid": "merge-tag-picker-search",
 					onKeydown: i[1] ||= M(A(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, Vc), [[k, _.value]])]),
-				de.value ? (s(), m("div", Hc, [(s(!0), m(S, null, e(R.value, (e) => (s(), m("button", {
+				}, null, 40, Wc), [[k, _.value]])]),
+				de.value ? (s(), m("div", Gc, [(s(!0), m(S, null, e(R.value, (e) => (s(), m("button", {
 					key: e,
 					type: "button",
 					class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"data-testid": "merge-tag-picker-group-pill",
 					"data-group-name": e,
 					onClick: (t) => ae(e)
-				}, c(e), 9, Uc))), 128))])) : w("", !0),
+				}, c(e), 9, Kc))), 128))])) : w("", !0),
 				p("div", {
-					id: $c,
+					id: nl,
 					ref_key: "listRef",
 					ref: ne,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": b(o).mergeTag.picker.title,
 					"data-testid": "merge-tag-picker-list"
-				}, [le.value ? (s(), m("div", Gc, c(b(o).mergeTag.picker.empty), 1)) : ue.value ? (s(), m("div", Kc, c(b(o).mergeTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(z.value, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("button", {
+				}, [le.value ? (s(), m("div", Jc, c(b(o).mergeTag.picker.empty), 1)) : ue.value ? (s(), m("div", Yc, c(b(o).mergeTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(z.value, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("button", {
 					key: 0,
 					ref_for: !0,
 					ref: (t) => re(e.group, t),
 					type: "button",
 					"aria-expanded": !F(e.group),
-					"aria-controls": $c,
+					"aria-controls": nl,
 					class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
 					"data-testid": "merge-tag-picker-group-header",
 					"data-group-name": e.group,
 					"data-group-collapsed": F(e.group) ? "true" : "false",
 					onClick: (t) => I(e.group)
 				}, [
-					g(b(et), {
+					g(b(rt), {
 						size: 12,
 						"stroke-width": 2,
 						class: n(["tpl:transition-transform", F(e.group) ? "tpl:-rotate-90" : ""])
 					}, null, 8, ["class"]),
 					p("span", null, c(e.group), 1),
-					p("span", Jc, " (" + c(b(u)(b(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
-				], 8, qc)) : (s(), m("button", {
+					p("span", Zc, " (" + c(b(u)(b(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
+				], 8, Xc)) : (s(), m("button", {
 					key: 1,
 					id: ce(e.index),
 					type: "button",
@@ -3941,22 +3945,22 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					onMousemove: (t) => j.value = e.index,
 					onClick: (t) => V(e.tag)
 				}, [
-					p("span", Xc, c(e.tag.label), 1),
-					p("span", Zc, c(e.tag.value), 1),
-					e.tag.description ? (s(), m("span", Qc, c(e.tag.description), 1)) : w("", !0)
-				], 42, Yc))], 64))), 128))], 8, Wc)
-			], 12, Ic)]),
+					p("span", $c, c(e.tag.label), 1),
+					p("span", el, c(e.tag.value), 1),
+					e.tag.description ? (s(), m("span", tl, c(e.tag.description), 1)) : w("", !0)
+				], 42, Qc))], 64))), 128))], 8, qc)
+			], 12, zc)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
-}), tl = ["data-logic-keyword"], nl = /* @__PURE__ */ f({
+}), il = ["data-logic-keyword"], al = /* @__PURE__ */ f({
 	__name: "LogicTagBadge",
 	props: {
 		value: {},
 		syntax: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => z(t.value, t.syntax)), r = C(() => ne(t.value, t.syntax));
+		let t = e, n = C(() => ee(t.value, t.syntax)), r = C(() => I(t.value, t.syntax));
 		return (e, t) => n.value ? (s(), m("span", {
 			key: 0,
 			class: "tpl:inline-flex tpl:flex-shrink-0 tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:leading-none tpl:font-bold tpl:tracking-wide tpl:uppercase",
@@ -3966,22 +3970,22 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			},
 			"data-testid": "merge-tag-logic-badge",
 			"data-logic-keyword": r.value
-		}, c(r.value), 9, tl)) : w("", !0);
+		}, c(r.value), 9, il)) : w("", !0);
 	}
-}), rl = ["aria-labelledby", "data-tpl-theme"], il = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, al = ["id"], ol = ["aria-label"], sl = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, cl = [
+}), ol = ["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"], ll = ["aria-label"], ul = { 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"
-], ll = ["aria-label"], ul = {
+], fl = ["aria-label"], pl = {
 	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"
-}, dl = {
+}, ml = {
 	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"
-}, fl = ["data-group-name"], pl = [
+}, hl = ["data-group-name"], gl = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -3989,19 +3993,19 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 	"data-logic-kind",
 	"onMousemove",
 	"onClick"
-], ml = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, hl = { class: "tpl:text-sm tpl:font-medium" }, gl = {
+], _l = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, vl = { class: "tpl:text-sm tpl:font-medium" }, yl = {
 	key: 0,
 	class: "tpl:flex tpl:items-center"
-}, _l = {
+}, bl = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-1"
-}, vl = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, yl = {
+}, xl = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Sl = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, bl = "tpl-logic-picker-list", xl = /* @__PURE__ */ f({
+}, Cl = "tpl-logic-picker-list", wl = /* @__PURE__ */ f({
 	__name: "LogicTagPickerModal",
 	setup(r) {
-		let a = Ze(Me, "LogicTagPickerModal"), { t: o } = U(), u = E(Ne, V.liquid), f = E(Ie, null), h = E(Re, null), _ = d(""), y = ke(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0);
+		let a = Fe($e, "LogicTagPickerModal"), { t: o } = U(), u = E(Be, z.liquid), f = E(Re, null), h = E(et, null), _ = d(""), y = Ae(_, 200), x = d(null), D = C(() => y.value.trim().length > 0), j = d(0);
 		function N(e) {
 			let t = y.value.trim().toLowerCase();
 			return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
@@ -4032,7 +4036,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			}
 			return r.map((e) => [e, n.get(e)]);
 		}
-		let z = C(() => {
+		let B = C(() => {
 			let e = [], t = [], n = 0, r = (r) => {
 				r.kind === "tag" ? (e.push({
 					kind: "tag",
@@ -4056,10 +4060,10 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 				rows: e,
 				items: t
 			};
-		}), B = C(() => z.value.items), ee = C(() => a.tags.value.length === 0 && a.pairs.value.length === 0), te = C(() => !ee.value && B.value.length === 0);
+		}), V = C(() => B.value.items), ee = C(() => a.tags.value.length === 0 && a.pairs.value.length === 0), te = C(() => !ee.value && V.value.length === 0);
 		i(() => a.isOpen.value, (e) => {
 			e && (_.value = "", j.value = 0, T(() => x.value?.focus()));
-		}), i(B, (e) => {
+		}), i(V, (e) => {
 			j.value >= e.length && (j.value = Math.max(0, e.length - 1));
 		});
 		let ne = d(null);
@@ -4070,7 +4074,7 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			a.resolve(null);
 		}
 		function ie(e) {
-			B.value.length !== 0 && (j.value = Math.max(0, Math.min(B.value.length - 1, j.value + e)), T(() => {
+			V.value.length !== 0 && (j.value = Math.max(0, Math.min(V.value.length - 1, j.value + e)), T(() => {
 				ne.value?.querySelector(`[data-logic-index="${j.value}"]`)?.scrollIntoView({ block: "nearest" });
 			}));
 		}
@@ -4079,17 +4083,17 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			else if (e.key === "ArrowUp") e.preventDefault(), ie(-1);
 			else if (e.key === "Enter") {
 				e.preventDefault();
-				let t = B.value[j.value];
+				let t = V.value[j.value];
 				t && H(t);
 			}
 		}
 		function oe(e) {
-			return `${bl}-opt-${e}`;
+			return `${Cl}-opt-${e}`;
 		}
 		function se() {
-			return B.value.length === 0 ? void 0 : `${bl}-opt-${j.value}`;
+			return V.value.length === 0 ? void 0 : `${Cl}-opt-${j.value}`;
 		}
-		return (r, i) => (s(), v(Pt, {
+		return (r, i) => (s(), v(Lt, {
 			visible: b(a).isOpen.value,
 			onClose: re,
 			onKeydown: ae
@@ -4097,31 +4101,31 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 			default: l(() => [p("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${bl}-title`,
+				"aria-labelledby": `${Cl}-title`,
 				"data-tpl-theme": b(h),
 				"data-testid": "logic-picker-modal",
 				class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-lg)]",
 				style: t(b(f))
 			}, [
-				p("header", il, [p("h2", {
-					id: `${bl}-title`,
+				p("header", sl, [p("h2", {
+					id: `${Cl}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(b(o).logicTag.picker.title), 9, al), p("button", {
+				}, c(b(o).logicTag.picker.title), 9, cl), p("button", {
 					type: "button",
 					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"aria-label": b(o).logicTag.picker.close,
 					"data-testid": "logic-picker-close",
 					onClick: re
-				}, [g(b(_t), {
+				}, [g(b(bt), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, ol)]),
-				p("div", sl, [g(b(rt), {
+				})], 8, ll)]),
+				p("div", ul, [g(b(ot), {
 					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
 					size: 14,
 					"stroke-width": 2
 				}), O(p("input", {
-					id: `${bl}-search`,
+					id: `${Cl}-search`,
 					ref_key: "searchInputRef",
 					ref: x,
 					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
@@ -4129,25 +4133,25 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
 					placeholder: b(o).logicTag.picker.searchPlaceholder,
 					"aria-label": b(o).logicTag.picker.searchAriaLabel,
-					"aria-controls": bl,
+					"aria-controls": Cl,
 					"aria-activedescendant": se(),
 					"data-testid": "logic-picker-search",
 					onKeydown: i[1] ||= M(A(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, cl), [[k, _.value]])]),
+				}, null, 40, dl), [[k, _.value]])]),
 				p("div", {
-					id: bl,
+					id: Cl,
 					ref_key: "listRef",
 					ref: ne,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": b(o).logicTag.picker.title,
 					"data-testid": "logic-picker-list"
-				}, [ee.value ? (s(), m("div", ul, c(b(o).logicTag.picker.empty), 1)) : te.value ? (s(), m("div", dl, c(b(o).logicTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(z.value.rows, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("div", {
+				}, [ee.value ? (s(), m("div", pl, c(b(o).logicTag.picker.empty), 1)) : te.value ? (s(), m("div", ml, c(b(o).logicTag.picker.noResults), 1)) : (s(!0), m(S, { key: 2 }, e(B.value.rows, (e, t) => (s(), m(S, { key: t }, [e.kind === "header" ? (s(), m("div", {
 					key: 0,
 					class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
 					"data-testid": "logic-picker-header",
 					"data-group-name": e.label
-				}, c(e.label), 9, fl)) : (s(), m("button", {
+				}, c(e.label), 9, hl)) : (s(), m("button", {
 					key: 1,
 					id: oe(e.index),
 					type: "button",
@@ -4161,27 +4165,27 @@ var uo = { class: "tpl:mb-3.5" }, fo = ["value"], po = ["value"], mo = {
 					onMousemove: (t) => j.value = e.index,
 					onClick: (t) => H(e.kind === "tag" ? e.tag : e.pair)
 				}, [
-					p("span", ml, [p("span", hl, c(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), m("span", gl, [g(nl, {
+					p("span", _l, [p("span", vl, c(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), m("span", yl, [g(al, {
 						value: e.tag.value,
 						syntax: b(u)
-					}, null, 8, ["value", "syntax"])])) : (s(), m("span", _l, [
-						g(nl, {
+					}, null, 8, ["value", "syntax"])])) : (s(), m("span", bl, [
+						g(al, {
 							value: e.pair.before,
 							syntax: b(u)
 						}, null, 8, ["value", "syntax"]),
 						i[2] ||= p("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
-						g(nl, {
+						g(al, {
 							value: e.pair.after,
 							syntax: b(u)
 						}, null, 8, ["value", "syntax"])
 					]))]),
-					p("span", vl, c(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
-					(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), m("span", yl, c(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : w("", !0)
-				], 42, pl))], 64))), 128))], 8, ll)
-			], 12, rl)]),
+					p("span", xl, 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", Sl, c(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : w("", !0)
+				], 42, gl))], 64))), 128))], 8, fl)
+			], 12, ol)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
 });
 //#endregion
-export { Ac as a, bc as c, sn as d, Yt as f, Mc as i, vn as l, el as n, Oc as o, Ut as p, Fc as r, Tc as s, xl as t, cn as u };
+export { Nc as a, Cc as c, un as d, Qt as f, Fc as i, xn as l, rl as n, jc as o, Kt as p, Rc as r, Oc as s, wl as t, dn as u };