@templatical/editor 0.43.1 → 0.43.2

package/dist/{editor-modal-99FB40dl.js → editor-modal-Cl5GFWTQ.js}

@@ -2,22 +2,22 @@ import { A as e, At as t, B as n, D as r, J as i, K as a, M as o, P as s, R as c
 import { a as k, c as A, s as j, t as M } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { h as N } from "./dist-8VFzbeu9.js";
 import { a as P, n as F, o as I, r as L, s as R, t as ee } from "./dist-BDuPwOyn.js";
-import { t as z } from "./createLucideIcon-C2YOVVWx.js";
-import { t as B } from "./check-BMx_TLAS.js";
-import { t as V } from "./chevron-right-BLZ60Vxw.js";
-import { t as te } from "./copy-BF0_pQjH.js";
-import { t as ne } from "./link-D7orqFBT.js";
-import { t as re } from "./list-BGt4Pgxc.js";
-import { t as H } from "./loader-circle-BVBgkRGz.js";
-import { t as U } from "./pencil-DRYbmZW7.js";
-import { t as W } from "./plus-Dv0b3kh0.js";
-import { t as G } from "./refresh-cw-gYTIS5bJ.js";
-import { t as ie } from "./search-D84_Ki_a.js";
-import { t as ae } from "./trash-wmi4UKvv.js";
-import { t as oe } from "./upload-XMde-TXf.js";
-import { t as se } from "./x-BWrtpVl-.js";
-import { t as K } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-var q = z({
+import { t as z } from "./createLucideIcon-BrPnbRQT.js";
+import { t as B } from "./check-CA6fvSIp.js";
+import { t as te } from "./chevron-right-Dm5_X4j6.js";
+import { t as ne } from "./copy-DLNyaPza.js";
+import { t as re } from "./link-BA_V9Nns.js";
+import { t as ie } from "./list-BTujzSSo.js";
+import { t as V } from "./loader-circle-B5OQFRUF.js";
+import { t as H } from "./pencil-QmONZtjF.js";
+import { t as ae } from "./plus-XxHKE_GT.js";
+import { t as U } from "./refresh-cw-DhXU8dCo.js";
+import { t as oe } from "./search-CpFaMrnL.js";
+import { t as se } from "./trash-DmaPdiUk.js";
+import { t as ce } from "./upload-CO_hogFv.js";
+import { t as le } from "./x-BCop_VsL.js";
+import { t as W } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+var G = z({
 	name: "file",
 	size: 24,
 	node: [["path", {
@@ -27,14 +27,14 @@ var q = z({
 		d: "M14 2v5a1 1 0 0 0 1 1h5",
 		key: "wfsgrz"
 	}]]
-}), J = z({
+}), K = z({
 	name: "folder",
 	size: 24,
 	node: [["path", {
 		d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
 		key: "1kt360"
 	}]]
-}), ce = z({
+}), ue = z({
 	name: "grid-2x2",
 	size: 24,
 	node: [
@@ -56,7 +56,7 @@ var q = z({
 		}]
 	],
 	aliases: ["grid-2-x-2"]
-}), Y = z({
+}), q = z({
 	name: "panel-left",
 	size: 24,
 	node: [["rect", {
@@ -71,14 +71,14 @@ var q = z({
 		key: "fh3hqa"
 	}]],
 	aliases: ["sidebar"]
-}), le = z({
+}), de = z({
 	name: "star",
 	size: 24,
 	node: [["path", {
 		d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
 		key: "r04s7s"
 	}]]
-}), ue = Symbol("templaticalMediaLimits"), X = Symbol("templaticalMediaPopoverTarget"), de = Symbol("templaticalMediaTranslations"), Z = Symbol("templaticalMediaUiTheme"), fe = Symbol("templaticalMediaUiLocale"), pe = { mediaLibrary: {
+}), fe = Symbol("templaticalMediaLimits"), J = Symbol("templaticalMediaPopoverTarget"), pe = Symbol("templaticalMediaTranslations"), Y = Symbol("templaticalMediaUiTheme"), X = Symbol("templaticalMediaUiLocale"), me = { mediaLibrary: {
 	title: "Media Library",
 	searchPlaceholder: "Search files...",
 	allFiles: "All Files",
@@ -92,7 +92,9 @@ var q = z({
 	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",
@@ -139,12 +141,14 @@ var q = z({
 	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",
@@ -169,8 +173,8 @@ var q = z({
 } };
 //#endregion
 //#region ../media-library/src/composables/useI18n.ts
-function Q(e) {
-	let t = e ?? l(de, null), n = (a(t) ? t.value : t) ?? pe;
+function Z(e) {
+	let t = e ?? l(pe, null), n = (a(t) ? t.value : t) ?? me;
 	function r(e, t) {
 		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
 	}
@@ -181,36 +185,36 @@ function Q(e) {
 }
 //#endregion
 //#region ../media-library/src/composables/useMediaCategories.ts
-var me = [
+var he = [
 	"images",
 	"documents",
 	"videos",
 	"audio"
 ];
-function $(e) {
-	let t = e ?? l(ue, null);
+function Q(e) {
+	let t = e ?? l(fe, null);
 	if (!t) throw Error("[Templatical] useMediaCategories() needs media limits in scope. Render it under <MediaLibraryModal> or provide MEDIA_LIMITS_KEY yourself.");
 	let n = t, r = T(() => !0), i = T(() => n.maxFileSize ?? Infinity), a = T(() => {
 		let e = n.accept;
 		if (e && e.length > 0) return e;
 		let t = n.mimeTypes;
-		return t ? Object.keys(t) : me;
+		return t ? Object.keys(t) : he;
 	}), o = T(() => {
 		let e = n.mimeTypes;
 		return e ? a.value.flatMap((t) => e[t] ?? []) : [];
-	}), s = T(() => o.value.join(","));
-	function c(e, t) {
+	}), s = T(() => o.value.join(",")), c = T(() => n.mimeTypes !== void 0);
+	function u(e, t) {
 		let r = n.mimeTypes;
 		return !r || (t && t.length > 0 ? t : Object.keys(r)).some((t) => r[t]?.includes(e) ?? !1);
 	}
-	function u(e) {
-		return c(e.type) && e.size <= i.value;
-	}
 	function d(e) {
+		return u(e.type) && e.size <= i.value;
+	}
+	function f(e) {
 		let t = n.mimeTypes;
 		return t ? t.images?.includes(e) ?? !1 : e.startsWith("image/");
 	}
-	function f(e) {
+	function p(e) {
 		let t = n.mimeTypes;
 		if (!t) return null;
 		for (let [n, r] of Object.entries(t)) if (r?.includes(e)) return n;
@@ -220,18 +224,19 @@ function $(e) {
 		isMediaLibraryEnabled: r,
 		allAcceptedMimeTypes: o,
 		allAcceptedInputString: s,
+		restrictsMimeTypes: c,
 		maxFileSize: i,
 		availableCategories: a,
-		isAcceptedMimeType: c,
-		isAcceptedFile: u,
-		isImageMimeType: d,
-		getCategoryForMimeType: f
+		isAcceptedMimeType: u,
+		isAcceptedFile: d,
+		isImageMimeType: f,
+		getCategoryForMimeType: p
 	};
 }
 //#endregion
 //#region ../media-library/src/composables/useFocusTrap.ts
-var he = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function ge(e, t) {
+var ge = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function _e(e, t) {
 	let n = null, r = null, a = null;
 	function o(e) {
 		if (!e) return document;
@@ -239,7 +244,7 @@ function ge(e, t) {
 		return t && "activeElement" in t ? t : document;
 	}
 	function s() {
-		return e.value ? Array.from(e.value.querySelectorAll(he)).filter((e) => e.offsetParent !== null) : [];
+		return e.value ? Array.from(e.value.querySelectorAll(ge)).filter((e) => e.offsetParent !== null) : [];
 	}
 	function l(t) {
 		if (t.key !== "Tab") return;
@@ -269,14 +274,14 @@ function ge(e, t) {
 }
 //#endregion
 //#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _e = {
+var ve = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, ve = ["onClick"], ye = {
+}, ye = ["onClick"], be = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, be = /* @__PURE__ */ O({
+}, xe = /* @__PURE__ */ O({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -284,7 +289,7 @@ var _e = {
 	},
 	emits: ["navigate"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { t: a } = Q(), s = T(() => {
+		let r = t, i = n, { t: a } = Z(), s = T(() => {
 			if (!r.currentFolderId) return [];
 			let e = [];
 			return c(r.folders, r.currentFolderId, e), e;
@@ -296,11 +301,11 @@ var _e = {
 			}
 			return !1;
 		}
-		return (t, n) => s.value.length > 0 ? (e(), h("div", _e, [m("button", {
+		return (t, n) => s.value.length > 0 ? (e(), h("div", ve, [m("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: n[0] ||= (e) => i("navigate", null)
-		}, b(p(a).mediaLibrary.allFiles), 1), (e(!0), h(C, null, o(s.value, (t, n) => (e(), h(C, { key: t.id }, [g(p(V), {
+		}, b(p(a).mediaLibrary.allFiles), 1), (e(!0), h(C, null, o(s.value, (t, n) => (e(), h(C, { key: t.id }, [g(p(te), {
 			size: 12,
 			"stroke-width": 2
 		}), n < s.value.length - 1 ? (e(), h("button", {
@@ -308,15 +313,15 @@ var _e = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (e) => i("navigate", t.id)
-		}, b(t.name), 9, ve)) : (e(), h("span", ye, b(t.name), 1))], 64))), 128))])) : D("", !0);
+		}, b(t.name), 9, ye)) : (e(), h("span", be, b(t.name), 1))], 64))), 128))])) : D("", !0);
 	}
-}), xe = ["aria-expanded", "aria-label"], Se = {
+}), Se = ["aria-expanded", "aria-label"], Ce = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, Ce = {
+}, we = {
 	key: 0,
 	class: "tpl:truncate"
-}, we = ["onKeydown"], Te = ["title", "aria-label"], Ee = ["title", "aria-label"], De = ["title", "aria-label"], Oe = { key: 0 }, ke = ["placeholder", "onKeydown"], Ae = /* @__PURE__ */ O({
+}, Te = ["onKeydown"], Ee = ["title", "aria-label"], De = ["title", "aria-label"], Oe = ["title", "aria-label"], ke = { key: 0 }, Ae = ["placeholder", "onKeydown"], je = /* @__PURE__ */ O({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -333,7 +338,7 @@ var _e = {
 		"deleteFolder"
 	],
 	setup(n, { emit: r }) {
-		let i = n, a = r, { t: c } = Q(), l = d(!1), f = d(!1), _ = d(""), v = d(!1), y = d(""), w = d(!1), E = T(() => i.folder.children.length > 0), O = T(() => i.depth < 4), M = T(() => i.currentFolderId === i.folder.id), N = T(() => i.currentFolderId ? F(i.folder.children, i.currentFolderId) : !1), P = T(() => l.value || N.value);
+		let i = n, a = r, { t: c } = Z(), l = d(!1), f = d(!1), _ = d(""), v = d(!1), y = d(""), w = d(!1), E = T(() => i.folder.children.length > 0), O = T(() => i.depth < 4), M = T(() => i.currentFolderId === i.folder.id), N = T(() => i.currentFolderId ? F(i.folder.children, i.currentFolderId) : !1), P = T(() => 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;
@@ -357,17 +362,17 @@ var _e = {
 		function B() {
 			y.value.trim() && a("createFolder", y.value.trim(), i.folder.id), v.value = !1, y.value = "";
 		}
-		function te() {
+		function ne() {
 			v.value = !1, y.value = "";
 		}
-		function ne() {
+		function re() {
 			if (w.value) {
 				a("deleteFolder", i.folder.id), w.value = !1;
 				return;
 			}
 			w.value = !0;
 		}
-		function re(e) {
+		function ie(e) {
 			let t = e.relatedTarget;
 			t && e.currentTarget.contains(t) || (w.value = !1);
 		}
@@ -380,7 +385,7 @@ var _e = {
 					backgroundColor: M.value ? "var(--tpl-bg-active)" : "transparent",
 					color: M.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
-				onFocusout: re
+				onFocusout: ie
 			}, [
 				E.value || v.value ? (e(), h("button", {
 					key: 0,
@@ -389,20 +394,20 @@ var _e = {
 					"aria-expanded": P.value,
 					"aria-label": P.value ? p(c).mediaLibrary.collapseFolder : p(c).mediaLibrary.expandFolder,
 					onClick: A(I, ["stop"])
-				}, [g(p(V), {
+				}, [g(p(te), {
 					class: x(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": P.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])], 8, xe)) : (e(), h("span", Se)),
+				}, null, 8, ["class"])], 8, Se)) : (e(), h("span", Ce)),
 				m("button", {
 					type: "button",
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: i[0] ||= (e) => a("navigate", n.folder.id)
-				}, [g(p(J), {
+				}, [g(p(K), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), f.value ? D("", !0) : (e(), h("span", Ce, b(n.folder.name), 1))]),
+				}), f.value ? D("", !0) : (e(), h("span", we, b(n.folder.name), 1))]),
 				f.value ? u((e(), h("input", {
 					key: 2,
 					"onUpdate:modelValue": i[1] ||= (e) => _.value = e,
@@ -417,7 +422,7 @@ var _e = {
 					onKeydown: [j(R, ["enter"]), j(A(ee, ["stop"]), ["escape"])],
 					onBlur: R,
 					onClick: i[2] ||= A(() => {}, ["stop"])
-				}, null, 40, we)), [[k, _.value]]) : D("", !0),
+				}, null, 40, Te)), [[k, _.value]]) : D("", !0),
 				f.value ? D("", !0) : (e(), h("span", {
 					key: 3,
 					class: x(["tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:transition-opacity", M.value || w.value ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100"])
@@ -429,10 +434,10 @@ var _e = {
 						title: p(c).mediaLibrary.addSubfolder,
 						"aria-label": p(c).mediaLibrary.addSubfolder,
 						onClick: A(z, ["stop"])
-					}, [g(p(W), {
+					}, [g(p(ae), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, Te)) : D("", !0),
+					})], 8, Ee)) : D("", !0),
 					n.canRenameFolder ? (e(), h("button", {
 						key: 1,
 						type: "button",
@@ -440,10 +445,10 @@ var _e = {
 						title: p(c).mediaLibrary.renameFolder,
 						"aria-label": p(c).mediaLibrary.renameFolder,
 						onClick: A(L, ["stop"])
-					}, [g(p(U), {
+					}, [g(p(H), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, Ee)) : D("", !0),
+					})], 8, De)) : D("", !0),
 					n.canDeleteFolder ? (e(), h("button", {
 						key: 2,
 						type: "button",
@@ -451,14 +456,14 @@ var _e = {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: w.value ? p(c).mediaLibrary.deleteFolderConfirm : p(c).mediaLibrary.deleteFolder,
 						"aria-label": w.value ? p(c).mediaLibrary.deleteFolderConfirm : p(c).mediaLibrary.deleteFolder,
-						onClick: A(ne, ["stop"])
-					}, [g(p(ae), {
+						onClick: A(re, ["stop"])
+					}, [g(p(se), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
-					})], 8, De)) : D("", !0)
+					})], 8, Oe)) : D("", !0)
 				], 2))
-			], 36), P.value ? (e(), h("div", Oe, [(e(!0), h(C, null, o(n.folder.children, (t) => (e(), S(l, {
+			], 36), P.value ? (e(), h("div", ke, [(e(!0), h(C, null, o(n.folder.children, (t) => (e(), S(l, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": n.currentFolderId,
@@ -492,18 +497,18 @@ var _e = {
 				},
 				placeholder: p(c).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [j(B, ["enter"]), j(A(te, ["stop"]), ["escape"])],
+				onKeydown: [j(B, ["enter"]), j(A(ne, ["stop"]), ["escape"])],
 				onBlur: B
-			}, null, 40, ke), [[k, y.value]])], 4)) : D("", !0)])) : D("", !0)]);
+			}, null, 40, Ae), [[k, y.value]])], 4)) : D("", !0)])) : D("", !0)]);
 		};
 	}
-}), je = {
+}), Me = {
 	"data-testid": "media-folder-tree",
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto"
-}, Me = {
+}, Ne = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, Ne = ["placeholder", "onKeydown"], Pe = /* @__PURE__ */ O({
+}, Pe = ["placeholder", "onKeydown"], Fe = /* @__PURE__ */ O({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -522,7 +527,7 @@ var _e = {
 		"showFrequentlyUsed"
 	],
 	setup(n, { emit: r }) {
-		let i = r, { t: a } = Q(), s = d(!1), c = d("");
+		let i = r, { t: a } = Z(), s = d(!1), c = d("");
 		function l() {
 			s.value = !0, c.value = "";
 		}
@@ -532,7 +537,7 @@ var _e = {
 		function v() {
 			s.value = !1, c.value = "";
 		}
-		return (r, d) => (e(), h("div", je, [
+		return (r, d) => (e(), h("div", Me, [
 			m("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: t({
@@ -540,11 +545,11 @@ var _e = {
 					color: n.viewMode === "files" && n.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: d[0] ||= (e) => i("navigate", null)
-			}, [g(p(q), {
+			}, [g(p(G), {
 				size: 14,
 				"stroke-width": 1.5
 			}), _(" " + b(p(a).mediaLibrary.allFiles), 1)], 4),
-			(e(!0), h(C, null, o(n.folders, (t) => (e(), S(Ae, {
+			(e(!0), h(C, null, o(n.folders, (t) => (e(), S(je, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": n.currentFolderId,
@@ -563,7 +568,7 @@ var _e = {
 				"can-rename-folder",
 				"can-delete-folder"
 			]))), 128)),
-			s.value ? (e(), h("div", Me, [u(m("input", {
+			s.value ? (e(), h("div", Ne, [u(m("input", {
 				"onUpdate:modelValue": d[5] ||= (e) => c.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -576,13 +581,13 @@ var _e = {
 				autofocus: "",
 				onKeydown: [j(f, ["enter"]), j(A(v, ["stop"]), ["escape"])],
 				onBlur: f
-			}, null, 40, Ne), [[k, c.value]])])) : D("", !0),
+			}, null, 40, Pe), [[k, c.value]])])) : D("", !0),
 			!s.value && n.canCreateFolder ? (e(), h("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
-			}, [g(p(W), {
+			}, [g(p(ae), {
 				size: 14,
 				"stroke-width": 1.5
 			}), _(" " + b(p(a).mediaLibrary.newFolder), 1)])) : D("", !0),
@@ -597,13 +602,13 @@ var _e = {
 					color: n.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: d[6] ||= (e) => i("showFrequentlyUsed")
-			}, [g(p(le), {
+			}, [g(p(de), {
 				size: 14,
 				"stroke-width": 1.5
 			}), _(" " + b(p(a).mediaLibrary.frequentlyUsed), 1)], 4)) : D("", !0)
 		]));
 	}
-}), Fe = /* @__PURE__ */ O({
+}), Ie = /* @__PURE__ */ O({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(n) {
@@ -779,7 +784,7 @@ var _e = {
 });
 //#endregion
 //#region ../media-library/src/utils/formatAbsoluteDate.ts
-function Ie(e, t, n) {
+function Le(e, t, n) {
 	let r = new Date(e);
 	if (Number.isNaN(r.getTime())) return "";
 	let i = t?.trim().replace(/_/g, "-") || void 0;
@@ -790,35 +795,48 @@ function Ie(e, t, n) {
 	}
 }
 //#endregion
+//#region ../media-library/src/utils/formatFileSize.ts
+var Re = [
+	"B",
+	"KB",
+	"MB",
+	"GB"
+];
+function $(e) {
+	let t = e, n = 0;
+	for (; t >= 1024 && n < Re.length - 1;) t /= 1024, n += 1;
+	return `${Math.round(t * 10) / 10} ${Re[n]}`;
+}
+//#endregion
 //#region ../media-library/src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
-var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
+var ze = { class: "tpl:p-4" }, Be = ["aria-label"], Ve = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, Be = {
+}, He = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ve = ["aria-label"], He = [
+}, Ue = ["aria-label"], We = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], Ue = { class: "tpl:aspect-square" }, We = ["src", "alt"], Ge = { class: "tpl:px-2 tpl:py-1.5" }, Ke = {
+], Ge = { class: "tpl:aspect-square" }, Ke = ["src", "alt"], qe = { class: "tpl:px-2 tpl:py-1.5" }, Je = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, qe = {
+}, Ye = {
 	class: "tpl:flex tpl:justify-between tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Je = { key: 0 }, Ye = { key: 1 }, Xe = [
+}, Xe = { key: 0 }, Ze = { key: 1 }, Qe = [
 	"title",
 	"aria-label",
 	"onClick"
-], Ze = [
+], $e = [
 	"title",
 	"aria-label",
 	"onClick"
-], Qe = {
+], et = {
 	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",
@@ -826,34 +844,34 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, $e = ["aria-label"], et = [
+}, tt = ["aria-label"], nt = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], tt = {
+], rt = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, nt = ["src", "alt"], rt = {
+}, it = ["src", "alt"], at = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, it = { class: "tpl:min-w-0 tpl:flex-1" }, at = {
+}, ot = { class: "tpl:min-w-0 tpl:flex-1" }, st = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ot = {
+}, ct = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, st = [
+}, lt = [
 	"title",
 	"aria-label",
 	"onClick"
-], ct = [
+], ut = [
 	"title",
 	"aria-label",
 	"onClick"
-], lt = {
+], dt = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full",
@@ -861,10 +879,10 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, ut = {
+}, ft = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, dt = /*#__PURE__*/ K(/* @__PURE__ */ O({
+}, pt = /*#__PURE__*/ W(/* @__PURE__ */ O({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -886,7 +904,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 		"confirm"
 	],
 	setup(n, { emit: r }) {
-		let i = n, a = r, { isAcceptedMimeType: s, isImageMimeType: c } = $();
+		let i = n, a = r, { isAcceptedMimeType: s, isImageMimeType: c } = Q();
 		function u(e) {
 			return e.mimeType ?? "";
 		}
@@ -921,21 +939,18 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 		function j(e) {
 			return k(e) ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100";
 		}
-		let { t: M } = Q(), N = l(fe, null), P = d(null);
+		let { t: M } = Z(), N = l(X, null), P = d(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 Ie(e, N?.value, {
+			return Le(e, N?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (r, i) => (e(), h("div", Le, [
+		return (r, i) => (e(), h("div", ze, [
 			n.isLoading && n.items.length === 0 ? (e(), h("div", {
 				key: 0,
 				role: "status",
@@ -947,12 +962,12 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 				class: x(["tpl-pulse tpl:rounded-lg", n.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" },
 				"aria-hidden": "true"
-			}, null, 2)), 64))], 10, Re)) : n.items.length === 0 ? (e(), h("div", ze, [g(p(q), {
+			}, null, 2)), 64))], 10, Be)) : n.items.length === 0 ? (e(), h("div", Ve, [g(p(G), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), m("p", Be, b(n.searchQuery ? p(M).mediaLibrary.noSearchResults : p(M).mediaLibrary.noFiles), 1)])) : n.layout === "list" ? (e(), h("div", {
+			}), m("p", He, b(n.searchQuery ? p(M).mediaLibrary.noSearchResults : p(M).mediaLibrary.noFiles), 1)])) : n.layout === "list" ? (e(), h("div", {
 				key: 3,
 				role: "listbox",
 				"aria-label": p(M).mediaLibrary.filesListAriaLabel,
@@ -972,16 +987,16 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 				onDblclick: (e) => E(n),
 				onKeydown: (e) => O(n, e)
 			}, [
-				m("div", tt, [p(c)(u(n)) ? (e(), h("img", {
+				m("div", rt, [p(c)(u(n)) ? (e(), h("img", {
 					key: 0,
 					src: f(n),
 					alt: n.filename || n.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, nt)) : (e(), h("div", rt, [g(Fe, { "mime-type": u(n) }, null, 8, ["mime-type"])]))]),
-				m("div", it, [m("p", at, b(n.filename || n.url), 1), m("p", ot, [
-					n.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(b(F(n.size)), 1)], 64)),
-					n.createdAt ? (e(), h(C, { key: 1 }, [n.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(" · ")], 64)), _(" " + b(I(n.createdAt)), 1)], 64)) : D("", !0),
+				}, null, 8, it)) : (e(), h("div", at, [g(Ie, { "mime-type": u(n) }, null, 8, ["mime-type"])]))]),
+				m("div", ot, [m("p", st, b(n.filename || n.url), 1), m("p", ct, [
+					n.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(b(p($)(n.size)), 1)], 64)),
+					n.createdAt ? (e(), h(C, { key: 1 }, [n.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(" · ")], 64)), _(" " + b(F(n.createdAt)), 1)], 64)) : D("", !0),
 					p(c)(u(n)) && n.width && n.height ? (e(), h(C, { key: 2 }, [_(" · " + b(n.width) + "×" + b(n.height), 1)], 64)) : D("", !0)
 				])]),
 				m("div", { class: x(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", j(n)]) }, [y(n) ? (e(), h("button", {
@@ -993,10 +1008,10 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					title: p(M).mediaLibrary.editFile,
 					"aria-label": p(M).mediaLibrary.editFile,
 					onClick: A((e) => a("edit", n), ["stop"])
-				}, [g(p(U), {
+				}, [g(p(H), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, st)) : D("", !0), w(n) ? (e(), h("button", {
+				})], 8, lt)) : D("", !0), w(n) ? (e(), h("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -1005,15 +1020,15 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					title: p(M).mediaLibrary.replaceFile,
 					"aria-label": p(M).mediaLibrary.replaceFile,
 					onClick: A((e) => a("replace", n), ["stop"])
-				}, [g(p(G), {
+				}, [g(p(U), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, ct)) : D("", !0)], 2),
-				k(n) ? (e(), h("div", lt, [g(p(B), {
+				})], 8, ut)) : D("", !0)], 2),
+				k(n) ? (e(), h("div", dt, [g(p(B), {
 					size: 12,
 					"stroke-width": 3
 				})])) : D("", !0)
-			], 46, et))), 128))], 8, $e)) : (e(), h("div", {
+			], 46, nt))), 128))], 8, tt)) : (e(), h("div", {
 				key: 2,
 				role: "listbox",
 				"aria-label": p(M).mediaLibrary.filesListAriaLabel,
@@ -1040,17 +1055,17 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 				onDblclick: (e) => E(n),
 				onKeydown: (e) => O(n, e)
 			}, [
-				m("div", Ue, [p(c)(u(n)) ? (e(), h("img", {
+				m("div", Ge, [p(c)(u(n)) ? (e(), h("img", {
 					key: 0,
 					src: f(n),
 					alt: n.filename || n.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, We)) : (e(), S(Fe, {
+				}, null, 8, Ke)) : (e(), S(Ie, {
 					key: 1,
 					"mime-type": u(n)
 				}, null, 8, ["mime-type"]))]),
-				m("div", Ge, [m("p", Ke, b(n.filename || n.url), 1), m("p", qe, [n.size == null ? D("", !0) : (e(), h("span", Je, b(F(n.size)), 1)), p(c)(u(n)) && n.width && n.height ? (e(), h("span", Ye, b(n.width) + "×" + b(n.height), 1)) : D("", !0)])]),
+				m("div", qe, [m("p", Je, b(n.filename || n.url), 1), m("p", Ye, [n.size == null ? D("", !0) : (e(), h("span", Xe, b(p($)(n.size)), 1)), p(c)(u(n)) && n.width && n.height ? (e(), h("span", Ze, b(n.width) + "×" + b(n.height), 1)) : D("", !0)])]),
 				m("div", { class: x(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", j(n)]) }, [y(n) ? (e(), h("button", {
 					key: 0,
 					type: "button",
@@ -1063,10 +1078,10 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					title: p(M).mediaLibrary.editFile,
 					"aria-label": p(M).mediaLibrary.editFile,
 					onClick: A((e) => a("edit", n), ["stop"])
-				}, [g(p(U), {
+				}, [g(p(H), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Xe)) : D("", !0), w(n) ? (e(), h("button", {
+				})], 8, Qe)) : D("", !0), w(n) ? (e(), h("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -1078,21 +1093,21 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					title: p(M).mediaLibrary.replaceFile,
 					"aria-label": p(M).mediaLibrary.replaceFile,
 					onClick: A((e) => a("replace", n), ["stop"])
-				}, [g(p(G), {
+				}, [g(p(U), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Ze)) : D("", !0)], 2),
-				k(n) ? (e(), h("div", Qe, [g(p(B), {
+				})], 8, $e)) : D("", !0)], 2),
+				k(n) ? (e(), h("div", et, [g(p(B), {
 					size: 12,
 					"stroke-width": 3
 				})])) : D("", !0)
-			], 46, He))), 128))], 8, Ve)),
+			], 46, We))), 128))], 8, Ue)),
 			m("div", {
 				ref_key: "sentinelRef",
 				ref: P,
 				class: "tpl:h-4"
 			}, null, 512),
-			n.isLoading && n.items.length > 0 ? (e(), h("div", ut, [g(p(H), {
+			n.isLoading && n.items.length > 0 ? (e(), h("div", ft, [g(p(V), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1100,26 +1115,26 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			})])) : D("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-373617e3"]]), ft = ["data-tpl-theme"], pt = {
+}), [["__scopeId", "data-v-57c35946"]]), mt = ["data-tpl-theme"], ht = {
 	id: "tpl-media-import-title",
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, mt = { class: "tpl:mb-3" }, ht = [
+}, gt = { class: "tpl:mb-3" }, _t = [
 	"aria-label",
 	"aria-invalid",
 	"aria-describedby",
 	"placeholder",
 	"disabled"
-], gt = {
+], vt = {
 	key: 0,
 	id: "tpl-media-import-error",
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, _t = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, vt = ["disabled"], yt = ["disabled"], bt = {
+}, yt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, bt = ["disabled"], xt = ["disabled"], St = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, xt = { key: 1 }, St = /* @__PURE__ */ O({
+}, Ct = { key: 1 }, wt = /* @__PURE__ */ O({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1128,7 +1143,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 	},
 	emits: ["import", "close"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, { t: o } = Q(), s = l(Z, null), f = l(X, d(null)), y = d("");
+		let i = t, a = r, { t: o } = Z(), s = l(Y, null), f = l(J, d(null)), y = d("");
 		c(() => i.visible, (e) => {
 			e && (y.value = "");
 		});
@@ -1140,7 +1155,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			i.isImporting || a("close");
 		}
 		let E = d(null);
-		ge(E, T(() => i.visible));
+		_e(E, T(() => i.visible));
 		function O(e) {
 			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), C()), e.key === "Escape" && w();
 		}
@@ -1168,8 +1183,8 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 				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)" }
 			}, [
-				m("h3", pt, b(p(o).mediaLibrary.importFromUrl), 1),
-				m("div", mt, [u(m("input", {
+				m("h3", ht, b(p(o).mediaLibrary.importFromUrl), 1),
+				m("div", gt, [u(m("input", {
 					"onUpdate:modelValue": i[0] ||= (e) => y.value = e,
 					type: "url",
 					"aria-label": p(o).mediaLibrary.importFromUrl,
@@ -1184,9 +1199,9 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					placeholder: p(o).mediaLibrary.importUrlPlaceholder,
 					disabled: t.isImporting,
 					autofocus: ""
-				}, null, 8, ht), [[k, y.value]])]),
-				t.error ? (e(), h("p", gt, b(t.error), 1)) : D("", !0),
-				m("div", _t, [m("button", {
+				}, null, 8, _t), [[k, y.value]])]),
+				t.error ? (e(), h("p", vt, b(t.error), 1)) : D("", !0),
+				m("div", yt, [m("button", {
 					class: x(["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": t.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -1195,7 +1210,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					},
 					disabled: t.isImporting,
 					onClick: w
-				}, b(p(o).mediaLibrary.cancel), 11, vt), m("button", {
+				}, b(p(o).mediaLibrary.cancel), 11, bt), m("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)",
@@ -1203,20 +1218,20 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					},
 					disabled: !y.value.trim() || t.isImporting,
 					onClick: C
-				}, [t.isImporting ? (e(), h("span", bt, [g(p(H), {
+				}, [t.isImporting ? (e(), h("span", St, [g(p(V), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), _(" " + b(p(o).mediaLibrary.importing), 1)])) : (e(), h("span", xt, b(p(o).mediaLibrary.import), 1))], 8, yt)])
-			], 512)], 42, ft)) : D("", !0)]),
+				}), _(" " + b(p(o).mediaLibrary.importing), 1)])) : (e(), h("span", Ct, b(p(o).mediaLibrary.import), 1))], 8, xt)])
+			], 512)], 42, mt)) : D("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Ct = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, wt = ["disabled", "onClick"], Tt = { class: "tpl:truncate" }, Et = {
+}), Tt = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, Et = ["disabled", "onClick"], Dt = { class: "tpl:truncate" }, Ot = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, Dt = /* @__PURE__ */ O({
+}, kt = /* @__PURE__ */ O({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1224,7 +1239,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 	},
 	emits: ["select", "close"],
 	setup(n, { emit: r }) {
-		let i = r, { t: a } = Q(), s = d(null);
+		let i = r, { t: a } = Z(), s = d(null);
 		function c(e, t = 0) {
 			let n = [];
 			for (let r of e) n.push({
@@ -1245,12 +1260,12 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [m("div", Ct, [n.currentFolderId === null ? D("", !0) : (e(), h("button", {
+		}, [m("div", Tt, [n.currentFolderId === null ? D("", !0) : (e(), h("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: l[0] ||= (e) => i("select", null)
-		}, [g(p(q), {
+		}, [g(p(G), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
@@ -1265,33 +1280,33 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			disabled: r.id === n.currentFolderId,
 			onClick: (e) => i("select", r.id)
 		}, [
-			g(p(J), {
+			g(p(K), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			m("span", Tt, b(r.name), 1),
-			r.id === n.currentFolderId ? (e(), h("span", Et, b(p(a).mediaLibrary.currentFolder), 1)) : D("", !0)
-		], 12, wt))), 128))])], 512));
+			m("span", Dt, b(r.name), 1),
+			r.id === n.currentFolderId ? (e(), h("span", Ot, b(p(a).mediaLibrary.currentFolder), 1)) : D("", !0)
+		], 12, Et))), 128))])], 512));
 	}
-}), Ot = { class: "tpl:flex tpl:items-center tpl:gap-3" }, kt = ["src", "alt"], At = {
+}), At = { class: "tpl:flex tpl:items-center tpl:gap-3" }, jt = ["src", "alt"], Mt = {
 	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)" }
-}, jt = { class: "tpl:min-w-0 tpl:flex-1" }, Mt = {
+}, Nt = { class: "tpl:min-w-0 tpl:flex-1" }, Pt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Nt = {
+}, Ft = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Pt = /*#__PURE__*/ K(/* @__PURE__ */ O({
+}, It = /*#__PURE__*/ W(/* @__PURE__ */ O({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
 		folders: {}
 	},
 	setup(t) {
-		let n = t, r = l(fe, null), { isImageMimeType: i } = $();
+		let n = t, r = l(X, null), { isImageMimeType: i } = Q();
 		function a(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r.name];
@@ -1309,34 +1324,31 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			return e ? e.join("/") : null;
 		}), s = T(() => n.item.mimeType ?? ""), c = T(() => i(s.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 Ie(e, r?.value, {
+			return Le(e, r?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		let f = T(() => n.item.filename || n.item.url);
-		return (n, r) => (e(), h("div", Ot, [c.value ? (e(), h("img", {
+		let d = T(() => n.item.filename || n.item.url);
+		return (n, r) => (e(), h("div", At, [c.value ? (e(), h("img", {
 			key: 0,
 			src: t.item.url,
-			alt: t.item.alt || f.value,
+			alt: t.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, kt)) : (e(), h("div", At, [g(Fe, {
+		}, null, 8, jt)) : (e(), h("div", Mt, [g(Ie, {
 			"mime-type": s.value,
 			class: "tpl-preview-icon"
-		}, null, 8, ["mime-type"])])), m("div", jt, [
-			m("p", Mt, b(f.value), 1),
-			m("p", Nt, [
-				t.item.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(b(u(t.item.size)), 1)], 64)),
-				t.item.createdAt ? (e(), h(C, { key: 1 }, [t.item.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(" · ")], 64)), _(" " + b(d(t.item.createdAt)), 1)], 64)) : D("", !0),
+		}, null, 8, ["mime-type"])])), m("div", Nt, [
+			m("p", Pt, b(d.value), 1),
+			m("p", Ft, [
+				t.item.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(b(p($)(t.item.size)), 1)], 64)),
+				t.item.createdAt ? (e(), h(C, { key: 1 }, [t.item.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(" · ")], 64)), _(" " + b(u(t.item.createdAt)), 1)], 64)) : D("", !0),
 				c.value && t.item.width && t.item.height ? (e(), h(C, { key: 2 }, [_(" · " + b(t.item.width) + "×" + b(t.item.height) + "px ", 1)], 64)) : D("", !0),
 				o.value ? (e(), h(C, { key: 3 }, [
 					r[0] ||= _(" · ", -1),
-					g(p(J), {
+					g(p(K), {
 						class: "tpl:mb-px tpl:inline",
 						size: 9,
 						"stroke-width": 2
@@ -1351,37 +1363,37 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			}, b(t.item.alt || "\xA0"), 3)) : D("", !0)
 		])]));
 	}
-}), [["__scopeId", "data-v-c3c1707e"]]), Ft = ["data-tpl-theme"], It = {
+}), [["__scopeId", "data-v-50993988"]]), Lt = ["data-tpl-theme"], Rt = {
 	id: "tpl-media-replace-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Lt = {
+}, zt = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Rt = {
+}, Bt = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, zt = {
+}, Vt = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Bt = {
+}, Ht = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Vt = { class: "tpl:mb-4" }, Ht = {
+}, Ut = { class: "tpl:mb-4" }, Wt = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ut = [
+}, Gt = [
 	"accept",
 	"aria-invalid",
 	"aria-describedby"
-], Wt = {
+], Kt = {
 	key: 1,
 	id: "tpl-media-replace-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" }, Kt = ["disabled"], qt = ["disabled"], Jt = /* @__PURE__ */ O({
+}, qt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Jt = ["disabled"], Yt = ["disabled"], Xt = /* @__PURE__ */ O({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1392,7 +1404,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 	},
 	emits: ["replace", "close"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, { t: o } = Q(), s = l(Z, null), u = l(X, d(null)), f = d(null), _ = d(null), y = T(() => {
+		let i = t, a = r, { t: o } = Z(), s = l(Y, null), u = l(J, d(null)), f = d(null), _ = d(null), y = T(() => {
 			if (!i.item) return "";
 			let e = (i.item.filename ?? "").split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
@@ -1408,7 +1420,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			_.value && a("replace", _.value);
 		}
 		let k = d(null);
-		ge(k, T(() => i.visible && i.item !== null));
+		_e(k, T(() => i.visible && i.item !== null));
 		function j(e) {
 			e.stopPropagation(), e.key === "Escape" && a("close");
 		}
@@ -1436,11 +1448,11 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 				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)" }
 			}, [
-				m("h3", It, b(p(o).mediaLibrary.replaceWarningTitle), 1),
-				m("p", Lt, b(p(o).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${y.value}`)), 1),
-				w.value ? (e(), h("p", Rt, b(p(o).mediaLibrary.replaceWarningUsageNote.replace("{count}", t.usageInfo.templateCount.toString())), 1)) : D("", !0),
-				m("div", zt, [m("p", Bt, b(t.item.filename), 1)]),
-				m("div", Vt, [m("label", Ht, b(p(o).mediaLibrary.replaceSelectFile), 1), m("input", {
+				m("h3", Rt, b(p(o).mediaLibrary.replaceWarningTitle), 1),
+				m("p", zt, b(p(o).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${y.value}`)), 1),
+				w.value ? (e(), h("p", Bt, b(p(o).mediaLibrary.replaceWarningUsageNote.replace("{count}", t.usageInfo.templateCount.toString())), 1)) : D("", !0),
+				m("div", Vt, [m("p", Ht, b(t.item.filename), 1)]),
+				m("div", Ut, [m("label", Wt, b(p(o).mediaLibrary.replaceSelectFile), 1), m("input", {
 					ref_key: "fileInputRef",
 					ref: f,
 					type: "file",
@@ -1454,9 +1466,9 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 						color: "var(--tpl-text)"
 					},
 					onChange: E
-				}, null, 40, Ut)]),
-				t.error ? (e(), h("p", Wt, b(t.error), 1)) : D("", !0),
-				m("div", Gt, [m("button", {
+				}, null, 40, Gt)]),
+				t.error ? (e(), h("p", Kt, b(t.error), 1)) : D("", !0),
+				m("div", qt, [m("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)",
@@ -1465,7 +1477,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					},
 					disabled: t.isReplacing,
 					onClick: i[0] ||= (e) => a("close")
-				}, b(p(o).mediaLibrary.cancel), 9, Kt), m("button", {
+				}, b(p(o).mediaLibrary.cancel), 9, Jt), m("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)",
@@ -1473,24 +1485,53 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 					},
 					disabled: !_.value || t.isReplacing,
 					onClick: O
-				}, b(t.isReplacing ? p(o).mediaLibrary.replacing : p(o).mediaLibrary.replace), 9, qt)])
-			], 512)], 42, Ft)) : D("", !0)]),
+				}, b(t.isReplacing ? p(o).mediaLibrary.replacing : p(o).mediaLibrary.replace), 9, Yt)])
+			], 512)], 42, Lt)) : D("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Yt = ["aria-label", "aria-busy"], Xt = {
+});
+//#endregion
+//#region ../media-library/src/utils/formatList.ts
+function Zt(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 Qt = [
+	"aria-label",
+	"aria-describedby",
+	"aria-busy"
+], $t = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Zt = {
+}, en = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Qt = {
+}, tn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, $t = {
+}, nn = {
+	id: "tpl-media-upload-hint",
+	"data-testid": "media-upload-hint",
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, en = /* @__PURE__ */ O({
+}, rn = {
+	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)" }
+}, an = /* @__PURE__ */ O({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -1498,66 +1539,74 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 	},
 	emits: ["upload"],
 	setup(t, { emit: n }) {
-		let r = n, { t: i, format: a } = Q(), { allAcceptedInputString: o, isAcceptedFile: s } = $(), c = d();
-		function l(e) {
-			let t = [];
-			for (let n of Array.from(e)) s(n) && t.push(n);
-			return t;
-		}
-		function u(e) {
-			let t = l(e);
-			t.length && r("upload", t);
-		}
-		let { isOverDropZone: f } = L(c, { onDrop: (e) => {
-			e?.length && u(e);
-		} }), { open: _, onChange: v } = I({
-			accept: o.value,
+		let r = n, { t: i, format: a } = Z(), o = l(X, null), { allAcceptedInputString: s, restrictsMimeTypes: c, availableCategories: u, maxFileSize: f, isAcceptedFile: _ } = Q(), v = {
+			images: "filterImages",
+			documents: "filterDocuments",
+			videos: "filterVideos",
+			audio: "filterAudio"
+		}, y = T(() => {
+			let e = i.mediaLibrary, t = c.value ? Zt(u.value.map((t) => e[v[t]]), o?.value) : i.mediaLibrary.acceptedAnyType;
+			return Number.isFinite(f.value) ? a(i.mediaLibrary.acceptedFormatsMaxSize, {
+				formats: t,
+				size: $(f.value)
+			}) : t;
+		}), S = d([]), w = d();
+		function E(e) {
+			let t = [], n = [];
+			for (let r of Array.from(e)) _(r) ? t.push(r) : n.push(r.name);
+			S.value = n, t.length && r("upload", t);
+		}
+		let { isOverDropZone: O } = L(w, { onDrop: (e) => {
+			e?.length && E(e);
+		} }), { open: k, onChange: A } = I({
+			accept: s.value,
 			multiple: !0
 		});
-		return v((e) => {
-			e?.length && u(e);
-		}), (n, r) => (e(), h("button", {
+		return A((e) => {
+			e?.length && E(e);
+		}), (n, r) => (e(), h(C, null, [m("button", {
 			ref_key: "dropZoneRef",
-			ref: c,
+			ref: w,
 			type: "button",
 			"data-testid": "media-upload-zone",
-			class: x(["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", p(f) ? "tpl-upload-zone-active" : ""]),
+			class: x(["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", p(O) ? "tpl-upload-zone-active" : ""]),
 			"aria-label": p(i).mediaLibrary.dropOrClick,
+			"aria-describedby": t.isUploading ? void 0 : "tpl-media-upload-hint",
 			"aria-busy": t.isUploading,
 			style: {
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
-			onClick: r[0] ||= (e) => p(_)()
-		}, [t.isUploading ? (e(), h("div", Xt, [g(p(H), {
+			onClick: r[0] ||= (e) => p(k)()
+		}, [t.isUploading ? (e(), h("div", $t, [g(p(V), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), m("span", Zt, b(t.uploadProgress && t.uploadProgress.total > 1 ? p(a)(p(i).mediaLibrary.uploadingProgress, {
+		}), m("span", en, b(t.uploadProgress && t.uploadProgress.total > 1 ? p(a)(p(i).mediaLibrary.uploadingProgress, {
 			current: t.uploadProgress.current,
 			total: t.uploadProgress.total
 		}) : p(i).mediaLibrary.uploading), 1)])) : (e(), h(C, { key: 1 }, [
-			g(p(oe), {
+			g(p(ce), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			m("p", Qt, b(p(i).mediaLibrary.dropOrClick), 1),
-			m("p", $t, b(p(i).mediaLibrary.acceptedFormats), 1)
-		], 64))], 10, Yt));
+			m("p", tn, b(p(i).mediaLibrary.dropOrClick), 1),
+			m("p", nn, b(y.value), 1)
+		], 64))], 10, Qt), S.value.length ? (e(), h("p", rn, b(p(a)(p(i).mediaLibrary.uploadRejected, { files: S.value.join(", ") })), 1)) : D("", !0)], 64));
 	}
-}), tn = ["aria-label"], nn = [
+}), on = ["aria-label"], sn = [
 	"width",
 	"height",
 	"viewBox"
-], rn = [
+], cn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], an = [
+], ln = [
 	"cx",
 	"cy",
 	"r",
@@ -1565,14 +1614,14 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], on = {
+], un = {
 	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)"
 	}
-}, sn = /* @__PURE__ */ O({
+}, dn = /* @__PURE__ */ O({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1580,27 +1629,16 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 		size: {}
 	},
 	setup(t) {
-		let r = t, { t: i, format: a } = Q(), o = d(!1), s = T(() => r.size ?? 24), c = T(() => Math.max(2, s.value / 8)), l = T(() => (s.value - c.value) / 2), u = T(() => 2 * Math.PI * l.value), f = T(() => r.limitBytes <= 0 ? 0 : Math.min(100, r.usedBytes / r.limitBytes * 100)), p = T(() => u.value - f.value / 100 * u.value), v = T(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)");
-		function y(e) {
-			if (e === 0) return "0 B";
-			let t = 1024, n = [
-				"B",
-				"KB",
-				"MB",
-				"GB"
-			], r = Math.floor(Math.log(e) / Math.log(t)), i = e / t ** r, a = +(r >= 2);
-			return `${i.toFixed(a)} ${n[r]}`;
-		}
-		let x = T(() => y(r.usedBytes)), S = T(() => y(r.limitBytes)), C = T(() => Math.max(0, r.limitBytes - r.usedBytes)), w = T(() => y(C.value)), E = T(() => a(i.mediaLibrary.storageTooltip, {
-			used: x.value,
-			total: S.value,
-			remaining: w.value
+		let r = t, { t: i, format: a } = Z(), o = d(!1), s = T(() => r.size ?? 24), c = T(() => Math.max(2, s.value / 8)), l = T(() => (s.value - c.value) / 2), u = T(() => 2 * Math.PI * l.value), f = T(() => r.limitBytes <= 0 ? 0 : Math.min(100, r.usedBytes / r.limitBytes * 100)), p = T(() => u.value - f.value / 100 * u.value), v = T(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)"), y = T(() => $(r.usedBytes)), x = T(() => $(r.limitBytes)), S = T(() => Math.max(0, r.limitBytes - r.usedBytes)), C = T(() => $(S.value)), w = T(() => a(i.mediaLibrary.storageTooltip, {
+			used: y.value,
+			total: x.value,
+			remaining: C.value
 		}));
 		return (t, r) => (e(), h("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": E.value,
+			"aria-label": w.value,
 			onMouseenter: r[0] ||= (e) => o.value = !0,
 			onMouseleave: r[1] ||= (e) => o.value = !1,
 			onFocus: r[2] ||= (e) => o.value = !0,
@@ -1617,7 +1655,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			fill: "none",
 			"stroke-width": c.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, rn), m("circle", {
+		}, null, 8, cn), m("circle", {
 			cx: s.value / 2,
 			cy: s.value / 2,
 			r: l.value,
@@ -1628,7 +1666,7 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			"stroke-dasharray": u.value,
 			"stroke-dashoffset": p.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, an)], 8, nn)), g(M, {
+		}, null, 8, ln)], 8, sn)), g(M, {
 			"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",
@@ -1636,17 +1674,17 @@ var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: n(() => [o.value ? (e(), h("div", on, [_(b(E.value) + " ", 1), r[4] ||= m("div", {
+			default: n(() => [o.value ? (e(), h("div", un, [_(b(w.value) + " ", 1), r[4] ||= m("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)])) : D("", !0)]),
 			_: 1
-		})], 40, tn));
+		})], 40, on));
 	}
 });
 //#endregion
 //#region ../media-library/src/utils/treeFolders.ts
-function cn(e) {
+function fn(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.id, {
 		...n,
@@ -1661,12 +1699,12 @@ function cn(e) {
 }
 //#endregion
 //#region ../media-library/src/composables/useMediaLibraryUI.ts
-function ln(e) {
+function pn(e) {
 	let { library: t, translations: n } = e;
 	function r() {
 		return "value" in n && typeof n.value == "object" ? n.value : n;
 	}
-	let i = d("grid"), a = d(!1), o = d(""), s = d(null), l = d(!1), u = d(!1), f = T(() => t.previewItem.value?.url ?? null), p = T(() => t.frequentlyUsedItems.value.length > 0), m = T(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), h = T(() => Object.values(t.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = T(() => cn(t.folders.value)), _ = {
+	let i = d("grid"), a = d(!1), o = d(""), s = d(null), l = d(!1), u = d(!1), f = T(() => t.previewItem.value?.url ?? null), p = T(() => t.frequentlyUsedItems.value.length > 0), m = T(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), h = T(() => Object.values(t.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = T(() => fn(t.folders.value)), _ = {
 		images: () => r().mediaLibrary.filterImages,
 		documents: () => r().mediaLibrary.filterDocuments,
 		videos: () => r().mediaLibrary.filterVideos,
@@ -1707,7 +1745,7 @@ function ln(e) {
 		s.value = e;
 	}
 	async function A(e, n, r, i) {
-		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), s.value = null;
+		return i && !await t.replaceMediaDirectly(e, i.file) ? "failed" : await t.updateFile(e, n, r) ? (s.value = null, "saved") : i ? "replaced" : "failed";
 	}
 	async function j(e) {
 		await t.importFromUrl(e) && (l.value = !1);
@@ -1760,7 +1798,7 @@ function ln(e) {
 }
 //#endregion
 //#region ../media-library/src/composable.ts
-function un(e) {
+function mn(e) {
 	let { provider: t } = e, n = d([]), r = d([]), i = d(null), a = d("files"), o = d(""), s = d(null), c = d("newest"), l = d(!1), u = d(!1), f = d(!1), p = d(null), m = d(null), h = d(/* @__PURE__ */ new Set()), g = d(null), _ = d([]), v = d({}), y = d(!1), b = d([]), x = d(!1), S = d(null), C = d(!1), T = d(null), E = d(!1), D = d(null), O = d(null), k = d(null), A = 0;
 	function j(t) {
 		try {
@@ -1825,9 +1863,9 @@ function un(e) {
 		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await F();
 	}
 	async function B() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await G();
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await U();
 	}
-	async function V(r) {
+	async function te(r) {
 		let { create: a } = t;
 		if (typeof a != "function") return null;
 		u.value = !0;
@@ -1844,7 +1882,7 @@ function un(e) {
 			u.value = !1;
 		}
 	}
-	async function te(r) {
+	async function ne(r) {
 		let { create: a } = t;
 		if (typeof a == "function") {
 			u.value = !0, m.value = {
@@ -1873,7 +1911,7 @@ function un(e) {
 			}
 		}
 	}
-	async function ne(t) {
+	async function re(t) {
 		if (h.value.size === 0) return;
 		let { move: r } = M() ?? { move: !1 };
 		if (typeof r == "function") try {
@@ -1887,39 +1925,40 @@ function un(e) {
 			e.onError?.(t);
 		}
 	}
-	async function re(r, i, a) {
+	async function ie(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 H(e) {
+	function V(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 U(e) {
+	function H(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 ae() {
 		if (h.value.size === 0) return;
 		let { delete: n } = t;
 		if (typeof n != "function") return;
-		let r = [...h.value], i = H(r);
+		let r = [...h.value], i = V(r);
 		try {
-			await n(r), U(r);
+			await n(r), H(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();
@@ -1927,7 +1966,7 @@ function un(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;
@@ -1941,21 +1980,21 @@ function un(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 = H(r);
+		let r = b.value, i = V(r);
 		try {
-			await n(r), U(r), b.value = [], v.value = {};
+			await n(r), H(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;
@@ -1968,17 +2007,17 @@ function un(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 q() {
+	function G() {
 		h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
-	function J(e) {
+	function K(e) {
 		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function ce() {
+	async function ue() {
 		let { storage: n } = t;
 		if (typeof n != "function") {
 			k.value = null;
@@ -1990,7 +2029,7 @@ function un(e) {
 			e.onError?.(t);
 		}
 	}
-	async function Y() {
+	async function q() {
 		let t = M();
 		if (t) try {
 			r.value = await t.list();
@@ -1998,40 +2037,40 @@ function un(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 ue(e, t) {
+	function fe(e, t) {
 		for (let n of e) if (n.id === t) return n;
 		return null;
 	}
-	async function X(t, n) {
+	async function J(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 de(t) {
+	async function pe(t) {
 		let { delete: n } = M() ?? { delete: !1 };
 		if (typeof n == "function") try {
-			let e = ue(r.value, t)?.parentId ?? null;
-			await n(t), i.value === t && (i.value = e), await Y(), await F();
+			let e = fe(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 Z(n) {
+	async function Y(n) {
 		D.value = n, T.value = null;
 		let { checkUsage: r } = t;
 		if (typeof r != "function") {
@@ -2045,31 +2084,31 @@ function un(e) {
 			e.onError?.(t);
 		}
 	}
-	function fe() {
+	function X() {
 		E.value = !1, D.value = null, O.value = null, T.value = null;
 	}
-	function pe(e) {
+	function me(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 Q(n) {
+	async function Z(n) {
 		let { replace: r } = t;
 		if (typeof r != "function" || !D.value) return null;
 		C.value = !0, T.value = null;
 		try {
 			let e = await r(D.value.id, n);
-			return pe(e), E.value = !1, D.value = null, O.value = null, e;
+			return me(e), E.value = !1, D.value = null, O.value = null, e;
 		} catch (t) {
 			return T.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
 		} finally {
 			C.value = !1;
 		}
 	}
-	async function me(n, r) {
+	async function he(n, r) {
 		let { replace: i } = t;
 		if (typeof i != "function") return null;
 		try {
 			let e = await i(n, r);
-			return pe(e), e;
+			return me(e), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
@@ -2098,117 +2137,117 @@ function un(e) {
 		sortBy: ee,
 		navigateToFolder: z,
 		showFrequentlyUsed: B,
-		uploadFile: V,
-		uploadFiles: te,
-		moveSelected: ne,
-		updateFile: re,
-		deleteSelected: W,
+		uploadFile: te,
+		uploadFiles: ne,
+		moveSelected: re,
+		updateFile: ie,
+		deleteSelected: ae,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
-		importFromUrl: se,
-		toggleSelection: K,
-		clearSelection: q,
-		selectItem: J,
-		loadFolders: Y,
-		createFolder: le,
-		renameFolder: X,
-		deleteFolder: de,
-		findFolderInTree: ue,
-		loadFrequentlyUsed: G,
-		checkUsageBeforeDelete: ie,
-		confirmDelete: ae,
-		cancelDelete: oe,
+		importFromUrl: le,
+		toggleSelection: W,
+		clearSelection: G,
+		selectItem: K,
+		loadFolders: q,
+		createFolder: de,
+		renameFolder: J,
+		deleteFolder: pe,
+		findFolderInTree: fe,
+		loadFrequentlyUsed: U,
+		checkUsageBeforeDelete: oe,
+		confirmDelete: se,
+		cancelDelete: ce,
 		isReplacing: C,
 		replaceError: T,
 		showReplaceWarning: E,
 		pendingReplaceItem: D,
 		replaceUsageInfo: O,
-		checkUsageBeforeReplace: Z,
-		cancelReplace: fe,
-		replaceFile: Q,
-		replaceMediaDirectly: me,
+		checkUsageBeforeReplace: Y,
+		cancelReplace: X,
+		replaceFile: Z,
+		replaceMediaDirectly: he,
 		storageInfo: k,
-		loadStorage: ce
+		loadStorage: ue
 	};
 }
 //#endregion
 //#region ../media-library/src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
-var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, fn = {
+var hn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, gn = {
 	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)" }
-}, pn = {
+}, _n = {
 	id: "tpl-media-library-title",
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, mn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hn = { class: "tpl:relative" }, gn = [
+}, vn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, yn = { class: "tpl:relative" }, bn = [
 	"value",
 	"disabled",
 	"aria-label",
 	"placeholder"
-], _n = ["aria-label"], vn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, yn = {
+], xn = ["aria-label"], Sn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Cn = {
 	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)"
 	}
-}, bn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, xn = {
+}, wn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Tn = {
 	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)" }
-}, Sn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Cn = [
+}, En = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Dn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], wn = {
+], On = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Tn = {
+}, kn = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, En = [
+}, An = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Dn = [
+], jn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], On = { class: "tpl:flex tpl:items-center tpl:gap-2" }, kn = ["aria-label", "value"], An = { value: "" }, jn = ["value"], Mn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Nn = {
+], Mn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Nn = ["aria-label", "value"], Pn = { value: "" }, Fn = ["value"], In = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Ln = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Pn = {
+}, Rn = {
 	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)"
 	}
-}, Fn = {
+}, zn = {
 	id: "tpl-media-delete-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, In = {
+}, Bn = {
 	key: 0,
 	"data-testid": "media-delete-usage",
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ln = {
+}, Vn = {
 	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)" }
-}, Rn = { class: "tpl:font-medium" }, zn = { style: { color: "var(--tpl-text-muted)" } }, Bn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Vn = {
+}, Hn = { class: "tpl:font-medium" }, Un = { style: { color: "var(--tpl-text-muted)" } }, Wn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Gn = {
 	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)" }
-}, Hn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Un = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Wn = {
+}, Kn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, qn = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Jn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Gn = {
+}, Yn = {
 	key: 1,
 	class: "tpl:relative"
-}, Kn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, qn = ["data-testid", "disabled"], Jn = /* @__PURE__ */ O({
+}, Xn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Zn = ["data-testid", "disabled"], Qn = /* @__PURE__ */ O({
 	__name: "MediaLibraryChrome",
 	props: {
 		provider: {},
@@ -2226,7 +2265,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		"ready"
 	],
 	setup(i, { expose: a, emit: s }) {
-		let l = i, u = s, d = f(() => import("./MediaEditModal-B1X8qtJb.js")), v = T(() => l.translations), w = T(() => l.confirmTestId ?? "media-confirm"), E = {
+		let l = i, u = s, d = f(() => import("./MediaEditModal-Bm8uOKBx.js")), v = T(() => l.translations), w = T(() => l.confirmTestId ?? "media-confirm"), E = {
 			get maxFileSize() {
 				return l.provider.maxFileSize;
 			},
@@ -2237,46 +2276,46 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				return l.accept;
 			}
 		};
-		y(ue, E);
-		let { isAcceptedMimeType: O, availableCategories: k } = $(E), j = un({
+		y(fe, E);
+		let { isAcceptedMimeType: O, availableCategories: k } = Q(E), j = mn({
 			provider: l.provider,
 			templateId: () => l.templateId,
 			onError: (e) => l.onError?.(e)
-		}), N = ln({
+		}), N = pn({
 			library: j,
 			translations: v
-		}), P = T(() => typeof l.provider.create == "function"), F = T(() => l.provider.folders !== !1), I = T(() => typeof l.provider.importFromUrl == "function"), L = T(() => typeof l.provider.delete == "function"), R = T(() => typeof l.provider.update == "function"), ee = T(() => typeof l.provider.replace == "function"), z = T(() => typeof l.provider.frequentlyUsed == "function"), V = T(() => {
+		}), P = T(() => typeof l.provider.create == "function"), F = T(() => l.provider.folders !== !1), I = T(() => typeof l.provider.importFromUrl == "function"), L = T(() => typeof l.provider.delete == "function"), R = T(() => typeof l.provider.update == "function"), ee = T(() => typeof l.provider.replace == "function"), z = T(() => typeof l.provider.frequentlyUsed == "function"), te = T(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.move == "function";
-		}), H = T(() => {
+		}), V = T(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.create == "function";
-		}), U = T(() => {
+		}), H = T(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.update == "function";
-		}), W = T(() => {
+		}), ae = T(() => {
 			let e = l.provider.folders;
 			return e !== !1 && typeof e.delete == "function";
-		}), G = T(() => j.isLoading.value && N.displayItems.value.length === 0), ae = T(() => {
+		}), U = T(() => j.isLoading.value && N.displayItems.value.length === 0), se = T(() => {
 			let e = j.previewItem.value;
 			return e ? !l.accept?.length || O(e.mimeType ?? "", l.accept) : !1;
-		}), oe = T(() => {
+		}), ce = T(() => {
 			if (!L.value) return 0;
 			let e = 0;
 			for (let t of j.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
 			return e;
-		}), K = T(() => N.showImportUrlModal.value || N.editingItem.value !== null || j.showReplaceWarning.value);
-		function q() {
-			return K.value ? !0 : N.showMovePicker.value ? (N.showMovePicker.value = !1, !0) : j.showDeleteWarning.value ? (j.cancelDelete(), !0) : !1;
+		}), W = T(() => N.showImportUrlModal.value || N.editingItem.value !== null || j.showReplaceWarning.value);
+		function G() {
+			return W.value ? !0 : N.showMovePicker.value ? (N.showMovePicker.value = !1, !0) : j.showDeleteWarning.value ? (j.cancelDelete(), !0) : !1;
 		}
-		function J() {
-			ae.value && j.previewItem.value && u("confirm", j.previewItem.value);
+		function K() {
+			se.value && j.previewItem.value && u("confirm", j.previewItem.value);
 		}
-		function le(e) {
+		function de(e) {
 			let t = e.target.value;
 			j.filterByCategory(t || null);
 		}
-		async function X() {
+		async function J() {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of j.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
 			j.selectedItems.value = e, await N.handleDeleteClick();
@@ -2286,22 +2325,22 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		}, { immediate: !0 }), j.loadItems(), j.loadFrequentlyUsed(), j.loadStorage(), u("ready"), r(() => {
 			N.resetUI();
 		}), a({
-			nestedDialogOpen: K,
-			handleEscape: q,
+			nestedDialogOpen: W,
+			handleEscape: G,
 			library: j,
 			ui: N
-		}), (r, a) => (e(), h("div", dn, [
-			m("div", fn, [m("h2", pn, b(v.value.mediaLibrary.title), 1), m("div", mn, [
-				p(j).storageInfo.value ? (e(), S(sn, {
+		}), (r, a) => (e(), h("div", hn, [
+			m("div", gn, [m("h2", _n, b(v.value.mediaLibrary.title), 1), m("div", vn, [
+				p(j).storageInfo.value ? (e(), S(dn, {
 					key: 0,
 					"used-bytes": p(j).storageInfo.value.usedBytes,
 					"limit-bytes": p(j).storageInfo.value.limitBytes,
 					size: 22
 				}, null, 8, ["used-bytes", "limit-bytes"])) : D("", !0),
-				m("div", hn, [m("input", {
+				m("div", yn, [m("input", {
 					value: p(N).searchInput.value,
 					type: "search",
-					disabled: G.value,
+					disabled: U.value,
 					"aria-label": v.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: {
@@ -2311,7 +2350,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					},
 					placeholder: v.value.mediaLibrary.searchPlaceholder,
 					onInput: a[0] ||= (e) => p(N).handleSearchInput(e.target.value)
-				}, null, 40, gn), g(p(ie), {
+				}, null, 40, bn), g(p(oe), {
 					class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 					size: 13,
 					"stroke-width": 2,
@@ -2324,12 +2363,12 @@ var dn = { 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: a[1] ||= (e) => u("close")
-				}, [g(p(se), {
+				}, [g(p(le), {
 					size: 18,
 					"stroke-width": 2
-				})], 8, _n)) : D("", !0)
+				})], 8, xn)) : D("", !0)
 			])]),
-			m("div", vn, [g(M, {
+			m("div", Sn, [g(M, {
 				"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",
@@ -2337,14 +2376,14 @@ var dn = { 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: n(() => [F.value && p(N).showSidebar.value ? (e(), h("div", yn, [g(Pe, {
+				default: n(() => [F.value && p(N).showSidebar.value ? (e(), h("div", Cn, [g(Fe, {
 					folders: p(N).folderTree.value,
 					"current-folder-id": p(j).currentFolderId.value,
 					"view-mode": p(j).viewMode.value,
 					"has-frequently-used": z.value && p(N).hasFrequentlyUsed.value,
-					"can-create-folder": H.value,
-					"can-rename-folder": U.value,
-					"can-delete-folder": W.value,
+					"can-create-folder": V.value,
+					"can-rename-folder": H.value,
+					"can-delete-folder": ae.value,
 					onNavigate: p(j).navigateToFolder,
 					onCreateFolder: p(N).handleCreateFolder,
 					onRenameFolder: p(N).handleRenameFolder,
@@ -2365,7 +2404,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"onShowFrequentlyUsed"
 				])])) : D("", !0)]),
 				_: 1
-			}), m("div", bn, [m("div", xn, [m("div", Sn, [
+			}), m("div", wn, [m("div", Tn, [m("div", En, [
 				F.value ? (e(), h("button", {
 					key: 0,
 					type: "button",
@@ -2380,11 +2419,11 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": p(N).showSidebar.value ? v.value.mediaLibrary.hideFolders : v.value.mediaLibrary.showFolders,
 					"aria-pressed": p(N).showSidebar.value,
 					onClick: a[2] ||= (e) => p(N).showSidebar.value = !p(N).showSidebar.value
-				}, [g(p(Y), {
+				}, [g(p(q), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, Cn)) : D("", !0),
-				p(j).viewMode.value === "frequently-used" ? (e(), h("span", wn, b(v.value.mediaLibrary.frequentlyUsed), 1)) : (e(), S(be, {
+				})], 12, Dn)) : D("", !0),
+				p(j).viewMode.value === "frequently-used" ? (e(), h("span", On, b(v.value.mediaLibrary.frequentlyUsed), 1)) : (e(), S(xe, {
 					key: 2,
 					folders: p(N).folderTree.value,
 					"current-folder-id": p(j).currentFolderId.value,
@@ -2394,7 +2433,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"current-folder-id",
 					"onNavigate"
 				])),
-				m("div", Tn, [m("button", {
+				m("div", kn, [m("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: t({
@@ -2405,10 +2444,10 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": v.value.mediaLibrary.viewGrid,
 					"aria-pressed": p(N).layoutMode.value === "grid",
 					onClick: a[3] ||= (e) => p(N).layoutMode.value = "grid"
-				}, [g(p(ce), {
+				}, [g(p(ue), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, En), m("button", {
+				})], 12, An), m("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: t({
@@ -2419,11 +2458,11 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": v.value.mediaLibrary.viewList,
 					"aria-pressed": p(N).layoutMode.value === "list",
 					onClick: a[4] ||= (e) => p(N).layoutMode.value = "list"
-				}, [g(p(re), {
+				}, [g(p(ie), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, Dn)])
-			]), m("div", On, [p(k).length > 1 ? (e(), h("select", {
+				})], 12, jn)])
+			]), m("div", Mn, [p(k).length > 1 ? (e(), h("select", {
 				key: 0,
 				"aria-label": v.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",
@@ -2433,11 +2472,11 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					color: "var(--tpl-text)"
 				},
 				value: p(j).categoryFilter.value ?? "",
-				onChange: le
-			}, [m("option", An, b(v.value.mediaLibrary.filterAll), 1), (e(!0), h(C, null, o(p(k), (t) => (e(), h("option", {
+				onChange: de
+			}, [m("option", Pn, b(v.value.mediaLibrary.filterAll), 1), (e(!0), h(C, null, o(p(k), (t) => (e(), h("option", {
 				key: t,
 				value: t
-			}, b(p(N).getCategoryLabel(t)), 9, jn))), 128))], 40, kn)) : D("", !0)])]), m("div", Mn, [p(j).viewMode.value === "files" && (P.value || I.value) ? (e(), h("div", Nn, [P.value ? (e(), S(en, {
+			}, b(p(N).getCategoryLabel(t)), 9, Fn))), 128))], 40, Nn)) : D("", !0)])]), m("div", In, [p(j).viewMode.value === "files" && (P.value || I.value) ? (e(), h("div", Ln, [P.value ? (e(), S(an, {
 				key: 0,
 				"is-uploading": p(j).isUploading.value,
 				"upload-progress": p(j).uploadProgress.value,
@@ -2456,10 +2495,10 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: a[5] ||= (e) => p(N).showImportUrlModal.value = !0
-			}, [g(p(ne), {
+			}, [g(p(re), {
 				size: 14,
 				"stroke-width": 2
-			}), _(" " + b(v.value.mediaLibrary.importFromUrl), 1)])) : D("", !0)])) : D("", !0), g(dt, {
+			}), _(" " + b(v.value.mediaLibrary.importFromUrl), 1)])) : D("", !0)])) : D("", !0), g(pt, {
 				items: p(N).displayItems.value,
 				"selected-ids": p(j).selectedItems.value,
 				"is-loading": p(j).isLoading.value,
@@ -2474,7 +2513,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				onLoadMore: p(j).loadMore,
 				onEdit: p(N).handleEditItem,
 				onReplace: p(N).handleReplaceItem,
-				onConfirm: J
+				onConfirm: K
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -2491,7 +2530,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"onEdit",
 				"onReplace"
 			])])])]),
-			g(St, {
+			g(wt, {
 				visible: p(N).showImportUrlModal.value,
 				"is-importing": p(j).isImportingFromUrl.value,
 				error: p(j).importFromUrlError.value,
@@ -2507,10 +2546,15 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 0,
 				visible: !0,
 				item: p(N).editingItem.value,
-				onSave: p(N).handleEditSave,
+				save: p(N).handleEditSave,
+				"can-crop": ee.value && p(N).editingItem.value.canUpdate !== !1,
 				onClose: a[7] ||= (e) => p(N).editingItem.value = null
-			}, null, 8, ["item", "onSave"])) : D("", !0),
-			g(Jt, {
+			}, null, 8, [
+				"item",
+				"save",
+				"can-crop"
+			])) : D("", !0),
+			g(Xt, {
 				visible: p(j).showReplaceWarning.value,
 				item: p(j).pendingReplaceItem.value,
 				"usage-info": p(j).replaceUsageInfo.value,
@@ -2547,19 +2591,19 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
 					onClick: a[10] ||= A((...e) => p(j).cancelDelete && p(j).cancelDelete(...e), ["self"])
-				}, [m("div", Pn, [
-					m("h3", Fn, b(v.value.mediaLibrary.deleteWarningTitle), 1),
+				}, [m("div", Rn, [
+					m("h3", zn, b(v.value.mediaLibrary.deleteWarningTitle), 1),
 					m("p", {
 						class: x(["tpl:text-xs", p(N).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, b(v.value.mediaLibrary.deleteWarningMessage), 3),
-					p(N).hasUsedFiles.value ? (e(), h("p", In, b(v.value.mediaLibrary.deleteWarningUsageNote), 1)) : D("", !0),
-					p(N).hasUsedFiles.value ? (e(), h("div", Ln, [(e(!0), h(C, null, o(p(j).deleteUsageInfo.value, (t, n) => (e(), h("div", {
+					p(N).hasUsedFiles.value ? (e(), h("p", Bn, b(v.value.mediaLibrary.deleteWarningUsageNote), 1)) : D("", !0),
+					p(N).hasUsedFiles.value ? (e(), h("div", Vn, [(e(!0), h(C, null, o(p(j).deleteUsageInfo.value, (t, n) => (e(), h("div", {
 						key: n,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [t.templateCount > 0 ? (e(), h(C, { key: 0 }, [m("span", Rn, b(p(N).displayItems.value.find((e) => e.id === n)?.filename || n), 1), m("span", zn, " - " + b(v.value.mediaLibrary.usedInTemplates.replace("{count}", t.templateCount.toString())), 1)], 64)) : D("", !0)]))), 128))])) : D("", !0),
-					m("div", Bn, [m("button", {
+					}, [t.templateCount > 0 ? (e(), h(C, { key: 0 }, [m("span", Hn, b(p(N).displayItems.value.find((e) => e.id === n)?.filename || n), 1), m("span", Un, " - " + b(v.value.mediaLibrary.usedInTemplates.replace("{count}", t.templateCount.toString())), 1)], 64)) : D("", !0)]))), 128))])) : D("", !0),
+					m("div", Wn, [m("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)",
@@ -2579,11 +2623,11 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				])])) : D("", !0)]),
 				_: 1
 			}),
-			m("div", Vn, [m("div", Hn, [p(j).previewItem.value ? (e(), S(Pt, {
+			m("div", Gn, [m("div", Kn, [p(j).previewItem.value ? (e(), S(It, {
 				key: 0,
 				item: p(j).previewItem.value,
 				folders: p(N).folderTree.value
-			}, null, 8, ["item", "folders"])) : D("", !0)]), m("div", Un, [p(j).selectedItems.value.size > 0 ? (e(), h("div", Wn, [p(j).previewItem.value ? (e(), h("button", {
+			}, null, 8, ["item", "folders"])) : D("", !0)]), m("div", qn, [p(j).selectedItems.value.size > 0 ? (e(), h("div", Jn, [p(j).previewItem.value ? (e(), h("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: t({
@@ -2596,11 +2640,11 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (e(), S(p(te), {
+			})) : (e(), S(p(ne), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), _(" " + b(p(N).copied.value ? v.value.mediaLibrary.copied : v.value.mediaLibrary.copyUrl), 1)], 4)) : D("", !0), V.value ? (e(), h("div", Gn, [m("button", {
+			})), _(" " + b(p(N).copied.value ? v.value.mediaLibrary.copied : v.value.mediaLibrary.copyUrl), 1)], 4)) : D("", !0), te.value ? (e(), h("div", Yn, [m("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)",
@@ -2608,7 +2652,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: a[12] ||= (e) => p(N).showMovePicker.value = !p(N).showMovePicker.value
-			}, b(v.value.mediaLibrary.moveSelected), 1), p(N).showMovePicker.value ? (e(), S(Dt, {
+			}, b(v.value.mediaLibrary.moveSelected), 1), p(N).showMovePicker.value ? (e(), S(kt, {
 				key: 0,
 				folders: p(N).folderTree.value,
 				"current-folder-id": p(j).currentFolderId.value,
@@ -2618,7 +2662,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : D("", !0)])) : D("", !0)])) : D("", !0), m("div", Kn, [oe.value > 0 ? (e(), h("button", {
+			])) : D("", !0)])) : D("", !0)])) : D("", !0), m("div", Xn, [ce.value > 0 ? (e(), h("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",
@@ -2627,7 +2671,7 @@ var dn = { 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: X
+				onClick: J
 			}, b(v.value.mediaLibrary.deleteSelected), 1)) : D("", !0), i.showConfirm ? (e(), h("button", {
 				key: 1,
 				"data-testid": w.value,
@@ -2636,45 +2680,45 @@ var dn = { 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: !ae.value,
-				onClick: J
-			}, b(i.accept?.length ? v.value.mediaLibrary.selectImage : v.value.mediaLibrary.selectFile), 9, qn)) : D("", !0)])])])
+				disabled: !se.value,
+				onClick: K
+			}, b(i.accept?.length ? v.value.mediaLibrary.selectImage : v.value.mediaLibrary.selectFile), 9, Zn)) : D("", !0)])])])
 		]));
 	}
-}), Yn = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./ca-BTf1Zbqb.js"),
-	"./locales/de.ts": () => import("./de-xzrh9PA3.js"),
-	"./locales/en.ts": () => import("./en-BvOjRLiw.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")
+}), $n = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca-CYQH3J0b.js"),
+	"./locales/de.ts": () => import("./de-JvCTMJPy.js"),
+	"./locales/en.ts": () => import("./en-CdCFaV2V.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 Xn(e) {
+function er(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Zn = Xn(Yn);
-function Qn(e) {
+var tr = er($n);
+function nr(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function $n(e) {
-	let t = Qn(e);
-	return Zn.find((e) => Qn(e) === t);
+function rr(e) {
+	let t = nr(e);
+	return tr.find((e) => nr(e) === t);
 }
-function er(e) {
-	return Qn(e).split("-")[0];
+function ir(e) {
+	return nr(e).split("-")[0];
 }
-function tr(e) {
-	return $n(e) ?? $n(er(e)) ?? "en";
+function ar(e) {
+	return rr(e) ?? rr(ir(e)) ?? "en";
 }
-async function nr(e) {
-	let t = Yn[`./locales/${tr(e)}.ts`];
+async function or(e) {
+	let t = $n[`./locales/${ar(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region ../media-library/src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var rr = ["data-tpl-theme"], ir = /* @__PURE__ */ O({
+var sr = ["data-tpl-theme"], cr = /* @__PURE__ */ O({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -2690,14 +2734,14 @@ var rr = ["data-tpl-theme"], ir = /* @__PURE__ */ O({
 	setup(t, { emit: r }) {
 		let i = t, a = r, o = d(null);
 		c(() => i.locale, async (e) => {
-			o.value = await nr(e ?? "en");
-		}, { immediate: !0 }), y(de, o);
+			o.value = await or(e ?? "en");
+		}, { immediate: !0 }), y(pe, o);
 		let s = T(() => i.uiTheme);
-		y(Z, s);
+		y(Y, s);
 		let l = E(() => i.popoverTarget ?? null);
-		y(X, l), y(fe, E(() => i.locale));
+		y(J, l), y(X, E(() => i.locale));
 		let u = d(null), f = d(null);
-		ge(u, T(() => i.visible && o.value !== null && !f.value?.nestedDialogOpen));
+		_e(u, T(() => i.visible && o.value !== null && !f.value?.nestedDialogOpen));
 		function p(e) {
 			if (e.key === "Escape") {
 				if (f.value?.handleEscape()) {
@@ -2747,7 +2791,7 @@ var rr = ["data-tpl-theme"], ir = /* @__PURE__ */ O({
 					border: "1px solid var(--tpl-border)",
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
-			}, [g(Jn, {
+			}, [g(Qn, {
 				ref_key: "chromeRef",
 				ref: f,
 				provider: t.provider,
@@ -2766,10 +2810,10 @@ var rr = ["data-tpl-theme"], ir = /* @__PURE__ */ O({
 				"template-id",
 				"on-error",
 				"translations"
-			])], 512)], 10, rr)) : D("", !0)]),
+			])], 512)], 10, sr)) : D("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
 });
 //#endregion
-export { ir as MediaLibraryModal, X as a, pe as i, $ as n, Z as o, Q as r, ge as t };
+export { cr as MediaLibraryModal, J as a, me as i, Q as n, Y as o, Z as r, _e as t };