@templatical/editor 0.43.0 → 0.43.2

package/dist/cdn/chunks/{editor-modal-CZQArGNj.js → editor-modal-BDOfw3l0.js}

@@ -1,10 +1,10 @@
 import { A as e, B as t, E as n, F as r, H as i, L as a, N as o, P as s, Q as c, S as l, U as u, Y as d, at as f, b as p, c as m, ct as h, d as g, f as _, g as v, h as y, l as b, lt as x, m as S, n as C, nt as w, o as T, p as E, q as D, rt as O, u as k, ut as A, x as j, y as M } from "./draggable-IB4x6w2O.js";
 import { h as N } from "./dist-BRZhN8qJ.js";
 import { a as P, n as F, o as I, r as L, s as R, t as z } from "./dist-CXB2_kBa.js";
-import { B, Dt as V, Ft as ee, P as te, Rt as H, W as ne, Y as U, _t as re, at as W, bt as G, f as ie, lt as ae, n as oe, ot as se, q as K, s as ce, w as q, xt as J } from "./icons-CQnjugjy.js";
-import { t as Y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { B, Dt as ee, Ft as te, P as ne, Rt as V, W as re, Y as ie, _t as ae, at as H, bt as U, f as oe, lt as se, n as ce, ot as le, q as W, s as ue, w as G, xt as K } from "./icons-BrAyaJ0T.js";
+import { t as q } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region ../media-library/src/keys.ts
-var le = Symbol("templaticalMediaLimits"), X = Symbol("templaticalMediaPopoverTarget"), ue = Symbol("templaticalMediaTranslations"), Z = Symbol("templaticalMediaUiTheme"), de = Symbol("templaticalMediaUiLocale"), fe = { mediaLibrary: {
+var de = Symbol("templaticalMediaLimits"), J = Symbol("templaticalMediaPopoverTarget"), fe = Symbol("templaticalMediaTranslations"), Y = Symbol("templaticalMediaUiTheme"), X = Symbol("templaticalMediaUiLocale"), pe = { mediaLibrary: {
 	title: "Media Library",
 	searchPlaceholder: "Search files...",
 	allFiles: "All Files",
@@ -18,7 +18,9 @@ var le = Symbol("templaticalMediaLimits"), X = Symbol("templaticalMediaPopoverTa
 	noFiles: "No files found",
 	noSearchResults: "No files match your search",
 	dropOrClick: "Drop files here or click to upload",
-	acceptedFormats: "Images, PDF, Video, Audio, Documents (max 10MB)",
+	acceptedAnyType: "Any file type",
+	acceptedFormatsMaxSize: "{formats} (max {size})",
+	uploadRejected: "Not uploaded, type or size not accepted: {files}",
 	uploading: "Uploading...",
 	uploadingProgress: "Uploading {current} of {total}...",
 	selectImage: "Select Image",
@@ -65,12 +67,14 @@ var le = Symbol("templaticalMediaLimits"), X = Symbol("templaticalMediaPopoverTa
 	replaceFile: "Replace File",
 	replaceWarningTitle: "Replace File",
 	replaceWarningMessage: "You are about to replace this file. The replacement must have the same file extension ({extension}).",
-	replaceWarningUsageNote: "This file is used in {count} template(s). Replacing it will update all references.",
+	replaceWarningUsageNote: "This file is used in {count} template(s). Check them after replacing it.",
 	replaceSelectFile: "Select replacement file",
 	replace: "Replace",
 	replacing: "Replacing...",
 	replaceError: "Failed to replace file",
 	saving: "Saving...",
+	editSaveError: "Couldn't save your changes. Try again.",
+	editCropError: "Couldn't process the edited image. Try again.",
 	cropAspectRatio: "Aspect Ratio",
 	cropFree: "Free",
 	cropSquare: "1:1",
@@ -95,8 +99,8 @@ var le = Symbol("templaticalMediaLimits"), X = Symbol("templaticalMediaPopoverTa
 } };
 //#endregion
 //#region ../media-library/src/composables/useI18n.ts
-function Q(e) {
-	let t = e ?? n(ue, null), r = (D(t) ? t.value : t) ?? fe;
+function Z(e) {
+	let t = e ?? n(fe, null), r = (D(t) ? t.value : t) ?? pe;
 	function i(e, t) {
 		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
 	}
@@ -107,36 +111,36 @@ function Q(e) {
 }
 //#endregion
 //#region ../media-library/src/composables/useMediaCategories.ts
-var pe = [
+var me = [
 	"images",
 	"documents",
 	"videos",
 	"audio"
 ];
-function $(e) {
-	let t = e ?? n(le, null);
+function Q(e) {
+	let t = e ?? n(de, null);
 	if (!t) throw Error("[Templatical] useMediaCategories() needs media limits in scope. Render it under <MediaLibraryModal> or provide MEDIA_LIMITS_KEY yourself.");
 	let r = t, i = _(() => !0), a = _(() => r.maxFileSize ?? Infinity), o = _(() => {
 		let e = r.accept;
 		if (e && e.length > 0) return e;
 		let t = r.mimeTypes;
-		return t ? Object.keys(t) : pe;
+		return t ? Object.keys(t) : me;
 	}), s = _(() => {
 		let e = r.mimeTypes;
 		return e ? o.value.flatMap((t) => e[t] ?? []) : [];
-	}), c = _(() => s.value.join(","));
-	function l(e, t) {
+	}), c = _(() => s.value.join(",")), l = _(() => r.mimeTypes !== void 0);
+	function u(e, t) {
 		let n = r.mimeTypes;
 		return !n || (t && t.length > 0 ? t : Object.keys(n)).some((t) => n[t]?.includes(e) ?? !1);
 	}
-	function u(e) {
-		return l(e.type) && e.size <= a.value;
-	}
 	function d(e) {
+		return u(e.type) && e.size <= a.value;
+	}
+	function f(e) {
 		let t = r.mimeTypes;
 		return t ? t.images?.includes(e) ?? !1 : e.startsWith("image/");
 	}
-	function f(e) {
+	function p(e) {
 		let t = r.mimeTypes;
 		if (!t) return null;
 		for (let [n, r] of Object.entries(t)) if (r?.includes(e)) return n;
@@ -146,18 +150,19 @@ function $(e) {
 		isMediaLibraryEnabled: i,
 		allAcceptedMimeTypes: s,
 		allAcceptedInputString: c,
+		restrictsMimeTypes: l,
 		maxFileSize: a,
 		availableCategories: o,
-		isAcceptedMimeType: l,
-		isAcceptedFile: u,
-		isImageMimeType: d,
-		getCategoryForMimeType: f
+		isAcceptedMimeType: u,
+		isAcceptedFile: d,
+		isImageMimeType: f,
+		getCategoryForMimeType: p
 	};
 }
 //#endregion
 //#region ../media-library/src/composables/useFocusTrap.ts
-var me = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function he(e, n) {
+var he = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function ge(e, n) {
 	let r = null, i = null, a = null;
 	function o(e) {
 		if (!e) return document;
@@ -165,7 +170,7 @@ function he(e, n) {
 		return t && "activeElement" in t ? t : document;
 	}
 	function s() {
-		return e.value ? Array.from(e.value.querySelectorAll(me)).filter((e) => e.offsetParent !== null) : [];
+		return e.value ? Array.from(e.value.querySelectorAll(he)).filter((e) => e.offsetParent !== null) : [];
 	}
 	function c(t) {
 		if (t.key !== "Tab") return;
@@ -195,14 +200,14 @@ function he(e, n) {
 }
 //#endregion
 //#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var ge = {
+var _e = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, _e = ["onClick"], ve = {
+}, ve = ["onClick"], ye = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, ye = /* @__PURE__ */ l({
+}, be = /* @__PURE__ */ l({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -210,7 +215,7 @@ var ge = {
 	},
 	emits: ["navigate"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { t: a } = Q(), s = _(() => {
+		let n = e, i = t, { t: a } = Z(), s = _(() => {
 			if (!n.currentFolderId) return [];
 			let e = [];
 			return c(n.folders, n.currentFolderId, e), e;
@@ -222,11 +227,11 @@ var ge = {
 			}
 			return !1;
 		}
-		return (e, t) => s.value.length > 0 ? (o(), v("div", ge, [E("button", {
+		return (e, t) => s.value.length > 0 ? (o(), v("div", _e, [E("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => i("navigate", null)
-		}, A(f(a).mediaLibrary.allFiles), 1), (o(!0), v(k, null, r(s.value, (e, t) => (o(), v(k, { key: e.id }, [p(f(ee), {
+		}, A(f(a).mediaLibrary.allFiles), 1), (o(!0), v(k, null, r(s.value, (e, t) => (o(), v(k, { key: e.id }, [p(f(te), {
 			size: 12,
 			"stroke-width": 2
 		}), t < s.value.length - 1 ? (o(), v("button", {
@@ -234,15 +239,15 @@ var ge = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => i("navigate", e.id)
-		}, A(e.name), 9, _e)) : (o(), v("span", ve, A(e.name), 1))], 64))), 128))])) : y("", !0);
+		}, A(e.name), 9, ve)) : (o(), v("span", ye, A(e.name), 1))], 64))), 128))])) : y("", !0);
 	}
-}), be = ["aria-expanded", "aria-label"], xe = {
+}), xe = ["aria-expanded", "aria-label"], Se = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, Se = {
+}, Ce = {
 	key: 0,
 	class: "tpl:truncate"
-}, Ce = ["onKeydown"], we = ["title", "aria-label"], Te = ["title", "aria-label"], Ee = ["title", "aria-label"], De = { key: 0 }, Oe = ["placeholder", "onKeydown"], ke = /* @__PURE__ */ l({
+}, we = ["onKeydown"], Te = ["title", "aria-label"], Ee = ["title", "aria-label"], De = ["title", "aria-label"], Oe = { key: 0 }, ke = ["placeholder", "onKeydown"], Ae = /* @__PURE__ */ l({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -259,7 +264,7 @@ var ge = {
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { t: s } = Q(), l = c(!1), d = c(!1), g = c(""), C = c(!1), w = c(""), D = c(!1), O = _(() => n.folder.children.length > 0), j = _(() => n.depth < 4), M = _(() => n.currentFolderId === n.folder.id), N = _(() => n.currentFolderId ? F(n.folder.children, n.currentFolderId) : !1), P = _(() => l.value || N.value);
+		let n = e, i = t, { t: s } = Z(), l = c(!1), d = c(!1), g = c(""), C = c(!1), w = c(""), D = c(!1), O = _(() => n.folder.children.length > 0), j = _(() => n.depth < 4), M = _(() => n.currentFolderId === n.folder.id), N = _(() => n.currentFolderId ? F(n.folder.children, n.currentFolderId) : !1), P = _(() => l.value || N.value);
 		function F(e, t) {
 			for (let n of e) if (n.id === t || F(n.children, t)) return !0;
 			return !1;
@@ -280,20 +285,20 @@ var ge = {
 		function B() {
 			C.value = !0, w.value = "", l.value = !0;
 		}
-		function V() {
+		function ee() {
 			w.value.trim() && i("createFolder", w.value.trim(), n.folder.id), C.value = !1, w.value = "";
 		}
-		function te() {
+		function ne() {
 			C.value = !1, w.value = "";
 		}
-		function H() {
+		function V() {
 			if (D.value) {
 				i("deleteFolder", n.folder.id), D.value = !1;
 				return;
 			}
 			D.value = !0;
 		}
-		function U(e) {
+		function ie(e) {
 			let t = e.relatedTarget;
 			t && e.currentTarget.contains(t) || (D.value = !1);
 		}
@@ -306,7 +311,7 @@ var ge = {
 					backgroundColor: M.value ? "var(--tpl-bg-active)" : "transparent",
 					color: M.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
-				onFocusout: U
+				onFocusout: ie
 			}, [
 				O.value || C.value ? (o(), v("button", {
 					key: 0,
@@ -315,20 +320,20 @@ var ge = {
 					"aria-expanded": P.value,
 					"aria-label": P.value ? f(s).mediaLibrary.collapseFolder : f(s).mediaLibrary.expandFolder,
 					onClick: b(I, ["stop"])
-				}, [p(f(ee), {
+				}, [p(f(te), {
 					class: h(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": P.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])], 8, be)) : (o(), v("span", xe)),
+				}, null, 8, ["class"])], 8, xe)) : (o(), v("span", Se)),
 				E("button", {
 					type: "button",
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: n[0] ||= (t) => i("navigate", e.folder.id)
-				}, [p(f(G), {
+				}, [p(f(U), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), d.value ? y("", !0) : (o(), v("span", Se, A(e.folder.name), 1))]),
+				}), d.value ? y("", !0) : (o(), v("span", Ce, A(e.folder.name), 1))]),
 				d.value ? u((o(), v("input", {
 					key: 2,
 					"onUpdate:modelValue": n[1] ||= (e) => g.value = e,
@@ -343,7 +348,7 @@ var ge = {
 					onKeydown: [m(R, ["enter"]), m(b(z, ["stop"]), ["escape"])],
 					onBlur: R,
 					onClick: n[2] ||= b(() => {}, ["stop"])
-				}, null, 40, Ce)), [[T, g.value]]) : y("", !0),
+				}, null, 40, we)), [[T, g.value]]) : y("", !0),
 				d.value ? y("", !0) : (o(), v("span", {
 					key: 3,
 					class: h(["tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:transition-opacity", M.value || D.value ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100"])
@@ -355,10 +360,10 @@ var ge = {
 						title: f(s).mediaLibrary.addSubfolder,
 						"aria-label": f(s).mediaLibrary.addSubfolder,
 						onClick: b(B, ["stop"])
-					}, [p(f(ne), {
+					}, [p(f(re), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, we)) : y("", !0),
+					})], 8, Te)) : y("", !0),
 					e.canRenameFolder ? (o(), v("button", {
 						key: 1,
 						type: "button",
@@ -366,10 +371,10 @@ var ge = {
 						title: f(s).mediaLibrary.renameFolder,
 						"aria-label": f(s).mediaLibrary.renameFolder,
 						onClick: b(L, ["stop"])
-					}, [p(f(K), {
+					}, [p(f(W), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, Te)) : y("", !0),
+					})], 8, Ee)) : y("", !0),
 					e.canDeleteFolder ? (o(), v("button", {
 						key: 2,
 						type: "button",
@@ -377,14 +382,14 @@ var ge = {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: D.value ? f(s).mediaLibrary.deleteFolderConfirm : f(s).mediaLibrary.deleteFolder,
 						"aria-label": D.value ? f(s).mediaLibrary.deleteFolderConfirm : f(s).mediaLibrary.deleteFolder,
-						onClick: b(H, ["stop"])
-					}, [p(f(ie), {
+						onClick: b(V, ["stop"])
+					}, [p(f(oe), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
-					})], 8, Ee)) : y("", !0)
+					})], 8, De)) : y("", !0)
 				], 2))
-			], 36), P.value ? (o(), v("div", De, [(o(!0), v(k, null, r(e.folder.children, (t) => (o(), S(c, {
+			], 36), P.value ? (o(), v("div", Oe, [(o(!0), v(k, null, r(e.folder.children, (t) => (o(), S(c, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -418,18 +423,18 @@ var ge = {
 				},
 				placeholder: f(s).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [m(V, ["enter"]), m(b(te, ["stop"]), ["escape"])],
-				onBlur: V
-			}, null, 40, Oe), [[T, w.value]])], 4)) : y("", !0)])) : y("", !0)]);
+				onKeydown: [m(ee, ["enter"]), m(b(ne, ["stop"]), ["escape"])],
+				onBlur: ee
+			}, null, 40, ke), [[T, w.value]])], 4)) : y("", !0)])) : y("", !0)]);
 		};
 	}
-}), Ae = {
+}), je = {
 	"data-testid": "media-folder-tree",
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto"
-}, je = {
+}, Me = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, Me = ["placeholder", "onKeydown"], Ne = /* @__PURE__ */ l({
+}, Ne = ["placeholder", "onKeydown"], Pe = /* @__PURE__ */ l({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -448,7 +453,7 @@ var ge = {
 		"showFrequentlyUsed"
 	],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = Q(), a = c(!1), s = c("");
+		let n = t, { t: i } = Z(), a = c(!1), s = c("");
 		function l() {
 			a.value = !0, s.value = "";
 		}
@@ -458,7 +463,7 @@ var ge = {
 		function h() {
 			a.value = !1, s.value = "";
 		}
-		return (t, c) => (o(), v("div", Ae, [
+		return (t, c) => (o(), v("div", je, [
 			E("button", {
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: x({
@@ -466,11 +471,11 @@ var ge = {
 					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: c[0] ||= (e) => n("navigate", null)
-			}, [p(f(J), {
+			}, [p(f(K), {
 				size: 14,
 				"stroke-width": 1.5
 			}), M(" " + A(f(i).mediaLibrary.allFiles), 1)], 4),
-			(o(!0), v(k, null, r(e.folders, (t) => (o(), S(ke, {
+			(o(!0), v(k, null, r(e.folders, (t) => (o(), S(Ae, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -489,7 +494,7 @@ var ge = {
 				"can-rename-folder",
 				"can-delete-folder"
 			]))), 128)),
-			a.value ? (o(), v("div", je, [u(E("input", {
+			a.value ? (o(), v("div", Me, [u(E("input", {
 				"onUpdate:modelValue": c[5] ||= (e) => s.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -502,13 +507,13 @@ var ge = {
 				autofocus: "",
 				onKeydown: [m(d, ["enter"]), m(b(h, ["stop"]), ["escape"])],
 				onBlur: d
-			}, null, 40, Me), [[T, s.value]])])) : y("", !0),
+			}, null, 40, Ne), [[T, s.value]])])) : y("", !0),
 			!a.value && e.canCreateFolder ? (o(), v("button", {
 				key: 1,
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
 				style: { color: "var(--tpl-text-muted)" },
 				onClick: l
-			}, [p(f(ne), {
+			}, [p(f(re), {
 				size: 14,
 				"stroke-width": 1.5
 			}), M(" " + A(f(i).mediaLibrary.newFolder), 1)])) : y("", !0),
@@ -523,13 +528,13 @@ var ge = {
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: c[6] ||= (e) => n("showFrequentlyUsed")
-			}, [p(f(q), {
+			}, [p(f(G), {
 				size: 14,
 				"stroke-width": 1.5
 			}), M(" " + A(f(i).mediaLibrary.frequentlyUsed), 1)], 4)) : y("", !0)
 		]));
 	}
-}), Pe = /* @__PURE__ */ l({
+}), Fe = /* @__PURE__ */ l({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -705,7 +710,7 @@ var ge = {
 });
 //#endregion
 //#region ../media-library/src/utils/formatAbsoluteDate.ts
-function Fe(e, t, n) {
+function Ie(e, t, n) {
 	let r = new Date(e);
 	if (Number.isNaN(r.getTime())) return "";
 	let i = t?.trim().replace(/_/g, "-") || void 0;
@@ -716,35 +721,48 @@ function Fe(e, t, n) {
 	}
 }
 //#endregion
+//#region ../media-library/src/utils/formatFileSize.ts
+var Le = [
+	"B",
+	"KB",
+	"MB",
+	"GB"
+];
+function $(e) {
+	let t = e, n = 0;
+	for (; t >= 1024 && n < Le.length - 1;) t /= 1024, n += 1;
+	return `${Math.round(t * 10) / 10} ${Le[n]}`;
+}
+//#endregion
 //#region ../media-library/src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
-var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
+var Re = { class: "tpl:p-4" }, ze = ["aria-label"], Be = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, ze = {
+}, Ve = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Be = ["aria-label"], Ve = [
+}, He = ["aria-label"], Ue = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], He = { class: "tpl:aspect-square" }, Ue = ["src", "alt"], We = { class: "tpl:px-2 tpl:py-1.5" }, Ge = {
+], We = { class: "tpl:aspect-square" }, Ge = ["src", "alt"], Ke = { class: "tpl:px-2 tpl:py-1.5" }, qe = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ke = {
+}, Je = {
 	class: "tpl:flex tpl:justify-between tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, qe = { key: 0 }, Je = { key: 1 }, Ye = [
+}, Ye = { key: 0 }, Xe = { key: 1 }, Ze = [
 	"title",
 	"aria-label",
 	"onClick"
-], Xe = [
+], Qe = [
 	"title",
 	"aria-label",
 	"onClick"
-], Ze = {
+], $e = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "tpl:absolute tpl:top-1.5 tpl:right-1.5 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full",
@@ -752,34 +770,34 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, Qe = ["aria-label"], $e = [
+}, et = ["aria-label"], tt = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], et = {
+], nt = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, tt = ["src", "alt"], nt = {
+}, rt = ["src", "alt"], it = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, rt = { class: "tpl:min-w-0 tpl:flex-1" }, it = {
+}, at = { class: "tpl:min-w-0 tpl:flex-1" }, ot = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, at = {
+}, st = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, ot = [
+}, ct = [
 	"title",
 	"aria-label",
 	"onClick"
-], st = [
+], lt = [
 	"title",
 	"aria-label",
 	"onClick"
-], ct = {
+], ut = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full",
@@ -787,10 +805,10 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, lt = {
+}, dt = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, ut = /*#__PURE__*/ Y(/* @__PURE__ */ l({
+}, ft = /*#__PURE__*/ q(/* @__PURE__ */ l({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -812,7 +830,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 		"confirm"
 	],
 	setup(e, { emit: t }) {
-		let i = e, a = t, { isAcceptedMimeType: s, isImageMimeType: l } = $();
+		let i = e, a = t, { isAcceptedMimeType: s, isImageMimeType: l } = Q();
 		function u(e) {
 			return e.mimeType ?? "";
 		}
@@ -847,21 +865,18 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 		function O(e) {
 			return D(e) ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100";
 		}
-		let { t: j } = Q(), N = n(de, null), P = c(null);
+		let { t: j } = Z(), N = n(X, null), P = c(null);
 		R(P, ([{ isIntersecting: e }]) => {
 			e && i.hasMore && !i.isLoading && a("loadMore");
 		}, { threshold: .1 });
 		function F(e) {
-			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
-		}
-		function I(e) {
-			return Fe(e, N?.value, {
+			return Ie(e, N?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (t, n) => (o(), v("div", Ie, [
+		return (t, n) => (o(), v("div", Re, [
 			e.isLoading && e.items.length === 0 ? (o(), v("div", {
 				key: 0,
 				role: "status",
@@ -873,12 +888,12 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				class: h(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" },
 				"aria-hidden": "true"
-			}, null, 2)), 64))], 10, Le)) : e.items.length === 0 ? (o(), v("div", Re, [p(f(J), {
+			}, null, 2)), 64))], 10, ze)) : e.items.length === 0 ? (o(), v("div", Be, [p(f(K), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), E("p", ze, A(e.searchQuery ? f(j).mediaLibrary.noSearchResults : f(j).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), v("div", {
+			}), E("p", Ve, A(e.searchQuery ? f(j).mediaLibrary.noSearchResults : f(j).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), v("div", {
 				key: 3,
 				role: "listbox",
 				"aria-label": f(j).mediaLibrary.filesListAriaLabel,
@@ -898,16 +913,16 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				onDblclick: (t) => w(e),
 				onKeydown: (t) => T(e, t)
 			}, [
-				E("div", et, [f(l)(u(e)) ? (o(), v("img", {
+				E("div", nt, [f(l)(u(e)) ? (o(), v("img", {
 					key: 0,
 					src: d(e),
 					alt: e.filename || e.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, tt)) : (o(), v("div", nt, [p(Pe, { "mime-type": u(e) }, null, 8, ["mime-type"])]))]),
-				E("div", rt, [E("p", it, A(e.filename || e.url), 1), E("p", at, [
-					e.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(A(F(e.size)), 1)], 64)),
-					e.createdAt ? (o(), v(k, { key: 1 }, [e.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(" · ")], 64)), M(" " + A(I(e.createdAt)), 1)], 64)) : y("", !0),
+				}, null, 8, rt)) : (o(), v("div", it, [p(Fe, { "mime-type": u(e) }, null, 8, ["mime-type"])]))]),
+				E("div", at, [E("p", ot, A(e.filename || e.url), 1), E("p", st, [
+					e.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(A(f($)(e.size)), 1)], 64)),
+					e.createdAt ? (o(), v(k, { key: 1 }, [e.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(" · ")], 64)), M(" " + A(F(e.createdAt)), 1)], 64)) : y("", !0),
 					f(l)(u(e)) && e.width && e.height ? (o(), v(k, { key: 2 }, [M(" · " + A(e.width) + "×" + A(e.height), 1)], 64)) : y("", !0)
 				])]),
 				E("div", { class: h(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", O(e)]) }, [g(e) ? (o(), v("button", {
@@ -919,10 +934,10 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 					title: f(j).mediaLibrary.editFile,
 					"aria-label": f(j).mediaLibrary.editFile,
 					onClick: b((t) => a("edit", e), ["stop"])
-				}, [p(f(K), {
+				}, [p(f(W), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, ot)) : y("", !0), _(e) ? (o(), v("button", {
+				})], 8, ct)) : y("", !0), _(e) ? (o(), v("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -934,12 +949,12 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				}, [p(f(B), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, st)) : y("", !0)], 2),
-				D(e) ? (o(), v("div", ct, [p(f(H), {
+				})], 8, lt)) : y("", !0)], 2),
+				D(e) ? (o(), v("div", ut, [p(f(V), {
 					size: 12,
 					"stroke-width": 3
 				})])) : y("", !0)
-			], 46, $e))), 128))], 8, Qe)) : (o(), v("div", {
+			], 46, tt))), 128))], 8, et)) : (o(), v("div", {
 				key: 2,
 				role: "listbox",
 				"aria-label": f(j).mediaLibrary.filesListAriaLabel,
@@ -966,17 +981,17 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				onDblclick: (t) => w(e),
 				onKeydown: (t) => T(e, t)
 			}, [
-				E("div", He, [f(l)(u(e)) ? (o(), v("img", {
+				E("div", We, [f(l)(u(e)) ? (o(), v("img", {
 					key: 0,
 					src: d(e),
 					alt: e.filename || e.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Ue)) : (o(), S(Pe, {
+				}, null, 8, Ge)) : (o(), S(Fe, {
 					key: 1,
 					"mime-type": u(e)
 				}, null, 8, ["mime-type"]))]),
-				E("div", We, [E("p", Ge, A(e.filename || e.url), 1), E("p", Ke, [e.size == null ? y("", !0) : (o(), v("span", qe, A(F(e.size)), 1)), f(l)(u(e)) && e.width && e.height ? (o(), v("span", Je, A(e.width) + "×" + A(e.height), 1)) : y("", !0)])]),
+				E("div", Ke, [E("p", qe, A(e.filename || e.url), 1), E("p", Je, [e.size == null ? y("", !0) : (o(), v("span", Ye, A(f($)(e.size)), 1)), f(l)(u(e)) && e.width && e.height ? (o(), v("span", Xe, A(e.width) + "×" + A(e.height), 1)) : y("", !0)])]),
 				E("div", { class: h(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", O(e)]) }, [g(e) ? (o(), v("button", {
 					key: 0,
 					type: "button",
@@ -989,10 +1004,10 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 					title: f(j).mediaLibrary.editFile,
 					"aria-label": f(j).mediaLibrary.editFile,
 					onClick: b((t) => a("edit", e), ["stop"])
-				}, [p(f(K), {
+				}, [p(f(W), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Ye)) : y("", !0), _(e) ? (o(), v("button", {
+				})], 8, Ze)) : y("", !0), _(e) ? (o(), v("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -1007,18 +1022,18 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				}, [p(f(B), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Xe)) : y("", !0)], 2),
-				D(e) ? (o(), v("div", Ze, [p(f(H), {
+				})], 8, Qe)) : y("", !0)], 2),
+				D(e) ? (o(), v("div", $e, [p(f(V), {
 					size: 12,
 					"stroke-width": 3
 				})])) : y("", !0)
-			], 46, Ve))), 128))], 8, Be)),
+			], 46, Ue))), 128))], 8, He)),
 			E("div", {
 				ref_key: "sentinelRef",
 				ref: P,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (o(), v("div", lt, [p(f(W), {
+			e.isLoading && e.items.length > 0 ? (o(), v("div", dt, [p(f(H), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1026,26 +1041,26 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			})])) : y("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-373617e3"]]), dt = ["data-tpl-theme"], ft = {
+}), [["__scopeId", "data-v-57c35946"]]), pt = ["data-tpl-theme"], mt = {
 	id: "tpl-media-import-title",
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, pt = { class: "tpl:mb-3" }, mt = [
+}, ht = { class: "tpl:mb-3" }, gt = [
 	"aria-label",
 	"aria-invalid",
 	"aria-describedby",
 	"placeholder",
 	"disabled"
-], ht = {
+], _t = {
 	key: 0,
 	id: "tpl-media-import-error",
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, gt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, _t = ["disabled"], vt = ["disabled"], yt = {
+}, vt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, yt = ["disabled"], bt = ["disabled"], xt = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, bt = { key: 1 }, xt = /* @__PURE__ */ l({
+}, St = { key: 1 }, Ct = /* @__PURE__ */ l({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1054,7 +1069,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 	},
 	emits: ["import", "close"],
 	setup(e, { emit: r }) {
-		let a = e, s = r, { t: l } = Q(), d = n(Z, null), m = n(X, c(null)), x = c("");
+		let a = e, s = r, { t: l } = Z(), d = n(Y, null), m = n(J, c(null)), x = c("");
 		t(() => a.visible, (e) => {
 			e && (x.value = "");
 		});
@@ -1066,7 +1081,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			a.isImporting || s("close");
 		}
 		let O = c(null);
-		he(O, _(() => a.visible));
+		ge(O, _(() => a.visible));
 		function k(e) {
 			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), w()), e.key === "Escape" && D();
 		}
@@ -1094,8 +1109,8 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				E("h3", ft, A(f(l).mediaLibrary.importFromUrl), 1),
-				E("div", pt, [u(E("input", {
+				E("h3", mt, A(f(l).mediaLibrary.importFromUrl), 1),
+				E("div", ht, [u(E("input", {
 					"onUpdate:modelValue": n[0] ||= (e) => x.value = e,
 					type: "url",
 					"aria-label": f(l).mediaLibrary.importFromUrl,
@@ -1110,9 +1125,9 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 					placeholder: f(l).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, mt), [[T, x.value]])]),
-				e.error ? (o(), v("p", ht, A(e.error), 1)) : y("", !0),
-				E("div", gt, [E("button", {
+				}, null, 8, gt), [[T, x.value]])]),
+				e.error ? (o(), v("p", _t, A(e.error), 1)) : y("", !0),
+				E("div", vt, [E("button", {
 					class: h(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -1121,7 +1136,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 					},
 					disabled: e.isImporting,
 					onClick: D
-				}, A(f(l).mediaLibrary.cancel), 11, _t), E("button", {
+				}, A(f(l).mediaLibrary.cancel), 11, yt), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
 						"background-color": "var(--tpl-primary)",
@@ -1129,20 +1144,20 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 					},
 					disabled: !x.value.trim() || e.isImporting,
 					onClick: w
-				}, [e.isImporting ? (o(), v("span", yt, [p(f(W), {
+				}, [e.isImporting ? (o(), v("span", xt, [p(f(H), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), M(" " + A(f(l).mediaLibrary.importing), 1)])) : (o(), v("span", bt, A(f(l).mediaLibrary.import), 1))], 8, vt)])
-			], 512)], 42, dt)) : y("", !0)]),
+				}), M(" " + A(f(l).mediaLibrary.importing), 1)])) : (o(), v("span", St, A(f(l).mediaLibrary.import), 1))], 8, bt)])
+			], 512)], 42, pt)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), St = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, Ct = ["disabled", "onClick"], wt = { class: "tpl:truncate" }, Tt = {
+}), wt = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, Tt = ["disabled", "onClick"], Et = { class: "tpl:truncate" }, Dt = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, Et = /* @__PURE__ */ l({
+}, Ot = /* @__PURE__ */ l({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1150,7 +1165,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 	},
 	emits: ["select", "close"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = Q(), a = c(null);
+		let n = t, { t: i } = Z(), a = c(null);
 		function s(e, t = 0) {
 			let n = [];
 			for (let r of e) n.push({
@@ -1171,12 +1186,12 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [E("div", St, [e.currentFolderId === null ? y("", !0) : (o(), v("button", {
+		}, [E("div", wt, [e.currentFolderId === null ? y("", !0) : (o(), v("button", {
 			key: 0,
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
 			style: { color: "var(--tpl-text)" },
 			onClick: c[0] ||= (e) => n("select", null)
-		}, [p(f(J), {
+		}, [p(f(K), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
@@ -1191,33 +1206,33 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			disabled: t.id === e.currentFolderId,
 			onClick: (e) => n("select", t.id)
 		}, [
-			p(f(G), {
+			p(f(U), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			E("span", wt, A(t.name), 1),
-			t.id === e.currentFolderId ? (o(), v("span", Tt, A(f(i).mediaLibrary.currentFolder), 1)) : y("", !0)
-		], 12, Ct))), 128))])], 512));
+			E("span", Et, A(t.name), 1),
+			t.id === e.currentFolderId ? (o(), v("span", Dt, A(f(i).mediaLibrary.currentFolder), 1)) : y("", !0)
+		], 12, Tt))), 128))])], 512));
 	}
-}), Dt = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Ot = ["src", "alt"], kt = {
+}), kt = { class: "tpl:flex tpl:items-center tpl:gap-3" }, At = ["src", "alt"], jt = {
 	key: 1,
 	class: "tpl:flex tpl:size-10 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:overflow-hidden tpl:rounded",
 	style: { border: "1px solid var(--tpl-border)" }
-}, At = { class: "tpl:min-w-0 tpl:flex-1" }, jt = {
+}, Mt = { class: "tpl:min-w-0 tpl:flex-1" }, Nt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Mt = {
+}, Pt = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Nt = /*#__PURE__*/ Y(/* @__PURE__ */ l({
+}, Ft = /*#__PURE__*/ q(/* @__PURE__ */ l({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
 		folders: {}
 	},
 	setup(e) {
-		let t = e, r = n(de, null), { isImageMimeType: i } = $();
+		let t = e, r = n(X, null), { isImageMimeType: i } = Q();
 		function a(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r.name];
@@ -1235,34 +1250,31 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			return e ? e.join("/") : null;
 		}), c = _(() => t.item.mimeType ?? ""), l = _(() => i(c.value));
 		function u(e) {
-			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
-		}
-		function d(e) {
-			return Fe(e, r?.value, {
+			return Ie(e, r?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		let m = _(() => t.item.filename || t.item.url);
-		return (t, n) => (o(), v("div", Dt, [l.value ? (o(), v("img", {
+		let d = _(() => t.item.filename || t.item.url);
+		return (t, n) => (o(), v("div", kt, [l.value ? (o(), v("img", {
 			key: 0,
 			src: e.item.url,
-			alt: e.item.alt || m.value,
+			alt: e.item.alt || d.value,
 			class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 			style: { border: "1px solid var(--tpl-border)" }
-		}, null, 8, Ot)) : (o(), v("div", kt, [p(Pe, {
+		}, null, 8, At)) : (o(), v("div", jt, [p(Fe, {
 			"mime-type": c.value,
 			class: "tpl-preview-icon"
-		}, null, 8, ["mime-type"])])), E("div", At, [
-			E("p", jt, A(m.value), 1),
-			E("p", Mt, [
-				e.item.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(A(u(e.item.size)), 1)], 64)),
-				e.item.createdAt ? (o(), v(k, { key: 1 }, [e.item.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(" · ")], 64)), M(" " + A(d(e.item.createdAt)), 1)], 64)) : y("", !0),
+		}, null, 8, ["mime-type"])])), E("div", Mt, [
+			E("p", Nt, A(d.value), 1),
+			E("p", Pt, [
+				e.item.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(A(f($)(e.item.size)), 1)], 64)),
+				e.item.createdAt ? (o(), v(k, { key: 1 }, [e.item.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(" · ")], 64)), M(" " + A(u(e.item.createdAt)), 1)], 64)) : y("", !0),
 				l.value && e.item.width && e.item.height ? (o(), v(k, { key: 2 }, [M(" · " + A(e.item.width) + "×" + A(e.item.height) + "px ", 1)], 64)) : y("", !0),
 				s.value ? (o(), v(k, { key: 3 }, [
 					n[0] ||= M(" · ", -1),
-					p(f(G), {
+					p(f(U), {
 						class: "tpl:mb-px tpl:inline",
 						size: 9,
 						"stroke-width": 2
@@ -1277,37 +1289,37 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			}, A(e.item.alt || "\xA0"), 3)) : y("", !0)
 		])]));
 	}
-}), [["__scopeId", "data-v-c3c1707e"]]), Pt = ["data-tpl-theme"], Ft = {
+}), [["__scopeId", "data-v-50993988"]]), It = ["data-tpl-theme"], Lt = {
 	id: "tpl-media-replace-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, It = {
+}, Rt = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Lt = {
+}, zt = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Rt = {
+}, Bt = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, zt = {
+}, Vt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Bt = { class: "tpl:mb-4" }, Vt = {
+}, Ht = { class: "tpl:mb-4" }, Ut = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ht = [
+}, Wt = [
 	"accept",
 	"aria-invalid",
 	"aria-describedby"
-], Ut = {
+], Gt = {
 	key: 1,
 	id: "tpl-media-replace-error",
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Wt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Gt = ["disabled"], Kt = ["disabled"], qt = /* @__PURE__ */ l({
+}, Kt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, qt = ["disabled"], Jt = ["disabled"], Yt = /* @__PURE__ */ l({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1318,7 +1330,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 	},
 	emits: ["replace", "close"],
 	setup(e, { emit: r }) {
-		let a = e, s = r, { t: l } = Q(), u = n(Z, null), d = n(X, c(null)), m = c(null), x = c(null), w = _(() => {
+		let a = e, s = r, { t: l } = Z(), u = n(Y, null), d = n(J, c(null)), m = c(null), x = c(null), w = _(() => {
 			if (!a.item) return "";
 			let e = (a.item.filename ?? "").split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
@@ -1334,7 +1346,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			x.value && s("replace", x.value);
 		}
 		let j = c(null);
-		he(j, _(() => a.visible && a.item !== null));
+		ge(j, _(() => a.visible && a.item !== null));
 		function M(e) {
 			e.stopPropagation(), e.key === "Escape" && s("close");
 		}
@@ -1362,11 +1374,11 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 				class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				E("h3", Ft, A(f(l).mediaLibrary.replaceWarningTitle), 1),
-				E("p", It, A(f(l).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${w.value}`)), 1),
-				D.value ? (o(), v("p", Lt, A(f(l).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.templateCount.toString())), 1)) : y("", !0),
-				E("div", Rt, [E("p", zt, A(e.item.filename), 1)]),
-				E("div", Bt, [E("label", Vt, A(f(l).mediaLibrary.replaceSelectFile), 1), E("input", {
+				E("h3", Lt, A(f(l).mediaLibrary.replaceWarningTitle), 1),
+				E("p", Rt, A(f(l).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${w.value}`)), 1),
+				D.value ? (o(), v("p", zt, A(f(l).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.templateCount.toString())), 1)) : y("", !0),
+				E("div", Bt, [E("p", Vt, A(e.item.filename), 1)]),
+				E("div", Ht, [E("label", Ut, A(f(l).mediaLibrary.replaceSelectFile), 1), E("input", {
 					ref_key: "fileInputRef",
 					ref: m,
 					type: "file",
@@ -1380,9 +1392,9 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 						color: "var(--tpl-text)"
 					},
 					onChange: O
-				}, null, 40, Ht)]),
-				e.error ? (o(), v("p", Ut, A(e.error), 1)) : y("", !0),
-				E("div", Wt, [E("button", {
+				}, null, 40, Wt)]),
+				e.error ? (o(), v("p", Gt, A(e.error), 1)) : y("", !0),
+				E("div", Kt, [E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -1391,7 +1403,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => s("close")
-				}, A(f(l).mediaLibrary.cancel), 9, Gt), E("button", {
+				}, A(f(l).mediaLibrary.cancel), 9, qt), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
 						"background-color": "var(--tpl-primary)",
@@ -1399,24 +1411,53 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 					},
 					disabled: !x.value || e.isReplacing,
 					onClick: k
-				}, A(e.isReplacing ? f(l).mediaLibrary.replacing : f(l).mediaLibrary.replace), 9, Kt)])
-			], 512)], 42, Pt)) : y("", !0)]),
+				}, A(e.isReplacing ? f(l).mediaLibrary.replacing : f(l).mediaLibrary.replace), 9, Jt)])
+			], 512)], 42, It)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Jt = ["aria-label", "aria-busy"], Yt = {
+});
+//#endregion
+//#region ../media-library/src/utils/formatList.ts
+function Xt(e, t) {
+	let n = {
+		style: "narrow",
+		type: "conjunction"
+	};
+	try {
+		return new Intl.ListFormat(t, n).format(e);
+	} catch (t) {
+		if (!(t instanceof RangeError)) throw t;
+		return new Intl.ListFormat(void 0, n).format(e);
+	}
+}
+//#endregion
+//#region ../media-library/src/components/media/MediaUploadZone.vue?vue&type=script&setup=true&lang.ts
+var Zt = [
+	"aria-label",
+	"aria-describedby",
+	"aria-busy"
+], Qt = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Xt = {
+}, $t = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Zt = {
+}, en = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Qt = {
+}, tn = {
+	id: "tpl-media-upload-hint",
+	"data-testid": "media-upload-hint",
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, $t = /* @__PURE__ */ l({
+}, nn = {
+	key: 0,
+	"data-testid": "media-upload-rejected",
+	role: "alert",
+	class: "tpl:mt-1.5 tpl:text-xs tpl:break-words",
+	style: { color: "var(--tpl-danger)" }
+}, rn = /* @__PURE__ */ l({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -1424,66 +1465,74 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 	},
 	emits: ["upload"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r, format: i } = Q(), { allAcceptedInputString: a, isAcceptedFile: s } = $(), l = c();
-		function u(e) {
-			let t = [];
-			for (let n of Array.from(e)) s(n) && t.push(n);
-			return t;
-		}
-		function d(e) {
-			let t = u(e);
-			t.length && n("upload", t);
-		}
-		let { isOverDropZone: m } = L(l, { onDrop: (e) => {
-			e?.length && d(e);
-		} }), { open: g, onChange: _ } = I({
-			accept: a.value,
+		let r = t, { t: i, format: a } = Z(), s = n(X, null), { allAcceptedInputString: l, restrictsMimeTypes: u, availableCategories: d, maxFileSize: m, isAcceptedFile: g } = Q(), b = {
+			images: "filterImages",
+			documents: "filterDocuments",
+			videos: "filterVideos",
+			audio: "filterAudio"
+		}, x = _(() => {
+			let e = i.mediaLibrary, t = u.value ? Xt(d.value.map((t) => e[b[t]]), s?.value) : i.mediaLibrary.acceptedAnyType;
+			return Number.isFinite(m.value) ? a(i.mediaLibrary.acceptedFormatsMaxSize, {
+				formats: t,
+				size: $(m.value)
+			}) : t;
+		}), S = c([]), C = c();
+		function w(e) {
+			let t = [], n = [];
+			for (let r of Array.from(e)) g(r) ? t.push(r) : n.push(r.name);
+			S.value = n, t.length && r("upload", t);
+		}
+		let { isOverDropZone: T } = L(C, { onDrop: (e) => {
+			e?.length && w(e);
+		} }), { open: D, onChange: O } = I({
+			accept: l.value,
 			multiple: !0
 		});
-		return _((e) => {
-			e?.length && d(e);
-		}), (t, n) => (o(), v("button", {
+		return O((e) => {
+			e?.length && w(e);
+		}), (t, n) => (o(), v(k, null, [E("button", {
 			ref_key: "dropZoneRef",
-			ref: l,
+			ref: C,
 			type: "button",
 			"data-testid": "media-upload-zone",
-			class: h(["tpl-upload-zone tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", f(m) ? "tpl-upload-zone-active" : ""]),
-			"aria-label": f(r).mediaLibrary.dropOrClick,
+			class: h(["tpl-upload-zone tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", f(T) ? "tpl-upload-zone-active" : ""]),
+			"aria-label": f(i).mediaLibrary.dropOrClick,
+			"aria-describedby": e.isUploading ? void 0 : "tpl-media-upload-hint",
 			"aria-busy": e.isUploading,
 			style: {
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
-			onClick: n[0] ||= (e) => f(g)()
-		}, [e.isUploading ? (o(), v("div", Yt, [p(f(W), {
+			onClick: n[0] ||= (e) => f(D)()
+		}, [e.isUploading ? (o(), v("div", Qt, [p(f(H), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), E("span", Xt, A(e.uploadProgress && e.uploadProgress.total > 1 ? f(i)(f(r).mediaLibrary.uploadingProgress, {
+		}), E("span", $t, A(e.uploadProgress && e.uploadProgress.total > 1 ? f(a)(f(i).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
-		}) : f(r).mediaLibrary.uploading), 1)])) : (o(), v(k, { key: 1 }, [
-			p(f(ce), {
+		}) : f(i).mediaLibrary.uploading), 1)])) : (o(), v(k, { key: 1 }, [
+			p(f(ue), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			E("p", Zt, A(f(r).mediaLibrary.dropOrClick), 1),
-			E("p", Qt, A(f(r).mediaLibrary.acceptedFormats), 1)
-		], 64))], 10, Jt));
+			E("p", en, A(f(i).mediaLibrary.dropOrClick), 1),
+			E("p", tn, A(x.value), 1)
+		], 64))], 10, Zt), S.value.length ? (o(), v("p", nn, A(f(a)(f(i).mediaLibrary.uploadRejected, { files: S.value.join(", ") })), 1)) : y("", !0)], 64));
 	}
-}), en = ["aria-label"], tn = [
+}), an = ["aria-label"], on = [
 	"width",
 	"height",
 	"viewBox"
-], nn = [
+], sn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], rn = [
+], cn = [
 	"cx",
 	"cy",
 	"r",
@@ -1491,14 +1540,14 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], an = {
+], ln = {
 	key: 0,
 	class: "tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:-translate-x-1/2 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:whitespace-nowrap tpl:shadow-lg",
 	style: {
 		"background-color": "var(--tpl-text)",
 		color: "var(--tpl-bg-elevated)"
 	}
-}, on = /* @__PURE__ */ l({
+}, un = /* @__PURE__ */ l({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1506,27 +1555,16 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 		size: {}
 	},
 	setup(e) {
-		let t = e, { t: n, format: r } = Q(), a = c(!1), s = _(() => t.size ?? 24), l = _(() => Math.max(2, s.value / 8)), u = _(() => (s.value - l.value) / 2), d = _(() => 2 * Math.PI * u.value), f = _(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), m = _(() => d.value - f.value / 100 * d.value), h = _(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)");
-		function g(e) {
-			if (e === 0) return "0 B";
-			let t = 1024, n = [
-				"B",
-				"KB",
-				"MB",
-				"GB"
-			], r = Math.floor(Math.log(e) / Math.log(t));
-			return `${(e / t ** r).toFixed(+(r >= 2))} ${n[r]}`;
-		}
-		let b = _(() => g(t.usedBytes)), x = _(() => g(t.limitBytes)), S = _(() => Math.max(0, t.limitBytes - t.usedBytes)), w = _(() => g(S.value)), T = _(() => r(n.mediaLibrary.storageTooltip, {
-			used: b.value,
-			total: x.value,
-			remaining: w.value
+		let t = e, { t: n, format: r } = Z(), a = c(!1), s = _(() => t.size ?? 24), l = _(() => Math.max(2, s.value / 8)), u = _(() => (s.value - l.value) / 2), d = _(() => 2 * Math.PI * u.value), f = _(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), m = _(() => d.value - f.value / 100 * d.value), h = _(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)"), g = _(() => $(t.usedBytes)), b = _(() => $(t.limitBytes)), x = _(() => Math.max(0, t.limitBytes - t.usedBytes)), S = _(() => $(x.value)), w = _(() => r(n.mediaLibrary.storageTooltip, {
+			used: g.value,
+			total: b.value,
+			remaining: S.value
 		}));
 		return (e, t) => (o(), v("div", {
 			"data-testid": "media-storage-ring",
 			class: "tpl:relative tpl:inline-flex tpl:cursor-help tpl:items-center tpl:justify-center",
 			tabindex: "0",
-			"aria-label": T.value,
+			"aria-label": w.value,
 			onMouseenter: t[0] ||= (e) => a.value = !0,
 			onMouseleave: t[1] ||= (e) => a.value = !1,
 			onFocus: t[2] ||= (e) => a.value = !0,
@@ -1543,7 +1581,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			fill: "none",
 			"stroke-width": l.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, nn), E("circle", {
+		}, null, 8, sn), E("circle", {
 			cx: s.value / 2,
 			cy: s.value / 2,
 			r: u.value,
@@ -1554,7 +1592,7 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			"stroke-dasharray": d.value,
 			"stroke-dashoffset": m.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, rn)], 8, tn)), p(C, {
+		}, null, 8, cn)], 8, on)), p(C, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0 tpl:translate-y-1",
 			"enter-to-class": "tpl:opacity-100 tpl:translate-y-0",
@@ -1562,17 +1600,17 @@ var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: i(() => [a.value ? (o(), v("div", an, [M(A(T.value) + " ", 1), t[4] ||= E("div", {
+			default: i(() => [a.value ? (o(), v("div", ln, [M(A(w.value) + " ", 1), t[4] ||= E("div", {
 				class: "tpl:absolute tpl:-top-1 tpl:left-1/2 tpl:size-2 tpl:-translate-x-1/2 tpl:rotate-45",
 				style: { "background-color": "var(--tpl-text)" }
 			}, null, -1)])) : y("", !0)]),
 			_: 1
-		})], 40, en));
+		})], 40, an));
 	}
 });
 //#endregion
 //#region ../media-library/src/utils/treeFolders.ts
-function sn(e) {
+function dn(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.id, {
 		...n,
@@ -1587,12 +1625,12 @@ function sn(e) {
 }
 //#endregion
 //#region ../media-library/src/composables/useMediaLibraryUI.ts
-function cn(e) {
+function fn(e) {
 	let { library: n, translations: r } = e;
 	function i() {
 		return "value" in r && typeof r.value == "object" ? r.value : r;
 	}
-	let a = c("grid"), o = c(!1), s = c(""), l = c(null), u = c(!1), d = c(!1), f = _(() => n.previewItem.value?.url ?? null), p = _(() => n.frequentlyUsedItems.value.length > 0), m = _(() => n.viewMode.value === "frequently-used" ? n.frequentlyUsedItems.value : n.items.value), h = _(() => Object.values(n.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = _(() => sn(n.folders.value)), v = {
+	let a = c("grid"), o = c(!1), s = c(""), l = c(null), u = c(!1), d = c(!1), f = _(() => n.previewItem.value?.url ?? null), p = _(() => n.frequentlyUsedItems.value.length > 0), m = _(() => n.viewMode.value === "frequently-used" ? n.frequentlyUsedItems.value : n.items.value), h = _(() => Object.values(n.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = _(() => dn(n.folders.value)), v = {
 		images: () => i().mediaLibrary.filterImages,
 		documents: () => i().mediaLibrary.filterDocuments,
 		videos: () => i().mediaLibrary.filterVideos,
@@ -1633,7 +1671,7 @@ function cn(e) {
 		l.value = e;
 	}
 	async function A(e, t, r, i) {
-		i && await n.replaceMediaDirectly(e, i.file), await n.updateFile(e, t, r), l.value = null;
+		return i && !await n.replaceMediaDirectly(e, i.file) ? "failed" : await n.updateFile(e, t, r) ? (l.value = null, "saved") : i ? "replaced" : "failed";
 	}
 	async function j(e) {
 		await n.importFromUrl(e) && (u.value = !1);
@@ -1686,7 +1724,7 @@ function cn(e) {
 }
 //#endregion
 //#region ../media-library/src/composable.ts
-function ln(e) {
+function pn(e) {
 	let { provider: t } = e, n = c([]), r = c([]), i = c(null), a = c("files"), o = c(""), s = c(null), l = c("newest"), u = c(!1), d = c(!1), f = c(!1), p = c(null), m = c(null), h = c(/* @__PURE__ */ new Set()), g = c(null), _ = c([]), v = c({}), y = c(!1), b = c([]), x = c(!1), S = c(null), C = c(!1), w = c(null), T = c(!1), E = c(null), D = c(null), k = c(null), A = 0;
 	function j(t) {
 		try {
@@ -1750,10 +1788,10 @@ function ln(e) {
 	async function B(e) {
 		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await F();
 	}
-	async function V() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await G();
+	async function ee() {
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await U();
 	}
-	async function ee(r) {
+	async function te(r) {
 		let { create: a } = t;
 		if (typeof a != "function") return null;
 		d.value = !0;
@@ -1770,7 +1808,7 @@ function ln(e) {
 			d.value = !1;
 		}
 	}
-	async function te(r) {
+	async function ne(r) {
 		let { create: a } = t;
 		if (typeof a == "function") {
 			d.value = !0, m.value = {
@@ -1799,7 +1837,7 @@ function ln(e) {
 			}
 		}
 	}
-	async function H(t) {
+	async function V(t) {
 		if (h.value.size === 0) return;
 		let { move: r } = M() ?? { move: !1 };
 		if (typeof r == "function") try {
@@ -1813,39 +1851,40 @@ function ln(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ne(r, i, a) {
+	async function re(r, i, a) {
 		let { update: o } = t;
-		if (typeof o == "function") try {
+		if (typeof o != "function") return !1;
+		try {
 			let e = { filename: i };
 			a !== void 0 && (e.alt = a);
 			let s = await o(r, e);
-			n.value = n.value.map((e) => e.id === r ? s : e), g.value?.id === r && (g.value = s), j(() => t.onUpdated?.(s));
+			return n.value = n.value.map((e) => e.id === r ? s : e), g.value?.id === r && (g.value = s), j(() => t.onUpdated?.(s)), !0;
 		} catch (t) {
-			e.onError?.(t);
+			return e.onError?.(t), !1;
 		}
 	}
-	function U(e) {
+	function ie(e) {
 		let t = /* @__PURE__ */ new Map();
 		for (let r of n.value) e.includes(r.id) && t.set(r.id, r);
 		for (let n of _.value) e.includes(n.id) && !t.has(n.id) && t.set(n.id, n);
 		return [...t.values()];
 	}
-	function re(e) {
+	function ae(e) {
 		n.value = n.value.filter((t) => !e.includes(t.id)), _.value = _.value.filter((t) => !e.includes(t.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
-	async function W() {
+	async function H() {
 		if (h.value.size === 0) return;
 		let { delete: n } = t;
 		if (typeof n != "function") return;
-		let r = [...h.value], i = U(r);
+		let r = [...h.value], i = ie(r);
 		try {
-			await n(r), re(r);
+			await n(r), ae(r);
 			for (let e of i) j(() => t.onDeleted?.(e));
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function G() {
+	async function U() {
 		let { frequentlyUsed: n } = t;
 		if (typeof n == "function") try {
 			_.value = await n();
@@ -1853,7 +1892,7 @@ function ln(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ie() {
+	async function oe() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		let { checkUsage: n } = t;
@@ -1867,21 +1906,21 @@ function ln(e) {
 			return e.onError?.(t), !1;
 		}
 	}
-	async function ae() {
+	async function se() {
 		let { delete: n } = t;
 		if (typeof n != "function" || (y.value = !1, b.value.length === 0)) return;
-		let r = b.value, i = U(r);
+		let r = b.value, i = ie(r);
 		try {
-			await n(r), re(r), b.value = [], v.value = {};
+			await n(r), ae(r), b.value = [], v.value = {};
 			for (let e of i) j(() => t.onDeleted?.(e));
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	function oe() {
+	function ce() {
 		y.value = !1, b.value = [], v.value = {};
 	}
-	async function se(r) {
+	async function le(r) {
 		let a = t.importFromUrl;
 		if (typeof a != "function") return null;
 		x.value = !0, S.value = null;
@@ -1894,17 +1933,17 @@ function ln(e) {
 			x.value = !1;
 		}
 	}
-	function K(e) {
+	function W(e) {
 		let t = new Set(h.value);
 		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
 	}
-	function ce() {
+	function ue() {
 		h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
-	function q(e) {
+	function G(e) {
 		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function J() {
+	async function K() {
 		let { storage: n } = t;
 		if (typeof n != "function") {
 			k.value = null;
@@ -1916,7 +1955,7 @@ function ln(e) {
 			e.onError?.(t);
 		}
 	}
-	async function Y() {
+	async function q() {
 		let t = M();
 		if (t) try {
 			r.value = await t.list();
@@ -1924,40 +1963,40 @@ function ln(e) {
 			e.onError?.(t);
 		}
 	}
-	async function le(t, n) {
+	async function de(t, n) {
 		let { create: r } = M() ?? { create: !1 };
 		if (typeof r != "function") return null;
 		try {
 			let e = { name: t };
 			n !== void 0 && (e.parentId = n);
 			let i = await r(e);
-			return await Y(), i;
+			return await q(), i;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
 	}
-	function X(e, t) {
+	function J(e, t) {
 		for (let n of e) if (n.id === t) return n;
 		return null;
 	}
-	async function ue(t, n) {
+	async function fe(t, n) {
 		let { update: r } = M() ?? { update: !1 };
 		if (typeof r == "function") try {
-			await r(t, { name: n }), await Y();
+			await r(t, { name: n }), await q();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function Z(t) {
+	async function Y(t) {
 		let { delete: n } = M() ?? { delete: !1 };
 		if (typeof n == "function") try {
-			let e = X(r.value, t)?.parentId ?? null;
-			await n(t), i.value === t && (i.value = e), await Y(), await F();
+			let e = J(r.value, t)?.parentId ?? null;
+			await n(t), i.value === t && (i.value = e), await q(), await F();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function de(n) {
+	async function X(n) {
 		E.value = n, w.value = null;
 		let { checkUsage: r } = t;
 		if (typeof r != "function") {
@@ -1971,31 +2010,31 @@ function ln(e) {
 			e.onError?.(t);
 		}
 	}
-	function fe() {
+	function pe() {
 		T.value = !1, E.value = null, D.value = null, w.value = null;
 	}
-	function Q(e) {
+	function Z(e) {
 		n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), j(() => t.onUpdated?.(e));
 	}
-	async function pe(n) {
+	async function me(n) {
 		let { replace: r } = t;
 		if (typeof r != "function" || !E.value) return null;
 		C.value = !0, w.value = null;
 		try {
 			let e = await r(E.value.id, n);
-			return Q(e), T.value = !1, E.value = null, D.value = null, e;
+			return Z(e), T.value = !1, E.value = null, D.value = null, e;
 		} catch (t) {
 			return w.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
 		} finally {
 			C.value = !1;
 		}
 	}
-	async function $(n, r) {
+	async function Q(n, r) {
 		let { replace: i } = t;
 		if (typeof i != "function") return null;
 		try {
 			let e = await i(n, r);
-			return Q(e), e;
+			return Z(e), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
@@ -2023,118 +2062,118 @@ function ln(e) {
 		filterByCategory: R,
 		sortBy: z,
 		navigateToFolder: B,
-		showFrequentlyUsed: V,
-		uploadFile: ee,
-		uploadFiles: te,
-		moveSelected: H,
-		updateFile: ne,
-		deleteSelected: W,
+		showFrequentlyUsed: ee,
+		uploadFile: te,
+		uploadFiles: ne,
+		moveSelected: V,
+		updateFile: re,
+		deleteSelected: H,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
-		importFromUrl: se,
-		toggleSelection: K,
-		clearSelection: ce,
-		selectItem: q,
-		loadFolders: Y,
-		createFolder: le,
-		renameFolder: ue,
-		deleteFolder: Z,
-		findFolderInTree: X,
-		loadFrequentlyUsed: G,
-		checkUsageBeforeDelete: ie,
-		confirmDelete: ae,
-		cancelDelete: oe,
+		importFromUrl: le,
+		toggleSelection: W,
+		clearSelection: ue,
+		selectItem: G,
+		loadFolders: q,
+		createFolder: de,
+		renameFolder: fe,
+		deleteFolder: Y,
+		findFolderInTree: J,
+		loadFrequentlyUsed: U,
+		checkUsageBeforeDelete: oe,
+		confirmDelete: se,
+		cancelDelete: ce,
 		isReplacing: C,
 		replaceError: w,
 		showReplaceWarning: T,
 		pendingReplaceItem: E,
 		replaceUsageInfo: D,
-		checkUsageBeforeReplace: de,
-		cancelReplace: fe,
-		replaceFile: pe,
-		replaceMediaDirectly: $,
+		checkUsageBeforeReplace: X,
+		cancelReplace: pe,
+		replaceFile: me,
+		replaceMediaDirectly: Q,
 		storageInfo: k,
-		loadStorage: J
+		loadStorage: K
 	};
 }
 //#endregion
 //#region ../media-library/src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
-var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, dn = {
+var mn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, hn = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, fn = {
+}, gn = {
 	id: "tpl-media-library-title",
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, pn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, mn = { class: "tpl:relative" }, hn = [
+}, _n = { class: "tpl:flex tpl:items-center tpl:gap-3" }, vn = { class: "tpl:relative" }, yn = [
 	"value",
 	"disabled",
 	"aria-label",
 	"placeholder"
-], gn = ["aria-label"], _n = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, vn = {
+], bn = ["aria-label"], xn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Sn = {
 	key: 0,
 	class: "tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r",
 	style: {
 		"border-color": "var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, yn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, bn = {
+}, Cn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, wn = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, xn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Sn = [
+}, Tn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, En = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Cn = {
+], Dn = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, wn = {
+}, On = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, Tn = [
+}, kn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], En = [
+], An = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Dn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, On = ["aria-label", "value"], kn = { value: "" }, An = ["value"], jn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Mn = {
+], jn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Mn = ["aria-label", "value"], Nn = { value: "" }, Pn = ["value"], Fn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, In = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Nn = {
+}, Ln = {
 	class: "tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
 	style: {
 		"background-color": "var(--tpl-bg-elevated)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, Pn = {
+}, Rn = {
 	id: "tpl-media-delete-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Fn = {
+}, zn = {
 	key: 0,
 	"data-testid": "media-delete-usage",
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, In = {
+}, Bn = {
 	key: 1,
 	class: "tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Ln = { class: "tpl:font-medium" }, Rn = { style: { color: "var(--tpl-text-muted)" } }, zn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Bn = {
+}, Vn = { class: "tpl:font-medium" }, Hn = { style: { color: "var(--tpl-text-muted)" } }, Un = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Wn = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3",
 	style: { "border-color": "var(--tpl-border)" }
-}, Vn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Hn = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Un = {
+}, Gn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Kn = { class: "tpl:flex tpl:items-center tpl:gap-5" }, qn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Wn = {
+}, Jn = {
 	key: 1,
 	class: "tpl:relative"
-}, Gn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Kn = ["data-testid", "disabled"], qn = /* @__PURE__ */ l({
+}, Yn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Xn = ["data-testid", "disabled"], Zn = /* @__PURE__ */ l({
 	__name: "MediaLibraryChrome",
 	props: {
 		provider: {},
@@ -2152,7 +2191,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		"ready"
 	],
 	setup(n, { expose: a, emit: c }) {
-		let l = n, u = c, d = j(() => import("./MediaEditModal-CzUtXkpk.js")), m = _(() => l.translations), g = _(() => l.confirmTestId ?? "media-confirm"), w = {
+		let l = n, u = c, d = j(() => import("./MediaEditModal-BHp7euCZ.js")), m = _(() => l.translations), g = _(() => l.confirmTestId ?? "media-confirm"), w = {
 			get maxFileSize() {
 				return l.provider.maxFileSize;
 			},
@@ -2163,45 +2202,45 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				return l.accept;
 			}
 		};
-		s(le, w);
-		let { isAcceptedMimeType: T, availableCategories: D } = $(w), O = ln({
+		s(de, w);
+		let { isAcceptedMimeType: T, availableCategories: D } = Q(w), O = pn({
 			provider: l.provider,
 			templateId: () => l.templateId,
 			onError: (e) => l.onError?.(e)
-		}), N = cn({
+		}), N = fn({
 			library: O,
 			translations: m
-		}), P = _(() => typeof l.provider.create == "function"), F = _(() => l.provider.folders !== !1), I = _(() => typeof l.provider.importFromUrl == "function"), L = _(() => typeof l.provider.delete == "function"), R = _(() => typeof l.provider.update == "function"), z = _(() => typeof l.provider.replace == "function"), B = _(() => typeof l.provider.frequentlyUsed == "function"), ee = _(() => {
+		}), P = _(() => typeof l.provider.create == "function"), F = _(() => l.provider.folders !== !1), I = _(() => typeof l.provider.importFromUrl == "function"), L = _(() => typeof l.provider.delete == "function"), R = _(() => typeof l.provider.update == "function"), z = _(() => typeof l.provider.replace == "function"), B = _(() => typeof l.provider.frequentlyUsed == "function"), te = _(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.move == "function";
-		}), ne = _(() => {
+		}), re = _(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.create == "function";
-		}), W = _(() => {
+		}), H = _(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.update == "function";
-		}), G = _(() => {
+		}), U = _(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.delete == "function";
-		}), ie = _(() => O.isLoading.value && N.displayItems.value.length === 0), K = _(() => {
+		}), oe = _(() => O.isLoading.value && N.displayItems.value.length === 0), W = _(() => {
 			let e = O.previewItem.value;
 			return e ? !l.accept?.length || T(e.mimeType ?? "", l.accept) : !1;
-		}), ce = _(() => {
+		}), ue = _(() => {
 			if (!L.value) return 0;
 			let e = 0;
 			for (let t of O.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
 			return e;
-		}), q = _(() => N.showImportUrlModal.value || N.editingItem.value !== null || O.showReplaceWarning.value);
-		function J() {
-			return q.value ? !0 : N.showMovePicker.value ? (N.showMovePicker.value = !1, !0) : O.showDeleteWarning.value ? (O.cancelDelete(), !0) : !1;
+		}), G = _(() => N.showImportUrlModal.value || N.editingItem.value !== null || O.showReplaceWarning.value);
+		function K() {
+			return G.value ? !0 : N.showMovePicker.value ? (N.showMovePicker.value = !1, !0) : O.showDeleteWarning.value ? (O.cancelDelete(), !0) : !1;
 		}
-		function Y() {
-			K.value && O.previewItem.value && u("confirm", O.previewItem.value);
+		function q() {
+			W.value && O.previewItem.value && u("confirm", O.previewItem.value);
 		}
-		function X(e) {
+		function J(e) {
 			O.filterByCategory(e.target.value || null);
 		}
-		async function ue() {
+		async function fe() {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of O.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
 			O.selectedItems.value = e, await N.handleDeleteClick();
@@ -2211,22 +2250,22 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		}, { immediate: !0 }), O.loadItems(), O.loadFrequentlyUsed(), O.loadStorage(), u("ready"), e(() => {
 			N.resetUI();
 		}), a({
-			nestedDialogOpen: q,
-			handleEscape: J,
+			nestedDialogOpen: G,
+			handleEscape: K,
 			library: O,
 			ui: N
-		}), (e, t) => (o(), v("div", un, [
-			E("div", dn, [E("h2", fn, A(m.value.mediaLibrary.title), 1), E("div", pn, [
-				f(O).storageInfo.value ? (o(), S(on, {
+		}), (e, t) => (o(), v("div", mn, [
+			E("div", hn, [E("h2", gn, A(m.value.mediaLibrary.title), 1), E("div", _n, [
+				f(O).storageInfo.value ? (o(), S(un, {
 					key: 0,
 					"used-bytes": f(O).storageInfo.value.usedBytes,
 					"limit-bytes": f(O).storageInfo.value.limitBytes,
 					size: 22
 				}, null, 8, ["used-bytes", "limit-bytes"])) : y("", !0),
-				E("div", mn, [E("input", {
+				E("div", vn, [E("input", {
 					value: f(N).searchInput.value,
 					type: "search",
-					disabled: ie.value,
+					disabled: oe.value,
 					"aria-label": m.value.mediaLibrary.searchAriaLabel,
 					class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
@@ -2236,7 +2275,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					},
 					placeholder: m.value.mediaLibrary.searchPlaceholder,
 					onInput: t[0] ||= (e) => f(N).handleSearchInput(e.target.value)
-				}, null, 40, hn), p(f(te), {
+				}, null, 40, yn), p(f(ne), {
 					class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 					size: 13,
 					"stroke-width": 2,
@@ -2249,12 +2288,12 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 					style: { color: "var(--tpl-text-muted)" },
 					onClick: t[1] ||= (e) => u("close")
-				}, [p(f(oe), {
+				}, [p(f(ce), {
 					size: 18,
 					"stroke-width": 2
-				})], 8, gn)) : y("", !0)
+				})], 8, bn)) : y("", !0)
 			])]),
-			E("div", _n, [p(C, {
+			E("div", xn, [p(C, {
 				"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 				"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
 				"enter-to-class": "tpl:ml-0 tpl:opacity-100",
@@ -2262,14 +2301,14 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: i(() => [F.value && f(N).showSidebar.value ? (o(), v("div", vn, [p(Ne, {
+				default: i(() => [F.value && f(N).showSidebar.value ? (o(), v("div", Sn, [p(Pe, {
 					folders: f(N).folderTree.value,
 					"current-folder-id": f(O).currentFolderId.value,
 					"view-mode": f(O).viewMode.value,
 					"has-frequently-used": B.value && f(N).hasFrequentlyUsed.value,
-					"can-create-folder": ne.value,
-					"can-rename-folder": W.value,
-					"can-delete-folder": G.value,
+					"can-create-folder": re.value,
+					"can-rename-folder": H.value,
+					"can-delete-folder": U.value,
 					onNavigate: f(O).navigateToFolder,
 					onCreateFolder: f(N).handleCreateFolder,
 					onRenameFolder: f(N).handleRenameFolder,
@@ -2290,7 +2329,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"onShowFrequentlyUsed"
 				])])) : y("", !0)]),
 				_: 1
-			}), E("div", yn, [E("div", bn, [E("div", xn, [
+			}), E("div", Cn, [E("div", wn, [E("div", Tn, [
 				F.value ? (o(), v("button", {
 					key: 0,
 					type: "button",
@@ -2305,11 +2344,11 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": f(N).showSidebar.value ? m.value.mediaLibrary.hideFolders : m.value.mediaLibrary.showFolders,
 					"aria-pressed": f(N).showSidebar.value,
 					onClick: t[2] ||= (e) => f(N).showSidebar.value = !f(N).showSidebar.value
-				}, [p(f(U), {
+				}, [p(f(ie), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, Sn)) : y("", !0),
-				f(O).viewMode.value === "frequently-used" ? (o(), v("span", Cn, A(m.value.mediaLibrary.frequentlyUsed), 1)) : (o(), S(ye, {
+				})], 12, En)) : y("", !0),
+				f(O).viewMode.value === "frequently-used" ? (o(), v("span", Dn, A(m.value.mediaLibrary.frequentlyUsed), 1)) : (o(), S(be, {
 					key: 2,
 					folders: f(N).folderTree.value,
 					"current-folder-id": f(O).currentFolderId.value,
@@ -2319,7 +2358,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"current-folder-id",
 					"onNavigate"
 				])),
-				E("div", wn, [E("button", {
+				E("div", On, [E("button", {
 					type: "button",
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 					style: x({
@@ -2330,10 +2369,10 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": m.value.mediaLibrary.viewGrid,
 					"aria-pressed": f(N).layoutMode.value === "grid",
 					onClick: t[3] ||= (e) => f(N).layoutMode.value = "grid"
-				}, [p(f(re), {
+				}, [p(f(ae), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, Tn), E("button", {
+				})], 12, kn), E("button", {
 					type: "button",
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 					style: x({
@@ -2344,11 +2383,11 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": m.value.mediaLibrary.viewList,
 					"aria-pressed": f(N).layoutMode.value === "list",
 					onClick: t[4] ||= (e) => f(N).layoutMode.value = "list"
-				}, [p(f(se), {
+				}, [p(f(le), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, En)])
-			]), E("div", Dn, [f(D).length > 1 ? (o(), v("select", {
+				})], 12, An)])
+			]), E("div", jn, [f(D).length > 1 ? (o(), v("select", {
 				key: 0,
 				"aria-label": m.value.mediaLibrary.filterAriaLabel,
 				class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
@@ -2358,11 +2397,11 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					color: "var(--tpl-text)"
 				},
 				value: f(O).categoryFilter.value ?? "",
-				onChange: X
-			}, [E("option", kn, A(m.value.mediaLibrary.filterAll), 1), (o(!0), v(k, null, r(f(D), (e) => (o(), v("option", {
+				onChange: J
+			}, [E("option", Nn, A(m.value.mediaLibrary.filterAll), 1), (o(!0), v(k, null, r(f(D), (e) => (o(), v("option", {
 				key: e,
 				value: e
-			}, A(f(N).getCategoryLabel(e)), 9, An))), 128))], 40, On)) : y("", !0)])]), E("div", jn, [f(O).viewMode.value === "files" && (P.value || I.value) ? (o(), v("div", Mn, [P.value ? (o(), S($t, {
+			}, A(f(N).getCategoryLabel(e)), 9, Pn))), 128))], 40, Mn)) : y("", !0)])]), E("div", Fn, [f(O).viewMode.value === "files" && (P.value || I.value) ? (o(), v("div", In, [P.value ? (o(), S(rn, {
 				key: 0,
 				"is-uploading": f(O).isUploading.value,
 				"upload-progress": f(O).uploadProgress.value,
@@ -2381,10 +2420,10 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: t[5] ||= (e) => f(N).showImportUrlModal.value = !0
-			}, [p(f(ae), {
+			}, [p(f(se), {
 				size: 14,
 				"stroke-width": 2
-			}), M(" " + A(m.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), p(ut, {
+			}), M(" " + A(m.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), p(ft, {
 				items: f(N).displayItems.value,
 				"selected-ids": f(O).selectedItems.value,
 				"is-loading": f(O).isLoading.value,
@@ -2399,7 +2438,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				onLoadMore: f(O).loadMore,
 				onEdit: f(N).handleEditItem,
 				onReplace: f(N).handleReplaceItem,
-				onConfirm: Y
+				onConfirm: q
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -2416,7 +2455,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"onEdit",
 				"onReplace"
 			])])])]),
-			p(xt, {
+			p(Ct, {
 				visible: f(N).showImportUrlModal.value,
 				"is-importing": f(O).isImportingFromUrl.value,
 				error: f(O).importFromUrlError.value,
@@ -2432,10 +2471,15 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 0,
 				visible: !0,
 				item: f(N).editingItem.value,
-				onSave: f(N).handleEditSave,
+				save: f(N).handleEditSave,
+				"can-crop": z.value && f(N).editingItem.value.canUpdate !== !1,
 				onClose: t[7] ||= (e) => f(N).editingItem.value = null
-			}, null, 8, ["item", "onSave"])) : y("", !0),
-			p(qt, {
+			}, null, 8, [
+				"item",
+				"save",
+				"can-crop"
+			])) : y("", !0),
+			p(Yt, {
 				visible: f(O).showReplaceWarning.value,
 				item: f(O).pendingReplaceItem.value,
 				"usage-info": f(O).replaceUsageInfo.value,
@@ -2472,19 +2516,19 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
 					onClick: t[10] ||= b((...e) => f(O).cancelDelete && f(O).cancelDelete(...e), ["self"])
-				}, [E("div", Nn, [
-					E("h3", Pn, A(m.value.mediaLibrary.deleteWarningTitle), 1),
+				}, [E("div", Ln, [
+					E("h3", Rn, A(m.value.mediaLibrary.deleteWarningTitle), 1),
 					E("p", {
 						class: h(["tpl:text-xs", f(N).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, A(m.value.mediaLibrary.deleteWarningMessage), 3),
-					f(N).hasUsedFiles.value ? (o(), v("p", Fn, A(m.value.mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
-					f(N).hasUsedFiles.value ? (o(), v("div", In, [(o(!0), v(k, null, r(f(O).deleteUsageInfo.value, (e, t) => (o(), v("div", {
+					f(N).hasUsedFiles.value ? (o(), v("p", zn, A(m.value.mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
+					f(N).hasUsedFiles.value ? (o(), v("div", Bn, [(o(!0), v(k, null, r(f(O).deleteUsageInfo.value, (e, t) => (o(), v("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.templateCount > 0 ? (o(), v(k, { key: 0 }, [E("span", Ln, A(f(N).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Rn, " - " + A(m.value.mediaLibrary.usedInTemplates.replace("{count}", e.templateCount.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
-					E("div", zn, [E("button", {
+					}, [e.templateCount > 0 ? (o(), v(k, { key: 0 }, [E("span", Vn, A(f(N).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Hn, " - " + A(m.value.mediaLibrary.usedInTemplates.replace("{count}", e.templateCount.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
+					E("div", Un, [E("button", {
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
 							"border-color": "var(--tpl-border)",
@@ -2504,11 +2548,11 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				])])) : y("", !0)]),
 				_: 1
 			}),
-			E("div", Bn, [E("div", Vn, [f(O).previewItem.value ? (o(), S(Nt, {
+			E("div", Wn, [E("div", Gn, [f(O).previewItem.value ? (o(), S(Ft, {
 				key: 0,
 				item: f(O).previewItem.value,
 				folders: f(N).folderTree.value
-			}, null, 8, ["item", "folders"])) : y("", !0)]), E("div", Hn, [f(O).selectedItems.value.size > 0 ? (o(), v("div", Un, [f(O).previewItem.value ? (o(), v("button", {
+			}, null, 8, ["item", "folders"])) : y("", !0)]), E("div", Kn, [f(O).selectedItems.value.size > 0 ? (o(), v("div", qn, [f(O).previewItem.value ? (o(), v("button", {
 				key: 0,
 				class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: x({
@@ -2517,15 +2561,15 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					backgroundColor: "var(--tpl-bg)"
 				}),
 				onClick: t[11] ||= (e) => f(N).copy(f(N).selectedUrl.value)
-			}, [f(N).copied.value ? (o(), S(f(H), {
+			}, [f(N).copied.value ? (o(), S(f(V), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (o(), S(f(V), {
+			})) : (o(), S(f(ee), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), M(" " + A(f(N).copied.value ? m.value.mediaLibrary.copied : m.value.mediaLibrary.copyUrl), 1)], 4)) : y("", !0), ee.value ? (o(), v("div", Wn, [E("button", {
+			})), M(" " + A(f(N).copied.value ? m.value.mediaLibrary.copied : m.value.mediaLibrary.copyUrl), 1)], 4)) : y("", !0), te.value ? (o(), v("div", Jn, [E("button", {
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -2533,7 +2577,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: t[12] ||= (e) => f(N).showMovePicker.value = !f(N).showMovePicker.value
-			}, A(m.value.mediaLibrary.moveSelected), 1), f(N).showMovePicker.value ? (o(), S(Et, {
+			}, A(m.value.mediaLibrary.moveSelected), 1), f(N).showMovePicker.value ? (o(), S(Ot, {
 				key: 0,
 				folders: f(N).folderTree.value,
 				"current-folder-id": f(O).currentFolderId.value,
@@ -2543,7 +2587,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : y("", !0)])) : y("", !0)])) : y("", !0), E("div", Gn, [ce.value > 0 ? (o(), v("button", {
+			])) : y("", !0)])) : y("", !0)])) : y("", !0), E("div", Yn, [ue.value > 0 ? (o(), v("button", {
 				key: 0,
 				"data-testid": "media-delete",
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
@@ -2552,7 +2596,7 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					color: "var(--tpl-danger)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: ue
+				onClick: fe
 			}, A(m.value.mediaLibrary.deleteSelected), 1)) : y("", !0), n.showConfirm ? (o(), v("button", {
 				key: 1,
 				"data-testid": g.value,
@@ -2561,45 +2605,45 @@ var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-primary)",
 					color: "var(--tpl-on-primary)"
 				},
-				disabled: !K.value,
-				onClick: Y
-			}, A(n.accept?.length ? m.value.mediaLibrary.selectImage : m.value.mediaLibrary.selectFile), 9, Kn)) : y("", !0)])])])
+				disabled: !W.value,
+				onClick: q
+			}, A(n.accept?.length ? m.value.mediaLibrary.selectImage : m.value.mediaLibrary.selectFile), 9, Xn)) : y("", !0)])])])
 		]));
 	}
-}), Jn = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./ca-BTf1Zbqb.js"),
-	"./locales/de.ts": () => import("./de-xzrh9PA3.js"),
-	"./locales/en.ts": () => import("./en-9unxBjV8.js"),
-	"./locales/es.ts": () => import("./es-BT4LSpE2.js"),
-	"./locales/fr.ts": () => import("./fr-CI7OJoql.js"),
-	"./locales/ja.ts": () => import("./ja-DhlWUfke.js"),
-	"./locales/nl.ts": () => import("./nl-D8y5OWGB.js"),
-	"./locales/pt-BR.ts": () => import("./pt-BR-DMCbUBvJ.js")
+}), Qn = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca-CYQH3J0b.js"),
+	"./locales/de.ts": () => import("./de-JvCTMJPy.js"),
+	"./locales/en.ts": () => import("./en-DxpXHoxJ.js"),
+	"./locales/es.ts": () => import("./es-CAv-Vldw.js"),
+	"./locales/fr.ts": () => import("./fr-DVPtxpR6.js"),
+	"./locales/ja.ts": () => import("./ja-dcWzjStz.js"),
+	"./locales/nl.ts": () => import("./nl-LZNqQgE4.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-D6P_mNwA.js")
 });
-function Yn(e) {
+function $n(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Xn = Yn(Jn);
-function Zn(e) {
+var er = $n(Qn);
+function tr(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function Qn(e) {
-	let t = Zn(e);
-	return Xn.find((e) => Zn(e) === t);
+function nr(e) {
+	let t = tr(e);
+	return er.find((e) => tr(e) === t);
 }
-function $n(e) {
-	return Zn(e).split("-")[0];
+function rr(e) {
+	return tr(e).split("-")[0];
 }
-function er(e) {
-	return Qn(e) ?? Qn($n(e)) ?? "en";
+function ir(e) {
+	return nr(e) ?? nr(rr(e)) ?? "en";
 }
-async function tr(e) {
-	let t = Jn[`./locales/${er(e)}.ts`];
+async function ar(e) {
+	let t = Qn[`./locales/${ir(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region ../media-library/src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var nr = ["data-tpl-theme"], rr = /* @__PURE__ */ l({
+var or = ["data-tpl-theme"], sr = /* @__PURE__ */ l({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -2615,14 +2659,14 @@ var nr = ["data-tpl-theme"], rr = /* @__PURE__ */ l({
 	setup(e, { emit: n }) {
 		let r = e, a = n, l = c(null);
 		t(() => r.locale, async (e) => {
-			l.value = await tr(e ?? "en");
-		}, { immediate: !0 }), s(ue, l);
+			l.value = await ar(e ?? "en");
+		}, { immediate: !0 }), s(fe, l);
 		let u = _(() => r.uiTheme);
-		s(Z, u);
+		s(Y, u);
 		let d = w(() => r.popoverTarget ?? null);
-		s(X, d), s(de, w(() => r.locale));
+		s(J, d), s(X, w(() => r.locale));
 		let f = c(null), m = c(null);
-		he(f, _(() => r.visible && l.value !== null && !m.value?.nestedDialogOpen));
+		ge(f, _(() => r.visible && l.value !== null && !m.value?.nestedDialogOpen));
 		function x(e) {
 			if (e.key === "Escape") {
 				if (m.value?.handleEscape()) {
@@ -2672,7 +2716,7 @@ var nr = ["data-tpl-theme"], rr = /* @__PURE__ */ l({
 					border: "1px solid var(--tpl-border)",
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
-			}, [p(qn, {
+			}, [p(Zn, {
 				ref_key: "chromeRef",
 				ref: m,
 				provider: e.provider,
@@ -2691,12 +2735,12 @@ var nr = ["data-tpl-theme"], rr = /* @__PURE__ */ l({
 				"template-id",
 				"on-error",
 				"translations"
-			])], 512)], 10, nr)) : y("", !0)]),
+			])], 512)], 10, or)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
 });
 //#endregion
-export { rr as MediaLibraryModal, X as a, fe as i, $ as n, Z as o, Q as r, he as t };
+export { sr as MediaLibraryModal, J as a, pe as i, Q as n, Y as o, Z as r, ge as t };
 
-//# sourceMappingURL=editor-modal-CZQArGNj.js.map
+//# sourceMappingURL=editor-modal-BDOfw3l0.js.map