@templatical/editor 0.39.2 → 0.39.3

package/dist/DesignReferenceSidebar-C8ohNhOd.js

@@ -0,0 +1,280 @@
+import { A as e, At as t, B as n, D as ee, R as r, V as te, Z as i, at as a, c as o, d as s, g as c, h as l, jt as u, kt as d, l as ne, s as re, u as f, v as p } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { a as ie, t as ae } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { Z as m, g as oe, i as se } from "./keys-BdoSgsz9.js";
+import "./timeouts-DHPZQ0G3.js";
+import { t as h } from "./createLucideIcon-BxY5yz5u.js";
+import { t as ce } from "./circle-alert-CYgTHKWr.js";
+import { t as g } from "./image-up-Qi2BXD7T.js";
+import { t as _ } from "./upload-BBDme2cy.js";
+import { t as v } from "./x-3BHV3Q6K.js";
+import { t as le } from "./LoadingTrack-C1Epulqq.js";
+import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as ue } from "./useCloudI18n-D1iedlP3.js";
+import { v as b } from "./styleConstants-C_YAPdQS.js";
+import { _ as de } from "./cloud-C9xWZXhg.js";
+var fe = h({
+	name: "file-image",
+	size: 24,
+	node: [
+		["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"
+		}]
+	]
+}), x = h({
+	name: "file-text",
+	size: 24,
+	node: [
+		["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"
+		}]
+	]
+}), pe = ["aria-label"], me = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, he = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, S = ["aria-label"], C = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, w = {
+	key: 0,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, T = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, E = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, D = {
+	key: 1,
+	class: "tpl:flex tpl:flex-col tpl:gap-4"
+}, O = { class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, k = {
+	key: 0,
+	class: "tpl:flex tpl:flex-col tpl:gap-2"
+}, A = { class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, j = ["src", "alt"], M = {
+	key: 1,
+	class: "tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2"
+}, N = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, P = { class: "tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, F = { class: "tpl:text-center tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, I = ["accept"], L = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, R = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ge = ["placeholder"], _e = {
+	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)]"
+}, ve = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, ye = { class: "tpl:flex tpl:gap-2" }, be = {
+	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)]"
+}, xe = ["disabled"], Se = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, z = /*#__PURE__*/ y(/* @__PURE__ */ p({
+	__name: "DesignReferenceSidebar",
+	props: {
+		visible: { type: Boolean },
+		hasExistingBlocks: { type: Boolean }
+	},
+	emits: ["close", "apply"],
+	setup(p, { emit: h }) {
+		let y = p, z = h, { t: B } = ue(), Ce = m(oe, "DesignReferenceSidebar"), we = m(se, "DesignReferenceSidebar"), V = de({
+			authManager: we,
+			getTemplateId: () => Ce.state.template?.id ?? null,
+			onApply: (e) => z("apply", e)
+		}), H = i(null), U = i("image"), W = i(null), G = i(""), K = i(null), q = i(!1), J = i(!1), Y = re(() => !V.isGenerating.value && W.value !== null);
+		function X(e) {
+			U.value = e, Q();
+		}
+		function Te(e) {
+			let t = e.target, n = t.files?.[0];
+			n && Z(n), t.value = "";
+		}
+		function Z(e) {
+			if (e.size > 10485760) {
+				V.error.value = B.designReference.fileTooLarge;
+				return;
+			}
+			if (U.value === "image") {
+				if (![
+					"image/png",
+					"image/jpeg",
+					"image/jpg",
+					"image/webp"
+				].includes(e.type)) {
+					V.error.value = B.designReference.invalidFileType;
+					return;
+				}
+			} else if (U.value === "pdf" && e.type !== "application/pdf") {
+				V.error.value = B.designReference.invalidFileType;
+				return;
+			}
+			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 Ee(e) {
+			e.preventDefault(), J.value = !0;
+		}
+		function De() {
+			J.value = !1;
+		}
+		function Oe(e) {
+			e.preventDefault(), J.value = !1;
+			let t = e.dataTransfer?.files?.[0];
+			t && Z(t);
+		}
+		function $() {
+			if (!Y.value) return;
+			if (y.hasExistingBlocks && !q.value) {
+				q.value = !0;
+				return;
+			}
+			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), V.generate(e);
+		}
+		function ke() {
+			q.value = !1;
+		}
+		return r(() => y.visible, (e) => {
+			e || (q.value = !1);
+		}), ee(() => {
+			K.value &&= (URL.revokeObjectURL(K.value), null);
+		}), (ee, r) => (e(), ne(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: n(() => [p.visible ? (e(), s("div", {
+				key: 0,
+				role: "complementary",
+				"aria-label": a(B).designReference.title,
+				class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
+			}, [o("div", me, [o("div", he, [c(a(g), {
+				size: 13,
+				"stroke-width": 2
+			}), o("span", null, u(a(B).designReference.title), 1)]), o("button", {
+				type: "button",
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				"aria-label": a(B).designReference.close,
+				onClick: r[0] ||= (e) => z("close")
+			}, [c(a(v), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, S)]), o("div", C, [a(V).isGenerating.value ? (e(), s("div", w, [o("div", T, [c(le), o("p", E, u(a(B).designReference.generating), 1)])])) : (e(), s("div", D, [
+				o("div", O, [o("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",
+					style: t({
+						backgroundColor: U.value === "image" ? "var(--tpl-bg)" : "transparent",
+						color: U.value === "image" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						boxShadow: U.value === "image" ? "var(--tpl-shadow)" : "none"
+					}),
+					onClick: r[1] ||= (e) => X("image")
+				}, [c(a(fe), {
+					size: 12,
+					"stroke-width": 2
+				}), l(" " + u(a(B).designReference.uploadImage), 1)], 4), o("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",
+					style: t({
+						backgroundColor: U.value === "pdf" ? "var(--tpl-bg)" : "transparent",
+						color: U.value === "pdf" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						boxShadow: U.value === "pdf" ? "var(--tpl-shadow)" : "none"
+					}),
+					onClick: r[2] ||= (e) => X("pdf")
+				}, [c(a(x), {
+					size: 12,
+					"stroke-width": 2
+				}), l(" " + u(a(B).designReference.uploadPdf), 1)], 4)]),
+				o("div", null, [W.value ? (e(), s("div", k, [o("div", A, [K.value ? (e(), s("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, j)) : (e(), s("div", M, [c(a(x), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), o("span", N, u(W.value.name), 1)])), o("button", {
+					class: "tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]",
+					onClick: Q
+				}, [c(a(v), {
+					size: 12,
+					"stroke-width": 2
+				})])])])) : (e(), s("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",
+					style: t({
+						borderColor: J.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
+						backgroundColor: J.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
+					}),
+					onClick: r[3] ||= (e) => H.value?.click(),
+					onDragover: Ee,
+					onDragleave: De,
+					onDrop: Oe
+				}, [
+					c(a(_), {
+						size: 24,
+						"stroke-width": 1.5,
+						class: "tpl:text-[var(--tpl-text-dim)]"
+					}),
+					o("span", P, u(a(B).designReference.dropHint), 1),
+					o("span", F, u(U.value === "image" ? a(B).designReference.acceptedImages : a(B).designReference.acceptedPdf), 1)
+				], 36)), o("input", {
+					ref_key: "fileInput",
+					ref: H,
+					type: "file",
+					class: "tpl:hidden",
+					accept: U.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
+					onChange: Te
+				}, null, 40, I)]),
+				o("div", L, [o("label", R, u(a(B).designReference.promptLabel), 1), te(o("textarea", {
+					"onUpdate:modelValue": r[4] ||= (e) => G.value = e,
+					class: d(["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:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", ["tpl-design-prompt-input"]]),
+					placeholder: a(B).designReference.promptPlaceholder,
+					rows: "3"
+				}, null, 8, ge), [[ie, G.value]])]),
+				q.value ? (e(), s("div", _e, [o("p", ve, u(a(B).designReference.replaceWarning), 1), o("div", ye, [o("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:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]",
+					style: { "background-color": "transparent" },
+					onClick: ke
+				}, u(a(B).designReference.replaceCancel), 1), o("button", {
+					type: "button",
+					class: d([a(b), "tpl:flex-1"]),
+					onClick: $
+				}, u(a(B).designReference.replaceConfirm), 3)])])) : f("", !0),
+				a(V).error.value ? (e(), s("div", be, [c(a(ce), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), o("span", null, u(a(B).designReference.error), 1)])) : f("", !0),
+				q.value ? f("", !0) : (e(), s("button", {
+					key: 2,
+					type: "button",
+					class: d([a(b), "tpl:w-full"]),
+					disabled: !Y.value,
+					onClick: $
+				}, [c(a(g), {
+					size: 16,
+					"stroke-width": 2
+				}), l(" " + u(a(B).designReference.generate), 1)], 10, xe)),
+				o("p", Se, u(a(B).aiMenu.disclaimer), 1)
+			]))])], 8, pe)) : f("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-a5a76ec5"]]);
+//#endregion
+export { z as default };

package/dist/{IssuesPanel-DL2Xr14_.js → IssuesPanel-Ck0EGoV5.js}

@@ -50,7 +50,7 @@ var T = y({
 			a("h3", k, l(i(y).issues.panelTitle), 1),
 			q.value > 0 ? (e(), o("span", {
 				key: 0,
-				class: "tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]",
+				class: "tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]",
 				title: i(B)(i(y).issues.issueCountTooltip, { count: q.value })
 			}, l(q.value), 9, A)) : m("", !0)
 		]), !i(V) || i(V).unavailable.value ? (e(), o("div", j)) : q.value === 0 ? (e(), o("div", M, l(i(y).issues.emptyState), 1)) : (e(!0), o(f, { key: 2 }, n([
@@ -77,7 +77,7 @@ var T = y({
 			}
 		], (r) => (e(), o("section", { key: r.key }, [r.items.length > 0 ? (e(), o("header", {
 			key: 0,
-			class: u(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide", r.tone])
+			class: u(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-semibold tpl:uppercase tpl:tracking-wide", r.tone])
 		}, [
 			(e(), d(t(r.icon), {
 				size: 12,
@@ -95,7 +95,7 @@ var T = y({
 				key: 0,
 				type: "button",
 				"data-testid": "issue-jump",
-				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text)]",
+				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]",
 				onClick: (e) => J(t)
 			}, [s(i(T), {
 				size: 10,
@@ -103,7 +103,7 @@ var T = y({
 			}), c(" " + l(i(y).issues.jump), 1)], 8, R)) : m("", !0), t.fix ? (e(), o("button", {
 				key: 1,
 				type: "button",
-				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-on-primary)]",
+				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-on-primary)]",
 				title: t.fix.description,
 				onClick: (e) => Y(t)
 			}, [s(i(E), {

package/dist/{LoadingTrack-C2jKCU2d.js → LoadingTrack-C1Epulqq.js}

@@ -5,6 +5,6 @@ var r = {}, i = { class: "tpl-loading-track" };
 function a(n, r) {
 	return e(), t("div", i);
 }
-var o = /*#__PURE__*/ n(r, [["render", a], ["__scopeId", "data-v-c3d50014"]]);
+var o = /*#__PURE__*/ n(r, [["render", a], ["__scopeId", "data-v-e61f3b63"]]);
 //#endregion
 export { o as t };

package/dist/{ParagraphEditor-DkkPSexG.js → ParagraphEditor-D6FRxr8Y.js}

@@ -2,7 +2,7 @@ import { A as e, At as t, F as n, K as r, M as i, S as a, Z as o, at as s, c, d
 import { c as b, s as x } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { R as S } from "./dist-tGkjkX-v.js";
 import { t as C } from "./dist-BDuPwOyn.js";
-import { C as w, b as T, w as E, x as D } from "./useEditorCore-C5APBjjV.js";
+import { C as w, b as T, w as E, x as D } from "./useEditorCore-BUVbQgwb.js";
 import { K as O, T as k, Y as A, Z as j, g as M, k as N, v as P } from "./keys-BdoSgsz9.js";
 import { t as ee } from "./useI18n-Ds_-druD.js";
 import { n as F } from "./usePopoverPosition-Du-Ah8E9.js";
@@ -289,7 +289,7 @@ var Q = /*#__PURE__*/ B(Y, [["render", Z]]), Ce = [
 			return typeof e == "string" ? e : e.label;
 		}
 		return (n, r) => (e(), l("select", {
-			class: m(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", t.widthClass ?? "tpl:w-20"]),
+			class: m(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", t.widthClass ?? "tpl:w-20"]),
 			value: t.modelValue,
 			"aria-label": t.label,
 			title: t.label,

package/dist/{RestoreVersionDialog-BgueZnZr.js → RestoreVersionDialog--b0qfNaK.js}

@@ -3,7 +3,7 @@ import { t as f } from "./useI18n-Ds_-druD.js";
 import { t as p } from "./loader-circle-z5eeqasv.js";
 import { t as m } from "./triangle-alert-DGLAyXnh.js";
 import { d as h, v as g, x as _ } from "./styleConstants-C_YAPdQS.js";
-import { t as v } from "./TplModal-C8xGjC1l.js";
+import { t as v } from "./TplModal-DVMS_nAn.js";
 //#region src/components/RestoreVersionDialog.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x = {
 	id: "tpl-restore-version-title",

package/dist/{SaveBlockDialog-BuTuVlLr.js → SaveBlockDialog-C0BdEGeL.js}

@@ -1,7 +1,7 @@
 import { A as e, At as t, B as n, D as r, F as i, M as a, O as o, R as s, S as c, V as l, Z as u, at as d, c as f, d as p, g as m, h, jt as g, kt as _, l as v, r as y, s as b, u as x, v as S } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { d as ee } from "./socialIcons-DkGcpEwC.js";
-import { E, s as D } from "./useEditorCore-C5APBjjV.js";
+import { E, s as D } from "./useEditorCore-BUVbQgwb.js";
 import { H as O, Z as k, g as A, p as te } from "./keys-BdoSgsz9.js";
 import { t as j } from "./useI18n-Ds_-druD.js";
 import { t as M } from "./chevron-down-Dkr-7Ywl.js";
@@ -9,8 +9,8 @@ import { t as N } from "./chevron-up-CQAyl0kC.js";
 import { t as P } from "./loader-circle-z5eeqasv.js";
 import { v as F } from "./styleConstants-C_YAPdQS.js";
 import { n as I } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as L } from "./TplModal-C8xGjC1l.js";
-import { t as R } from "./BlockPreviewCanvas-DXGjUECG.js";
+import { t as L } from "./TplModal-DVMS_nAn.js";
+import { t as R } from "./BlockPreviewCanvas-BMC16_QU.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, H = {
 	key: 0,
@@ -102,7 +102,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
 }, se = { class: "tpl:text-[var(--tpl-text-dim)]" }, ce = {
 	key: 0,
-	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]"
+	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
 }, le = {
 	class: "tpl-sr-only",
 	role: "status",
@@ -193,7 +193,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					type: "text",
 					"data-testid": "saved-blocks-name-input",
 					placeholder: d(S).savedBlocks.namePlaceholder,
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 					disabled: R.value
 				}, null, 8, X), [[C, N.value]])]),
 				f("div", Z, [
@@ -205,7 +205,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 						"data-testid": "saved-blocks-category-input",
 						list: "tpl-saved-block-categories",
 						placeholder: d(S).savedBlocks.categoryPlaceholder,
-						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						disabled: R.value
 					}, null, 8, re), [[C, I.value]]),
 					f("datalist", ie, [(e(!0), p(y, null, a(d(E).categories.value, (t) => (e(), p("option", {

package/dist/{SavedBlocksBrowserModal-Srhix8BB.js → SavedBlocksBrowserModal-BzDgXtr4.js}

@@ -1,6 +1,6 @@
 import { A as e, At as t, B as n, E as r, F as i, M as a, R as o, S as ee, V as s, Z as c, _ as te, at as l, c as u, d, g as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { a as b, c as x, i as S, s as C } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
-import "./useEditorCore-C5APBjjV.js";
+import "./useEditorCore-BUVbQgwb.js";
 import { H as ne, J as re, Z as w, g as ie } from "./keys-BdoSgsz9.js";
 import { t as ae } from "./useI18n-Ds_-druD.js";
 import { t as T } from "./blockTypeIcons-CdXugKyV.js";
@@ -12,7 +12,7 @@ import { t as le } from "./x-3BHV3Q6K.js";
 import { v as ue } from "./styleConstants-C_YAPdQS.js";
 import { t as de } from "./formatAbsoluteDateTime-DMmop3C-.js";
 import { t as fe } from "./formatRelativeTime-CtUU-QZ8.js";
-import { t as pe } from "./TplModal-C8xGjC1l.js";
+import { t as pe } from "./TplModal-DVMS_nAn.js";
 //#region src/components/SavedBlocksBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var me = {
 	role: "dialog",
@@ -68,7 +68,7 @@ var me = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(y, { emit: k }) {
-		let at = y, A = k, ot = te(() => import("./BlockPreviewCanvas-DXGjUECG.js").then((e) => e.n)), { t: j, format: M } = ae(), N = w(ne, "SavedBlocksBrowserModal"), P = w(ie, "SavedBlocksBrowserModal"), st = ee(re, void 0), F = c(""), I = c(""), L = c(null), R = c(null), z = c(null), B = c(""), V = c(""), H = c(null), U = c("end"), W = _(() => {
+		let at = y, A = k, ot = te(() => import("./BlockPreviewCanvas-BMC16_QU.js").then((e) => e.n)), { t: j, format: M } = ae(), N = w(ne, "SavedBlocksBrowserModal"), P = w(ie, "SavedBlocksBrowserModal"), st = ee(re, void 0), F = c(""), I = c(""), L = c(null), R = c(null), z = c(null), B = c(""), V = c(""), H = c(null), U = c("end"), W = _(() => {
 			let e = F.value.trim().toLowerCase(), t = I.value;
 			return N.savedBlocks.value.filter((n) => !(e && !n.name.toLowerCase().includes(e) || t && n.category !== t));
 		}), G = _(() => N.isLoading.value && N.savedBlocks.value.length === 0), ct = _(() => F.value.trim().length > 0 || I.value !== ""), K = _(() => L.value ? N.savedBlocks.value.find((e) => e.id === L.value) ?? null : null), lt = _(() => {
@@ -186,13 +186,13 @@ var me = {
 						type: "text",
 						placeholder: l(j).savedBlocks.search,
 						disabled: G.value,
-						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 					}, null, 8, Se), [[b, F.value]])]), l(N).categories.value.length > 0 ? s((e(), d("select", {
 						key: 0,
 						"onUpdate:modelValue": o[1] ||= (e) => I.value = e,
 						"data-testid": "saved-blocks-category-filter",
 						"aria-label": l(j).savedBlocks.filterByCategory,
-						class: "tpl:h-8 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+						class: "tpl:h-8 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 					}, [u("option", we, p(l(j).savedBlocks.allCategories), 1), (e(!0), d(g, null, a(l(N).categories.value, (t) => (e(), d("option", {
 						key: t,
 						value: t
@@ -223,7 +223,7 @@ var me = {
 						"onUpdate:modelValue": o[2] ||= (e) => B.value = e,
 						type: "text",
 						"aria-label": l(j).savedBlocks.rename,
-						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						onKeydown: [C(x((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), o[3] ||= C(x((e) => X(), ["prevent", "stop"]), ["esc"])]
 					}, null, 40, Ae), [[b, B.value]]), s(u("input", {
 						"onUpdate:modelValue": o[4] ||= (e) => V.value = e,
@@ -232,7 +232,7 @@ var me = {
 						"aria-label": l(j).savedBlocks.category,
 						placeholder: l(j).savedBlocks.categoryPlaceholder,
 						list: "tpl-saved-block-browser-categories",
-						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						onKeydown: [C(x((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), o[5] ||= C(x((e) => X(), ["prevent", "stop"]), ["esc"])]
 					}, null, 40, je), [[b, V.value]])], 40, ke)) : (e(), d("button", {
 						key: 1,
@@ -300,7 +300,7 @@ var me = {
 				}), u("p", Qe, p(l(j).savedBlocks.selectToPreview), 1)]))])]),
 				u("div", $e, [u("div", et, [u("label", tt, p(l(j).savedBlocks.insertPosition), 1), s(u("select", {
 					"onUpdate:modelValue": o[6] ||= (e) => U.value = e,
-					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 				}, [(e(!0), d(g, null, a(lt.value, (t) => (e(), d("option", {
 					key: t.value,
 					value: t.value

package/dist/{SavedBlocksPanels-B2iScCS-.js → SavedBlocksPanels-DN-bDZzy.js}

@@ -5,7 +5,7 @@ var c = /* @__PURE__ */ s({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(s) {
-		let c = s, l = t(() => import("./SavedBlocksPickBar-cI7bDQQi.js")), u = t(() => import("./SaveBlockDialog-BuTuVlLr.js")), d = t(() => import("./SavedBlocksBrowserModal-Srhix8BB.js"));
+		let c = s, l = t(() => import("./SavedBlocksPickBar-pEi9Et8Q.js")), u = t(() => import("./SaveBlockDialog-C0BdEGeL.js")), d = t(() => import("./SavedBlocksBrowserModal-BzDgXtr4.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}

package/dist/SavedBlocksPickBar-pEi9Et8Q.js

@@ -0,0 +1,53 @@
+import { A as e, at as t, c as n, d as r, g as i, h as a, jt as o, kt as s, v as c } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { O as l } from "./useEditorCore-BUVbQgwb.js";
+import { t as u } from "./useI18n-Ds_-druD.js";
+import { t as d } from "./x-3BHV3Q6K.js";
+import { v as f, x as p } from "./styleConstants-C_YAPdQS.js";
+//#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	"data-testid": "saved-blocks-pick-bar",
+	class: "tpl:absolute tpl:bottom-10 tpl:left-12 tpl:right-[320px] tpl:z-50 tpl:flex tpl:justify-center tpl:px-4",
+	style: { "pointer-events": "none" }
+}, h = ["aria-label"], g = { class: "tpl:flex tpl:flex-col" }, _ = {
+	"data-testid": "saved-blocks-pick-count",
+	class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]"
+}, v = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, y = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, b = ["disabled"], x = /* @__PURE__ */ c({
+	__name: "SavedBlocksPickBar",
+	props: { count: {} },
+	emits: ["confirm", "cancel"],
+	setup(c, { emit: x }) {
+		let S = c, C = x, { t: w, format: T } = u();
+		function E() {
+			S.count > 0 && C("confirm");
+		}
+		return (u, x) => (e(), r("div", m, [n("div", {
+			role: "toolbar",
+			"aria-label": t(w).savedBlocks.pickToolbar,
+			class: "tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]",
+			style: {
+				"pointer-events": "auto",
+				"background-color": "var(--tpl-bg-elevated)",
+				"box-shadow": "var(--tpl-shadow-xl)"
+			}
+		}, [n("div", g, [n("span", _, o(t(T)(t(w).savedBlocks.pickCount, { count: c.count })), 1), n("span", v, o(t(w).savedBlocks.pickHint), 1)]), n("div", y, [n("button", {
+			type: "button",
+			"data-testid": "saved-blocks-pick-cancel",
+			class: s(t(p)),
+			onClick: x[0] ||= (e) => C("cancel")
+		}, [i(t(d), {
+			size: 13,
+			"stroke-width": 2
+		}), a(" " + o(t(w).savedBlocks.cancel), 1)], 2), n("button", {
+			type: "button",
+			"data-testid": "saved-blocks-pick-confirm",
+			class: s(t(f)),
+			disabled: c.count === 0,
+			onClick: E
+		}, [i(t(l), {
+			size: 13,
+			"stroke-width": 2
+		}), a(" " + o(t(w).savedBlocks.save), 1)], 10, b)])], 8, h)]));
+	}
+});
+//#endregion
+export { x as default };