@templatical/editor 0.0.2 → 0.0.4

package/dist/{CollaboratorBar-BZq_Gv38.js → CollaboratorBar-BuCEcdbB.js}

@@ -1,8 +1,9 @@
-import "./useEditorCore-DVp5qmtC.js";
-import { t as e } from "./useI18n-DzH4KXDk.js";
+import "./useEditorCore-CjwRMl7K.js";
+import { t as e } from "./useI18n-D6m7ZUgY.js";
 import { n as t } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, renderList as d, toDisplayString as f, unref as p } from "vue";
-var m = t("wifi-off", [
+import { t as n } from "./readableTextColor-LDlmVEUv.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p, unref as m } from "vue";
+var h = t("wifi-off", [
 	["path", {
 		d: "M12 20h.01",
 		key: "zekei9"
@@ -31,7 +32,7 @@ var m = t("wifi-off", [
 		d: "m2 2 20 20",
 		key: "1ooewy"
 	}]
-]), h = t("wifi", [
+]), g = t("wifi", [
 	["path", {
 		d: "M12 20h.01",
 		key: "zekei9"
@@ -48,44 +49,47 @@ var m = t("wifi-off", [
 		d: "M8.5 16.429a5 5 0 0 1 7 0",
 		key: "1bycff"
 	}]
-]), g = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, _ = ["title"], v = {
+]), _ = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, v = ["title"], y = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:-space-x-1.5"
-}, y = ["title"], b = ["title"], x = 3, S = /* @__PURE__ */ c({
+}, b = ["title"], x = ["title"], S = 3, C = /* @__PURE__ */ l({
 	__name: "CollaboratorBar",
 	props: {
 		collaborators: {},
 		isConnected: { type: Boolean }
 	},
 	setup(t) {
-		let c = t, { t: S } = e(), C = r(() => c.collaborators.slice(0, x)), w = r(() => c.collaborators.slice(x)), T = r(() => w.value.length), E = r(() => w.value.map((e) => e.name).join("\n"));
-		function D(e) {
+		let l = t, { t: C } = e(), w = i(() => l.collaborators.slice(0, S)), T = i(() => l.collaborators.slice(S)), E = i(() => T.value.length), D = i(() => T.value.map((e) => e.name).join("\n"));
+		function O(e) {
 			let t = e.trim().split(/\s+/);
 			return t.length >= 2 ? (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase() : e.charAt(0).toUpperCase();
 		}
-		return (e, r) => (u(), o("div", g, [s("div", {
+		return (e, i) => (d(), s("div", _, [c("div", {
 			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
-			style: l({ color: t.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
-			title: t.isConnected ? p(S).collaboration.connected : p(S).collaboration.disconnected
-		}, [t.isConnected ? (u(), i(p(h), {
+			style: u({ color: t.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
+			title: t.isConnected ? m(C).collaboration.connected : m(C).collaboration.disconnected
+		}, [t.isConnected ? (d(), a(m(g), {
 			key: 0,
 			size: 12,
 			"stroke-width": 2
-		})) : (u(), i(p(m), {
+		})) : (d(), a(m(h), {
 			key: 1,
 			size: 12,
 			"stroke-width": 2
-		}))], 12, _), t.collaborators.length > 0 ? (u(), o("div", v, [(u(!0), o(n, null, d(C.value, (e) => (u(), o("div", {
+		}))], 12, v), t.collaborators.length > 0 ? (d(), s("div", y, [(d(!0), s(r, null, f(w.value, (e) => (d(), s("div", {
 			key: e.id,
-			class: "tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:text-white tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]",
-			style: l({ backgroundColor: e.color }),
+			class: "tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]",
+			style: u({
+				backgroundColor: e.color,
+				color: m(n)(e.color)
+			}),
 			title: e.name
-		}, f(D(e.name)), 13, y))), 128)), T.value > 0 ? (u(), o("div", {
+		}, p(O(e.name)), 13, b))), 128)), E.value > 0 ? (d(), s("div", {
 			key: 0,
 			class: "tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-			title: E.value
-		}, " +" + f(T.value), 9, b)) : a("", !0)])) : a("", !0)]));
+			title: D.value
+		}, " +" + p(E.value), 9, x)) : o("", !0)])) : o("", !0)]));
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };

package/dist/{CommentsSidebar-D9oxqO6l.js → CommentsSidebar-2lcqMfIP.js}

@@ -1,5 +1,5 @@
-import { c as e, f as t, r as n } from "./keys-8B5MFafK.js";
-import { t as r } from "./useI18n-DzH4KXDk.js";
+import { c as e, f as t, r as n } from "./keys-C0MQRs8d.js";
+import { t as r } from "./useI18n-D6m7ZUgY.js";
 import { n as i, t as ee } from "./_plugin-vue_export-helper-B1-bu7yR.js";
 import { t as te } from "./check-B7kDuZmP.js";
 import { t as ne } from "./chevron-down-DJLW2Q9Z.js";

package/dist/{DesignReferenceSidebar-CyHq4SWt.js → DesignReferenceSidebar-CNMu4Zrx.js}

@@ -1,6 +1,6 @@
 import "./timeouts-CmBrLeZA.js";
-import { f as e, r as t } from "./keys-8B5MFafK.js";
-import { t as n } from "./useI18n-DzH4KXDk.js";
+import { f as e, r as t } from "./keys-C0MQRs8d.js";
+import { t as n } from "./useI18n-D6m7ZUgY.js";
 import { n as r, t as i } from "./_plugin-vue_export-helper-B1-bu7yR.js";
 import { t as ee } from "./circle-alert-E2vYPs5r.js";
 import { t as a } from "./image-up-X4xIq4ea.js";
@@ -64,25 +64,25 @@ var ue = r("file-image", [
 ]), fe = {
 	key: 0,
 	class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, pe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, me = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, x = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, S = {
+}, pe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, me = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, he = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, x = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, C = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, w = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, T = {
+}, S = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, C = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, w = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, E = { class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, D = {
+}, T = { class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, E = {
 	key: 0,
 	class: "tpl:flex tpl:flex-col tpl:gap-2"
-}, O = { class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, k = ["src", "alt"], A = {
+}, D = { class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, O = ["src", "alt"], k = {
 	key: 1,
 	class: "tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2"
-}, j = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, M = { class: "tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, P = ["accept"], F = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, I = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, L = ["placeholder"], R = {
+}, A = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, j = { class: "tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, M = { class: "tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, N = ["accept"], P = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, F = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, I = ["placeholder"], L = {
 	key: 0,
 	class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:px-3 tpl:py-3 tpl:bg-[var(--tpl-warning-light)] tpl:border tpl:border-[var(--tpl-warning)]"
-}, z = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, he = { class: "tpl:flex tpl:gap-2" }, ge = {
+}, R = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, ge = { class: "tpl:flex tpl:gap-2" }, _e = {
 	key: 1,
 	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, _e = ["disabled"], ve = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, B = /* @__PURE__ */ i(/* @__PURE__ */ f({
+}, ve = ["disabled"], ye = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /* @__PURE__ */ i(/* @__PURE__ */ f({
 	__name: "DesignReferenceSidebar",
 	props: {
 		visible: { type: Boolean },
@@ -90,21 +90,21 @@ var ue = r("file-image", [
 	},
 	emits: ["close", "apply"],
 	setup(r, { emit: i }) {
-		let f = r, B = i, { t: V } = n(), ye = p(e), H = le({
+		let f = r, z = i, { t: B } = n(), be = p(e), V = le({
 			authManager: p(t),
-			getTemplateId: () => ye.state.template?.id ?? null,
-			onApply: (e) => B("apply", e)
-		}), U = g("image"), W = g(null), G = g(""), K = g(null), q = g(!1), J = g(!1), Y = re(() => H.isGenerating.value ? !1 : W.value !== null);
+			getTemplateId: () => be.state.template?.id ?? null,
+			onApply: (e) => z("apply", e)
+		}), H = g(null), U = g("image"), W = g(null), G = g(""), K = g(null), q = g(!1), J = g(!1), Y = re(() => V.isGenerating.value ? !1 : W.value !== null);
 		function X(e) {
 			U.value = e, Q();
 		}
-		function be(e) {
+		function xe(e) {
 			let t = e.target, n = t.files?.[0];
 			n && Z(n), t.value = "";
 		}
 		function Z(e) {
 			if (e.size > 10485760) {
-				H.error.value = V.designReference.fileTooLarge;
+				V.error.value = B.designReference.fileTooLarge;
 				return;
 			}
 			if (U.value === "image") {
@@ -114,25 +114,25 @@ var ue = r("file-image", [
 					"image/jpg",
 					"image/webp"
 				].includes(e.type)) {
-					H.error.value = V.designReference.invalidFileType;
+					V.error.value = B.designReference.invalidFileType;
 					return;
 				}
 			} else if (U.value === "pdf" && e.type !== "application/pdf") {
-				H.error.value = V.designReference.invalidFileType;
+				V.error.value = B.designReference.invalidFileType;
 				return;
 			}
-			W.value = e, H.error.value = null, K.value && URL.revokeObjectURL(K.value), e.type.startsWith("image/") ? K.value = URL.createObjectURL(e) : K.value = null;
+			W.value = e, V.error.value = null, K.value && URL.revokeObjectURL(K.value), e.type.startsWith("image/") ? K.value = URL.createObjectURL(e) : K.value = null;
 		}
 		function Q() {
 			K.value &&= (URL.revokeObjectURL(K.value), null), W.value = null;
 		}
-		function xe(e) {
+		function Se(e) {
 			e.preventDefault(), J.value = !0;
 		}
-		function Se() {
+		function Ce() {
 			J.value = !1;
 		}
-		function Ce(e) {
+		function we(e) {
 			e.preventDefault(), J.value = !1;
 			let t = e.dataTransfer?.files?.[0];
 			t && Z(t);
@@ -145,9 +145,9 @@ var ue = r("file-image", [
 			}
 			q.value = !1;
 			let e = {};
-			G.value.trim() && (e.prompt = G.value.trim()), U.value === "image" && W.value ? e.imageUpload = W.value : U.value === "pdf" && W.value && (e.pdfUpload = W.value), H.generate(e);
+			G.value.trim() && (e.prompt = G.value.trim()), U.value === "image" && W.value ? e.imageUpload = W.value : U.value === "pdf" && W.value && (e.pdfUpload = W.value), V.generate(e);
 		}
-		function we() {
+		function Te() {
 			q.value = !1;
 		}
 		return oe(() => f.visible, (e) => {
@@ -163,14 +163,14 @@ var ue = r("file-image", [
 			default: se(() => [r.visible ? (h(), c("div", fe, [l("div", pe, [l("div", me, [d(v(a), {
 				size: 13,
 				"stroke-width": 2
-			}), l("span", null, _(v(V).designReference.title), 1)]), l("button", {
+			}), l("span", null, _(v(B).designReference.title), 1)]), l("button", {
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-				onClick: t[0] ||= (e) => B("close")
+				onClick: t[0] ||= (e) => z("close")
 			}, [d(v(o), {
 				size: 14,
 				"stroke-width": 2
-			})])]), l("div", x, [v(H).isGenerating.value ? (h(), c("div", S, [l("div", C, [d(te), l("p", w, _(v(V).designReference.generating), 1)])])) : (h(), c("div", T, [
-				l("div", E, [l("button", {
+			})])]), l("div", he, [v(V).isGenerating.value ? (h(), c("div", x, [l("div", S, [d(te), l("p", C, _(v(B).designReference.generating), 1)])])) : (h(), c("div", w, [
+				l("div", T, [l("button", {
 					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: m({
 						backgroundColor: U.value === "image" ? "var(--tpl-bg)" : "transparent",
@@ -181,7 +181,7 @@ var ue = r("file-image", [
 				}, [d(v(ue), {
 					size: 12,
 					"stroke-width": 2
-				}), u(" " + _(v(V).designReference.uploadImage), 1)], 4), l("button", {
+				}), u(" " + _(v(B).designReference.uploadImage), 1)], 4), l("button", {
 					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: m({
 						backgroundColor: U.value === "pdf" ? "var(--tpl-bg)" : "transparent",
@@ -192,17 +192,17 @@ var ue = r("file-image", [
 				}, [d(v(b), {
 					size: 12,
 					"stroke-width": 2
-				}), u(" " + _(v(V).designReference.uploadPdf), 1)], 4)]),
-				l("div", null, [W.value ? (h(), c("div", D, [l("div", O, [K.value ? (h(), c("img", {
+				}), u(" " + _(v(B).designReference.uploadPdf), 1)], 4)]),
+				l("div", null, [W.value ? (h(), c("div", E, [l("div", D, [K.value ? (h(), c("img", {
 					key: 0,
 					src: K.value,
 					alt: W.value.name,
 					class: "tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain"
-				}, null, 8, k)) : (h(), c("div", A, [d(v(b), {
+				}, null, 8, O)) : (h(), c("div", k, [d(v(b), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("span", j, _(W.value.name), 1)])), l("button", {
+				}), l("span", A, _(W.value.name), 1)])), l("button", {
 					class: "tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]",
 					onClick: Q
 				}, [d(v(o), {
@@ -215,44 +215,45 @@ var ue = r("file-image", [
 						borderColor: J.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
 						backgroundColor: J.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
 					}),
-					onClick: t[3] ||= (t) => e.$refs.fileInput?.click(),
-					onDragover: xe,
-					onDragleave: Se,
-					onDrop: Ce
+					onClick: t[3] ||= (e) => H.value?.click(),
+					onDragover: Se,
+					onDragleave: Ce,
+					onDrop: we
 				}, [
 					d(v(de), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}),
-					l("span", M, _(v(V).designReference.dropHint), 1),
-					l("span", N, _(U.value === "image" ? v(V).designReference.acceptedImages : v(V).designReference.acceptedPdf), 1)
+					l("span", j, _(v(B).designReference.dropHint), 1),
+					l("span", M, _(U.value === "image" ? v(B).designReference.acceptedImages : v(B).designReference.acceptedPdf), 1)
 				], 36)), l("input", {
-					ref: "fileInput",
+					ref_key: "fileInput",
+					ref: H,
 					type: "file",
 					class: "tpl:hidden",
 					accept: U.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
-					onChange: be
-				}, null, 40, P)]),
-				l("div", F, [l("label", I, _(v(V).designReference.promptLabel), 1), ce(l("textarea", {
+					onChange: xe
+				}, null, 40, N)]),
+				l("div", P, [l("label", F, _(v(B).designReference.promptLabel), 1), ce(l("textarea", {
 					"onUpdate:modelValue": t[4] ||= (e) => G.value = e,
 					class: ae(["tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", ["tpl-design-prompt-input"]]),
-					placeholder: v(V).designReference.promptPlaceholder,
+					placeholder: v(B).designReference.promptPlaceholder,
 					rows: "3"
-				}, null, 8, L), [[y, G.value]])]),
-				q.value ? (h(), c("div", R, [l("p", z, _(v(V).designReference.replaceWarning), 1), l("div", he, [l("button", {
+				}, null, 8, I), [[y, G.value]])]),
+				q.value ? (h(), c("div", L, [l("p", R, _(v(B).designReference.replaceWarning), 1), l("div", ge, [l("button", {
 					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]",
 					style: { "background-color": "transparent" },
-					onClick: we
-				}, _(v(V).designReference.replaceCancel), 1), l("button", {
+					onClick: Te
+				}, _(v(B).designReference.replaceCancel), 1), l("button", {
 					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					onClick: $
-				}, _(v(V).designReference.replaceConfirm), 1)])])) : s("", !0),
-				v(H).error.value ? (h(), c("div", ge, [d(v(ee), {
+				}, _(v(B).designReference.replaceConfirm), 1)])])) : s("", !0),
+				v(V).error.value ? (h(), c("div", _e, [d(v(ee), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), l("span", null, _(v(V).designReference.error), 1)])) : s("", !0),
+				}), l("span", null, _(v(B).designReference.error), 1)])) : s("", !0),
 				q.value ? s("", !0) : (h(), c("button", {
 					key: 2,
 					class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
@@ -261,12 +262,12 @@ var ue = r("file-image", [
 				}, [d(v(a), {
 					size: 16,
 					"stroke-width": 2
-				}), u(" " + _(v(V).designReference.generate), 1)], 8, _e)),
-				l("p", ve, _(v(V).aiMenu.disclaimer), 1)
+				}), u(" " + _(v(B).designReference.generate), 1)], 8, ve)),
+				l("p", ye, _(v(B).aiMenu.disclaimer), 1)
 			]))])])) : s("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-0b1509fc"]]);
+}), [["__scopeId", "data-v-1c8d2ac8"]]);
 //#endregion
-export { B as default };
+export { z as default };

package/dist/{ModuleBrowserModal-Cus2Hdwl.js → ModuleBrowserModal-CvQ0xyQf.js}

@@ -1,11 +1,11 @@
-import "./useEditorCore-DVp5qmtC.js";
-import { f as e, y as t } from "./keys-8B5MFafK.js";
-import { t as n } from "./useI18n-DzH4KXDk.js";
+import "./useEditorCore-CjwRMl7K.js";
+import { b as e, f as t } from "./keys-C0MQRs8d.js";
+import { t as n } from "./useI18n-D6m7ZUgY.js";
 import { n as r } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { n as i, t as a } from "./blockTypeIcons-BujoY5Dl.js";
+import { n as i, t as a } from "./blockTypeIcons-D1RTWOkx.js";
 import { t as ee } from "./trash-2-OwjZ-guZ.js";
 import { t as te } from "./x-CGlq2XQe.js";
-import { t as ne } from "./TplModal-LT3FXlgs.js";
+import { t as ne } from "./TplModal-CmTSvCY-.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as re, createElementBlock as l, createElementVNode as u, createVNode as d, defineAsyncComponent as ie, defineComponent as f, inject as p, normalizeStyle as ae, openBlock as m, ref as h, renderList as g, resolveDynamicComponent as oe, toDisplayString as _, unref as v, vModelSelect as se, vModelText as ce, watch as le, withCtx as ue, withDirectives as y, withModifiers as b } from "vue";
 var de = r("search", [["path", {
 	d: "m21 21-4.34-4.34",
@@ -52,7 +52,7 @@ var de = r("search", [["path", {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(r, { emit: f }) {
-		let B = r, V = f, Te = ie(() => import("./ModulePreviewCanvas-DaByXKY_.js")), { t: H } = n(), U = p(t), W = p(e), G = h(""), K = h(null), q = h(null), J = h("end"), Y = s(() => {
+		let B = r, V = f, Te = ie(() => import("./ModulePreviewCanvas-Be2B3Y07.js")), { t: H } = n(), U = p(e), W = p(t), G = h(""), K = h(null), q = h(null), J = h("end"), Y = s(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();

package/dist/{ModulePreviewCanvas-DaByXKY_.js → ModulePreviewCanvas-Be2B3Y07.js}

@@ -1,5 +1,5 @@
-import { P as e, _ as t, a as n, f as r, g as i, h as a, i as o, m as s, n as c, p as l, r as u, u as d, v as f, y as p } from "./useEditorCore-DVp5qmtC.js";
-import { o as m } from "./keys-8B5MFafK.js";
+import { P as e, _ as t, a as n, f as r, g as i, h as a, i as o, m as s, n as c, p as l, r as u, u as d, v as f, y as p } from "./useEditorCore-CjwRMl7K.js";
+import { o as m } from "./keys-C0MQRs8d.js";
 import { Fragment as h, computed as g, createBlock as _, createElementBlock as v, createElementVNode as y, defineComponent as b, inject as x, normalizeStyle as S, openBlock as C, renderList as w, resolveComponent as T, resolveDynamicComponent as E, unref as D } from "vue";
 //#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__ */ b({
@@ -23,7 +23,7 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 			spacer: o,
 			html: t,
 			custom: p
-		}, j = b, M = x(m), N = g(() => {
+		}, j = b, M = x(m, null), N = g(() => {
 			switch (j.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [