@templatical/media-library 0.26.3 → 0.27.0

package/dist/templatical-media-library.js

@@ -1,10 +1,10 @@
 import { API_ROUTES as e, ApiClient as t, buildUrl as n, createSdkAuthManager as r } from "@templatical/core/cloud";
 import { Fragment as i, Teleport as a, Transition as o, computed as s, createApp as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, h as g, inject as _, isRef as v, normalizeClass as y, normalizeStyle as b, onMounted as x, openBlock as S, provide as C, ref as w, renderList as T, resolveComponent as E, toDisplayString as D, toRef as O, unref as k, vModelText as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
-import { Check as I, ChevronRight as L, Copy as R, File as z, Folder as B, Grid2x2 as V, Link as H, List as U, LoaderCircle as W, PanelLeft as G, Pencil as K, Plus as q, RefreshCw as J, Search as Y, Star as ee, Trash2 as X, Upload as te, X as ne } from "@lucide/vue";
-import { Cropper as re } from "vue-advanced-cropper";
-import { onClickOutside as ie, useClipboard as ae, useDebounceFn as oe, useDropZone as se, useEventListener as ce, useFileDialog as le, useIntersectionObserver as ue } from "@vueuse/core";
+import { Check as I, ChevronRight as L, Copy as R, File as z, Folder as B, Grid2x2 as V, Link as H, List as U, LoaderCircle as W, PanelLeft as G, Pencil as K, Plus as q, RefreshCw as ee, Search as J, Star as te, Trash2 as Y, Upload as ne, X as re } from "@lucide/vue";
+import { Cropper as ie } from "vue-advanced-cropper";
+import { onClickOutside as ae, useClipboard as oe, useDebounceFn as se, useDropZone as ce, useEventListener as le, useFileDialog as ue, useIntersectionObserver as de } from "@vueuse/core";
 //#region src/api-client.ts
-var de = class {
+var fe = class {
 	authManager;
 	constructor(e) {
 		this.authManager = e;
@@ -161,9 +161,9 @@ var de = class {
 };
 //#endregion
 //#region src/composable.ts
-function fe(e) {
+function pe(e) {
 	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
-	let t = new de(e.authManager), n = w([]), r = w([]), i = w(null), a = w("files"), o = w(""), s = w(null), c = w("newest"), l = w(!1), u = w(!1), d = w(!1), f = w(null), p = w(null), m = w(/* @__PURE__ */ new Set()), h = w(null), g = w([]), _ = w({}), v = w(!1), y = w([]), b = w(!1), x = w(null), S = w(!1), C = w(null), T = w(!1), E = w(null), D = w(null), O = 0;
+	let t = new fe(e.authManager), n = w([]), r = w([]), i = w(null), a = w("files"), o = w(""), s = w(null), c = w("newest"), l = w(!1), u = w(!1), d = w(!1), f = w(null), p = w(null), m = w(/* @__PURE__ */ new Set()), h = w(null), g = w([]), _ = w({}), v = w(!1), y = w([]), b = w(!1), x = w(null), S = w(!1), C = w(null), T = w(!1), E = w(null), D = w(null), O = 0;
 	async function k() {
 		let r = ++O;
 		l.value = !0;
@@ -326,50 +326,50 @@ function fe(e) {
 	function q() {
 		m.value = /* @__PURE__ */ new Set(), h.value = null;
 	}
-	function J(e) {
+	function ee(e) {
 		h.value = e, m.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function Y() {
+	async function J() {
 		try {
 			r.value = await t.getMediaFolders();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ee(n, r) {
+	async function te(n, r) {
 		try {
 			let e = await t.createMediaFolder(n, r);
-			return await Y(), e;
+			return await J(), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
 	}
-	function X(e, t) {
+	function Y(e, t) {
 		for (let n of e) {
 			if (n.id === t) return n;
 			if (n.children) {
-				let e = X(n.children, t);
+				let e = Y(n.children, t);
 				if (e) return e;
 			}
 		}
 		return null;
 	}
-	async function te(n, r) {
+	async function ne(n, r) {
 		try {
-			await t.renameMediaFolder(n, r), await Y();
+			await t.renameMediaFolder(n, r), await J();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ne(n) {
+	async function re(n) {
 		try {
-			let e = X(r.value, n)?.parent_id ?? null;
-			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await Y(), await k();
+			let e = Y(r.value, n)?.parent_id ?? null;
+			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await J(), await k();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function re(n) {
+	async function ie(n) {
 		E.value = n, C.value = null;
 		try {
 			let e = await t.checkMediaUsage([n.id]);
@@ -378,10 +378,10 @@ function fe(e) {
 			e.onError?.(t);
 		}
 	}
-	function ie() {
+	function ae() {
 		T.value = !1, E.value = null, D.value = null, C.value = null;
 	}
-	async function ae(r) {
+	async function oe(r) {
 		if (!E.value) return null;
 		S.value = !0, C.value = null;
 		try {
@@ -393,7 +393,7 @@ function fe(e) {
 			S.value = !1;
 		}
 	}
-	async function oe(r, i) {
+	async function se(r, i) {
 		try {
 			let e = await t.replaceMedia(r, i);
 			return n.value = n.value.map((t) => t.id === e.id ? e : t), g.value = g.value.map((t) => t.id === e.id ? e : t), h.value?.id === e.id && (h.value = e), e;
@@ -435,12 +435,12 @@ function fe(e) {
 		importFromUrl: G,
 		toggleSelection: K,
 		clearSelection: q,
-		selectItem: J,
-		loadFolders: Y,
-		createFolder: ee,
-		renameFolder: te,
-		deleteFolder: ne,
-		findFolderInTree: X,
+		selectItem: ee,
+		loadFolders: J,
+		createFolder: te,
+		renameFolder: ne,
+		deleteFolder: re,
+		findFolderInTree: Y,
 		loadFrequentlyUsed: V,
 		checkUsageBeforeDelete: H,
 		confirmDelete: U,
@@ -450,15 +450,15 @@ function fe(e) {
 		showReplaceWarning: T,
 		pendingReplaceItem: E,
 		replaceUsageInfo: D,
-		checkUsageBeforeReplace: re,
-		cancelReplace: ie,
-		replaceFile: ae,
-		replaceMediaDirectly: oe
+		checkUsageBeforeReplace: ie,
+		cancelReplace: ae,
+		replaceFile: oe,
+		replaceMediaDirectly: se
 	};
 }
 //#endregion
 //#region src/composables/useI18n.ts
-function Z(e) {
+function X(e) {
 	let t = e ?? _("translations"), n = v(t) ? t.value : t;
 	function r(e, t) {
 		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
@@ -470,14 +470,14 @@ function Z(e) {
 }
 //#endregion
 //#region src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var pe = {
+var me = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, me = ["onClick"], he = {
+}, he = ["onClick"], ge = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, ge = /* @__PURE__ */ h({
+}, _e = /* @__PURE__ */ h({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -485,7 +485,7 @@ var pe = {
 	},
 	emits: ["navigate"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = Z(), o = s(() => {
+		let n = e, r = t, { t: a } = X(), o = s(() => {
 			if (!n.currentFolderId) return [];
 			let e = [];
 			return c(n.folders, n.currentFolderId, e), e;
@@ -497,7 +497,7 @@ var pe = {
 			}
 			return !1;
 		}
-		return (e, t) => o.value.length > 0 ? (S(), d("div", pe, [f("button", {
+		return (e, t) => o.value.length > 0 ? (S(), d("div", me, [f("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => r("navigate", null)
@@ -509,13 +509,15 @@ var pe = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => r("navigate", e.id)
-		}, D(e.name), 9, me)) : (S(), d("span", he, D(e.name), 1))], 64))), 128))])) : u("", !0);
+		}, D(e.name), 9, he)) : (S(), d("span", ge, D(e.name), 1))], 64))), 128))])) : u("", !0);
 	}
-});
+}), ve = Symbol("templaticalMediaPlanConfig"), ye = Symbol("templaticalMediaPopoverTarget");
 //#endregion
 //#region src/composables/useMediaCategories.ts
-function Q() {
-	let e = _("planConfig"), t = s(() => e.config.value?.media ?? null), n = s(() => t.value?.use_media_library ?? !0), r = s(() => t.value?.categories ?? null), i = s(() => r.value ? Object.values(r.value).flatMap((e) => e.mime_types) : []), a = s(() => i.value.join(",")), o = s(() => t.value?.max_file_size ?? 0);
+function Z() {
+	let e = _(ve, null);
+	if (!e) throw Error("[Templatical] useMediaCategories() needs a plan config in scope. Render it under <MediaLibraryModal> (pass its `planConfig` prop) or provide PLAN_CONFIG_KEY yourself.");
+	let t = s(() => e.config.value?.media ?? null), n = s(() => t.value?.use_media_library ?? !0), r = s(() => t.value?.categories ?? null), i = s(() => r.value ? Object.values(r.value).flatMap((e) => e.mime_types) : []), a = s(() => i.value.join(",")), o = s(() => t.value?.max_file_size ?? 0);
 	function c(e, t) {
 		return r.value ? !t || t.length === 0 ? i.value.includes(e) : t.some((t) => r.value[t]?.mime_types.includes(e)) : !1;
 	}
@@ -540,14 +542,14 @@ function Q() {
 }
 //#endregion
 //#region src/composables/useImageCrop.ts
-var _e = {
+var be = {
 	free: void 0,
 	square: 1,
 	landscape43: 4 / 3,
 	landscape169: 16 / 9,
 	original: void 0
 };
-function ve(e) {
+function xe(e) {
 	return e === "image/png" || e === "image/gif" ? {
 		mimeType: "image/png",
 		quality: 1
@@ -559,7 +561,7 @@ function ve(e) {
 		quality: .92
 	};
 }
-function ye(e, t, n) {
+function Se(e, t, n) {
 	let r = e.width, i = e.height;
 	if (!t && !n) return e;
 	let a = r, o = i;
@@ -573,7 +575,7 @@ function ye(e, t, n) {
 	let c = s.getContext("2d");
 	return c && (c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(e, 0, 0, a, o)), s;
 }
-function be(e, t, n) {
+function Ce(e, t, n) {
 	return new Promise((r, i) => {
 		e.toBlob((e) => {
 			if (!e) {
@@ -585,7 +587,7 @@ function be(e, t, n) {
 		}, n.mimeType, n.quality);
 	});
 }
-function xe(e, t, n, r) {
+function we(e, t, n, r) {
 	let i = e, a = t;
 	if (n && i > n) {
 		let e = n / i;
@@ -601,58 +603,58 @@ function xe(e, t, n, r) {
 	};
 }
 //#endregion
-//#region src/keys.ts
-var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Te = {
+//#region src/components/media/MediaEditModal.vue?vue&type=script&setup=true&lang.ts
+var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Ee = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, De = {
+}, Oe = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, ke = {
 	key: 0,
 	class: "tpl:mb-4"
-}, Oe = {
+}, Ae = {
 	class: "tpl:relative tpl:mb-3 tpl:overflow-hidden tpl:rounded-md tpl:border",
 	style: {
 		"border-color": "var(--tpl-border)",
 		height: "300px",
 		"background-color": "var(--tpl-bg)"
 	}
-}, ke = { class: "tpl:space-y-3" }, Ae = {
+}, je = { class: "tpl:space-y-3" }, Me = {
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, je = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Me = ["onClick"], Ne = { class: "tpl:flex tpl:gap-3" }, Pe = { class: "tpl:flex-1" }, Fe = {
+}, Ne = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Pe = ["onClick"], Fe = { class: "tpl:flex tpl:gap-3" }, Ie = { class: "tpl:flex-1" }, Le = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ie = {
+}, Re = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Le = { class: "tpl:relative" }, Re = ["value", "placeholder"], ze = {
+}, ze = { class: "tpl:relative" }, Be = ["value", "placeholder"], Ve = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, Be = { class: "tpl:flex-1" }, Ve = {
+}, He = { class: "tpl:flex-1" }, Ue = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, He = {
+}, We = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Ue = { class: "tpl:relative" }, We = ["value", "placeholder"], Ge = {
+}, Ge = { class: "tpl:relative" }, Ke = ["value", "placeholder"], qe = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, Ke = {
+}, Je = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, qe = {
+}, Ye = {
 	class: "tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Je = { class: "tpl:mb-3" }, Ye = {
+}, Xe = { class: "tpl:mb-3" }, Ze = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Xe = ["autofocus"], Ze = {
+}, Qe = ["autofocus"], $e = {
 	key: 1,
 	class: "tpl:mb-4"
-}, Qe = {
+}, et = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, $e = ["placeholder"], et = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, tt = ["disabled"], nt = /*@__PURE__*/ h({
+}, tt = ["placeholder"], nt = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, rt = ["disabled"], it = /*@__PURE__*/ h({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -660,33 +662,33 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: c } = Z(), h = _("tplUiTheme"), g = _(Se, w(null)), v = c.mediaLibrary, { isImageMimeType: x } = Q(), C = w(""), E = w(""), O = w(null), P = w("free"), I = w(void 0), L = w(void 0), R = w(""), z = w(""), B = w(void 0), V = w(null), H = w(!1), U = w(!1), W = w(!1), G = s(() => n.item ? [
+		let n = e, r = t, { t: c } = X(), h = _("tplUiTheme"), g = _(ye, w(null)), v = c.mediaLibrary, { isImageMimeType: x } = Z(), C = w(""), E = w(""), O = w(null), P = w("free"), I = w(void 0), L = w(void 0), R = w(""), z = w(""), B = w(void 0), V = w(null), H = w(!1), U = w(!1), W = w(!1), G = s(() => n.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(n.item.mime_type) : !1), K = s(() => P.value === "original" ? B.value : _e[P.value]), q = s(() => V.value ? xe(V.value.width, V.value.height, I.value, L.value) : null);
+		].includes(n.item.mime_type) : !1), K = s(() => P.value === "original" ? B.value : be[P.value]), q = s(() => V.value ? we(V.value.width, V.value.height, I.value, L.value) : null);
 		j(() => n.visible, (e) => {
 			e && n.item && (C.value = n.item.filename, E.value = n.item.alt_text || "", P.value = "free", I.value = void 0, L.value = void 0, R.value = "", z.value = "", B.value = void 0, V.value = null, H.value = !1, W.value = !1, n.item.width && n.item.height && (B.value = n.item.width / n.item.height));
 		});
-		function J(e) {
+		function ee(e) {
 			e.coordinates && (V.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, W.value = !0);
 		}
-		function Y() {
+		function J() {
 			H.value = !0, !B.value && n.item?.width && n.item?.height && (B.value = n.item.width / n.item.height);
 		}
-		function ee(e) {
+		function te(e) {
 			let t = e.target.value;
 			R.value = t, I.value = t && parseInt(t, 10) || void 0;
 		}
-		function X(e) {
+		function Y(e) {
 			let t = e.target.value;
 			z.value = t, L.value = t && parseInt(t, 10) || void 0;
 		}
-		async function te() {
+		async function ne() {
 			let e = C.value.trim();
 			if (!e || !n.item || U.value) return;
 			let t = x(n.item.mime_type), i;
@@ -695,8 +697,8 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				try {
 					let { canvas: e } = O.value.getResult();
 					if (e) {
-						let t = ye(e, I.value, L.value), r = ve(n.item.mime_type);
-						i = { file: await be(t, n.item.filename, r) };
+						let t = Se(e, I.value, L.value), r = xe(n.item.mime_type);
+						i = { file: await Ce(t, n.item.filename, r) };
 					}
 				} catch {
 					U.value = !1;
@@ -706,8 +708,8 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			}
 			r("save", n.item.id, e, t ? E.value : void 0, i), r("close");
 		}
-		function ne(e) {
-			e.key === "Enter" && !U.value && (e.preventDefault(), te()), e.key === "Escape" && r("close");
+		function re(e) {
+			e.key === "Enter" && !U.value && (e.preventDefault(), ne()), e.key === "Escape" && r("close");
 		}
 		return (t, n) => (S(), l(a, { to: k(g) || "body" }, [m(o, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
@@ -723,24 +725,24 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[3] ||= F((e) => r("close"), ["self"]),
-				onKeydown: ne
+				onKeydown: re
 			}, [f("div", {
 				class: y(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", G.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				f("div", we, [f("h3", Te, D(k(c).mediaLibrary.editFile), 1)]),
-				f("div", Ee, [
-					G.value ? (S(), d("div", De, [f("div", Oe, [m(k(re), {
+				f("div", Ee, [f("h3", De, D(k(c).mediaLibrary.editFile), 1)]),
+				f("div", Oe, [
+					G.value ? (S(), d("div", ke, [f("div", Ae, [m(k(ie), {
 						ref_key: "cropperRef",
 						ref: O,
 						src: e.item.url,
 						"stencil-props": { aspectRatio: K.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: J,
-						onReady: Y
-					}, null, 8, ["src", "stencil-props"])]), f("div", ke, [
-						f("div", null, [f("label", Ae, D(k(c).mediaLibrary.cropAspectRatio), 1), f("div", je, [(S(), d(i, null, T([
+						onChange: ee,
+						onReady: J
+					}, null, 8, ["src", "stencil-props"])]), f("div", je, [
+						f("div", null, [f("label", Me, D(k(c).mediaLibrary.cropAspectRatio), 1), f("div", Ne, [(S(), d(i, null, T([
 							"free",
 							"square",
 							"landscape43",
@@ -756,8 +758,8 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 								color: P.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
 							onClick: (t) => P.value = e
-						}, D(k(v)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Me)), 64))])]),
-						f("div", Ne, [f("div", Pe, [f("label", Fe, [p(D(k(c).mediaLibrary.cropMaxWidth) + " ", 1), f("span", Ie, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", Le, [f("input", {
+						}, D(k(v)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Pe)), 64))])]),
+						f("div", Fe, [f("div", Ie, [f("label", Le, [p(D(k(c).mediaLibrary.cropMaxWidth) + " ", 1), f("span", Re, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", ze, [f("input", {
 							value: R.value,
 							type: "number",
 							min: "1",
@@ -768,8 +770,8 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 								color: "var(--tpl-text)"
 							},
 							placeholder: V.value?.width?.toString() || "",
-							onInput: ee
-						}, null, 40, Re), f("span", ze, D(k(c).mediaLibrary.cropPixels), 1)])]), f("div", Be, [f("label", Ve, [p(D(k(c).mediaLibrary.cropMaxHeight) + " ", 1), f("span", He, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", Ue, [f("input", {
+							onInput: te
+						}, null, 40, Be), f("span", Ve, D(k(c).mediaLibrary.cropPixels), 1)])]), f("div", He, [f("label", Ue, [p(D(k(c).mediaLibrary.cropMaxHeight) + " ", 1), f("span", We, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", Ge, [f("input", {
 							value: z.value,
 							type: "number",
 							min: "1",
@@ -780,11 +782,11 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 								color: "var(--tpl-text)"
 							},
 							placeholder: V.value?.height?.toString() || "",
-							onInput: X
-						}, null, 40, We), f("span", Ge, D(k(c).mediaLibrary.cropPixels), 1)])])]),
-						q.value ? (S(), d("div", Ke, [f("span", null, D(k(c).mediaLibrary.cropOutputSize) + ": ", 1), f("span", qe, D(q.value.width) + " x " + D(q.value.height) + " " + D(k(c).mediaLibrary.cropPixels), 1)])) : u("", !0)
+							onInput: Y
+						}, null, 40, Ke), f("span", qe, D(k(c).mediaLibrary.cropPixels), 1)])])]),
+						q.value ? (S(), d("div", Je, [f("span", null, D(k(c).mediaLibrary.cropOutputSize) + ": ", 1), f("span", Ye, D(q.value.width) + " x " + D(q.value.height) + " " + D(k(c).mediaLibrary.cropPixels), 1)])) : u("", !0)
 					])])) : u("", !0),
-					f("div", Je, [f("label", Ye, D(k(c).mediaLibrary.fileName), 1), N(f("input", {
+					f("div", Xe, [f("label", Ze, D(k(c).mediaLibrary.fileName), 1), N(f("input", {
 						"onUpdate:modelValue": n[0] ||= (e) => C.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -794,8 +796,8 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 							color: "var(--tpl-text)"
 						},
 						autofocus: !G.value
-					}, null, 8, Xe), [[A, C.value]])]),
-					k(x)(e.item.mime_type) ? (S(), d("div", Ze, [f("label", Qe, D(k(c).mediaLibrary.altText), 1), N(f("input", {
+					}, null, 8, Qe), [[A, C.value]])]),
+					k(x)(e.item.mime_type) ? (S(), d("div", $e, [f("label", et, D(k(c).mediaLibrary.altText), 1), N(f("input", {
 						"onUpdate:modelValue": n[1] ||= (e) => E.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -805,9 +807,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 							color: "var(--tpl-text)"
 						},
 						placeholder: k(c).mediaLibrary.altTextPlaceholder
-					}, null, 8, $e), [[A, E.value]])])) : u("", !0)
+					}, null, 8, tt), [[A, E.value]])])) : u("", !0)
 				]),
-				f("div", et, [f("button", {
+				f("div", nt, [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)",
@@ -819,26 +821,26 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					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: U.value,
-					onClick: te
-				}, D(U.value ? k(c).mediaLibrary.saving : k(c).mediaLibrary.saveChanges), 9, tt)])
-			], 2)], 40, Ce)) : u("", !0)]),
+					onClick: ne
+				}, D(U.value ? k(c).mediaLibrary.saving : k(c).mediaLibrary.saveChanges), 9, rt)])
+			], 2)], 40, Te)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), rt = (e, t) => {
+}), at = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, it = /*#__PURE__*/ rt(nt, [["__scopeId", "data-v-6b677237"]]), at = {
+}, ot = /*#__PURE__*/ at(it, [["__scopeId", "data-v-6b677237"]]), st = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, ot = {
+}, ct = {
 	key: 0,
 	class: "tpl:truncate"
-}, st = {
+}, lt = {
 	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 = /* @__PURE__ */ h({
+}, ut = ["title"], dt = ["title"], ft = { key: 0 }, pt = ["placeholder"], mt = /* @__PURE__ */ h({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -852,7 +854,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 < 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);
+		let n = e, r = t, { t: a } = X(), 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;
@@ -897,7 +899,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					class: y(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": O.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (S(), d("span", at)),
+				}, null, 8, ["class"])])) : (S(), d("span", st)),
 				f("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: n[0] ||= (t) => r("navigate", e.folder.id)
@@ -905,7 +907,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), c.value ? u("", !0) : (S(), d("span", ot, D(e.folder.name), 1))]),
+				}), c.value ? u("", !0) : (S(), d("span", ct, D(e.folder.name), 1))]),
 				c.value ? N((S(), d("input", {
 					key: 2,
 					"onUpdate:modelValue": n[1] ||= (e) => p.value = e,
@@ -921,7 +923,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					onBlur: R,
 					onClick: n[2] ||= F(() => {}, ["stop"])
 				}, null, 544)), [[A, p.value]]) : u("", !0),
-				c.value ? u("", !0) : (S(), d("span", st, [
+				c.value ? u("", !0) : (S(), d("span", lt, [
 					v.value ? (S(), d("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
@@ -930,7 +932,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					}, [m(k(q), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, ct)) : u("", !0),
+					})], 8, ut)) : u("", !0),
 					f("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: k(a).mediaLibrary.renameFolder,
@@ -938,17 +940,17 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					}, [m(k(K), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, lt),
+					})], 8, dt),
 					f("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: n[3] ||= F((t) => r("deleteFolder", e.folder.id), ["stop"])
-					}, [m(k(X), {
+					}, [m(k(Y), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), O.value ? (S(), d("div", ut, [(S(!0), d(i, null, T(e.folder.children, (t) => (S(), l(o, {
+			], 4), O.value ? (S(), d("div", ft, [(S(!0), d(i, null, T(e.folder.children, (t) => (S(), l(o, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -978,13 +980,13 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				autofocus: "",
 				onKeydown: [P(H, ["enter"]), P(U, ["escape"])],
 				onBlur: H
-			}, null, 40, dt), [[A, g.value]])], 4)) : u("", !0)])) : u("", !0)]);
+			}, null, 40, pt), [[A, g.value]])], 4)) : u("", !0)])) : u("", !0)]);
 		};
 	}
-}), pt = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, mt = {
+}), ht = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, gt = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, ht = ["placeholder"], gt = /* @__PURE__ */ h({
+}, _t = ["placeholder"], vt = /* @__PURE__ */ h({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -1000,7 +1002,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 		"showFrequentlyUsed"
 	],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = Z(), a = w(!1), o = w("");
+		let n = t, { t: r } = X(), a = w(!1), o = w("");
 		function s() {
 			a.value = !0, o.value = "";
 		}
@@ -1010,7 +1012,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 		function h() {
 			a.value = !1, o.value = "";
 		}
-		return (t, g) => (S(), d("div", pt, [
+		return (t, g) => (S(), d("div", ht, [
 			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 +1024,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(ft, {
+			(S(!0), d(i, null, T(e.folders, (t) => (S(), l(mt, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -1032,7 +1034,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", mt, [N(f("input", {
+			a.value ? (S(), d("div", gt, [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 +1047,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				autofocus: "",
 				onKeydown: [P(c, ["enter"]), P(h, ["escape"])],
 				onBlur: c
-			}, null, 40, ht), [[A, o.value]])])) : u("", !0),
+			}, null, 40, _t), [[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",
@@ -1065,13 +1067,13 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: g[6] ||= (e) => n("showFrequentlyUsed")
-			}, [m(k(ee), {
+			}, [m(k(te), {
 				size: 14,
 				"stroke-width": 1.5
 			}), p(" " + D(k(r).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
 		]));
 	}
-}), _t = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, vt = /* @__PURE__ */ h({
+}), yt = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, bt = /* @__PURE__ */ h({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -1172,7 +1174,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", _t, [i.value.icon === "document" ? (S(), d("svg", {
+		return (e, t) => (S(), d("div", yt, [i.value.icon === "document" ? (S(), d("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -1241,48 +1243,48 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			style: b({ color: i.value.color })
 		}, D(i.value.label), 5)]));
 	}
-}), yt = { class: "tpl:p-4" }, bt = {
+}), xt = { class: "tpl:p-4" }, St = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, xt = {
+}, Ct = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, St = {
+}, wt = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, Ct = ["onClick"], wt = { class: "tpl:aspect-square" }, Tt = ["src", "alt"], Et = { class: "tpl:px-2 tpl:py-1.5" }, Dt = {
+}, Tt = ["onClick"], Et = { class: "tpl:aspect-square" }, Dt = ["src", "alt"], Ot = { class: "tpl:px-2 tpl:py-1.5" }, kt = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ot = {
+}, At = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, 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 = {
+}, jt = { key: 0 }, Mt = { 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" }, Nt = ["title", "onClick"], Pt = ["title", "onClick"], Ft = {
 	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)" }
-}, Pt = {
+}, It = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Ft = ["onClick"], It = {
+}, Lt = ["onClick"], Rt = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, Lt = ["src", "alt"], Rt = {
+}, zt = ["src", "alt"], Bt = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, zt = { class: "tpl:min-w-0 tpl:flex-1" }, Bt = {
+}, Vt = { class: "tpl:min-w-0 tpl:flex-1" }, Ht = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Vt = {
+}, Ut = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, 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 = {
+}, Wt = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Gt = ["title", "onClick"], Kt = ["title", "onClick"], qt = {
 	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)" }
-}, Kt = {
+}, Jt = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, qt = /*#__PURE__*/ rt(/* @__PURE__ */ h({
+}, Yt = /*#__PURE__*/ at(/* @__PURE__ */ h({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -1300,15 +1302,15 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 		"replace"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isAcceptedMimeType: a, isImageMimeType: o } = Q();
+		let n = e, r = t, { isAcceptedMimeType: a, isImageMimeType: o } = Z();
 		function s(e) {
 			return !n.accept || n.accept.length === 0 || a(e.mime_type, n.accept);
 		}
 		function c(e) {
 			r("select", e);
 		}
-		let { t: h } = Z(), g = w(null);
-		ue(g, ([{ isIntersecting: e }]) => {
+		let { t: h } = X(), g = w(null);
+		de(g, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function _(e) {
@@ -1321,7 +1323,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", yt, [
+		return (t, n) => (S(), d("div", xt, [
 			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 +1331,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", bt, [m(k(z), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (S(), d("div", St, [m(k(z), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), 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", {
+			}), f("p", Ct, D(k(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", It, [(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", It, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Rt, [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, 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", {
+				}, null, 8, zt)) : (S(), d("div", Bt, [m(bt, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				f("div", Vt, [f("p", Ht, D(t.filename), 1), f("p", Ut, [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", Wt, [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,20 +1358,20 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}, [m(k(K), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Ut), f("button", {
+				})], 8, Gt), 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,
 					onClick: F((e) => r("replace", t), ["stop"])
-				}, [m(k(J), {
+				}, [m(k(ee), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Wt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Gt, [m(k(I), {
+				})], 8, Kt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", qt, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Ft))), 128))])) : (S(), d("div", St, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			], 14, Lt))), 128))])) : (S(), d("div", wt, [(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 +1384,18 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}),
 				onClick: (e) => c(t)
 			}, [
-				f("div", wt, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Et, [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, Tt)) : (S(), l(vt, {
+				}, null, 8, Dt)) : (S(), l(bt, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				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", {
+				f("div", Ot, [f("p", kt, D(t.filename), 1), f("p", At, [f("span", null, D(_(t.size)), 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d("span", jt, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
+				f("div", Mt, [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,26 +1403,26 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				}, [m(k(K), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, jt), f("button", {
+				})], 8, Nt), 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,
 					onClick: F((e) => r("replace", t), ["stop"])
-				}, [m(k(J), {
+				}, [m(k(ee), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Mt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Nt, [m(k(I), {
+				})], 8, Pt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", Ft, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Ct))), 128))])),
+			], 14, Tt))), 128))])),
 			f("div", {
 				ref_key: "sentinelRef",
 				ref: g,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (S(), d("div", Kt, [m(k(W), {
+			e.isLoading && e.items.length > 0 ? (S(), d("div", Jt, [m(k(W), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1428,20 +1430,20 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			})])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9db961d1"]]), Jt = ["data-tpl-theme"], Yt = {
+}), [["__scopeId", "data-v-9db961d1"]]), Xt = ["data-tpl-theme"], Zt = {
 	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)" }
-}, Xt = {
+}, Qt = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Zt = { class: "tpl:mb-3" }, Qt = ["placeholder", "disabled"], $t = {
+}, $t = { class: "tpl:mb-3" }, en = ["placeholder", "disabled"], tn = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, en = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, tn = ["disabled"], nn = ["disabled"], rn = {
+}, nn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, rn = ["disabled"], an = ["disabled"], on = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, an = { key: 1 }, on = /* @__PURE__ */ h({
+}, sn = { key: 1 }, cn = /* @__PURE__ */ h({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1450,7 +1452,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	},
 	emits: ["import", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = Z(), s = _("tplUiTheme"), c = _(Se, w(null)), h = w("");
+		let n = e, r = t, { t: i } = X(), s = _("tplUiTheme"), c = _(ye, w(null)), h = w("");
 		j(() => n.visible, (e) => {
 			e && (h.value = "");
 		});
@@ -1479,9 +1481,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: F(v, ["self"]),
 				onKeydown: b
-			}, [f("div", Yt, [
-				f("h3", Xt, D(k(i).mediaLibrary.importFromUrl), 1),
-				f("div", Zt, [N(f("input", {
+			}, [f("div", Zt, [
+				f("h3", Qt, D(k(i).mediaLibrary.importFromUrl), 1),
+				f("div", $t, [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 +1495,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					placeholder: k(i).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, Qt), [[A, h.value]])]),
-				e.error ? (S(), d("p", $t, D(e.error), 1)) : u("", !0),
-				f("div", en, [f("button", {
+				}, null, 8, en), [[A, h.value]])]),
+				e.error ? (S(), d("p", tn, D(e.error), 1)) : u("", !0),
+				f("div", nn, [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 +1506,25 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 					},
 					disabled: e.isImporting,
 					onClick: v
-				}, D(k(i).mediaLibrary.cancel), 11, tn), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 11, rn), 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", rn, [m(k(W), {
+				}, [e.isImporting ? (S(), d("span", on, [m(k(W), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", an, D(k(i).mediaLibrary.import), 1))], 8, nn)])
-			])], 40, Jt)) : u("", !0)]),
+				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", sn, D(k(i).mediaLibrary.import), 1))], 8, an)])
+			])], 40, Xt)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), sn = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, cn = ["disabled", "onClick"], ln = { class: "tpl:truncate" }, un = {
+}), ln = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, un = ["disabled", "onClick"], dn = { class: "tpl:truncate" }, fn = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, dn = /* @__PURE__ */ h({
+}, pn = /* @__PURE__ */ h({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1530,7 +1532,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	},
 	emits: ["select", "close"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = Z(), a = w(null);
+		let n = t, { t: r } = X(), a = w(null);
 		function o(e, t = 0) {
 			let n = [];
 			for (let r of e) n.push({
@@ -1540,7 +1542,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			}), r.children?.length && n.push(...o(r.children, t + 1));
 			return n;
 		}
-		return ie(a, () => {
+		return ae(a, () => {
 			n("close");
 		}), (t, s) => (S(), d("div", {
 			ref_key: "pickerRef",
@@ -1550,7 +1552,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [f("div", sn, [e.currentFolderId === null ? u("", !0) : (S(), d("button", {
+		}, [f("div", ln, [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 +1577,27 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			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));
+			f("span", dn, D(t.name), 1),
+			t.id === e.currentFolderId ? (S(), d("span", fn, D(k(r).mediaLibrary.currentFolder), 1)) : u("", !0)
+		], 12, un))), 128))])], 512));
 	}
-}), fn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, pn = ["src", "alt"], mn = {
+}), mn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hn = ["src", "alt"], gn = {
 	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)" }
-}, hn = { class: "tpl:min-w-0 tpl:flex-1" }, gn = {
+}, _n = { class: "tpl:min-w-0 tpl:flex-1" }, vn = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, _n = {
+}, yn = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, vn = {
+}, bn = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, yn = {
+}, xn = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, bn = ["value"], xn = ["value"], Sn = /*#__PURE__*/ rt(/* @__PURE__ */ h({
+}, Sn = ["value"], Cn = ["value"], wn = /*#__PURE__*/ at(/* @__PURE__ */ h({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -1604,7 +1606,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	},
 	emits: ["update:selectedConversion"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = Z(), { isImageMimeType: o } = Q(), c = s(() => {
+		let n = e, r = t, { t: a } = X(), { isImageMimeType: o } = Z(), c = s(() => {
 			if (!b.value || !n.item.conversions_generated) return [];
 			let e = [];
 			return n.item.small_url && e.push({
@@ -1663,20 +1665,20 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", fn, [
+		return (t, n) => (S(), d("div", mn, [
 			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, pn)) : (S(), d("div", mn, [m(vt, {
+			}, null, 8, hn)) : (S(), d("div", gn, [m(bt, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			f("div", hn, [
-				f("p", gn, D(e.item.filename), 1),
-				f("p", _n, [
+			f("div", _n, [
+				f("p", vn, D(e.item.filename), 1),
+				f("p", yn, [
 					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 +1697,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", vn, [f("label", yn, D(k(a).mediaLibrary.conversionLabel), 1), f("select", {
+			l.value ? (S(), d("div", bn, [f("label", xn, 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 +1709,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, xn))), 128))], 40, bn)])) : u("", !0)
+			}, D(e.label), 9, Cn))), 128))], 40, Sn)])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-060e36cd"]]), Cn = ["data-tpl-theme"], wn = {
+}), [["__scopeId", "data-v-060e36cd"]]), Tn = ["data-tpl-theme"], En = {
 	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)" }
-}, Tn = {
+}, Dn = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, En = {
+}, On = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Dn = {
+}, kn = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, On = {
+}, An = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, kn = {
+}, jn = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, An = { class: "tpl:mb-4" }, jn = {
+}, Mn = { class: "tpl:mb-4" }, Nn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Mn = ["accept"], Nn = {
+}, Pn = ["accept"], Fn = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Pn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Fn = ["disabled"], In = ["disabled"], Ln = /* @__PURE__ */ h({
+}, In = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ln = ["disabled"], Rn = ["disabled"], zn = /* @__PURE__ */ h({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1747,7 +1749,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	},
 	emits: ["replace", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = Z(), c = _("tplUiTheme"), p = _(Se, w(null)), h = w(null), g = w(null), v = s(() => {
+		let n = e, r = t, { t: i } = X(), c = _("tplUiTheme"), p = _(ye, w(null)), h = w(null), g = w(null), v = s(() => {
 			if (!n.item) return "";
 			let e = n.item.filename.split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
@@ -1780,12 +1782,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", 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", {
+			}, [f("div", En, [
+				f("h3", Dn, D(k(i).mediaLibrary.replaceWarningTitle), 1),
+				f("p", On, D(k(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
+				b.value ? (S(), d("p", kn, D(k(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
+				f("div", An, [f("p", jn, D(e.item.filename), 1)]),
+				f("div", Mn, [f("label", Nn, D(k(i).mediaLibrary.replaceSelectFile), 1), f("input", {
 					ref_key: "fileInputRef",
 					ref: h,
 					type: "file",
@@ -1797,9 +1799,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 						color: "var(--tpl-text)"
 					},
 					onChange: x
-				}, null, 40, Mn)]),
-				e.error ? (S(), d("p", Nn, D(e.error), 1)) : u("", !0),
-				f("div", Pn, [f("button", {
+				}, null, 40, Pn)]),
+				e.error ? (S(), d("p", Fn, D(e.error), 1)) : u("", !0),
+				f("div", In, [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 +1810,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, Fn), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 9, Ln), 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, In)])
-			])], 40, Cn)) : u("", !0)]),
+				}, D(e.isReplacing ? k(i).mediaLibrary.replacing : k(i).mediaLibrary.replace), 9, Rn)])
+			])], 40, Tn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Rn = {
+}), Bn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, zn = {
+}, Vn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Bn = {
+}, Hn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Vn = {
+}, Un = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Hn = /* @__PURE__ */ h({
+}, Wn = /* @__PURE__ */ h({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -1838,7 +1840,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	},
 	emits: ["upload"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r, format: a } = Z(), { allAcceptedMimeTypes: o, allAcceptedInputString: s, maxFileSize: c } = Q(), l = w();
+		let n = t, { t: r, format: a } = X(), { allAcceptedMimeTypes: o, allAcceptedInputString: s, maxFileSize: c } = Z(), l = w();
 		function u(e) {
 			let t = [];
 			for (let n of Array.from(e)) o.value.includes(n.type) && n.size <= c.value && t.push(n);
@@ -1848,9 +1850,9 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			let t = u(e);
 			t.length && n("upload", t);
 		}
-		let { isOverDropZone: h } = se(l, { onDrop: (e) => {
+		let { isOverDropZone: h } = ce(l, { onDrop: (e) => {
 			e?.length && p(e);
-		} }), { open: g, onChange: _ } = le({
+		} }), { open: g, onChange: _ } = ue({
 			accept: s.value,
 			multiple: !0
 		});
@@ -1865,35 +1867,35 @@ 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", Rn, [m(k(W), {
+		}, [e.isUploading ? (S(), d("div", Bn, [m(k(W), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), f("span", zn, D(e.uploadProgress && e.uploadProgress.total > 1 ? k(a)(k(r).mediaLibrary.uploadingProgress, {
+		}), f("span", Vn, 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 }, [
-			m(k(te), {
+			m(k(ne), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			f("p", Bn, D(k(r).mediaLibrary.dropOrClick), 1),
-			f("p", Vn, D(k(r).mediaLibrary.acceptedFormats), 1)
+			f("p", Hn, D(k(r).mediaLibrary.dropOrClick), 1),
+			f("p", Un, D(k(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Un = [
+}), Gn = [
 	"width",
 	"height",
 	"viewBox"
-], Wn = [
+], Kn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], Gn = [
+], qn = [
 	"cx",
 	"cy",
 	"r",
@@ -1901,14 +1903,14 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], Kn = {
+], Jn = {
 	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)"
 	}
-}, qn = /* @__PURE__ */ h({
+}, Yn = /* @__PURE__ */ h({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1916,7 +1918,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 		size: {}
 	},
 	setup(e) {
-		let t = e, { t: n, format: r } = Z(), i = w(!1), a = s(() => t.size ?? 24), c = s(() => Math.max(2, a.value / 8)), l = s(() => (a.value - c.value) / 2), h = s(() => 2 * Math.PI * l.value), g = s(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), _ = s(() => h.value - g.value / 100 * h.value), v = s(() => g.value >= 95 ? "var(--tpl-danger)" : g.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
+		let t = e, { t: n, format: r } = X(), i = w(!1), a = s(() => t.size ?? 24), c = s(() => Math.max(2, a.value / 8)), l = s(() => (a.value - c.value) / 2), h = s(() => 2 * Math.PI * l.value), g = s(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), _ = s(() => h.value - g.value / 100 * h.value), v = s(() => g.value >= 95 ? "var(--tpl-danger)" : g.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
 		function y(e) {
 			if (e === 0) return "0 B";
 			let t = 1024, n = [
@@ -1948,7 +1950,7 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 			fill: "none",
 			"stroke-width": c.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Wn), f("circle", {
+		}, null, 8, Kn), f("circle", {
 			cx: a.value / 2,
 			cy: a.value / 2,
 			r: l.value,
@@ -1959,7 +1961,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, Gn)], 8, Un)), m(o, {
+		}, null, 8, qn)], 8, Gn)), 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 +1969,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", Kn, [p(D(E.value) + " ", 1), t[2] ||= f("div", {
+			default: M(() => [i.value ? (S(), d("div", Jn, [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,117 +1979,117 @@ var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we =
 });
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function Jn(e) {
-	let { library: t, canUseMediaFolders: n, translations: r } = e;
-	function i() {
-		return "value" in r && typeof r.value == "object" ? r.value : r;
+function Xn(e) {
+	let { library: t, translations: n } = e;
+	function r() {
+		return "value" in n && typeof n.value == "object" ? n.value : n;
 	}
-	let a = w("grid"), o = w(!1), c = w(""), l = w("original"), u = w(null), d = w(!1), f = w(!1), p = s(() => {
+	let i = w("grid"), a = w(!1), o = w(""), c = w("original"), l = w(null), u = w(!1), d = w(!1), f = s(() => {
 		let e = t.previewItem.value;
 		if (!e) return null;
-		switch (l.value) {
+		switch (c.value) {
 			case "small": return e.small_url || e.url;
 			case "medium": return e.medium_url || e.url;
 			case "large": return e.large_url || e.url;
 			default: return e.url;
 		}
-	}), m = s(() => t.frequentlyUsedItems.value.length > 0), h = s(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), g = s(() => Object.values(t.deleteUsageInfo.value).some((e) => e.template_count > 0)), _ = {
-		images: () => i().mediaLibrary.filterImages,
-		documents: () => i().mediaLibrary.filterDocuments,
-		videos: () => i().mediaLibrary.filterVideos,
-		audio: () => i().mediaLibrary.filterAudio
+	}), p = s(() => t.frequentlyUsedItems.value.length > 0), m = s(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), h = s(() => Object.values(t.deleteUsageInfo.value).some((e) => e.template_count > 0)), g = {
+		images: () => r().mediaLibrary.filterImages,
+		documents: () => r().mediaLibrary.filterDocuments,
+		videos: () => r().mediaLibrary.filterVideos,
+		audio: () => r().mediaLibrary.filterAudio
 	};
-	function v(e) {
-		return _[e]?.() ?? e;
+	function _(e) {
+		return g[e]?.() ?? e;
 	}
-	j(o, (e) => {
-		e && n.value && t.loadFolders();
+	j(a, (e) => {
+		e && t.loadFolders();
 	}), j(() => t.previewItem.value?.id, () => {
-		l.value = "original";
+		c.value = "original";
 	});
-	let y = oe((e) => {
+	let v = se((e) => {
 		t.search(e);
 	}, 300);
-	function b(e) {
-		c.value = e, y(e);
+	function y(e) {
+		o.value = e, v(e);
 	}
-	let { copy: x, copied: S } = ae({
+	let { copy: b, copied: x } = oe({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
-	async function C(e) {
+	async function S(e) {
 		await t.uploadFiles(e);
 	}
-	function T(e) {
+	function C(e) {
 		t.selectItem(e);
 	}
-	async function E(e, n) {
+	async function T(e, n) {
 		await t.createFolder(e, n);
 	}
-	async function D(e, n) {
+	async function E(e, n) {
 		await t.renameFolder(e, n);
 	}
-	async function O(e) {
+	async function D(e) {
 		await t.deleteFolder(e);
 	}
-	function k(e) {
-		u.value = e;
+	function O(e) {
+		l.value = e;
 	}
-	async function A(e, n, r, i) {
-		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), u.value = null;
+	async function k(e, n, r, i) {
+		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), l.value = null;
 	}
-	async function M(e) {
-		await t.importFromUrl(e) && (d.value = !1);
+	async function A(e) {
+		await t.importFromUrl(e) && (u.value = !1);
 	}
-	async function N(e) {
-		f.value = !1, await t.moveSelected(e);
+	async function M(e) {
+		d.value = !1, await t.moveSelected(e);
 	}
-	async function P() {
+	async function N() {
 		await t.checkUsageBeforeDelete();
 	}
-	function F(e) {
+	function P(e) {
 		t.checkUsageBeforeReplace(e);
 	}
-	async function I(e) {
+	async function F(e) {
 		await t.replaceFile(e);
 	}
-	function L() {
-		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), c.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", u.value = null, d.value = !1, l.value = "original";
+	function I() {
+		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), o.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", l.value = null, u.value = !1, c.value = "original";
 	}
 	return {
-		layoutMode: a,
-		showSidebar: o,
-		searchInput: c,
-		selectedConversion: l,
-		editingItem: u,
-		showImportUrlModal: d,
-		showMovePicker: f,
-		selectedUrl: p,
-		hasFrequentlyUsed: m,
-		displayItems: h,
-		hasUsedFiles: g,
-		copy: x,
-		copied: S,
-		getCategoryLabel: v,
-		handleSearchInput: b,
-		handleUpload: C,
-		handleSelect: T,
-		handleCreateFolder: E,
-		handleRenameFolder: D,
-		handleDeleteFolder: O,
-		handleEditItem: k,
-		handleEditSave: A,
-		handleImportFromUrl: M,
-		handleMoveToFolder: N,
-		handleDeleteClick: P,
-		handleReplaceItem: F,
-		handleReplaceFile: I,
-		resetUI: L
+		layoutMode: i,
+		showSidebar: a,
+		searchInput: o,
+		selectedConversion: c,
+		editingItem: l,
+		showImportUrlModal: u,
+		showMovePicker: d,
+		selectedUrl: f,
+		hasFrequentlyUsed: p,
+		displayItems: m,
+		hasUsedFiles: h,
+		copy: b,
+		copied: x,
+		getCategoryLabel: _,
+		handleSearchInput: y,
+		handleUpload: S,
+		handleSelect: C,
+		handleCreateFolder: T,
+		handleRenameFolder: E,
+		handleDeleteFolder: D,
+		handleEditItem: O,
+		handleEditSave: k,
+		handleImportFromUrl: A,
+		handleMoveToFolder: M,
+		handleDeleteClick: N,
+		handleReplaceItem: P,
+		handleReplaceFile: F,
+		resetUI: I
 	};
 }
 //#endregion
 //#region src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var Yn = ["data-tpl-theme"], Xn = {
+var Zn = ["data-tpl-theme"], Qn = {
 	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,95 +2100,94 @@ var Yn = ["data-tpl-theme"], Xn = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, Zn = {
+}, $n = {
 	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)" }
-}, Qn = {
+}, er = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, $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 = {
+}, tr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, nr = { class: "tpl:relative" }, rr = ["value", "placeholder"], ir = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ar = {
 	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)"
 	}
-}, ir = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, ar = {
+}, or = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, sr = {
 	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)" }
-}, or = { class: "tpl:flex tpl:items-center tpl:gap-2" }, sr = ["title"], cr = {
-	key: 1,
+}, cr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, lr = ["title"], ur = {
+	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, lr = {
+}, dr = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, 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 = {
+}, fr = ["title"], pr = ["title"], mr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, hr = ["value"], gr = { value: "" }, _r = ["value"], vr = ["value"], yr = { value: "newest" }, br = { value: "oldest" }, xr = { value: "name_asc" }, Sr = { value: "name_desc" }, Cr = { value: "size_asc" }, wr = { value: "size_desc" }, Tr = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Er = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Tr = {
+}, Dr = {
 	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)"
 	}
-}, Er = {
+}, Or = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Dr = {
+}, kr = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Or = {
+}, Ar = {
 	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)" }
-}, kr = { class: "tpl:font-medium" }, Ar = { style: { color: "var(--tpl-text-muted)" } }, jr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Mr = {
+}, jr = { class: "tpl:font-medium" }, Mr = { style: { color: "var(--tpl-text-muted)" } }, Nr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Pr = {
 	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)" }
-}, 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 = {
+}, Fr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Ir = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Lr = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Ir = {
-	key: 1,
-	class: "tpl:relative"
-}, Lr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Rr = ["disabled"], zr = /* @__PURE__ */ h({
+}, Rr = { class: "tpl:relative" }, zr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Br = ["disabled"], Vr = /* @__PURE__ */ h({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
 		accept: {},
+		authManager: {},
+		projectId: {},
+		planConfig: {},
 		popoverTarget: {}
 	},
 	emits: ["close", "select"],
 	setup(e, { emit: t }) {
-		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,
+		let n = e, r = t, { t: c } = X(), h = _("tplUiTheme"), g = O(() => n.popoverTarget ?? null);
+		C(ye, g), C(ve, n.planConfig);
+		let v = s(() => n.planConfig.config.value?.storage.used_bytes ?? 0), x = s(() => n.planConfig.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: w, availableCategories: E } = Z(), A = pe({
+			projectId: n.projectId,
+			authManager: n.authManager
+		}), N = Xn({
+			library: A,
 			translations: c
 		});
 		j(() => n.visible, (e) => {
-			e ? (W.loadItems(), W.loadFrequentlyUsed()) : K.resetUI();
+			e ? (A.loadItems(), A.loadFrequentlyUsed()) : N.resetUI();
 		});
-		function q(e) {
+		function P(e) {
 			e.key === "Escape" && r("close");
 		}
-		ce(document, "keydown", q);
-		function J() {
-			return W.previewItem.value ? !n.accept?.length || z(W.previewItem.value.mime_type, n.accept) : !1;
+		le(document, "keydown", P);
+		function L() {
+			return A.previewItem.value ? !n.accept?.length || w(A.previewItem.value.mime_type, n.accept) : !1;
 		}
-		function ee() {
-			if (J()) {
-				let e = W.previewItem.value, t = {
+		function z() {
+			if (L()) {
+				let e = A.previewItem.value, t = {
 					...e,
-					url: K.selectedUrl.value || e.url
+					url: N.selectedUrl.value || e.url
 				};
 				r("select", t), r("close");
 			}
@@ -2204,15 +2205,15 @@ var Yn = ["data-tpl-theme"], Xn = {
 				"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", 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,
+			}, [f("div", Qn, [
+				f("div", $n, [f("h2", er, D(k(c).mediaLibrary.title), 1), f("div", tr, [
+					m(Yn, {
+						"used-bytes": v.value,
+						"limit-bytes": x.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					f("div", er, [f("input", {
-						value: k(K).searchInput.value,
+					f("div", nr, [f("input", {
+						value: k(N).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 +2222,8 @@ var Yn = ["data-tpl-theme"], Xn = {
 							color: "var(--tpl-text)"
 						},
 						placeholder: k(c).mediaLibrary.searchPlaceholder,
-						onInput: n[0] ||= (e) => k(K).handleSearchInput(e.target.value)
-					}, null, 40, tr), m(k(Y), {
+						onInput: n[0] ||= (e) => k(N).handleSearchInput(e.target.value)
+					}, null, 40, rr), m(k(J), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -2232,12 +2233,12 @@ var Yn = ["data-tpl-theme"], Xn = {
 						class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: { color: "var(--tpl-text-muted)" },
 						onClick: n[1] ||= (e) => r("close")
-					}, [m(k(ne), {
+					}, [m(k(re), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				f("div", nr, [m(o, {
+				f("div", ir, [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 +2246,16 @@ var Yn = ["data-tpl-theme"], Xn = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					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
+					default: M(() => [k(N).showSidebar.value ? (S(), d("div", ar, [m(vt, {
+						folders: k(A).folders.value,
+						"current-folder-id": k(A).currentFolderId.value,
+						"view-mode": k(A).viewMode.value,
+						"has-frequently-used": k(N).hasFrequentlyUsed.value,
+						onNavigate: k(A).navigateToFolder,
+						onCreateFolder: k(N).handleCreateFolder,
+						onRenameFolder: k(N).handleRenameFolder,
+						onDeleteFolder: k(N).handleDeleteFolder,
+						onShowFrequentlyUsed: k(A).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -2267,55 +2268,54 @@ var Yn = ["data-tpl-theme"], Xn = {
 						"onShowFrequentlyUsed"
 					])])) : u("", !0)]),
 					_: 1
-				}), f("div", ir, [f("div", ar, [f("div", or, [
-					A.value ? (S(), d("button", {
-						key: 0,
+				}), f("div", or, [f("div", sr, [f("div", cr, [
+					f("button", {
 						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(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"
+							color: k(N).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(N).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+							border: k(N).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 						}),
-						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
+						title: k(N).showSidebar.value ? k(c).mediaLibrary.hideFolders : k(c).mediaLibrary.showFolders,
+						onClick: n[2] ||= (e) => k(N).showSidebar.value = !k(N).showSidebar.value
 					}, [m(k(G), {
 						size: 16,
 						"stroke-width": 2
-					})], 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(W).folders.value,
-						"current-folder-id": k(W).currentFolderId.value,
-						onNavigate: k(W).navigateToFolder
+					})], 12, lr),
+					k(A).viewMode.value === "frequently-used" ? (S(), d("span", ur, D(k(c).mediaLibrary.frequentlyUsed), 1)) : (S(), l(_e, {
+						key: 1,
+						folders: k(A).folders.value,
+						"current-folder-id": k(A).currentFolderId.value,
+						onNavigate: k(A).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
 						"onNavigate"
 					])),
-					f("div", lr, [f("button", {
+					f("div", dr, [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(K).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(K).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(N).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(N).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: k(c).mediaLibrary.viewGrid,
-						onClick: n[3] ||= (e) => k(K).layoutMode.value = "grid"
+						onClick: n[3] ||= (e) => k(N).layoutMode.value = "grid"
 					}, [m(k(V), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, ur), f("button", {
+					})], 12, fr), 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(K).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(K).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(N).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(N).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: k(c).mediaLibrary.viewList,
-						onClick: n[4] ||= (e) => k(K).layoutMode.value = "list"
+						onClick: n[4] ||= (e) => k(N).layoutMode.value = "list"
 					}, [m(k(U), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, dr)])
-				]), f("div", fr, [k(B).length > 1 ? (S(), d("select", {
+					})], 12, pr)])
+				]), f("div", mr, [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: {
@@ -2323,59 +2323,58 @@ var Yn = ["data-tpl-theme"], Xn = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					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", {
+					value: k(A).categoryFilter.value ?? "",
+					onChange: n[5] ||= (e) => k(A).filterByCategory(e.target.value || null)
+				}, [f("option", gr, D(k(c).mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(E), (e) => (S(), d("option", {
 					key: e,
 					value: e
-				}, D(k(K).getCategoryLabel(e)), 9, hr))), 128))], 40, pr)) : u("", !0), f("select", {
+				}, D(k(N).getCategoryLabel(e)), 9, _r))), 128))], 40, hr)) : 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(W).sortOption.value,
-					onChange: n[6] ||= (e) => k(W).sortBy(e.target.value)
+					value: k(A).sortOption.value,
+					onChange: n[6] ||= (e) => k(A).sortBy(e.target.value)
 				}, [
-					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
+					f("option", yr, D(k(c).mediaLibrary.sortNewest), 1),
+					f("option", br, D(k(c).mediaLibrary.sortOldest), 1),
+					f("option", xr, D(k(c).mediaLibrary.sortNameAsc), 1),
+					f("option", Sr, D(k(c).mediaLibrary.sortNameDesc), 1),
+					f("option", Cr, D(k(c).mediaLibrary.sortSizeAsc), 1),
+					f("option", wr, D(k(c).mediaLibrary.sortSizeDesc), 1)
+				], 40, vr)])]), f("div", Tr, [k(A).viewMode.value === "files" ? (S(), d("div", Er, [m(Wn, {
+					"is-uploading": k(A).isUploading.value,
+					"upload-progress": k(A).uploadProgress.value,
+					onUpload: k(N).handleUpload
 				}, null, 8, [
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), N.value ? (S(), d("button", {
-					key: 0,
+				]), f("button", {
 					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: {
 						"border-color": "var(--tpl-border)",
 						color: "var(--tpl-text-muted)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[7] ||= (e) => k(K).showImportUrlModal.value = !0
+					onClick: n[7] ||= (e) => k(N).showImportUrlModal.value = !0
 				}, [m(k(H), {
 					size: 14,
 					"stroke-width": 2
-				}), 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,
+				}), p(" " + D(k(c).mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(Yt, {
+					items: k(N).displayItems.value,
+					"selected-ids": k(A).selectedItems.value,
+					"is-loading": k(A).isLoading.value,
+					"has-more": k(A).viewMode.value === "files" && k(A).hasMore.value,
 					accept: e.accept,
-					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
+					layout: k(N).layoutMode.value,
+					onSelect: k(N).handleSelect,
+					onToggle: k(A).toggleSelection,
+					onLoadMore: k(A).loadMore,
+					onEdit: k(N).handleEditItem,
+					onReplace: k(N).handleReplaceItem
 				}, null, 8, [
 					"items",
 					"selected-ids",
@@ -2389,36 +2388,36 @@ var Yn = ["data-tpl-theme"], Xn = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				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
+				m(cn, {
+					visible: k(N).showImportUrlModal.value,
+					"is-importing": k(A).isImportingFromUrl.value,
+					error: k(A).importFromUrlError.value,
+					onImport: k(N).handleImportFromUrl,
+					onClose: n[8] ||= (e) => k(N).showImportUrlModal.value = !1
 				}, null, 8, [
 					"visible",
 					"is-importing",
 					"error",
 					"onImport"
 				]),
-				m(it, {
-					visible: !!k(K).editingItem.value,
-					item: k(K).editingItem.value,
-					onSave: k(K).handleEditSave,
-					onClose: n[9] ||= (e) => k(K).editingItem.value = null
+				m(ot, {
+					visible: !!k(N).editingItem.value,
+					item: k(N).editingItem.value,
+					onSave: k(N).handleEditSave,
+					onClose: n[9] ||= (e) => k(N).editingItem.value = null
 				}, null, 8, [
 					"visible",
 					"item",
 					"onSave"
 				]),
-				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
+				m(zn, {
+					visible: k(A).showReplaceWarning.value,
+					item: k(A).pendingReplaceItem.value,
+					"usage-info": k(A).replaceUsageInfo.value,
+					"is-replacing": k(A).isReplacing.value,
+					error: k(A).replaceError.value,
+					onReplace: k(N).handleReplaceFile,
+					onClose: k(A).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -2436,7 +2435,7 @@ var Yn = ["data-tpl-theme"], Xn = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: M(() => [k(W).showDeleteWarning.value ? (S(), d("div", {
+					default: M(() => [k(A).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 +2443,27 @@ var Yn = ["data-tpl-theme"], Xn = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						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),
+						onClick: n[12] ||= F((...e) => k(A).cancelDelete && k(A).cancelDelete(...e), ["self"])
+					}, [f("div", Dr, [
+						f("h3", Or, D(k(c).mediaLibrary.deleteWarningTitle), 1),
 						f("p", {
-							class: y(["tpl:text-xs", k(K).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+							class: y(["tpl:text-xs", k(N).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, D(k(c).mediaLibrary.deleteWarningMessage), 3),
-						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", {
+						k(N).hasUsedFiles.value ? (S(), d("p", kr, D(k(c).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+						k(N).hasUsedFiles.value ? (S(), d("div", Ar, [(S(!0), d(i, null, T(k(A).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", 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", {
+						}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", jr, D(k(N).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Mr, " - " + D(k(c).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+						f("div", Nr, [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(W).cancelDelete && k(W).cancelDelete(...e)
+							onClick: n[10] ||= (...e) => k(A).cancelDelete && k(A).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 +2471,31 @@ var Yn = ["data-tpl-theme"], Xn = {
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							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)])
+							onClick: n[11] ||= (...e) => k(A).confirmDelete && k(A).confirmDelete(...e)
+						}, D(k(N).hasUsedFiles.value ? k(c).mediaLibrary.deleteAnyway : k(c).mediaLibrary.confirmDelete), 1)])
 					])])) : u("", !0)]),
 					_: 1
 				}),
-				f("div", Mr, [f("div", Nr, [k(W).previewItem.value ? (S(), l(Sn, {
+				f("div", Pr, [f("div", Fr, [k(A).previewItem.value ? (S(), l(wn, {
 					key: 0,
-					"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
+					"selected-conversion": k(N).selectedConversion.value,
+					"onUpdate:selectedConversion": n[13] ||= (e) => k(N).selectedConversion.value = e,
+					item: k(A).previewItem.value,
+					folders: k(A).folders.value
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : u("", !0)]), f("div", Pr, [k(W).selectedItems.value.size > 0 ? (S(), d("div", Fr, [k(W).previewItem.value ? (S(), d("button", {
+				])) : u("", !0)]), f("div", Ir, [k(A).selectedItems.value.size > 0 ? (S(), d("div", Lr, [k(A).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(K).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-						color: k(K).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+						borderColor: k(N).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+						color: k(N).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => k(K).copy(k(K).selectedUrl.value)
-				}, [k(K).copied.value ? (S(), l(k(I), {
+					onClick: n[14] ||= (e) => k(N).copy(k(N).selectedUrl.value)
+				}, [k(N).copied.value ? (S(), l(k(I), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
@@ -2504,25 +2503,25 @@ var Yn = ["data-tpl-theme"], Xn = {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), 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", {
+				})), p(" " + D(k(N).copied.value ? k(c).mediaLibrary.copied : k(c).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", Rr, [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(K).showMovePicker.value = !k(K).showMovePicker.value
-				}, D(k(c).mediaLibrary.moveSelected), 1), k(K).showMovePicker.value ? (S(), l(dn, {
+					onClick: n[15] ||= (e) => k(N).showMovePicker.value = !k(N).showMovePicker.value
+				}, D(k(c).mediaLibrary.moveSelected), 1), k(N).showMovePicker.value ? (S(), l(pn, {
 					key: 0,
-					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
+					folders: k(A).folders.value,
+					"current-folder-id": k(A).currentFolderId.value,
+					onSelect: k(N).handleMoveToFolder,
+					onClose: n[16] ||= (e) => k(N).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Lr, [k(W).selectedItems.value.size > 0 ? (S(), d("button", {
+				])) : u("", !0)])])) : u("", !0), f("div", zr, [k(A).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,43 +2529,43 @@ var Yn = ["data-tpl-theme"], Xn = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => k(K).handleDeleteClick && k(K).handleDeleteClick(...e)
+					onClick: n[17] ||= (...e) => k(N).handleDeleteClick && k(N).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: !J(),
-					onClick: ee
-				}, D(e.accept?.length ? k(c).mediaLibrary.selectImage : k(c).mediaLibrary.selectFile), 9, Rr)])])])
-			])], 8, Yn)) : u("", !0)]),
+					disabled: !L(),
+					onClick: z
+				}, D(e.accept?.length ? k(c).mediaLibrary.selectImage : k(c).mediaLibrary.selectFile), 9, Br)])])])
+			])], 8, Zn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
 });
 //#endregion
 //#region src/composables/useMediaPicker.ts
-function Br() {
-	let e = _("onRequestMedia"), t = _("planConfig"), n = w(!1), r = s(() => !!e && t.hasFeature("pluggable_media"));
-	async function i(t) {
+function Hr() {
+	let e = _("onRequestMedia"), t = w(!1), n = s(() => !!e);
+	async function r(n) {
 		if (!e) return null;
-		n.value = !0;
+		t.value = !0;
 		try {
-			return await e(t ?? {});
+			return await e(n ?? {});
 		} finally {
-			n.value = !1;
+			t.value = !1;
 		}
 	}
 	return {
-		isPluggableMediaEnabled: r,
-		isRequesting: n,
-		requestMedia: i
+		isPluggableMediaEnabled: n,
+		isRequesting: t,
+		requestMedia: r
 	};
 }
 //#endregion
 //#region src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
-var Vr = {
+var Ur = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -2574,62 +2573,59 @@ var Vr = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, Hr = {
+}, Wr = {
 	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)" }
-}, Ur = {
+}, Gr = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, 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 = {
+}, Kr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, qr = { class: "tpl:relative" }, Jr = ["value", "placeholder"], Yr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Xr = {
 	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)"
 	}
-}, Yr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Xr = {
+}, Zr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Qr = {
 	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)" }
-}, Zr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Qr = ["title"], $r = {
-	key: 1,
+}, $r = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ei = ["title"], ti = {
+	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ei = {
+}, ni = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, 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 = {
+}, ri = ["title"], ii = ["title"], ai = { class: "tpl:flex tpl:items-center tpl:gap-2" }, oi = ["value"], si = { value: "" }, ci = ["value"], li = ["value"], ui = { value: "newest" }, di = { value: "oldest" }, fi = { value: "name_asc" }, pi = { value: "name_desc" }, mi = { value: "size_asc" }, hi = { value: "size_desc" }, gi = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, _i = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, gi = {
+}, vi = {
 	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)"
 	}
-}, _i = {
+}, yi = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, vi = {
+}, bi = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, yi = {
+}, xi = {
 	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)" }
-}, bi = { class: "tpl:font-medium" }, xi = { style: { color: "var(--tpl-text-muted)" } }, Si = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ci = {
+}, Si = { class: "tpl:font-medium" }, Ci = { style: { color: "var(--tpl-text-muted)" } }, wi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ti = {
 	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)" }
-}, 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 = {
+}, Ei = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Di = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Oi = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Di = {
-	key: 1,
-	class: "tpl:relative"
-}, Oi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ki = ["disabled"], Ai = /* @__PURE__ */ h({
+}, ki = { class: "tpl:relative" }, Ai = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ji = ["disabled"], Mi = /* @__PURE__ */ h({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -2642,41 +2638,40 @@ var Vr = {
 	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("translations", n.translations);
 		let c = w(n.planConfig);
-		C("planConfig", {
+		C(ve, {
 			config: c,
 			isLoading: w(!1),
 			hasFeature: (e) => n.planConfig.features[e] ?? !1,
 			features: s(() => n.planConfig.features),
 			fetchConfig: async () => {}
 		});
-		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({
+		let h = s(() => n.planConfig.storage.used_bytes ?? 0), g = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: _ } = Z(), v = pe({
 			projectId: n.projectId,
 			authManager: n.authManager,
 			onError: n.onError
-		}), A = Jn({
-			library: O,
-			canUseMediaFolders: h,
+		}), E = Xn({
+			library: v,
 			translations: a
 		});
-		function j() {
-			if (!O.previewItem.value) return;
-			let e = O.previewItem.value, t = {
+		function O() {
+			if (!v.previewItem.value) return;
+			let e = v.previewItem.value, t = {
 				...e,
-				url: A.selectedUrl.value || e.url
+				url: E.selectedUrl.value || e.url
 			};
 			n.onSelect?.(t);
 		}
 		return x(() => {
-			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,
+			v.loadItems(), v.loadFrequentlyUsed(), r("ready");
+		}), (t, n) => (S(), d("div", Ur, [
+			f("div", Wr, [f("h2", Gr, D(a.value.mediaLibrary.title), 1), f("div", Kr, [m(Yn, {
+				"used-bytes": h.value,
+				"limit-bytes": g.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", Gr, [f("input", {
-				value: k(A).searchInput.value,
+			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", qr, [f("input", {
+				value: k(E).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: {
@@ -2685,14 +2680,14 @@ var Vr = {
 					color: "var(--tpl-text)"
 				},
 				placeholder: a.value.mediaLibrary.searchPlaceholder,
-				onInput: n[0] ||= (e) => k(A).handleSearchInput(e.target.value)
-			}, null, 40, Kr), m(k(Y), {
+				onInput: n[0] ||= (e) => k(E).handleSearchInput(e.target.value)
+			}, null, 40, Jr), m(k(J), {
 				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", qr, [m(o, {
+			f("div", Yr, [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",
@@ -2700,16 +2695,16 @@ var Vr = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				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
+				default: M(() => [k(E).showSidebar.value ? (S(), d("div", Xr, [m(vt, {
+					folders: k(v).folders.value,
+					"current-folder-id": k(v).currentFolderId.value,
+					"view-mode": k(v).viewMode.value,
+					"has-frequently-used": k(E).hasFrequentlyUsed.value,
+					onNavigate: k(v).navigateToFolder,
+					onCreateFolder: k(E).handleCreateFolder,
+					onRenameFolder: k(E).handleRenameFolder,
+					onDeleteFolder: k(E).handleDeleteFolder,
+					onShowFrequentlyUsed: k(v).showFrequentlyUsed
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
@@ -2722,55 +2717,54 @@ var Vr = {
 					"onShowFrequentlyUsed"
 				])])) : u("", !0)]),
 				_: 1
-			}), f("div", Yr, [f("div", Xr, [f("div", Zr, [
-				h.value ? (S(), d("button", {
-					key: 0,
+			}), f("div", Zr, [f("div", Qr, [f("div", $r, [
+				f("button", {
 					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(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"
+						color: k(E).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(E).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: k(E).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
-					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
+					title: k(E).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
+					onClick: n[1] ||= (e) => k(E).showSidebar.value = !k(E).showSidebar.value
 				}, [m(k(G), {
 					size: 16,
 					"stroke-width": 2
-				})], 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(O).folders.value,
-					"current-folder-id": k(O).currentFolderId.value,
-					onNavigate: k(O).navigateToFolder
+				})], 12, ei),
+				k(v).viewMode.value === "frequently-used" ? (S(), d("span", ti, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(_e, {
+					key: 1,
+					folders: k(v).folders.value,
+					"current-folder-id": k(v).currentFolderId.value,
+					onNavigate: k(v).navigateToFolder
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onNavigate"
 				])),
-				f("div", ei, [f("button", {
+				f("div", ni, [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(A).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: k(A).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: k(E).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(E).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewGrid,
-					onClick: n[2] ||= (e) => k(A).layoutMode.value = "grid"
+					onClick: n[2] ||= (e) => k(E).layoutMode.value = "grid"
 				}, [m(k(V), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ti), f("button", {
+				})], 12, ri), 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(A).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: k(A).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: k(E).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(E).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewList,
-					onClick: n[3] ||= (e) => k(A).layoutMode.value = "list"
+					onClick: n[3] ||= (e) => k(E).layoutMode.value = "list"
 				}, [m(k(U), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ni)])
-			]), f("div", ri, [k(E).length > 1 ? (S(), d("select", {
+				})], 12, ii)])
+			]), f("div", ai, [k(_).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: {
@@ -2778,58 +2772,57 @@ var Vr = {
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				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", {
+				value: k(v).categoryFilter.value ?? "",
+				onChange: n[4] ||= (e) => k(v).filterByCategory(e.target.value || null)
+			}, [f("option", si, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(_), (e) => (S(), d("option", {
 				key: e,
 				value: e
-			}, D(k(A).getCategoryLabel(e)), 9, oi))), 128))], 40, ii)) : u("", !0), f("select", {
+			}, D(k(E).getCategoryLabel(e)), 9, ci))), 128))], 40, oi)) : 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(O).sortOption.value,
-				onChange: n[5] ||= (e) => k(O).sortBy(e.target.value)
+				value: k(v).sortOption.value,
+				onChange: n[5] ||= (e) => k(v).sortBy(e.target.value)
 			}, [
-				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
+				f("option", ui, D(a.value.mediaLibrary.sortNewest), 1),
+				f("option", di, D(a.value.mediaLibrary.sortOldest), 1),
+				f("option", fi, D(a.value.mediaLibrary.sortNameAsc), 1),
+				f("option", pi, D(a.value.mediaLibrary.sortNameDesc), 1),
+				f("option", mi, D(a.value.mediaLibrary.sortSizeAsc), 1),
+				f("option", hi, D(a.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, li)])]), f("div", gi, [k(v).viewMode.value === "files" ? (S(), d("div", _i, [m(Wn, {
+				"is-uploading": k(v).isUploading.value,
+				"upload-progress": k(v).uploadProgress.value,
+				onUpload: k(E).handleUpload
 			}, null, 8, [
 				"is-uploading",
 				"upload-progress",
 				"onUpload"
-			]), g.value ? (S(), d("button", {
-				key: 0,
+			]), f("button", {
 				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: {
 					"border-color": "var(--tpl-border)",
 					color: "var(--tpl-text-muted)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[6] ||= (e) => k(A).showImportUrlModal.value = !0
+				onClick: n[6] ||= (e) => k(E).showImportUrlModal.value = !0
 			}, [m(k(H), {
 				size: 14,
 				"stroke-width": 2
-			}), 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
+			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(Yt, {
+				items: k(E).displayItems.value,
+				"selected-ids": k(v).selectedItems.value,
+				"is-loading": k(v).isLoading.value,
+				"has-more": k(v).viewMode.value === "files" && k(v).hasMore.value,
+				layout: k(E).layoutMode.value,
+				onSelect: k(E).handleSelect,
+				onToggle: k(v).toggleSelection,
+				onLoadMore: k(v).loadMore,
+				onEdit: k(E).handleEditItem,
+				onReplace: k(E).handleReplaceItem
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -2842,36 +2835,36 @@ var Vr = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			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
+			m(cn, {
+				visible: k(E).showImportUrlModal.value,
+				"is-importing": k(v).isImportingFromUrl.value,
+				error: k(v).importFromUrlError.value,
+				onImport: k(E).handleImportFromUrl,
+				onClose: n[7] ||= (e) => k(E).showImportUrlModal.value = !1
 			}, null, 8, [
 				"visible",
 				"is-importing",
 				"error",
 				"onImport"
 			]),
-			m(it, {
-				visible: !!k(A).editingItem.value,
-				item: k(A).editingItem.value,
-				onSave: k(A).handleEditSave,
-				onClose: n[8] ||= (e) => k(A).editingItem.value = null
+			m(ot, {
+				visible: !!k(E).editingItem.value,
+				item: k(E).editingItem.value,
+				onSave: k(E).handleEditSave,
+				onClose: n[8] ||= (e) => k(E).editingItem.value = null
 			}, null, 8, [
 				"visible",
 				"item",
 				"onSave"
 			]),
-			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
+			m(zn, {
+				visible: k(v).showReplaceWarning.value,
+				item: k(v).pendingReplaceItem.value,
+				"usage-info": k(v).replaceUsageInfo.value,
+				"is-replacing": k(v).isReplacing.value,
+				error: k(v).replaceError.value,
+				onReplace: k(E).handleReplaceFile,
+				onClose: k(v).cancelReplace
 			}, null, 8, [
 				"visible",
 				"item",
@@ -2889,7 +2882,7 @@ var Vr = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: M(() => [k(O).showDeleteWarning.value ? (S(), d("div", {
+				default: M(() => [k(v).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: {
@@ -2897,27 +2890,27 @@ var Vr = {
 						"backdrop-filter": "blur(8px)",
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
-					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),
+					onClick: n[11] ||= F((...e) => k(v).cancelDelete && k(v).cancelDelete(...e), ["self"])
+				}, [f("div", vi, [
+					f("h3", yi, D(a.value.mediaLibrary.deleteWarningTitle), 1),
 					f("p", {
-						class: y(["tpl:text-xs", k(A).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: y(["tpl:text-xs", k(E).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, D(a.value.mediaLibrary.deleteWarningMessage), 3),
-					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", {
+					k(E).hasUsedFiles.value ? (S(), d("p", bi, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+					k(E).hasUsedFiles.value ? (S(), d("div", xi, [(S(!0), d(i, null, T(k(v).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", 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", {
+					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Si, D(k(E).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Ci, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+					f("div", wi, [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(O).cancelDelete && k(O).cancelDelete(...e)
+						onClick: n[9] ||= (...e) => k(v).cancelDelete && k(v).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: {
@@ -2925,31 +2918,31 @@ var Vr = {
 							color: "var(--tpl-danger)",
 							"background-color": "var(--tpl-danger-light)"
 						},
-						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)])
+						onClick: n[10] ||= (...e) => k(v).confirmDelete && k(v).confirmDelete(...e)
+					}, D(k(E).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
 				])])) : u("", !0)]),
 				_: 1
 			}),
-			f("div", Ci, [f("div", wi, [k(O).previewItem.value ? (S(), l(Sn, {
+			f("div", Ti, [f("div", Ei, [k(v).previewItem.value ? (S(), l(wn, {
 				key: 0,
-				"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
+				"selected-conversion": k(E).selectedConversion.value,
+				"onUpdate:selectedConversion": n[12] ||= (e) => k(E).selectedConversion.value = e,
+				item: k(v).previewItem.value,
+				folders: k(v).folders.value
 			}, null, 8, [
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : u("", !0)]), f("div", Ti, [k(O).selectedItems.value.size > 0 ? (S(), d("div", Ei, [k(O).previewItem.value ? (S(), d("button", {
+			])) : u("", !0)]), f("div", Di, [k(v).selectedItems.value.size > 0 ? (S(), d("div", Oi, [k(v).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(A).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-					color: k(A).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					borderColor: k(E).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: k(E).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
-				onClick: n[13] ||= (e) => k(A).copy(k(A).selectedUrl.value)
-			}, [k(A).copied.value ? (S(), l(k(I), {
+				onClick: n[13] ||= (e) => k(E).copy(k(E).selectedUrl.value)
+			}, [k(E).copied.value ? (S(), l(k(I), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
@@ -2957,25 +2950,25 @@ var Vr = {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), 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", {
+			})), p(" " + D(k(E).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", ki, [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(A).showMovePicker.value = !k(A).showMovePicker.value
-			}, D(a.value.mediaLibrary.moveSelected), 1), k(A).showMovePicker.value ? (S(), l(dn, {
+				onClick: n[14] ||= (e) => k(E).showMovePicker.value = !k(E).showMovePicker.value
+			}, D(a.value.mediaLibrary.moveSelected), 1), k(E).showMovePicker.value ? (S(), l(pn, {
 				key: 0,
-				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
+				folders: k(v).folders.value,
+				"current-folder-id": k(v).currentFolderId.value,
+				onSelect: k(E).handleMoveToFolder,
+				onClose: n[15] ||= (e) => k(E).showMovePicker.value = !1
 			}, null, 8, [
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Oi, [k(O).selectedItems.value.size > 0 ? (S(), d("button", {
+			])) : u("", !0)])])) : u("", !0), f("div", Ai, [k(v).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: {
@@ -2983,7 +2976,7 @@ var Vr = {
 					color: "var(--tpl-danger)",
 					"background-color": "var(--tpl-danger-light)"
 				},
-				onClick: n[16] ||= (...e) => k(A).handleDeleteClick && k(A).handleDeleteClick(...e)
+				onClick: n[16] ||= (...e) => k(E).handleDeleteClick && k(E).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",
@@ -2991,12 +2984,12 @@ var Vr = {
 					"background-color": "var(--tpl-primary)",
 					color: "var(--tpl-bg)"
 				},
-				disabled: !k(O).previewItem.value,
-				onClick: j
-			}, D(a.value.mediaLibrary.selectFile), 9, ki)) : u("", !0)])])])
+				disabled: !k(v).previewItem.value,
+				onClick: O
+			}, D(a.value.mediaLibrary.selectFile), 9, ji)) : u("", !0)])])])
 		]));
 	}
-}), ji = /* #__PURE__ */ Object.assign({
+}), Ni = /* #__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"),
@@ -3005,70 +2998,70 @@ var Vr = {
 	"./locales/nl.ts": () => import("./nl-DGT1t3Be.js"),
 	"./locales/pt-BR.ts": () => import("./pt-BR-C0Hzc26R.js")
 });
-function Mi(e) {
+function Pi(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Ni = Mi(ji);
-function Pi(e) {
+var Fi = Pi(Ni);
+function Ii(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function Fi(e) {
-	let t = Pi(e);
-	return Ni.find((e) => Pi(e) === t);
+function Li(e) {
+	let t = Ii(e);
+	return Fi.find((e) => Ii(e) === t);
 }
-function Ii(e) {
-	return Pi(e).split("-")[0];
+function Ri(e) {
+	return Ii(e).split("-")[0];
 }
-function Li(e) {
-	return Fi(e) ?? Fi(Ii(e)) ?? "en";
+function zi(e) {
+	return Li(e) ?? Li(Ri(e)) ?? "en";
 }
-async function Ri(e) {
-	let t = ji[`./locales/${Li(e)}.ts`];
+async function Bi(e) {
+	let t = Ni[`./locales/${zi(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region src/standalone/visual.ts
-var $ = null, zi = w(null);
-async function Bi(e) {
+var Q = null, Vi = w(null);
+async function Hi(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 Ri(e.locale ?? "en");
-	return Hi(n, e.theme), $ && Vi(), new Promise((t, r) => {
+	let a = await new t(i).fetchConfig(), o = await Bi(e.locale ?? "en");
+	return Ui(n, e.theme), Q && $(), new Promise((t, r) => {
 		try {
-			$ = c({ setup() {
+			Q = c({ setup() {
 				let r = () => {
 					t({
-						setTheme: (e) => Hi(n, e),
-						unmount: Vi
+						setTheme: (e) => Ui(n, e),
+						unmount: $
 					});
 				};
-				return () => g(Ai, {
+				return () => g(Mi, {
 					authManager: i,
 					projectId: i.projectId,
 					planConfig: a,
 					translations: o,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: zi,
+					ref: Vi,
 					onReady: r
 				});
-			} }), $.mount(n);
+			} }), Q.mount(n);
 		} catch (e) {
 			r(e);
 		}
 	});
 }
-function Vi() {
-	$ && ($.unmount(), $ = null, zi.value = null);
+function $() {
+	Q && (Q.unmount(), Q = null, Vi.value = null);
 }
-function Hi(e, t) {
+function Ui(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: Bi,
-	unmount: Vi
+	init: Hi,
+	unmount: $
 });
 //#endregion
-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 };
+export { fe as MediaApiClient, Vr as MediaLibraryModal, Hi as init, $ as unmount, X as useI18n, Z as useMediaCategories, pe as useMediaLibrary, Hr as useMediaPicker };