@templatical/media-library 0.6.7 → 0.7.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, unref as O, vModelText as k, watch as A, withCtx as j, withDirectives as M, withKeys as N, withModifiers as P } from "vue";
-import { Check as F, ChevronRight as I, Copy as L, File as R, Folder as z, Grid2x2 as B, Link as V, List as H, LoaderCircle as U, PanelLeft as W, Pencil as G, Plus as K, RefreshCw as q, Search as J, Star as Y, Trash2 as ee, Upload as X, X as te } from "@lucide/vue";
-import { Cropper as ne } from "vue-advanced-cropper";
-import { onClickOutside as re, useClipboard as ie, useDebounceFn as ae, useDropZone as oe, useEventListener as se, useFileDialog as ce, useIntersectionObserver as le } from "@vueuse/core";
+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";
 //#region src/api-client.ts
-var ue = class {
+var de = class {
 	constructor(e) {
 		this.authManager = e;
 	}
@@ -160,9 +160,9 @@ var ue = class {
 };
 //#endregion
 //#region src/composable.ts
-function de(e) {
+function fe(e) {
 	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
-	let t = new ue(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 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;
 	async function k() {
 		let r = ++O;
 		l.value = !0;
@@ -467,14 +467,14 @@ function Z(e) {
 }
 //#endregion
 //#region src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var fe = {
+var pe = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, pe = ["onClick"], me = {
+}, me = ["onClick"], he = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, he = /* @__PURE__ */ h({
+}, ge = /* @__PURE__ */ h({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -494,11 +494,11 @@ var fe = {
 			}
 			return !1;
 		}
-		return (e, t) => o.value.length > 0 ? (S(), d("div", fe, [f("button", {
+		return (e, t) => o.value.length > 0 ? (S(), d("div", pe, [f("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => r("navigate", null)
-		}, D(O(a).mediaLibrary.allFiles), 1), (S(!0), d(i, null, T(o.value, (e, t) => (S(), d(i, { key: e.id }, [m(O(I), {
+		}, D(k(a).mediaLibrary.allFiles), 1), (S(!0), d(i, null, T(o.value, (e, t) => (S(), d(i, { key: e.id }, [m(k(L), {
 			size: 12,
 			"stroke-width": 2
 		}), t < o.value.length - 1 ? (S(), d("button", {
@@ -506,7 +506,7 @@ var fe = {
 			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, pe)) : (S(), d("span", me, D(e.name), 1))], 64))), 128))])) : u("", !0);
+		}, D(e.name), 9, me)) : (S(), d("span", he, D(e.name), 1))], 64))), 128))])) : u("", !0);
 	}
 });
 //#endregion
@@ -537,14 +537,14 @@ function Q() {
 }
 //#endregion
 //#region src/composables/useImageCrop.ts
-var ge = {
+var _e = {
 	free: void 0,
 	square: 1,
 	landscape43: 4 / 3,
 	landscape169: 16 / 9,
 	original: void 0
 };
-function _e(e) {
+function ve(e) {
 	return e === "image/png" || e === "image/gif" ? {
 		mimeType: "image/png",
 		quality: 1
@@ -556,7 +556,7 @@ function _e(e) {
 		quality: .92
 	};
 }
-function ve(e, t, n) {
+function ye(e, t, n) {
 	let r = e.width, i = e.height;
 	if (!t && !n) return e;
 	let a = r, o = i;
@@ -566,7 +566,7 @@ function ve(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 ye(e, t, n) {
+function be(e, t, n) {
 	return new Promise((r, i) => {
 		e.toBlob((e) => {
 			if (!e) {
@@ -578,7 +578,7 @@ function ye(e, t, n) {
 		}, n.mimeType, n.quality);
 	});
 }
-function be(e, t, n, r) {
+function xe(e, t, n, r) {
 	let i = e, a = t;
 	if (n && i > n) {
 		let e = n / i;
@@ -594,58 +594,58 @@ function be(e, t, n, r) {
 	};
 }
 //#endregion
-//#region src/components/media/MediaEditModal.vue?vue&type=script&setup=true&lang.ts
-var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce = {
+//#region src/keys.ts
+var Se = Symbol("templaticalMediaPopoverTarget"), Ce = ["data-tpl-theme"], we = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Te = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, we = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, Te = {
+}, Ee = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, De = {
 	key: 0,
 	class: "tpl:mb-4"
-}, Ee = {
+}, Oe = {
 	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)"
 	}
-}, De = { class: "tpl:space-y-3" }, Oe = {
+}, ke = { class: "tpl:space-y-3" }, Ae = {
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, ke = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Ae = ["onClick"], je = { class: "tpl:flex tpl:gap-3" }, Me = { class: "tpl:flex-1" }, Ne = {
+}, 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 = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Pe = {
+}, Ie = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Fe = { class: "tpl:relative" }, Ie = ["value", "placeholder"], Le = {
+}, Le = { class: "tpl:relative" }, Re = ["value", "placeholder"], ze = {
 	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)" }
-}, Re = { class: "tpl:flex-1" }, ze = {
+}, Be = { class: "tpl:flex-1" }, Ve = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Be = {
+}, He = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Ve = { class: "tpl:relative" }, He = ["value", "placeholder"], Ue = {
+}, Ue = { class: "tpl:relative" }, We = ["value", "placeholder"], Ge = {
 	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)" }
-}, We = {
+}, Ke = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ge = {
+}, qe = {
 	class: "tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ke = { class: "tpl:mb-3" }, qe = {
+}, Je = { class: "tpl:mb-3" }, Ye = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Je = ["autofocus"], Ye = {
+}, Xe = ["autofocus"], Ze = {
 	key: 1,
 	class: "tpl:mb-4"
-}, Xe = {
+}, Qe = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ze = ["placeholder"], Qe = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, $e = ["disabled"], et = /* @__PURE__ */ h({
+}, $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({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -653,56 +653,56 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: c } = Z(), h = _("tplUiTheme"), g = c.mediaLibrary, { isImageMimeType: v } = Q(), x = w(""), C = w(""), E = w(null), N = w("free"), F = w(void 0), I = w(void 0), L = w(""), R = w(""), z = w(void 0), B = w(null), V = w(!1), H = w(!1), U = w(!1), W = s(() => n.item ? [
+		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 ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(n.item.mime_type) : !1), G = s(() => N.value === "original" ? z.value : ge[N.value]), K = s(() => B.value ? be(B.value.width, B.value.height, F.value, I.value) : null);
-		A(() => n.visible, (e) => {
-			e && n.item && (x.value = n.item.filename, C.value = n.item.alt_text || "", N.value = "free", F.value = void 0, I.value = void 0, L.value = "", R.value = "", z.value = void 0, B.value = null, V.value = !1, U.value = !1, n.item.width && n.item.height && (z.value = n.item.width / n.item.height));
+		].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);
+		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 q(e) {
-			e.coordinates && (B.value = {
+		function J(e) {
+			e.coordinates && (V.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
-			}, U.value = !0);
-		}
-		function J() {
-			V.value = !0, !z.value && n.item?.width && n.item?.height && (z.value = n.item.width / n.item.height);
+			}, W.value = !0);
 		}
-		function Y(e) {
-			let t = e.target.value;
-			L.value = t, F.value = t && parseInt(t, 10) || void 0;
+		function Y() {
+			H.value = !0, !B.value && n.item?.width && n.item?.height && (B.value = n.item.width / n.item.height);
 		}
 		function ee(e) {
 			let t = e.target.value;
 			R.value = t, I.value = t && parseInt(t, 10) || void 0;
 		}
-		async function X() {
-			let e = x.value.trim();
-			if (!e || !n.item || H.value) return;
-			let t = v(n.item.mime_type), i;
-			if (W.value && E.value && U.value) {
-				H.value = !0;
+		function X(e) {
+			let t = e.target.value;
+			z.value = t, L.value = t && parseInt(t, 10) || void 0;
+		}
+		async function te() {
+			let e = C.value.trim();
+			if (!e || !n.item || U.value) return;
+			let t = x(n.item.mime_type), i;
+			if (G.value && O.value && W.value) {
+				U.value = !0;
 				try {
-					let { canvas: e } = E.value.getResult();
+					let { canvas: e } = O.value.getResult();
 					if (e) {
-						let t = ve(e, F.value, I.value), r = _e(n.item.mime_type);
-						i = { file: await ye(t, n.item.filename, r) };
+						let t = ye(e, I.value, L.value), r = ve(n.item.mime_type);
+						i = { file: await be(t, n.item.filename, r) };
 					}
 				} catch {
-					H.value = !1;
+					U.value = !1;
 					return;
 				}
-				H.value = !1;
+				U.value = !1;
 			}
-			r("save", n.item.id, e, t ? C.value : void 0, i), r("close");
+			r("save", n.item.id, e, t ? E.value : void 0, i), r("close");
 		}
-		function te(e) {
-			e.key === "Enter" && !H.value && (e.preventDefault(), X()), e.key === "Escape" && r("close");
+		function ne(e) {
+			e.key === "Enter" && !U.value && (e.preventDefault(), te()), e.key === "Escape" && r("close");
 		}
-		return (t, n) => (S(), l(a, { to: "body" }, [m(o, {
+		return (t, n) => (S(), l(a, { to: k(g) || "body" }, [m(o, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -710,30 +710,30 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: j(() => [e.visible && e.item ? (S(), d("div", {
+			default: M(() => [e.visible && e.item ? (S(), d("div", {
 				key: 0,
-				"data-tpl-theme": O(h),
+				"data-tpl-theme": k(h),
 				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] ||= P((e) => r("close"), ["self"]),
-				onKeydown: te
+				onClick: n[3] ||= F((e) => r("close"), ["self"]),
+				onKeydown: ne
 			}, [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", W.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+				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", Se, [f("h3", Ce, D(O(c).mediaLibrary.editFile), 1)]),
-				f("div", we, [
-					W.value ? (S(), d("div", Te, [f("div", Ee, [m(O(ne), {
+				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), {
 						ref_key: "cropperRef",
-						ref: E,
+						ref: O,
 						src: e.item.url,
-						"stencil-props": { aspectRatio: G.value },
+						"stencil-props": { aspectRatio: K.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: q,
-						onReady: J
-					}, null, 8, ["src", "stencil-props"])]), f("div", De, [
-						f("div", null, [f("label", Oe, D(O(c).mediaLibrary.cropAspectRatio), 1), f("div", ke, [(S(), d(i, null, T([
+						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([
 							"free",
 							"square",
 							"landscape43",
@@ -744,14 +744,14 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 							type: "button",
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: b({
-								borderColor: N.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
-								backgroundColor: N.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
-								color: N.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
+								borderColor: P.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: P.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: P.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => N.value = e
-						}, D(O(g)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Ae)), 64))])]),
-						f("div", je, [f("div", Me, [f("label", Ne, [p(D(O(c).mediaLibrary.cropMaxWidth) + " ", 1), f("span", Pe, D(O(c).mediaLibrary.cropOptional), 1)]), f("div", Fe, [f("input", {
-							value: L.value,
+							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", {
+							value: R.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -760,10 +760,10 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: B.value?.width?.toString() || "",
-							onInput: Y
-						}, null, 40, Ie), f("span", Le, D(O(c).mediaLibrary.cropPixels), 1)])]), f("div", Re, [f("label", ze, [p(D(O(c).mediaLibrary.cropMaxHeight) + " ", 1), f("span", Be, D(O(c).mediaLibrary.cropOptional), 1)]), f("div", Ve, [f("input", {
-							value: R.value,
+							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", {
+							value: z.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -772,13 +772,13 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: B.value?.height?.toString() || "",
-							onInput: ee
-						}, null, 40, He), f("span", Ue, D(O(c).mediaLibrary.cropPixels), 1)])])]),
-						K.value ? (S(), d("div", We, [f("span", null, D(O(c).mediaLibrary.cropOutputSize) + ": ", 1), f("span", Ge, D(K.value.width) + " x " + D(K.value.height) + " " + D(O(c).mediaLibrary.cropPixels), 1)])) : u("", !0)
+							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)
 					])])) : u("", !0),
-					f("div", Ke, [f("label", qe, D(O(c).mediaLibrary.fileName), 1), M(f("input", {
-						"onUpdate:modelValue": n[0] ||= (e) => x.value = e,
+					f("div", Je, [f("label", Ye, 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",
 						style: {
@@ -786,10 +786,10 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						autofocus: !W.value
-					}, null, 8, Je), [[k, x.value]])]),
-					O(v)(e.item.mime_type) ? (S(), d("div", Ye, [f("label", Xe, D(O(c).mediaLibrary.altText), 1), M(f("input", {
-						"onUpdate:modelValue": n[1] ||= (e) => C.value = e,
+						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", {
+						"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",
 						style: {
@@ -797,10 +797,10 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						placeholder: O(c).mediaLibrary.altTextPlaceholder
-					}, null, 8, Ze), [[k, C.value]])])) : u("", !0)
+						placeholder: k(c).mediaLibrary.altTextPlaceholder
+					}, null, 8, $e), [[A, E.value]])])) : u("", !0)
 				]),
-				f("div", Qe, [f("button", {
+				f("div", et, [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)",
@@ -808,30 +808,30 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[2] ||= (e) => r("close")
-				}, D(O(c).mediaLibrary.cancel), 1), f("button", {
+				}, D(k(c).mediaLibrary.cancel), 1), 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,
-					onClick: X
-				}, D(H.value ? O(c).mediaLibrary.saving : O(c).mediaLibrary.saveChanges), 9, $e)])
-			], 2)], 40, xe)) : u("", !0)]),
+					disabled: U.value,
+					onClick: te
+				}, D(U.value ? k(c).mediaLibrary.saving : k(c).mediaLibrary.saveChanges), 9, tt)])
+			], 2)], 40, Ce)) : u("", !0)]),
 			_: 1
-		})]));
+		})], 8, ["to"]));
 	}
-}), tt = (e, t) => {
+}), rt = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, nt = /* @__PURE__ */ tt(et, [["__scopeId", "data-v-bd5f2e31"]]), rt = {
+}, it = /* @__PURE__ */ rt(nt, [["__scopeId", "data-v-6b677237"]]), at = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, it = {
+}, ot = {
 	key: 0,
 	class: "tpl:truncate"
-}, at = {
+}, st = {
 	key: 3,
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:opacity-0 tpl:transition-opacity tpl:group-hover:opacity-100"
-}, ot = ["title"], st = ["title"], ct = { key: 0 }, lt = ["placeholder"], ut = 5, dt = /* @__PURE__ */ h({
+}, ct = ["title"], lt = ["title"], ut = { key: 0 }, dt = ["placeholder"], ft = 5, pt = /* @__PURE__ */ h({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -845,22 +845,22 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 		"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 < ut - 1), x = s(() => n.currentFolderId === n.folder.id), C = s(() => !n.currentFolderId || !n.folder.children ? !1 : j(n.folder.children, n.currentFolderId)), A = s(() => o.value || C.value);
+		let n = e, r = t, { t: a } = Z(), o = w(!1), c = w(!1), p = w(""), h = w(!1), g = w(""), _ = s(() => (n.folder.children?.length ?? 0) > 0), v = s(() => n.depth < ft - 1), x = s(() => n.currentFolderId === n.folder.id), C = s(() => !n.currentFolderId || !n.folder.children ? !1 : j(n.folder.children, n.currentFolderId)), O = s(() => o.value || C.value);
 		function j(e, t) {
 			for (let n of e) if (n.id === t || n.children && j(n.children, t)) return !0;
 			return !1;
 		}
-		function F() {
+		function M() {
 			o.value = !o.value;
 		}
-		function L() {
+		function I() {
 			c.value = !0, p.value = n.folder.name;
 		}
 		function R() {
 			let e = p.value.trim();
 			e && e !== n.folder.name && r("renameFolder", n.folder.id, e), c.value = !1, p.value = "";
 		}
-		function B() {
+		function z() {
 			c.value = !1, p.value = "";
 		}
 		function V() {
@@ -885,21 +885,21 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				_.value || h.value ? (S(), d("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-					onClick: P(F, ["stop"])
-				}, [m(O(I), {
-					class: y(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": A.value }]),
+					onClick: F(M, ["stop"])
+				}, [m(k(L), {
+					class: y(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": O.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (S(), d("span", rt)),
+				}, null, 8, ["class"])])) : (S(), d("span", at)),
 				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)
-				}, [m(O(z), {
+				}, [m(k(B), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), c.value ? u("", !0) : (S(), d("span", it, D(e.folder.name), 1))]),
-				c.value ? M((S(), d("input", {
+				}), c.value ? u("", !0) : (S(), d("span", ot, D(e.folder.name), 1))]),
+				c.value ? N((S(), d("input", {
 					key: 2,
 					"onUpdate:modelValue": n[1] ||= (e) => p.value = e,
 					type: "text",
@@ -910,38 +910,38 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [N(R, ["enter"]), N(B, ["escape"])],
+					onKeydown: [P(R, ["enter"]), P(z, ["escape"])],
 					onBlur: R,
-					onClick: n[2] ||= P(() => {}, ["stop"])
-				}, null, 544)), [[k, p.value]]) : u("", !0),
-				c.value ? u("", !0) : (S(), d("span", at, [
+					onClick: n[2] ||= F(() => {}, ["stop"])
+				}, null, 544)), [[A, p.value]]) : u("", !0),
+				c.value ? u("", !0) : (S(), d("span", st, [
 					v.value ? (S(), d("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						title: O(a).mediaLibrary.addSubfolder,
-						onClick: P(V, ["stop"])
-					}, [m(O(K), {
+						title: k(a).mediaLibrary.addSubfolder,
+						onClick: F(V, ["stop"])
+					}, [m(k(q), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, ot)) : u("", !0),
+					})], 8, ct)) : u("", !0),
 					f("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						title: O(a).mediaLibrary.renameFolder,
-						onClick: P(L, ["stop"])
-					}, [m(O(G), {
+						title: k(a).mediaLibrary.renameFolder,
+						onClick: F(I, ["stop"])
+					}, [m(k(K), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, st),
+					})], 8, lt),
 					f("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						onClick: n[3] ||= P((t) => r("deleteFolder", e.folder.id), ["stop"])
-					}, [m(O(ee), {
+						onClick: n[3] ||= F((t) => r("deleteFolder", e.folder.id), ["stop"])
+					}, [m(k(X), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), A.value ? (S(), d("div", ct, [(S(!0), d(i, null, T(e.folder.children, (t) => (S(), l(o, {
+			], 4), O.value ? (S(), d("div", ut, [(S(!0), d(i, null, T(e.folder.children, (t) => (S(), l(o, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -958,7 +958,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				key: 0,
 				style: b({ paddingLeft: `${(e.depth + 1) * 16 + 8}px` }),
 				class: "tpl:py-1.5 tpl:pr-2"
-			}, [M(f("input", {
+			}, [N(f("input", {
 				"onUpdate:modelValue": n[8] ||= (e) => g.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -967,17 +967,17 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				placeholder: O(a).mediaLibrary.subfolderName,
+				placeholder: k(a).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [N(H, ["enter"]), N(U, ["escape"])],
+				onKeydown: [P(H, ["enter"]), P(U, ["escape"])],
 				onBlur: H
-			}, null, 40, lt), [[k, g.value]])], 4)) : u("", !0)])) : u("", !0)]);
+			}, null, 40, dt), [[A, g.value]])], 4)) : u("", !0)])) : u("", !0)]);
 		};
 	}
-}), ft = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, pt = {
+}), mt = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, ht = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, mt = ["placeholder"], ht = /* @__PURE__ */ h({
+}, gt = ["placeholder"], _t = /* @__PURE__ */ h({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -1003,7 +1003,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 		function h() {
 			a.value = !1, o.value = "";
 		}
-		return (t, g) => (S(), d("div", ft, [
+		return (t, g) => (S(), d("div", mt, [
 			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({
@@ -1011,11 +1011,11 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: g[0] ||= (e) => n("navigate", null)
-			}, [m(O(R), {
+			}, [m(k(z), {
 				size: 14,
 				"stroke-width": 1.5
-			}), p(" " + D(O(r).mediaLibrary.allFiles), 1)], 4),
-			(S(!0), d(i, null, T(e.folders, (t) => (S(), l(dt, {
+			}), p(" " + D(k(r).mediaLibrary.allFiles), 1)], 4),
+			(S(!0), d(i, null, T(e.folders, (t) => (S(), l(pt, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -1025,7 +1025,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				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", pt, [M(f("input", {
+			a.value ? (S(), d("div", ht, [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",
@@ -1034,20 +1034,20 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				placeholder: O(r).mediaLibrary.folderName,
+				placeholder: k(r).mediaLibrary.folderName,
 				autofocus: "",
-				onKeydown: [N(c, ["enter"]), N(h, ["escape"])],
+				onKeydown: [P(c, ["enter"]), P(h, ["escape"])],
 				onBlur: c
-			}, null, 40, mt), [[k, o.value]])])) : u("", !0),
+			}, null, 40, gt), [[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",
 				style: { color: "var(--tpl-text-muted)" },
 				onClick: s
-			}, [m(O(K), {
+			}, [m(k(q), {
 				size: 14,
 				"stroke-width": 1.5
-			}), p(" " + D(O(r).mediaLibrary.newFolder), 1)])),
+			}), p(" " + D(k(r).mediaLibrary.newFolder), 1)])),
 			g[7] ||= f("div", { class: "tpl:flex-1" }, null, -1),
 			e.hasFrequentlyUsed ? (S(), d("button", {
 				key: 2,
@@ -1058,13 +1058,13 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: g[6] ||= (e) => n("showFrequentlyUsed")
-			}, [m(O(Y), {
+			}, [m(k(ee), {
 				size: 14,
 				"stroke-width": 1.5
-			}), p(" " + D(O(r).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
+			}), p(" " + D(k(r).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
 		]));
 	}
-}), gt = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, _t = /* @__PURE__ */ h({
+}), vt = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, yt = /* @__PURE__ */ h({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -1165,7 +1165,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			bgColor: "#f9fafb",
 			icon: "document"
 		}, i = s(() => n[t.mimeType] ?? r);
-		return (e, t) => (S(), d("div", gt, [i.value.icon === "document" ? (S(), d("svg", {
+		return (e, t) => (S(), d("div", vt, [i.value.icon === "document" ? (S(), d("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -1234,48 +1234,48 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			style: b({ color: i.value.color })
 		}, D(i.value.label), 5)]));
 	}
-}), vt = { class: "tpl:p-4" }, yt = {
+}), bt = { class: "tpl:p-4" }, xt = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, bt = {
+}, St = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, xt = {
+}, Ct = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, St = ["onClick"], Ct = { class: "tpl:aspect-square" }, wt = ["src", "alt"], Tt = { class: "tpl:px-2 tpl:py-1.5" }, Et = {
+}, wt = ["onClick"], Tt = { class: "tpl:aspect-square" }, Et = ["src", "alt"], Dt = { class: "tpl:px-2 tpl:py-1.5" }, Ot = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Dt = {
+}, kt = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ot = { key: 0 }, kt = { 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" }, At = ["title", "onClick"], jt = ["title", "onClick"], Mt = {
+}, At = { key: 0 }, jt = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Mt = ["title", "onClick"], Nt = ["title", "onClick"], Pt = {
 	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)" }
-}, Nt = {
+}, Ft = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Pt = ["onClick"], Ft = {
+}, It = ["onClick"], Lt = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, It = ["src", "alt"], Lt = {
+}, Rt = ["src", "alt"], zt = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, Rt = { class: "tpl:min-w-0 tpl:flex-1" }, zt = {
+}, Bt = { class: "tpl:min-w-0 tpl:flex-1" }, Vt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Bt = {
+}, Ht = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Vt = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Ht = ["title", "onClick"], Ut = ["title", "onClick"], Wt = {
+}, Ut = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Wt = ["title", "onClick"], Gt = ["title", "onClick"], Kt = {
 	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)" }
-}, Gt = {
+}, qt = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, Kt = /* @__PURE__ */ tt(/* @__PURE__ */ h({
+}, Jt = /* @__PURE__ */ rt(/* @__PURE__ */ h({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -1301,7 +1301,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			r("select", e);
 		}
 		let { t: h } = Z(), g = w(null);
-		le(g, ([{ isIntersecting: e }]) => {
+		ue(g, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function _(e) {
@@ -1314,7 +1314,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", vt, [
+		return (t, n) => (S(), d("div", bt, [
 			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")
@@ -1322,47 +1322,47 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				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", yt, [m(O(R), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (S(), d("div", xt, [m(k(z), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), f("p", bt, D(O(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", Nt, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			}), f("p", St, D(k(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", Ft, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
 				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", Ft, [O(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Lt, [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, It)) : (S(), d("div", Lt, [m(_t, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				f("div", Rt, [f("p", zt, D(t.filename), 1), f("p", Bt, [p(D(_(t.size)) + " · " + D(v(t.created_at)) + " ", 1), O(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", Vt, [f("button", {
+				}, null, 8, Rt)) : (S(), d("div", zt, [m(yt, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				f("div", Bt, [f("p", Vt, D(t.filename), 1), f("p", Ht, [p(D(_(t.size)) + " · " + D(v(t.created_at)) + " ", 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d(i, { key: 0 }, [p(" · " + D(t.width) + "×" + D(t.height), 1)], 64)) : u("", !0)])]),
+				f("div", Ut, [f("button", {
 					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: O(h).mediaLibrary.editFile,
-					onClick: P((e) => r("edit", t), ["stop"])
-				}, [m(O(G), {
+					title: k(h).mediaLibrary.editFile,
+					onClick: F((e) => r("edit", t), ["stop"])
+				}, [m(k(K), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Ht), f("button", {
+				})], 8, 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: O(h).mediaLibrary.replaceFile,
-					onClick: P((e) => r("replace", t), ["stop"])
-				}, [m(O(q), {
+					title: k(h).mediaLibrary.replaceFile,
+					onClick: F((e) => r("replace", t), ["stop"])
+				}, [m(k(J), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Ut)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Wt, [m(O(F), {
+				})], 8, Gt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", Kt, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Pt))), 128))])) : (S(), d("div", xt, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			], 14, It))), 128))])) : (S(), d("div", Ct, [(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",
@@ -1375,45 +1375,45 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				}),
 				onClick: (e) => c(t)
 			}, [
-				f("div", Ct, [O(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Tt, [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, wt)) : (S(), l(_t, {
+				}, null, 8, Et)) : (S(), l(yt, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				f("div", Tt, [f("p", Et, D(t.filename), 1), f("p", Dt, [f("span", null, D(_(t.size)), 1), O(o)(t.mime_type) && t.width && t.height ? (S(), d("span", Ot, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
-				f("div", kt, [f("button", {
+				f("div", Dt, [f("p", Ot, D(t.filename), 1), f("p", kt, [f("span", null, D(_(t.size)), 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d("span", At, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
+				f("div", jt, [f("button", {
 					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: O(h).mediaLibrary.editFile,
-					onClick: P((e) => r("edit", t), ["stop"])
-				}, [m(O(G), {
+					title: k(h).mediaLibrary.editFile,
+					onClick: F((e) => r("edit", t), ["stop"])
+				}, [m(k(K), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, At), f("button", {
+				})], 8, 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: O(h).mediaLibrary.replaceFile,
-					onClick: P((e) => r("replace", t), ["stop"])
-				}, [m(O(q), {
+					title: k(h).mediaLibrary.replaceFile,
+					onClick: F((e) => r("replace", t), ["stop"])
+				}, [m(k(J), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, jt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Mt, [m(O(F), {
+				})], 8, Nt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", Pt, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, St))), 128))])),
+			], 14, wt))), 128))])),
 			f("div", {
 				ref_key: "sentinelRef",
 				ref: g,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (S(), d("div", Gt, [m(O(U), {
+			e.isLoading && e.items.length > 0 ? (S(), d("div", qt, [m(k(W), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1421,20 +1421,20 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			})])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9db961d1"]]), qt = ["data-tpl-theme"], Jt = {
+}), [["__scopeId", "data-v-9db961d1"]]), Yt = ["data-tpl-theme"], Xt = {
 	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)" }
-}, Yt = {
+}, Zt = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Xt = { class: "tpl:mb-3" }, Zt = ["placeholder", "disabled"], Qt = {
+}, Qt = { class: "tpl:mb-3" }, $t = ["placeholder", "disabled"], en = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, $t = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, en = ["disabled"], tn = ["disabled"], nn = {
+}, tn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, nn = ["disabled"], rn = ["disabled"], an = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, rn = { key: 1 }, an = /* @__PURE__ */ h({
+}, on = { key: 1 }, sn = /* @__PURE__ */ h({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1443,21 +1443,21 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 	},
 	emits: ["import", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = Z(), s = _("tplUiTheme"), c = w("");
-		A(() => n.visible, (e) => {
-			e && (c.value = "");
+		let n = e, r = t, { t: i } = Z(), s = _("tplUiTheme"), c = _(Se, w(null)), h = w("");
+		j(() => n.visible, (e) => {
+			e && (h.value = "");
 		});
-		function h() {
-			let e = c.value.trim();
+		function g() {
+			let e = h.value.trim();
 			!e || n.isImporting || r("import", e);
 		}
-		function g() {
+		function v() {
 			n.isImporting || r("close");
 		}
-		function v(e) {
-			e.key === "Enter" && (e.preventDefault(), h()), e.key === "Escape" && g();
+		function b(e) {
+			e.key === "Enter" && (e.preventDefault(), g()), e.key === "Escape" && v();
 		}
-		return (t, n) => (S(), l(a, { to: "body" }, [m(o, {
+		return (t, n) => (S(), l(a, { to: k(c) || "body" }, [m(o, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -1465,17 +1465,17 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: j(() => [e.visible ? (S(), d("div", {
+			default: M(() => [e.visible ? (S(), d("div", {
 				key: 0,
-				"data-tpl-theme": O(s),
+				"data-tpl-theme": k(s),
 				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: P(g, ["self"]),
-				onKeydown: v
-			}, [f("div", Jt, [
-				f("h3", Yt, D(O(i).mediaLibrary.importFromUrl), 1),
-				f("div", Xt, [M(f("input", {
-					"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
+				onClick: F(v, ["self"]),
+				onKeydown: b
+			}, [f("div", Xt, [
+				f("h3", Zt, D(k(i).mediaLibrary.importFromUrl), 1),
+				f("div", Qt, [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",
 					style: {
@@ -1483,12 +1483,12 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					placeholder: O(i).mediaLibrary.importUrlPlaceholder,
+					placeholder: k(i).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, Zt), [[k, c.value]])]),
-				e.error ? (S(), d("p", Qt, D(e.error), 1)) : u("", !0),
-				f("div", $t, [f("button", {
+				}, null, 8, $t), [[A, h.value]])]),
+				e.error ? (S(), d("p", en, D(e.error), 1)) : u("", !0),
+				f("div", tn, [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)",
@@ -1496,26 +1496,26 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 						"background-color": "var(--tpl-bg)"
 					},
 					disabled: e.isImporting,
-					onClick: g
-				}, D(O(i).mediaLibrary.cancel), 11, en), f("button", {
+					onClick: v
+				}, D(k(i).mediaLibrary.cancel), 11, nn), 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: !c.value.trim() || e.isImporting,
-					onClick: h
-				}, [e.isImporting ? (S(), d("span", nn, [m(O(U), {
+					disabled: !h.value.trim() || e.isImporting,
+					onClick: g
+				}, [e.isImporting ? (S(), d("span", an, [m(k(W), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + D(O(i).mediaLibrary.importing), 1)])) : (S(), d("span", rn, D(O(i).mediaLibrary.import), 1))], 8, tn)])
-			])], 40, qt)) : u("", !0)]),
+				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", on, D(k(i).mediaLibrary.import), 1))], 8, rn)])
+			])], 40, Yt)) : u("", !0)]),
 			_: 1
-		})]));
+		})], 8, ["to"]));
 	}
-}), on = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, sn = ["disabled", "onClick"], cn = { class: "tpl:truncate" }, ln = {
+}), cn = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, ln = ["disabled", "onClick"], un = { class: "tpl:truncate" }, dn = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, un = /* @__PURE__ */ h({
+}, fn = /* @__PURE__ */ h({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1533,7 +1533,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			}), r.children?.length && n.push(...o(r.children, t + 1));
 			return n;
 		}
-		return re(a, () => {
+		return ie(a, () => {
 			n("close");
 		}), (t, s) => (S(), d("div", {
 			ref_key: "pickerRef",
@@ -1543,16 +1543,16 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [f("div", on, [e.currentFolderId === null ? u("", !0) : (S(), d("button", {
+		}, [f("div", cn, [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)" },
 			onClick: s[0] ||= (e) => n("select", null)
-		}, [m(O(R), {
+		}, [m(k(z), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
-		}), p(" " + D(O(r).mediaLibrary.moveToRoot), 1)])), (S(!0), d(i, null, T(o(e.folders), (t) => (S(), d("button", {
+		}), p(" " + D(k(r).mediaLibrary.moveToRoot), 1)])), (S(!0), d(i, null, T(o(e.folders), (t) => (S(), d("button", {
 			key: t.id,
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:py-1.5 tpl:pr-3 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
 			style: b({
@@ -1563,32 +1563,32 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			disabled: t.id === e.currentFolderId,
 			onClick: (e) => n("select", t.id)
 		}, [
-			m(O(z), {
+			m(k(B), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			f("span", cn, D(t.name), 1),
-			t.id === e.currentFolderId ? (S(), d("span", ln, D(O(r).mediaLibrary.currentFolder), 1)) : u("", !0)
-		], 12, sn))), 128))])], 512));
+			f("span", un, D(t.name), 1),
+			t.id === e.currentFolderId ? (S(), d("span", dn, D(k(r).mediaLibrary.currentFolder), 1)) : u("", !0)
+		], 12, ln))), 128))])], 512));
 	}
-}), dn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, fn = ["src", "alt"], pn = {
+}), pn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, mn = ["src", "alt"], hn = {
 	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)" }
-}, mn = { class: "tpl:min-w-0 tpl:flex-1" }, hn = {
+}, gn = { class: "tpl:min-w-0 tpl:flex-1" }, _n = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, gn = {
+}, vn = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, _n = {
+}, yn = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, vn = {
+}, bn = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, yn = ["value"], bn = ["value"], xn = /* @__PURE__ */ tt(/* @__PURE__ */ h({
+}, xn = ["value"], Sn = ["value"], Cn = /* @__PURE__ */ rt(/* @__PURE__ */ h({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -1656,25 +1656,25 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", dn, [
+		return (t, n) => (S(), d("div", pn, [
 			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, fn)) : (S(), d("div", pn, [m(_t, {
+			}, null, 8, mn)) : (S(), d("div", hn, [m(yt, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			f("div", mn, [
-				f("p", hn, D(e.item.filename), 1),
-				f("p", gn, [
+			f("div", gn, [
+				f("p", _n, D(e.item.filename), 1),
+				f("p", vn, [
 					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 }, [
 						n[0] ||= p(" · ", -1),
-						m(O(z), {
+						m(k(B), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
@@ -1688,7 +1688,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 					style: { color: "var(--tpl-text-dim)" }
 				}, D(e.item.alt_text || "\xA0"), 3)) : u("", !0)
 			]),
-			l.value ? (S(), d("div", _n, [f("label", vn, D(O(a).mediaLibrary.conversionLabel), 1), f("select", {
+			l.value ? (S(), d("div", yn, [f("label", bn, 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)",
@@ -1700,36 +1700,36 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			}, [(S(!0), d(i, null, T(c.value, (e) => (S(), d("option", {
 				key: e.value,
 				value: e.value
-			}, D(e.label), 9, bn))), 128))], 40, yn)])) : u("", !0)
+			}, D(e.label), 9, Sn))), 128))], 40, xn)])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-060e36cd"]]), Sn = ["data-tpl-theme"], Cn = {
+}), [["__scopeId", "data-v-060e36cd"]]), wn = ["data-tpl-theme"], Tn = {
 	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)" }
-}, wn = {
+}, En = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Tn = {
+}, Dn = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, En = {
+}, On = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, Dn = {
+}, kn = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, On = {
+}, An = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, kn = { class: "tpl:mb-4" }, An = {
+}, jn = { class: "tpl:mb-4" }, Mn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, jn = ["accept"], Mn = {
+}, Nn = ["accept"], Pn = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Nn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Pn = ["disabled"], Fn = ["disabled"], In = /* @__PURE__ */ h({
+}, Fn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, In = ["disabled"], Ln = ["disabled"], Rn = /* @__PURE__ */ h({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1740,25 +1740,25 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 	},
 	emits: ["replace", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = Z(), c = _("tplUiTheme"), p = w(null), h = w(null), g = s(() => {
+		let n = e, r = t, { t: i } = Z(), c = _("tplUiTheme"), p = _(Se, 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() : "";
-		}), v = s(() => g.value ? `.${g.value}` : "*"), y = s(() => (n.usageInfo?.template_count ?? 0) > 0);
-		A(() => n.visible, (e) => {
-			e || (h.value = null, p.value && (p.value.value = ""));
+		}), y = s(() => v.value ? `.${v.value}` : "*"), b = s(() => (n.usageInfo?.template_count ?? 0) > 0);
+		j(() => n.visible, (e) => {
+			e || (g.value = null, h.value && (h.value.value = ""));
 		});
-		function b(e) {
+		function x(e) {
 			let t = e.target;
-			t.files && t.files.length > 0 && (h.value = t.files[0]);
+			t.files && t.files.length > 0 && (g.value = t.files[0]);
 		}
-		function x() {
-			h.value && r("replace", h.value);
+		function C() {
+			g.value && r("replace", g.value);
 		}
-		function C(e) {
+		function T(e) {
 			e.key === "Escape" && r("close");
 		}
-		return (t, n) => (S(), l(a, { to: "body" }, [m(o, {
+		return (t, n) => (S(), l(a, { to: k(p) || "body" }, [m(o, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -1766,33 +1766,33 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: j(() => [e.visible && e.item ? (S(), d("div", {
+			default: M(() => [e.visible && e.item ? (S(), d("div", {
 				key: 0,
-				"data-tpl-theme": O(c),
+				"data-tpl-theme": k(c),
 				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[1] ||= P((e) => r("close"), ["self"]),
-				onKeydown: C
-			}, [f("div", Cn, [
-				f("h3", wn, D(O(i).mediaLibrary.replaceWarningTitle), 1),
-				f("p", Tn, D(O(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${g.value}`)), 1),
-				y.value ? (S(), d("p", En, D(O(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
-				f("div", Dn, [f("p", On, D(e.item.filename), 1)]),
-				f("div", kn, [f("label", An, D(O(i).mediaLibrary.replaceSelectFile), 1), f("input", {
+				onClick: n[1] ||= F((e) => r("close"), ["self"]),
+				onKeydown: T
+			}, [f("div", Tn, [
+				f("h3", En, D(k(i).mediaLibrary.replaceWarningTitle), 1),
+				f("p", Dn, D(k(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
+				b.value ? (S(), d("p", On, D(k(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
+				f("div", kn, [f("p", An, D(e.item.filename), 1)]),
+				f("div", jn, [f("label", Mn, D(k(i).mediaLibrary.replaceSelectFile), 1), f("input", {
 					ref_key: "fileInputRef",
-					ref: p,
+					ref: h,
 					type: "file",
-					accept: v.value,
+					accept: y.value,
 					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs",
 					style: {
 						"border-color": "var(--tpl-border)",
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					onChange: b
-				}, null, 40, jn)]),
-				e.error ? (S(), d("p", Mn, D(e.error), 1)) : u("", !0),
-				f("div", Nn, [f("button", {
+					onChange: x
+				}, null, 40, Nn)]),
+				e.error ? (S(), d("p", Pn, D(e.error), 1)) : u("", !0),
+				f("div", Fn, [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)",
@@ -1801,29 +1801,29 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => r("close")
-				}, D(O(i).mediaLibrary.cancel), 9, Pn), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 9, In), 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 || e.isReplacing,
-					onClick: x
-				}, D(e.isReplacing ? O(i).mediaLibrary.replacing : O(i).mediaLibrary.replace), 9, Fn)])
-			])], 40, Sn)) : u("", !0)]),
+					disabled: !g.value || e.isReplacing,
+					onClick: C
+				}, D(e.isReplacing ? k(i).mediaLibrary.replacing : k(i).mediaLibrary.replace), 9, Ln)])
+			])], 40, wn)) : u("", !0)]),
 			_: 1
-		})]));
+		})], 8, ["to"]));
 	}
-}), Ln = {
+}), zn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Rn = {
+}, Bn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, zn = {
+}, Vn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Bn = {
+}, Hn = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Vn = /* @__PURE__ */ h({
+}, Un = /* @__PURE__ */ h({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -1841,9 +1841,9 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			let t = u(e);
 			t.length && n("upload", t);
 		}
-		let { isOverDropZone: h } = oe(l, { onDrop: (e) => {
+		let { isOverDropZone: h } = se(l, { onDrop: (e) => {
 			e?.length && p(e);
-		} }), { open: g, onChange: _ } = ce({
+		} }), { open: g, onChange: _ } = le({
 			accept: s.value,
 			multiple: !0
 		});
@@ -1852,41 +1852,41 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 		}), (t, n) => (S(), d("div", {
 			ref_key: "dropZoneRef",
 			ref: l,
-			class: y(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", O(h) ? "tpl-upload-zone-active" : ""]),
+			class: y(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", k(h) ? "tpl-upload-zone-active" : ""]),
 			style: {
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
-			onClick: n[0] ||= (e) => O(g)()
-		}, [e.isUploading ? (S(), d("div", Ln, [m(O(U), {
+			onClick: n[0] ||= (e) => k(g)()
+		}, [e.isUploading ? (S(), d("div", zn, [m(k(W), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), f("span", Rn, D(e.uploadProgress && e.uploadProgress.total > 1 ? O(a)(O(r).mediaLibrary.uploadingProgress, {
+		}), f("span", Bn, D(e.uploadProgress && e.uploadProgress.total > 1 ? k(a)(k(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
-		}) : O(r).mediaLibrary.uploading), 1)])) : (S(), d(i, { key: 1 }, [
-			m(O(X), {
+		}) : k(r).mediaLibrary.uploading), 1)])) : (S(), d(i, { key: 1 }, [
+			m(k(te), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			f("p", zn, D(O(r).mediaLibrary.dropOrClick), 1),
-			f("p", Bn, D(O(r).mediaLibrary.acceptedFormats), 1)
+			f("p", Vn, D(k(r).mediaLibrary.dropOrClick), 1),
+			f("p", Hn, D(k(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Hn = [
+}), Wn = [
 	"width",
 	"height",
 	"viewBox"
-], Un = [
+], Gn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], Wn = [
+], Kn = [
 	"cx",
 	"cy",
 	"r",
@@ -1894,14 +1894,14 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], Gn = {
+], qn = {
 	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)"
 	}
-}, Kn = /* @__PURE__ */ h({
+}, Jn = /* @__PURE__ */ h({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1941,7 +1941,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			fill: "none",
 			"stroke-width": c.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Un), f("circle", {
+		}, null, 8, Gn), f("circle", {
 			cx: a.value / 2,
 			cy: a.value / 2,
 			r: l.value,
@@ -1952,7 +1952,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			"stroke-dasharray": h.value,
 			"stroke-dashoffset": _.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, Wn)], 8, Hn)), m(o, {
+		}, null, 8, Kn)], 8, Wn)), 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",
@@ -1960,7 +1960,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: j(() => [i.value ? (S(), d("div", Gn, [p(D(E.value) + " ", 1), t[2] ||= f("div", {
+			default: M(() => [i.value ? (S(), d("div", qn, [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)]),
@@ -1970,7 +1970,7 @@ var xe = ["data-tpl-theme"], Se = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ce
 });
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function qn(e) {
+function Yn(e) {
 	let { library: t, canUseMediaFolders: n, translations: r } = e;
 	function i() {
 		return "value" in r && typeof r.value == "object" ? r.value : r;
@@ -1993,18 +1993,18 @@ function qn(e) {
 	function v(e) {
 		return _[e]?.() ?? e;
 	}
-	A(o, (e) => {
+	j(o, (e) => {
 		e && n.value && t.loadFolders();
-	}), A(() => t.previewItem.value?.id, () => {
+	}), j(() => t.previewItem.value?.id, () => {
 		l.value = "original";
 	});
-	let y = ae((e) => {
+	let y = oe((e) => {
 		t.search(e);
 	}, 300);
 	function b(e) {
 		c.value = e, y(e);
 	}
-	let { copy: x, copied: S } = ie({
+	let { copy: x, copied: S } = ae({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -2026,7 +2026,7 @@ function qn(e) {
 	function k(e) {
 		u.value = e;
 	}
-	async function j(e, n, r, i) {
+	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 M(e) {
@@ -2069,7 +2069,7 @@ function qn(e) {
 		handleRenameFolder: D,
 		handleDeleteFolder: O,
 		handleEditItem: k,
-		handleEditSave: j,
+		handleEditSave: A,
 		handleImportFromUrl: M,
 		handleMoveToFolder: N,
 		handleDeleteClick: P,
@@ -2080,7 +2080,7 @@ function qn(e) {
 }
 //#endregion
 //#region src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var Jn = ["data-tpl-theme"], Yn = {
+var Xn = ["data-tpl-theme"], Zn = {
 	class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "900px",
@@ -2091,97 +2091,100 @@ var Jn = ["data-tpl-theme"], Yn = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, Xn = {
+}, Qn = {
 	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)" }
-}, Zn = {
+}, $n = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Qn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, $n = { class: "tpl:relative" }, er = ["value", "placeholder"], tr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, nr = {
+}, er = { class: "tpl:flex tpl:items-center tpl:gap-3" }, tr = { class: "tpl:relative" }, nr = ["value", "placeholder"], rr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ir = {
 	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)"
 	}
-}, rr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, ir = {
+}, ar = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, or = {
 	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)" }
-}, ar = { class: "tpl:flex tpl:items-center tpl:gap-2" }, or = ["title"], sr = {
+}, sr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, cr = ["title"], lr = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, cr = {
+}, ur = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, lr = ["title"], ur = ["title"], dr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, fr = ["value"], pr = { value: "" }, mr = ["value"], hr = ["value"], gr = { value: "newest" }, _r = { value: "oldest" }, vr = { value: "name_asc" }, yr = { value: "name_desc" }, br = { value: "size_asc" }, xr = { value: "size_desc" }, Sr = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Cr = {
+}, dr = ["title"], fr = ["title"], pr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, mr = ["value"], hr = { value: "" }, gr = ["value"], _r = ["value"], vr = { value: "newest" }, yr = { value: "oldest" }, br = { value: "name_asc" }, xr = { value: "name_desc" }, Sr = { value: "size_asc" }, Cr = { value: "size_desc" }, wr = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Tr = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, wr = {
+}, Er = {
 	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)"
 	}
-}, Tr = {
+}, Dr = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Er = {
+}, Or = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Dr = {
+}, kr = {
 	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)" }
-}, Or = { class: "tpl:font-medium" }, kr = { style: { color: "var(--tpl-text-muted)" } }, Ar = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, jr = {
+}, Ar = { class: "tpl:font-medium" }, jr = { style: { color: "var(--tpl-text-muted)" } }, Mr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Nr = {
 	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)" }
-}, Mr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Nr = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Pr = {
+}, Pr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Fr = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ir = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Fr = {
+}, Lr = {
 	key: 1,
 	class: "tpl:relative"
-}, Ir = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Lr = ["disabled"], Rr = /* @__PURE__ */ h({
+}, Rr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, zr = ["disabled"], Br = /* @__PURE__ */ h({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
-		accept: {}
+		accept: {},
+		popoverTarget: {}
 	},
 	emits: ["close", "select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: c } = Z(), h = _("tplUiTheme"), g = _("authManager"), v = _("projectId"), x = s(() => v.value), C = _("planConfig"), w = s(() => C.hasFeature("media_folders")), E = s(() => C.hasFeature("import_from_url")), k = s(() => C.config.value?.storage.used_bytes ?? 0), M = s(() => C.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: N, availableCategories: I } = Q(), R = de({
+		let n = e, r = t, { t: c } = Z(), h = _("tplUiTheme");
+		C(Se, O(() => n.popoverTarget ?? null));
+		let g = _("authManager"), v = _("projectId"), x = s(() => v.value), w = _("planConfig"), E = s(() => w.hasFeature("media_folders")), A = s(() => w.hasFeature("import_from_url")), N = s(() => w.config.value?.storage.used_bytes ?? 0), P = s(() => w.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: L, availableCategories: z } = Q(), B = fe({
 			projectId: x.value,
 			authManager: g
-		}), z = qn({
-			library: R,
-			canUseMediaFolders: w,
+		}), W = Yn({
+			library: B,
+			canUseMediaFolders: E,
 			translations: c
 		});
-		A(() => n.visible, (e) => {
-			e ? (R.loadItems(), R.loadFrequentlyUsed()) : z.resetUI();
+		j(() => n.visible, (e) => {
+			e ? (B.loadItems(), B.loadFrequentlyUsed()) : W.resetUI();
 		});
-		function U(e) {
+		function K(e) {
 			e.key === "Escape" && r("close");
 		}
-		se(document, "keydown", U);
-		function G() {
-			return R.previewItem.value ? n.accept?.length ? N(R.previewItem.value.mime_type, n.accept) : !0 : !1;
+		ce(document, "keydown", K);
+		function q() {
+			return B.previewItem.value ? n.accept?.length ? L(B.previewItem.value.mime_type, n.accept) : !0 : !1;
 		}
-		function K() {
-			if (G()) {
-				let e = R.previewItem.value;
+		function J() {
+			if (q()) {
+				let e = B.previewItem.value;
 				r("select", {
 					...e,
-					url: z.selectedUrl.value || e.url
+					url: W.selectedUrl.value || e.url
 				}), r("close");
 			}
 		}
-		return (t, n) => (S(), l(a, { to: "body" }, [m(o, {
+		return (t, n) => (S(), l(a, { to: e.popoverTarget || "body" }, [m(o, {
 			"enter-active-class": "tpl:transition tpl:duration-200",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -2189,20 +2192,20 @@ var Jn = ["data-tpl-theme"], Yn = {
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: j(() => [e.visible ? (S(), d("div", {
+			default: M(() => [e.visible ? (S(), d("div", {
 				key: 0,
-				"data-tpl-theme": O(h),
+				"data-tpl-theme": k(h),
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999]",
-				onClick: n[18] ||= P((e) => r("close"), ["self"])
-			}, [f("div", Yn, [
-				f("div", Xn, [f("h2", Zn, D(O(c).mediaLibrary.title), 1), f("div", Qn, [
-					m(Kn, {
-						"used-bytes": k.value,
-						"limit-bytes": M.value,
+				onClick: n[18] ||= F((e) => r("close"), ["self"])
+			}, [f("div", Zn, [
+				f("div", Qn, [f("h2", $n, D(k(c).mediaLibrary.title), 1), f("div", er, [
+					m(Jn, {
+						"used-bytes": N.value,
+						"limit-bytes": P.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					f("div", $n, [f("input", {
-						value: O(z).searchInput.value,
+					f("div", tr, [f("input", {
+						value: k(W).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: {
@@ -2210,9 +2213,9 @@ var Jn = ["data-tpl-theme"], Yn = {
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						placeholder: O(c).mediaLibrary.searchPlaceholder,
-						onInput: n[0] ||= (e) => O(z).handleSearchInput(e.target.value)
-					}, null, 40, er), m(O(J), {
+						placeholder: k(c).mediaLibrary.searchPlaceholder,
+						onInput: n[0] ||= (e) => k(W).handleSearchInput(e.target.value)
+					}, null, 40, nr), m(k(Y), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -2222,12 +2225,12 @@ var Jn = ["data-tpl-theme"], Yn = {
 						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(O(te), {
+					}, [m(k(ne), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				f("div", tr, [m(o, {
+				f("div", rr, [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",
@@ -2235,16 +2238,16 @@ var Jn = ["data-tpl-theme"], Yn = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: j(() => [w.value && O(z).showSidebar.value ? (S(), d("div", nr, [m(ht, {
-						folders: O(R).folders.value,
-						"current-folder-id": O(R).currentFolderId.value,
-						"view-mode": O(R).viewMode.value,
-						"has-frequently-used": O(z).hasFrequentlyUsed.value,
-						onNavigate: O(R).navigateToFolder,
-						onCreateFolder: O(z).handleCreateFolder,
-						onRenameFolder: O(z).handleRenameFolder,
-						onDeleteFolder: O(z).handleDeleteFolder,
-						onShowFrequentlyUsed: O(R).showFrequentlyUsed
+					default: M(() => [E.value && k(W).showSidebar.value ? (S(), d("div", ir, [m(_t, {
+						folders: k(B).folders.value,
+						"current-folder-id": k(B).currentFolderId.value,
+						"view-mode": k(B).viewMode.value,
+						"has-frequently-used": k(W).hasFrequentlyUsed.value,
+						onNavigate: k(B).navigateToFolder,
+						onCreateFolder: k(W).handleCreateFolder,
+						onRenameFolder: k(W).handleRenameFolder,
+						onDeleteFolder: k(W).handleDeleteFolder,
+						onShowFrequentlyUsed: k(B).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -2257,55 +2260,55 @@ var Jn = ["data-tpl-theme"], Yn = {
 						"onShowFrequentlyUsed"
 					])])) : u("", !0)]),
 					_: 1
-				}), f("div", rr, [f("div", ir, [f("div", ar, [
-					w.value ? (S(), d("button", {
+				}), f("div", ar, [f("div", or, [f("div", sr, [
+					E.value ? (S(), d("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: b({
-							color: O(z).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: O(z).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-							border: O(z).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+							color: k(W).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(W).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+							border: k(W).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 						}),
-						title: O(z).showSidebar.value ? O(c).mediaLibrary.hideFolders : O(c).mediaLibrary.showFolders,
-						onClick: n[2] ||= (e) => O(z).showSidebar.value = !O(z).showSidebar.value
-					}, [m(O(W), {
+						title: k(W).showSidebar.value ? k(c).mediaLibrary.hideFolders : k(c).mediaLibrary.showFolders,
+						onClick: n[2] ||= (e) => k(W).showSidebar.value = !k(W).showSidebar.value
+					}, [m(k(G), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, or)) : u("", !0),
-					O(R).viewMode.value === "frequently-used" ? (S(), d("span", sr, D(O(c).mediaLibrary.frequentlyUsed), 1)) : (S(), l(he, {
+					})], 12, cr)) : u("", !0),
+					k(B).viewMode.value === "frequently-used" ? (S(), d("span", lr, D(k(c).mediaLibrary.frequentlyUsed), 1)) : (S(), l(ge, {
 						key: 2,
-						folders: O(R).folders.value,
-						"current-folder-id": O(R).currentFolderId.value,
-						onNavigate: O(R).navigateToFolder
+						folders: k(B).folders.value,
+						"current-folder-id": k(B).currentFolderId.value,
+						onNavigate: k(B).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
 						"onNavigate"
 					])),
-					f("div", cr, [f("button", {
+					f("div", ur, [f("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: b({
-							color: O(z).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: O(z).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(W).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(W).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
-						title: O(c).mediaLibrary.viewGrid,
-						onClick: n[3] ||= (e) => O(z).layoutMode.value = "grid"
-					}, [m(O(B), {
+						title: k(c).mediaLibrary.viewGrid,
+						onClick: n[3] ||= (e) => k(W).layoutMode.value = "grid"
+					}, [m(k(V), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, lr), f("button", {
+					})], 12, 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: O(z).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: O(z).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(W).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(W).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
-						title: O(c).mediaLibrary.viewList,
-						onClick: n[4] ||= (e) => O(z).layoutMode.value = "list"
-					}, [m(O(H), {
+						title: k(c).mediaLibrary.viewList,
+						onClick: n[4] ||= (e) => k(W).layoutMode.value = "list"
+					}, [m(k(U), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, ur)])
-				]), f("div", dr, [O(I).length > 1 ? (S(), d("select", {
+					})], 12, fr)])
+				]), f("div", pr, [k(z).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: {
@@ -2313,36 +2316,36 @@ var Jn = ["data-tpl-theme"], Yn = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: O(R).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => O(R).filterByCategory(e.target.value || null)
-				}, [f("option", pr, D(O(c).mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(O(I), (e) => (S(), d("option", {
+					value: k(B).categoryFilter.value ?? "",
+					onChange: n[5] ||= (e) => k(B).filterByCategory(e.target.value || null)
+				}, [f("option", hr, D(k(c).mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(z), (e) => (S(), d("option", {
 					key: e,
 					value: e
-				}, D(O(z).getCategoryLabel(e)), 9, mr))), 128))], 40, fr)) : u("", !0), f("select", {
+				}, D(k(W).getCategoryLabel(e)), 9, gr))), 128))], 40, mr)) : 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: O(R).sortOption.value,
-					onChange: n[6] ||= (e) => O(R).sortBy(e.target.value)
+					value: k(B).sortOption.value,
+					onChange: n[6] ||= (e) => k(B).sortBy(e.target.value)
 				}, [
-					f("option", gr, D(O(c).mediaLibrary.sortNewest), 1),
-					f("option", _r, D(O(c).mediaLibrary.sortOldest), 1),
-					f("option", vr, D(O(c).mediaLibrary.sortNameAsc), 1),
-					f("option", yr, D(O(c).mediaLibrary.sortNameDesc), 1),
-					f("option", br, D(O(c).mediaLibrary.sortSizeAsc), 1),
-					f("option", xr, D(O(c).mediaLibrary.sortSizeDesc), 1)
-				], 40, hr)])]), f("div", Sr, [O(R).viewMode.value === "files" ? (S(), d("div", Cr, [m(Vn, {
-					"is-uploading": O(R).isUploading.value,
-					"upload-progress": O(R).uploadProgress.value,
-					onUpload: O(z).handleUpload
+					f("option", vr, D(k(c).mediaLibrary.sortNewest), 1),
+					f("option", yr, D(k(c).mediaLibrary.sortOldest), 1),
+					f("option", br, D(k(c).mediaLibrary.sortNameAsc), 1),
+					f("option", xr, D(k(c).mediaLibrary.sortNameDesc), 1),
+					f("option", Sr, D(k(c).mediaLibrary.sortSizeAsc), 1),
+					f("option", Cr, D(k(c).mediaLibrary.sortSizeDesc), 1)
+				], 40, _r)])]), f("div", wr, [k(B).viewMode.value === "files" ? (S(), d("div", Tr, [m(Un, {
+					"is-uploading": k(B).isUploading.value,
+					"upload-progress": k(B).uploadProgress.value,
+					onUpload: k(W).handleUpload
 				}, null, 8, [
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), E.value ? (S(), d("button", {
+				]), A.value ? (S(), d("button", {
 					key: 0,
 					class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
@@ -2350,22 +2353,22 @@ var Jn = ["data-tpl-theme"], Yn = {
 						color: "var(--tpl-text-muted)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[7] ||= (e) => O(z).showImportUrlModal.value = !0
-				}, [m(O(V), {
+					onClick: n[7] ||= (e) => k(W).showImportUrlModal.value = !0
+				}, [m(k(H), {
 					size: 14,
 					"stroke-width": 2
-				}), p(" " + D(O(c).mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(Kt, {
-					items: O(z).displayItems.value,
-					"selected-ids": O(R).selectedItems.value,
-					"is-loading": O(R).isLoading.value,
-					"has-more": O(R).viewMode.value === "files" && O(R).hasMore.value,
+				}), p(" " + D(k(c).mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(Jt, {
+					items: k(W).displayItems.value,
+					"selected-ids": k(B).selectedItems.value,
+					"is-loading": k(B).isLoading.value,
+					"has-more": k(B).viewMode.value === "files" && k(B).hasMore.value,
 					accept: e.accept,
-					layout: O(z).layoutMode.value,
-					onSelect: O(z).handleSelect,
-					onToggle: O(R).toggleSelection,
-					onLoadMore: O(R).loadMore,
-					onEdit: O(z).handleEditItem,
-					onReplace: O(z).handleReplaceItem
+					layout: k(W).layoutMode.value,
+					onSelect: k(W).handleSelect,
+					onToggle: k(B).toggleSelection,
+					onLoadMore: k(B).loadMore,
+					onEdit: k(W).handleEditItem,
+					onReplace: k(W).handleReplaceItem
 				}, null, 8, [
 					"items",
 					"selected-ids",
@@ -2379,36 +2382,36 @@ var Jn = ["data-tpl-theme"], Yn = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				m(an, {
-					visible: O(z).showImportUrlModal.value,
-					"is-importing": O(R).isImportingFromUrl.value,
-					error: O(R).importFromUrlError.value,
-					onImport: O(z).handleImportFromUrl,
-					onClose: n[8] ||= (e) => O(z).showImportUrlModal.value = !1
+				m(sn, {
+					visible: k(W).showImportUrlModal.value,
+					"is-importing": k(B).isImportingFromUrl.value,
+					error: k(B).importFromUrlError.value,
+					onImport: k(W).handleImportFromUrl,
+					onClose: n[8] ||= (e) => k(W).showImportUrlModal.value = !1
 				}, null, 8, [
 					"visible",
 					"is-importing",
 					"error",
 					"onImport"
 				]),
-				m(nt, {
-					visible: !!O(z).editingItem.value,
-					item: O(z).editingItem.value,
-					onSave: O(z).handleEditSave,
-					onClose: n[9] ||= (e) => O(z).editingItem.value = null
+				m(it, {
+					visible: !!k(W).editingItem.value,
+					item: k(W).editingItem.value,
+					onSave: k(W).handleEditSave,
+					onClose: n[9] ||= (e) => k(W).editingItem.value = null
 				}, null, 8, [
 					"visible",
 					"item",
 					"onSave"
 				]),
-				m(In, {
-					visible: O(R).showReplaceWarning.value,
-					item: O(R).pendingReplaceItem.value,
-					"usage-info": O(R).replaceUsageInfo.value,
-					"is-replacing": O(R).isReplacing.value,
-					error: O(R).replaceError.value,
-					onReplace: O(z).handleReplaceFile,
-					onClose: O(R).cancelReplace
+				m(Rn, {
+					visible: k(B).showReplaceWarning.value,
+					item: k(B).pendingReplaceItem.value,
+					"usage-info": k(B).replaceUsageInfo.value,
+					"is-replacing": k(B).isReplacing.value,
+					error: k(B).replaceError.value,
+					onReplace: k(W).handleReplaceFile,
+					onClose: k(B).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -2426,7 +2429,7 @@ var Jn = ["data-tpl-theme"], Yn = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: j(() => [O(R).showDeleteWarning.value ? (S(), d("div", {
+					default: M(() => [k(B).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: {
@@ -2434,85 +2437,85 @@ var Jn = ["data-tpl-theme"], Yn = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= P((...e) => O(R).cancelDelete && O(R).cancelDelete(...e), ["self"])
-					}, [f("div", wr, [
-						f("h3", Tr, D(O(c).mediaLibrary.deleteWarningTitle), 1),
+						onClick: n[12] ||= F((...e) => k(B).cancelDelete && k(B).cancelDelete(...e), ["self"])
+					}, [f("div", Er, [
+						f("h3", Dr, D(k(c).mediaLibrary.deleteWarningTitle), 1),
 						f("p", {
-							class: y(["tpl:text-xs", O(z).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+							class: y(["tpl:text-xs", k(W).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
-						}, D(O(c).mediaLibrary.deleteWarningMessage), 3),
-						O(z).hasUsedFiles.value ? (S(), d("p", Er, D(O(c).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-						O(z).hasUsedFiles.value ? (S(), d("div", Dr, [(S(!0), d(i, null, T(O(R).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+						}, D(k(c).mediaLibrary.deleteWarningMessage), 3),
+						k(W).hasUsedFiles.value ? (S(), d("p", Or, D(k(c).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+						k(W).hasUsedFiles.value ? (S(), d("div", kr, [(S(!0), d(i, null, T(k(B).deleteUsageInfo.value, (e, t) => (S(), d("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Or, D(O(z).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", kr, " - " + D(O(c).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-						f("div", Ar, [f("button", {
+						}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Ar, D(k(W).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", jr, " - " + D(k(c).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+						f("div", Mr, [f("button", {
 							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) => O(R).cancelDelete && O(R).cancelDelete(...e)
-						}, D(O(c).mediaLibrary.cancel), 1), f("button", {
+							onClick: n[10] ||= (...e) => k(B).cancelDelete && k(B).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: {
 								"border-color": "var(--tpl-danger)",
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => O(R).confirmDelete && O(R).confirmDelete(...e)
-						}, D(O(z).hasUsedFiles.value ? O(c).mediaLibrary.deleteAnyway : O(c).mediaLibrary.confirmDelete), 1)])
+							onClick: n[11] ||= (...e) => k(B).confirmDelete && k(B).confirmDelete(...e)
+						}, D(k(W).hasUsedFiles.value ? k(c).mediaLibrary.deleteAnyway : k(c).mediaLibrary.confirmDelete), 1)])
 					])])) : u("", !0)]),
 					_: 1
 				}),
-				f("div", jr, [f("div", Mr, [O(R).previewItem.value ? (S(), l(xn, {
+				f("div", Nr, [f("div", Pr, [k(B).previewItem.value ? (S(), l(Cn, {
 					key: 0,
-					"selected-conversion": O(z).selectedConversion.value,
-					"onUpdate:selectedConversion": n[13] ||= (e) => O(z).selectedConversion.value = e,
-					item: O(R).previewItem.value,
-					folders: O(R).folders.value
+					"selected-conversion": k(W).selectedConversion.value,
+					"onUpdate:selectedConversion": n[13] ||= (e) => k(W).selectedConversion.value = e,
+					item: k(B).previewItem.value,
+					folders: k(B).folders.value
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : u("", !0)]), f("div", Nr, [O(R).selectedItems.value.size > 0 ? (S(), d("div", Pr, [O(R).previewItem.value ? (S(), d("button", {
+				])) : u("", !0)]), f("div", Fr, [k(B).selectedItems.value.size > 0 ? (S(), d("div", Ir, [k(B).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: O(z).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-						color: O(z).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+						borderColor: k(W).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+						color: k(W).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => O(z).copy(O(z).selectedUrl.value)
-				}, [O(z).copied.value ? (S(), l(O(F), {
+					onClick: n[14] ||= (e) => k(W).copy(k(W).selectedUrl.value)
+				}, [k(W).copied.value ? (S(), l(k(I), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (S(), l(O(L), {
+				})) : (S(), l(k(R), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), p(" " + D(O(z).copied.value ? O(c).mediaLibrary.copied : O(c).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), w.value ? (S(), d("div", Fr, [f("button", {
+				})), p(" " + D(k(W).copied.value ? k(c).mediaLibrary.copied : k(c).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), E.value ? (S(), d("div", Lr, [f("button", {
 					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) => O(z).showMovePicker.value = !O(z).showMovePicker.value
-				}, D(O(c).mediaLibrary.moveSelected), 1), O(z).showMovePicker.value ? (S(), l(un, {
+					onClick: n[15] ||= (e) => k(W).showMovePicker.value = !k(W).showMovePicker.value
+				}, D(k(c).mediaLibrary.moveSelected), 1), k(W).showMovePicker.value ? (S(), l(fn, {
 					key: 0,
-					folders: O(R).folders.value,
-					"current-folder-id": O(R).currentFolderId.value,
-					onSelect: O(z).handleMoveToFolder,
-					onClose: n[16] ||= (e) => O(z).showMovePicker.value = !1
+					folders: k(B).folders.value,
+					"current-folder-id": k(B).currentFolderId.value,
+					onSelect: k(W).handleMoveToFolder,
+					onClose: n[16] ||= (e) => k(W).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Ir, [O(R).selectedItems.value.size > 0 ? (S(), d("button", {
+				])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Rr, [k(B).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: {
@@ -2520,24 +2523,24 @@ var Jn = ["data-tpl-theme"], Yn = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => O(z).handleDeleteClick && O(z).handleDeleteClick(...e)
-				}, D(O(c).mediaLibrary.deleteSelected), 1)) : u("", !0), f("button", {
+					onClick: n[17] ||= (...e) => k(W).handleDeleteClick && k(W).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: !G(),
-					onClick: K
-				}, D(e.accept?.length ? O(c).mediaLibrary.selectImage : O(c).mediaLibrary.selectFile), 9, Lr)])])])
-			])], 8, Jn)) : u("", !0)]),
+					disabled: !q(),
+					onClick: J
+				}, D(e.accept?.length ? k(c).mediaLibrary.selectImage : k(c).mediaLibrary.selectFile), 9, zr)])])])
+			])], 8, Xn)) : u("", !0)]),
 			_: 1
-		})]));
+		})], 8, ["to"]));
 	}
 });
 //#endregion
 //#region src/composables/useMediaPicker.ts
-function zr() {
+function Vr() {
 	let e = _("onRequestMedia"), t = _("planConfig"), n = w(!1), r = s(() => !!e && t.hasFeature("pluggable_media"));
 	async function i(t) {
 		if (!e) return null;
@@ -2556,7 +2559,7 @@ function zr() {
 }
 //#endregion
 //#region src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
-var Br = {
+var Hr = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -2564,62 +2567,62 @@ var Br = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, Vr = {
+}, Ur = {
 	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)" }
-}, Hr = {
+}, Wr = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Ur = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Wr = { class: "tpl:relative" }, Gr = ["value", "placeholder"], Kr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, qr = {
+}, Gr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Kr = { class: "tpl:relative" }, qr = ["value", "placeholder"], Jr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Yr = {
 	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)"
 	}
-}, Jr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Yr = {
+}, Xr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Zr = {
 	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)" }
-}, Xr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Zr = ["title"], Qr = {
+}, Qr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, $r = ["title"], ei = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, $r = {
+}, ti = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, ei = ["title"], ti = ["title"], ni = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ri = ["value"], ii = { value: "" }, ai = ["value"], oi = ["value"], si = { value: "newest" }, ci = { value: "oldest" }, li = { value: "name_asc" }, ui = { value: "name_desc" }, di = { value: "size_asc" }, fi = { value: "size_desc" }, pi = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, mi = {
+}, ni = ["title"], ri = ["title"], ii = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ai = ["value"], oi = { value: "" }, si = ["value"], ci = ["value"], li = { value: "newest" }, ui = { value: "oldest" }, di = { value: "name_asc" }, fi = { value: "name_desc" }, pi = { value: "size_asc" }, mi = { value: "size_desc" }, hi = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, gi = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, hi = {
+}, _i = {
 	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)"
 	}
-}, gi = {
+}, vi = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, _i = {
+}, yi = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, vi = {
+}, bi = {
 	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)" }
-}, yi = { class: "tpl:font-medium" }, bi = { style: { color: "var(--tpl-text-muted)" } }, xi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Si = {
+}, xi = { class: "tpl:font-medium" }, Si = { style: { color: "var(--tpl-text-muted)" } }, Ci = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, wi = {
 	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)" }
-}, Ci = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, wi = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ti = {
+}, Ti = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Ei = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Di = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Ei = {
+}, Oi = {
 	key: 1,
 	class: "tpl:relative"
-}, Di = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Oi = ["disabled"], ki = /* @__PURE__ */ h({
+}, ki = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ai = ["disabled"], ji = /* @__PURE__ */ h({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -2639,11 +2642,11 @@ var Br = {
 			features: s(() => n.planConfig.features),
 			fetchConfig: async () => {}
 		});
-		let c = s(() => n.planConfig.features.media_folders ?? !1), h = s(() => n.planConfig.features.import_from_url ?? !1), g = s(() => n.planConfig.storage.used_bytes ?? 0), _ = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: v } = Q(), E = de({
+		let c = s(() => n.planConfig.features.media_folders ?? !1), h = s(() => n.planConfig.features.import_from_url ?? !1), g = s(() => n.planConfig.storage.used_bytes ?? 0), _ = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: v } = Q(), E = fe({
 			projectId: n.projectId,
 			authManager: n.authManager,
 			onError: n.onError
-		}), k = qn({
+		}), O = Yn({
 			library: E,
 			canUseMediaFolders: c,
 			translations: a
@@ -2652,19 +2655,19 @@ var Br = {
 			if (!E.previewItem.value) return;
 			let e = E.previewItem.value, t = {
 				...e,
-				url: k.selectedUrl.value || e.url
+				url: O.selectedUrl.value || e.url
 			};
 			n.onSelect?.(t);
 		}
 		return x(() => {
 			E.loadItems(), E.loadFrequentlyUsed(), r("ready");
-		}), (t, n) => (S(), d("div", Br, [
-			f("div", Vr, [f("h2", Hr, D(a.value.mediaLibrary.title), 1), f("div", Ur, [m(Kn, {
+		}), (t, n) => (S(), d("div", Hr, [
+			f("div", Ur, [f("h2", Wr, D(a.value.mediaLibrary.title), 1), f("div", Gr, [m(Jn, {
 				"used-bytes": g.value,
 				"limit-bytes": _.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", Wr, [f("input", {
-				value: O(k).searchInput.value,
+			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", Kr, [f("input", {
+				value: k(O).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: {
@@ -2673,14 +2676,14 @@ var Br = {
 					color: "var(--tpl-text)"
 				},
 				placeholder: a.value.mediaLibrary.searchPlaceholder,
-				onInput: n[0] ||= (e) => O(k).handleSearchInput(e.target.value)
-			}, null, 40, Gr), m(O(J), {
+				onInput: n[0] ||= (e) => k(O).handleSearchInput(e.target.value)
+			}, null, 40, qr), m(k(Y), {
 				class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 				size: 13,
 				"stroke-width": 2,
 				style: { color: "var(--tpl-text-dim)" }
 			})])])]),
-			f("div", Kr, [m(o, {
+			f("div", Jr, [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",
@@ -2688,16 +2691,16 @@ var Br = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: j(() => [c.value && O(k).showSidebar.value ? (S(), d("div", qr, [m(ht, {
-					folders: O(E).folders.value,
-					"current-folder-id": O(E).currentFolderId.value,
-					"view-mode": O(E).viewMode.value,
-					"has-frequently-used": O(k).hasFrequentlyUsed.value,
-					onNavigate: O(E).navigateToFolder,
-					onCreateFolder: O(k).handleCreateFolder,
-					onRenameFolder: O(k).handleRenameFolder,
-					onDeleteFolder: O(k).handleDeleteFolder,
-					onShowFrequentlyUsed: O(E).showFrequentlyUsed
+				default: M(() => [c.value && k(O).showSidebar.value ? (S(), d("div", Yr, [m(_t, {
+					folders: k(E).folders.value,
+					"current-folder-id": k(E).currentFolderId.value,
+					"view-mode": k(E).viewMode.value,
+					"has-frequently-used": k(O).hasFrequentlyUsed.value,
+					onNavigate: k(E).navigateToFolder,
+					onCreateFolder: k(O).handleCreateFolder,
+					onRenameFolder: k(O).handleRenameFolder,
+					onDeleteFolder: k(O).handleDeleteFolder,
+					onShowFrequentlyUsed: k(E).showFrequentlyUsed
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
@@ -2710,55 +2713,55 @@ var Br = {
 					"onShowFrequentlyUsed"
 				])])) : u("", !0)]),
 				_: 1
-			}), f("div", Jr, [f("div", Yr, [f("div", Xr, [
+			}), f("div", Xr, [f("div", Zr, [f("div", Qr, [
 				c.value ? (S(), d("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 					style: b({
-						color: O(k).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: O(k).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-						border: O(k).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+						color: k(O).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(O).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: k(O).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
-					title: O(k).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
-					onClick: n[1] ||= (e) => O(k).showSidebar.value = !O(k).showSidebar.value
-				}, [m(O(W), {
+					title: k(O).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
+					onClick: n[1] ||= (e) => k(O).showSidebar.value = !k(O).showSidebar.value
+				}, [m(k(G), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, Zr)) : u("", !0),
-				O(E).viewMode.value === "frequently-used" ? (S(), d("span", Qr, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(he, {
+				})], 12, $r)) : u("", !0),
+				k(E).viewMode.value === "frequently-used" ? (S(), d("span", ei, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(ge, {
 					key: 2,
-					folders: O(E).folders.value,
-					"current-folder-id": O(E).currentFolderId.value,
-					onNavigate: O(E).navigateToFolder
+					folders: k(E).folders.value,
+					"current-folder-id": k(E).currentFolderId.value,
+					onNavigate: k(E).navigateToFolder
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onNavigate"
 				])),
-				f("div", $r, [f("button", {
+				f("div", ti, [f("button", {
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 					style: b({
-						color: O(k).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: O(k).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: k(O).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(O).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewGrid,
-					onClick: n[2] ||= (e) => O(k).layoutMode.value = "grid"
-				}, [m(O(B), {
+					onClick: n[2] ||= (e) => k(O).layoutMode.value = "grid"
+				}, [m(k(V), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ei), f("button", {
+				})], 12, 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: O(k).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: O(k).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: k(O).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: k(O).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewList,
-					onClick: n[3] ||= (e) => O(k).layoutMode.value = "list"
-				}, [m(O(H), {
+					onClick: n[3] ||= (e) => k(O).layoutMode.value = "list"
+				}, [m(k(U), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ti)])
-			]), f("div", ni, [O(v).length > 1 ? (S(), d("select", {
+				})], 12, ri)])
+			]), f("div", ii, [k(v).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: {
@@ -2766,31 +2769,31 @@ var Br = {
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: O(E).categoryFilter.value ?? "",
-				onChange: n[4] ||= (e) => O(E).filterByCategory(e.target.value || null)
-			}, [f("option", ii, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(O(v), (e) => (S(), d("option", {
+				value: k(E).categoryFilter.value ?? "",
+				onChange: n[4] ||= (e) => k(E).filterByCategory(e.target.value || null)
+			}, [f("option", oi, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(v), (e) => (S(), d("option", {
 				key: e,
 				value: e
-			}, D(O(k).getCategoryLabel(e)), 9, ai))), 128))], 40, ri)) : u("", !0), f("select", {
+			}, D(k(O).getCategoryLabel(e)), 9, si))), 128))], 40, ai)) : 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: O(E).sortOption.value,
-				onChange: n[5] ||= (e) => O(E).sortBy(e.target.value)
+				value: k(E).sortOption.value,
+				onChange: n[5] ||= (e) => k(E).sortBy(e.target.value)
 			}, [
-				f("option", si, D(a.value.mediaLibrary.sortNewest), 1),
-				f("option", ci, D(a.value.mediaLibrary.sortOldest), 1),
-				f("option", li, D(a.value.mediaLibrary.sortNameAsc), 1),
-				f("option", ui, D(a.value.mediaLibrary.sortNameDesc), 1),
-				f("option", di, D(a.value.mediaLibrary.sortSizeAsc), 1),
-				f("option", fi, D(a.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, oi)])]), f("div", pi, [O(E).viewMode.value === "files" ? (S(), d("div", mi, [m(Vn, {
-				"is-uploading": O(E).isUploading.value,
-				"upload-progress": O(E).uploadProgress.value,
-				onUpload: O(k).handleUpload
+				f("option", li, D(a.value.mediaLibrary.sortNewest), 1),
+				f("option", ui, D(a.value.mediaLibrary.sortOldest), 1),
+				f("option", di, D(a.value.mediaLibrary.sortNameAsc), 1),
+				f("option", fi, D(a.value.mediaLibrary.sortNameDesc), 1),
+				f("option", pi, D(a.value.mediaLibrary.sortSizeAsc), 1),
+				f("option", mi, D(a.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, ci)])]), f("div", hi, [k(E).viewMode.value === "files" ? (S(), d("div", gi, [m(Un, {
+				"is-uploading": k(E).isUploading.value,
+				"upload-progress": k(E).uploadProgress.value,
+				onUpload: k(O).handleUpload
 			}, null, 8, [
 				"is-uploading",
 				"upload-progress",
@@ -2803,21 +2806,21 @@ var Br = {
 					color: "var(--tpl-text-muted)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[6] ||= (e) => O(k).showImportUrlModal.value = !0
-			}, [m(O(V), {
+				onClick: n[6] ||= (e) => k(O).showImportUrlModal.value = !0
+			}, [m(k(H), {
 				size: 14,
 				"stroke-width": 2
-			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(Kt, {
-				items: O(k).displayItems.value,
-				"selected-ids": O(E).selectedItems.value,
-				"is-loading": O(E).isLoading.value,
-				"has-more": O(E).viewMode.value === "files" && O(E).hasMore.value,
-				layout: O(k).layoutMode.value,
-				onSelect: O(k).handleSelect,
-				onToggle: O(E).toggleSelection,
-				onLoadMore: O(E).loadMore,
-				onEdit: O(k).handleEditItem,
-				onReplace: O(k).handleReplaceItem
+			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), m(Jt, {
+				items: k(O).displayItems.value,
+				"selected-ids": k(E).selectedItems.value,
+				"is-loading": k(E).isLoading.value,
+				"has-more": k(E).viewMode.value === "files" && k(E).hasMore.value,
+				layout: k(O).layoutMode.value,
+				onSelect: k(O).handleSelect,
+				onToggle: k(E).toggleSelection,
+				onLoadMore: k(E).loadMore,
+				onEdit: k(O).handleEditItem,
+				onReplace: k(O).handleReplaceItem
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -2830,36 +2833,36 @@ var Br = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			m(an, {
-				visible: O(k).showImportUrlModal.value,
-				"is-importing": O(E).isImportingFromUrl.value,
-				error: O(E).importFromUrlError.value,
-				onImport: O(k).handleImportFromUrl,
-				onClose: n[7] ||= (e) => O(k).showImportUrlModal.value = !1
+			m(sn, {
+				visible: k(O).showImportUrlModal.value,
+				"is-importing": k(E).isImportingFromUrl.value,
+				error: k(E).importFromUrlError.value,
+				onImport: k(O).handleImportFromUrl,
+				onClose: n[7] ||= (e) => k(O).showImportUrlModal.value = !1
 			}, null, 8, [
 				"visible",
 				"is-importing",
 				"error",
 				"onImport"
 			]),
-			m(nt, {
-				visible: !!O(k).editingItem.value,
-				item: O(k).editingItem.value,
-				onSave: O(k).handleEditSave,
-				onClose: n[8] ||= (e) => O(k).editingItem.value = null
+			m(it, {
+				visible: !!k(O).editingItem.value,
+				item: k(O).editingItem.value,
+				onSave: k(O).handleEditSave,
+				onClose: n[8] ||= (e) => k(O).editingItem.value = null
 			}, null, 8, [
 				"visible",
 				"item",
 				"onSave"
 			]),
-			m(In, {
-				visible: O(E).showReplaceWarning.value,
-				item: O(E).pendingReplaceItem.value,
-				"usage-info": O(E).replaceUsageInfo.value,
-				"is-replacing": O(E).isReplacing.value,
-				error: O(E).replaceError.value,
-				onReplace: O(k).handleReplaceFile,
-				onClose: O(E).cancelReplace
+			m(Rn, {
+				visible: k(E).showReplaceWarning.value,
+				item: k(E).pendingReplaceItem.value,
+				"usage-info": k(E).replaceUsageInfo.value,
+				"is-replacing": k(E).isReplacing.value,
+				error: k(E).replaceError.value,
+				onReplace: k(O).handleReplaceFile,
+				onClose: k(E).cancelReplace
 			}, null, 8, [
 				"visible",
 				"item",
@@ -2877,7 +2880,7 @@ var Br = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: j(() => [O(E).showDeleteWarning.value ? (S(), d("div", {
+				default: M(() => [k(E).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: {
@@ -2885,27 +2888,27 @@ var Br = {
 						"backdrop-filter": "blur(8px)",
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
-					onClick: n[11] ||= P((...e) => O(E).cancelDelete && O(E).cancelDelete(...e), ["self"])
-				}, [f("div", hi, [
-					f("h3", gi, D(a.value.mediaLibrary.deleteWarningTitle), 1),
+					onClick: n[11] ||= F((...e) => k(E).cancelDelete && k(E).cancelDelete(...e), ["self"])
+				}, [f("div", _i, [
+					f("h3", vi, D(a.value.mediaLibrary.deleteWarningTitle), 1),
 					f("p", {
-						class: y(["tpl:text-xs", O(k).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: y(["tpl:text-xs", k(O).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, D(a.value.mediaLibrary.deleteWarningMessage), 3),
-					O(k).hasUsedFiles.value ? (S(), d("p", _i, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-					O(k).hasUsedFiles.value ? (S(), d("div", vi, [(S(!0), d(i, null, T(O(E).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+					k(O).hasUsedFiles.value ? (S(), d("p", yi, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+					k(O).hasUsedFiles.value ? (S(), d("div", bi, [(S(!0), d(i, null, T(k(E).deleteUsageInfo.value, (e, t) => (S(), d("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", yi, D(O(k).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", bi, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-					f("div", xi, [f("button", {
+					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", xi, D(k(O).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Si, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+					f("div", Ci, [f("button", {
 						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) => O(E).cancelDelete && O(E).cancelDelete(...e)
+						onClick: n[9] ||= (...e) => k(E).cancelDelete && k(E).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: {
@@ -2913,57 +2916,57 @@ var Br = {
 							color: "var(--tpl-danger)",
 							"background-color": "var(--tpl-danger-light)"
 						},
-						onClick: n[10] ||= (...e) => O(E).confirmDelete && O(E).confirmDelete(...e)
-					}, D(O(k).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
+						onClick: n[10] ||= (...e) => k(E).confirmDelete && k(E).confirmDelete(...e)
+					}, D(k(O).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
 				])])) : u("", !0)]),
 				_: 1
 			}),
-			f("div", Si, [f("div", Ci, [O(E).previewItem.value ? (S(), l(xn, {
+			f("div", wi, [f("div", Ti, [k(E).previewItem.value ? (S(), l(Cn, {
 				key: 0,
-				"selected-conversion": O(k).selectedConversion.value,
-				"onUpdate:selectedConversion": n[12] ||= (e) => O(k).selectedConversion.value = e,
-				item: O(E).previewItem.value,
-				folders: O(E).folders.value
+				"selected-conversion": k(O).selectedConversion.value,
+				"onUpdate:selectedConversion": n[12] ||= (e) => k(O).selectedConversion.value = e,
+				item: k(E).previewItem.value,
+				folders: k(E).folders.value
 			}, null, 8, [
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : u("", !0)]), f("div", wi, [O(E).selectedItems.value.size > 0 ? (S(), d("div", Ti, [O(E).previewItem.value ? (S(), d("button", {
+			])) : u("", !0)]), f("div", Ei, [k(E).selectedItems.value.size > 0 ? (S(), d("div", Di, [k(E).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: O(k).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-					color: O(k).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					borderColor: k(O).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: k(O).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
-				onClick: n[13] ||= (e) => O(k).copy(O(k).selectedUrl.value)
-			}, [O(k).copied.value ? (S(), l(O(F), {
+				onClick: n[13] ||= (e) => k(O).copy(k(O).selectedUrl.value)
+			}, [k(O).copied.value ? (S(), l(k(I), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (S(), l(O(L), {
+			})) : (S(), l(k(R), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), p(" " + D(O(k).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), c.value ? (S(), d("div", Ei, [f("button", {
+			})), p(" " + D(k(O).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), c.value ? (S(), d("div", Oi, [f("button", {
 				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) => O(k).showMovePicker.value = !O(k).showMovePicker.value
-			}, D(a.value.mediaLibrary.moveSelected), 1), O(k).showMovePicker.value ? (S(), l(un, {
+				onClick: n[14] ||= (e) => k(O).showMovePicker.value = !k(O).showMovePicker.value
+			}, D(a.value.mediaLibrary.moveSelected), 1), k(O).showMovePicker.value ? (S(), l(fn, {
 				key: 0,
-				folders: O(E).folders.value,
-				"current-folder-id": O(E).currentFolderId.value,
-				onSelect: O(k).handleMoveToFolder,
-				onClose: n[15] ||= (e) => O(k).showMovePicker.value = !1
+				folders: k(E).folders.value,
+				"current-folder-id": k(E).currentFolderId.value,
+				onSelect: k(O).handleMoveToFolder,
+				onClose: n[15] ||= (e) => k(O).showMovePicker.value = !1
 			}, null, 8, [
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", Di, [O(E).selectedItems.value.size > 0 ? (S(), d("button", {
+			])) : u("", !0)])) : u("", !0)])) : u("", !0), f("div", ki, [k(E).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: {
@@ -2971,7 +2974,7 @@ var Br = {
 					color: "var(--tpl-danger)",
 					"background-color": "var(--tpl-danger-light)"
 				},
-				onClick: n[16] ||= (...e) => O(k).handleDeleteClick && O(k).handleDeleteClick(...e)
+				onClick: n[16] ||= (...e) => k(O).handleDeleteClick && k(O).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",
@@ -2979,37 +2982,37 @@ var Br = {
 					"background-color": "var(--tpl-primary)",
 					color: "var(--tpl-bg)"
 				},
-				disabled: !O(E).previewItem.value,
+				disabled: !k(E).previewItem.value,
 				onClick: A
-			}, D(a.value.mediaLibrary.selectFile), 9, Oi)) : u("", !0)])])])
+			}, D(a.value.mediaLibrary.selectFile), 9, Ai)) : u("", !0)])])])
 		]));
 	}
-}), Ai = (e, t, n) => {
+}), Mi = (e, t, n) => {
 	let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
 	return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
 		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
 	});
-}, ji = [
+}, Ni = [
 	"en",
 	"de",
 	"pt-BR"
 ];
-function Mi(e) {
+function Pi(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function Ni(e) {
-	let t = Mi(e);
-	return ji.find((e) => Mi(e) === t);
+function Fi(e) {
+	let t = Pi(e);
+	return Ni.find((e) => Pi(e) === t);
 }
-function Pi(e) {
-	return Mi(e).split("-")[0];
+function Ii(e) {
+	return Pi(e).split("-")[0];
 }
-function Fi(e) {
-	return Ni(e) ?? Ni(Pi(e)) ?? "en";
+function Li(e) {
+	return Fi(e) ?? Fi(Ii(e)) ?? "en";
 }
-async function Ii(e) {
-	let t = Fi(e);
-	return (await Ai(/* @__PURE__ */ Object.assign({
+async function Ri(e) {
+	let t = Li(e);
+	return (await Mi(/* @__PURE__ */ Object.assign({
 		"./locales/de.ts": () => import("./de-BULkjF_s.js"),
 		"./locales/en.ts": () => import("./en-ivlOqPuR.js"),
 		"./locales/pt-BR.ts": () => import("./pt-BR-T5mPyHbx.js")
@@ -3017,30 +3020,30 @@ async function Ii(e) {
 }
 //#endregion
 //#region src/standalone/visual.ts
-var $ = null, Li = w(null);
-async function Ri(e) {
+var $ = null, zi = w(null);
+async function Bi(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`Container element not found: ${e.container}`);
 	let i = r(e.auth, e.onError);
 	await i.initialize();
-	let a = await new t(i).fetchConfig(), o = await Ii(e.locale ?? "en");
-	return Bi(n, e.theme), $ && zi(), new Promise((t, r) => {
+	let a = await new t(i).fetchConfig(), o = await Ri(e.locale ?? "en");
+	return Hi(n, e.theme), $ && Vi(), new Promise((t, r) => {
 		try {
 			$ = c({ setup() {
 				let r = () => {
 					t({
-						setTheme: (e) => Bi(n, e),
-						unmount: zi
+						setTheme: (e) => Hi(n, e),
+						unmount: Vi
 					});
 				};
-				return () => g(ki, {
+				return () => g(ji, {
 					authManager: i,
 					projectId: i.projectId,
 					planConfig: a,
 					translations: o,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: Li,
+					ref: zi,
 					onReady: r
 				});
 			} }), $.mount(n);
@@ -3049,15 +3052,15 @@ async function Ri(e) {
 		}
 	});
 }
-function zi() {
-	$ && ($.unmount(), $ = null, Li.value = null);
+function Vi() {
+	$ && ($.unmount(), $ = null, zi.value = null);
 }
-function Bi(e, t) {
+function Hi(e, t) {
 	t && (t.primaryColor && e.style.setProperty("--tpl-primary", t.primaryColor), t.borderRadius !== void 0 && (e.style.setProperty("--tpl-radius", `${t.borderRadius}px`), e.style.setProperty("--tpl-radius-sm", `${Math.max(0, t.borderRadius - 3)}px`), e.style.setProperty("--tpl-radius-lg", `${t.borderRadius + 4}px`)));
 }
 typeof window < "u" && (window.TemplaticalMedia = {
-	init: Ri,
-	unmount: zi
+	init: Bi,
+	unmount: Vi
 });
 //#endregion
-export { ue as MediaApiClient, Rr as MediaLibraryModal, Ri as init, zi as unmount, Z as useI18n, Q as useMediaCategories, de as useMediaLibrary, zr as useMediaPicker };
+export { de as MediaApiClient, Br as MediaLibraryModal, Bi as init, Vi as unmount, Z as useI18n, Q as useMediaCategories, fe as useMediaLibrary, Vr as useMediaPicker };