@templatical/media-library 0.43.1 → 0.43.2

package/dist/cdn/media-library.js

@@ -1,14 +1,14 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, J as s, K as c, L as l, M as u, N as d, O as f, P as p, R as m, T as h, U as g, W as _, X as v, Z as y, _ as b, a as x, b as S, c as C, ct as w, d as T, dt as E, f as D, g as O, h as k, i as A, j, k as M, l as N, lt as P, m as F, n as I, nt as L, o as R, ot as z, p as ee, r as te, s as B, st as ne, t as re, u as V, ut as H, v as U, w as W, x as G, y as K } from "./chunks/icons-4_7522gN.js";
-import { a as ie, c as ae, d as oe, f as q, h as J, i as se, l as Y, m as X, n as ce, o as Z, p as le, r as ue, s as de, t as fe, u as Q } from "./chunks/useFocusTrap-5U5Mu8Hj.js";
+import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, J as s, K as c, L as l, M as u, N as d, O as f, P as p, R as m, T as h, U as g, W as _, X as v, Z as y, _ as b, a as x, b as S, c as C, ct as w, d as T, dt as E, f as D, g as O, h as k, i as A, j, k as M, l as N, lt as P, m as F, n as I, nt as L, o as R, ot as ee, p as te, r as ne, s as z, st as re, t as ie, u as B, ut as V, v as H, w as U, x as W, y as G } from "./chunks/icons-BiNngs3F.js";
+import { a as ae, c as oe, d as se, f as K, h as q, i as ce, l as J, m as Y, n as le, o as X, p as ue, r as de, s as fe, t as pe, u as Z } from "./chunks/useFocusTrap-DlOYUC75.js";
 //#region src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var pe = {
+var me = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, me = ["onClick"], he = {
+}, he = ["onClick"], ge = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, ge = /* @__PURE__ */ a({
+}, _e = /* @__PURE__ */ a({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -16,7 +16,7 @@ var pe = {
 	},
 	emits: ["navigate"],
 	setup(t, { emit: n }) {
-		let i = t, a = n, { t: s } = Q(), c = r(() => {
+		let i = t, a = n, { t: s } = Z(), c = r(() => {
 			if (!i.currentFolderId) return [];
 			let e = [];
 			return l(i.folders, i.currentFolderId, e), e;
@@ -28,7 +28,7 @@ var pe = {
 			}
 			return !1;
 		}
-		return (t, n) => c.value.length > 0 ? (o(), j("div", pe, [f("button", {
+		return (t, n) => c.value.length > 0 ? (o(), j("div", me, [f("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: n[0] ||= (e) => a("navigate", null)
@@ -40,15 +40,15 @@ var pe = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => a("navigate", e.id)
-		}, E(e.name), 9, me)) : (o(), j("span", he, E(e.name), 1))], 64))), 128))])) : e("", !0);
+		}, E(e.name), 9, he)) : (o(), j("span", ge, E(e.name), 1))], 64))), 128))])) : e("", !0);
 	}
-}), _e = ["aria-expanded", "aria-label"], ve = {
+}), ve = ["aria-expanded", "aria-label"], ye = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, ye = {
+}, be = {
 	key: 0,
 	class: "tpl:truncate"
-}, be = ["onKeydown"], xe = ["title", "aria-label"], Se = ["title", "aria-label"], Ce = ["title", "aria-label"], we = { key: 0 }, Te = ["placeholder", "onKeydown"], Ee = /* @__PURE__ */ a({
+}, xe = ["onKeydown"], Se = ["title", "aria-label"], Ce = ["title", "aria-label"], we = ["title", "aria-label"], Te = { key: 0 }, Ee = ["placeholder", "onKeydown"], De = /* @__PURE__ */ a({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -65,7 +65,7 @@ var pe = {
 		"deleteFolder"
 	],
 	setup(t, { emit: i }) {
-		let a = t, s = i, { t: l } = Q(), u = L(!1), p = L(!1), m = L(""), g = L(!1), v = L(""), x = L(!1), S = r(() => a.folder.children.length > 0), T = r(() => a.depth < 4), D = r(() => a.currentFolderId === a.folder.id), O = r(() => a.currentFolderId ? A(a.folder.children, a.currentFolderId) : !1), k = r(() => u.value || O.value);
+		let a = t, s = i, { t: l } = Z(), u = L(!1), p = L(!1), m = L(""), g = L(!1), v = L(""), x = L(!1), S = r(() => a.folder.children.length > 0), T = r(() => a.depth < 4), D = r(() => a.currentFolderId === a.folder.id), O = r(() => a.currentFolderId ? A(a.folder.children, a.currentFolderId) : !1), k = r(() => u.value || O.value);
 		function A(e, t) {
 			for (let n of e) if (n.id === t || A(n.children, t)) return !0;
 			return !1;
@@ -80,26 +80,26 @@ var pe = {
 			let e = m.value.trim();
 			e && e !== a.folder.name && s("renameFolder", a.folder.id, e), p.value = !1, m.value = "";
 		}
-		function z() {
+		function ee() {
 			p.value = !1, m.value = "";
 		}
-		function ee() {
+		function te() {
 			g.value = !0, v.value = "", u.value = !0;
 		}
-		function ne() {
+		function re() {
 			v.value.trim() && s("createFolder", v.value.trim(), a.folder.id), g.value = !1, v.value = "";
 		}
-		function re() {
+		function ie() {
 			g.value = !1, v.value = "";
 		}
-		function V() {
+		function B() {
 			if (x.value) {
 				s("deleteFolder", a.folder.id), x.value = !1;
 				return;
 			}
 			x.value = !0;
 		}
-		function U(e) {
+		function H(e) {
 			let t = e.relatedTarget;
 			t && e.currentTarget.contains(t) || (x.value = !1);
 		}
@@ -107,12 +107,12 @@ var pe = {
 			let a = c("MediaFolderTreeNode", !0);
 			return o(), j("div", null, [f("div", {
 				class: "tpl:group tpl:flex tpl:w-full tpl:items-center tpl:gap-1 tpl:py-1.5 tpl:pr-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
-				style: H({
+				style: V({
 					paddingLeft: `${t.depth * 16 + 8}px`,
 					backgroundColor: D.value ? "var(--tpl-bg-active)" : "transparent",
 					color: D.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
-				onFocusout: U
+				onFocusout: H
 			}, [
 				S.value || g.value ? (o(), j("button", {
 					key: 0,
@@ -120,12 +120,12 @@ var pe = {
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 					"aria-expanded": k.value,
 					"aria-label": k.value ? w(l).mediaLibrary.collapseFolder : w(l).mediaLibrary.expandFolder,
-					onClick: W(N, ["stop"])
+					onClick: U(N, ["stop"])
 				}, [d(w(b), {
 					class: P(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": k.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])], 8, _e)) : (o(), j("span", ve)),
+				}, null, 8, ["class"])], 8, ve)) : (o(), j("span", ye)),
 				f("button", {
 					type: "button",
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
@@ -134,7 +134,7 @@ var pe = {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), p.value ? e("", !0) : (o(), j("span", ye, E(t.folder.name), 1))]),
+				}), p.value ? e("", !0) : (o(), j("span", be, E(t.folder.name), 1))]),
 				p.value ? y((o(), j("input", {
 					key: 2,
 					"onUpdate:modelValue": i[1] ||= (e) => m.value = e,
@@ -146,10 +146,10 @@ var pe = {
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [n(R, ["enter"]), n(W(z, ["stop"]), ["escape"])],
+					onKeydown: [n(R, ["enter"]), n(U(ee, ["stop"]), ["escape"])],
 					onBlur: R,
-					onClick: i[2] ||= W(() => {}, ["stop"])
-				}, null, 40, be)), [[G, m.value]]) : e("", !0),
+					onClick: i[2] ||= U(() => {}, ["stop"])
+				}, null, 40, xe)), [[W, m.value]]) : e("", !0),
 				p.value ? e("", !0) : (o(), j("span", {
 					key: 3,
 					class: P(["tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:transition-opacity", D.value || x.value ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100"])
@@ -160,22 +160,22 @@ var pe = {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: w(l).mediaLibrary.addSubfolder,
 						"aria-label": w(l).mediaLibrary.addSubfolder,
-						onClick: W(ee, ["stop"])
-					}, [d(w(B), {
+						onClick: U(te, ["stop"])
+					}, [d(w(z), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, xe)) : e("", !0),
+					})], 8, Se)) : e("", !0),
 					t.canRenameFolder ? (o(), j("button", {
 						key: 1,
 						type: "button",
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: w(l).mediaLibrary.renameFolder,
 						"aria-label": w(l).mediaLibrary.renameFolder,
-						onClick: W(I, ["stop"])
+						onClick: U(I, ["stop"])
 					}, [d(w(C), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, Se)) : e("", !0),
+					})], 8, Ce)) : e("", !0),
 					t.canDeleteFolder ? (o(), j("button", {
 						key: 2,
 						type: "button",
@@ -183,14 +183,14 @@ var pe = {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: x.value ? w(l).mediaLibrary.deleteFolderConfirm : w(l).mediaLibrary.deleteFolder,
 						"aria-label": x.value ? w(l).mediaLibrary.deleteFolderConfirm : w(l).mediaLibrary.deleteFolder,
-						onClick: W(V, ["stop"])
-					}, [d(w(te), {
+						onClick: U(B, ["stop"])
+					}, [d(w(ne), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
-					})], 8, Ce)) : e("", !0)
+					})], 8, we)) : e("", !0)
 				], 2))
-			], 36), k.value ? (o(), j("div", we, [(o(!0), j(h, null, _(t.folder.children, (e) => (o(), M(a, {
+			], 36), k.value ? (o(), j("div", Te, [(o(!0), j(h, null, _(t.folder.children, (e) => (o(), M(a, {
 				key: e.id,
 				folder: e,
 				"current-folder-id": t.currentFolderId,
@@ -211,7 +211,7 @@ var pe = {
 				"can-delete-folder"
 			]))), 128)), g.value ? (o(), j("div", {
 				key: 0,
-				style: H({ paddingLeft: `${(t.depth + 1) * 16 + 8}px` }),
+				style: V({ paddingLeft: `${(t.depth + 1) * 16 + 8}px` }),
 				class: "tpl:py-1.5 tpl:pr-2"
 			}, [y(f("input", {
 				"onUpdate:modelValue": i[7] ||= (e) => v.value = e,
@@ -224,18 +224,18 @@ var pe = {
 				},
 				placeholder: w(l).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [n(ne, ["enter"]), n(W(re, ["stop"]), ["escape"])],
-				onBlur: ne
-			}, null, 40, Te), [[G, v.value]])], 4)) : e("", !0)])) : e("", !0)]);
+				onKeydown: [n(re, ["enter"]), n(U(ie, ["stop"]), ["escape"])],
+				onBlur: re
+			}, null, 40, Ee), [[W, v.value]])], 4)) : e("", !0)])) : e("", !0)]);
 		};
 	}
-}), De = {
+}), Oe = {
 	"data-testid": "media-folder-tree",
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto"
-}, Oe = {
+}, ke = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, ke = ["placeholder", "onKeydown"], Ae = /* @__PURE__ */ a({
+}, Ae = ["placeholder", "onKeydown"], je = /* @__PURE__ */ a({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -254,7 +254,7 @@ var pe = {
 		"showFrequentlyUsed"
 	],
 	setup(t, { emit: r }) {
-		let i = r, { t: a } = Q(), s = L(!1), c = L("");
+		let i = r, { t: a } = Z(), s = L(!1), c = L("");
 		function l() {
 			s.value = !0, c.value = "";
 		}
@@ -264,10 +264,10 @@ var pe = {
 		function m() {
 			s.value = !1, c.value = "";
 		}
-		return (r, g) => (o(), j("div", De, [
+		return (r, g) => (o(), j("div", Oe, [
 			f("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: H({
+				style: V({
 					backgroundColor: t.viewMode === "files" && t.currentFolderId === null ? "var(--tpl-bg-active)" : "transparent",
 					color: t.viewMode === "files" && t.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
@@ -276,7 +276,7 @@ var pe = {
 				size: 14,
 				"stroke-width": 1.5
 			}), u(" " + E(w(a).mediaLibrary.allFiles), 1)], 4),
-			(o(!0), j(h, null, _(t.folders, (e) => (o(), M(Ee, {
+			(o(!0), j(h, null, _(t.folders, (e) => (o(), M(De, {
 				key: e.id,
 				folder: e,
 				"current-folder-id": t.currentFolderId,
@@ -295,7 +295,7 @@ var pe = {
 				"can-rename-folder",
 				"can-delete-folder"
 			]))), 128)),
-			s.value ? (o(), j("div", Oe, [y(f("input", {
+			s.value ? (o(), j("div", ke, [y(f("input", {
 				"onUpdate:modelValue": g[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",
@@ -306,15 +306,15 @@ var pe = {
 				},
 				placeholder: w(a).mediaLibrary.folderName,
 				autofocus: "",
-				onKeydown: [n(p, ["enter"]), n(W(m, ["stop"]), ["escape"])],
+				onKeydown: [n(p, ["enter"]), n(U(m, ["stop"]), ["escape"])],
 				onBlur: p
-			}, null, 40, ke), [[G, c.value]])])) : e("", !0),
+			}, null, 40, Ae), [[W, c.value]])])) : e("", !0),
 			!s.value && t.canCreateFolder ? (o(), j("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
-			}, [d(w(B), {
+			}, [d(w(z), {
 				size: 14,
 				"stroke-width": 1.5
 			}), u(" " + E(w(a).mediaLibrary.newFolder), 1)])) : e("", !0),
@@ -323,7 +323,7 @@ var pe = {
 				key: 2,
 				"data-testid": "media-frequently-used",
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:border-t tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-				style: H({
+				style: V({
 					borderColor: "var(--tpl-border)",
 					backgroundColor: t.viewMode === "frequently-used" ? "var(--tpl-bg-active)" : "transparent",
 					color: t.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
@@ -335,7 +335,7 @@ var pe = {
 			}), u(" " + E(w(a).mediaLibrary.frequentlyUsed), 1)], 4)) : e("", !0)
 		]));
 	}
-}), je = /* @__PURE__ */ a({
+}), Me = /* @__PURE__ */ a({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -438,7 +438,7 @@ var pe = {
 		}, a = r(() => n[t.mimeType] ?? i);
 		return (e, t) => (o(), j("div", {
 			class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2",
-			style: H({ backgroundColor: a.value.bgColor })
+			style: V({ backgroundColor: a.value.bgColor })
 		}, [a.value.icon === "document" ? (o(), j("svg", {
 			key: 0,
 			width: "60",
@@ -447,7 +447,7 @@ var pe = {
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: H({ color: a.value.color })
+			style: V({ color: a.value.color })
 		}, [...t[0] ||= [
 			f("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1),
 			f("polyline", { points: "14 2 14 8 20 8" }, null, -1),
@@ -471,7 +471,7 @@ var pe = {
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: H({ color: a.value.color })
+			style: V({ color: a.value.color })
 		}, [...t[1] ||= [f("rect", {
 			x: "2",
 			y: "4",
@@ -490,7 +490,7 @@ var pe = {
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: H({ color: a.value.color })
+			style: V({ color: a.value.color })
 		}, [...t[2] ||= [
 			f("path", { d: "M9 18V5l12-2v13" }, null, -1),
 			f("circle", {
@@ -505,13 +505,13 @@ var pe = {
 			}, null, -1)
 		]], 4)), f("span", {
 			class: "tpl:text-xs tpl:font-bold tpl:tracking-wider",
-			style: H({ color: a.value.color })
+			style: V({ color: a.value.color })
 		}, E(a.value.label), 5)], 4));
 	}
 });
 //#endregion
 //#region src/utils/formatAbsoluteDate.ts
-function Me(e, t, n) {
+function Ne(e, t, n) {
 	let r = new Date(e);
 	if (Number.isNaN(r.getTime())) return "";
 	let i = t?.trim().replace(/_/g, "-") || void 0;
@@ -522,35 +522,48 @@ function Me(e, t, n) {
 	}
 }
 //#endregion
+//#region src/utils/formatFileSize.ts
+var Pe = [
+	"B",
+	"KB",
+	"MB",
+	"GB"
+];
+function Q(e) {
+	let t = e, n = 0;
+	for (; t >= 1024 && n < Pe.length - 1;) t /= 1024, n += 1;
+	return `${Math.round(t * 10) / 10} ${Pe[n]}`;
+}
+//#endregion
 //#region src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
-var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
+var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, Ie = {
+}, Re = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Le = ["aria-label"], Re = [
+}, ze = ["aria-label"], Be = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], ze = { class: "tpl:aspect-square" }, Be = ["src", "alt"], Ve = { class: "tpl:px-2 tpl:py-1.5" }, He = {
+], Ve = { class: "tpl:aspect-square" }, He = ["src", "alt"], Ue = { class: "tpl:px-2 tpl:py-1.5" }, We = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ue = {
+}, Ge = {
 	class: "tpl:flex tpl:justify-between tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, We = { key: 0 }, Ge = { key: 1 }, Ke = [
+}, Ke = { key: 0 }, qe = { key: 1 }, Je = [
 	"title",
 	"aria-label",
 	"onClick"
-], qe = [
+], Ye = [
 	"title",
 	"aria-label",
 	"onClick"
-], Je = {
+], Xe = {
 	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",
@@ -558,34 +571,34 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, Ye = ["aria-label"], Xe = [
+}, Ze = ["aria-label"], Qe = [
 	"data-media-id",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onDblclick",
 	"onKeydown"
-], Ze = {
+], $e = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, Qe = ["src", "alt"], $e = {
+}, et = ["src", "alt"], tt = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, et = { class: "tpl:min-w-0 tpl:flex-1" }, tt = {
+}, nt = { class: "tpl:min-w-0 tpl:flex-1" }, rt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, nt = {
+}, it = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, rt = [
+}, at = [
 	"title",
 	"aria-label",
 	"onClick"
-], it = [
+], ot = [
 	"title",
 	"aria-label",
 	"onClick"
-], at = {
+], st = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full",
@@ -593,10 +606,10 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 		"background-color": "var(--tpl-primary)",
 		color: "var(--tpl-on-primary)"
 	}
-}, ot = {
+}, ct = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, st = /*#__PURE__*/ ce(/* @__PURE__ */ a({
+}, lt = /*#__PURE__*/ le(/* @__PURE__ */ a({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -618,7 +631,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 		"confirm"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { isAcceptedMimeType: a, isImageMimeType: s } = Y();
+		let r = t, i = n, { isAcceptedMimeType: a, isImageMimeType: s } = J();
 		function c(e) {
 			return e.mimeType ?? "";
 		}
@@ -653,21 +666,18 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 		function T(e) {
 			return S(e) ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100";
 		}
-		let { t: D } = Q(), O = m(X, null), A = L(null);
-		de(A, ([{ isIntersecting: e }]) => {
+		let { t: D } = Z(), O = m(Y, null), A = L(null);
+		fe(A, ([{ isIntersecting: e }]) => {
 			e && r.hasMore && !r.isLoading && i("loadMore");
 		}, { threshold: .1 });
 		function N(e) {
-			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
-		}
-		function F(e) {
-			return Me(e, O?.value, {
+			return Ne(e, O?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (n, r) => (o(), j("div", Ne, [
+		return (n, r) => (o(), j("div", Fe, [
 			t.isLoading && t.items.length === 0 ? (o(), j("div", {
 				key: 0,
 				role: "status",
@@ -679,12 +689,12 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				class: P(["tpl-pulse tpl:rounded-lg", t.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" },
 				"aria-hidden": "true"
-			}, null, 2)), 64))], 10, Pe)) : t.items.length === 0 ? (o(), j("div", Fe, [d(w(k), {
+			}, null, 2)), 64))], 10, Ie)) : t.items.length === 0 ? (o(), j("div", Le, [d(w(k), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), f("p", Ie, E(t.searchQuery ? w(D).mediaLibrary.noSearchResults : w(D).mediaLibrary.noFiles), 1)])) : t.layout === "list" ? (o(), j("div", {
+			}), f("p", Re, E(t.searchQuery ? w(D).mediaLibrary.noSearchResults : w(D).mediaLibrary.noFiles), 1)])) : t.layout === "list" ? (o(), j("div", {
 				key: 3,
 				role: "listbox",
 				"aria-label": w(D).mediaLibrary.filesListAriaLabel,
@@ -699,21 +709,21 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				"data-media-id": t.id,
 				"aria-selected": S(t),
 				"aria-label": t.filename || t.url,
-				style: H({ backgroundColor: S(t) ? "var(--tpl-bg-hover)" : "transparent" }),
+				style: V({ backgroundColor: S(t) ? "var(--tpl-bg-hover)" : "transparent" }),
 				onClick: (e) => y(t, e),
 				onDblclick: (e) => b(t),
 				onKeydown: (e) => x(t, e)
 			}, [
-				f("div", Ze, [w(s)(c(t)) ? (o(), j("img", {
+				f("div", $e, [w(s)(c(t)) ? (o(), j("img", {
 					key: 0,
 					src: l(t),
 					alt: t.filename || t.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Qe)) : (o(), j("div", $e, [d(je, { "mime-type": c(t) }, null, 8, ["mime-type"])]))]),
-				f("div", et, [f("p", tt, E(t.filename || t.url), 1), f("p", nt, [
-					t.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(E(N(t.size)), 1)], 64)),
-					t.createdAt ? (o(), j(h, { key: 1 }, [t.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(" · ")], 64)), u(" " + E(F(t.createdAt)), 1)], 64)) : e("", !0),
+				}, null, 8, et)) : (o(), j("div", tt, [d(Me, { "mime-type": c(t) }, null, 8, ["mime-type"])]))]),
+				f("div", nt, [f("p", rt, E(t.filename || t.url), 1), f("p", it, [
+					t.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(E(w(Q)(t.size)), 1)], 64)),
+					t.createdAt ? (o(), j(h, { key: 1 }, [t.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(" · ")], 64)), u(" " + E(N(t.createdAt)), 1)], 64)) : e("", !0),
 					w(s)(c(t)) && t.width && t.height ? (o(), j(h, { key: 2 }, [u(" · " + E(t.width) + "×" + E(t.height), 1)], 64)) : e("", !0)
 				])]),
 				f("div", { class: P(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", T(t)]) }, [g(t) ? (o(), j("button", {
@@ -724,11 +734,11 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					style: { color: "var(--tpl-text-muted)" },
 					title: w(D).mediaLibrary.editFile,
 					"aria-label": w(D).mediaLibrary.editFile,
-					onClick: W((e) => i("edit", t), ["stop"])
+					onClick: U((e) => i("edit", t), ["stop"])
 				}, [d(w(C), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, rt)) : e("", !0), v(t) ? (o(), j("button", {
+				})], 8, at)) : e("", !0), v(t) ? (o(), j("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -736,16 +746,16 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					style: { color: "var(--tpl-text-muted)" },
 					title: w(D).mediaLibrary.replaceFile,
 					"aria-label": w(D).mediaLibrary.replaceFile,
-					onClick: W((e) => i("replace", t), ["stop"])
+					onClick: U((e) => i("replace", t), ["stop"])
 				}, [d(w(R), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, it)) : e("", !0)], 2),
-				S(t) ? (o(), j("div", at, [d(w(U), {
+				})], 8, ot)) : e("", !0)], 2),
+				S(t) ? (o(), j("div", st, [d(w(H), {
 					size: 12,
 					"stroke-width": 3
 				})])) : e("", !0)
-			], 46, Xe))), 128))], 8, Ye)) : (o(), j("div", {
+			], 46, Qe))), 128))], 8, Ze)) : (o(), j("div", {
 				key: 2,
 				role: "listbox",
 				"aria-label": w(D).mediaLibrary.filesListAriaLabel,
@@ -764,7 +774,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				"data-media-id": t.id,
 				"aria-selected": S(t),
 				"aria-label": t.filename || t.url,
-				style: H({
+				style: V({
 					borderColor: S(t) ? "var(--tpl-primary)" : "transparent",
 					backgroundColor: !p(t) && !S(t) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
 				}),
@@ -772,17 +782,17 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				onDblclick: (e) => b(t),
 				onKeydown: (e) => x(t, e)
 			}, [
-				f("div", ze, [w(s)(c(t)) ? (o(), j("img", {
+				f("div", Ve, [w(s)(c(t)) ? (o(), j("img", {
 					key: 0,
 					src: l(t),
 					alt: t.filename || t.url,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Be)) : (o(), M(je, {
+				}, null, 8, He)) : (o(), M(Me, {
 					key: 1,
 					"mime-type": c(t)
 				}, null, 8, ["mime-type"]))]),
-				f("div", Ve, [f("p", He, E(t.filename || t.url), 1), f("p", Ue, [t.size == null ? e("", !0) : (o(), j("span", We, E(N(t.size)), 1)), w(s)(c(t)) && t.width && t.height ? (o(), j("span", Ge, E(t.width) + "×" + E(t.height), 1)) : e("", !0)])]),
+				f("div", Ue, [f("p", We, E(t.filename || t.url), 1), f("p", Ge, [t.size == null ? e("", !0) : (o(), j("span", Ke, E(w(Q)(t.size)), 1)), w(s)(c(t)) && t.width && t.height ? (o(), j("span", qe, E(t.width) + "×" + E(t.height), 1)) : e("", !0)])]),
 				f("div", { class: P(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", T(t)]) }, [g(t) ? (o(), j("button", {
 					key: 0,
 					type: "button",
@@ -794,11 +804,11 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					},
 					title: w(D).mediaLibrary.editFile,
 					"aria-label": w(D).mediaLibrary.editFile,
-					onClick: W((e) => i("edit", t), ["stop"])
+					onClick: U((e) => i("edit", t), ["stop"])
 				}, [d(w(C), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Ke)) : e("", !0), v(t) ? (o(), j("button", {
+				})], 8, Je)) : e("", !0), v(t) ? (o(), j("button", {
 					key: 1,
 					type: "button",
 					"data-testid": "media-replace",
@@ -809,22 +819,22 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					},
 					title: w(D).mediaLibrary.replaceFile,
 					"aria-label": w(D).mediaLibrary.replaceFile,
-					onClick: W((e) => i("replace", t), ["stop"])
+					onClick: U((e) => i("replace", t), ["stop"])
 				}, [d(w(R), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, qe)) : e("", !0)], 2),
-				S(t) ? (o(), j("div", Je, [d(w(U), {
+				})], 8, Ye)) : e("", !0)], 2),
+				S(t) ? (o(), j("div", Xe, [d(w(H), {
 					size: 12,
 					"stroke-width": 3
 				})])) : e("", !0)
-			], 46, Re))), 128))], 8, Le)),
+			], 46, Be))), 128))], 8, ze)),
 			f("div", {
 				ref_key: "sentinelRef",
 				ref: A,
 				class: "tpl:h-4"
 			}, null, 512),
-			t.isLoading && t.items.length > 0 ? (o(), j("div", ot, [d(w(V), {
+			t.isLoading && t.items.length > 0 ? (o(), j("div", ct, [d(w(B), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -832,26 +842,26 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			})])) : e("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9d25c128"]]), ct = ["data-tpl-theme"], lt = {
+}), [["__scopeId", "data-v-375932e6"]]), ut = ["data-tpl-theme"], dt = {
 	id: "tpl-media-import-title",
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, ut = { class: "tpl:mb-3" }, dt = [
+}, ft = { class: "tpl:mb-3" }, pt = [
 	"aria-label",
 	"aria-invalid",
 	"aria-describedby",
 	"placeholder",
 	"disabled"
-], ft = {
+], mt = {
 	key: 0,
 	id: "tpl-media-import-error",
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, pt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, mt = ["disabled"], ht = ["disabled"], gt = {
+}, ht = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, gt = ["disabled"], _t = ["disabled"], vt = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, _t = { key: 1 }, vt = /* @__PURE__ */ a({
+}, yt = { key: 1 }, bt = /* @__PURE__ */ a({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -860,7 +870,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 	},
 	emits: ["import", "close"],
 	setup(t, { emit: n }) {
-		let a = t, c = n, { t: l } = Q(), p = m(J, null), h = m(q, L(null)), g = L("");
+		let a = t, c = n, { t: l } = Z(), p = m(q, null), h = m(K, L(null)), g = L("");
 		s(() => a.visible, (e) => {
 			e && (g.value = "");
 		});
@@ -872,11 +882,11 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			a.isImporting || c("close");
 		}
 		let x = L(null), S = r(() => a.visible);
-		fe(x, S);
+		pe(x, S);
 		function C(e) {
 			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), _()), e.key === "Escape" && b();
 		}
-		return (n, r) => (o(), M(i, { to: w(h) || "body" }, [d(K, {
+		return (n, r) => (o(), M(i, { to: w(h) || "body" }, [d(G, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -889,7 +899,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				"data-tpl-theme": w(p),
 				class: P([w(h) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
 				style: { "background-color": "var(--tpl-overlay)" },
-				onClick: W(b, ["self"]),
+				onClick: U(b, ["self"]),
 				onKeydown: C
 			}, [f("div", {
 				ref_key: "dialogRef",
@@ -900,8 +910,8 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				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)" }
 			}, [
-				f("h3", lt, E(w(l).mediaLibrary.importFromUrl), 1),
-				f("div", ut, [y(f("input", {
+				f("h3", dt, E(w(l).mediaLibrary.importFromUrl), 1),
+				f("div", ft, [y(f("input", {
 					"onUpdate:modelValue": r[0] ||= (e) => g.value = e,
 					type: "url",
 					"aria-label": w(l).mediaLibrary.importFromUrl,
@@ -916,9 +926,9 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					placeholder: w(l).mediaLibrary.importUrlPlaceholder,
 					disabled: t.isImporting,
 					autofocus: ""
-				}, null, 8, dt), [[G, g.value]])]),
-				t.error ? (o(), j("p", ft, E(t.error), 1)) : e("", !0),
-				f("div", pt, [f("button", {
+				}, null, 8, pt), [[W, g.value]])]),
+				t.error ? (o(), j("p", mt, E(t.error), 1)) : e("", !0),
+				f("div", ht, [f("button", {
 					class: P(["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)",
@@ -927,7 +937,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					},
 					disabled: t.isImporting,
 					onClick: b
-				}, E(w(l).mediaLibrary.cancel), 11, mt), f("button", {
+				}, E(w(l).mediaLibrary.cancel), 11, gt), f("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)",
@@ -935,20 +945,20 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					},
 					disabled: !g.value.trim() || t.isImporting,
 					onClick: _
-				}, [t.isImporting ? (o(), j("span", gt, [d(w(V), {
+				}, [t.isImporting ? (o(), j("span", vt, [d(w(B), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), u(" " + E(w(l).mediaLibrary.importing), 1)])) : (o(), j("span", _t, E(w(l).mediaLibrary.import), 1))], 8, ht)])
-			], 512)], 42, ct)) : e("", !0)]),
+				}), u(" " + E(w(l).mediaLibrary.importing), 1)])) : (o(), j("span", yt, E(w(l).mediaLibrary.import), 1))], 8, _t)])
+			], 512)], 42, ut)) : e("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), yt = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, bt = ["disabled", "onClick"], xt = { class: "tpl:truncate" }, St = {
+}), xt = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, St = ["disabled", "onClick"], Ct = { class: "tpl:truncate" }, wt = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, Ct = /* @__PURE__ */ a({
+}, Tt = /* @__PURE__ */ a({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -956,7 +966,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 	},
 	emits: ["select", "close"],
 	setup(t, { emit: n }) {
-		let r = n, { t: i } = Q(), a = L(null);
+		let r = n, { t: i } = Z(), a = L(null);
 		function s(e, t = 0) {
 			let n = [];
 			for (let r of e) n.push({
@@ -966,7 +976,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			}), r.children.length && n.push(...s(r.children, t + 1));
 			return n;
 		}
-		return ue(a, () => {
+		return de(a, () => {
 			r("close");
 		}), (n, c) => (o(), j("div", {
 			ref_key: "pickerRef",
@@ -977,7 +987,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [f("div", yt, [t.currentFolderId === null ? e("", !0) : (o(), j("button", {
+		}, [f("div", xt, [t.currentFolderId === null ? e("", !0) : (o(), j("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)" },
@@ -989,7 +999,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 		}), u(" " + E(w(i).mediaLibrary.moveToRoot), 1)])), (o(!0), j(h, null, _(s(t.folders), (n) => (o(), j("button", {
 			key: n.id,
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:py-1.5 tpl:pr-3 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
-			style: H({
+			style: V({
 				paddingLeft: `${n.depth * 16 + 12}px`,
 				color: n.id === t.currentFolderId ? "var(--tpl-text-dim)" : "var(--tpl-text)",
 				opacity: n.id === t.currentFolderId ? .5 : 1
@@ -1002,28 +1012,28 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			f("span", xt, E(n.name), 1),
-			n.id === t.currentFolderId ? (o(), j("span", St, E(w(i).mediaLibrary.currentFolder), 1)) : e("", !0)
-		], 12, bt))), 128))])], 512));
+			f("span", Ct, E(n.name), 1),
+			n.id === t.currentFolderId ? (o(), j("span", wt, E(w(i).mediaLibrary.currentFolder), 1)) : e("", !0)
+		], 12, St))), 128))])], 512));
 	}
-}), wt = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Tt = ["src", "alt"], Et = {
+}), Et = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Dt = ["src", "alt"], Ot = {
 	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)" }
-}, Dt = { class: "tpl:min-w-0 tpl:flex-1" }, Ot = {
+}, kt = { class: "tpl:min-w-0 tpl:flex-1" }, At = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, kt = {
+}, jt = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, At = /*#__PURE__*/ ce(/* @__PURE__ */ a({
+}, Mt = /*#__PURE__*/ le(/* @__PURE__ */ a({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
 		folders: {}
 	},
 	setup(t) {
-		let n = t, i = m(X, null), { isImageMimeType: a } = Y();
+		let n = t, i = m(Y, null), { isImageMimeType: a } = J();
 		function s(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r.name];
@@ -1041,30 +1051,27 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			return e ? e.join("/") : null;
 		}), l = r(() => n.item.mimeType ?? ""), p = r(() => a(l.value));
 		function g(e) {
-			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
-		}
-		function _(e) {
-			return Me(e, i?.value, {
+			return Ne(e, i?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		let v = r(() => n.item.filename || n.item.url);
-		return (n, r) => (o(), j("div", wt, [p.value ? (o(), j("img", {
+		let _ = r(() => n.item.filename || n.item.url);
+		return (n, r) => (o(), j("div", Et, [p.value ? (o(), j("img", {
 			key: 0,
 			src: t.item.url,
-			alt: t.item.alt || v.value,
+			alt: t.item.alt || _.value,
 			class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 			style: { border: "1px solid var(--tpl-border)" }
-		}, null, 8, Tt)) : (o(), j("div", Et, [d(je, {
+		}, null, 8, Dt)) : (o(), j("div", Ot, [d(Me, {
 			"mime-type": l.value,
 			class: "tpl-preview-icon"
-		}, null, 8, ["mime-type"])])), f("div", Dt, [
-			f("p", Ot, E(v.value), 1),
-			f("p", kt, [
-				t.item.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(E(g(t.item.size)), 1)], 64)),
-				t.item.createdAt ? (o(), j(h, { key: 1 }, [t.item.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(" · ")], 64)), u(" " + E(_(t.item.createdAt)), 1)], 64)) : e("", !0),
+		}, null, 8, ["mime-type"])])), f("div", kt, [
+			f("p", At, E(_.value), 1),
+			f("p", jt, [
+				t.item.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(E(w(Q)(t.item.size)), 1)], 64)),
+				t.item.createdAt ? (o(), j(h, { key: 1 }, [t.item.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(" · ")], 64)), u(" " + E(g(t.item.createdAt)), 1)], 64)) : e("", !0),
 				p.value && t.item.width && t.item.height ? (o(), j(h, { key: 2 }, [u(" · " + E(t.item.width) + "×" + E(t.item.height) + "px ", 1)], 64)) : e("", !0),
 				c.value ? (o(), j(h, { key: 3 }, [
 					r[0] ||= u(" · ", -1),
@@ -1083,37 +1090,37 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			}, E(t.item.alt || "\xA0"), 3)) : e("", !0)
 		])]));
 	}
-}), [["__scopeId", "data-v-c7fe5962"]]), jt = ["data-tpl-theme"], Mt = {
+}), [["__scopeId", "data-v-9ebc1a04"]]), Nt = ["data-tpl-theme"], Pt = {
 	id: "tpl-media-replace-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Nt = {
+}, Ft = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Pt = {
+}, It = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ft = {
+}, Lt = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, It = {
+}, Rt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Lt = { class: "tpl:mb-4" }, Rt = {
+}, zt = { class: "tpl:mb-4" }, Bt = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, zt = [
+}, Vt = [
 	"accept",
 	"aria-invalid",
 	"aria-describedby"
-], Bt = {
+], Ht = {
 	key: 1,
 	id: "tpl-media-replace-error",
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Vt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ht = ["disabled"], Ut = ["disabled"], Wt = /* @__PURE__ */ a({
+}, Ut = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Wt = ["disabled"], Gt = ["disabled"], Kt = /* @__PURE__ */ a({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1124,7 +1131,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 	},
 	emits: ["replace", "close"],
 	setup(t, { emit: n }) {
-		let a = t, c = n, { t: l } = Q(), u = m(J, null), p = m(q, L(null)), h = L(null), g = L(null), _ = r(() => {
+		let a = t, c = n, { t: l } = Z(), u = m(q, null), p = m(K, L(null)), h = L(null), g = L(null), _ = r(() => {
 			if (!a.item) return "";
 			let e = (a.item.filename ?? "").split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
@@ -1140,11 +1147,11 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			g.value && c("replace", g.value);
 		}
 		let C = L(null), T = r(() => a.visible && a.item !== null);
-		fe(C, T);
+		pe(C, T);
 		function D(e) {
 			e.stopPropagation(), e.key === "Escape" && c("close");
 		}
-		return (n, r) => (o(), M(i, { to: w(p) || "body" }, [d(K, {
+		return (n, r) => (o(), M(i, { to: w(p) || "body" }, [d(G, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -1157,7 +1164,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				"data-tpl-theme": w(u),
 				class: P([w(p) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
 				style: { "background-color": "var(--tpl-overlay)" },
-				onClick: r[1] ||= W((e) => c("close"), ["self"]),
+				onClick: r[1] ||= U((e) => c("close"), ["self"]),
 				onKeydown: D
 			}, [f("div", {
 				ref_key: "dialogRef",
@@ -1168,11 +1175,11 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 				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)" }
 			}, [
-				f("h3", Mt, E(w(l).mediaLibrary.replaceWarningTitle), 1),
-				f("p", Nt, E(w(l).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${_.value}`)), 1),
-				b.value ? (o(), j("p", Pt, E(w(l).mediaLibrary.replaceWarningUsageNote.replace("{count}", t.usageInfo.templateCount.toString())), 1)) : e("", !0),
-				f("div", Ft, [f("p", It, E(t.item.filename), 1)]),
-				f("div", Lt, [f("label", Rt, E(w(l).mediaLibrary.replaceSelectFile), 1), f("input", {
+				f("h3", Pt, E(w(l).mediaLibrary.replaceWarningTitle), 1),
+				f("p", Ft, E(w(l).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${_.value}`)), 1),
+				b.value ? (o(), j("p", It, E(w(l).mediaLibrary.replaceWarningUsageNote.replace("{count}", t.usageInfo.templateCount.toString())), 1)) : e("", !0),
+				f("div", Lt, [f("p", Rt, E(t.item.filename), 1)]),
+				f("div", zt, [f("label", Bt, E(w(l).mediaLibrary.replaceSelectFile), 1), f("input", {
 					ref_key: "fileInputRef",
 					ref: h,
 					type: "file",
@@ -1186,9 +1193,9 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 						color: "var(--tpl-text)"
 					},
 					onChange: x
-				}, null, 40, zt)]),
-				t.error ? (o(), j("p", Bt, E(t.error), 1)) : e("", !0),
-				f("div", Vt, [f("button", {
+				}, null, 40, Vt)]),
+				t.error ? (o(), j("p", Ht, E(t.error), 1)) : e("", !0),
+				f("div", Ut, [f("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)",
@@ -1197,7 +1204,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					},
 					disabled: t.isReplacing,
 					onClick: r[0] ||= (e) => c("close")
-				}, E(w(l).mediaLibrary.cancel), 9, Ht), f("button", {
+				}, E(w(l).mediaLibrary.cancel), 9, Wt), f("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)",
@@ -1205,91 +1212,128 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 					},
 					disabled: !g.value || t.isReplacing,
 					onClick: S
-				}, E(t.isReplacing ? w(l).mediaLibrary.replacing : w(l).mediaLibrary.replace), 9, Ut)])
-			], 512)], 42, jt)) : e("", !0)]),
+				}, E(t.isReplacing ? w(l).mediaLibrary.replacing : w(l).mediaLibrary.replace), 9, Gt)])
+			], 512)], 42, Nt)) : e("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Gt = ["aria-label", "aria-busy"], Kt = {
+});
+//#endregion
+//#region src/utils/formatList.ts
+function qt(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 Jt = [
+	"aria-label",
+	"aria-describedby",
+	"aria-busy"
+], Yt = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, qt = {
+}, Xt = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Jt = {
+}, Zt = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Yt = {
+}, Qt = {
+	id: "tpl-media-upload-hint",
+	"data-testid": "media-upload-hint",
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Xt = /* @__PURE__ */ a({
+}, $t = {
+	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)" }
+}, en = /* @__PURE__ */ a({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
 		uploadProgress: {}
 	},
 	emits: ["upload"],
-	setup(e, { emit: t }) {
-		let n = t, { t: r, format: i } = Q(), { allAcceptedInputString: a, isAcceptedFile: s } = Y(), c = L();
-		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 && n("upload", t);
-		}
-		let { isOverDropZone: p } = ie(c, { onDrop: (e) => {
-			e?.length && u(e);
-		} }), { open: m, onChange: g } = Z({
-			accept: a.value,
+	setup(t, { emit: n }) {
+		let i = n, { t: a, format: s } = Z(), c = m(Y, null), { allAcceptedInputString: l, restrictsMimeTypes: u, availableCategories: p, maxFileSize: g, isAcceptedFile: _ } = J(), v = {
+			images: "filterImages",
+			documents: "filterDocuments",
+			videos: "filterVideos",
+			audio: "filterAudio"
+		}, y = r(() => {
+			let e = a.mediaLibrary, t = u.value ? qt(p.value.map((t) => e[v[t]]), c?.value) : a.mediaLibrary.acceptedAnyType;
+			return Number.isFinite(g.value) ? s(a.mediaLibrary.acceptedFormatsMaxSize, {
+				formats: t,
+				size: Q(g.value)
+			}) : t;
+		}), b = L([]), x = L();
+		function S(e) {
+			let t = [], n = [];
+			for (let r of Array.from(e)) _(r) ? t.push(r) : n.push(r.name);
+			b.value = n, t.length && i("upload", t);
+		}
+		let { isOverDropZone: C } = ae(x, { onDrop: (e) => {
+			e?.length && S(e);
+		} }), { open: T, onChange: D } = X({
+			accept: l.value,
 			multiple: !0
 		});
-		return g((e) => {
-			e?.length && u(e);
-		}), (t, n) => (o(), j("button", {
+		return D((e) => {
+			e?.length && S(e);
+		}), (n, r) => (o(), j(h, null, [f("button", {
 			ref_key: "dropZoneRef",
-			ref: c,
+			ref: x,
 			type: "button",
 			"data-testid": "media-upload-zone",
-			class: P(["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", w(p) ? "tpl-upload-zone-active" : ""]),
-			"aria-label": w(r).mediaLibrary.dropOrClick,
-			"aria-busy": e.isUploading,
+			class: P(["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", w(C) ? "tpl-upload-zone-active" : ""]),
+			"aria-label": w(a).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: n[0] ||= (e) => w(m)()
-		}, [e.isUploading ? (o(), j("div", Kt, [d(w(V), {
+			onClick: r[0] ||= (e) => w(T)()
+		}, [t.isUploading ? (o(), j("div", Yt, [d(w(B), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), f("span", qt, E(e.uploadProgress && e.uploadProgress.total > 1 ? w(i)(w(r).mediaLibrary.uploadingProgress, {
-			current: e.uploadProgress.current,
-			total: e.uploadProgress.total
-		}) : w(r).mediaLibrary.uploading), 1)])) : (o(), j(h, { key: 1 }, [
+		}), f("span", Xt, E(t.uploadProgress && t.uploadProgress.total > 1 ? w(s)(w(a).mediaLibrary.uploadingProgress, {
+			current: t.uploadProgress.current,
+			total: t.uploadProgress.total
+		}) : w(a).mediaLibrary.uploading), 1)])) : (o(), j(h, { key: 1 }, [
 			d(w(I), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			f("p", Jt, E(w(r).mediaLibrary.dropOrClick), 1),
-			f("p", Yt, E(w(r).mediaLibrary.acceptedFormats), 1)
-		], 64))], 10, Gt));
+			f("p", Zt, E(w(a).mediaLibrary.dropOrClick), 1),
+			f("p", Qt, E(y.value), 1)
+		], 64))], 10, Jt), b.value.length ? (o(), j("p", $t, E(w(s)(w(a).mediaLibrary.uploadRejected, { files: b.value.join(", ") })), 1)) : e("", !0)], 64));
 	}
-}), Zt = ["aria-label"], Qt = [
+}), tn = ["aria-label"], nn = [
 	"width",
 	"height",
 	"viewBox"
-], $t = [
+], rn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], en = [
+], an = [
 	"cx",
 	"cy",
 	"r",
@@ -1297,14 +1341,14 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], tn = {
+], on = {
 	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)"
 	}
-}, nn = /* @__PURE__ */ a({
+}, sn = /* @__PURE__ */ a({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1312,27 +1356,16 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 		size: {}
 	},
 	setup(t) {
-		let n = t, { t: i, format: a } = Q(), s = L(!1), c = r(() => n.size ?? 24), l = r(() => Math.max(2, c.value / 8)), p = r(() => (c.value - l.value) / 2), m = r(() => 2 * Math.PI * p.value), h = r(() => n.limitBytes <= 0 ? 0 : Math.min(100, n.usedBytes / n.limitBytes * 100)), g = r(() => m.value - h.value / 100 * m.value), _ = r(() => h.value >= 95 ? "var(--tpl-danger)" : h.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));
-			return `${(e / t ** r).toFixed(+(r >= 2))} ${n[r]}`;
-		}
-		let b = r(() => y(n.usedBytes)), x = r(() => y(n.limitBytes)), S = r(() => Math.max(0, n.limitBytes - n.usedBytes)), C = r(() => y(S.value)), w = r(() => a(i.mediaLibrary.storageTooltip, {
-			used: b.value,
-			total: x.value,
-			remaining: C.value
+		let n = t, { t: i, format: a } = Z(), s = L(!1), c = r(() => n.size ?? 24), l = r(() => Math.max(2, c.value / 8)), p = r(() => (c.value - l.value) / 2), m = r(() => 2 * Math.PI * p.value), h = r(() => n.limitBytes <= 0 ? 0 : Math.min(100, n.usedBytes / n.limitBytes * 100)), g = r(() => m.value - h.value / 100 * m.value), _ = r(() => h.value >= 95 ? "var(--tpl-danger)" : h.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)"), y = r(() => Q(n.usedBytes)), b = r(() => Q(n.limitBytes)), x = r(() => Math.max(0, n.limitBytes - n.usedBytes)), S = r(() => Q(x.value)), C = r(() => a(i.mediaLibrary.storageTooltip, {
+			used: y.value,
+			total: b.value,
+			remaining: S.value
 		}));
 		return (t, n) => (o(), j("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": w.value,
+			"aria-label": C.value,
 			onMouseenter: n[0] ||= (e) => s.value = !0,
 			onMouseleave: n[1] ||= (e) => s.value = !1,
 			onFocus: n[2] ||= (e) => s.value = !0,
@@ -1349,7 +1382,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			fill: "none",
 			"stroke-width": l.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, $t), f("circle", {
+		}, null, 8, rn), f("circle", {
 			cx: c.value / 2,
 			cy: c.value / 2,
 			r: p.value,
@@ -1360,7 +1393,7 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			"stroke-dasharray": m.value,
 			"stroke-dashoffset": g.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, en)], 8, Qt)), d(K, {
+		}, null, 8, an)], 8, nn)), d(G, {
 			"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",
@@ -1368,17 +1401,17 @@ var Ne = { class: "tpl:p-4" }, Pe = ["aria-label"], Fe = {
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: v(() => [s.value ? (o(), j("div", tn, [u(E(w.value) + " ", 1), n[4] ||= f("div", {
+			default: v(() => [s.value ? (o(), j("div", on, [u(E(C.value) + " ", 1), n[4] ||= f("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)])) : e("", !0)]),
 			_: 1
-		})], 40, Zt));
+		})], 40, tn));
 	}
 });
 //#endregion
 //#region src/utils/treeFolders.ts
-function rn(e) {
+function cn(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.id, {
 		...n,
@@ -1393,12 +1426,12 @@ function rn(e) {
 }
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function an(e) {
+function ln(e) {
 	let { library: t, translations: n } = e;
 	function i() {
 		return "value" in n && typeof n.value == "object" ? n.value : n;
 	}
-	let a = L("grid"), o = L(!1), c = L(""), l = L(null), u = L(!1), d = L(!1), f = r(() => t.previewItem.value?.url ?? null), p = r(() => t.frequentlyUsedItems.value.length > 0), m = r(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), h = r(() => Object.values(t.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = r(() => rn(t.folders.value)), _ = {
+	let a = L("grid"), o = L(!1), c = L(""), l = L(null), u = L(!1), d = L(!1), f = r(() => t.previewItem.value?.url ?? null), p = r(() => t.frequentlyUsedItems.value.length > 0), m = r(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), h = r(() => Object.values(t.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = r(() => cn(t.folders.value)), _ = {
 		images: () => i().mediaLibrary.filterImages,
 		documents: () => i().mediaLibrary.filterDocuments,
 		videos: () => i().mediaLibrary.filterVideos,
@@ -1410,13 +1443,13 @@ function an(e) {
 	s(o, (e) => {
 		e && t.loadFolders();
 	});
-	let y = ae((e) => {
+	let y = oe((e) => {
 		t.search(e);
 	}, 300);
 	function b(e) {
 		c.value = e, y(e);
 	}
-	let { copy: x, copied: S } = se({
+	let { copy: x, copied: S } = ce({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -1439,7 +1472,7 @@ function an(e) {
 		l.value = e;
 	}
 	async function k(e, n, r, i) {
-		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), l.value = null;
+		return i && !await t.replaceMediaDirectly(e, i.file) ? "failed" : await t.updateFile(e, n, r) ? (l.value = null, "saved") : i ? "replaced" : "failed";
 	}
 	async function A(e) {
 		await t.importFromUrl(e) && (u.value = !1);
@@ -1492,7 +1525,7 @@ function an(e) {
 }
 //#endregion
 //#region src/composable.ts
-function on(e) {
+function un(e) {
 	let { provider: t } = e, n = L([]), r = L([]), i = L(null), a = L("files"), o = L(""), s = L(null), c = L("newest"), l = L(!1), u = L(!1), d = L(!1), f = L(null), p = L(null), m = L(/* @__PURE__ */ new Set()), h = L(null), g = L([]), _ = L({}), v = L(!1), y = L([]), b = L(!1), x = L(null), S = L(!1), C = L(null), w = L(!1), T = L(null), E = L(null), D = L(null), O = 0;
 	function k(t) {
 		try {
@@ -1505,7 +1538,7 @@ function on(e) {
 		return t.folders === !1 ? null : t.folders;
 	}
 	function j() {
-		return ne(e.templateId);
+		return re(e.templateId);
 	}
 	function M(e) {
 		let t = {};
@@ -1553,13 +1586,13 @@ function on(e) {
 	async function R(e) {
 		c.value = e, await N();
 	}
-	async function z(e) {
+	async function ee(e) {
 		a.value = "files", i.value = e, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await N();
 	}
-	async function ee() {
-		a.value = "frequently-used", i.value = null, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await G();
+	async function te() {
+		a.value = "frequently-used", i.value = null, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await W();
 	}
-	async function te(r) {
+	async function ne(r) {
 		let { create: a } = t;
 		if (typeof a != "function") return null;
 		u.value = !0;
@@ -1576,7 +1609,7 @@ function on(e) {
 			u.value = !1;
 		}
 	}
-	async function B(r) {
+	async function z(r) {
 		let { create: a } = t;
 		if (typeof a == "function") {
 			u.value = !0, p.value = {
@@ -1605,7 +1638,7 @@ function on(e) {
 			}
 		}
 	}
-	async function re(t) {
+	async function ie(t) {
 		if (m.value.size === 0) return;
 		let { move: r } = A() ?? { move: !1 };
 		if (typeof r == "function") try {
@@ -1619,39 +1652,40 @@ function on(e) {
 			e.onError?.(t);
 		}
 	}
-	async function V(r, i, a) {
+	async function B(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), k(() => t.onUpdated?.(s));
+			return n.value = n.value.map((e) => e.id === r ? s : e), h.value?.id === r && (h.value = s), k(() => 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 g.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)), g.value = g.value.filter((t) => !e.includes(t.id)), m.value = /* @__PURE__ */ new Set(), h.value = null;
 	}
-	async function W() {
+	async function U() {
 		if (m.value.size === 0) return;
 		let { delete: n } = t;
 		if (typeof n != "function") return;
-		let r = [...m.value], i = H(r);
+		let r = [...m.value], i = V(r);
 		try {
-			await n(r), U(r);
+			await n(r), H(r);
 			for (let e of i) k(() => t.onDeleted?.(e));
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function G() {
+	async function W() {
 		let { frequentlyUsed: n } = t;
 		if (typeof n == "function") try {
 			g.value = await n();
@@ -1659,7 +1693,7 @@ function on(e) {
 			e.onError?.(t);
 		}
 	}
-	async function K() {
+	async function G() {
 		if (m.value.size === 0) return !1;
 		y.value = [...m.value];
 		let { checkUsage: n } = t;
@@ -1673,21 +1707,21 @@ function on(e) {
 			return e.onError?.(t), !1;
 		}
 	}
-	async function ie() {
+	async function ae() {
 		let { delete: n } = t;
 		if (typeof n != "function" || (v.value = !1, y.value.length === 0)) return;
-		let r = y.value, i = H(r);
+		let r = y.value, i = V(r);
 		try {
-			await n(r), U(r), y.value = [], _.value = {};
+			await n(r), H(r), y.value = [], _.value = {};
 			for (let e of i) k(() => t.onDeleted?.(e));
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	function ae() {
+	function oe() {
 		v.value = !1, y.value = [], _.value = {};
 	}
-	async function oe(r) {
+	async function se(r) {
 		let a = t.importFromUrl;
 		if (typeof a != "function") return null;
 		b.value = !0, x.value = null;
@@ -1700,17 +1734,17 @@ function on(e) {
 			b.value = !1;
 		}
 	}
-	function q(e) {
+	function K(e) {
 		let t = new Set(m.value);
 		t.has(e) ? t.delete(e) : t.add(e), m.value = t;
 	}
-	function J() {
+	function q() {
 		m.value = /* @__PURE__ */ new Set(), h.value = null;
 	}
-	function se(e) {
+	function ce(e) {
 		h.value = e, m.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function Y() {
+	async function J() {
 		let { storage: n } = t;
 		if (typeof n != "function") {
 			D.value = null;
@@ -1722,7 +1756,7 @@ function on(e) {
 			e.onError?.(t);
 		}
 	}
-	async function X() {
+	async function Y() {
 		let t = A();
 		if (t) try {
 			r.value = await t.list();
@@ -1730,40 +1764,40 @@ function on(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ce(t, n) {
+	async function le(t, n) {
 		let { create: r } = A() ?? { 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 X(), i;
+			return await Y(), i;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
 	}
-	function Z(e, t) {
+	function X(e, t) {
 		for (let n of e) if (n.id === t) return n;
 		return null;
 	}
-	async function le(t, n) {
+	async function ue(t, n) {
 		let { update: r } = A() ?? { update: !1 };
 		if (typeof r == "function") try {
-			await r(t, { name: n }), await X();
+			await r(t, { name: n }), await Y();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ue(t) {
+	async function de(t) {
 		let { delete: n } = A() ?? { delete: !1 };
 		if (typeof n == "function") try {
-			let e = Z(r.value, t)?.parentId ?? null;
-			await n(t), i.value === t && (i.value = e), await X(), await N();
+			let e = X(r.value, t)?.parentId ?? null;
+			await n(t), i.value === t && (i.value = e), await Y(), await N();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function de(n) {
+	async function fe(n) {
 		T.value = n, C.value = null;
 		let { checkUsage: r } = t;
 		if (typeof r != "function") {
@@ -1777,31 +1811,31 @@ function on(e) {
 			e.onError?.(t);
 		}
 	}
-	function fe() {
+	function pe() {
 		w.value = !1, T.value = null, E.value = null, C.value = null;
 	}
-	function Q(e) {
+	function Z(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), k(() => 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 Q(e), w.value = !1, T.value = null, E.value = null, e;
+			return Z(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 Q(e), e;
+			return Z(e), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
@@ -1828,119 +1862,119 @@ function on(e) {
 		search: F,
 		filterByCategory: I,
 		sortBy: R,
-		navigateToFolder: z,
-		showFrequentlyUsed: ee,
-		uploadFile: te,
-		uploadFiles: B,
-		moveSelected: re,
-		updateFile: V,
-		deleteSelected: W,
+		navigateToFolder: ee,
+		showFrequentlyUsed: te,
+		uploadFile: ne,
+		uploadFiles: z,
+		moveSelected: ie,
+		updateFile: B,
+		deleteSelected: U,
 		isImportingFromUrl: b,
 		importFromUrlError: x,
-		importFromUrl: oe,
-		toggleSelection: q,
-		clearSelection: J,
-		selectItem: se,
-		loadFolders: X,
-		createFolder: ce,
-		renameFolder: le,
-		deleteFolder: ue,
-		findFolderInTree: Z,
-		loadFrequentlyUsed: G,
-		checkUsageBeforeDelete: K,
-		confirmDelete: ie,
-		cancelDelete: ae,
+		importFromUrl: se,
+		toggleSelection: K,
+		clearSelection: q,
+		selectItem: ce,
+		loadFolders: Y,
+		createFolder: le,
+		renameFolder: ue,
+		deleteFolder: de,
+		findFolderInTree: X,
+		loadFrequentlyUsed: W,
+		checkUsageBeforeDelete: G,
+		confirmDelete: ae,
+		cancelDelete: oe,
 		isReplacing: S,
 		replaceError: C,
 		showReplaceWarning: w,
 		pendingReplaceItem: T,
 		replaceUsageInfo: E,
-		checkUsageBeforeReplace: de,
-		cancelReplace: fe,
-		replaceFile: pe,
-		replaceMediaDirectly: me,
+		checkUsageBeforeReplace: fe,
+		cancelReplace: pe,
+		replaceFile: me,
+		replaceMediaDirectly: he,
 		storageInfo: D,
-		loadStorage: Y
+		loadStorage: J
 	};
 }
 //#endregion
 //#region src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
-var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, cn = {
+var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, fn = {
 	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)" }
-}, ln = {
+}, pn = {
 	id: "tpl-media-library-title",
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, un = { class: "tpl:flex tpl:items-center tpl:gap-3" }, dn = { class: "tpl:relative" }, fn = [
+}, mn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hn = { class: "tpl:relative" }, gn = [
 	"value",
 	"disabled",
 	"aria-label",
 	"placeholder"
-], pn = ["aria-label"], mn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, hn = {
+], _n = ["aria-label"], vn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, yn = {
 	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)"
 	}
-}, gn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, _n = {
+}, bn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, xn = {
 	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)" }
-}, vn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, yn = [
+}, Sn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Cn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], bn = {
+], wn = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, xn = {
+}, Tn = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, Sn = [
+}, En = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Cn = [
+], Dn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], wn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Tn = ["aria-label", "value"], En = { value: "" }, Dn = ["value"], On = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, kn = {
+], 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 = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, An = {
+}, Pn = {
 	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)"
 	}
-}, jn = {
+}, Fn = {
 	id: "tpl-media-delete-title",
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Mn = {
+}, In = {
 	key: 0,
 	"data-testid": "media-delete-usage",
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Nn = {
+}, Ln = {
 	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)" }
-}, Pn = { class: "tpl:font-medium" }, Fn = { style: { color: "var(--tpl-text-muted)" } }, In = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ln = {
+}, Rn = { class: "tpl:font-medium" }, zn = { style: { color: "var(--tpl-text-muted)" } }, Bn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Vn = {
 	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)" }
-}, Rn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, zn = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Bn = {
+}, 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 = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Vn = {
+}, Gn = {
 	key: 1,
 	class: "tpl:relative"
-}, Hn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Un = ["data-testid", "disabled"], Wn = /* @__PURE__ */ a({
+}, Kn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, qn = ["data-testid", "disabled"], Jn = /* @__PURE__ */ a({
 	__name: "MediaLibraryChrome",
 	props: {
 		provider: {},
@@ -1958,7 +1992,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		"ready"
 	],
 	setup(n, { expose: i, emit: a }) {
-		let c = n, l = a, m = p(() => import("./chunks/MediaEditModal-984aDCxg.js")), y = r(() => c.translations), b = r(() => c.confirmTestId ?? "media-confirm"), S = {
+		let c = n, l = a, m = p(() => import("./chunks/MediaEditModal-BNZEUoer.js")), y = r(() => c.translations), b = r(() => c.confirmTestId ?? "media-confirm"), S = {
 			get maxFileSize() {
 				return c.provider.maxFileSize;
 			},
@@ -1969,45 +2003,45 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				return c.accept;
 			}
 		};
-		g(oe, S);
-		let { isAcceptedMimeType: C, availableCategories: k } = Y(S), A = on({
+		g(se, S);
+		let { isAcceptedMimeType: C, availableCategories: k } = J(S), A = un({
 			provider: c.provider,
 			templateId: () => c.templateId,
 			onError: (e) => c.onError?.(e)
-		}), F = an({
+		}), F = ln({
 			library: A,
 			translations: y
-		}), I = r(() => typeof c.provider.create == "function"), L = r(() => c.provider.folders !== !1), R = r(() => typeof c.provider.importFromUrl == "function"), z = r(() => typeof c.provider.delete == "function"), te = r(() => typeof c.provider.update == "function"), B = r(() => typeof c.provider.replace == "function"), ne = r(() => typeof c.provider.frequentlyUsed == "function"), V = r(() => {
+		}), I = r(() => typeof c.provider.create == "function"), L = r(() => c.provider.folders !== !1), R = r(() => typeof c.provider.importFromUrl == "function"), ee = r(() => typeof c.provider.delete == "function"), ne = r(() => typeof c.provider.update == "function"), z = r(() => typeof c.provider.replace == "function"), re = r(() => typeof c.provider.frequentlyUsed == "function"), B = r(() => {
 			let e = c.provider.folders;
 			return e !== !1 && typeof e.move == "function";
-		}), G = r(() => {
+		}), W = r(() => {
 			let e = c.provider.folders;
 			return e !== !1 && typeof e.create == "function";
-		}), ie = r(() => {
+		}), ae = r(() => {
 			let e = c.provider.folders;
 			return e !== !1 && typeof e.update == "function";
-		}), ae = r(() => {
+		}), oe = r(() => {
 			let e = c.provider.folders;
 			return e !== !1 && typeof e.delete == "function";
-		}), q = r(() => A.isLoading.value && F.displayItems.value.length === 0), J = r(() => {
+		}), K = r(() => A.isLoading.value && F.displayItems.value.length === 0), q = r(() => {
 			let e = A.previewItem.value;
 			return e ? !c.accept?.length || C(e.mimeType ?? "", c.accept) : !1;
-		}), se = r(() => {
-			if (!z.value) return 0;
+		}), ce = r(() => {
+			if (!ee.value) return 0;
 			let e = 0;
 			for (let t of A.selectedItems.value) F.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
 			return e;
-		}), X = r(() => F.showImportUrlModal.value || F.editingItem.value !== null || A.showReplaceWarning.value);
-		function ce() {
-			return X.value ? !0 : F.showMovePicker.value ? (F.showMovePicker.value = !1, !0) : A.showDeleteWarning.value ? (A.cancelDelete(), !0) : !1;
+		}), Y = r(() => F.showImportUrlModal.value || F.editingItem.value !== null || A.showReplaceWarning.value);
+		function le() {
+			return Y.value ? !0 : F.showMovePicker.value ? (F.showMovePicker.value = !1, !0) : A.showDeleteWarning.value ? (A.cancelDelete(), !0) : !1;
 		}
-		function Z() {
-			J.value && A.previewItem.value && l("confirm", A.previewItem.value);
+		function X() {
+			q.value && A.previewItem.value && l("confirm", A.previewItem.value);
 		}
-		function le(e) {
+		function ue(e) {
 			A.filterByCategory(e.target.value || null);
 		}
-		async function ue() {
+		async function de() {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of A.selectedItems.value) F.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
 			A.selectedItems.value = e, await F.handleDeleteClick();
@@ -2017,22 +2051,22 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		}, { immediate: !0 }), A.loadItems(), A.loadFrequentlyUsed(), A.loadStorage(), l("ready"), t(() => {
 			F.resetUI();
 		}), i({
-			nestedDialogOpen: X,
-			handleEscape: ce,
+			nestedDialogOpen: Y,
+			handleEscape: le,
 			library: A,
 			ui: F
-		}), (t, r) => (o(), j("div", sn, [
-			f("div", cn, [f("h2", ln, E(y.value.mediaLibrary.title), 1), f("div", un, [
-				w(A).storageInfo.value ? (o(), M(nn, {
+		}), (t, r) => (o(), j("div", dn, [
+			f("div", fn, [f("h2", pn, E(y.value.mediaLibrary.title), 1), f("div", mn, [
+				w(A).storageInfo.value ? (o(), M(sn, {
 					key: 0,
 					"used-bytes": w(A).storageInfo.value.usedBytes,
 					"limit-bytes": w(A).storageInfo.value.limitBytes,
 					size: 22
 				}, null, 8, ["used-bytes", "limit-bytes"])) : e("", !0),
-				f("div", dn, [f("input", {
+				f("div", hn, [f("input", {
 					value: w(F).searchInput.value,
 					type: "search",
-					disabled: q.value,
+					disabled: K.value,
 					"aria-label": y.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: {
@@ -2042,7 +2076,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					},
 					placeholder: y.value.mediaLibrary.searchPlaceholder,
 					onInput: r[0] ||= (e) => w(F).handleSearchInput(e.target.value)
-				}, null, 40, fn), d(w(x), {
+				}, null, 40, gn), d(w(x), {
 					class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 					size: 13,
 					"stroke-width": 2,
@@ -2055,12 +2089,12 @@ var sn = { 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: r[1] ||= (e) => l("close")
-				}, [d(w(re), {
+				}, [d(w(ie), {
 					size: 18,
 					"stroke-width": 2
-				})], 8, pn)) : e("", !0)
+				})], 8, _n)) : e("", !0)
 			])]),
-			f("div", mn, [d(K, {
+			f("div", vn, [d(G, {
 				"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",
@@ -2068,14 +2102,14 @@ var sn = { 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: v(() => [L.value && w(F).showSidebar.value ? (o(), j("div", hn, [d(Ae, {
+				default: v(() => [L.value && w(F).showSidebar.value ? (o(), j("div", yn, [d(je, {
 					folders: w(F).folderTree.value,
 					"current-folder-id": w(A).currentFolderId.value,
 					"view-mode": w(A).viewMode.value,
-					"has-frequently-used": ne.value && w(F).hasFrequentlyUsed.value,
-					"can-create-folder": G.value,
-					"can-rename-folder": ie.value,
-					"can-delete-folder": ae.value,
+					"has-frequently-used": re.value && w(F).hasFrequentlyUsed.value,
+					"can-create-folder": W.value,
+					"can-rename-folder": ae.value,
+					"can-delete-folder": oe.value,
 					onNavigate: w(A).navigateToFolder,
 					onCreateFolder: w(F).handleCreateFolder,
 					onRenameFolder: w(F).handleRenameFolder,
@@ -2096,13 +2130,13 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"onShowFrequentlyUsed"
 				])])) : e("", !0)]),
 				_: 1
-			}), f("div", gn, [f("div", _n, [f("div", vn, [
+			}), f("div", bn, [f("div", xn, [f("div", Sn, [
 				L.value ? (o(), j("button", {
 					key: 0,
 					type: "button",
 					"data-testid": "media-folder-toggle",
 					class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
-					style: H({
+					style: V({
 						color: w(F).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: w(F).showSidebar.value ? "var(--tpl-bg)" : "transparent",
 						border: w(F).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
@@ -2114,8 +2148,8 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				}, [d(w(N), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, yn)) : e("", !0),
-				w(A).viewMode.value === "frequently-used" ? (o(), j("span", bn, E(y.value.mediaLibrary.frequentlyUsed), 1)) : (o(), M(ge, {
+				})], 12, Cn)) : e("", !0),
+				w(A).viewMode.value === "frequently-used" ? (o(), j("span", wn, E(y.value.mediaLibrary.frequentlyUsed), 1)) : (o(), M(_e, {
 					key: 2,
 					folders: w(F).folderTree.value,
 					"current-folder-id": w(A).currentFolderId.value,
@@ -2125,10 +2159,10 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"current-folder-id",
 					"onNavigate"
 				])),
-				f("div", xn, [f("button", {
+				f("div", Tn, [f("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: H({
+					style: V({
 						color: w(F).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: w(F).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
@@ -2136,13 +2170,13 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"aria-label": y.value.mediaLibrary.viewGrid,
 					"aria-pressed": w(F).layoutMode.value === "grid",
 					onClick: r[3] ||= (e) => w(F).layoutMode.value = "grid"
-				}, [d(w(ee), {
+				}, [d(w(te), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, Sn), f("button", {
+				})], 12, En), f("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: H({
+					style: V({
 						color: w(F).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: w(F).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
@@ -2153,8 +2187,8 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				}, [d(w(T), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, Cn)])
-			]), f("div", wn, [w(k).length > 1 ? (o(), j("select", {
+				})], 12, Dn)])
+			]), f("div", On, [w(k).length > 1 ? (o(), j("select", {
 				key: 0,
 				"aria-label": y.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",
@@ -2164,11 +2198,11 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					color: "var(--tpl-text)"
 				},
 				value: w(A).categoryFilter.value ?? "",
-				onChange: le
-			}, [f("option", En, E(y.value.mediaLibrary.filterAll), 1), (o(!0), j(h, null, _(w(k), (e) => (o(), j("option", {
+				onChange: ue
+			}, [f("option", An, E(y.value.mediaLibrary.filterAll), 1), (o(!0), j(h, null, _(w(k), (e) => (o(), j("option", {
 				key: e,
 				value: e
-			}, E(w(F).getCategoryLabel(e)), 9, Dn))), 128))], 40, Tn)) : e("", !0)])]), f("div", On, [w(A).viewMode.value === "files" && (I.value || R.value) ? (o(), j("div", kn, [I.value ? (o(), M(Xt, {
+			}, E(w(F).getCategoryLabel(e)), 9, jn))), 128))], 40, kn)) : e("", !0)])]), f("div", Mn, [w(A).viewMode.value === "files" && (I.value || R.value) ? (o(), j("div", Nn, [I.value ? (o(), M(en, {
 				key: 0,
 				"is-uploading": w(A).isUploading.value,
 				"upload-progress": w(A).uploadProgress.value,
@@ -2190,7 +2224,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 			}, [d(w(D), {
 				size: 14,
 				"stroke-width": 2
-			}), u(" " + E(y.value.mediaLibrary.importFromUrl), 1)])) : e("", !0)])) : e("", !0), d(st, {
+			}), u(" " + E(y.value.mediaLibrary.importFromUrl), 1)])) : e("", !0)])) : e("", !0), d(lt, {
 				items: w(F).displayItems.value,
 				"selected-ids": w(A).selectedItems.value,
 				"is-loading": w(A).isLoading.value,
@@ -2198,14 +2232,14 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				accept: n.accept,
 				layout: w(F).layoutMode.value,
 				"search-query": w(A).searchQuery.value,
-				"can-update": te.value,
-				"can-replace": B.value,
+				"can-update": ne.value,
+				"can-replace": z.value,
 				onSelect: w(F).handleSelect,
 				onToggle: w(A).toggleSelection,
 				onLoadMore: w(A).loadMore,
 				onEdit: w(F).handleEditItem,
 				onReplace: w(F).handleReplaceItem,
-				onConfirm: Z
+				onConfirm: X
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -2222,7 +2256,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"onEdit",
 				"onReplace"
 			])])])]),
-			d(vt, {
+			d(bt, {
 				visible: w(F).showImportUrlModal.value,
 				"is-importing": w(A).isImportingFromUrl.value,
 				error: w(A).importFromUrlError.value,
@@ -2238,10 +2272,15 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 0,
 				visible: !0,
 				item: w(F).editingItem.value,
-				onSave: w(F).handleEditSave,
+				save: w(F).handleEditSave,
+				"can-crop": z.value && w(F).editingItem.value.canUpdate !== !1,
 				onClose: r[7] ||= (e) => w(F).editingItem.value = null
-			}, null, 8, ["item", "onSave"])) : e("", !0),
-			d(Wt, {
+			}, null, 8, [
+				"item",
+				"save",
+				"can-crop"
+			])) : e("", !0),
+			d(Kt, {
 				visible: w(A).showReplaceWarning.value,
 				item: w(A).pendingReplaceItem.value,
 				"usage-info": w(A).replaceUsageInfo.value,
@@ -2258,7 +2297,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"onReplace",
 				"onClose"
 			]),
-			d(K, {
+			d(G, {
 				"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 				"enter-from-class": "tpl:opacity-0",
 				"enter-to-class": "tpl:opacity-100",
@@ -2277,20 +2316,20 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 						"backdrop-filter": "blur(8px)",
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
-					onClick: r[10] ||= W((...e) => w(A).cancelDelete && w(A).cancelDelete(...e), ["self"])
-				}, [f("div", An, [
-					f("h3", jn, E(y.value.mediaLibrary.deleteWarningTitle), 1),
+					onClick: r[10] ||= U((...e) => w(A).cancelDelete && w(A).cancelDelete(...e), ["self"])
+				}, [f("div", Pn, [
+					f("h3", Fn, E(y.value.mediaLibrary.deleteWarningTitle), 1),
 					f("p", {
 						class: P(["tpl:text-xs", w(F).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, E(y.value.mediaLibrary.deleteWarningMessage), 3),
-					w(F).hasUsedFiles.value ? (o(), j("p", Mn, E(y.value.mediaLibrary.deleteWarningUsageNote), 1)) : e("", !0),
-					w(F).hasUsedFiles.value ? (o(), j("div", Nn, [(o(!0), j(h, null, _(w(A).deleteUsageInfo.value, (t, n) => (o(), j("div", {
+					w(F).hasUsedFiles.value ? (o(), j("p", In, E(y.value.mediaLibrary.deleteWarningUsageNote), 1)) : e("", !0),
+					w(F).hasUsedFiles.value ? (o(), j("div", Ln, [(o(!0), j(h, null, _(w(A).deleteUsageInfo.value, (t, n) => (o(), j("div", {
 						key: n,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [t.templateCount > 0 ? (o(), j(h, { key: 0 }, [f("span", Pn, E(w(F).displayItems.value.find((e) => e.id === n)?.filename || n), 1), f("span", Fn, " - " + E(y.value.mediaLibrary.usedInTemplates.replace("{count}", t.templateCount.toString())), 1)], 64)) : e("", !0)]))), 128))])) : e("", !0),
-					f("div", In, [f("button", {
+					}, [t.templateCount > 0 ? (o(), j(h, { key: 0 }, [f("span", Rn, E(w(F).displayItems.value.find((e) => e.id === n)?.filename || n), 1), f("span", zn, " - " + E(y.value.mediaLibrary.usedInTemplates.replace("{count}", t.templateCount.toString())), 1)], 64)) : e("", !0)]))), 128))])) : e("", !0),
+					f("div", Bn, [f("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)",
@@ -2310,20 +2349,20 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				])])) : e("", !0)]),
 				_: 1
 			}),
-			f("div", Ln, [f("div", Rn, [w(A).previewItem.value ? (o(), M(At, {
+			f("div", Vn, [f("div", Hn, [w(A).previewItem.value ? (o(), M(Mt, {
 				key: 0,
 				item: w(A).previewItem.value,
 				folders: w(F).folderTree.value
-			}, null, 8, ["item", "folders"])) : e("", !0)]), f("div", zn, [w(A).selectedItems.value.size > 0 ? (o(), j("div", Bn, [w(A).previewItem.value ? (o(), j("button", {
+			}, null, 8, ["item", "folders"])) : e("", !0)]), f("div", Un, [w(A).selectedItems.value.size > 0 ? (o(), j("div", Wn, [w(A).previewItem.value ? (o(), j("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: H({
+				style: V({
 					borderColor: w(F).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
 					color: w(F).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
 				onClick: r[11] ||= (e) => w(F).copy(w(F).selectedUrl.value)
-			}, [w(F).copied.value ? (o(), M(w(U), {
+			}, [w(F).copied.value ? (o(), M(w(H), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
@@ -2331,7 +2370,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), u(" " + E(w(F).copied.value ? y.value.mediaLibrary.copied : y.value.mediaLibrary.copyUrl), 1)], 4)) : e("", !0), V.value ? (o(), j("div", Vn, [f("button", {
+			})), u(" " + E(w(F).copied.value ? y.value.mediaLibrary.copied : y.value.mediaLibrary.copyUrl), 1)], 4)) : e("", !0), B.value ? (o(), j("div", Gn, [f("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)",
@@ -2339,7 +2378,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: r[12] ||= (e) => w(F).showMovePicker.value = !w(F).showMovePicker.value
-			}, E(y.value.mediaLibrary.moveSelected), 1), w(F).showMovePicker.value ? (o(), M(Ct, {
+			}, E(y.value.mediaLibrary.moveSelected), 1), w(F).showMovePicker.value ? (o(), M(Tt, {
 				key: 0,
 				folders: w(F).folderTree.value,
 				"current-folder-id": w(A).currentFolderId.value,
@@ -2349,7 +2388,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : e("", !0)])) : e("", !0)])) : e("", !0), f("div", Hn, [se.value > 0 ? (o(), j("button", {
+			])) : e("", !0)])) : e("", !0)])) : e("", !0), f("div", Kn, [ce.value > 0 ? (o(), j("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",
@@ -2358,7 +2397,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					color: "var(--tpl-danger)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: ue
+				onClick: de
 			}, E(y.value.mediaLibrary.deleteSelected), 1)) : e("", !0), n.showConfirm ? (o(), j("button", {
 				key: 1,
 				"data-testid": b.value,
@@ -2367,12 +2406,12 @@ var sn = { 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: !J.value,
-				onClick: Z
-			}, E(n.accept?.length ? y.value.mediaLibrary.selectImage : y.value.mediaLibrary.selectFile), 9, Un)) : e("", !0)])])])
+				disabled: !q.value,
+				onClick: X
+			}, E(n.accept?.length ? y.value.mediaLibrary.selectImage : y.value.mediaLibrary.selectFile), 9, qn)) : e("", !0)])])])
 		]));
 	}
-}), Gn = /* @__PURE__ */ a({
+}), Yn = /* @__PURE__ */ a({
 	__name: "MediaLibrary",
 	props: {
 		provider: {},
@@ -2384,9 +2423,9 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 	emits: ["ready"],
 	setup(e, { emit: t }) {
 		let n = e, i = t, a = r(() => n.translations);
-		g(le, L(n.translations)), g(X, z(() => n.locale));
+		g(ue, L(n.translations)), g(Y, ee(() => n.locale));
 		let s = L(null);
-		g(q, s);
+		g(K, s);
 		function c(e) {
 			n.onSelect?.(e);
 		}
@@ -2400,7 +2439,7 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"background-color": "var(--tpl-bg-elevated)",
 				border: "1px solid var(--tpl-border)"
 			}
-		}, [d(Wn, {
+		}, [d(Jn, {
 			provider: e.provider,
 			accept: e.accept,
 			translations: a.value,
@@ -2415,60 +2454,60 @@ var sn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 			"show-confirm"
 		])], 512));
 	}
-}), Kn = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./chunks/ca-B1Ig3u8O.js"),
-	"./locales/de.ts": () => import("./chunks/de-BNbyJubD.js"),
-	"./locales/en.ts": () => import("./chunks/en-CQxhpwqd.js").then((e) => e.n),
-	"./locales/es.ts": () => import("./chunks/es-B2EH-TdJ.js"),
-	"./locales/fr.ts": () => import("./chunks/fr-9SWy_n9K.js"),
-	"./locales/ja.ts": () => import("./chunks/ja-CJeeGmVQ.js"),
-	"./locales/nl.ts": () => import("./chunks/nl-DJasgSvI.js"),
-	"./locales/pt-BR.ts": () => import("./chunks/pt-BR-BtCfbqSj.js")
+}), Xn = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./chunks/ca-DyHL0z4N.js"),
+	"./locales/de.ts": () => import("./chunks/de-Dcy8LcNQ.js"),
+	"./locales/en.ts": () => import("./chunks/en-w2ihxIL6.js").then((e) => e.n),
+	"./locales/es.ts": () => import("./chunks/es-B43D0gmB.js"),
+	"./locales/fr.ts": () => import("./chunks/fr-DsxaRm09.js"),
+	"./locales/ja.ts": () => import("./chunks/ja-DDI6z0aO.js"),
+	"./locales/nl.ts": () => import("./chunks/nl-CHa6u0cR.js"),
+	"./locales/pt-BR.ts": () => import("./chunks/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/standalone/visual.ts
-var $ = null, er = L(null);
-async function tr(e) {
+var $ = null, ir = L(null);
+async function ar(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 rr(t, e.theme), $ && nr(), new Promise((r, i) => {
+	let n = await rr(e.locale ?? "en");
+	return sr(t, e.theme), $ && or(), new Promise((r, i) => {
 		try {
 			$ = S({ setup() {
 				let i = () => {
 					r({
-						setTheme: (e) => rr(t, e),
-						unmount: nr
+						setTheme: (e) => sr(t, e),
+						unmount: or
 					});
 				};
-				return () => l(Gn, {
+				return () => l(Yn, {
 					provider: e.provider,
 					translations: n,
 					onSelect: e.onSelect,
 					accept: e.accept,
 					locale: e.locale,
-					ref: er,
+					ref: ir,
 					onReady: i
 				});
 			} }), $.mount(t);
@@ -2477,18 +2516,18 @@ async function tr(e) {
 		}
 	});
 }
-function nr() {
-	$ && ($.unmount(), $ = null, er.value = null);
+function or() {
+	$ && ($.unmount(), $ = null, ir.value = null);
 }
-function rr(e, t) {
+function sr(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`)));
 }
-var ir = {
-	init: tr,
-	unmount: nr
+var cr = {
+	init: ar,
+	unmount: or
 };
-typeof window < "u" && (window.TemplaticalMedia = ir);
+typeof window < "u" && (window.TemplaticalMedia = cr);
 //#endregion
-export { ir as default, tr as init, nr as unmount };
+export { cr as default, ar as init, or as unmount };
 
 //# sourceMappingURL=media-library.js.map