@templatical/editor 0.23.0 → 0.24.1

package/dist/{CollaboratorBar-C_1SF7Xf.js → CollaboratorBar-tC7AACTb.js}

@@ -1,7 +1,7 @@
-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-CuMMIfiS.js";
-import { t as f } from "./createLucideIcon-JWHwTI6N.js";
-import { n as p } from "./useCloudI18n-BmiygEM4.js";
+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-Xpz-L9Fn.js";
+import "./useEditorCore-Dojb-P2f.js";
+import { t as f } from "./createLucideIcon-AEltGIse.js";
+import { n as p } from "./useCloudI18n-BC_QV2Z7.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";
 var h = f("wifi-off", [
 	["path", {

package/dist/{ColorPicker-s9GHXjZs.js → ColorPicker--_2PbzFk.js}

@@ -1,9 +1,9 @@
-import { A as e, Dt as t, Et as n, O as r, R as i, Y as a, _ as o, c as s, d as c, h as l, i as ee, l as te, nt as u, r as ne, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { c as re, s as m, t as ie } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { a as ae, i as oe, n as se, r as h, s as ce, t as le } from "./usePopoverPosition-BO2LNy5n.js";
-import { L as ue, l as de, z as fe } from "./keys-CHPcp-Nz.js";
-import { t as pe } from "./useI18n-D2L9Mkik.js";
-import { t as g } from "./x-CkD6A1iB.js";
+import { A as e, Dt as t, Et as n, O as r, R as i, Y as a, _ as o, c as s, d as c, h as l, i as ee, l as te, nt as u, r as ne, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { c as re, s as m, t as ie } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
+import { a as ae, i as oe, n as se, r as h, s as ce, t as le } from "./usePopoverPosition-Dtr1Mp1x.js";
+import { B as ue, R as de, l as fe } from "./keys-uWpGv4Pq.js";
+import { t as pe } from "./useI18n-DzOcl2wl.js";
+import { t as g } from "./x-C4lETLDx.js";
 //#region src/constants/styleConstants.ts
 var me = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", _ = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", v = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", y = "tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]", b = "tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", x = "tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)]", S = "tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md 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)]", C = "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 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)]", w = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-150 tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", T = "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-[var(--tpl-bg)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50", E = [
 	"10px",
@@ -173,9 +173,7 @@ var P = (e) => V(F(e)), F = (e) => (e[0] === "#" && (e = e.substring(1)), e.leng
 			case "touchend":
 				this.dragging = !1;
 				break;
-			case "keydown":
-				_e(this, e);
-				break;
+			case "keydown": _e(this, e);
 		}
 	}
 	style(e) {
@@ -355,7 +353,7 @@ var Me = [
 		ce(S, () => {
 			x.value = !1;
 		}, { ignore: [C] });
-		let T = d(() => !_.modelValue), E = d(() => oe(_.modelValue)), D = d(() => oe(_.modelValue || _.seedColor)), O = d(() => !_.disabled && !T.value), k = p(de, ae), A = d(() => [...new Set(_.presets ?? k.presets)]), he = d(() => _.allowCustom ?? k.allowCustom), j = d(() => A.value.length > 0), M = d(() => he.value || !j.value), N = d(() => h(_.modelValue));
+		let T = d(() => !_.modelValue), E = d(() => oe(_.modelValue)), D = d(() => oe(_.modelValue || _.seedColor)), O = d(() => !_.disabled && !T.value), k = p(fe, ae), A = d(() => [...new Set(_.presets ?? k.presets)]), he = d(() => _.allowCustom ?? k.allowCustom), j = d(() => A.value.length > 0), M = d(() => he.value || !j.value), N = d(() => h(_.modelValue));
 		function P(e) {
 			return N.value !== "" && h(e) === N.value;
 		}
@@ -402,7 +400,7 @@ var Me = [
 		function G() {
 			v("update:modelValue", "");
 		}
-		let K = se(), { toLocal: q } = le(), J = p(ue, null), Y = p(fe, null), X = a({
+		let K = se(), { toLocal: q } = le(), J = p(de, null), Y = p(ue, null), X = a({
 			top: 0,
 			left: 0
 		});

package/dist/{CommentsSidebar-DvNEdugN.js → CommentsSidebar-Ci2Ov8FG.js}

@@ -1,19 +1,19 @@
-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 ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { a as v, t as y } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { B as b, h as ne, r as re, u as ie } from "./keys-CHPcp-Nz.js";
-import { t as ae } from "./useI18n-D2L9Mkik.js";
-import { t as x } from "./createLucideIcon-JWHwTI6N.js";
-import { t as oe } from "./check-BpQDKiPz.js";
-import { t as se } from "./chevron-down-j8GrdTyz.js";
-import { t as ce } from "./chevron-up-BACyVhyC.js";
-import { t as S } from "./loader-circle-C-Z6kgI6.js";
-import { t as C } from "./message-circle-CEm5qckV.js";
-import { t as w } from "./pencil-DdwmkKLb.js";
-import { t as T } from "./send-B70aQDrA.js";
-import { t as E } from "./trash-2-DE8CmxAG.js";
-import { t as D } from "./x-CkD6A1iB.js";
+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 ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { a as v, t as y } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
+import { H as b, h as ne, r as re, u as ie } from "./keys-uWpGv4Pq.js";
+import { t as ae } from "./useI18n-DzOcl2wl.js";
+import { t as x } from "./createLucideIcon-AEltGIse.js";
+import { t as oe } from "./check-CIhIDh4h.js";
+import { t as se } from "./chevron-down-CZ0m6G3s.js";
+import { t as ce } from "./chevron-up-BH_tJLeb.js";
+import { t as S } from "./loader-circle-B6euendB.js";
+import { t as C } from "./message-circle-BMldLVcA.js";
+import { t as w } from "./pencil-CkKkSd6N.js";
+import { t as T } from "./send-B9Tt2qBi.js";
+import { t as E } from "./trash-2-DDyvqj0E.js";
+import { t as D } from "./x-C4lETLDx.js";
 import { t as le } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ue } from "./useCloudI18n-BmiygEM4.js";
+import { n as ue } from "./useCloudI18n-BC_QV2Z7.js";
 import { t as de } from "./formatRelativeTime-CtUU-QZ8.js";
 var fe = x("circle-check", [["circle", {
 	cx: "12",

package/dist/{CountdownBlock-J_Q9JRQM.js → CountdownBlock-aZIKfBWY.js}

@@ -1,6 +1,6 @@
-import { A as e, Dt as t, O as n, Ot as r, Y as i, _ as a, c as o, d as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { p as f } from "./dist-DYv_Pttj.js";
-import { t as p } from "./useI18n-D2L9Mkik.js";
+import { A as e, Dt as t, O as n, Ot as r, Y as i, _ as a, c as o, d as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { p as f } from "./dist-DT1XnEnj.js";
+import { t as p } from "./useI18n-DzOcl2wl.js";
 //#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
 var m = {
 	key: 0,

package/dist/{CountdownToolbar-DPRcv3Fu.js → CountdownToolbar-DHp6T0Q_.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, nt as u, r as d, s as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { t as p } from "./useI18n-D2L9Mkik.js";
-import { f as m, t as h } from "./ColorPicker-s9GHXjZs.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CCPN_oCh.js";
+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, nt as u, r as d, s as f } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { t as p } from "./useI18n-DzOcl2wl.js";
+import { f as m, t as h } from "./ColorPicker--_2PbzFk.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CXFbUqsx.js";
 //#region src/components/toolbar/CountdownToolbar.vue?vue&type=script&setup=true&lang.ts
 var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, w = ["value"], T = { value: "" }, E = ["value"], D = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, O = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, k = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, A = [
 	"value",

package/dist/DesignReferenceSidebar-DQsC-3hB.js

@@ -0,0 +1,264 @@
+import { Dt as e, Et as t, I as n, O as r, Ot as i, R as ee, T as a, Y as o, _ as s, c, d as l, h as u, l as te, m as d, nt as f, s as ne, u as p, z as re } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { a as ie, t as ae } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
+import { t as oe } from "./upload-hE8ItfyG.js";
+import { H as m, h as se, r as ce } from "./keys-uWpGv4Pq.js";
+import { t as h } from "./createLucideIcon-AEltGIse.js";
+import { t as le } from "./circle-alert-DkEXnGPV.js";
+import { t as g } from "./image-up-8ktdYdaZ.js";
+import { t as _ } from "./x-C4lETLDx.js";
+import { t as ue } from "./LoadingTrack-XK_eeUdq.js";
+import { t as v } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as de } from "./useCloudI18n-BC_QV2Z7.js";
+import { f as fe } from "./cloud-R8ci6yR1.js";
+var pe = h("file-image", [
+	["path", {
+		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+		key: "1oefj6"
+	}],
+	["path", {
+		d: "M14 2v5a1 1 0 0 0 1 1h5",
+		key: "wfsgrz"
+	}],
+	["circle", {
+		cx: "10",
+		cy: "12",
+		r: "2",
+		key: "737tya"
+	}],
+	["path", {
+		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
+		key: "wt3hpn"
+	}]
+]), y = h("file-text", [
+	["path", {
+		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+		key: "1oefj6"
+	}],
+	["path", {
+		d: "M14 2v5a1 1 0 0 0 1 1h5",
+		key: "wfsgrz"
+	}],
+	["path", {
+		d: "M10 9H8",
+		key: "b1mrlr"
+	}],
+	["path", {
+		d: "M16 13H8",
+		key: "t4e002"
+	}],
+	["path", {
+		d: "M16 17H8",
+		key: "z1uh3a"
+	}]
+]), me = {
+	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)]"
+}, he = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, ge = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, b = { 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"
+}, 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"
+}, 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"
+}, 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"
+}, 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)]"
+}, _e = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, ve = { class: "tpl:flex tpl:gap-2" }, ye = {
+	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)]"
+}, be = ["disabled"], xe = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, R = /*#__PURE__*/ v(/* @__PURE__ */ s({
+	__name: "DesignReferenceSidebar",
+	props: {
+		visible: { type: Boolean },
+		hasExistingBlocks: { type: Boolean }
+	},
+	emits: ["close", "apply"],
+	setup(s, { emit: h }) {
+		let v = s, R = h, { t: z } = de(), Se = m(se, "DesignReferenceSidebar"), Ce = m(ce, "DesignReferenceSidebar"), B = fe({
+			authManager: Ce,
+			getTemplateId: () => Se.state.template?.id ?? null,
+			onApply: (e) => R("apply", e)
+		}), V = o(null), H = o("image"), U = o(null), W = o(""), G = o(null), K = o(!1), q = o(!1), J = ne(() => !B.isGenerating.value && U.value !== null);
+		function Y(e) {
+			H.value = e, Z();
+		}
+		function we(e) {
+			let t = e.target, n = t.files?.[0];
+			n && X(n), t.value = "";
+		}
+		function X(e) {
+			if (e.size > 10485760) {
+				B.error.value = z.designReference.fileTooLarge;
+				return;
+			}
+			if (H.value === "image") {
+				if (![
+					"image/png",
+					"image/jpeg",
+					"image/jpg",
+					"image/webp"
+				].includes(e.type)) {
+					B.error.value = z.designReference.invalidFileType;
+					return;
+				}
+			} else if (H.value === "pdf" && e.type !== "application/pdf") {
+				B.error.value = z.designReference.invalidFileType;
+				return;
+			}
+			U.value = e, B.error.value = null, G.value && URL.revokeObjectURL(G.value), e.type.startsWith("image/") ? G.value = URL.createObjectURL(e) : G.value = null;
+		}
+		function Z() {
+			G.value &&= (URL.revokeObjectURL(G.value), null), U.value = null;
+		}
+		function Q(e) {
+			e.preventDefault(), q.value = !0;
+		}
+		function Te() {
+			q.value = !1;
+		}
+		function Ee(e) {
+			e.preventDefault(), q.value = !1;
+			let t = e.dataTransfer?.files?.[0];
+			t && X(t);
+		}
+		function $() {
+			if (!J.value) return;
+			if (v.hasExistingBlocks && !K.value) {
+				K.value = !0;
+				return;
+			}
+			K.value = !1;
+			let e = {};
+			W.value.trim() && (e.prompt = W.value.trim()), H.value === "image" && U.value ? e.imageUpload = U.value : H.value === "pdf" && U.value && (e.pdfUpload = U.value), B.generate(e);
+		}
+		function De() {
+			K.value = !1;
+		}
+		return n(() => v.visible, (e) => {
+			e || (K.value = !1);
+		}), a(() => {
+			G.value &&= (URL.revokeObjectURL(G.value), null);
+		}), (n, a) => (r(), te(ae, {
+			"enter-active-class": "tpl-design-slide-enter-active",
+			"enter-from-class": "tpl:translate-x-full",
+			"enter-to-class": "tpl:translate-x-0",
+			"leave-active-class": "tpl-design-slide-leave-active",
+			"leave-from-class": "tpl:translate-x-0",
+			"leave-to-class": "tpl:translate-x-full"
+		}, {
+			default: ee(() => [s.visible ? (r(), l("div", me, [c("div", he, [c("div", ge, [u(f(g), {
+				size: 13,
+				"stroke-width": 2
+			}), c("span", null, i(f(z).designReference.title), 1)]), c("button", {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				onClick: a[0] ||= (e) => R("close")
+			}, [u(f(_), {
+				size: 14,
+				"stroke-width": 2
+			})])]), c("div", b, [f(B).isGenerating.value ? (r(), l("div", x, [c("div", S, [u(ue), c("p", C, i(f(z).designReference.generating), 1)])])) : (r(), l("div", w, [
+				c("div", T, [c("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: e({
+						backgroundColor: H.value === "image" ? "var(--tpl-bg)" : "transparent",
+						color: H.value === "image" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						boxShadow: H.value === "image" ? "var(--tpl-shadow)" : "none"
+					}),
+					onClick: a[1] ||= (e) => Y("image")
+				}, [u(f(pe), {
+					size: 12,
+					"stroke-width": 2
+				}), d(" " + i(f(z).designReference.uploadImage), 1)], 4), c("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: e({
+						backgroundColor: H.value === "pdf" ? "var(--tpl-bg)" : "transparent",
+						color: H.value === "pdf" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						boxShadow: H.value === "pdf" ? "var(--tpl-shadow)" : "none"
+					}),
+					onClick: a[2] ||= (e) => Y("pdf")
+				}, [u(f(y), {
+					size: 12,
+					"stroke-width": 2
+				}), d(" " + i(f(z).designReference.uploadPdf), 1)], 4)]),
+				c("div", null, [U.value ? (r(), l("div", E, [c("div", D, [G.value ? (r(), l("img", {
+					key: 0,
+					src: G.value,
+					alt: U.value.name,
+					class: "tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain"
+				}, null, 8, O)) : (r(), l("div", k, [u(f(y), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), c("span", A, i(U.value.name), 1)])), c("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: Z
+				}, [u(f(_), {
+					size: 12,
+					"stroke-width": 2
+				})])])])) : (r(), l("div", {
+					key: 1,
+					class: "tpl-design-dropzone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border-2 tpl:border-dashed tpl:px-4 tpl:py-8 tpl:transition-colors tpl:duration-150",
+					style: e({
+						borderColor: q.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
+						backgroundColor: q.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
+					}),
+					onClick: a[3] ||= (e) => V.value?.click(),
+					onDragover: Q,
+					onDragleave: Te,
+					onDrop: Ee
+				}, [
+					u(f(oe), {
+						size: 24,
+						"stroke-width": 1.5,
+						class: "tpl:text-[var(--tpl-text-dim)]"
+					}),
+					c("span", j, i(f(z).designReference.dropHint), 1),
+					c("span", M, i(H.value === "image" ? f(z).designReference.acceptedImages : f(z).designReference.acceptedPdf), 1)
+				], 36)), c("input", {
+					ref_key: "fileInput",
+					ref: V,
+					type: "file",
+					class: "tpl:hidden",
+					accept: H.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
+					onChange: we
+				}, null, 40, N)]),
+				c("div", P, [c("label", F, i(f(z).designReference.promptLabel), 1), re(c("textarea", {
+					"onUpdate:modelValue": a[4] ||= (e) => W.value = e,
+					class: t(["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: f(z).designReference.promptPlaceholder,
+					rows: "3"
+				}, null, 8, I), [[ie, W.value]])]),
+				K.value ? (r(), l("div", L, [c("p", _e, i(f(z).designReference.replaceWarning), 1), c("div", ve, [c("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: De
+				}, i(f(z).designReference.replaceCancel), 1), c("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: $
+				}, i(f(z).designReference.replaceConfirm), 1)])])) : p("", !0),
+				f(B).error.value ? (r(), l("div", ye, [u(f(le), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), c("span", null, i(f(z).designReference.error), 1)])) : p("", !0),
+				K.value ? p("", !0) : (r(), l("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)]",
+					disabled: !J.value,
+					onClick: $
+				}, [u(f(g), {
+					size: 16,
+					"stroke-width": 2
+				}), d(" " + i(f(z).designReference.generate), 1)], 8, be)),
+				c("p", xe, i(f(z).aiMenu.disclaimer), 1)
+			]))])])) : p("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-bdbf8d0d"]]);
+//#endregion
+export { R as default };

package/dist/{IssuesPanel-CEnEGFtd.js → IssuesPanel-CoOfib44.js}

@@ -1,11 +1,11 @@
-import { A as e, Et as t, N as n, O as r, Ot 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, u as m, x as h } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { I as g, h as _ } from "./keys-CHPcp-Nz.js";
-import { t as v } from "./useI18n-D2L9Mkik.js";
-import { t as y } from "./createLucideIcon-JWHwTI6N.js";
-import { t as b } from "./circle-alert-CgtE46ND.js";
-import { t as x } from "./info-BUJBXoE6.js";
-import { t as S } from "./list-checks-BGHaCSD5.js";
-import { t as C } from "./triangle-alert-Djg6IG8N.js";
+import { A as e, Et as t, N as n, O as r, Ot 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, u as m, x as h } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { L as g, h as _ } from "./keys-uWpGv4Pq.js";
+import { t as v } from "./useI18n-DzOcl2wl.js";
+import { t as y } from "./createLucideIcon-AEltGIse.js";
+import { t as b } from "./circle-alert-DkEXnGPV.js";
+import { t as x } from "./info-CvrCgTLH.js";
+import { t as S } from "./list-checks-yzGT93ZL.js";
+import { t as C } from "./triangle-alert-B3PydLzl.js";
 var w = y("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"

package/dist/{LoadingTrack-KIcREPlS.js → LoadingTrack-XK_eeUdq.js}

@@ -1,4 +1,4 @@
-import { O as e, d as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { O as e, d as t } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region src/components/LoadingTrack.vue
 var r = {}, i = { class: "tpl-loading-track" };

package/dist/MergeTagModeToggle-CiFiSV0C.js

@@ -0,0 +1,180 @@
+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, x as f } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { j as p } from "./dist-Ba5Q-UX1.js";
+import { T as m } from "./keys-uWpGv4Pq.js";
+import { t as h } from "./useI18n-DzOcl2wl.js";
+import { t as g } from "./createLucideIcon-AEltGIse.js";
+import { t as _ } from "./sparkles-8UeMmZb8.js";
+var v = g("monitor", [
+	["rect", {
+		width: "20",
+		height: "14",
+		x: "2",
+		y: "3",
+		rx: "2",
+		key: "48i651"
+	}],
+	["line", {
+		x1: "8",
+		x2: "16",
+		y1: "21",
+		y2: "21",
+		key: "1svkeh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "17",
+		y2: "21",
+		key: "vw1qmm"
+	}]
+]), y = g("smartphone", [["rect", {
+	width: "14",
+	height: "20",
+	x: "5",
+	y: "2",
+	rx: "2",
+	ry: "2",
+	key: "1yt0o3"
+}], ["path", {
+	d: "M12 18h.01",
+	key: "mhygvu"
+}]]), b = g("text-cursor-input", [
+	["path", {
+		d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6",
+		key: "1528k5"
+	}],
+	["path", {
+		d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7",
+		key: "13ksps"
+	}],
+	["path", {
+		d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1",
+		key: "1n9rhb"
+	}],
+	["path", {
+		d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1",
+		key: "1mj8rg"
+	}],
+	["path", {
+		d: "M9 6v12",
+		key: "velyjx"
+	}]
+]), x = ["aria-label"], S = [
+	"aria-checked",
+	"aria-label",
+	"title",
+	"onClick"
+], C = /* @__PURE__ */ i({
+	__name: "ViewportToggle",
+	props: { viewport: {} },
+	emits: ["change"],
+	setup(i, { emit: d }) {
+		let f = i, p = d, { t: m } = h(), g = u(() => [{
+			value: "desktop",
+			label: m.viewport.desktop
+		}, {
+			value: "mobile",
+			label: m.viewport.mobile
+		}]), _ = u(() => `translateX(${g.value.findIndex((e) => e.value === f.viewport) * 100}%)`);
+		return (u, d) => (n(), o("div", {
+			role: "radiogroup",
+			"aria-label": c(m).viewport.label,
+			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
+			style: t({
+				gridTemplateColumns: `repeat(${g.value.length}, 1fr)`,
+				backgroundColor: "var(--tpl-bg-hover)"
+			})
+		}, [a("div", {
+			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
+			style: t({
+				left: "4px",
+				width: `calc((100% - 8px) / ${g.value.length})`,
+				transform: _.value,
+				backgroundColor: "var(--tpl-bg)",
+				boxShadow: "var(--tpl-shadow)",
+				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
+			})
+		}, null, 4), (n(!0), o(l, null, e(g.value, (e) => (n(), o("button", {
+			key: e.value,
+			role: "radio",
+			"aria-checked": i.viewport === e.value,
+			"aria-label": e.label,
+			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium",
+			style: t({
+				color: i.viewport === e.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
+			}),
+			title: e.label,
+			onClick: (t) => p("change", e.value)
+		}, [e.value === "desktop" ? (n(), s(c(v), {
+			key: 0,
+			size: 18,
+			"stroke-width": 1.5
+		})) : (n(), s(c(y), {
+			key: 1,
+			size: 18,
+			"stroke-width": 1.5
+		})), a("span", null, r(e.label), 1)], 12, S))), 128))], 12, x));
+	}
+}), w = ["aria-label"], T = [
+	"aria-checked",
+	"aria-label",
+	"title",
+	"onClick"
+], E = /* @__PURE__ */ i({
+	__name: "MergeTagModeToggle",
+	props: { sampleMode: { type: Boolean } },
+	emits: ["change"],
+	setup(i, { emit: g }) {
+		let v = i, y = g, { t: x } = h(), S = f(m, []), C = u(() => p(S)), E = u(() => [{
+			value: !0,
+			label: x.mergeTagPreview.sample
+		}, {
+			value: !1,
+			label: x.mergeTagPreview.labelView
+		}]), D = u(() => `translateX(${E.value.findIndex((e) => e.value === v.sampleMode) * 100}%)`);
+		return (u, f) => C.value ? (n(), o("div", {
+			key: 0,
+			role: "radiogroup",
+			"aria-label": c(x).mergeTagPreview.label,
+			"data-testid": "merge-tag-mode-toggle",
+			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
+			style: t({
+				gridTemplateColumns: `repeat(${E.value.length}, 1fr)`,
+				backgroundColor: "var(--tpl-bg-hover)"
+			})
+		}, [a("div", {
+			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
+			style: t({
+				left: "4px",
+				width: `calc((100% - 8px) / ${E.value.length})`,
+				transform: D.value,
+				backgroundColor: "var(--tpl-bg)",
+				boxShadow: "var(--tpl-shadow)",
+				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
+			})
+		}, null, 4), (n(!0), o(l, null, e(E.value, (e) => (n(), o("button", {
+			key: String(e.value),
+			role: "radio",
+			"aria-checked": i.sampleMode === e.value,
+			"aria-label": e.label,
+			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium",
+			style: t({
+				color: i.sampleMode === e.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
+			}),
+			title: e.label,
+			onClick: (t) => y("change", e.value)
+		}, [e.value ? (n(), s(c(_), {
+			key: 0,
+			size: 18,
+			"stroke-width": 1.5
+		})) : (n(), s(c(b), {
+			key: 1,
+			size: 18,
+			"stroke-width": 1.5
+		})), a("span", null, r(e.label), 1)], 12, T))), 128))], 12, w)) : d("", !0);
+	}
+});
+//#endregion
+export { v as i, C as n, y as r, E as t };

package/dist/{MergeTagSuggestion-D9eCryMC.js → MergeTagSuggestion-D0OHRv7L.js}

@@ -1,6 +1,6 @@
-import { A as e, Et as t, O as n, Ot as r, Y as i, _ as a, c as o, d as s, r as c, u as l, y as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { c as d, n as f } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { F as p, Sn as m, i as h, vn as g, xn as _, yn as v } from "./dist-3HenmYIg.js";
+import { A as e, Et as t, O as n, Ot as r, Y as i, _ as a, c as o, d as s, r as c, u as l, y as u } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { c as d, n as f } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
+import { F as p, Sn as m, i as h, vn as g, xn as _, yn as v } from "./dist-CcQFPJMF.js";
 //#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var y = Math.min, b = Math.max, x = Math.round, S = Math.floor, C = (e) => ({
 	x: e,
@@ -223,7 +223,7 @@ var fe = 50, pe = async (e, t, n) => {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (!(u === "alignment" && _ !== A(t)) || D.every((e) => A(e.placement) !== _ || e.overflows[0] > 0))) return {
+				if (t && (u !== "alignment" || _ === A(t) || D.every((e) => A(e.placement) !== _ || e.overflows[0] > 0))) return {
 					data: {
 						index: e,
 						overflows: D
@@ -243,9 +243,7 @@ var fe = 50, pe = async (e, t, n) => {
 						e && (n = e);
 						break;
 					}
-					case "initialPlacement":
-						n = o;
-						break;
+					case "initialPlacement": n = o;
 				}
 				if (r !== n) return { reset: { placement: n } };
 			}
@@ -380,7 +378,8 @@ function Y(e, t, n) {
 	if (i) {
 		let e = De(a);
 		return t.concat(a, a.visualViewport || [], V(r) ? r : [], e && n ? Y(e) : []);
-	} else return t.concat(r, Y(r, [], n));
+	}
+	return t.concat(r, Y(r, [], n));
 }
 function De(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -704,7 +703,7 @@ var $e = _e, et = me, tt = (e, t, n) => {
 	});
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@tiptap+suggestion@3.29.1_@floating-ui+dom@1.8.0_@tiptap+core@3.29.1_@tiptap+pm@3.29.1__@tiptap+pm@3.29.1/node_modules/@tiptap/suggestion/dist/index.js
+//#region ../../node_modules/.pnpm/@tiptap+suggestion@3.29.2_@floating-ui+dom@1.8.0_@tiptap+core@3.29.2_@tiptap+pm@3.29.2__@tiptap+pm@3.29.2/node_modules/@tiptap/suggestion/dist/index.js
 function nt(e) {
 	let { char: t, allowSpaces: n, allowToIncludeChar: r, allowedPrefixes: i, startOfLine: a, $position: o } = e, s = n && !r, c = p(t), l = RegExp(`\\s${c}$`), u = a ? "^" : "", d = r ? "" : c, f = RegExp(s ? `${u}${c}.*?(?=\\s${d}|$)` : `${u}(?:^)?${c}[^\\s${d}]*`, "gm"), m = o.nodeBefore?.isText && o.nodeBefore.text;
 	if (!m) return null;
@@ -958,10 +957,7 @@ function mt({ editor: e, pluginKey: t, items: n, renderer: r, minQueryLength: i,
 			case "updated":
 				(i = r?.onUpdate) == null || i.call(r, t);
 				break;
-			case "stopped":
-				(a = r?.onExit) == null || a.call(r, t);
-				break;
-			default: break;
+			case "stopped": (a = r?.onExit) == null || a.call(r, t);
 		}
 	}
 	return {