@templatical/editor 0.16.1 → 0.16.2

package/dist/{AiFeatureMenu-Rb8G3EBo.js → AiFeatureMenu-DfTYyExg.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, l as c, r as l, s as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import "./useEditorCore-CV1ct_17.js";
+import "./useEditorCore-DtZkR7Vk.js";
 import { L as d, t as f } from "./keys-BbDgCU6K.js";
 import { t as p } from "./image-up-Bj_nes3f.js";
 import { t as m } from "./shield-check-C49M20le.js";

package/dist/{CloudEditor-D88gLBXp.js → CloudEditor-BQyZ_nFg.js}

@@ -2,7 +2,7 @@ import { A as e, D as t, Dt as n, E as r, Et as i, I as a, K as o, O as s, Ot as
 import { c as E, o as D, t as O } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
 import { t as k } from "./timeouts-Bmi_yePw.js";
 import { O as A, a as j } from "./dist-DoRIUsfz.js";
-import { L as M, T as N, b as ee, t as P } from "./useEditorCore-CV1ct_17.js";
+import { L as M, T as N, b as ee, t as P } from "./useEditorCore-DtZkR7Vk.js";
 import { m as F } from "./dist-DYv_Pttj.js";
 import { t as I } from "./dist-CFOQvhSC.js";
 import { D as L, M as R, c as z, j as te, l as ne, r as B, s as re, t as ie } from "./keys-BbDgCU6K.js";
@@ -10,7 +10,7 @@ import { t as V } from "./useI18n-eR1yVW0v.js";
 import { t as H } from "./createLucideIcon-Bh9xOmlW.js";
 import { t as U } from "./check-D1zYtCPK.js";
 import { t as W } from "./circle-alert-CjcAORUw.js";
-import { a as G, c as ae, d as oe, f as K, i as q, l as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, u as me } from "./styles-B-yhoJnH.js";
+import { a as G, c as ae, d as oe, f as K, i as q, l as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, u as me } from "./styles-mvx3k1hf.js";
 import { t as he } from "./clock-5lWLadUn.js";
 import { t as J } from "./loader-circle-DFU0HPAa.js";
 import { t as ge } from "./message-circle-BEBsCHnk.js";
@@ -19,7 +19,7 @@ import { t as Y } from "./sparkles-DV7Dman6.js";
 import { t as X } from "./triangle-alert-D1lzx6ds.js";
 import { t as Z } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as Q } from "./useCloudI18n-WbfVWq5k.js";
-import { d as $ } from "./ColorPicker-CAgMCX3A.js";
+import { d as $ } from "./ColorPicker-CXAbjTaG.js";
 import { _ as ve, a as ye, c as be, d as xe, f as Se, g as Ce, h as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as Me, v as Ne, y as Pe } from "./cloud-BogxOeZu.js";
 var Fe = H("save", [
 	["path", {
@@ -628,7 +628,7 @@ var Ge = ["aria-label"], Ke = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(e) {
-		let t = h(() => import("./CollaboratorBar-dxCD8jSi.js")), r = h(() => import("./SnapshotHistory-m7brKV7C.js")), a = h(() => import("./AiFeatureMenu-Rb8G3EBo.js")), { t: o, format: u } = Q();
+		let t = h(() => import("./CollaboratorBar-DeP7K-zk.js")), r = h(() => import("./SnapshotHistory-DQTH8TCS.js")), a = h(() => import("./AiFeatureMenu-DfTYyExg.js")), { t: o, format: u } = Q();
 		return (d, f) => (s(), m("header", tt, [
 			p("div", nt, [e.featureFlags.templateLimit.value === null ? w("", !0) : (s(), m("span", rt, c(b(u)(b(o).header.templatesUsed, {
 				used: e.featureFlags.templateCount.value,
@@ -790,7 +790,7 @@ var Ge = ["aria-label"], Ke = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = h(() => import("./AiChatSidebar-EaPCeDXr.js")), i = h(() => import("./CommentsSidebar-DDKiFsSq.js")), a = h(() => import("./DesignReferenceSidebar-D6TfC176.js")), o = h(() => import("./TemplateScoringPanel-C8VOC6gn.js")), c = h(() => import("./TestEmailModal-BE9sFEIl.js")), l = h(() => import("./SaveModuleDialog-DPo3Raon.js")), d = h(() => import("./ModuleBrowserModal-l4_RCC8m.js")), f = h(async () => {
+		let r = h(() => import("./AiChatSidebar-EaPCeDXr.js")), i = h(() => import("./CommentsSidebar-DDKiFsSq.js")), a = h(() => import("./DesignReferenceSidebar-D6TfC176.js")), o = h(() => import("./TemplateScoringPanel-C8VOC6gn.js")), c = h(() => import("./TestEmailModal-DqxrL-U9.js")), l = h(() => import("./SaveModuleDialog-Cypt_qOB.js")), d = h(() => import("./ModuleBrowserModal-CkeYw1e3.js")), f = h(async () => {
 			try {
 				return (await import("@templatical/media-library")).MediaLibraryModal;
 			} catch {

package/dist/{CollaboratorBar-dxCD8jSi.js → CollaboratorBar-DeP7K-zk.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, O as n, Ot as r, _ as i, c as a, d as o, l as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import "./useEditorCore-CV1ct_17.js";
+import "./useEditorCore-DtZkR7Vk.js";
 import { t as f } from "./createLucideIcon-Bh9xOmlW.js";
 import { n as p } from "./useCloudI18n-WbfVWq5k.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";

package/dist/{ColorPicker-CAgMCX3A.js → ColorPicker-CXAbjTaG.js}

@@ -299,6 +299,7 @@ customElements.define("hex-color-picker", Ce);
 var we = [
 	"disabled",
 	"aria-label",
+	"title",
 	"aria-expanded"
 ], Te = {
 	key: 0,
@@ -321,7 +322,9 @@ var we = [
 		disabled: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		size: { default: "md" },
+		ariaLabel: { default: "" }
 	},
 	emits: ["update:modelValue"],
 	setup(a, { emit: m }) {
@@ -370,13 +373,14 @@ var we = [
 				ref: b,
 				type: "button",
 				disabled: a.disabled,
-				"aria-label": u(_).colorPicker.pickColor,
+				"aria-label": a.ariaLabel || u(_).colorPicker.pickColor,
+				title: a.ariaLabel || void 0,
 				"aria-expanded": v.value,
 				class: t([
 					"tpl:shrink-0 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-0.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 					a.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
 					v.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !a.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
-					"tpl:size-10"
+					a.size === "sm" ? "tpl:size-8" : "tpl:size-10"
 				]),
 				onClick: P
 			}, [o("span", {

package/dist/{CountdownToolbar-8XVTOuGX.js → CountdownToolbar-nY9H0BKd.js}

@@ -1,7 +1,7 @@
 import { A as e, Et as t, O as n, Ot as r, R as i, _ as a, c as o, d as s, h as c, l, m as u, nt as d, r as f, s as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { t as m } from "./useI18n-eR1yVW0v.js";
-import { f as h, t as g } from "./ColorPicker-CAgMCX3A.js";
-import { n as _, r as v, t as y } from "./NumberWithSuffix-Di-cDy_m.js";
+import { f as h, t as g } from "./ColorPicker-CXAbjTaG.js";
+import { n as _, r as v, t as y } from "./NumberWithSuffix-BoZyUoNz.js";
 //#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
 var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ a({
 	__name: "CheckboxItem",

package/dist/{ModuleBrowserModal-l4_RCC8m.js → ModuleBrowserModal-CkeYw1e3.js}

@@ -1,13 +1,13 @@
 import { A as e, Dt as t, I as n, N as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, g as ee, h as d, l as f, nt as p, r as m, s as h, u as te, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as ne, c as _, i as re } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-CV1ct_17.js";
+import "./useEditorCore-DtZkR7Vk.js";
 import { L as v, j as ie, m as ae } from "./keys-BbDgCU6K.js";
 import { t as oe } from "./useI18n-eR1yVW0v.js";
-import { n as se, r as y, t as b } from "./blockTypeIcons-wRchKKx0.js";
+import { n as se, r as y, t as b } from "./blockTypeIcons-DVJXg5si.js";
 import { t as ce } from "./trash-2-B6M659Ey.js";
 import { t as le } from "./x-CG_NV3nP.js";
 import { n as ue } from "./useCloudI18n-WbfVWq5k.js";
-import { t as de } from "./TplModal-DHBcZ1gq.js";
+import { t as de } from "./TplModal-Ca-29YDD.js";
 //#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var fe = {
 	role: "dialog",
@@ -46,7 +46,7 @@ var fe = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(c, { emit: B }) {
-		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-BqYAr4fz.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
+		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-BIMFyYaa.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();

package/dist/{ModulePreviewCanvas-BqYAr4fz.js → ModulePreviewCanvas-BIMFyYaa.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, M as n, N as r, O as i, _ as a, c as o, d as s, l as c, nt as l, r as u, s as d, x as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { I as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-CV1ct_17.js";
+import { I as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-DtZkR7Vk.js";
 import { o as D } from "./keys-BbDgCU6K.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ a({

package/dist/{NumberWithSuffix-Di-cDy_m.js → NumberWithSuffix-BoZyUoNz.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, Et as n, N as r, O as i, Ot as a, _ as o, c as s, d as c, j as l, l as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { h, m as g, p as _ } from "./ColorPicker-CAgMCX3A.js";
+import { h, m as g, p as _ } from "./ColorPicker-CXAbjTaG.js";
 //#region src/components/SlidingPillSelect.vue?vue&type=script&setup=true&lang.ts
 var v = [
 	"aria-checked",

package/dist/{ParagraphEditor-DIQ1jmSP.js → ParagraphEditor-DGsTFMxg.js}

@@ -1,19 +1,18 @@
 import { A as e, Dt as t, Et as n, N as r, O as i, Ot as a, W as o, Y as s, _ as c, c as l, d as u, h as d, i as f, l as p, m, nt as h, r as g, s as _, u as v, x as y } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as b, s as x } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { D as S, E as C, S as w, x as T } from "./useEditorCore-CV1ct_17.js";
+import { D as S, E as C, S as w, x as T } from "./useEditorCore-DtZkR7Vk.js";
 import { t as E } from "./dist-CFOQvhSC.js";
 import { I as D, L as O, P as k, g as ee, m as te, w as ne, x as re } from "./keys-BbDgCU6K.js";
 import { t as A } from "./useI18n-eR1yVW0v.js";
 import { t as j } from "./createLucideIcon-Bh9xOmlW.js";
-import { a as ie, i as ae, n as M, r as oe, t as N } from "./RichTextEditorContent-DkTJ6KK8.js";
+import { a as ie, i as ae, n as M, r as oe, t as N } from "./RichTextEditorContent-BB_n8vgB.js";
 import { n as se, t as ce } from "./scan-line-QgyDIgn_.js";
 import { t as le } from "./loader-circle-DFU0HPAa.js";
 import { n as ue, r as de, t as fe } from "./text-align-start-BMU70uAm.js";
-import { t as pe } from "./x-CG_NV3nP.js";
 import { t as P } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as F } from "./usePopoverRoot-C1j0D7cc.js";
-import { c as me, o as he, s as ge } from "./ColorPicker-CAgMCX3A.js";
-var I = j("list-ordered", [
+import { c as pe, o as me, r as he, s as ge, t as I } from "./ColorPicker-CXAbjTaG.js";
+var L = j("list-ordered", [
 	["path", {
 		d: "M11 5h10",
 		key: "1cz7ny"
@@ -38,7 +37,7 @@ var I = j("list-ordered", [
 		d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02",
 		key: "xtkcd5"
 	}]
-]), L = j("list", [
+]), _e = j("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -63,7 +62,7 @@ var I = j("list-ordered", [
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), _e = j("remove-formatting", [
+]), ve = j("remove-formatting", [
 	["path", {
 		d: "M4 7V4h16v3",
 		key: "9msm58"
@@ -109,7 +108,7 @@ var I = j("list-ordered", [
 		y2: "9",
 		key: "1p4y9e"
 	}]
-]), ve = j("subscript", [
+]), ye = j("subscript", [
 	["path", {
 		d: "m4 5 8 8",
 		key: "1eunvl"
@@ -122,7 +121,7 @@ var I = j("list-ordered", [
 		d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07",
 		key: "e8ta8j"
 	}]
-]), ye = j("strikethrough", [
+]), be = j("strikethrough", [
 	["path", {
 		d: "M16 4H9a3 3 0 0 0-2.83 4",
 		key: "43sutm"
@@ -138,7 +137,7 @@ var I = j("list-ordered", [
 		y2: "12",
 		key: "1e0a9i"
 	}]
-]), be = j("superscript", [
+]), xe = j("superscript", [
 	["path", {
 		d: "m4 19 8-8",
 		key: "hr47gm"
@@ -151,7 +150,7 @@ var I = j("list-ordered", [
 		d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06",
 		key: "1dfcux"
 	}]
-]), xe = j("underline", [["path", {
+]), Se = j("underline", [["path", {
 	d: "M6 4v6a6 6 0 0 0 12 0V4",
 	key: "9kb039"
 }], ["line", {
@@ -164,7 +163,7 @@ var I = j("list-ordered", [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], B = ["aria-label"], V = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, H = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, U = ["aria-label", "onClick"], Se = /* @__PURE__ */ c({
+], B = ["aria-label"], V = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, H = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, U = ["aria-label", "onClick"], Ce = /* @__PURE__ */ c({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: r }) {
@@ -249,7 +248,7 @@ var Y = /*#__PURE__*/ P(K, [["render", J]]), X = [
 	"value",
 	"aria-label",
 	"title"
-], Ce = { value: "" }, we = ["value"], Z = /* @__PURE__ */ c({
+], we = { value: "" }, Te = ["value"], Z = /* @__PURE__ */ c({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -276,10 +275,10 @@ var Y = /*#__PURE__*/ P(K, [["render", J]]), X = [
 			"aria-label": t.label,
 			title: t.label,
 			onChange: s
-		}, [l("option", Ce, a(t.placeholder ?? ""), 1), (i(!0), u(g, null, e(t.options, (e) => (i(), u("option", {
+		}, [l("option", we, a(t.placeholder ?? ""), 1), (i(!0), u(g, null, e(t.options, (e) => (i(), u("option", {
 			key: c(e),
 			value: c(e)
-		}, a(d(e)), 9, we))), 128))], 42, X));
+		}, a(d(e)), 9, Te))), 128))], 42, X));
 	}
 });
 //#endregion
@@ -289,18 +288,10 @@ function Q(e, t) {
 }
 //#endregion
 //#region src/components/blocks/ParagraphToolbar.vue?vue&type=script&setup=true&lang.ts
-var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-center tpl:gap-1" }, De = { class: "tpl:relative" }, Oe = [
-	"value",
-	"aria-label",
-	"title"
-], ke = ["aria-label", "title"], Ae = { class: "tpl:relative" }, $ = [
-	"value",
-	"aria-label",
-	"title"
-], je = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Me = ["aria-label", "title"], Ne = ["aria-label", "title"], Pe = {
+var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Oe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ke = ["aria-label", "title"], Ae = ["aria-label", "title"], $ = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Fe = /* @__PURE__ */ c({
+}, je = /* @__PURE__ */ c({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -345,7 +336,7 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 			return z() ? Q(B(), e?.linkColor || e?.textColor) : Q(N("color"), e?.textColor);
 		}
 		function U() {
-			return z() ? B() !== "" : N("color") !== "";
+			return z() ? B() : N("color");
 		}
 		function W() {
 			return r.editor?.getAttributes("paragraph").lineHeight || "";
@@ -380,7 +371,7 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (i(), u(g, { key: 0 }, [l("div", Ee, [
+		}, [!e.isLoading && e.editor ? (i(), u(g, { key: 0 }, [l("div", De, [
 			d(Z, {
 				"model-value": N("fontFamily"),
 				options: h(j),
@@ -396,7 +387,7 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 			]),
 			d(Z, {
 				"model-value": N("fontSize"),
-				options: h(he),
+				options: h(me),
 				label: h(E).paragraphEditor.fontSize,
 				placeholder: h(E).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
@@ -408,40 +399,39 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				"placeholder"
 			]),
 			d(Y),
-			l("div", De, [l("input", {
-				type: "color",
-				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1",
-				value: H(),
+			d(I, {
+				"swatch-only": "",
+				size: "sm",
+				"data-testid": "text-color-picker",
+				"model-value": U(),
+				"seed-color": H(),
 				"aria-label": h(E).paragraphEditor.textColor,
-				title: h(E).paragraphEditor.textColor,
-				onInput: r[0] ||= (e) => V(e.target.value)
-			}, null, 40, Oe), U() ? (i(), u("button", {
-				key: 0,
-				type: "button",
-				class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:flex tpl:size-4 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-dim)] tpl:shadow-sm tpl:transition-colors tpl:duration-150 hover:tpl:text-[var(--tpl-text)]",
-				"aria-label": h(E).colorPicker.clear,
-				title: h(E).colorPicker.clear,
-				onClick: r[1] ||= (e) => V("")
-			}, [d(h(pe), {
-				size: 10,
-				"stroke-width": 2.5
-			})], 8, ke)) : v("", !0)]),
-			l("div", Ae, [l("input", {
-				type: "color",
-				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
-				style: t({ backgroundColor: J() || "var(--tpl-bg)" }),
-				value: J() || h("#ffff00"),
+				"onUpdate:modelValue": V
+			}, null, 8, [
+				"model-value",
+				"seed-color",
+				"aria-label"
+			]),
+			d(I, {
+				"swatch-only": "",
+				size: "sm",
+				"data-testid": "highlight-color-picker",
+				"model-value": J(),
+				"seed-color": h(he),
 				"aria-label": h(E).paragraphEditor.highlightColor,
-				title: h(E).paragraphEditor.highlightColor,
-				onInput: r[2] ||= (e) => X(e.target.value)
-			}, null, 44, $)]),
+				"onUpdate:modelValue": X
+			}, null, 8, [
+				"model-value",
+				"seed-color",
+				"aria-label"
+			]),
 			d(Y),
 			d(G, {
 				icon: h(ie),
 				label: h(E).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
-				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleBold().run()
+				onClick: r[0] ||= (t) => e.editor.chain().focus().toggleBold().run()
 			}, null, 8, [
 				"icon",
 				"label",
@@ -451,27 +441,27 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				icon: h(ae),
 				label: h(E).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
-				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleItalic().run()
+				onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
 			d(G, {
-				icon: h(xe),
+				icon: h(Se),
 				label: h(E).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
-				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
+				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
 			d(G, {
-				icon: h(ye),
+				icon: h(be),
 				label: h(E).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
-				onClick: r[6] ||= (t) => e.editor.chain().focus().toggleStrike().run()
+				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
 				"icon",
 				"label",
@@ -479,20 +469,20 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 			]),
 			d(Y),
 			d(G, {
-				icon: h(ve),
+				icon: h(ye),
 				label: h(E).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
-				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
+				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
 			d(G, {
-				icon: h(be),
+				icon: h(xe),
 				label: h(E).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
-				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
+				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
@@ -503,28 +493,28 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				icon: h(oe),
 				label: h(E).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
-				onClick: r[9] ||= (e) => o("open-link-dialog")
+				onClick: r[6] ||= (e) => o("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			])
-		]), l("div", je, [
+		]), l("div", Oe, [
 			d(G, {
-				icon: h(L),
+				icon: h(_e),
 				label: h(E).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
-				onClick: r[10] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
+				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
 			d(G, {
-				icon: h(I),
+				icon: h(L),
 				label: h(E).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
-				onClick: r[11] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
+				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
 				"icon",
 				"label",
@@ -535,7 +525,7 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				icon: h(fe),
 				label: h(E).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
-				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
+				onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
 				"icon",
 				"label",
@@ -545,7 +535,7 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				icon: h(ue),
 				label: h(E).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
-				onClick: r[13] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
+				onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
 				"icon",
 				"label",
@@ -555,7 +545,7 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				icon: h(de),
 				label: h(E).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
-				onClick: r[14] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
+				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
 				"icon",
 				"label",
@@ -564,7 +554,7 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 			d(Y),
 			d(Z, {
 				"model-value": W(),
-				options: h(me),
+				options: h(pe),
 				label: h(E).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
@@ -588,40 +578,40 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 			]),
 			d(Y),
 			d(G, {
-				icon: h(_e),
+				icon: h(ve),
 				label: h(E).paragraphEditor.clearFormatting,
-				onClick: r[15] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
+				onClick: r[12] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
 			d(Y),
-			d(Se, { onInsert: M }),
+			d(Ce, { onInsert: M }),
 			e.canRequestMergeTag ? (i(), u(g, { key: 0 }, [d(Y), l("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
 				"aria-label": h(E).mergeTag.insert,
 				title: h(E).mergeTag.insert,
-				onClick: r[16] ||= (e) => o("add-merge-tag")
+				onClick: r[13] ||= (e) => o("add-merge-tag")
 			}, [d(h(ce), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(E).mergeTag.insertShort), 1)], 8, Me)], 64)) : v("", !0),
+			}), m(" " + a(h(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
 			e.canInsertLogicTag ? (i(), u(g, { key: 1 }, [d(Y), l("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
 				"aria-label": h(E).logicTag.insert,
 				title: h(E).logicTag.insert,
 				"data-testid": "insert-logic-button",
-				onClick: r[17] ||= (e) => o("add-logic-tag")
+				onClick: r[14] ||= (e) => o("add-logic-tag")
 			}, [d(h(se), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(E).logicTag.insertShort), 1)], 8, Ne)], 64)) : v("", !0)
-		])], 64)) : (i(), u("div", Pe, [d(h(le), {
+			}), m(" " + a(h(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
+		])], 64)) : (i(), u("div", $, [d(h(le), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), m(" " + a(h(E).errors.editorLoading), 1)]))], 12, Te)], 8, ["to"])) : v("", !0);
+		}), m(" " + a(h(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : v("", !0);
 	}
-}), Ie = { class: "tpl-text-editor-wrapper tpl:relative" }, Le = /* @__PURE__ */ c({
+}), Me = { class: "tpl-text-editor-wrapper tpl:relative" }, Ne = /* @__PURE__ */ c({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -694,8 +684,8 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 				};
 			}
 		});
-		return (t, n) => (i(), u("div", Ie, [
-			d(Fe, {
+		return (t, n) => (i(), u("div", Me, [
+			d(je, {
 				editor: h(s),
 				"toolbar-position": e.toolbarPosition,
 				"is-loading": h(l),
@@ -755,4 +745,4 @@ var Te = ["data-tpl-theme", "aria-label"], Ee = { class: "tpl:flex tpl:items-cen
 	}
 });
 //#endregion
-export { Le as default };
+export { Ne as default };

package/dist/{RichTextEditorContent-DkTJ6KK8.js → RichTextEditorContent-BB_n8vgB.js}

@@ -5,7 +5,7 @@ import { t as C } from "./useI18n-eR1yVW0v.js";
 import { t as w } from "./createLucideIcon-Bh9xOmlW.js";
 import { t as T } from "./x-CG_NV3nP.js";
 import { t as E } from "./usePopoverRoot-C1j0D7cc.js";
-import { t as D } from "./ColorPicker-CAgMCX3A.js";
+import { t as D } from "./ColorPicker-CXAbjTaG.js";
 var O = w("bold", [["path", {
 	d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
 	key: "mg9rjx"

package/dist/{SaveModuleDialog-DPo3Raon.js → SaveModuleDialog-Cypt_qOB.js}

@@ -1,11 +1,11 @@
 import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, s as g, u as ee, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as v } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-CV1ct_17.js";
+import "./useEditorCore-DtZkR7Vk.js";
 import { L as y, j as b, m as x } from "./keys-BbDgCU6K.js";
 import { t as S } from "./useI18n-eR1yVW0v.js";
 import { t as te } from "./loader-circle-DFU0HPAa.js";
 import { n as ne } from "./useCloudI18n-WbfVWq5k.js";
-import { t as re } from "./TplModal-DHBcZ1gq.js";
+import { t as re } from "./TplModal-Ca-29YDD.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var C = ["aria-busy"], w = {
 	id: "tpl-save-module-title",

package/dist/{SnapshotHistory-m7brKV7C.js → SnapshotHistory-DQTH8TCS.js}

@@ -1,6 +1,6 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as h, t as g } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-CV1ct_17.js";
+import "./useEditorCore-DtZkR7Vk.js";
 import { t as _ } from "./dist-CFOQvhSC.js";
 import { t as v } from "./useI18n-eR1yVW0v.js";
 import { t as y } from "./createLucideIcon-Bh9xOmlW.js";

package/dist/{TestEmailModal-BE9sFEIl.js → TestEmailModal-DqxrL-U9.js}

@@ -1,9 +1,9 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, l as d, m as f, nt as p, r as m, u as h, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { i as _ } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-CV1ct_17.js";
+import "./useEditorCore-DtZkR7Vk.js";
 import { t as v } from "./loader-circle-DFU0HPAa.js";
 import { n as y } from "./useCloudI18n-WbfVWq5k.js";
-import { t as b } from "./TplModal-DHBcZ1gq.js";
+import { t as b } from "./TplModal-Ca-29YDD.js";
 //#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-busy"], S = {
 	id: "tpl-test-email-title",

package/dist/{TitleEditor-BATN-k-Q.js → TitleEditor-DoGgnrcb.js}

@@ -1,8 +1,8 @@
 import { Dt as e, Et as t, O as n, Ot as r, W as i, _ as a, c as o, d as s, h as c, i as l, l as u, m as d, nt as f, r as p, s as m, u as h, x as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { S as ee, x as te } from "./useEditorCore-CV1ct_17.js";
+import { S as ee, x as te } from "./useEditorCore-DtZkR7Vk.js";
 import { I as ne, P as _, w as v, x as y } from "./keys-BbDgCU6K.js";
 import { t as b } from "./useI18n-eR1yVW0v.js";
-import { a as re, i as ie, n as ae, r as oe, t as se } from "./RichTextEditorContent-DkTJ6KK8.js";
+import { a as re, i as ie, n as ae, r as oe, t as se } from "./RichTextEditorContent-BB_n8vgB.js";
 import { n as ce, t as x } from "./scan-line-QgyDIgn_.js";
 import { t as S } from "./loader-circle-DFU0HPAa.js";
 import { t as C } from "./usePopoverRoot-C1j0D7cc.js";

package/dist/{TplModal-DHBcZ1gq.js → TplModal-Ca-29YDD.js}

@@ -1,6 +1,6 @@
 import { O as e, R as t, Y as n, _ as r, c as i, d as a, h as o, i as s, j as c, l, nt as u, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as m, t as h } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { D as g } from "./useEditorCore-CV1ct_17.js";
+import { D as g } from "./useEditorCore-DtZkR7Vk.js";
 import { I as _ } from "./keys-BbDgCU6K.js";
 import { t as v } from "./usePopoverRoot-C1j0D7cc.js";
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts

package/dist/{blockTypeIcons-wRchKKx0.js → blockTypeIcons-DVJXg5si.js}

@@ -1,4 +1,4 @@
-import { A as e, F as t, M as n, j as r, k as i } from "./useEditorCore-CV1ct_17.js";
+import { A as e, F as t, M as n, j as r, k as i } from "./useEditorCore-DtZkR7Vk.js";
 import { t as a } from "./createLucideIcon-Bh9xOmlW.js";
 var o = a("columns-3", [
 	["rect", {