@templatical/media-library 0.23.0 → 0.24.1

package/dist/templatical-media-library.js

@@ -838,7 +838,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 }, st = {
 	key: 3,
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:opacity-0 tpl:transition-opacity tpl:group-hover:opacity-100"
-}, ct = ["title"], lt = ["title"], ut = { key: 0 }, dt = ["placeholder"], ft = 5, pt = /* @__PURE__ */ h({
+}, ct = ["title"], lt = ["title"], ut = { key: 0 }, dt = ["placeholder"], ft = /* @__PURE__ */ h({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -852,7 +852,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = Z(), o = w(!1), c = w(!1), p = w(""), h = w(!1), g = w(""), _ = s(() => (n.folder.children?.length ?? 0) > 0), v = s(() => n.depth < ft - 1), x = s(() => n.currentFolderId === n.folder.id), C = s(() => !n.currentFolderId || !n.folder.children ? !1 : j(n.folder.children, n.currentFolderId)), O = s(() => o.value || C.value);
+		let n = e, r = t, { t: a } = Z(), o = w(!1), c = w(!1), p = w(""), h = w(!1), g = w(""), _ = s(() => (n.folder.children?.length ?? 0) > 0), v = s(() => n.depth < 4), x = s(() => n.currentFolderId === n.folder.id), C = s(() => !n.currentFolderId || !n.folder.children ? !1 : j(n.folder.children, n.currentFolderId)), O = s(() => o.value || C.value);
 		function j(e, t) {
 			for (let n of e) if (n.id === t || n.children && j(n.children, t)) return !0;
 			return !1;
@@ -981,10 +981,10 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			}, null, 40, dt), [[A, g.value]])], 4)) : u("", !0)])) : u("", !0)]);
 		};
 	}
-}), mt = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, ht = {
+}), pt = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, mt = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, gt = ["placeholder"], _t = /* @__PURE__ */ h({
+}, ht = ["placeholder"], gt = /* @__PURE__ */ h({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -1010,7 +1010,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 		function h() {
 			a.value = !1, o.value = "";
 		}
-		return (t, g) => (S(), d("div", mt, [
+		return (t, g) => (S(), d("div", pt, [
 			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: b({
@@ -1022,7 +1022,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				size: 14,
 				"stroke-width": 1.5
 			}), p(" " + D(k(r).mediaLibrary.allFiles), 1)], 4),
-			(S(!0), d(i, null, T(e.folders, (t) => (S(), l(pt, {
+			(S(!0), d(i, null, T(e.folders, (t) => (S(), l(ft, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -1032,7 +1032,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				onRenameFolder: g[3] ||= (e, t) => n("renameFolder", e, t),
 				onDeleteFolder: g[4] ||= (e) => n("deleteFolder", e)
 			}, null, 8, ["folder", "current-folder-id"]))), 128)),
-			a.value ? (S(), d("div", ht, [N(f("input", {
+			a.value ? (S(), d("div", mt, [N(f("input", {
 				"onUpdate:modelValue": g[5] ||= (e) => o.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -1045,7 +1045,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				autofocus: "",
 				onKeydown: [P(c, ["enter"]), P(h, ["escape"])],
 				onBlur: c
-			}, null, 40, gt), [[A, o.value]])])) : u("", !0),
+			}, null, 40, ht), [[A, o.value]])])) : u("", !0),
 			a.value ? u("", !0) : (S(), d("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",
@@ -1071,7 +1071,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			}), p(" " + D(k(r).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
 		]));
 	}
-}), vt = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, yt = /* @__PURE__ */ h({
+}), _t = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, vt = /* @__PURE__ */ h({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -1172,7 +1172,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			bgColor: "#f9fafb",
 			icon: "document"
 		}, i = s(() => n[t.mimeType] ?? r);
-		return (e, t) => (S(), d("div", vt, [i.value.icon === "document" ? (S(), d("svg", {
+		return (e, t) => (S(), d("div", _t, [i.value.icon === "document" ? (S(), d("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -1241,48 +1241,48 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			style: b({ color: i.value.color })
 		}, D(i.value.label), 5)]));
 	}
-}), bt = { class: "tpl:p-4" }, xt = {
+}), yt = { class: "tpl:p-4" }, bt = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, St = {
+}, xt = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ct = {
+}, St = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, wt = ["onClick"], Tt = { class: "tpl:aspect-square" }, Et = ["src", "alt"], Dt = { class: "tpl:px-2 tpl:py-1.5" }, Ot = {
+}, Ct = ["onClick"], wt = { class: "tpl:aspect-square" }, Tt = ["src", "alt"], Et = { class: "tpl:px-2 tpl:py-1.5" }, Dt = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, kt = {
+}, Ot = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, At = { key: 0 }, jt = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Mt = ["title", "onClick"], Nt = ["title", "onClick"], Pt = {
+}, kt = { key: 0 }, At = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, jt = ["title", "onClick"], Mt = ["title", "onClick"], Nt = {
 	key: 0,
 	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 tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, Ft = {
+}, Pt = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, It = ["onClick"], Lt = {
+}, Ft = ["onClick"], It = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, Rt = ["src", "alt"], zt = {
+}, Lt = ["src", "alt"], Rt = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, Bt = { class: "tpl:min-w-0 tpl:flex-1" }, Vt = {
+}, zt = { class: "tpl:min-w-0 tpl:flex-1" }, Bt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ht = {
+}, Vt = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ut = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Wt = ["title", "onClick"], Gt = ["title", "onClick"], Kt = {
+}, Ht = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Ut = ["title", "onClick"], Wt = ["title", "onClick"], Gt = {
 	key: 0,
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, qt = {
+}, Kt = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, Jt = /*#__PURE__*/ rt(/* @__PURE__ */ h({
+}, qt = /*#__PURE__*/ rt(/* @__PURE__ */ h({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -1312,7 +1312,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function _(e) {
-			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
 		function v(e) {
 			return new Date(e).toLocaleDateString(void 0, {
@@ -1321,7 +1321,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", bt, [
+		return (t, n) => (S(), d("div", yt, [
 			e.isLoading && e.items.length === 0 ? (S(), d("div", {
 				key: 0,
 				class: y(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
@@ -1329,26 +1329,26 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				key: t,
 				class: y(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (S(), d("div", xt, [m(k(z), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (S(), d("div", bt, [m(k(z), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), f("p", St, D(k(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", Ft, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			}), f("p", xt, D(k(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", Pt, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
 				key: t.id,
 				class: y(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!s(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
 				style: b({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
 				onClick: (e) => c(t)
 			}, [
-				f("div", Lt, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", It, [k(o)(t.mime_type) ? (S(), d("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Rt)) : (S(), d("div", zt, [m(yt, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				f("div", Bt, [f("p", Vt, D(t.filename), 1), f("p", Ht, [p(D(_(t.size)) + " · " + D(v(t.created_at)) + " ", 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d(i, { key: 0 }, [p(" · " + D(t.width) + "×" + D(t.height), 1)], 64)) : u("", !0)])]),
-				f("div", Ut, [f("button", {
+				}, null, 8, Lt)) : (S(), d("div", Rt, [m(vt, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				f("div", zt, [f("p", Bt, D(t.filename), 1), f("p", Vt, [p(D(_(t.size)) + " · " + D(v(t.created_at)) + " ", 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d(i, { key: 0 }, [p(" · " + D(t.width) + "×" + D(t.height), 1)], 64)) : u("", !0)])]),
+				f("div", Ht, [f("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: k(h).mediaLibrary.editFile,
@@ -1356,7 +1356,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}, [m(k(K), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Wt), f("button", {
+				})], 8, Ut), f("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: k(h).mediaLibrary.replaceFile,
@@ -1364,12 +1364,12 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}, [m(k(J), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Gt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Kt, [m(k(I), {
+				})], 8, Wt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", Gt, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, It))), 128))])) : (S(), d("div", Ct, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			], 14, Ft))), 128))])) : (S(), d("div", St, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
 				key: t.id,
 				class: y(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
 					"tpl:cursor-pointer",
@@ -1382,18 +1382,18 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}),
 				onClick: (e) => c(t)
 			}, [
-				f("div", Tt, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", wt, [k(o)(t.mime_type) ? (S(), d("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Et)) : (S(), l(yt, {
+				}, null, 8, Tt)) : (S(), l(vt, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				f("div", Dt, [f("p", Ot, D(t.filename), 1), f("p", kt, [f("span", null, D(_(t.size)), 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d("span", At, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
-				f("div", jt, [f("button", {
+				f("div", Et, [f("p", Dt, D(t.filename), 1), f("p", Ot, [f("span", null, D(_(t.size)), 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d("span", kt, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
+				f("div", At, [f("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: k(h).mediaLibrary.editFile,
@@ -1401,7 +1401,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}, [m(k(K), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Mt), f("button", {
+				})], 8, jt), f("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: k(h).mediaLibrary.replaceFile,
@@ -1409,18 +1409,18 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}, [m(k(J), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Nt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Pt, [m(k(I), {
+				})], 8, Mt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", Nt, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, wt))), 128))])),
+			], 14, Ct))), 128))])),
 			f("div", {
 				ref_key: "sentinelRef",
 				ref: g,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (S(), d("div", qt, [m(k(W), {
+			e.isLoading && e.items.length > 0 ? (S(), d("div", Kt, [m(k(W), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1428,20 +1428,20 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			})])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9db961d1"]]), Yt = ["data-tpl-theme"], Xt = {
+}), [["__scopeId", "data-v-9db961d1"]]), Jt = ["data-tpl-theme"], Yt = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, Zt = {
+}, Xt = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Qt = { class: "tpl:mb-3" }, $t = ["placeholder", "disabled"], en = {
+}, Zt = { class: "tpl:mb-3" }, Qt = ["placeholder", "disabled"], $t = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, tn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, nn = ["disabled"], rn = ["disabled"], an = {
+}, en = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, tn = ["disabled"], nn = ["disabled"], rn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, on = { key: 1 }, sn = /* @__PURE__ */ h({
+}, an = { key: 1 }, on = /* @__PURE__ */ h({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1479,9 +1479,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: F(v, ["self"]),
 				onKeydown: b
-			}, [f("div", Xt, [
-				f("h3", Zt, D(k(i).mediaLibrary.importFromUrl), 1),
-				f("div", Qt, [N(f("input", {
+			}, [f("div", Yt, [
+				f("h3", Xt, D(k(i).mediaLibrary.importFromUrl), 1),
+				f("div", Zt, [N(f("input", {
 					"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
 					type: "url",
 					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -1493,9 +1493,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					placeholder: k(i).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, $t), [[A, h.value]])]),
-				e.error ? (S(), d("p", en, D(e.error), 1)) : u("", !0),
-				f("div", tn, [f("button", {
+				}, null, 8, Qt), [[A, h.value]])]),
+				e.error ? (S(), d("p", $t, D(e.error), 1)) : u("", !0),
+				f("div", en, [f("button", {
 					class: y(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -1504,25 +1504,25 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					},
 					disabled: e.isImporting,
 					onClick: v
-				}, D(k(i).mediaLibrary.cancel), 11, nn), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 11, tn), f("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !h.value.trim() || e.isImporting,
 					onClick: g
-				}, [e.isImporting ? (S(), d("span", an, [m(k(W), {
+				}, [e.isImporting ? (S(), d("span", rn, [m(k(W), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", on, D(k(i).mediaLibrary.import), 1))], 8, rn)])
-			])], 40, Yt)) : u("", !0)]),
+				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", an, D(k(i).mediaLibrary.import), 1))], 8, nn)])
+			])], 40, Jt)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), cn = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, ln = ["disabled", "onClick"], un = { class: "tpl:truncate" }, dn = {
+}), sn = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, cn = ["disabled", "onClick"], ln = { class: "tpl:truncate" }, un = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, fn = /* @__PURE__ */ h({
+}, dn = /* @__PURE__ */ h({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1550,7 +1550,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [f("div", cn, [e.currentFolderId === null ? u("", !0) : (S(), d("button", {
+		}, [f("div", sn, [e.currentFolderId === null ? u("", !0) : (S(), d("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)" },
@@ -1575,27 +1575,27 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			f("span", un, D(t.name), 1),
-			t.id === e.currentFolderId ? (S(), d("span", dn, D(k(r).mediaLibrary.currentFolder), 1)) : u("", !0)
-		], 12, ln))), 128))])], 512));
+			f("span", ln, D(t.name), 1),
+			t.id === e.currentFolderId ? (S(), d("span", un, D(k(r).mediaLibrary.currentFolder), 1)) : u("", !0)
+		], 12, cn))), 128))])], 512));
 	}
-}), pn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, mn = ["src", "alt"], hn = {
+}), fn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, pn = ["src", "alt"], mn = {
 	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)" }
-}, gn = { class: "tpl:min-w-0 tpl:flex-1" }, _n = {
+}, hn = { class: "tpl:min-w-0 tpl:flex-1" }, gn = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, vn = {
+}, _n = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, yn = {
+}, vn = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, bn = {
+}, yn = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, xn = ["value"], Sn = ["value"], Cn = /*#__PURE__*/ rt(/* @__PURE__ */ h({
+}, bn = ["value"], xn = ["value"], Sn = /*#__PURE__*/ rt(/* @__PURE__ */ h({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -1654,7 +1654,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			return e ? e.join("/") : null;
 		}), b = s(() => o(n.item.mime_type));
 		function x(e) {
-			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
 		function C(e) {
 			return new Date(e).toLocaleDateString(void 0, {
@@ -1663,20 +1663,20 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", pn, [
+		return (t, n) => (S(), d("div", fn, [
 			b.value ? (S(), d("img", {
 				key: 0,
 				src: h.value ?? void 0,
 				alt: e.item.alt_text || e.item.filename,
 				class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 				style: { border: "1px solid var(--tpl-border)" }
-			}, null, 8, mn)) : (S(), d("div", hn, [m(yt, {
+			}, null, 8, pn)) : (S(), d("div", mn, [m(vt, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			f("div", gn, [
-				f("p", _n, D(e.item.filename), 1),
-				f("p", vn, [
+			f("div", hn, [
+				f("p", gn, D(e.item.filename), 1),
+				f("p", _n, [
 					p(D(x(e.item.size)) + " · " + D(C(e.item.created_at)) + " ", 1),
 					b.value && e.item.width && e.item.height ? (S(), d(i, { key: 0 }, [p(" · " + D(e.item.width) + "×" + D(e.item.height) + "px ", 1)], 64)) : u("", !0),
 					v.value ? (S(), d(i, { key: 1 }, [
@@ -1695,7 +1695,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					style: { color: "var(--tpl-text-dim)" }
 				}, D(e.item.alt_text || "\xA0"), 3)) : u("", !0)
 			]),
-			l.value ? (S(), d("div", yn, [f("label", bn, D(k(a).mediaLibrary.conversionLabel), 1), f("select", {
+			l.value ? (S(), d("div", vn, [f("label", yn, D(k(a).mediaLibrary.conversionLabel), 1), f("select", {
 				class: "tpl:mt-0.5 tpl:rounded-md tpl:border tpl:py-1 tpl:pr-6 tpl:pl-2 tpl:text-xs tpl:outline-none",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -1707,36 +1707,36 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			}, [(S(!0), d(i, null, T(c.value, (e) => (S(), d("option", {
 				key: e.value,
 				value: e.value
-			}, D(e.label), 9, Sn))), 128))], 40, xn)])) : u("", !0)
+			}, D(e.label), 9, xn))), 128))], 40, bn)])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-060e36cd"]]), wn = ["data-tpl-theme"], Tn = {
+}), [["__scopeId", "data-v-060e36cd"]]), Cn = ["data-tpl-theme"], wn = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, En = {
+}, Tn = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Dn = {
+}, En = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, On = {
+}, Dn = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, kn = {
+}, On = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, An = {
+}, kn = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, jn = { class: "tpl:mb-4" }, Mn = {
+}, An = { class: "tpl:mb-4" }, jn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Nn = ["accept"], Pn = {
+}, Mn = ["accept"], Nn = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Fn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, In = ["disabled"], Ln = ["disabled"], Rn = /* @__PURE__ */ h({
+}, Pn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Fn = ["disabled"], In = ["disabled"], Ln = /* @__PURE__ */ h({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1780,12 +1780,12 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[1] ||= F((e) => r("close"), ["self"]),
 				onKeydown: T
-			}, [f("div", Tn, [
-				f("h3", En, D(k(i).mediaLibrary.replaceWarningTitle), 1),
-				f("p", Dn, D(k(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
-				b.value ? (S(), d("p", On, D(k(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
-				f("div", kn, [f("p", An, D(e.item.filename), 1)]),
-				f("div", jn, [f("label", Mn, D(k(i).mediaLibrary.replaceSelectFile), 1), f("input", {
+			}, [f("div", wn, [
+				f("h3", Tn, D(k(i).mediaLibrary.replaceWarningTitle), 1),
+				f("p", En, D(k(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
+				b.value ? (S(), d("p", Dn, D(k(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
+				f("div", On, [f("p", kn, D(e.item.filename), 1)]),
+				f("div", An, [f("label", jn, D(k(i).mediaLibrary.replaceSelectFile), 1), f("input", {
 					ref_key: "fileInputRef",
 					ref: h,
 					type: "file",
@@ -1797,9 +1797,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 						color: "var(--tpl-text)"
 					},
 					onChange: x
-				}, null, 40, Nn)]),
-				e.error ? (S(), d("p", Pn, D(e.error), 1)) : u("", !0),
-				f("div", Fn, [f("button", {
+				}, null, 40, Mn)]),
+				e.error ? (S(), d("p", Nn, D(e.error), 1)) : u("", !0),
+				f("div", Pn, [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)",
@@ -1808,29 +1808,29 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => r("close")
-				}, D(k(i).mediaLibrary.cancel), 9, In), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 9, Fn), f("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !g.value || e.isReplacing,
 					onClick: C
-				}, D(e.isReplacing ? k(i).mediaLibrary.replacing : k(i).mediaLibrary.replace), 9, Ln)])
-			])], 40, wn)) : u("", !0)]),
+				}, D(e.isReplacing ? k(i).mediaLibrary.replacing : k(i).mediaLibrary.replace), 9, In)])
+			])], 40, Cn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), zn = {
+}), Rn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Bn = {
+}, zn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Vn = {
+}, Bn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Hn = {
+}, Vn = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Un = /* @__PURE__ */ h({
+}, Hn = /* @__PURE__ */ h({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -1865,12 +1865,12 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => k(g)()
-		}, [e.isUploading ? (S(), d("div", zn, [m(k(W), {
+		}, [e.isUploading ? (S(), d("div", Rn, [m(k(W), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), f("span", Bn, D(e.uploadProgress && e.uploadProgress.total > 1 ? k(a)(k(r).mediaLibrary.uploadingProgress, {
+		}), f("span", zn, D(e.uploadProgress && e.uploadProgress.total > 1 ? k(a)(k(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
 		}) : k(r).mediaLibrary.uploading), 1)])) : (S(), d(i, { key: 1 }, [
@@ -1880,20 +1880,20 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			f("p", Vn, D(k(r).mediaLibrary.dropOrClick), 1),
-			f("p", Hn, D(k(r).mediaLibrary.acceptedFormats), 1)
+			f("p", Bn, D(k(r).mediaLibrary.dropOrClick), 1),
+			f("p", Vn, D(k(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Wn = [
+}), Un = [
 	"width",
 	"height",
 	"viewBox"
-], Gn = [
+], Wn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], Kn = [
+], Gn = [
 	"cx",
 	"cy",
 	"r",
@@ -1901,14 +1901,14 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], qn = {
+], Kn = {
 	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)"
 	}
-}, Jn = /* @__PURE__ */ h({
+}, qn = /* @__PURE__ */ h({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1948,7 +1948,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			fill: "none",
 			"stroke-width": c.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Gn), f("circle", {
+		}, null, 8, Wn), f("circle", {
 			cx: a.value / 2,
 			cy: a.value / 2,
 			r: l.value,
@@ -1959,7 +1959,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			"stroke-dasharray": h.value,
 			"stroke-dashoffset": _.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, Kn)], 8, Wn)), m(o, {
+		}, null, 8, Gn)], 8, Un)), m(o, {
 			"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",
@@ -1967,7 +1967,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: M(() => [i.value ? (S(), d("div", qn, [p(D(E.value) + " ", 1), t[2] ||= f("div", {
+			default: M(() => [i.value ? (S(), d("div", Kn, [p(D(E.value) + " ", 1), t[2] ||= 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)])) : u("", !0)]),
@@ -1977,7 +1977,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 });
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function Yn(e) {
+function Jn(e) {
 	let { library: t, canUseMediaFolders: n, translations: r } = e;
 	function i() {
 		return "value" in r && typeof r.value == "object" ? r.value : r;
@@ -2087,7 +2087,7 @@ function Yn(e) {
 }
 //#endregion
 //#region src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var Xn = ["data-tpl-theme"], Zn = {
+var Yn = ["data-tpl-theme"], Xn = {
 	class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "900px",
@@ -2098,62 +2098,62 @@ var Xn = ["data-tpl-theme"], Zn = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, Qn = {
+}, Zn = {
 	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)" }
-}, $n = {
+}, Qn = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, er = { class: "tpl:flex tpl:items-center tpl:gap-3" }, tr = { class: "tpl:relative" }, nr = ["value", "placeholder"], rr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ir = {
+}, $n = { class: "tpl:flex tpl:items-center tpl:gap-3" }, er = { class: "tpl:relative" }, tr = ["value", "placeholder"], nr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, rr = {
 	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)"
 	}
-}, ar = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, or = {
+}, ir = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, ar = {
 	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)" }
-}, sr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, cr = ["title"], lr = {
+}, or = { class: "tpl:flex tpl:items-center tpl:gap-2" }, sr = ["title"], cr = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ur = {
+}, lr = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, dr = ["title"], fr = ["title"], pr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, mr = ["value"], hr = { value: "" }, gr = ["value"], _r = ["value"], vr = { value: "newest" }, yr = { value: "oldest" }, br = { value: "name_asc" }, xr = { value: "name_desc" }, Sr = { value: "size_asc" }, Cr = { value: "size_desc" }, wr = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Tr = {
+}, ur = ["title"], dr = ["title"], fr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, pr = ["value"], mr = { value: "" }, hr = ["value"], gr = ["value"], _r = { value: "newest" }, vr = { value: "oldest" }, yr = { value: "name_asc" }, br = { value: "name_desc" }, xr = { value: "size_asc" }, Sr = { value: "size_desc" }, Cr = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, wr = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Er = {
+}, Tr = {
 	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)"
 	}
-}, Dr = {
+}, Er = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Or = {
+}, Dr = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, kr = {
+}, Or = {
 	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)" }
-}, Ar = { class: "tpl:font-medium" }, jr = { style: { color: "var(--tpl-text-muted)" } }, Mr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Nr = {
+}, kr = { class: "tpl:font-medium" }, Ar = { style: { color: "var(--tpl-text-muted)" } }, jr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Mr = {
 	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)" }
-}, Pr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Fr = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ir = {
+}, Nr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Pr = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Fr = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Lr = {
+}, Ir = {
 	key: 1,
 	class: "tpl:relative"
-}, Rr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, zr = ["disabled"], Br = /* @__PURE__ */ h({
+}, Lr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Rr = ["disabled"], zr = /* @__PURE__ */ h({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -2162,31 +2162,31 @@ var Xn = ["data-tpl-theme"], Zn = {
 	},
 	emits: ["close", "select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: c } = Z(), h = _("tplUiTheme");
-		C(Se, O(() => n.popoverTarget ?? null));
-		let g = _("authManager"), v = _("projectId"), x = s(() => v.value), w = _("planConfig"), E = s(() => w.hasFeature("media_folders")), A = s(() => w.hasFeature("import_from_url")), N = s(() => w.config.value?.storage.used_bytes ?? 0), P = s(() => w.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: L, availableCategories: z } = Q(), B = fe({
-			projectId: x.value,
-			authManager: g
-		}), W = Yn({
-			library: B,
-			canUseMediaFolders: E,
+		let n = e, r = t, { t: c } = Z(), h = _("tplUiTheme"), g = O(() => n.popoverTarget ?? null);
+		C(Se, g);
+		let v = _("authManager"), x = _("projectId"), w = s(() => x.value), E = _("planConfig"), A = s(() => E.hasFeature("media_folders")), N = s(() => E.hasFeature("import_from_url")), P = s(() => E.config.value?.storage.used_bytes ?? 0), L = s(() => E.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: z, availableCategories: B } = Q(), W = fe({
+			projectId: w.value,
+			authManager: v
+		}), K = Jn({
+			library: W,
+			canUseMediaFolders: A,
 			translations: c
 		});
 		j(() => n.visible, (e) => {
-			e ? (B.loadItems(), B.loadFrequentlyUsed()) : W.resetUI();
+			e ? (W.loadItems(), W.loadFrequentlyUsed()) : K.resetUI();
 		});
-		function K(e) {
+		function q(e) {
 			e.key === "Escape" && r("close");
 		}
-		ce(document, "keydown", K);
-		function q() {
-			return B.previewItem.value ? !n.accept?.length || L(B.previewItem.value.mime_type, n.accept) : !1;
-		}
+		ce(document, "keydown", q);
 		function J() {
-			if (q()) {
-				let e = B.previewItem.value, t = {
+			return W.previewItem.value ? !n.accept?.length || z(W.previewItem.value.mime_type, n.accept) : !1;
+		}
+		function ee() {
+			if (J()) {
+				let e = W.previewItem.value, t = {
 					...e,
-					url: W.selectedUrl.value || e.url
+					url: K.selectedUrl.value || e.url
 				};
 				r("select", t), r("close");
 			}
@@ -2204,15 +2204,15 @@ var Xn = ["data-tpl-theme"], Zn = {
 				"data-tpl-theme": k(h),
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999]",
 				onClick: n[18] ||= F((e) => r("close"), ["self"])
-			}, [f("div", Zn, [
-				f("div", Qn, [f("h2", $n, D(k(c).mediaLibrary.title), 1), f("div", er, [
-					m(Jn, {
-						"used-bytes": N.value,
-						"limit-bytes": P.value,
+			}, [f("div", Xn, [
+				f("div", Zn, [f("h2", Qn, D(k(c).mediaLibrary.title), 1), f("div", $n, [
+					m(qn, {
+						"used-bytes": P.value,
+						"limit-bytes": L.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					f("div", tr, [f("input", {
-						value: k(W).searchInput.value,
+					f("div", er, [f("input", {
+						value: k(K).searchInput.value,
 						type: "text",
 						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)]",
 						style: {
@@ -2221,8 +2221,8 @@ var Xn = ["data-tpl-theme"], Zn = {
 							color: "var(--tpl-text)"
 						},
 						placeholder: k(c).mediaLibrary.searchPlaceholder,
-						onInput: n[0] ||= (e) => k(W).handleSearchInput(e.target.value)
-					}, null, 40, nr), m(k(Y), {
+						onInput: n[0] ||= (e) => k(K).handleSearchInput(e.target.value)
+					}, null, 40, tr), m(k(Y), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -2237,7 +2237,7 @@ var Xn = ["data-tpl-theme"], Zn = {
 						"stroke-width": 2
 					})])
 				])]),
-				f("div", rr, [m(o, {
+				f("div", nr, [m(o, {
 					"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",
@@ -2245,16 +2245,16 @@ var Xn = ["data-tpl-theme"], Zn = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: M(() => [E.value && k(W).showSidebar.value ? (S(), d("div", ir, [m(_t, {
-						folders: k(B).folders.value,
-						"current-folder-id": k(B).currentFolderId.value,
-						"view-mode": k(B).viewMode.value,
-						"has-frequently-used": k(W).hasFrequentlyUsed.value,
-						onNavigate: k(B).navigateToFolder,
-						onCreateFolder: k(W).handleCreateFolder,
-						onRenameFolder: k(W).handleRenameFolder,
-						onDeleteFolder: k(W).handleDeleteFolder,
-						onShowFrequentlyUsed: k(B).showFrequentlyUsed
+					default: M(() => [A.value && k(K).showSidebar.value ? (S(), d("div", rr, [m(gt, {
+						folders: k(W).folders.value,
+						"current-folder-id": k(W).currentFolderId.value,
+						"view-mode": k(W).viewMode.value,
+						"has-frequently-used": k(K).hasFrequentlyUsed.value,
+						onNavigate: k(W).navigateToFolder,
+						onCreateFolder: k(K).handleCreateFolder,
+						onRenameFolder: k(K).handleRenameFolder,
+						onDeleteFolder: k(K).handleDeleteFolder,
+						onShowFrequentlyUsed: k(W).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -2267,55 +2267,55 @@ var Xn = ["data-tpl-theme"], Zn = {
 						"onShowFrequentlyUsed"
 					])])) : u("", !0)]),
 					_: 1
-				}), f("div", ar, [f("div", or, [f("div", sr, [
-					E.value ? (S(), d("button", {
+				}), f("div", ir, [f("div", ar, [f("div", or, [
+					A.value ? (S(), d("button", {
 						key: 0,
 						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: b({
-							color: k(W).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(W).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-							border: k(W).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+							color: k(K).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(K).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+							border: k(K).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 						}),
-						title: k(W).showSidebar.value ? k(c).mediaLibrary.hideFolders : k(c).mediaLibrary.showFolders,
-						onClick: n[2] ||= (e) => k(W).showSidebar.value = !k(W).showSidebar.value
+						title: k(K).showSidebar.value ? k(c).mediaLibrary.hideFolders : k(c).mediaLibrary.showFolders,
+						onClick: n[2] ||= (e) => k(K).showSidebar.value = !k(K).showSidebar.value
 					}, [m(k(G), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, cr)) : u("", !0),
-					k(B).viewMode.value === "frequently-used" ? (S(), d("span", lr, D(k(c).mediaLibrary.frequentlyUsed), 1)) : (S(), l(ge, {
+					})], 12, sr)) : u("", !0),
+					k(W).viewMode.value === "frequently-used" ? (S(), d("span", cr, D(k(c).mediaLibrary.frequentlyUsed), 1)) : (S(), l(ge, {
 						key: 2,
-						folders: k(B).folders.value,
-						"current-folder-id": k(B).currentFolderId.value,
-						onNavigate: k(B).navigateToFolder
+						folders: k(W).folders.value,
+						"current-folder-id": k(W).currentFolderId.value,
+						onNavigate: k(W).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
 						"onNavigate"
 					])),
-					f("div", ur, [f("button", {
+					f("div", lr, [f("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: b({
-							color: k(W).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(W).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(K).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(K).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: k(c).mediaLibrary.viewGrid,
-						onClick: n[3] ||= (e) => k(W).layoutMode.value = "grid"
+						onClick: n[3] ||= (e) => k(K).layoutMode.value = "grid"
 					}, [m(k(V), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, dr), f("button", {
+					})], 12, ur), f("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: b({
-							color: k(W).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(W).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(K).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(K).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: k(c).mediaLibrary.viewList,
-						onClick: n[4] ||= (e) => k(W).layoutMode.value = "list"
+						onClick: n[4] ||= (e) => k(K).layoutMode.value = "list"
 					}, [m(k(U), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, fr)])
-				]), f("div", pr, [k(z).length > 1 ? (S(), d("select", {
+					})], 12, dr)])
+				]), f("div", fr, [k(B).length > 1 ? (S(), d("select", {
 					key: 0,
 					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",
 					style: {
@@ -2323,36 +2323,36 @@ var Xn = ["data-tpl-theme"], Zn = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: k(B).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => k(B).filterByCategory(e.target.value || null)
-				}, [f("option", hr, D(k(c).mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(z), (e) => (S(), d("option", {
+					value: k(W).categoryFilter.value ?? "",
+					onChange: n[5] ||= (e) => k(W).filterByCategory(e.target.value || null)
+				}, [f("option", mr, D(k(c).mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(B), (e) => (S(), d("option", {
 					key: e,
 					value: e
-				}, D(k(W).getCategoryLabel(e)), 9, gr))), 128))], 40, mr)) : u("", !0), f("select", {
+				}, D(k(K).getCategoryLabel(e)), 9, hr))), 128))], 40, pr)) : u("", !0), f("select", {
 					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",
 					style: {
 						"border-color": "var(--tpl-border)",
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: k(B).sortOption.value,
-					onChange: n[6] ||= (e) => k(B).sortBy(e.target.value)
+					value: k(W).sortOption.value,
+					onChange: n[6] ||= (e) => k(W).sortBy(e.target.value)
 				}, [
-					f("option", vr, D(k(c).mediaLibrary.sortNewest), 1),
-					f("option", yr, D(k(c).mediaLibrary.sortOldest), 1),
-					f("option", br, D(k(c).mediaLibrary.sortNameAsc), 1),
-					f("option", xr, D(k(c).mediaLibrary.sortNameDesc), 1),
-					f("option", Sr, D(k(c).mediaLibrary.sortSizeAsc), 1),
-					f("option", Cr, D(k(c).mediaLibrary.sortSizeDesc), 1)
-				], 40, _r)])]), f("div", wr, [k(B).viewMode.value === "files" ? (S(), d("div", Tr, [m(Un, {
-					"is-uploading": k(B).isUploading.value,
-					"upload-progress": k(B).uploadProgress.value,
-					onUpload: k(W).handleUpload
+					f("option", _r, D(k(c).mediaLibrary.sortNewest), 1),
+					f("option", vr, D(k(c).mediaLibrary.sortOldest), 1),
+					f("option", yr, D(k(c).mediaLibrary.sortNameAsc), 1),
+					f("option", br, D(k(c).mediaLibrary.sortNameDesc), 1),
+					f("option", xr, D(k(c).mediaLibrary.sortSizeAsc), 1),
+					f("option", Sr, D(k(c).mediaLibrary.sortSizeDesc), 1)
+				], 40, gr)])]), f("div", Cr, [k(W).viewMode.value === "files" ? (S(), d("div", wr, [m(Hn, {
+					"is-uploading": k(W).isUploading.value,
+					"upload-progress": k(W).uploadProgress.value,
+					onUpload: k(K).handleUpload
 				}, null, 8, [
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), A.value ? (S(), d("button", {
+				]), N.value ? (S(), d("button", {
 					key: 0,
 					class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
@@ -2360,22 +2360,22 @@ var Xn = ["data-tpl-theme"], Zn = {
 						color: "var(--tpl-text-muted)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[7] ||= (e) => k(W).showImportUrlModal.value = !0
+					onClick: n[7] ||= (e) => k(K).showImportUrlModal.value = !0
 				}, [m(k(H), {
 					size: 14,
 					"stroke-width": 2
-				}), p(" " + D(k(c).mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(Jt, {
-					items: k(W).displayItems.value,
-					"selected-ids": k(B).selectedItems.value,
-					"is-loading": k(B).isLoading.value,
-					"has-more": k(B).viewMode.value === "files" && k(B).hasMore.value,
+				}), p(" " + D(k(c).mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(qt, {
+					items: k(K).displayItems.value,
+					"selected-ids": k(W).selectedItems.value,
+					"is-loading": k(W).isLoading.value,
+					"has-more": k(W).viewMode.value === "files" && k(W).hasMore.value,
 					accept: e.accept,
-					layout: k(W).layoutMode.value,
-					onSelect: k(W).handleSelect,
-					onToggle: k(B).toggleSelection,
-					onLoadMore: k(B).loadMore,
-					onEdit: k(W).handleEditItem,
-					onReplace: k(W).handleReplaceItem
+					layout: k(K).layoutMode.value,
+					onSelect: k(K).handleSelect,
+					onToggle: k(W).toggleSelection,
+					onLoadMore: k(W).loadMore,
+					onEdit: k(K).handleEditItem,
+					onReplace: k(K).handleReplaceItem
 				}, null, 8, [
 					"items",
 					"selected-ids",
@@ -2389,12 +2389,12 @@ var Xn = ["data-tpl-theme"], Zn = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				m(sn, {
-					visible: k(W).showImportUrlModal.value,
-					"is-importing": k(B).isImportingFromUrl.value,
-					error: k(B).importFromUrlError.value,
-					onImport: k(W).handleImportFromUrl,
-					onClose: n[8] ||= (e) => k(W).showImportUrlModal.value = !1
+				m(on, {
+					visible: k(K).showImportUrlModal.value,
+					"is-importing": k(W).isImportingFromUrl.value,
+					error: k(W).importFromUrlError.value,
+					onImport: k(K).handleImportFromUrl,
+					onClose: n[8] ||= (e) => k(K).showImportUrlModal.value = !1
 				}, null, 8, [
 					"visible",
 					"is-importing",
@@ -2402,23 +2402,23 @@ var Xn = ["data-tpl-theme"], Zn = {
 					"onImport"
 				]),
 				m(it, {
-					visible: !!k(W).editingItem.value,
-					item: k(W).editingItem.value,
-					onSave: k(W).handleEditSave,
-					onClose: n[9] ||= (e) => k(W).editingItem.value = null
+					visible: !!k(K).editingItem.value,
+					item: k(K).editingItem.value,
+					onSave: k(K).handleEditSave,
+					onClose: n[9] ||= (e) => k(K).editingItem.value = null
 				}, null, 8, [
 					"visible",
 					"item",
 					"onSave"
 				]),
-				m(Rn, {
-					visible: k(B).showReplaceWarning.value,
-					item: k(B).pendingReplaceItem.value,
-					"usage-info": k(B).replaceUsageInfo.value,
-					"is-replacing": k(B).isReplacing.value,
-					error: k(B).replaceError.value,
-					onReplace: k(W).handleReplaceFile,
-					onClose: k(B).cancelReplace
+				m(Ln, {
+					visible: k(W).showReplaceWarning.value,
+					item: k(W).pendingReplaceItem.value,
+					"usage-info": k(W).replaceUsageInfo.value,
+					"is-replacing": k(W).isReplacing.value,
+					error: k(W).replaceError.value,
+					onReplace: k(K).handleReplaceFile,
+					onClose: k(W).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -2436,7 +2436,7 @@ var Xn = ["data-tpl-theme"], Zn = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: M(() => [k(B).showDeleteWarning.value ? (S(), d("div", {
+					default: M(() => [k(W).showDeleteWarning.value ? (S(), d("div", {
 						key: 0,
 						class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
 						style: {
@@ -2444,27 +2444,27 @@ var Xn = ["data-tpl-theme"], Zn = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= F((...e) => k(B).cancelDelete && k(B).cancelDelete(...e), ["self"])
-					}, [f("div", Er, [
-						f("h3", Dr, D(k(c).mediaLibrary.deleteWarningTitle), 1),
+						onClick: n[12] ||= F((...e) => k(W).cancelDelete && k(W).cancelDelete(...e), ["self"])
+					}, [f("div", Tr, [
+						f("h3", Er, D(k(c).mediaLibrary.deleteWarningTitle), 1),
 						f("p", {
-							class: y(["tpl:text-xs", k(W).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+							class: y(["tpl:text-xs", k(K).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, D(k(c).mediaLibrary.deleteWarningMessage), 3),
-						k(W).hasUsedFiles.value ? (S(), d("p", Or, D(k(c).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-						k(W).hasUsedFiles.value ? (S(), d("div", kr, [(S(!0), d(i, null, T(k(B).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+						k(K).hasUsedFiles.value ? (S(), d("p", Dr, D(k(c).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+						k(K).hasUsedFiles.value ? (S(), d("div", Or, [(S(!0), d(i, null, T(k(W).deleteUsageInfo.value, (e, t) => (S(), d("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Ar, D(k(W).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", jr, " - " + D(k(c).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-						f("div", Mr, [f("button", {
+						}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", kr, D(k(K).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Ar, " - " + D(k(c).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+						f("div", jr, [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)",
 								color: "var(--tpl-text)",
 								"background-color": "var(--tpl-bg)"
 							},
-							onClick: n[10] ||= (...e) => k(B).cancelDelete && k(B).cancelDelete(...e)
+							onClick: n[10] ||= (...e) => k(W).cancelDelete && k(W).cancelDelete(...e)
 						}, D(k(c).mediaLibrary.cancel), 1), 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: {
@@ -2472,31 +2472,31 @@ var Xn = ["data-tpl-theme"], Zn = {
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => k(B).confirmDelete && k(B).confirmDelete(...e)
-						}, D(k(W).hasUsedFiles.value ? k(c).mediaLibrary.deleteAnyway : k(c).mediaLibrary.confirmDelete), 1)])
+							onClick: n[11] ||= (...e) => k(W).confirmDelete && k(W).confirmDelete(...e)
+						}, D(k(K).hasUsedFiles.value ? k(c).mediaLibrary.deleteAnyway : k(c).mediaLibrary.confirmDelete), 1)])
 					])])) : u("", !0)]),
 					_: 1
 				}),
-				f("div", Nr, [f("div", Pr, [k(B).previewItem.value ? (S(), l(Cn, {
+				f("div", Mr, [f("div", Nr, [k(W).previewItem.value ? (S(), l(Sn, {
 					key: 0,
-					"selected-conversion": k(W).selectedConversion.value,
-					"onUpdate:selectedConversion": n[13] ||= (e) => k(W).selectedConversion.value = e,
-					item: k(B).previewItem.value,
-					folders: k(B).folders.value
+					"selected-conversion": k(K).selectedConversion.value,
+					"onUpdate:selectedConversion": n[13] ||= (e) => k(K).selectedConversion.value = e,
+					item: k(W).previewItem.value,
+					folders: k(W).folders.value
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : u("", !0)]), f("div", Fr, [k(B).selectedItems.value.size > 0 ? (S(), d("div", Ir, [k(B).previewItem.value ? (S(), d("button", {
+				])) : u("", !0)]), f("div", Pr, [k(W).selectedItems.value.size > 0 ? (S(), d("div", Fr, [k(W).previewItem.value ? (S(), d("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: b({
-						borderColor: k(W).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-						color: k(W).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+						borderColor: k(K).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+						color: k(K).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => k(W).copy(k(W).selectedUrl.value)
-				}, [k(W).copied.value ? (S(), l(k(I), {
+					onClick: n[14] ||= (e) => k(K).copy(k(K).selectedUrl.value)
+				}, [k(K).copied.value ? (S(), l(k(I), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
@@ -2504,25 +2504,25 @@ var Xn = ["data-tpl-theme"], Zn = {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), p(" " + D(k(W).copied.value ? k(c).mediaLibrary.copied : k(c).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), E.value ? (S(), d("div", Lr, [f("button", {
+				})), p(" " + D(k(K).copied.value ? k(c).mediaLibrary.copied : k(c).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), A.value ? (S(), d("div", Ir, [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)",
 						color: "var(--tpl-text)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[15] ||= (e) => k(W).showMovePicker.value = !k(W).showMovePicker.value
-				}, D(k(c).mediaLibrary.moveSelected), 1), k(W).showMovePicker.value ? (S(), l(fn, {
+					onClick: n[15] ||= (e) => k(K).showMovePicker.value = !k(K).showMovePicker.value
+				}, D(k(c).mediaLibrary.moveSelected), 1), k(K).showMovePicker.value ? (S(), l(dn, {
 					key: 0,
-					folders: k(B).folders.value,
-					"current-folder-id": k(B).currentFolderId.value,
-					onSelect: k(W).handleMoveToFolder,
-					onClose: n[16] ||= (e) => k(W).showMovePicker.value = !1
+					folders: k(W).folders.value,
+					"current-folder-id": k(W).currentFolderId.value,
+					onSelect: k(K).handleMoveToFolder,
+					onClose: n[16] ||= (e) => k(K).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Rr, [k(B).selectedItems.value.size > 0 ? (S(), d("button", {
+				])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Lr, [k(W).selectedItems.value.size > 0 ? (S(), d("button", {
 					key: 0,
 					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: {
@@ -2530,24 +2530,24 @@ var Xn = ["data-tpl-theme"], Zn = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => k(W).handleDeleteClick && k(W).handleDeleteClick(...e)
+					onClick: n[17] ||= (...e) => k(K).handleDeleteClick && k(K).handleDeleteClick(...e)
 				}, D(k(c).mediaLibrary.deleteSelected), 1)) : u("", !0), f("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !q(),
-					onClick: J
-				}, D(e.accept?.length ? k(c).mediaLibrary.selectImage : k(c).mediaLibrary.selectFile), 9, zr)])])])
-			])], 8, Xn)) : u("", !0)]),
+					disabled: !J(),
+					onClick: ee
+				}, D(e.accept?.length ? k(c).mediaLibrary.selectImage : k(c).mediaLibrary.selectFile), 9, Rr)])])])
+			])], 8, Yn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
 });
 //#endregion
 //#region src/composables/useMediaPicker.ts
-function Vr() {
+function Br() {
 	let e = _("onRequestMedia"), t = _("planConfig"), n = w(!1), r = s(() => !!e && t.hasFeature("pluggable_media"));
 	async function i(t) {
 		if (!e) return null;
@@ -2566,7 +2566,7 @@ function Vr() {
 }
 //#endregion
 //#region src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
-var Hr = {
+var Vr = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -2574,62 +2574,62 @@ var Hr = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, Ur = {
+}, Hr = {
 	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)" }
-}, Wr = {
+}, Ur = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Gr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Kr = { class: "tpl:relative" }, qr = ["value", "placeholder"], Jr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Yr = {
+}, Wr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Gr = { class: "tpl:relative" }, Kr = ["value", "placeholder"], qr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Jr = {
 	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)"
 	}
-}, Xr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Zr = {
+}, Yr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Xr = {
 	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)" }
-}, Qr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, $r = ["title"], ei = {
+}, Zr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Qr = ["title"], $r = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ti = {
+}, ei = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, ni = ["title"], ri = ["title"], ii = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ai = ["value"], oi = { value: "" }, si = ["value"], ci = ["value"], li = { value: "newest" }, ui = { value: "oldest" }, di = { value: "name_asc" }, fi = { value: "name_desc" }, pi = { value: "size_asc" }, mi = { value: "size_desc" }, hi = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, gi = {
+}, ti = ["title"], ni = ["title"], ri = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ii = ["value"], ai = { value: "" }, oi = ["value"], si = ["value"], ci = { value: "newest" }, li = { value: "oldest" }, ui = { value: "name_asc" }, di = { value: "name_desc" }, fi = { value: "size_asc" }, pi = { value: "size_desc" }, mi = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, hi = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, _i = {
+}, gi = {
 	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)"
 	}
-}, vi = {
+}, _i = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, yi = {
+}, vi = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, bi = {
+}, yi = {
 	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)" }
-}, xi = { class: "tpl:font-medium" }, Si = { style: { color: "var(--tpl-text-muted)" } }, Ci = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, wi = {
+}, bi = { class: "tpl:font-medium" }, xi = { style: { color: "var(--tpl-text-muted)" } }, Si = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ci = {
 	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)" }
-}, Ti = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Ei = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Di = {
+}, wi = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Ti = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ei = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Oi = {
+}, Di = {
 	key: 1,
 	class: "tpl:relative"
-}, ki = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ai = ["disabled"], ji = /* @__PURE__ */ h({
+}, Oi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ki = ["disabled"], Ai = /* @__PURE__ */ h({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -2642,39 +2642,41 @@ var Hr = {
 	emits: ["ready"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, a = s(() => n.translations);
-		C("translations", n.translations), C("authManager", n.authManager), C("projectId", s(() => n.projectId)), C("planConfig", {
-			config: w(n.planConfig),
+		C("translations", n.translations), C("authManager", n.authManager), C("projectId", s(() => n.projectId));
+		let c = w(n.planConfig);
+		C("planConfig", {
+			config: c,
 			isLoading: w(!1),
 			hasFeature: (e) => n.planConfig.features[e] ?? !1,
 			features: s(() => n.planConfig.features),
 			fetchConfig: async () => {}
 		});
-		let c = s(() => n.planConfig.features.media_folders ?? !1), h = s(() => n.planConfig.features.import_from_url ?? !1), g = s(() => n.planConfig.storage.used_bytes ?? 0), _ = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: v } = Q(), E = fe({
+		let h = s(() => n.planConfig.features.media_folders ?? !1), g = s(() => n.planConfig.features.import_from_url ?? !1), _ = s(() => n.planConfig.storage.used_bytes ?? 0), v = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: E } = Q(), O = fe({
 			projectId: n.projectId,
 			authManager: n.authManager,
 			onError: n.onError
-		}), O = Yn({
-			library: E,
-			canUseMediaFolders: c,
+		}), A = Jn({
+			library: O,
+			canUseMediaFolders: h,
 			translations: a
 		});
-		function A() {
-			if (!E.previewItem.value) return;
-			let e = E.previewItem.value, t = {
+		function j() {
+			if (!O.previewItem.value) return;
+			let e = O.previewItem.value, t = {
 				...e,
-				url: O.selectedUrl.value || e.url
+				url: A.selectedUrl.value || e.url
 			};
 			n.onSelect?.(t);
 		}
 		return x(() => {
-			E.loadItems(), E.loadFrequentlyUsed(), r("ready");
-		}), (t, n) => (S(), d("div", Hr, [
-			f("div", Ur, [f("h2", Wr, D(a.value.mediaLibrary.title), 1), f("div", Gr, [m(Jn, {
-				"used-bytes": g.value,
-				"limit-bytes": _.value,
+			O.loadItems(), O.loadFrequentlyUsed(), r("ready");
+		}), (t, n) => (S(), d("div", Vr, [
+			f("div", Hr, [f("h2", Ur, D(a.value.mediaLibrary.title), 1), f("div", Wr, [m(qn, {
+				"used-bytes": _.value,
+				"limit-bytes": v.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", Kr, [f("input", {
-				value: k(O).searchInput.value,
+			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", Gr, [f("input", {
+				value: k(A).searchInput.value,
 				type: "text",
 				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)]",
 				style: {
@@ -2683,14 +2685,14 @@ var Hr = {
 					color: "var(--tpl-text)"
 				},
 				placeholder: a.value.mediaLibrary.searchPlaceholder,
-				onInput: n[0] ||= (e) => k(O).handleSearchInput(e.target.value)
-			}, null, 40, qr), m(k(Y), {
+				onInput: n[0] ||= (e) => k(A).handleSearchInput(e.target.value)
+			}, null, 40, Kr), m(k(Y), {
 				class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 				size: 13,
 				"stroke-width": 2,
 				style: { color: "var(--tpl-text-dim)" }
 			})])])]),
-			f("div", Jr, [m(o, {
+			f("div", qr, [m(o, {
 				"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",
@@ -2698,16 +2700,16 @@ var Hr = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: M(() => [c.value && k(O).showSidebar.value ? (S(), d("div", Yr, [m(_t, {
-					folders: k(E).folders.value,
-					"current-folder-id": k(E).currentFolderId.value,
-					"view-mode": k(E).viewMode.value,
-					"has-frequently-used": k(O).hasFrequentlyUsed.value,
-					onNavigate: k(E).navigateToFolder,
-					onCreateFolder: k(O).handleCreateFolder,
-					onRenameFolder: k(O).handleRenameFolder,
-					onDeleteFolder: k(O).handleDeleteFolder,
-					onShowFrequentlyUsed: k(E).showFrequentlyUsed
+				default: M(() => [h.value && k(A).showSidebar.value ? (S(), d("div", Jr, [m(gt, {
+					folders: k(O).folders.value,
+					"current-folder-id": k(O).currentFolderId.value,
+					"view-mode": k(O).viewMode.value,
+					"has-frequently-used": k(A).hasFrequentlyUsed.value,
+					onNavigate: k(O).navigateToFolder,
+					onCreateFolder: k(A).handleCreateFolder,
+					onRenameFolder: k(A).handleRenameFolder,
+					onDeleteFolder: k(A).handleDeleteFolder,
+					onShowFrequentlyUsed: k(O).showFrequentlyUsed
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
@@ -2720,55 +2722,55 @@ var Hr = {
 					"onShowFrequentlyUsed"
 				])])) : u("", !0)]),
 				_: 1
-			}), f("div", Xr, [f("div", Zr, [f("div", Qr, [
-				c.value ? (S(), d("button", {
+			}), f("div", Yr, [f("div", Xr, [f("div", Zr, [
+				h.value ? (S(), d("button", {
 					key: 0,
 					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: b({
-						color: k(O).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: k(O).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-						border: k(O).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+						color: k(A).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(A).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: k(A).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
-					title: k(O).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
-					onClick: n[1] ||= (e) => k(O).showSidebar.value = !k(O).showSidebar.value
+					title: k(A).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
+					onClick: n[1] ||= (e) => k(A).showSidebar.value = !k(A).showSidebar.value
 				}, [m(k(G), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, $r)) : u("", !0),
-				k(E).viewMode.value === "frequently-used" ? (S(), d("span", ei, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(ge, {
+				})], 12, Qr)) : u("", !0),
+				k(O).viewMode.value === "frequently-used" ? (S(), d("span", $r, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(ge, {
 					key: 2,
-					folders: k(E).folders.value,
-					"current-folder-id": k(E).currentFolderId.value,
-					onNavigate: k(E).navigateToFolder
+					folders: k(O).folders.value,
+					"current-folder-id": k(O).currentFolderId.value,
+					onNavigate: k(O).navigateToFolder
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onNavigate"
 				])),
-				f("div", ti, [f("button", {
+				f("div", ei, [f("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: b({
-						color: k(O).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: k(O).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: k(A).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(A).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewGrid,
-					onClick: n[2] ||= (e) => k(O).layoutMode.value = "grid"
+					onClick: n[2] ||= (e) => k(A).layoutMode.value = "grid"
 				}, [m(k(V), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ni), f("button", {
+				})], 12, ti), f("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: b({
-						color: k(O).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: k(O).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: k(A).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(A).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewList,
-					onClick: n[3] ||= (e) => k(O).layoutMode.value = "list"
+					onClick: n[3] ||= (e) => k(A).layoutMode.value = "list"
 				}, [m(k(U), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ri)])
-			]), f("div", ii, [k(v).length > 1 ? (S(), d("select", {
+				})], 12, ni)])
+			]), f("div", ri, [k(E).length > 1 ? (S(), d("select", {
 				key: 0,
 				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",
 				style: {
@@ -2776,36 +2778,36 @@ var Hr = {
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: k(E).categoryFilter.value ?? "",
-				onChange: n[4] ||= (e) => k(E).filterByCategory(e.target.value || null)
-			}, [f("option", oi, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(v), (e) => (S(), d("option", {
+				value: k(O).categoryFilter.value ?? "",
+				onChange: n[4] ||= (e) => k(O).filterByCategory(e.target.value || null)
+			}, [f("option", ai, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(E), (e) => (S(), d("option", {
 				key: e,
 				value: e
-			}, D(k(O).getCategoryLabel(e)), 9, si))), 128))], 40, ai)) : u("", !0), f("select", {
+			}, D(k(A).getCategoryLabel(e)), 9, oi))), 128))], 40, ii)) : u("", !0), f("select", {
 				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",
 				style: {
 					"border-color": "var(--tpl-border)",
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: k(E).sortOption.value,
-				onChange: n[5] ||= (e) => k(E).sortBy(e.target.value)
+				value: k(O).sortOption.value,
+				onChange: n[5] ||= (e) => k(O).sortBy(e.target.value)
 			}, [
-				f("option", li, D(a.value.mediaLibrary.sortNewest), 1),
-				f("option", ui, D(a.value.mediaLibrary.sortOldest), 1),
-				f("option", di, D(a.value.mediaLibrary.sortNameAsc), 1),
-				f("option", fi, D(a.value.mediaLibrary.sortNameDesc), 1),
-				f("option", pi, D(a.value.mediaLibrary.sortSizeAsc), 1),
-				f("option", mi, D(a.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, ci)])]), f("div", hi, [k(E).viewMode.value === "files" ? (S(), d("div", gi, [m(Un, {
-				"is-uploading": k(E).isUploading.value,
-				"upload-progress": k(E).uploadProgress.value,
-				onUpload: k(O).handleUpload
+				f("option", ci, D(a.value.mediaLibrary.sortNewest), 1),
+				f("option", li, D(a.value.mediaLibrary.sortOldest), 1),
+				f("option", ui, D(a.value.mediaLibrary.sortNameAsc), 1),
+				f("option", di, D(a.value.mediaLibrary.sortNameDesc), 1),
+				f("option", fi, D(a.value.mediaLibrary.sortSizeAsc), 1),
+				f("option", pi, D(a.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, si)])]), f("div", mi, [k(O).viewMode.value === "files" ? (S(), d("div", hi, [m(Hn, {
+				"is-uploading": k(O).isUploading.value,
+				"upload-progress": k(O).uploadProgress.value,
+				onUpload: k(A).handleUpload
 			}, null, 8, [
 				"is-uploading",
 				"upload-progress",
 				"onUpload"
-			]), h.value ? (S(), d("button", {
+			]), g.value ? (S(), d("button", {
 				key: 0,
 				class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
@@ -2813,21 +2815,21 @@ var Hr = {
 					color: "var(--tpl-text-muted)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[6] ||= (e) => k(O).showImportUrlModal.value = !0
+				onClick: n[6] ||= (e) => k(A).showImportUrlModal.value = !0
 			}, [m(k(H), {
 				size: 14,
 				"stroke-width": 2
-			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(Jt, {
-				items: k(O).displayItems.value,
-				"selected-ids": k(E).selectedItems.value,
-				"is-loading": k(E).isLoading.value,
-				"has-more": k(E).viewMode.value === "files" && k(E).hasMore.value,
-				layout: k(O).layoutMode.value,
-				onSelect: k(O).handleSelect,
-				onToggle: k(E).toggleSelection,
-				onLoadMore: k(E).loadMore,
-				onEdit: k(O).handleEditItem,
-				onReplace: k(O).handleReplaceItem
+			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(qt, {
+				items: k(A).displayItems.value,
+				"selected-ids": k(O).selectedItems.value,
+				"is-loading": k(O).isLoading.value,
+				"has-more": k(O).viewMode.value === "files" && k(O).hasMore.value,
+				layout: k(A).layoutMode.value,
+				onSelect: k(A).handleSelect,
+				onToggle: k(O).toggleSelection,
+				onLoadMore: k(O).loadMore,
+				onEdit: k(A).handleEditItem,
+				onReplace: k(A).handleReplaceItem
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -2840,12 +2842,12 @@ var Hr = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			m(sn, {
-				visible: k(O).showImportUrlModal.value,
-				"is-importing": k(E).isImportingFromUrl.value,
-				error: k(E).importFromUrlError.value,
-				onImport: k(O).handleImportFromUrl,
-				onClose: n[7] ||= (e) => k(O).showImportUrlModal.value = !1
+			m(on, {
+				visible: k(A).showImportUrlModal.value,
+				"is-importing": k(O).isImportingFromUrl.value,
+				error: k(O).importFromUrlError.value,
+				onImport: k(A).handleImportFromUrl,
+				onClose: n[7] ||= (e) => k(A).showImportUrlModal.value = !1
 			}, null, 8, [
 				"visible",
 				"is-importing",
@@ -2853,23 +2855,23 @@ var Hr = {
 				"onImport"
 			]),
 			m(it, {
-				visible: !!k(O).editingItem.value,
-				item: k(O).editingItem.value,
-				onSave: k(O).handleEditSave,
-				onClose: n[8] ||= (e) => k(O).editingItem.value = null
+				visible: !!k(A).editingItem.value,
+				item: k(A).editingItem.value,
+				onSave: k(A).handleEditSave,
+				onClose: n[8] ||= (e) => k(A).editingItem.value = null
 			}, null, 8, [
 				"visible",
 				"item",
 				"onSave"
 			]),
-			m(Rn, {
-				visible: k(E).showReplaceWarning.value,
-				item: k(E).pendingReplaceItem.value,
-				"usage-info": k(E).replaceUsageInfo.value,
-				"is-replacing": k(E).isReplacing.value,
-				error: k(E).replaceError.value,
-				onReplace: k(O).handleReplaceFile,
-				onClose: k(E).cancelReplace
+			m(Ln, {
+				visible: k(O).showReplaceWarning.value,
+				item: k(O).pendingReplaceItem.value,
+				"usage-info": k(O).replaceUsageInfo.value,
+				"is-replacing": k(O).isReplacing.value,
+				error: k(O).replaceError.value,
+				onReplace: k(A).handleReplaceFile,
+				onClose: k(O).cancelReplace
 			}, null, 8, [
 				"visible",
 				"item",
@@ -2887,7 +2889,7 @@ var Hr = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: M(() => [k(E).showDeleteWarning.value ? (S(), d("div", {
+				default: M(() => [k(O).showDeleteWarning.value ? (S(), d("div", {
 					key: 0,
 					class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
 					style: {
@@ -2895,27 +2897,27 @@ var Hr = {
 						"backdrop-filter": "blur(8px)",
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
-					onClick: n[11] ||= F((...e) => k(E).cancelDelete && k(E).cancelDelete(...e), ["self"])
-				}, [f("div", _i, [
-					f("h3", vi, D(a.value.mediaLibrary.deleteWarningTitle), 1),
+					onClick: n[11] ||= F((...e) => k(O).cancelDelete && k(O).cancelDelete(...e), ["self"])
+				}, [f("div", gi, [
+					f("h3", _i, D(a.value.mediaLibrary.deleteWarningTitle), 1),
 					f("p", {
-						class: y(["tpl:text-xs", k(O).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: y(["tpl:text-xs", k(A).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, D(a.value.mediaLibrary.deleteWarningMessage), 3),
-					k(O).hasUsedFiles.value ? (S(), d("p", yi, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-					k(O).hasUsedFiles.value ? (S(), d("div", bi, [(S(!0), d(i, null, T(k(E).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+					k(A).hasUsedFiles.value ? (S(), d("p", vi, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+					k(A).hasUsedFiles.value ? (S(), d("div", yi, [(S(!0), d(i, null, T(k(O).deleteUsageInfo.value, (e, t) => (S(), d("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", xi, D(k(O).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Si, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-					f("div", Ci, [f("button", {
+					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", bi, D(k(A).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", xi, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+					f("div", Si, [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)",
 							color: "var(--tpl-text)",
 							"background-color": "var(--tpl-bg)"
 						},
-						onClick: n[9] ||= (...e) => k(E).cancelDelete && k(E).cancelDelete(...e)
+						onClick: n[9] ||= (...e) => k(O).cancelDelete && k(O).cancelDelete(...e)
 					}, D(a.value.mediaLibrary.cancel), 1), 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: {
@@ -2923,31 +2925,31 @@ var Hr = {
 							color: "var(--tpl-danger)",
 							"background-color": "var(--tpl-danger-light)"
 						},
-						onClick: n[10] ||= (...e) => k(E).confirmDelete && k(E).confirmDelete(...e)
-					}, D(k(O).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
+						onClick: n[10] ||= (...e) => k(O).confirmDelete && k(O).confirmDelete(...e)
+					}, D(k(A).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
 				])])) : u("", !0)]),
 				_: 1
 			}),
-			f("div", wi, [f("div", Ti, [k(E).previewItem.value ? (S(), l(Cn, {
+			f("div", Ci, [f("div", wi, [k(O).previewItem.value ? (S(), l(Sn, {
 				key: 0,
-				"selected-conversion": k(O).selectedConversion.value,
-				"onUpdate:selectedConversion": n[12] ||= (e) => k(O).selectedConversion.value = e,
-				item: k(E).previewItem.value,
-				folders: k(E).folders.value
+				"selected-conversion": k(A).selectedConversion.value,
+				"onUpdate:selectedConversion": n[12] ||= (e) => k(A).selectedConversion.value = e,
+				item: k(O).previewItem.value,
+				folders: k(O).folders.value
 			}, null, 8, [
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : u("", !0)]), f("div", Ei, [k(E).selectedItems.value.size > 0 ? (S(), d("div", Di, [k(E).previewItem.value ? (S(), d("button", {
+			])) : u("", !0)]), f("div", Ti, [k(O).selectedItems.value.size > 0 ? (S(), d("div", Ei, [k(O).previewItem.value ? (S(), d("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: b({
-					borderColor: k(O).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-					color: k(O).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					borderColor: k(A).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: k(A).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
-				onClick: n[13] ||= (e) => k(O).copy(k(O).selectedUrl.value)
-			}, [k(O).copied.value ? (S(), l(k(I), {
+				onClick: n[13] ||= (e) => k(A).copy(k(A).selectedUrl.value)
+			}, [k(A).copied.value ? (S(), l(k(I), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
@@ -2955,25 +2957,25 @@ var Hr = {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), p(" " + D(k(O).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), c.value ? (S(), d("div", Oi, [f("button", {
+			})), p(" " + D(k(A).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), h.value ? (S(), d("div", Di, [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)",
 					color: "var(--tpl-text)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[14] ||= (e) => k(O).showMovePicker.value = !k(O).showMovePicker.value
-			}, D(a.value.mediaLibrary.moveSelected), 1), k(O).showMovePicker.value ? (S(), l(fn, {
+				onClick: n[14] ||= (e) => k(A).showMovePicker.value = !k(A).showMovePicker.value
+			}, D(a.value.mediaLibrary.moveSelected), 1), k(A).showMovePicker.value ? (S(), l(dn, {
 				key: 0,
-				folders: k(E).folders.value,
-				"current-folder-id": k(E).currentFolderId.value,
-				onSelect: k(O).handleMoveToFolder,
-				onClose: n[15] ||= (e) => k(O).showMovePicker.value = !1
+				folders: k(O).folders.value,
+				"current-folder-id": k(O).currentFolderId.value,
+				onSelect: k(A).handleMoveToFolder,
+				onClose: n[15] ||= (e) => k(A).showMovePicker.value = !1
 			}, null, 8, [
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", ki, [k(E).selectedItems.value.size > 0 ? (S(), d("button", {
+			])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Oi, [k(O).selectedItems.value.size > 0 ? (S(), d("button", {
 				key: 0,
 				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: {
@@ -2981,7 +2983,7 @@ var Hr = {
 					color: "var(--tpl-danger)",
 					"background-color": "var(--tpl-danger-light)"
 				},
-				onClick: n[16] ||= (...e) => k(O).handleDeleteClick && k(O).handleDeleteClick(...e)
+				onClick: n[16] ||= (...e) => k(A).handleDeleteClick && k(A).handleDeleteClick(...e)
 			}, D(a.value.mediaLibrary.deleteSelected), 1)) : u("", !0), e.onSelect ? (S(), d("button", {
 				key: 1,
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
@@ -2989,12 +2991,12 @@ var Hr = {
 					"background-color": "var(--tpl-primary)",
 					color: "var(--tpl-bg)"
 				},
-				disabled: !k(E).previewItem.value,
-				onClick: A
-			}, D(a.value.mediaLibrary.selectFile), 9, Ai)) : u("", !0)])])])
+				disabled: !k(O).previewItem.value,
+				onClick: j
+			}, D(a.value.mediaLibrary.selectFile), 9, ki)) : u("", !0)])])])
 		]));
 	}
-}), Mi = /* #__PURE__ */ Object.assign({
+}), ji = /* #__PURE__ */ Object.assign({
 	"./locales/ca.ts": () => import("./ca-DnghH5Xn.js"),
 	"./locales/de.ts": () => import("./de-ByQyu2jv.js"),
 	"./locales/en.ts": () => import("./en-B-xajqfh.js"),
@@ -3003,53 +3005,53 @@ var Hr = {
 	"./locales/nl.ts": () => import("./nl-DGT1t3Be.js"),
 	"./locales/pt-BR.ts": () => import("./pt-BR-C0Hzc26R.js")
 });
-function Ni(e) {
+function Mi(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Pi = Ni(Mi);
-function Fi(e) {
+var Ni = Mi(ji);
+function Pi(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
+function Fi(e) {
+	let t = Pi(e);
+	return Ni.find((e) => Pi(e) === t);
+}
 function Ii(e) {
-	let t = Fi(e);
-	return Pi.find((e) => Fi(e) === t);
+	return Pi(e).split("-")[0];
 }
 function Li(e) {
-	return Fi(e).split("-")[0];
-}
-function Ri(e) {
-	return Ii(e) ?? Ii(Li(e)) ?? "en";
+	return Fi(e) ?? Fi(Ii(e)) ?? "en";
 }
-async function zi(e) {
-	let t = Mi[`./locales/${Ri(e)}.ts`];
+async function Ri(e) {
+	let t = ji[`./locales/${Li(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region src/standalone/visual.ts
-var $ = null, Bi = w(null);
-async function Vi(e) {
+var $ = null, zi = w(null);
+async function Bi(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`Container element not found: ${e.container}`);
 	let i = r(e.auth, e.onError);
 	await i.initialize();
-	let a = await new t(i).fetchConfig(), o = await zi(e.locale ?? "en");
-	return Ui(n, e.theme), $ && Hi(), new Promise((t, r) => {
+	let a = await new t(i).fetchConfig(), o = await Ri(e.locale ?? "en");
+	return Hi(n, e.theme), $ && Vi(), new Promise((t, r) => {
 		try {
 			$ = c({ setup() {
 				let r = () => {
 					t({
-						setTheme: (e) => Ui(n, e),
-						unmount: Hi
+						setTheme: (e) => Hi(n, e),
+						unmount: Vi
 					});
 				};
-				return () => g(ji, {
+				return () => g(Ai, {
 					authManager: i,
 					projectId: i.projectId,
 					planConfig: a,
 					translations: o,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: Bi,
+					ref: zi,
 					onReady: r
 				});
 			} }), $.mount(n);
@@ -3058,15 +3060,15 @@ async function Vi(e) {
 		}
 	});
 }
-function Hi() {
-	$ && ($.unmount(), $ = null, Bi.value = null);
+function Vi() {
+	$ && ($.unmount(), $ = null, zi.value = null);
 }
-function Ui(e, t) {
+function Hi(e, t) {
 	t && (t.primaryColor && e.style.setProperty("--tpl-primary", t.primaryColor), t.borderRadius !== void 0 && (e.style.setProperty("--tpl-radius", `${t.borderRadius}px`), e.style.setProperty("--tpl-radius-sm", `${Math.max(0, t.borderRadius - 3)}px`), e.style.setProperty("--tpl-radius-lg", `${t.borderRadius + 4}px`)));
 }
 typeof window < "u" && (window.TemplaticalMedia = {
-	init: Vi,
-	unmount: Hi
+	init: Bi,
+	unmount: Vi
 });
 //#endregion
-export { de as MediaApiClient, Br as MediaLibraryModal, Vi as init, Hi as unmount, Z as useI18n, Q as useMediaCategories, fe as useMediaLibrary, Vr as useMediaPicker };
+export { de as MediaApiClient, zr as MediaLibraryModal, Bi as init, Vi as unmount, Z as useI18n, Q as useMediaCategories, fe as useMediaLibrary, Br as useMediaPicker };