@templatical/media-library 0.43.0 → 0.43.2

package/dist/templatical-media-library.js

@@ -1,9 +1,9 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./useFocusTrap-6eIRXtCA.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./useFocusTrap-CIacOa9R.js";
 import { Fragment as l, Teleport as u, Transition as d, computed as f, createApp as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineAsyncComponent as b, defineComponent as x, h as S, inject as C, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as E, openBlock as D, provide as O, ref as k, renderList as A, resolveComponent as j, toDisplayString as M, toRef as N, toValue as P, unref as F, vModelText as I, watch as L, withCtx as R, withDirectives as z, withKeys as B, withModifiers as V } from "vue";
-import { Check as H, ChevronRight as ee, Copy as te, File as U, Folder as W, Grid2x2 as G, Link as ne, List as re, LoaderCircle as K, PanelLeft as ie, Pencil as q, Plus as J, RefreshCw as Y, Search as ae, Star as oe, Trash2 as X, Upload as Z, X as se } from "@lucide/vue";
-import { onClickOutside as Q, useClipboard as ce, useDebounceFn as le, useDropZone as ue, useEventListener as de, useFileDialog as fe, useIntersectionObserver as pe } from "@vueuse/core";
+import { Check as H, ChevronRight as U, Copy as ee, File as W, Folder as G, Grid2x2 as te, Link as ne, List as re, LoaderCircle as K, PanelLeft as ie, Pencil as q, Plus as ae, RefreshCw as J, Search as oe, Star as se, Trash2 as Y, Upload as X, X as ce } from "@lucide/vue";
+import { onClickOutside as Z, useClipboard as le, useDebounceFn as ue, useDropZone as de, useEventListener as fe, useFileDialog as pe, useIntersectionObserver as me } from "@vueuse/core";
 //#region src/composable.ts
-function me(e) {
+function he(e) {
 	let { provider: t } = e, n = k([]), r = k([]), i = k(null), a = k("files"), o = k(""), s = k(null), c = k("newest"), l = k(!1), u = k(!1), d = k(!1), f = k(null), p = k(null), m = k(/* @__PURE__ */ new Set()), h = k(null), g = k([]), _ = k({}), v = k(!1), y = k([]), b = k(!1), x = k(null), S = k(!1), C = k(null), w = k(!1), T = k(null), E = k(null), D = k(null), O = 0;
 	function A(t) {
 		try {
@@ -87,7 +87,7 @@ function me(e) {
 			u.value = !1;
 		}
 	}
-	async function ee(r) {
+	async function U(r) {
 		let { create: a } = t;
 		if (typeof a == "function") {
 			u.value = !0, p.value = {
@@ -116,7 +116,7 @@ function me(e) {
 			}
 		}
 	}
-	async function te(t) {
+	async function ee(t) {
 		if (m.value.size === 0) return;
 		let { move: r } = j() ?? { move: !1 };
 		if (typeof r == "function") try {
@@ -130,33 +130,34 @@ function me(e) {
 			e.onError?.(t);
 		}
 	}
-	async function U(r, i, a) {
+	async function W(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), h.value?.id === r && (h.value = s), A(() => t.onUpdated?.(s));
+			return n.value = n.value.map((e) => e.id === r ? s : e), h.value?.id === r && (h.value = s), A(() => t.onUpdated?.(s)), !0;
 		} catch (t) {
-			e.onError?.(t);
+			return e.onError?.(t), !1;
 		}
 	}
-	function W(e) {
+	function G(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 g.value) e.includes(n.id) && !t.has(n.id) && t.set(n.id, n);
 		return [...t.values()];
 	}
-	function G(e) {
+	function te(e) {
 		n.value = n.value.filter((t) => !e.includes(t.id)), g.value = g.value.filter((t) => !e.includes(t.id)), m.value = /* @__PURE__ */ new Set(), h.value = null;
 	}
 	async function ne() {
 		if (m.value.size === 0) return;
 		let { delete: n } = t;
 		if (typeof n != "function") return;
-		let r = [...m.value], i = W(r);
+		let r = [...m.value], i = G(r);
 		try {
-			await n(r), G(r);
+			await n(r), te(r);
 			for (let e of i) A(() => t.onDeleted?.(e));
 		} catch (t) {
 			e.onError?.(t);
@@ -187,9 +188,9 @@ function me(e) {
 	async function ie() {
 		let { delete: n } = t;
 		if (typeof n != "function" || (v.value = !1, y.value.length === 0)) return;
-		let r = y.value, i = W(r);
+		let r = y.value, i = G(r);
 		try {
-			await n(r), G(r), y.value = [], _.value = {};
+			await n(r), te(r), y.value = [], _.value = {};
 			for (let e of i) A(() => t.onDeleted?.(e));
 		} catch (t) {
 			e.onError?.(t);
@@ -198,7 +199,7 @@ function me(e) {
 	function q() {
 		v.value = !1, y.value = [], _.value = {};
 	}
-	async function J(r) {
+	async function ae(r) {
 		let a = t.importFromUrl;
 		if (typeof a != "function") return null;
 		b.value = !0, x.value = null;
@@ -211,17 +212,17 @@ function me(e) {
 			b.value = !1;
 		}
 	}
-	function Y(e) {
+	function J(e) {
 		let t = new Set(m.value);
 		t.has(e) ? t.delete(e) : t.add(e), m.value = t;
 	}
-	function ae() {
+	function oe() {
 		m.value = /* @__PURE__ */ new Set(), h.value = null;
 	}
-	function oe(e) {
+	function se(e) {
 		h.value = e, m.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function X() {
+	async function Y() {
 		let { storage: n } = t;
 		if (typeof n != "function") {
 			D.value = null;
@@ -233,7 +234,7 @@ function me(e) {
 			e.onError?.(t);
 		}
 	}
-	async function Z() {
+	async function X() {
 		let t = j();
 		if (t) try {
 			r.value = await t.list();
@@ -241,40 +242,40 @@ function me(e) {
 			e.onError?.(t);
 		}
 	}
-	async function se(t, n) {
+	async function ce(t, n) {
 		let { create: r } = j() ?? { 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 Z(), i;
+			return await X(), i;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
 	}
-	function Q(e, t) {
+	function Z(e, t) {
 		for (let n of e) if (n.id === t) return n;
 		return null;
 	}
-	async function ce(t, n) {
+	async function le(t, n) {
 		let { update: r } = j() ?? { update: !1 };
 		if (typeof r == "function") try {
-			await r(t, { name: n }), await Z();
+			await r(t, { name: n }), await X();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function le(t) {
+	async function ue(t) {
 		let { delete: n } = j() ?? { delete: !1 };
 		if (typeof n == "function") try {
-			let e = Q(r.value, t)?.parentId ?? null;
-			await n(t), i.value === t && (i.value = e), await Z(), await F();
+			let e = Z(r.value, t)?.parentId ?? null;
+			await n(t), i.value === t && (i.value = e), await X(), await F();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ue(n) {
+	async function de(n) {
 		T.value = n, C.value = null;
 		let { checkUsage: r } = t;
 		if (typeof r != "function") {
@@ -288,31 +289,31 @@ function me(e) {
 			e.onError?.(t);
 		}
 	}
-	function de() {
+	function fe() {
 		w.value = !1, T.value = null, E.value = null, C.value = null;
 	}
-	function fe(e) {
+	function pe(e) {
 		n.value = n.value.map((t) => t.id === e.id ? e : t), g.value = g.value.map((t) => t.id === e.id ? e : t), h.value?.id === e.id && (h.value = e), A(() => t.onUpdated?.(e));
 	}
-	async function pe(n) {
+	async function me(n) {
 		let { replace: r } = t;
 		if (typeof r != "function" || !T.value) return null;
 		S.value = !0, C.value = null;
 		try {
 			let e = await r(T.value.id, n);
-			return fe(e), w.value = !1, T.value = null, E.value = null, e;
+			return pe(e), w.value = !1, T.value = null, E.value = null, e;
 		} catch (t) {
 			return C.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
 		} finally {
 			S.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 fe(e), e;
+			return pe(e), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
@@ -342,21 +343,21 @@ function me(e) {
 		navigateToFolder: B,
 		showFrequentlyUsed: V,
 		uploadFile: H,
-		uploadFiles: ee,
-		moveSelected: te,
-		updateFile: U,
+		uploadFiles: U,
+		moveSelected: ee,
+		updateFile: W,
 		deleteSelected: ne,
 		isImportingFromUrl: b,
 		importFromUrlError: x,
-		importFromUrl: J,
-		toggleSelection: Y,
-		clearSelection: ae,
-		selectItem: oe,
-		loadFolders: Z,
-		createFolder: se,
-		renameFolder: ce,
-		deleteFolder: le,
-		findFolderInTree: Q,
+		importFromUrl: ae,
+		toggleSelection: J,
+		clearSelection: oe,
+		selectItem: se,
+		loadFolders: X,
+		createFolder: ce,
+		renameFolder: le,
+		deleteFolder: ue,
+		findFolderInTree: Z,
 		loadFrequentlyUsed: re,
 		checkUsageBeforeDelete: K,
 		confirmDelete: ie,
@@ -366,24 +367,24 @@ function me(e) {
 		showReplaceWarning: w,
 		pendingReplaceItem: T,
 		replaceUsageInfo: E,
-		checkUsageBeforeReplace: ue,
-		cancelReplace: de,
-		replaceFile: pe,
-		replaceMediaDirectly: me,
+		checkUsageBeforeReplace: de,
+		cancelReplace: fe,
+		replaceFile: me,
+		replaceMediaDirectly: he,
 		storageInfo: D,
-		loadStorage: X
+		loadStorage: Y
 	};
 }
 //#endregion
 //#region src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var he = {
+var ge = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, ge = ["onClick"], _e = {
+}, _e = ["onClick"], ve = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, ve = /* @__PURE__ */ x({
+}, ye = /* @__PURE__ */ x({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -403,11 +404,11 @@ var he = {
 			}
 			return !1;
 		}
-		return (e, t) => o.value.length > 0 ? (D(), g("div", he, [_("button", {
+		return (e, t) => o.value.length > 0 ? (D(), g("div", ge, [_("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => i("navigate", null)
-		}, M(F(a).mediaLibrary.allFiles), 1), (D(!0), g(l, null, A(o.value, (e, t) => (D(), g(l, { key: e.id }, [y(F(ee), {
+		}, M(F(a).mediaLibrary.allFiles), 1), (D(!0), g(l, null, A(o.value, (e, t) => (D(), g(l, { key: e.id }, [y(F(U), {
 			size: 12,
 			"stroke-width": 2
 		}), t < o.value.length - 1 ? (D(), g("button", {
@@ -415,15 +416,15 @@ var he = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => i("navigate", e.id)
-		}, M(e.name), 9, ge)) : (D(), g("span", _e, M(e.name), 1))], 64))), 128))])) : h("", !0);
+		}, M(e.name), 9, _e)) : (D(), g("span", ve, M(e.name), 1))], 64))), 128))])) : h("", !0);
 	}
-}), ye = ["aria-expanded", "aria-label"], be = {
+}), be = ["aria-expanded", "aria-label"], xe = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, xe = {
+}, Se = {
 	key: 0,
 	class: "tpl:truncate"
-}, Se = ["onKeydown"], Ce = ["title", "aria-label"], we = ["title", "aria-label"], Te = ["title", "aria-label"], Ee = { key: 0 }, De = ["placeholder", "onKeydown"], Oe = /* @__PURE__ */ x({
+}, Ce = ["onKeydown"], we = ["title", "aria-label"], Te = ["title", "aria-label"], Ee = ["title", "aria-label"], De = { key: 0 }, Oe = ["placeholder", "onKeydown"], ke = /* @__PURE__ */ x({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -464,17 +465,17 @@ var he = {
 		function H() {
 			d.value.trim() && i("createFolder", d.value.trim(), r.folder.id), u.value = !1, d.value = "";
 		}
-		function te() {
+		function ee() {
 			u.value = !1, d.value = "";
 		}
-		function U() {
+		function W() {
 			if (p.value) {
 				i("deleteFolder", r.folder.id), p.value = !1;
 				return;
 			}
 			p.value = !0;
 		}
-		function G(e) {
+		function te(e) {
 			let t = e.relatedTarget;
 			t && e.currentTarget.contains(t) || (p.value = !1);
 		}
@@ -487,7 +488,7 @@ var he = {
 					backgroundColor: x.value ? "var(--tpl-bg-active)" : "transparent",
 					color: x.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
-				onFocusout: G
+				onFocusout: te
 			}, [
 				v.value || u.value ? (D(), g("button", {
 					key: 0,
@@ -496,20 +497,20 @@ var he = {
 					"aria-expanded": C.value,
 					"aria-label": C.value ? F(a).mediaLibrary.collapseFolder : F(a).mediaLibrary.expandFolder,
 					onClick: V(O, ["stop"])
-				}, [y(F(ee), {
+				}, [y(F(U), {
 					class: w(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": C.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])], 8, ye)) : (D(), g("span", be)),
+				}, null, 8, ["class"])], 8, be)) : (D(), g("span", xe)),
 				_("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)
-				}, [y(F(W), {
+				}, [y(F(G), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), s.value ? h("", !0) : (D(), g("span", xe, M(e.folder.name), 1))]),
+				}), s.value ? h("", !0) : (D(), g("span", Se, M(e.folder.name), 1))]),
 				s.value ? z((D(), g("input", {
 					key: 2,
 					"onUpdate:modelValue": n[1] ||= (e) => c.value = e,
@@ -524,7 +525,7 @@ var he = {
 					onKeydown: [B(P, ["enter"]), B(V(L, ["stop"]), ["escape"])],
 					onBlur: P,
 					onClick: n[2] ||= V(() => {}, ["stop"])
-				}, null, 40, Se)), [[I, c.value]]) : h("", !0),
+				}, null, 40, Ce)), [[I, c.value]]) : h("", !0),
 				s.value ? h("", !0) : (D(), g("span", {
 					key: 3,
 					class: w(["tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:transition-opacity", x.value || p.value ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100"])
@@ -536,10 +537,10 @@ var he = {
 						title: F(a).mediaLibrary.addSubfolder,
 						"aria-label": F(a).mediaLibrary.addSubfolder,
 						onClick: V(R, ["stop"])
-					}, [y(F(J), {
+					}, [y(F(ae), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, Ce)) : h("", !0),
+					})], 8, we)) : h("", !0),
 					e.canRenameFolder ? (D(), g("button", {
 						key: 1,
 						type: "button",
@@ -550,7 +551,7 @@ var he = {
 					}, [y(F(q), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, we)) : h("", !0),
+					})], 8, Te)) : h("", !0),
 					e.canDeleteFolder ? (D(), g("button", {
 						key: 2,
 						type: "button",
@@ -558,14 +559,14 @@ var he = {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: p.value ? F(a).mediaLibrary.deleteFolderConfirm : F(a).mediaLibrary.deleteFolder,
 						"aria-label": p.value ? F(a).mediaLibrary.deleteFolderConfirm : F(a).mediaLibrary.deleteFolder,
-						onClick: V(U, ["stop"])
-					}, [y(F(X), {
+						onClick: V(W, ["stop"])
+					}, [y(F(Y), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
-					})], 8, Te)) : h("", !0)
+					})], 8, Ee)) : h("", !0)
 				], 2))
-			], 36), C.value ? (D(), g("div", Ee, [(D(!0), g(l, null, A(e.folder.children, (t) => (D(), m(r, {
+			], 36), C.value ? (D(), g("div", De, [(D(!0), g(l, null, A(e.folder.children, (t) => (D(), m(r, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -599,18 +600,18 @@ var he = {
 				},
 				placeholder: F(a).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [B(H, ["enter"]), B(V(te, ["stop"]), ["escape"])],
+				onKeydown: [B(H, ["enter"]), B(V(ee, ["stop"]), ["escape"])],
 				onBlur: H
-			}, null, 40, De), [[I, d.value]])], 4)) : h("", !0)])) : h("", !0)]);
+			}, null, 40, Oe), [[I, d.value]])], 4)) : h("", !0)])) : h("", !0)]);
 		};
 	}
-}), ke = {
+}), Ae = {
 	"data-testid": "media-folder-tree",
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto"
-}, Ae = {
+}, je = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, je = ["placeholder", "onKeydown"], Me = /* @__PURE__ */ x({
+}, Me = ["placeholder", "onKeydown"], Ne = /* @__PURE__ */ x({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -639,7 +640,7 @@ var he = {
 		function u() {
 			a.value = !1, o.value = "";
 		}
-		return (t, n) => (D(), g("div", ke, [
+		return (t, n) => (D(), g("div", Ae, [
 			_("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({
@@ -647,11 +648,11 @@ var he = {
 					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: n[0] ||= (e) => r("navigate", null)
-			}, [y(F(U), {
+			}, [y(F(W), {
 				size: 14,
 				"stroke-width": 1.5
 			}), v(" " + M(F(i).mediaLibrary.allFiles), 1)], 4),
-			(D(!0), g(l, null, A(e.folders, (t) => (D(), m(Oe, {
+			(D(!0), g(l, null, A(e.folders, (t) => (D(), m(ke, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -670,7 +671,7 @@ var he = {
 				"can-rename-folder",
 				"can-delete-folder"
 			]))), 128)),
-			a.value ? (D(), g("div", Ae, [z(_("input", {
+			a.value ? (D(), g("div", je, [z(_("input", {
 				"onUpdate:modelValue": n[5] ||= (e) => o.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -683,13 +684,13 @@ var he = {
 				autofocus: "",
 				onKeydown: [B(c, ["enter"]), B(V(u, ["stop"]), ["escape"])],
 				onBlur: c
-			}, null, 40, je), [[I, o.value]])])) : h("", !0),
+			}, null, 40, Me), [[I, o.value]])])) : h("", !0),
 			!a.value && e.canCreateFolder ? (D(), g("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: s
-			}, [y(F(J), {
+			}, [y(F(ae), {
 				size: 14,
 				"stroke-width": 1.5
 			}), v(" " + M(F(i).mediaLibrary.newFolder), 1)])) : h("", !0),
@@ -704,13 +705,13 @@ var he = {
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: n[6] ||= (e) => r("showFrequentlyUsed")
-			}, [y(F(oe), {
+			}, [y(F(se), {
 				size: 14,
 				"stroke-width": 1.5
 			}), v(" " + M(F(i).mediaLibrary.frequentlyUsed), 1)], 4)) : h("", !0)
 		]));
 	}
-}), Ne = /* @__PURE__ */ x({
+}), Pe = /* @__PURE__ */ x({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -886,7 +887,7 @@ var he = {
 });
 //#endregion
 //#region src/utils/formatAbsoluteDate.ts
-function Pe(e, t, n) {
+function Fe(e, t, n) {
 	let r = new Date(e);
 	if (Number.isNaN(r.getTime())) return "";
 	let i = t?.trim().replace(/_/g, "-") || void 0;
@@ -897,35 +898,48 @@ function Pe(e, t, n) {
 	}
 }
 //#endregion
+//#region src/utils/formatFileSize.ts
+var Ie = [
+	"B",
+	"KB",
+	"MB",
+	"GB"
+];
+function Q(e) {
+	let t = e, n = 0;
+	for (; t >= 1024 && n < Ie.length - 1;) t /= 1024, n += 1;
+	return `${Math.round(t * 10) / 10} ${Ie[n]}`;
+}
+//#endregion
 //#region src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
-var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
+var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, Re = {
+}, Be = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, ze = ["aria-label"], Be = [
+}, Ve = ["aria-label"], He = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], Ve = { class: "tpl:aspect-square" }, He = ["src", "alt"], Ue = { class: "tpl:px-2 tpl:py-1.5" }, We = {
+], Ue = { class: "tpl:aspect-square" }, We = ["src", "alt"], Ge = { class: "tpl:px-2 tpl:py-1.5" }, Ke = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ge = {
+}, qe = {
 	class: "tpl:flex tpl:justify-between tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ke = { key: 0 }, qe = { key: 1 }, Je = [
+}, Je = { key: 0 }, Ye = { key: 1 }, Xe = [
 	"title",
 	"aria-label",
 	"onClick"
-], Ye = [
+], Ze = [
 	"title",
 	"aria-label",
 	"onClick"
-], Xe = {
+], Qe = {
 	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",
@@ -933,34 +947,34 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, Ze = ["aria-label"], Qe = [
+}, $e = ["aria-label"], et = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], $e = {
+], tt = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, et = ["src", "alt"], tt = {
+}, nt = ["src", "alt"], rt = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, nt = { class: "tpl:min-w-0 tpl:flex-1" }, rt = {
+}, it = { class: "tpl:min-w-0 tpl:flex-1" }, at = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, it = {
+}, ot = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, at = [
+}, st = [
 	"title",
 	"aria-label",
 	"onClick"
-], ot = [
+], ct = [
 	"title",
 	"aria-label",
 	"onClick"
-], st = {
+], lt = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full",
@@ -968,10 +982,10 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, ct = {
+}, ut = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, lt = /*#__PURE__*/ i(/* @__PURE__ */ x({
+}, dt = /*#__PURE__*/ i(/* @__PURE__ */ x({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -1029,20 +1043,17 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			return O(e) ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100";
 		}
 		let { t: N } = n(), P = C(t, null), I = k(null);
-		pe(I, ([{ isIntersecting: e }]) => {
+		me(I, ([{ isIntersecting: e }]) => {
 			e && i.hasMore && !i.isLoading && a("loadMore");
 		}, { threshold: .1 });
 		function L(e) {
-			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
-		}
-		function R(e) {
-			return Pe(e, P?.value, {
+			return Fe(e, P?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (t, n) => (D(), g("div", Fe, [
+		return (t, n) => (D(), g("div", Le, [
 			e.isLoading && e.items.length === 0 ? (D(), g("div", {
 				key: 0,
 				role: "status",
@@ -1054,12 +1065,12 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				class: w(["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, Ie)) : e.items.length === 0 ? (D(), g("div", Le, [y(F(U), {
+			}, null, 2)), 64))], 10, Re)) : e.items.length === 0 ? (D(), g("div", ze, [y(F(W), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), _("p", Re, M(e.searchQuery ? F(N).mediaLibrary.noSearchResults : F(N).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (D(), g("div", {
+			}), _("p", Be, M(e.searchQuery ? F(N).mediaLibrary.noSearchResults : F(N).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (D(), g("div", {
 				key: 3,
 				role: "listbox",
 				"aria-label": F(N).mediaLibrary.filesListAriaLabel,
@@ -1079,16 +1090,16 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				onDblclick: (t) => S(e),
 				onKeydown: (t) => E(e, t)
 			}, [
-				_("div", $e, [F(c)(u(e)) ? (D(), g("img", {
+				_("div", tt, [F(c)(u(e)) ? (D(), g("img", {
 					key: 0,
 					src: d(e),
 					alt: e.filename || e.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, et)) : (D(), g("div", tt, [y(Ne, { "mime-type": u(e) }, null, 8, ["mime-type"])]))]),
-				_("div", nt, [_("p", rt, M(e.filename || e.url), 1), _("p", it, [
-					e.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(M(L(e.size)), 1)], 64)),
-					e.createdAt ? (D(), g(l, { key: 1 }, [e.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(" · ")], 64)), v(" " + M(R(e.createdAt)), 1)], 64)) : h("", !0),
+				}, null, 8, nt)) : (D(), g("div", rt, [y(Pe, { "mime-type": u(e) }, null, 8, ["mime-type"])]))]),
+				_("div", it, [_("p", at, M(e.filename || e.url), 1), _("p", ot, [
+					e.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(M(F(Q)(e.size)), 1)], 64)),
+					e.createdAt ? (D(), g(l, { key: 1 }, [e.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(" · ")], 64)), v(" " + M(L(e.createdAt)), 1)], 64)) : h("", !0),
 					F(c)(u(e)) && e.width && e.height ? (D(), g(l, { key: 2 }, [v(" · " + M(e.width) + "×" + M(e.height), 1)], 64)) : h("", !0)
 				])]),
 				_("div", { class: w(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", j(e)]) }, [p(e) ? (D(), g("button", {
@@ -1103,7 +1114,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				}, [y(F(q), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, at)) : h("", !0), b(e) ? (D(), g("button", {
+				})], 8, st)) : h("", !0), b(e) ? (D(), g("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -1112,15 +1123,15 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					title: F(N).mediaLibrary.replaceFile,
 					"aria-label": F(N).mediaLibrary.replaceFile,
 					onClick: V((t) => a("replace", e), ["stop"])
-				}, [y(F(Y), {
+				}, [y(F(J), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, ot)) : h("", !0)], 2),
-				O(e) ? (D(), g("div", st, [y(F(H), {
+				})], 8, ct)) : h("", !0)], 2),
+				O(e) ? (D(), g("div", lt, [y(F(H), {
 					size: 12,
 					"stroke-width": 3
 				})])) : h("", !0)
-			], 46, Qe))), 128))], 8, Ze)) : (D(), g("div", {
+			], 46, et))), 128))], 8, $e)) : (D(), g("div", {
 				key: 2,
 				role: "listbox",
 				"aria-label": F(N).mediaLibrary.filesListAriaLabel,
@@ -1147,17 +1158,17 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				onDblclick: (t) => S(e),
 				onKeydown: (t) => E(e, t)
 			}, [
-				_("div", Ve, [F(c)(u(e)) ? (D(), g("img", {
+				_("div", Ue, [F(c)(u(e)) ? (D(), g("img", {
 					key: 0,
 					src: d(e),
 					alt: e.filename || e.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, He)) : (D(), m(Ne, {
+				}, null, 8, We)) : (D(), m(Pe, {
 					key: 1,
 					"mime-type": u(e)
 				}, null, 8, ["mime-type"]))]),
-				_("div", Ue, [_("p", We, M(e.filename || e.url), 1), _("p", Ge, [e.size == null ? h("", !0) : (D(), g("span", Ke, M(L(e.size)), 1)), F(c)(u(e)) && e.width && e.height ? (D(), g("span", qe, M(e.width) + "×" + M(e.height), 1)) : h("", !0)])]),
+				_("div", Ge, [_("p", Ke, M(e.filename || e.url), 1), _("p", qe, [e.size == null ? h("", !0) : (D(), g("span", Je, M(F(Q)(e.size)), 1)), F(c)(u(e)) && e.width && e.height ? (D(), g("span", Ye, M(e.width) + "×" + M(e.height), 1)) : h("", !0)])]),
 				_("div", { class: w(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", j(e)]) }, [p(e) ? (D(), g("button", {
 					key: 0,
 					type: "button",
@@ -1173,7 +1184,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				}, [y(F(q), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Je)) : h("", !0), b(e) ? (D(), g("button", {
+				})], 8, Xe)) : h("", !0), b(e) ? (D(), g("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -1185,21 +1196,21 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					title: F(N).mediaLibrary.replaceFile,
 					"aria-label": F(N).mediaLibrary.replaceFile,
 					onClick: V((t) => a("replace", e), ["stop"])
-				}, [y(F(Y), {
+				}, [y(F(J), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Ye)) : h("", !0)], 2),
-				O(e) ? (D(), g("div", Xe, [y(F(H), {
+				})], 8, Ze)) : h("", !0)], 2),
+				O(e) ? (D(), g("div", Qe, [y(F(H), {
 					size: 12,
 					"stroke-width": 3
 				})])) : h("", !0)
-			], 46, Be))), 128))], 8, ze)),
+			], 46, He))), 128))], 8, Ve)),
 			_("div", {
 				ref_key: "sentinelRef",
 				ref: I,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (D(), g("div", ct, [y(F(K), {
+			e.isLoading && e.items.length > 0 ? (D(), g("div", ut, [y(F(K), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1207,26 +1218,26 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			})])) : h("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9d25c128"]]), ut = ["data-tpl-theme"], dt = {
+}), [["__scopeId", "data-v-375932e6"]]), ft = ["data-tpl-theme"], pt = {
 	id: "tpl-media-import-title",
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, ft = { class: "tpl:mb-3" }, pt = [
+}, mt = { class: "tpl:mb-3" }, ht = [
 	"aria-label",
 	"aria-invalid",
 	"aria-describedby",
 	"placeholder",
 	"disabled"
-], mt = {
+], gt = {
 	key: 0,
 	id: "tpl-media-import-error",
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, ht = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, gt = ["disabled"], _t = ["disabled"], vt = {
+}, _t = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, vt = ["disabled"], yt = ["disabled"], bt = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, yt = { key: 1 }, bt = /* @__PURE__ */ x({
+}, xt = { key: 1 }, St = /* @__PURE__ */ x({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1275,8 +1286,8 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				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)" }
 			}, [
-				_("h3", dt, M(F(s).mediaLibrary.importFromUrl), 1),
-				_("div", ft, [z(_("input", {
+				_("h3", pt, M(F(s).mediaLibrary.importFromUrl), 1),
+				_("div", mt, [z(_("input", {
 					"onUpdate:modelValue": n[0] ||= (e) => b.value = e,
 					type: "url",
 					"aria-label": F(s).mediaLibrary.importFromUrl,
@@ -1291,9 +1302,9 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					placeholder: F(s).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, pt), [[I, b.value]])]),
-				e.error ? (D(), g("p", mt, M(e.error), 1)) : h("", !0),
-				_("div", ht, [_("button", {
+				}, null, 8, ht), [[I, b.value]])]),
+				e.error ? (D(), g("p", gt, M(e.error), 1)) : h("", !0),
+				_("div", _t, [_("button", {
 					class: w(["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)",
@@ -1302,7 +1313,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					},
 					disabled: e.isImporting,
 					onClick: S
-				}, M(F(s).mediaLibrary.cancel), 11, gt), _("button", {
+				}, M(F(s).mediaLibrary.cancel), 11, vt), _("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)",
@@ -1310,20 +1321,20 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					},
 					disabled: !b.value.trim() || e.isImporting,
 					onClick: x
-				}, [e.isImporting ? (D(), g("span", vt, [y(F(K), {
+				}, [e.isImporting ? (D(), g("span", bt, [y(F(K), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), v(" " + M(F(s).mediaLibrary.importing), 1)])) : (D(), g("span", yt, M(F(s).mediaLibrary.import), 1))], 8, _t)])
-			], 512)], 42, ut)) : h("", !0)]),
+				}), v(" " + M(F(s).mediaLibrary.importing), 1)])) : (D(), g("span", xt, M(F(s).mediaLibrary.import), 1))], 8, yt)])
+			], 512)], 42, ft)) : h("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), xt = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, St = ["disabled", "onClick"], Ct = { class: "tpl:truncate" }, wt = {
+}), Ct = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, wt = ["disabled", "onClick"], Tt = { class: "tpl:truncate" }, Et = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, Tt = /* @__PURE__ */ x({
+}, Dt = /* @__PURE__ */ x({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1341,7 +1352,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			}), r.children.length && n.push(...o(r.children, t + 1));
 			return n;
 		}
-		return Q(a, () => {
+		return Z(a, () => {
 			r("close");
 		}), (t, n) => (D(), g("div", {
 			ref_key: "pickerRef",
@@ -1352,12 +1363,12 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [_("div", xt, [e.currentFolderId === null ? h("", !0) : (D(), g("button", {
+		}, [_("div", Ct, [e.currentFolderId === null ? h("", !0) : (D(), g("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: n[0] ||= (e) => r("select", null)
-		}, [y(F(U), {
+		}, [y(F(W), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
@@ -1372,26 +1383,26 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			disabled: t.id === e.currentFolderId,
 			onClick: (e) => r("select", t.id)
 		}, [
-			y(F(W), {
+			y(F(G), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			_("span", Ct, M(t.name), 1),
-			t.id === e.currentFolderId ? (D(), g("span", wt, M(F(i).mediaLibrary.currentFolder), 1)) : h("", !0)
-		], 12, St))), 128))])], 512));
+			_("span", Tt, M(t.name), 1),
+			t.id === e.currentFolderId ? (D(), g("span", Et, M(F(i).mediaLibrary.currentFolder), 1)) : h("", !0)
+		], 12, wt))), 128))])], 512));
 	}
-}), Et = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Dt = ["src", "alt"], Ot = {
+}), Ot = { class: "tpl:flex tpl:items-center tpl:gap-3" }, kt = ["src", "alt"], At = {
 	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)" }
-}, kt = { class: "tpl:min-w-0 tpl:flex-1" }, At = {
+}, jt = { class: "tpl:min-w-0 tpl:flex-1" }, Mt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, jt = {
+}, Nt = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Mt = /*#__PURE__*/ i(/* @__PURE__ */ x({
+}, Pt = /*#__PURE__*/ i(/* @__PURE__ */ x({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -1416,34 +1427,31 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			return e ? e.join("/") : null;
 		}), c = f(() => n.item.mimeType ?? ""), u = f(() => i(c.value));
 		function d(e) {
-			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
-		}
-		function p(e) {
-			return Pe(e, r?.value, {
+			return Fe(e, r?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		let m = f(() => n.item.filename || n.item.url);
-		return (t, n) => (D(), g("div", Et, [u.value ? (D(), g("img", {
+		let p = f(() => n.item.filename || n.item.url);
+		return (t, n) => (D(), g("div", Ot, [u.value ? (D(), g("img", {
 			key: 0,
 			src: e.item.url,
-			alt: e.item.alt || m.value,
+			alt: e.item.alt || p.value,
 			class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 			style: { border: "1px solid var(--tpl-border)" }
-		}, null, 8, Dt)) : (D(), g("div", Ot, [y(Ne, {
+		}, null, 8, kt)) : (D(), g("div", At, [y(Pe, {
 			"mime-type": c.value,
 			class: "tpl-preview-icon"
-		}, null, 8, ["mime-type"])])), _("div", kt, [
-			_("p", At, M(m.value), 1),
-			_("p", jt, [
-				e.item.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(M(d(e.item.size)), 1)], 64)),
-				e.item.createdAt ? (D(), g(l, { key: 1 }, [e.item.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(" · ")], 64)), v(" " + M(p(e.item.createdAt)), 1)], 64)) : h("", !0),
+		}, null, 8, ["mime-type"])])), _("div", jt, [
+			_("p", Mt, M(p.value), 1),
+			_("p", Nt, [
+				e.item.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(M(F(Q)(e.item.size)), 1)], 64)),
+				e.item.createdAt ? (D(), g(l, { key: 1 }, [e.item.size == null ? h("", !0) : (D(), g(l, { key: 0 }, [v(" · ")], 64)), v(" " + M(d(e.item.createdAt)), 1)], 64)) : h("", !0),
 				u.value && e.item.width && e.item.height ? (D(), g(l, { key: 2 }, [v(" · " + M(e.item.width) + "×" + M(e.item.height) + "px ", 1)], 64)) : h("", !0),
 				s.value ? (D(), g(l, { key: 3 }, [
 					n[0] ||= v(" · ", -1),
-					y(F(W), {
+					y(F(G), {
 						class: "tpl:mb-px tpl:inline",
 						size: 9,
 						"stroke-width": 2
@@ -1458,37 +1466,37 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			}, M(e.item.alt || "\xA0"), 3)) : h("", !0)
 		])]));
 	}
-}), [["__scopeId", "data-v-c7fe5962"]]), Nt = ["data-tpl-theme"], Pt = {
+}), [["__scopeId", "data-v-9ebc1a04"]]), Ft = ["data-tpl-theme"], It = {
 	id: "tpl-media-replace-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Ft = {
+}, Lt = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, It = {
+}, Rt = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Lt = {
+}, zt = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Rt = {
+}, Bt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, zt = { class: "tpl:mb-4" }, Bt = {
+}, Vt = { class: "tpl:mb-4" }, Ht = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Vt = [
+}, Ut = [
 	"accept",
 	"aria-invalid",
 	"aria-describedby"
-], Ht = {
+], Wt = {
 	key: 1,
 	id: "tpl-media-replace-error",
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Ut = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Wt = ["disabled"], Gt = ["disabled"], Kt = /* @__PURE__ */ x({
+}, Gt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Kt = ["disabled"], qt = ["disabled"], Jt = /* @__PURE__ */ x({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1543,11 +1551,11 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				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)" }
 			}, [
-				_("h3", Pt, M(F(s).mediaLibrary.replaceWarningTitle), 1),
-				_("p", Ft, M(F(s).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${x.value}`)), 1),
-				T.value ? (D(), g("p", It, M(F(s).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.templateCount.toString())), 1)) : h("", !0),
-				_("div", Lt, [_("p", Rt, M(e.item.filename), 1)]),
-				_("div", zt, [_("label", Bt, M(F(s).mediaLibrary.replaceSelectFile), 1), _("input", {
+				_("h3", It, M(F(s).mediaLibrary.replaceWarningTitle), 1),
+				_("p", Lt, M(F(s).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${x.value}`)), 1),
+				T.value ? (D(), g("p", Rt, M(F(s).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.templateCount.toString())), 1)) : h("", !0),
+				_("div", zt, [_("p", Bt, M(e.item.filename), 1)]),
+				_("div", Vt, [_("label", Ht, M(F(s).mediaLibrary.replaceSelectFile), 1), _("input", {
 					ref_key: "fileInputRef",
 					ref: v,
 					type: "file",
@@ -1561,9 +1569,9 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 						color: "var(--tpl-text)"
 					},
 					onChange: E
-				}, null, 40, Vt)]),
-				e.error ? (D(), g("p", Ht, M(e.error), 1)) : h("", !0),
-				_("div", Ut, [_("button", {
+				}, null, 40, Ut)]),
+				e.error ? (D(), g("p", Wt, M(e.error), 1)) : h("", !0),
+				_("div", Gt, [_("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)",
@@ -1572,7 +1580,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => o("close")
-				}, M(F(s).mediaLibrary.cancel), 9, Wt), _("button", {
+				}, M(F(s).mediaLibrary.cancel), 9, Kt), _("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)",
@@ -1580,91 +1588,128 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					},
 					disabled: !b.value || e.isReplacing,
 					onClick: O
-				}, M(e.isReplacing ? F(s).mediaLibrary.replacing : F(s).mediaLibrary.replace), 9, Gt)])
-			], 512)], 42, Nt)) : h("", !0)]),
+				}, M(e.isReplacing ? F(s).mediaLibrary.replacing : F(s).mediaLibrary.replace), 9, qt)])
+			], 512)], 42, Ft)) : h("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), qt = ["aria-label", "aria-busy"], Jt = {
+});
+//#endregion
+//#region src/utils/formatList.ts
+function Yt(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 src/components/media/MediaUploadZone.vue?vue&type=script&setup=true&lang.ts
+var Xt = [
+	"aria-label",
+	"aria-describedby",
+	"aria-busy"
+], Zt = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Yt = {
+}, Qt = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Xt = {
+}, $t = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Zt = {
+}, en = {
+	id: "tpl-media-upload-hint",
+	"data-testid": "media-upload-hint",
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Qt = /* @__PURE__ */ x({
+}, tn = {
+	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)" }
+}, nn = /* @__PURE__ */ x({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
 		uploadProgress: {}
 	},
 	emits: ["upload"],
-	setup(e, { emit: t }) {
-		let r = t, { t: i, format: a } = n(), { allAcceptedInputString: s, isAcceptedFile: c } = o(), u = k();
-		function d(e) {
-			let t = [];
-			for (let n of Array.from(e)) c(n) && t.push(n);
-			return t;
-		}
-		function f(e) {
-			let t = d(e);
-			t.length && r("upload", t);
-		}
-		let { isOverDropZone: p } = ue(u, { onDrop: (e) => {
-			e?.length && f(e);
-		} }), { open: m, onChange: h } = fe({
-			accept: s.value,
+	setup(e, { emit: r }) {
+		let i = r, { t: a, format: s } = n(), c = C(t, null), { allAcceptedInputString: u, restrictsMimeTypes: d, availableCategories: p, maxFileSize: m, isAcceptedFile: v } = o(), b = {
+			images: "filterImages",
+			documents: "filterDocuments",
+			videos: "filterVideos",
+			audio: "filterAudio"
+		}, x = f(() => {
+			let e = a.mediaLibrary, t = d.value ? Yt(p.value.map((t) => e[b[t]]), c?.value) : a.mediaLibrary.acceptedAnyType;
+			return Number.isFinite(m.value) ? s(a.mediaLibrary.acceptedFormatsMaxSize, {
+				formats: t,
+				size: Q(m.value)
+			}) : t;
+		}), S = k([]), T = k();
+		function E(e) {
+			let t = [], n = [];
+			for (let r of Array.from(e)) v(r) ? t.push(r) : n.push(r.name);
+			S.value = n, t.length && i("upload", t);
+		}
+		let { isOverDropZone: O } = de(T, { onDrop: (e) => {
+			e?.length && E(e);
+		} }), { open: A, onChange: j } = pe({
+			accept: u.value,
 			multiple: !0
 		});
-		return h((e) => {
-			e?.length && f(e);
-		}), (t, n) => (D(), g("button", {
+		return j((e) => {
+			e?.length && E(e);
+		}), (t, n) => (D(), g(l, null, [_("button", {
 			ref_key: "dropZoneRef",
-			ref: u,
+			ref: T,
 			type: "button",
 			"data-testid": "media-upload-zone",
-			class: w(["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(p) ? "tpl-upload-zone-active" : ""]),
-			"aria-label": F(i).mediaLibrary.dropOrClick,
+			class: w(["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(O) ? "tpl-upload-zone-active" : ""]),
+			"aria-label": F(a).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(m)()
-		}, [e.isUploading ? (D(), g("div", Jt, [y(F(K), {
+			onClick: n[0] ||= (e) => F(A)()
+		}, [e.isUploading ? (D(), g("div", Zt, [y(F(K), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), _("span", Yt, M(e.uploadProgress && e.uploadProgress.total > 1 ? F(a)(F(i).mediaLibrary.uploadingProgress, {
+		}), _("span", Qt, M(e.uploadProgress && e.uploadProgress.total > 1 ? F(s)(F(a).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
-		}) : F(i).mediaLibrary.uploading), 1)])) : (D(), g(l, { key: 1 }, [
-			y(F(Z), {
+		}) : F(a).mediaLibrary.uploading), 1)])) : (D(), g(l, { key: 1 }, [
+			y(F(X), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			_("p", Xt, M(F(i).mediaLibrary.dropOrClick), 1),
-			_("p", Zt, M(F(i).mediaLibrary.acceptedFormats), 1)
-		], 64))], 10, qt));
+			_("p", $t, M(F(a).mediaLibrary.dropOrClick), 1),
+			_("p", en, M(x.value), 1)
+		], 64))], 10, Xt), S.value.length ? (D(), g("p", tn, M(F(s)(F(a).mediaLibrary.uploadRejected, { files: S.value.join(", ") })), 1)) : h("", !0)], 64));
 	}
-}), $t = ["aria-label"], en = [
+}), rn = ["aria-label"], an = [
 	"width",
 	"height",
 	"viewBox"
-], tn = [
+], on = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], nn = [
+], sn = [
 	"cx",
 	"cy",
 	"r",
@@ -1672,14 +1717,14 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], rn = {
+], cn = {
 	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)"
 	}
-}, an = /* @__PURE__ */ x({
+}, ln = /* @__PURE__ */ x({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1687,27 +1732,16 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 		size: {}
 	},
 	setup(e) {
-		let t = e, { t: r, format: i } = n(), a = k(!1), o = f(() => t.size ?? 24), s = f(() => Math.max(2, o.value / 8)), c = f(() => (o.value - s.value) / 2), l = f(() => 2 * Math.PI * c.value), u = f(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), p = f(() => l.value - u.value / 100 * l.value), m = f(() => u.value >= 95 ? "var(--tpl-danger)" : u.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)");
-		function b(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 = f(() => b(t.usedBytes)), S = f(() => b(t.limitBytes)), C = f(() => Math.max(0, t.limitBytes - t.usedBytes)), w = f(() => b(C.value)), T = f(() => i(r.mediaLibrary.storageTooltip, {
-			used: x.value,
-			total: S.value,
-			remaining: w.value
+		let t = e, { t: r, format: i } = n(), a = k(!1), o = f(() => t.size ?? 24), s = f(() => Math.max(2, o.value / 8)), c = f(() => (o.value - s.value) / 2), l = f(() => 2 * Math.PI * c.value), u = f(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), p = f(() => l.value - u.value / 100 * l.value), m = f(() => u.value >= 95 ? "var(--tpl-danger)" : u.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)"), b = f(() => Q(t.usedBytes)), x = f(() => Q(t.limitBytes)), S = f(() => Math.max(0, t.limitBytes - t.usedBytes)), C = f(() => Q(S.value)), w = f(() => i(r.mediaLibrary.storageTooltip, {
+			used: b.value,
+			total: x.value,
+			remaining: C.value
 		}));
 		return (e, t) => (D(), g("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,
@@ -1724,7 +1758,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			fill: "none",
 			"stroke-width": s.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, tn), _("circle", {
+		}, null, 8, on), _("circle", {
 			cx: o.value / 2,
 			cy: o.value / 2,
 			r: c.value,
@@ -1735,7 +1769,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			"stroke-dasharray": l.value,
 			"stroke-dashoffset": p.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, nn)], 8, en)), y(d, {
+		}, null, 8, sn)], 8, an)), y(d, {
 			"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",
@@ -1743,17 +1777,17 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: R(() => [a.value ? (D(), g("div", rn, [v(M(T.value) + " ", 1), t[4] ||= _("div", {
+			default: R(() => [a.value ? (D(), g("div", cn, [v(M(w.value) + " ", 1), t[4] ||= _("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)])) : h("", !0)]),
 			_: 1
-		})], 40, $t));
+		})], 40, rn));
 	}
 });
 //#endregion
 //#region src/utils/treeFolders.ts
-function on(e) {
+function un(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.id, {
 		...n,
@@ -1768,12 +1802,12 @@ function on(e) {
 }
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function sn(e) {
+function dn(e) {
 	let { library: t, translations: n } = e;
 	function r() {
 		return "value" in n && typeof n.value == "object" ? n.value : n;
 	}
-	let i = k("grid"), a = k(!1), o = k(""), s = k(null), c = k(!1), l = k(!1), u = f(() => t.previewItem.value?.url ?? null), d = f(() => t.frequentlyUsedItems.value.length > 0), p = f(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), m = f(() => Object.values(t.deleteUsageInfo.value).some((e) => e.templateCount > 0)), h = f(() => on(t.folders.value)), g = {
+	let i = k("grid"), a = k(!1), o = k(""), s = k(null), c = k(!1), l = k(!1), u = f(() => t.previewItem.value?.url ?? null), d = f(() => t.frequentlyUsedItems.value.length > 0), p = f(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), m = f(() => Object.values(t.deleteUsageInfo.value).some((e) => e.templateCount > 0)), h = f(() => un(t.folders.value)), g = {
 		images: () => r().mediaLibrary.filterImages,
 		documents: () => r().mediaLibrary.filterDocuments,
 		videos: () => r().mediaLibrary.filterVideos,
@@ -1785,13 +1819,13 @@ function sn(e) {
 	L(a, (e) => {
 		e && t.loadFolders();
 	});
-	let v = le((e) => {
+	let v = ue((e) => {
 		t.search(e);
 	}, 300);
 	function y(e) {
 		o.value = e, v(e);
 	}
-	let { copy: b, copied: x } = ce({
+	let { copy: b, copied: x } = le({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -1814,7 +1848,7 @@ function sn(e) {
 		s.value = e;
 	}
 	async function O(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 A(e) {
 		await t.importFromUrl(e) && (c.value = !1);
@@ -1867,82 +1901,82 @@ function sn(e) {
 }
 //#endregion
 //#region src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
-var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, ln = {
+var fn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, pn = {
 	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)" }
-}, un = {
+}, mn = {
 	id: "tpl-media-library-title",
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, dn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, fn = { class: "tpl:relative" }, pn = [
+}, hn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, gn = { class: "tpl:relative" }, _n = [
 	"value",
 	"disabled",
 	"aria-label",
 	"placeholder"
-], mn = ["aria-label"], hn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, gn = {
+], vn = ["aria-label"], yn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, bn = {
 	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)"
 	}
-}, _n = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, vn = {
+}, xn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Sn = {
 	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)" }
-}, yn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, bn = [
+}, Cn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, wn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], xn = {
+], Tn = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Sn = {
+}, En = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, Cn = [
+}, Dn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], wn = [
+], On = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Tn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, En = ["aria-label", "value"], Dn = { value: "" }, On = ["value"], kn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, An = {
+], kn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, An = ["aria-label", "value"], jn = { value: "" }, Mn = ["value"], Nn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Pn = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, jn = {
+}, Fn = {
 	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)"
 	}
-}, Mn = {
+}, In = {
 	id: "tpl-media-delete-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Nn = {
+}, Ln = {
 	key: 0,
 	"data-testid": "media-delete-usage",
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Pn = {
+}, Rn = {
 	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)" }
-}, Fn = { class: "tpl:font-medium" }, In = { style: { color: "var(--tpl-text-muted)" } }, Ln = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Rn = {
+}, zn = { class: "tpl:font-medium" }, Bn = { style: { color: "var(--tpl-text-muted)" } }, Vn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Hn = {
 	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)" }
-}, zn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Bn = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Vn = {
+}, Un = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Wn = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Gn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Hn = {
+}, Kn = {
 	key: 1,
 	class: "tpl:relative"
-}, Un = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Wn = ["data-testid", "disabled"], Gn = /* @__PURE__ */ x({
+}, qn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Jn = ["data-testid", "disabled"], Yn = /* @__PURE__ */ x({
 	__name: "MediaLibraryChrome",
 	props: {
 		provider: {},
@@ -1960,7 +1994,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		"ready"
 	],
 	setup(t, { expose: n, emit: r }) {
-		let i = t, a = r, s = b(() => import("./MediaEditModal-g37o1fP4.js")), c = f(() => i.translations), u = f(() => i.confirmTestId ?? "media-confirm"), p = {
+		let i = t, a = r, s = b(() => import("./MediaEditModal-CO_AVnsB.js")), c = f(() => i.translations), u = f(() => i.confirmTestId ?? "media-confirm"), p = {
 			get maxFileSize() {
 				return i.provider.maxFileSize;
 			},
@@ -1972,17 +2006,17 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 			}
 		};
 		O(e, p);
-		let { isAcceptedMimeType: x, availableCategories: S } = o(p), C = me({
+		let { isAcceptedMimeType: x, availableCategories: S } = o(p), C = he({
 			provider: i.provider,
 			templateId: () => i.templateId,
 			onError: (e) => i.onError?.(e)
-		}), k = sn({
+		}), k = dn({
 			library: C,
 			translations: c
-		}), j = f(() => typeof i.provider.create == "function"), N = f(() => i.provider.folders !== !1), P = f(() => typeof i.provider.importFromUrl == "function"), I = f(() => typeof i.provider.delete == "function"), z = f(() => typeof i.provider.update == "function"), B = f(() => typeof i.provider.replace == "function"), ee = f(() => typeof i.provider.frequentlyUsed == "function"), U = f(() => {
+		}), j = f(() => typeof i.provider.create == "function"), N = f(() => i.provider.folders !== !1), P = f(() => typeof i.provider.importFromUrl == "function"), I = f(() => typeof i.provider.delete == "function"), z = f(() => typeof i.provider.update == "function"), B = f(() => typeof i.provider.replace == "function"), U = f(() => typeof i.provider.frequentlyUsed == "function"), W = f(() => {
 			let e = i.provider.folders;
 			return e !== !1 && typeof e.move == "function";
-		}), W = f(() => {
+		}), G = f(() => {
 			let e = i.provider.folders;
 			return e !== !1 && typeof e.create == "function";
 		}), K = f(() => {
@@ -1991,26 +2025,26 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		}), q = f(() => {
 			let e = i.provider.folders;
 			return e !== !1 && typeof e.delete == "function";
-		}), J = f(() => C.isLoading.value && k.displayItems.value.length === 0), Y = f(() => {
+		}), ae = f(() => C.isLoading.value && k.displayItems.value.length === 0), J = f(() => {
 			let e = C.previewItem.value;
 			return e ? !i.accept?.length || x(e.mimeType ?? "", i.accept) : !1;
-		}), oe = f(() => {
+		}), se = f(() => {
 			if (!I.value) return 0;
 			let e = 0;
 			for (let t of C.selectedItems.value) k.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
 			return e;
-		}), X = f(() => k.showImportUrlModal.value || k.editingItem.value !== null || C.showReplaceWarning.value);
-		function Z() {
-			return X.value ? !0 : k.showMovePicker.value ? (k.showMovePicker.value = !1, !0) : C.showDeleteWarning.value ? (C.cancelDelete(), !0) : !1;
+		}), Y = f(() => k.showImportUrlModal.value || k.editingItem.value !== null || C.showReplaceWarning.value);
+		function X() {
+			return Y.value ? !0 : k.showMovePicker.value ? (k.showMovePicker.value = !1, !0) : C.showDeleteWarning.value ? (C.cancelDelete(), !0) : !1;
 		}
-		function Q() {
-			Y.value && C.previewItem.value && a("confirm", C.previewItem.value);
+		function Z() {
+			J.value && C.previewItem.value && a("confirm", C.previewItem.value);
 		}
-		function ce(e) {
+		function le(e) {
 			let t = e.target.value;
 			C.filterByCategory(t || null);
 		}
-		async function le() {
+		async function ue() {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of C.selectedItems.value) k.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
 			C.selectedItems.value = e, await k.handleDeleteClick();
@@ -2020,22 +2054,22 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		}, { immediate: !0 }), C.loadItems(), C.loadFrequentlyUsed(), C.loadStorage(), a("ready"), E(() => {
 			k.resetUI();
 		}), n({
-			nestedDialogOpen: X,
-			handleEscape: Z,
+			nestedDialogOpen: Y,
+			handleEscape: X,
 			library: C,
 			ui: k
-		}), (e, n) => (D(), g("div", cn, [
-			_("div", ln, [_("h2", un, M(c.value.mediaLibrary.title), 1), _("div", dn, [
-				F(C).storageInfo.value ? (D(), m(an, {
+		}), (e, n) => (D(), g("div", fn, [
+			_("div", pn, [_("h2", mn, M(c.value.mediaLibrary.title), 1), _("div", hn, [
+				F(C).storageInfo.value ? (D(), m(ln, {
 					key: 0,
 					"used-bytes": F(C).storageInfo.value.usedBytes,
 					"limit-bytes": F(C).storageInfo.value.limitBytes,
 					size: 22
 				}, null, 8, ["used-bytes", "limit-bytes"])) : h("", !0),
-				_("div", fn, [_("input", {
+				_("div", gn, [_("input", {
 					value: F(k).searchInput.value,
 					type: "search",
-					disabled: J.value,
+					disabled: ae.value,
 					"aria-label": c.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: {
@@ -2045,7 +2079,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					},
 					placeholder: c.value.mediaLibrary.searchPlaceholder,
 					onInput: n[0] ||= (e) => F(k).handleSearchInput(e.target.value)
-				}, null, 40, pn), y(F(ae), {
+				}, null, 40, _n), y(F(oe), {
 					class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 					size: 13,
 					"stroke-width": 2,
@@ -2058,12 +2092,12 @@ var cn = { 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: n[1] ||= (e) => a("close")
-				}, [y(F(se), {
+				}, [y(F(ce), {
 					size: 18,
 					"stroke-width": 2
-				})], 8, mn)) : h("", !0)
+				})], 8, vn)) : h("", !0)
 			])]),
-			_("div", hn, [y(d, {
+			_("div", yn, [y(d, {
 				"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",
@@ -2071,12 +2105,12 @@ var cn = { 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: R(() => [N.value && F(k).showSidebar.value ? (D(), g("div", gn, [y(Me, {
+				default: R(() => [N.value && F(k).showSidebar.value ? (D(), g("div", bn, [y(Ne, {
 					folders: F(k).folderTree.value,
 					"current-folder-id": F(C).currentFolderId.value,
 					"view-mode": F(C).viewMode.value,
-					"has-frequently-used": ee.value && F(k).hasFrequentlyUsed.value,
-					"can-create-folder": W.value,
+					"has-frequently-used": U.value && F(k).hasFrequentlyUsed.value,
+					"can-create-folder": G.value,
 					"can-rename-folder": K.value,
 					"can-delete-folder": q.value,
 					onNavigate: F(C).navigateToFolder,
@@ -2099,7 +2133,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"onShowFrequentlyUsed"
 				])])) : h("", !0)]),
 				_: 1
-			}), _("div", _n, [_("div", vn, [_("div", yn, [
+			}), _("div", xn, [_("div", Sn, [_("div", Cn, [
 				N.value ? (D(), g("button", {
 					key: 0,
 					type: "button",
@@ -2117,8 +2151,8 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				}, [y(F(ie), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, bn)) : h("", !0),
-				F(C).viewMode.value === "frequently-used" ? (D(), g("span", xn, M(c.value.mediaLibrary.frequentlyUsed), 1)) : (D(), m(ve, {
+				})], 12, wn)) : h("", !0),
+				F(C).viewMode.value === "frequently-used" ? (D(), g("span", Tn, M(c.value.mediaLibrary.frequentlyUsed), 1)) : (D(), m(ye, {
 					key: 2,
 					folders: F(k).folderTree.value,
 					"current-folder-id": F(C).currentFolderId.value,
@@ -2128,7 +2162,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"current-folder-id",
 					"onNavigate"
 				])),
-				_("div", Sn, [_("button", {
+				_("div", En, [_("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({
@@ -2139,10 +2173,10 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": c.value.mediaLibrary.viewGrid,
 					"aria-pressed": F(k).layoutMode.value === "grid",
 					onClick: n[3] ||= (e) => F(k).layoutMode.value = "grid"
-				}, [y(F(G), {
+				}, [y(F(te), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, Cn), _("button", {
+				})], 12, Dn), _("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({
@@ -2156,8 +2190,8 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				}, [y(F(re), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, wn)])
-			]), _("div", Tn, [F(S).length > 1 ? (D(), g("select", {
+				})], 12, On)])
+			]), _("div", kn, [F(S).length > 1 ? (D(), g("select", {
 				key: 0,
 				"aria-label": c.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",
@@ -2167,11 +2201,11 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					color: "var(--tpl-text)"
 				},
 				value: F(C).categoryFilter.value ?? "",
-				onChange: ce
-			}, [_("option", Dn, M(c.value.mediaLibrary.filterAll), 1), (D(!0), g(l, null, A(F(S), (e) => (D(), g("option", {
+				onChange: le
+			}, [_("option", jn, M(c.value.mediaLibrary.filterAll), 1), (D(!0), g(l, null, A(F(S), (e) => (D(), g("option", {
 				key: e,
 				value: e
-			}, M(F(k).getCategoryLabel(e)), 9, On))), 128))], 40, En)) : h("", !0)])]), _("div", kn, [F(C).viewMode.value === "files" && (j.value || P.value) ? (D(), g("div", An, [j.value ? (D(), m(Qt, {
+			}, M(F(k).getCategoryLabel(e)), 9, Mn))), 128))], 40, An)) : h("", !0)])]), _("div", Nn, [F(C).viewMode.value === "files" && (j.value || P.value) ? (D(), g("div", Pn, [j.value ? (D(), m(nn, {
 				key: 0,
 				"is-uploading": F(C).isUploading.value,
 				"upload-progress": F(C).uploadProgress.value,
@@ -2193,7 +2227,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 			}, [y(F(ne), {
 				size: 14,
 				"stroke-width": 2
-			}), v(" " + M(c.value.mediaLibrary.importFromUrl), 1)])) : h("", !0)])) : h("", !0), y(lt, {
+			}), v(" " + M(c.value.mediaLibrary.importFromUrl), 1)])) : h("", !0)])) : h("", !0), y(dt, {
 				items: F(k).displayItems.value,
 				"selected-ids": F(C).selectedItems.value,
 				"is-loading": F(C).isLoading.value,
@@ -2208,7 +2242,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				onLoadMore: F(C).loadMore,
 				onEdit: F(k).handleEditItem,
 				onReplace: F(k).handleReplaceItem,
-				onConfirm: Q
+				onConfirm: Z
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -2225,7 +2259,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"onEdit",
 				"onReplace"
 			])])])]),
-			y(bt, {
+			y(St, {
 				visible: F(k).showImportUrlModal.value,
 				"is-importing": F(C).isImportingFromUrl.value,
 				error: F(C).importFromUrlError.value,
@@ -2241,10 +2275,15 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 0,
 				visible: !0,
 				item: F(k).editingItem.value,
-				onSave: F(k).handleEditSave,
+				save: F(k).handleEditSave,
+				"can-crop": B.value && F(k).editingItem.value.canUpdate !== !1,
 				onClose: n[7] ||= (e) => F(k).editingItem.value = null
-			}, null, 8, ["item", "onSave"])) : h("", !0),
-			y(Kt, {
+			}, null, 8, [
+				"item",
+				"save",
+				"can-crop"
+			])) : h("", !0),
+			y(Jt, {
 				visible: F(C).showReplaceWarning.value,
 				item: F(C).pendingReplaceItem.value,
 				"usage-info": F(C).replaceUsageInfo.value,
@@ -2281,19 +2320,19 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
 					onClick: n[10] ||= V((...e) => F(C).cancelDelete && F(C).cancelDelete(...e), ["self"])
-				}, [_("div", jn, [
-					_("h3", Mn, M(c.value.mediaLibrary.deleteWarningTitle), 1),
+				}, [_("div", Fn, [
+					_("h3", In, M(c.value.mediaLibrary.deleteWarningTitle), 1),
 					_("p", {
 						class: w(["tpl:text-xs", F(k).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, M(c.value.mediaLibrary.deleteWarningMessage), 3),
-					F(k).hasUsedFiles.value ? (D(), g("p", Nn, M(c.value.mediaLibrary.deleteWarningUsageNote), 1)) : h("", !0),
-					F(k).hasUsedFiles.value ? (D(), g("div", Pn, [(D(!0), g(l, null, A(F(C).deleteUsageInfo.value, (e, t) => (D(), g("div", {
+					F(k).hasUsedFiles.value ? (D(), g("p", Ln, M(c.value.mediaLibrary.deleteWarningUsageNote), 1)) : h("", !0),
+					F(k).hasUsedFiles.value ? (D(), g("div", Rn, [(D(!0), g(l, null, A(F(C).deleteUsageInfo.value, (e, t) => (D(), g("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.templateCount > 0 ? (D(), g(l, { key: 0 }, [_("span", Fn, M(F(k).displayItems.value.find((e) => e.id === t)?.filename || t), 1), _("span", In, " - " + M(c.value.mediaLibrary.usedInTemplates.replace("{count}", e.templateCount.toString())), 1)], 64)) : h("", !0)]))), 128))])) : h("", !0),
-					_("div", Ln, [_("button", {
+					}, [e.templateCount > 0 ? (D(), g(l, { key: 0 }, [_("span", zn, M(F(k).displayItems.value.find((e) => e.id === t)?.filename || t), 1), _("span", Bn, " - " + M(c.value.mediaLibrary.usedInTemplates.replace("{count}", e.templateCount.toString())), 1)], 64)) : h("", !0)]))), 128))])) : h("", !0),
+					_("div", Vn, [_("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)",
@@ -2313,11 +2352,11 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				])])) : h("", !0)]),
 				_: 1
 			}),
-			_("div", Rn, [_("div", zn, [F(C).previewItem.value ? (D(), m(Mt, {
+			_("div", Hn, [_("div", Un, [F(C).previewItem.value ? (D(), m(Pt, {
 				key: 0,
 				item: F(C).previewItem.value,
 				folders: F(k).folderTree.value
-			}, null, 8, ["item", "folders"])) : h("", !0)]), _("div", Bn, [F(C).selectedItems.value.size > 0 ? (D(), g("div", Vn, [F(C).previewItem.value ? (D(), g("button", {
+			}, null, 8, ["item", "folders"])) : h("", !0)]), _("div", Wn, [F(C).selectedItems.value.size > 0 ? (D(), g("div", Gn, [F(C).previewItem.value ? (D(), g("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({
@@ -2330,11 +2369,11 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (D(), m(F(te), {
+			})) : (D(), m(F(ee), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), v(" " + M(F(k).copied.value ? c.value.mediaLibrary.copied : c.value.mediaLibrary.copyUrl), 1)], 4)) : h("", !0), U.value ? (D(), g("div", Hn, [_("button", {
+			})), v(" " + M(F(k).copied.value ? c.value.mediaLibrary.copied : c.value.mediaLibrary.copyUrl), 1)], 4)) : h("", !0), W.value ? (D(), g("div", Kn, [_("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)",
@@ -2342,7 +2381,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: n[12] ||= (e) => F(k).showMovePicker.value = !F(k).showMovePicker.value
-			}, M(c.value.mediaLibrary.moveSelected), 1), F(k).showMovePicker.value ? (D(), m(Tt, {
+			}, M(c.value.mediaLibrary.moveSelected), 1), F(k).showMovePicker.value ? (D(), m(Dt, {
 				key: 0,
 				folders: F(k).folderTree.value,
 				"current-folder-id": F(C).currentFolderId.value,
@@ -2352,7 +2391,7 @@ var cn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : h("", !0)])) : h("", !0)])) : h("", !0), _("div", Un, [oe.value > 0 ? (D(), g("button", {
+			])) : h("", !0)])) : h("", !0)])) : h("", !0), _("div", qn, [se.value > 0 ? (D(), g("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",
@@ -2361,7 +2400,7 @@ var cn = { 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: le
+				onClick: ue
 			}, M(c.value.mediaLibrary.deleteSelected), 1)) : h("", !0), t.showConfirm ? (D(), g("button", {
 				key: 1,
 				"data-testid": u.value,
@@ -2370,45 +2409,45 @@ var cn = { 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: !Y.value,
-				onClick: Q
-			}, M(t.accept?.length ? c.value.mediaLibrary.selectImage : c.value.mediaLibrary.selectFile), 9, Wn)) : h("", !0)])])])
+				disabled: !J.value,
+				onClick: Z
+			}, M(t.accept?.length ? c.value.mediaLibrary.selectImage : c.value.mediaLibrary.selectFile), 9, Jn)) : h("", !0)])])])
 		]));
 	}
-}), Kn = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./ca-B1Ig3u8O.js"),
-	"./locales/de.ts": () => import("./de-BNbyJubD.js"),
-	"./locales/en.ts": () => import("./en-CQxhpwqd.js").then((e) => e.n),
-	"./locales/es.ts": () => import("./es-B2EH-TdJ.js"),
-	"./locales/fr.ts": () => import("./fr-9SWy_n9K.js"),
-	"./locales/ja.ts": () => import("./ja-CJeeGmVQ.js"),
-	"./locales/nl.ts": () => import("./nl-DJasgSvI.js"),
-	"./locales/pt-BR.ts": () => import("./pt-BR-BtCfbqSj.js")
+}), Xn = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca-DyHL0z4N.js"),
+	"./locales/de.ts": () => import("./de-Dcy8LcNQ.js"),
+	"./locales/en.ts": () => import("./en-w2ihxIL6.js").then((e) => e.n),
+	"./locales/es.ts": () => import("./es-B43D0gmB.js"),
+	"./locales/fr.ts": () => import("./fr-DsxaRm09.js"),
+	"./locales/ja.ts": () => import("./ja-DDI6z0aO.js"),
+	"./locales/nl.ts": () => import("./nl-CHa6u0cR.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-CZmeAVC3.js")
 });
-function qn(e) {
+function Zn(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Jn = qn(Kn);
-function Yn(e) {
+var Qn = Zn(Xn);
+function $n(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function Xn(e) {
-	let t = Yn(e);
-	return Jn.find((e) => Yn(e) === t);
+function er(e) {
+	let t = $n(e);
+	return Qn.find((e) => $n(e) === t);
 }
-function Zn(e) {
-	return Yn(e).split("-")[0];
+function tr(e) {
+	return $n(e).split("-")[0];
 }
-function Qn(e) {
-	return Xn(e) ?? Xn(Zn(e)) ?? "en";
+function nr(e) {
+	return er(e) ?? er(tr(e)) ?? "en";
 }
-async function $n(e) {
-	let t = Kn[`./locales/${Qn(e)}.ts`];
+async function rr(e) {
+	let t = Xn[`./locales/${nr(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var er = ["data-tpl-theme"], tr = /* @__PURE__ */ x({
+var ir = ["data-tpl-theme"], ar = /* @__PURE__ */ x({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -2424,7 +2463,7 @@ var er = ["data-tpl-theme"], tr = /* @__PURE__ */ x({
 	setup(e, { emit: n }) {
 		let i = e, o = n, l = k(null);
 		L(() => i.locale, async (e) => {
-			l.value = await $n(e ?? "en");
+			l.value = await rr(e ?? "en");
 		}, { immediate: !0 }), O(s, l);
 		let p = f(() => i.uiTheme);
 		O(r, p);
@@ -2441,7 +2480,7 @@ var er = ["data-tpl-theme"], tr = /* @__PURE__ */ x({
 				o("close");
 			}
 		}
-		de(document, "keydown", C);
+		fe(document, "keydown", C);
 		function T(e) {
 			o("select", e), o("close");
 		}
@@ -2481,7 +2520,7 @@ var er = ["data-tpl-theme"], tr = /* @__PURE__ */ x({
 					border: "1px solid var(--tpl-border)",
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
-			}, [y(Gn, {
+			}, [y(Yn, {
 				ref_key: "chromeRef",
 				ref: x,
 				provider: e.provider,
@@ -2500,14 +2539,14 @@ var er = ["data-tpl-theme"], tr = /* @__PURE__ */ x({
 				"template-id",
 				"on-error",
 				"translations"
-			])], 512)], 10, er)) : h("", !0)]),
+			])], 512)], 10, ir)) : h("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
 });
 //#endregion
 //#region src/composables/useMediaPicker.ts
-function nr() {
+function or() {
 	let e = C("onRequestMedia"), t = k(!1), n = f(() => !!e);
 	async function r(n) {
 		if (!e) return null;
@@ -2526,7 +2565,7 @@ function nr() {
 }
 //#endregion
 //#region src/standalone/MediaLibrary.vue
-var rr = /* @__PURE__ */ x({
+var sr = /* @__PURE__ */ x({
 	__name: "MediaLibrary",
 	props: {
 		provider: {},
@@ -2554,7 +2593,7 @@ var rr = /* @__PURE__ */ x({
 				"background-color": "var(--tpl-bg-elevated)",
 				border: "1px solid var(--tpl-border)"
 			}
-		}, [y(Gn, {
+		}, [y(Yn, {
 			provider: e.provider,
 			accept: e.accept,
 			translations: o.value,
@@ -2569,27 +2608,27 @@ var rr = /* @__PURE__ */ x({
 			"show-confirm"
 		])], 512));
 	}
-}), $ = null, ir = k(null);
-async function ar(e) {
+}), $ = null, cr = k(null);
+async function lr(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!t) throw Error(`Container element not found: ${e.container}`);
-	let n = await $n(e.locale ?? "en");
-	return sr(t, e.theme), $ && or(), new Promise((r, i) => {
+	let n = await rr(e.locale ?? "en");
+	return dr(t, e.theme), $ && ur(), new Promise((r, i) => {
 		try {
 			$ = p({ setup() {
 				let i = () => {
 					r({
-						setTheme: (e) => sr(t, e),
-						unmount: or
+						setTheme: (e) => dr(t, e),
+						unmount: ur
 					});
 				};
-				return () => S(rr, {
+				return () => S(sr, {
 					provider: e.provider,
 					translations: n,
 					onSelect: e.onSelect,
 					accept: e.accept,
 					locale: e.locale,
-					ref: ir,
+					ref: cr,
 					onReady: i
 				});
 			} }), $.mount(t);
@@ -2598,15 +2637,15 @@ async function ar(e) {
 		}
 	});
 }
-function or() {
-	$ && ($.unmount(), $ = null, ir.value = null);
+function ur() {
+	$ && ($.unmount(), $ = null, cr.value = null);
 }
-function sr(e, t) {
+function dr(e, t) {
 	t && (t.primaryColor && e.style.setProperty("--tpl-user-primary", t.primaryColor), t.borderRadius !== void 0 && (e.style.setProperty("--tpl-user-radius", `${t.borderRadius}px`), e.style.setProperty("--tpl-user-radius-sm", `${Math.max(0, t.borderRadius - 3)}px`), e.style.setProperty("--tpl-user-radius-lg", `${t.borderRadius + 4}px`)));
 }
 typeof window < "u" && (window.TemplaticalMedia = {
-	init: ar,
-	unmount: or
+	init: lr,
+	unmount: ur
 });
 //#endregion
-export { tr as MediaLibraryModal, ar as init, or as unmount, n as useI18n, o as useMediaCategories, me as useMediaLibrary, nr as useMediaPicker };
+export { ar as MediaLibraryModal, lr as init, ur as unmount, n as useI18n, o as useMediaCategories, he as useMediaLibrary, or as useMediaPicker };