@templatical/editor 0.35.0 → 0.37.0

package/dist/en-DcmpWV53.js

@@ -0,0 +1,2 @@
+import { t as e } from "./editor-modal-B_LaQf0s.js";
+export { e as default };

package/dist/es-lagTvUfX.js

@@ -0,0 +1,83 @@
+//#region ../media-library/src/i18n/locales/es.ts
+var e = { mediaLibrary: {
+	title: "Biblioteca multimedia",
+	searchPlaceholder: "Buscar archivos...",
+	allFiles: "Todos los archivos",
+	filterAll: "Todos los tipos",
+	filterImages: "Imágenes",
+	filterDocuments: "Documentos",
+	filterVideos: "Vídeos",
+	filterAudio: "Audio",
+	newFolder: "Nueva carpeta",
+	folderName: "Nombre de la carpeta",
+	noFiles: "No se han encontrado archivos",
+	noSearchResults: "Ningún archivo coincide con tu búsqueda",
+	dropOrClick: "Suelta los archivos aquí o haz clic para subirlos",
+	acceptedFormats: "Imágenes, PDF, vídeo, audio y documentos (máx. 10 MB)",
+	uploading: "Subiendo...",
+	uploadingProgress: "Subiendo {current} de {total}...",
+	selectImage: "Seleccionar imagen",
+	selectFile: "Seleccionar archivo",
+	deleteSelected: "Eliminar",
+	copyUrl: "Copiar URL",
+	copied: "¡Copiada!",
+	browseMedia: "Explorar la biblioteca multimedia",
+	renameFolder: "Cambiar nombre de la carpeta",
+	addSubfolder: "Añadir subcarpeta",
+	subfolderName: "Nombre de la subcarpeta",
+	sortNewest: "Más recientes primero",
+	sortOldest: "Más antiguos primero",
+	sortNameAsc: "Nombre de A a Z",
+	sortNameDesc: "Nombre de Z a A",
+	sortSizeAsc: "Más pequeños primero",
+	sortSizeDesc: "Más grandes primero",
+	moveSelected: "Mover",
+	moveToRoot: "Todos los archivos",
+	currentFolder: "(actual)",
+	confirmDelete: "¿Confirmar?",
+	renameFile: "Cambiar nombre",
+	editFile: "Editar archivo",
+	fileName: "Nombre del archivo",
+	altText: "Texto alternativo",
+	altTextPlaceholder: "Describe esta imagen para mejorar la accesibilidad",
+	saveChanges: "Guardar",
+	cancel: "Cancelar",
+	frequentlyUsed: "Usados frecuentemente",
+	deleteWarningTitle: "Eliminar archivo",
+	deleteWarningMessage: "¿Estás seguro? Esta acción es irreversible.",
+	deleteWarningUsageNote: "Los siguientes archivos se utilizan en plantillas. Si los eliminas, es posible que esas plantillas dejen de funcionar correctamente.",
+	deleteAnyway: "Eliminar",
+	usedInTemplates: "Usado en {count} plantilla(s)",
+	viewGrid: "Vista de cuadrícula",
+	viewList: "Vista de lista",
+	showFolders: "Mostrar carpetas",
+	hideFolders: "Ocultar carpetas",
+	importFromUrl: "Importar desde URL",
+	importUrlPlaceholder: "https://example.com/image.jpg",
+	import: "Importar",
+	importing: "Importando...",
+	importError: "No se ha podido importar desde la URL",
+	replaceFile: "Reemplazar archivo",
+	replaceWarningTitle: "Reemplazar archivo",
+	replaceWarningMessage: "Estás a punto de reemplazar este archivo. El archivo de reemplazo debe tener la misma extensión ({extension}).",
+	replaceWarningUsageNote: "Este archivo se utiliza en {count} plantilla(s). Al reemplazarlo, se actualizarán todas las referencias.",
+	replaceSelectFile: "Seleccionar archivo de reemplazo",
+	replace: "Reemplazar",
+	replacing: "Reemplazando...",
+	replaceError: "No se ha podido reemplazar el archivo",
+	saving: "Guardando...",
+	cropAspectRatio: "Relación de aspecto",
+	cropFree: "Libre",
+	cropSquare: "1:1",
+	cropLandscape43: "4:3",
+	cropLandscape169: "16:9",
+	cropOriginal: "Original",
+	cropMaxWidth: "Anchura máxima",
+	cropMaxHeight: "Altura máxima",
+	cropOutputSize: "Tamaño de salida",
+	cropPixels: "px",
+	cropOptional: "(opcional)",
+	storageTooltip: "{used} de {total} usados ({remaining} restantes)"
+} };
+//#endregion
+export { e as default };

package/dist/{extensions-Bawm4BOM.js → extensions-CHOBZRab.js}

@@ -1,11 +1,11 @@
-import { B as e, Dt as t, Ot as n, T as r, X as i, c as a, d as o, k as s, kt as c, l, rt as u, s as d, u as f, v as p, z as m } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { a as h, c as g, s as _ } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { A as e, At as t, B as n, E as r, V as i, Z as a, at as o, c as s, d as c, jt as l, kt as u, l as d, s as f, u as p, v as m } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as h, c as g, s as _ } from "./runtime-dom.esm-bundler-PnoZU512.js";
 import { F as v, O as y, k as b, o as x } from "./dist-tGkjkX-v.js";
-import { t as S } from "./useI18n-CL6RfPzK.js";
-import { t as C } from "./useMergeTag-C9GEpljB.js";
+import { t as S } from "./useI18n-BbdxxpOE.js";
+import { t as C } from "./useMergeTag-DlvOBW_B.js";
 import { gn as w, m as T, s as E, u as D, v as O } from "./dist-DL9334yz.js";
-import { i as k, r as A, t as j } from "./MergeTagSuggestion-CoCuzEmW.js";
-import { n as M, t as N } from "./dist-BxFbxpgW.js";
+import { i as k, r as A, t as j } from "./MergeTagSuggestion-DKoLEeoj.js";
+import { n as M, t as N } from "./dist-BVqAYoRB.js";
 //#region src/extensions/FontSize.ts
 var P = E.create({
 	name: "fontSize",
@@ -91,7 +91,7 @@ var P = E.create({
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], z = ["aria-label", "onKeydown"], B = ["aria-label"], V = /* @__PURE__ */ p({
+], z = ["aria-label", "onKeydown"], B = ["aria-label"], V = /* @__PURE__ */ m({
 	__name: "LogicMergeTagNodeView",
 	props: {
 		node: {},
@@ -100,8 +100,8 @@ var P = E.create({
 		deleteNode: { type: Function },
 		updateAttributes: { type: Function }
 	},
-	setup(p) {
-		let b = p, { syntax: x } = C(), { t: w } = S(), T = d(() => v(b.node.attrs.value, x)), E = d(() => y(b.node.attrs.value, x)), D = i(!1), O = i(""), k = i(null), A = !1;
+	setup(m) {
+		let b = m, { syntax: x } = C(), { t: w } = S(), T = f(() => v(b.node.attrs.value, x)), E = f(() => y(b.node.attrs.value, x)), D = a(!1), O = a(""), k = a(null), A = !1;
 		function j() {
 			O.value = b.node.attrs.value, A = !1, D.value = !0, r(() => {
 				k.value?.focus(), k.value?.select();
@@ -123,45 +123,45 @@ var P = E.create({
 		function P(e) {
 			e.key === "Enter" ? (e.preventDefault(), M()) : e.key === "Escape" && (D.value = !1);
 		}
-		return (r, i) => (s(), l(u(N), {
+		return (r, a) => (e(), d(o(N), {
 			as: "span",
-			class: t(T.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
-			style: n(T.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
+			class: u(T.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
+			style: t(T.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
 			contenteditable: "false"
 		}, {
-			default: m(() => [D.value ? e((s(), o("input", {
+			default: n(() => [D.value ? i((e(), c("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: k,
-				"onUpdate:modelValue": i[0] ||= (e) => O.value = e,
+				"onUpdate:modelValue": a[0] ||= (e) => O.value = e,
 				type: "text",
 				class: "tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]",
 				onBlur: M,
 				onKeydown: P
-			}, null, 544)), [[h, O.value]]) : T.value ? (s(), o("span", {
+			}, null, 544)), [[h, O.value]]) : T.value ? (e(), c("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": u(w).mergeTag.editValue,
+				"aria-label": o(w).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
-				"data-tooltip": p.node.attrs.value,
+				"data-tooltip": m.node.attrs.value,
 				onClick: g(j, ["stop"]),
 				onKeydown: [_(g(j, ["stop"]), ["enter"]), _(g(j, ["prevent", "stop"]), ["space"])]
-			}, c(E.value), 41, R)) : (s(), o("span", {
+			}, l(E.value), 41, R)) : (e(), c("span", {
 				key: 2,
 				role: "button",
 				tabindex: "0",
-				"aria-label": u(w).mergeTag.editValue,
+				"aria-label": o(w).mergeTag.editValue,
 				onClick: g(j, ["stop"]),
 				onKeydown: [_(g(j, ["stop"]), ["enter"]), _(g(j, ["prevent", "stop"]), ["space"])]
-			}, c(p.node.attrs.value), 41, z)), T.value ? (s(), o("button", {
+			}, l(m.node.attrs.value), 41, z)), T.value ? (e(), c("button", {
 				key: 3,
 				type: "button",
-				"aria-label": u(w).mergeTag.deleteMergeTag,
+				"aria-label": o(w).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all tpl:hover:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: i[1] ||= g((...e) => p.deleteNode && p.deleteNode(...e), ["stop", "prevent"])
-			}, [...i[2] ||= [a("svg", {
+				onClick: a[1] ||= g((...e) => m.deleteNode && m.deleteNode(...e), ["stop", "prevent"])
+			}, [...a[2] ||= [s("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -169,17 +169,17 @@ var P = E.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [a("line", {
+			}, [s("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), a("line", {
+			}), s("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
 				y2: "18"
-			})], -1)]], 8, B)) : f("", !0)]),
+			})], -1)]], 8, B)) : p("", !0)]),
 			_: 1
 		}, 8, ["class", "style"]));
 	}
@@ -281,7 +281,7 @@ var W = T.create({
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], K = ["aria-label"], q = /* @__PURE__ */ p({
+], K = ["aria-label"], q = /* @__PURE__ */ m({
 	__name: "MergeTagNodeView",
 	props: {
 		node: {},
@@ -289,53 +289,53 @@ var W = T.create({
 		updateAttributes: { type: Function }
 	},
 	setup(t) {
-		let n = t, { getMergeTagLabel: f } = C(), { t: p } = S(), v = d(() => f(n.node.attrs.value)), y = i(!1), b = i(""), x = i(null);
+		let u = t, { getMergeTagLabel: p } = C(), { t: m } = S(), v = f(() => p(u.node.attrs.value)), y = a(!1), b = a(""), x = a(null);
 		function w() {
-			b.value = n.node.attrs.value, y.value = !0, r(() => {
+			b.value = u.node.attrs.value, y.value = !0, r(() => {
 				x.value?.focus(), x.value?.select();
 			});
 		}
 		function T() {
 			let e = b.value.trim();
-			e && e !== n.node.attrs.value && n.updateAttributes({
+			e && e !== u.node.attrs.value && u.updateAttributes({
 				value: e,
-				label: f(e)
+				label: p(e)
 			}), y.value = !1;
 		}
 		function E(e) {
 			e.key === "Enter" ? (e.preventDefault(), T()) : e.key === "Escape" && (y.value = !1);
 		}
-		return (n, r) => (s(), l(u(N), {
+		return (r, a) => (e(), d(o(N), {
 			as: "span",
 			class: "tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]",
 			style: { "background-color": "color-mix(in srgb, var(--tpl-primary) 20%, transparent)" },
 			contenteditable: "false"
 		}, {
-			default: m(() => [y.value ? e((s(), o("input", {
+			default: n(() => [y.value ? i((e(), c("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: x,
-				"onUpdate:modelValue": r[0] ||= (e) => b.value = e,
+				"onUpdate:modelValue": a[0] ||= (e) => b.value = e,
 				type: "text",
 				class: "tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]",
 				onBlur: T,
 				onKeydown: E
-			}, null, 544)), [[h, b.value]]) : (s(), o("span", {
+			}, null, 544)), [[h, b.value]]) : (e(), c("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": u(p).mergeTag.editValue,
+				"aria-label": o(m).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
 				"data-tooltip": t.node.attrs.value,
 				onClick: g(w, ["stop"]),
 				onKeydown: [_(g(w, ["stop"]), ["enter"]), _(g(w, ["prevent", "stop"]), ["space"])]
-			}, c(v.value), 41, G)), a("button", {
+			}, l(v.value), 41, G)), s("button", {
 				type: "button",
-				"aria-label": u(p).mergeTag.deleteMergeTag,
+				"aria-label": o(m).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all tpl:hover:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: r[1] ||= g((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
-			}, [...r[2] ||= [a("svg", {
+				onClick: a[1] ||= g((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
+			}, [...a[2] ||= [s("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -343,12 +343,12 @@ var W = T.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [a("line", {
+			}, [s("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), a("line", {
+			}), s("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",

package/dist/eye-BuGtFUoJ.js

@@ -0,0 +1,16 @@
+import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+var t = e({
+	name: "eye",
+	size: 24,
+	node: [["path", {
+		d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+		key: "1nclc0"
+	}], ["circle", {
+		cx: "12",
+		cy: "12",
+		r: "3",
+		key: "1v7zrd"
+	}]]
+});
+//#endregion
+export { t };

package/dist/fr-C4hVl5Lk.js

@@ -0,0 +1,83 @@
+//#region ../media-library/src/i18n/locales/fr.ts
+var e = { mediaLibrary: {
+	title: "Médiathèque",
+	searchPlaceholder: "Rechercher des fichiers...",
+	allFiles: "Tous les fichiers",
+	filterAll: "Tous les types",
+	filterImages: "Images",
+	filterDocuments: "Documents",
+	filterVideos: "Vidéos",
+	filterAudio: "Audio",
+	newFolder: "Nouveau dossier",
+	folderName: "Nom du dossier",
+	noFiles: "Aucun fichier trouvé",
+	noSearchResults: "Aucun fichier ne correspond à votre recherche",
+	dropOrClick: "Déposez des fichiers ici ou cliquez pour téléverser",
+	acceptedFormats: "Images, PDF, vidéo, audio, documents (max 10 Mo)",
+	uploading: "Téléversement...",
+	uploadingProgress: "Téléversement de {current} sur {total}...",
+	selectImage: "Sélectionner l'image",
+	selectFile: "Sélectionner le fichier",
+	deleteSelected: "Supprimer",
+	copyUrl: "Copier l'URL",
+	copied: "Copié !",
+	browseMedia: "Parcourir la médiathèque",
+	renameFolder: "Renommer le dossier",
+	addSubfolder: "Ajouter un sous-dossier",
+	subfolderName: "Nom du sous-dossier",
+	sortNewest: "Plus récents d'abord",
+	sortOldest: "Plus anciens d'abord",
+	sortNameAsc: "Nom A-Z",
+	sortNameDesc: "Nom Z-A",
+	sortSizeAsc: "Plus petits d'abord",
+	sortSizeDesc: "Plus grands d'abord",
+	moveSelected: "Déplacer",
+	moveToRoot: "Tous les fichiers",
+	currentFolder: "(actuel)",
+	confirmDelete: "Confirmer ?",
+	renameFile: "Renommer",
+	editFile: "Modifier le fichier",
+	fileName: "Nom de fichier",
+	altText: "Texte alternatif",
+	altTextPlaceholder: "Décrivez cette image pour l'accessibilité",
+	saveChanges: "Enregistrer",
+	cancel: "Annuler",
+	frequentlyUsed: "Fréquemment utilisés",
+	deleteWarningTitle: "Supprimer le fichier",
+	deleteWarningMessage: "Êtes-vous sûr ? Cette action est irréversible.",
+	deleteWarningUsageNote: "Les fichiers suivants sont utilisés dans des modèles. Les supprimer peut casser ces modèles.",
+	deleteAnyway: "Supprimer",
+	usedInTemplates: "Utilisé dans {count} modèle(s)",
+	viewGrid: "Vue en grille",
+	viewList: "Vue en liste",
+	showFolders: "Afficher les dossiers",
+	hideFolders: "Masquer les dossiers",
+	importFromUrl: "Importer depuis une URL",
+	importUrlPlaceholder: "https://example.com/image.jpg",
+	import: "Importer",
+	importing: "Importation...",
+	importError: "Échec de l'importation depuis l'URL",
+	replaceFile: "Remplacer le fichier",
+	replaceWarningTitle: "Remplacer le fichier",
+	replaceWarningMessage: "Vous êtes sur le point de remplacer ce fichier. Le remplacement doit avoir la même extension ({extension}).",
+	replaceWarningUsageNote: "Ce fichier est utilisé dans {count} modèle(s). Le remplacer mettra à jour toutes les références.",
+	replaceSelectFile: "Sélectionner le fichier de remplacement",
+	replace: "Remplacer",
+	replacing: "Remplacement...",
+	replaceError: "Échec du remplacement du fichier",
+	saving: "Enregistrement...",
+	cropAspectRatio: "Proportions",
+	cropFree: "Libre",
+	cropSquare: "1:1",
+	cropLandscape43: "4:3",
+	cropLandscape169: "16:9",
+	cropOriginal: "Originales",
+	cropMaxWidth: "Largeur max",
+	cropMaxHeight: "Hauteur max",
+	cropOutputSize: "Taille de sortie",
+	cropPixels: "px",
+	cropOptional: "(facultatif)",
+	storageTooltip: "{used} sur {total} utilisés ({remaining} restants)"
+} };
+//#endregion
+export { e as default };

package/dist/{image-up-ovhjl9u9.js → image-up-gH4JEpU5.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-05lB8iWe.js";
+import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
 var t = e({
 	name: "image-up",
 	size: 24,

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { CommentEventMeta } from '@templatical/types';
 import { CommentsOptions } from '@templatical/types';
 import type { CommentsProvider } from '@templatical/types';
 import { ComputedRef } from 'vue';
+import { createLocalStorageMediaProvider } from '@templatical/core';
 import { createLocalStorageSavedBlocksProvider } from '@templatical/core';
 import type { CustomBlock } from '@templatical/types';
 import { CustomBlockDefinition } from '@templatical/types';
@@ -14,13 +15,16 @@ import { DisplayConditionsConfig } from '@templatical/types';
 import type { EditorUser } from '@templatical/types';
 import { FontsConfig } from '@templatical/types';
 import { LintOptions } from '@templatical/quality';
+import { LocalStorageMediaProviderOptions } from '@templatical/core';
 import { LocalStorageSavedBlocksOptions } from '@templatical/core';
 import { LogicPair } from '@templatical/types';
 import { LogicTag } from '@templatical/types';
 import { LogicTagsConfig } from '@templatical/types';
 import type { McpConfig } from '@templatical/types';
-import type { MediaItem } from '@templatical/media-library';
-import type { MediaRequestContext } from '@templatical/media-library';
+import { MediaAsset } from '@templatical/types';
+import { MediaOptions } from '@templatical/types';
+import { MediaProvider as MediaProvider_2 } from '@templatical/types';
+import { MediaRequestContext } from '@templatical/types';
 import type { MediaResult } from '@templatical/types';
 import { MergeTagsConfig } from '@templatical/types';
 import { Ref } from 'vue';
@@ -56,6 +60,8 @@ export { CommentEventMeta }
 
 export { CommentsOptions }
 
+export { createLocalStorageMediaProvider }
+
 export { createLocalStorageSavedBlocksProvider }
 
 export { CustomBlockDefinition }
@@ -320,13 +326,14 @@ export declare function init(config: TemplaticalEditorConfig): Promise<Templatic
  * server-side for test email, sends and exports, so a supplied renderer
  * would change only what you preview and export, never what Cloud delivers.
  * `resolvePreview` is the same key with the same type on both entry points,
- * so upgrading an OSS integration is a deletion. `savedBlocks` and
- * `testEmail` are the same key on both entry points too, but Cloud widens
+ * so upgrading an OSS integration is a deletion. `savedBlocks`, `testEmail`
+ * and `media` are the same key on both entry points too, but Cloud widens
  * each type to also accept an events-only shape — `boolean |
- * SavedBlocksOptions | SavedBlocksProvider` and `Pick<TestEmailOptions,
- * "onSent" | "defaultRecipient"> | TestEmailProvider` — so upgrading is
- * still a deletion: drop the key to adopt Cloud's store or sender, or leave
- * it exactly as it is to keep your own.
+ * SavedBlocksOptions | SavedBlocksProvider`, `Pick<TestEmailOptions,
+ * "onSent" | "defaultRecipient"> | TestEmailProvider`, and
+ * `false | MediaOptions | MediaProvider` — so upgrading is still a
+ * deletion: drop the key to adopt Cloud's store or sender, or leave it
+ * exactly as it is to keep your own.
  *
  * `user` is not a key either: Cloud signs comment writes against the auth token's
  * `user` claim, so it fills `init({ user })` from there rather than letting a
@@ -340,6 +347,8 @@ export declare function isCloudLocaleSupported(locale: string): boolean;
 /** Check if a locale has OSS translations (matched by exact locale, then base). */
 export declare function isLocaleSupported(locale: string): boolean;
 
+export { LocalStorageMediaProviderOptions }
+
 export { LocalStorageSavedBlocksOptions }
 
 export { LogicPair }
@@ -348,6 +357,14 @@ export { LogicTag }
 
 export { LogicTagsConfig }
 
+export { MediaAsset }
+
+export { MediaOptions }
+
+export { MediaProvider_2 as MediaProvider }
+
+export { MediaRequestContext }
+
 export { MergeTagsConfig }
 
 /** Function type for media browser requests, used by both OSS and Cloud editors. */
@@ -475,7 +492,7 @@ export declare interface TemplaticalCloudEditorConfig {
      * Reusable saved blocks.
      *
      * - **omitted / `true`** — backed by Templatical Cloud, gated on the
-     *   `saved_modules` plan feature;
+     *   `savedModules` plan feature;
      * - **`false`** — off entirely; no UI renders;
      * - **a {@link SavedBlocksOptions}** — still backed by Cloud's store, plus
      *   your `onCreated`, `onUpdated` and `onDeleted` handlers;
@@ -488,6 +505,29 @@ export declare interface TemplaticalCloudEditorConfig {
      * leaving it exactly as-is (to keep your own) — never rewriting it.
      */
     savedBlocks?: boolean | SavedBlocksOptions | SavedBlocksProvider;
+    /**
+     * Storage backend for the **media library** — the picker behind Browse on
+     * image fields, video thumbnails, and custom-block image fields.
+     *
+     * - **omitted** — backed by Templatical Cloud. Not plan-gated;
+     * - **`false`** — off; image fields stay URL-only unless `onRequestMedia`
+     *   is set;
+     * - **a {@link MediaOptions}** — still backed by Cloud's store, plus your
+     *   `onCreated`, `onUpdated` and `onDeleted` handlers. `maxFileSize` and
+     *   `mimeTypes` are not honoured on this form — Cloud's plan owns those
+     *   limits. TypeScript does not flag passing them here (both are valid
+     *   members of the sibling {@link MediaProvider} arm, so the union
+     *   accepts them structurally); passing either logs a runtime warning
+     *   naming it instead;
+     * - **a {@link MediaProvider}** — backed by *your* store instead of
+     *   Cloud's, and **not plan-gated**, because the plan licenses Cloud's
+     *   storage rather than the editor's UI.
+     *
+     * The provider form is the same type `init()` takes, so moving an OSS
+     * integration to Cloud means deleting this key (to adopt Cloud's store) or
+     * leaving it exactly as-is (to keep your own) — never rewriting it.
+     */
+    media?: false | MediaOptions | MediaProvider_2;
     /**
      * Configuration and events for the template lifecycle. **The same key and
      * the same type as `init()`'s `templates`** — minus the storage methods,
@@ -592,7 +632,12 @@ export declare interface TemplaticalCloudEditorConfig {
     onDirtyChange?: (isDirty: boolean) => void;
     onError?: (error: Error) => void;
     onUnmount?: () => void;
-    onRequestMedia?: (context: MediaRequestContext) => Promise<MediaItem | null>;
+    /**
+     * UI override for Browse / drop. Same key and type as `init()`. Wins over
+     * `media` when both are set. Cloud still supplies its store as `media`
+     * unless you pass `media: false` or your own provider.
+     */
+    onRequestMedia?: (context?: MediaRequestContext) => Promise<MediaResult | null>;
     /**
      * Transform the rendered HTML just before Cloud sends a test email.
      *
@@ -604,7 +649,7 @@ export declare interface TemplaticalCloudEditorConfig {
     /**
      * Sending backend for test emails.
      *
-     * - **omitted** — sent by Templatical Cloud, gated on the `test_email` plan
+     * - **omitted** — sent by Templatical Cloud, gated on the `testEmail` plan
      *   feature and its signed allowed-recipient list;
      * - **`{ onSent?, defaultRecipient? }`** — still sent by Cloud, plus your
      *   `onSent` handler and/or a pre-filled recipient (ignored unless it's
@@ -894,6 +939,27 @@ export declare interface TemplaticalEditorConfig {
      * @default 2000
      */
     changeDebounce?: number;
+    /**
+     * Storage backend for the **media library** — the picker behind Browse on
+     * image fields, video thumbnails, and custom-block image fields.
+     *
+     * The editor owns the modal, grid, crop and insertion; you own persistence.
+     * `list` is required; every other method is `false | fn`. All mutations
+     * `false` is a read-only library: browse, search and pick still work.
+     *
+     * Implement the methods of `MediaProvider` against your own API, or use
+     * the bundled browser-local provider for demos and prototypes:
+     *
+     * ```ts
+     * import { init, createLocalStorageMediaProvider } from "@templatical/editor";
+     *
+     * init({ container, media: createLocalStorageMediaProvider() });
+     * ```
+     *
+     * **Omitted by default.** Image fields stay URL-only. `onRequestMedia` is
+     * the UI override (a host widget) and wins when both are set.
+     */
+    media?: MediaProvider_2;
     onRequestMedia?: OnRequestMedia;
     /**
      * Resolves the template for preview surfaces — typically evaluating logic
@@ -985,6 +1051,19 @@ export declare interface TemplaticalEditorConfig {
      */
     htmlBlockPreview?: HtmlBlockPreviewConfig;
     fonts?: FontsConfig;
+    /**
+     * Base URL for the social-icon PNGs the renderer references in exported MJML
+     * (the `<mj-image>` src for each Social block icon). Forwarded to
+     * `@templatical/renderer`’s `socialIconsBaseUrl`; when omitted the renderer
+     * uses its version-pinned jsDelivr default. Set it to self-host the icons
+     * from your own origin. Trailing slash optional.
+     *
+     * Applies to the local `toMjml()` / `toHtml()` (via `compileMjml`) path only.
+     * A `render.toMjml` provider wins over the bundled renderer and never sees
+     * this — pass the URL to your own `renderToMjml` there. The editing canvas is
+     * unaffected either way (it draws icons as inline SVG).
+     */
+    socialIconsBaseUrl?: string;
     /**
      * Editor-wide color-picker palette. `presets` appear as a clickable grid in
      * every color picker popover (block toolbars, template settings, rich-text

package/dist/{info-c3KI927I.js → info-BQ60P82u.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-05lB8iWe.js";
+import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
 var t = e({
 	name: "info",
 	size: 24,

package/dist/{keys-C3P1yxnr.js → keys-DQA2i1k1.js}

@@ -1,10 +1,10 @@
-import { S as e } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { S as e } from "./vue.runtime.esm-bundler-DShF3P6k.js";
 //#region src/keys.ts
-var t = Symbol("translations"), n = Symbol("editor"), r = Symbol("history"), i = Symbol("blockActions"), a = Symbol("conditionPreview"), o = Symbol("appliesConditionFilter"), s = Symbol("fontsManager"), c = Symbol("themeStyles"), l = Symbol("tplUiTheme"), u = Symbol("tplUiLocale"), d = Symbol("blockDefaults"), f = Symbol("blockRegistry"), p = Symbol("customBlockDefinitions"), m = Symbol("paletteBlocks"), h = Symbol("htmlBlockPreview"), g = Symbol("colors"), _ = Symbol("templateSettingsFields"), v = Symbol("customBlockStylesheets"), y = Symbol("mergeTags"), b = Symbol("mergeTagSyntax"), x = Symbol("onRequestMergeTag"), S = Symbol("mergeTagAutocomplete"), C = Symbol("mergeTagSampleMode"), w = Symbol("useMergeTagSamples"), T = Symbol("resolvePreview"), E = Symbol("previewResolution"), D = Symbol("mergeTagPicker"), O = Symbol("mergeTagRequesting"), k = Symbol("logicTagRequesting"), A = Symbol("logicTags"), j = Symbol("logicPairs"), M = Symbol("logicPicker"), N = Symbol("onRequestLogic"), P = Symbol("onRequestMedia"), F = Symbol("imageUrlResolver"), I = Symbol("displayConditions"), L = Symbol("allowCustomConditions"), R = Symbol("capabilities"), z = Symbol("keyboardReorder"), B = Symbol("templateLint"), V = Symbol("editorRoot"), H = Symbol("popoverRoot"), U = Symbol("savedBlocks"), W = Symbol("authManager"), G = Symbol("aiConfig"), K = Symbol("scoring"), q = Symbol("cloudTranslations");
-function J(t, n) {
+var t = Symbol("translations"), n = Symbol("editor"), r = Symbol("history"), i = Symbol("blockActions"), a = Symbol("conditionPreview"), o = Symbol("appliesConditionFilter"), s = Symbol("fontsManager"), c = Symbol("themeStyles"), l = Symbol("tplUiTheme"), u = Symbol("tplUiLocale"), d = Symbol("blockDefaults"), f = Symbol("blockRegistry"), p = Symbol("customBlockDefinitions"), m = Symbol("paletteBlocks"), h = Symbol("htmlBlockPreview"), g = Symbol("colors"), _ = Symbol("templateSettingsFields"), v = Symbol("customBlockStylesheets"), y = Symbol("mergeTags"), b = Symbol("mergeTagSyntax"), x = Symbol("onRequestMergeTag"), S = Symbol("mergeTagAutocomplete"), C = Symbol("mergeTagSampleMode"), w = Symbol("useMergeTagSamples"), T = Symbol("resolvePreview"), E = Symbol("previewResolution"), D = Symbol("mergeTagPicker"), O = Symbol("mergeTagRequesting"), k = Symbol("logicTagRequesting"), A = Symbol("logicTags"), j = Symbol("logicPairs"), M = Symbol("logicPicker"), N = Symbol("onRequestLogic"), P = Symbol("onRequestMedia"), F = Symbol("canDropMedia"), I = Symbol("imageUrlResolver"), L = Symbol("displayConditions"), R = Symbol("allowCustomConditions"), z = Symbol("capabilities"), B = Symbol("keyboardReorder"), V = Symbol("templateLint"), H = Symbol("editorRoot"), U = Symbol("popoverRoot"), W = Symbol("savedBlocks"), G = Symbol("authManager"), K = Symbol("aiConfig"), q = Symbol("scoring"), J = Symbol("cloudTranslations");
+function Y(t, n) {
 	let r = e(t, null);
 	if (r == null) throw Error(`${n} requires a provider for ${t.description ?? "unknown key"}. Ensure it renders inside the editor, below Editor.vue.`);
 	return r;
 }
 //#endregion
-export { C as A, K as B, A as C, S as D, y as E, m as F, u as G, _ as H, H as I, J, l as K, E as L, N as M, P as N, D as O, x as P, T as R, j as S, k as T, c as U, B as V, t as W, s as _, i as a, F as b, R as c, a as d, p as f, V as g, n as h, W as i, b as j, O as k, q as l, I as m, L as n, d as o, v as p, w as q, o as r, f as s, G as t, g as u, r as v, M as w, z as x, h as y, U as z };
+export { O as A, W as B, j as C, y as D, k as E, x as F, t as G, V as H, m as I, w as J, u as K, U as L, b as M, N, S as O, P, E as R, B as S, M as T, _ as U, q as V, c as W, Y, H as _, i as a, h as b, F as c, g as d, a as f, n as g, L as h, G as i, C as j, D as k, z as l, v as m, R as n, d as o, p, l as q, o as r, f as s, K as t, J as u, s as v, A as w, I as x, r as y, T as z };

package/dist/link-3R8it3J7.js

@@ -0,0 +1,14 @@
+import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+var t = e({
+	name: "link",
+	size: 24,
+	node: [["path", {
+		d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+		key: "1cjeqo"
+	}], ["path", {
+		d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+		key: "19qd67"
+	}]]
+});
+//#endregion
+export { t };