@templatical/media-library 0.30.0 → 0.32.0

package/dist/templatical-media-library.js

@@ -1,17 +1,17 @@
 import { API_ROUTES as e, ApiClient as t, buildUrl as n, createSdkAuthManager as r } from "@templatical/core/cloud";
 import { Fragment as i, Teleport as a, Transition as o, computed as s, createApp as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, h as g, inject as _, isRef as v, normalizeClass as y, normalizeStyle as b, onMounted as x, openBlock as S, provide as C, ref as w, renderList as T, resolveComponent as E, toDisplayString as D, toRef as O, unref as k, vModelText as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
-import { Check as I, ChevronRight as L, Copy as R, File as z, Folder as B, Grid2x2 as V, Link as H, List as U, LoaderCircle as W, PanelLeft as G, Pencil as K, Plus as q, RefreshCw as ee, Search as J, Star as te, Trash2 as Y, Upload as ne, X as re } from "@lucide/vue";
-import { Cropper as ie } from "vue-advanced-cropper";
-import { onClickOutside as ae, useClipboard as oe, useDebounceFn as se, useDropZone as ce, useEventListener as le, useFileDialog as ue, useIntersectionObserver as de } from "@vueuse/core";
+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 \0rolldown/runtime.js
-var fe = Object.defineProperty, pe = (e, t) => {
+var de = Object.defineProperty, fe = (e, t) => {
 	let n = {};
-	for (var r in e) fe(n, r, {
+	for (var r in e) de(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || fe(n, Symbol.toStringTag, { value: "Module" }), n;
-}, me = class {
+	return t || de(n, Symbol.toStringTag, { value: "Module" }), n;
+}, pe = class {
 	authManager;
 	constructor(e) {
 		this.authManager = e;
@@ -168,9 +168,9 @@ var fe = Object.defineProperty, pe = (e, t) => {
 };
 //#endregion
 //#region src/composable.ts
-function he(e) {
+function me(e) {
 	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
-	let t = new me(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 pe(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;
@@ -333,50 +333,50 @@ function he(e) {
 	function q() {
 		m.value = /* @__PURE__ */ new Set(), h.value = null;
 	}
-	function ee(e) {
+	function J(e) {
 		h.value = e, m.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function J() {
+	async function Y() {
 		try {
 			r.value = await t.getMediaFolders();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function te(n, r) {
+	async function ee(n, r) {
 		try {
 			let e = await t.createMediaFolder(n, r);
-			return await J(), e;
+			return await Y(), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
 	}
-	function Y(e, t) {
+	function X(e, t) {
 		for (let n of e) {
 			if (n.id === t) return n;
 			if (n.children) {
-				let e = Y(n.children, t);
+				let e = X(n.children, t);
 				if (e) return e;
 			}
 		}
 		return null;
 	}
-	async function ne(n, r) {
+	async function te(n, r) {
 		try {
-			await t.renameMediaFolder(n, r), await J();
+			await t.renameMediaFolder(n, r), await Y();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function re(n) {
+	async function ne(n) {
 		try {
-			let e = Y(r.value, n)?.parent_id ?? null;
-			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await J(), await k();
+			let e = X(r.value, n)?.parent_id ?? null;
+			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await Y(), await k();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ie(n) {
+	async function re(n) {
 		E.value = n, C.value = null;
 		try {
 			let e = await t.checkMediaUsage([n.id]);
@@ -385,10 +385,10 @@ function he(e) {
 			e.onError?.(t);
 		}
 	}
-	function ae() {
+	function ie() {
 		T.value = !1, E.value = null, D.value = null, C.value = null;
 	}
-	async function oe(r) {
+	async function ae(r) {
 		if (!E.value) return null;
 		S.value = !0, C.value = null;
 		try {
@@ -400,7 +400,7 @@ function he(e) {
 			S.value = !1;
 		}
 	}
-	async function se(r, i) {
+	async function oe(r, i) {
 		try {
 			let e = await t.replaceMedia(r, i);
 			return n.value = n.value.map((t) => t.id === e.id ? e : t), g.value = g.value.map((t) => t.id === e.id ? e : t), h.value?.id === e.id && (h.value = e), e;
@@ -442,12 +442,12 @@ function he(e) {
 		importFromUrl: G,
 		toggleSelection: K,
 		clearSelection: q,
-		selectItem: ee,
-		loadFolders: J,
-		createFolder: te,
-		renameFolder: ne,
-		deleteFolder: re,
-		findFolderInTree: Y,
+		selectItem: J,
+		loadFolders: Y,
+		createFolder: ee,
+		renameFolder: te,
+		deleteFolder: ne,
+		findFolderInTree: X,
 		loadFrequentlyUsed: V,
 		checkUsageBeforeDelete: H,
 		confirmDelete: U,
@@ -457,15 +457,15 @@ function he(e) {
 		showReplaceWarning: T,
 		pendingReplaceItem: E,
 		replaceUsageInfo: D,
-		checkUsageBeforeReplace: ie,
-		cancelReplace: ae,
-		replaceFile: oe,
-		replaceMediaDirectly: se
+		checkUsageBeforeReplace: re,
+		cancelReplace: ie,
+		replaceFile: ae,
+		replaceMediaDirectly: oe
 	};
 }
 //#endregion
 //#region src/keys.ts
-var ge = Symbol("templaticalMediaPlanConfig"), _e = Symbol("templaticalMediaPopoverTarget"), ve = Symbol("templaticalMediaTranslations"), ye = Symbol("templaticalMediaUiTheme"), be = /* @__PURE__ */ pe({ default: () => xe }), xe = { mediaLibrary: {
+var he = Symbol("templaticalMediaPlanConfig"), ge = Symbol("templaticalMediaPopoverTarget"), _e = Symbol("templaticalMediaTranslations"), ve = Symbol("templaticalMediaUiTheme"), ye = Symbol("templaticalMediaUiLocale"), be = /* @__PURE__ */ fe({ default: () => xe }), xe = { mediaLibrary: {
 	title: "Media Library",
 	searchPlaceholder: "Search files...",
 	allFiles: "All Files",
@@ -551,8 +551,8 @@ var ge = Symbol("templaticalMediaPlanConfig"), _e = Symbol("templaticalMediaPopo
 } };
 //#endregion
 //#region src/composables/useI18n.ts
-function X(e) {
-	let t = e ?? _(ve, null), n = (v(t) ? t.value : t) ?? xe;
+function Z(e) {
+	let t = e ?? _(_e, null), n = (v(t) ? t.value : t) ?? xe;
 	function r(e, t) {
 		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
 	}
@@ -578,7 +578,7 @@ var Se = {
 	},
 	emits: ["navigate"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = X(), o = s(() => {
+		let n = e, r = t, { t: a } = Z(), o = s(() => {
 			if (!n.currentFolderId) return [];
 			let e = [];
 			return c(n.folders, n.currentFolderId, e), e;
@@ -607,8 +607,8 @@ var Se = {
 });
 //#endregion
 //#region src/composables/useMediaCategories.ts
-function Z(e) {
-	let t = e ?? _(ge, null);
+function Q(e) {
+	let t = e ?? _(he, null);
 	if (!t) throw Error("[Templatical] useMediaCategories() needs a plan config in scope. Render it under <MediaLibraryModal> (pass its `planConfig` prop) or provide PLAN_CONFIG_KEY yourself.");
 	let n = s(() => t.config.value?.media ?? null), r = s(() => n.value?.use_media_library ?? !0), i = s(() => n.value?.categories ?? null), a = s(() => i.value ? Object.values(i.value).flatMap((e) => e.mime_types) : []), o = s(() => a.value.join(",")), c = s(() => n.value?.max_file_size ?? 0);
 	function l(e, t) {
@@ -755,7 +755,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: c } = X(), h = _(ye, null), g = _(_e, w(null)), v = c.mediaLibrary, { isImageMimeType: x } = Z(), C = w(""), E = w(""), O = w(null), P = w("free"), I = w(void 0), L = w(void 0), R = w(""), z = w(""), B = w(void 0), V = w(null), H = w(!1), U = w(!1), W = w(!1), G = s(() => n.item ? [
+		let n = e, r = t, { t: c } = Z(), h = _(ve, null), g = _(ge, 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",
@@ -764,24 +764,24 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 		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 ee(e) {
+		function J(e) {
 			e.coordinates && (V.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, W.value = !0);
 		}
-		function J() {
+		function Y() {
 			H.value = !0, !B.value && n.item?.width && n.item?.height && (B.value = n.item.width / n.item.height);
 		}
-		function te(e) {
+		function ee(e) {
 			let t = e.target.value;
 			R.value = t, I.value = t && parseInt(t, 10) || void 0;
 		}
-		function Y(e) {
+		function X(e) {
 			let t = e.target.value;
 			z.value = t, L.value = t && parseInt(t, 10) || void 0;
 		}
-		async function ne() {
+		async function te() {
 			let e = C.value.trim();
 			if (!e || !n.item || U.value) return;
 			let t = x(n.item.mime_type), i;
@@ -801,8 +801,8 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			}
 			r("save", n.item.id, e, t ? E.value : void 0, i), r("close");
 		}
-		function re(e) {
-			e.key === "Enter" && !U.value && (e.preventDefault(), ne()), 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: k(g) || "body" }, [m(o, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
@@ -818,22 +818,22 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center tpl:p-4",
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[3] ||= F((e) => r("close"), ["self"]),
-				onKeydown: re
+				onKeydown: ne
 			}, [f("div", {
 				class: y(["tpl:flex tpl:max-h-[90%] 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", Me, [f("h3", Ne, D(k(c).mediaLibrary.editFile), 1)]),
 				f("div", Pe, [
-					G.value ? (S(), d("div", Fe, [f("div", Ie, [m(k(ie), {
+					G.value ? (S(), d("div", Fe, [f("div", Ie, [m(k(re), {
 						ref_key: "cropperRef",
 						ref: O,
 						src: e.item.url,
 						"stencil-props": { aspectRatio: K.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: ee,
-						onReady: J
+						onChange: J,
+						onReady: Y
 					}, null, 8, ["src", "stencil-props"])]), f("div", Le, [
 						f("div", null, [f("label", Re, D(k(c).mediaLibrary.cropAspectRatio), 1), f("div", ze, [(S(), d(i, null, T([
 							"free",
@@ -863,7 +863,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 								color: "var(--tpl-text)"
 							},
 							placeholder: V.value?.width?.toString() || "",
-							onInput: te
+							onInput: ee
 						}, null, 40, Ke), f("span", qe, D(k(c).mediaLibrary.cropPixels), 1)])]), f("div", Je, [f("label", Ye, [p(D(k(c).mediaLibrary.cropMaxHeight) + " ", 1), f("span", Xe, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", Ze, [f("input", {
 							value: z.value,
 							type: "number",
@@ -875,7 +875,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 								color: "var(--tpl-text)"
 							},
 							placeholder: V.value?.height?.toString() || "",
-							onInput: Y
+							onInput: X
 						}, null, 40, Qe), f("span", $e, D(k(c).mediaLibrary.cropPixels), 1)])])]),
 						q.value ? (S(), d("div", et, [f("span", null, D(k(c).mediaLibrary.cropOutputSize) + ": ", 1), f("span", tt, D(q.value.width) + " x " + D(q.value.height) + " " + D(k(c).mediaLibrary.cropPixels), 1)])) : u("", !0)
 					])])) : u("", !0),
@@ -914,7 +914,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: U.value,
-					onClick: ne
+					onClick: te
 				}, D(U.value ? k(c).mediaLibrary.saving : k(c).mediaLibrary.saveChanges), 9, lt)])
 			], 2)], 40, je)) : u("", !0)]),
 			_: 1
@@ -947,7 +947,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = X(), o = w(!1), c = w(!1), p = w(""), h = w(!1), g = w(""), _ = s(() => (n.folder.children?.length ?? 0) > 0), v = s(() => n.depth < 4), x = s(() => n.currentFolderId === n.folder.id), C = s(() => !n.currentFolderId || !n.folder.children ? !1 : j(n.folder.children, n.currentFolderId)), O = s(() => o.value || C.value);
+		let n = e, r = t, { t: a } = Z(), o = w(!1), c = w(!1), p = w(""), h = w(!1), g = w(""), _ = s(() => (n.folder.children?.length ?? 0) > 0), v = s(() => n.depth < 4), x = s(() => n.currentFolderId === n.folder.id), C = s(() => !n.currentFolderId || !n.folder.children ? !1 : j(n.folder.children, n.currentFolderId)), O = s(() => o.value || C.value);
 		function j(e, t) {
 			for (let n of e) if (n.id === t || n.children && j(n.children, t)) return !0;
 			return !1;
@@ -1037,7 +1037,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 					f("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: n[3] ||= F((t) => r("deleteFolder", e.folder.id), ["stop"])
-					}, [m(k(Y), {
+					}, [m(k(X), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
@@ -1095,7 +1095,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 		"showFrequentlyUsed"
 	],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = X(), a = w(!1), o = w("");
+		let n = t, { t: r } = Z(), a = w(!1), o = w("");
 		function s() {
 			a.value = !0, o.value = "";
 		}
@@ -1160,7 +1160,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: g[6] ||= (e) => n("showFrequentlyUsed")
-			}, [m(k(te), {
+			}, [m(k(ee), {
 				size: 14,
 				"stroke-width": 1.5
 			}), p(" " + D(k(r).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
@@ -1336,48 +1336,63 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			style: b({ color: i.value.color })
 		}, D(i.value.label), 5)]));
 	}
-}), Dt = { class: "tpl:p-4" }, Ot = {
+});
+//#endregion
+//#region src/utils/formatAbsoluteDate.ts
+function Dt(e, t, n) {
+	let r = new Date(e);
+	if (Number.isNaN(r.getTime())) return "";
+	let i = t?.trim().replace(/_/g, "-") || void 0;
+	try {
+		return r.toLocaleDateString(i, n);
+	} catch {
+		return r.toLocaleDateString(void 0, n);
+	}
+}
+//#endregion
+//#region src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
+var Ot = { class: "tpl:p-4" }, kt = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, kt = {
+}, At = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, At = {
+}, jt = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, jt = ["onClick"], Mt = { class: "tpl:aspect-square" }, Nt = ["src", "alt"], Pt = { class: "tpl:px-2 tpl:py-1.5" }, Ft = {
+}, Mt = ["onClick"], Nt = { class: "tpl:aspect-square" }, Pt = ["src", "alt"], Ft = { class: "tpl:px-2 tpl:py-1.5" }, It = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, It = {
+}, Lt = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Lt = { key: 0 }, Rt = { 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" }, zt = ["title", "onClick"], Bt = ["title", "onClick"], Vt = {
+}, Rt = { key: 0 }, zt = { 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" }, Bt = ["title", "onClick"], Vt = ["title", "onClick"], Ht = {
 	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)" }
-}, Ht = {
+}, Ut = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Ut = ["onClick"], Wt = {
+}, Wt = ["onClick"], Gt = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, Gt = ["src", "alt"], Kt = {
+}, Kt = ["src", "alt"], qt = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, qt = { class: "tpl:min-w-0 tpl:flex-1" }, Jt = {
+}, Jt = { class: "tpl:min-w-0 tpl:flex-1" }, Yt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Yt = {
+}, Xt = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Xt = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Zt = ["title", "onClick"], Qt = ["title", "onClick"], $t = {
+}, Zt = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Qt = ["title", "onClick"], $t = ["title", "onClick"], en = {
 	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)" }
-}, en = {
+}, tn = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, tn = /*#__PURE__*/ dt(/* @__PURE__ */ h({
+}, nn = /*#__PURE__*/ dt(/* @__PURE__ */ h({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -1395,28 +1410,28 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 		"replace"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isAcceptedMimeType: a, isImageMimeType: o } = Z();
+		let n = e, r = t, { isAcceptedMimeType: a, isImageMimeType: o } = Q();
 		function s(e) {
 			return !n.accept || n.accept.length === 0 || a(e.mime_type, n.accept);
 		}
 		function c(e) {
 			r("select", e);
 		}
-		let { t: h } = X(), g = w(null);
-		de(g, ([{ isIntersecting: e }]) => {
+		let { t: h } = Z(), g = _(ye, null), v = w(null);
+		ue(v, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
-		function _(e) {
+		function x(e) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
-		function v(e) {
-			return new Date(e).toLocaleDateString(void 0, {
+		function C(e) {
+			return Dt(e, g?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", Dt, [
+		return (t, n) => (S(), d("div", Ot, [
 			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")
@@ -1424,26 +1439,26 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				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", Ot, [m(k(z), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (S(), d("div", kt, [m(k(z), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), f("p", kt, D(k(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", Ht, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			}), f("p", At, D(k(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", Ut, [(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", Wt, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Gt, [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, Gt)) : (S(), d("div", Kt, [m(Et, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				f("div", qt, [f("p", Jt, D(t.filename), 1), f("p", Yt, [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", Xt, [f("button", {
+				}, null, 8, Kt)) : (S(), d("div", qt, [m(Et, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				f("div", Jt, [f("p", Yt, D(t.filename), 1), f("p", Xt, [p(D(x(t.size)) + " · " + D(C(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", Zt, [f("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: k(h).mediaLibrary.editFile,
@@ -1451,20 +1466,20 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				}, [m(k(K), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Zt), f("button", {
+				})], 8, Qt), f("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: k(h).mediaLibrary.replaceFile,
 					onClick: F((e) => r("replace", t), ["stop"])
-				}, [m(k(ee), {
+				}, [m(k(J), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Qt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", $t, [m(k(I), {
+				})], 8, $t)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", en, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Ut))), 128))])) : (S(), d("div", At, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			], 14, Wt))), 128))])) : (S(), d("div", jt, [(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",
@@ -1477,18 +1492,18 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				}),
 				onClick: (e) => c(t)
 			}, [
-				f("div", Mt, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Nt, [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, Nt)) : (S(), l(Et, {
+				}, null, 8, Pt)) : (S(), l(Et, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				f("div", Pt, [f("p", Ft, D(t.filename), 1), f("p", It, [f("span", null, D(_(t.size)), 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d("span", Lt, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
-				f("div", Rt, [f("button", {
+				f("div", Ft, [f("p", It, D(t.filename), 1), f("p", Lt, [f("span", null, D(x(t.size)), 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d("span", Rt, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
+				f("div", zt, [f("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: k(h).mediaLibrary.editFile,
@@ -1496,26 +1511,26 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				}, [m(k(K), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, zt), f("button", {
+				})], 8, Bt), f("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: k(h).mediaLibrary.replaceFile,
 					onClick: F((e) => r("replace", t), ["stop"])
-				}, [m(k(ee), {
+				}, [m(k(J), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Bt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Vt, [m(k(I), {
+				})], 8, Vt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", Ht, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, jt))), 128))])),
+			], 14, Mt))), 128))])),
 			f("div", {
 				ref_key: "sentinelRef",
-				ref: g,
+				ref: v,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (S(), d("div", en, [m(k(W), {
+			e.isLoading && e.items.length > 0 ? (S(), d("div", tn, [m(k(W), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1523,20 +1538,20 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			})])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9db961d1"]]), nn = ["data-tpl-theme"], rn = {
+}), [["__scopeId", "data-v-5b4cc2c6"]]), rn = ["data-tpl-theme"], an = {
 	class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, an = {
+}, on = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, on = { class: "tpl:mb-3" }, sn = ["placeholder", "disabled"], cn = {
+}, sn = { class: "tpl:mb-3" }, cn = ["placeholder", "disabled"], ln = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, ln = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, un = ["disabled"], dn = ["disabled"], fn = {
+}, un = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, dn = ["disabled"], fn = ["disabled"], pn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, pn = { key: 1 }, mn = /* @__PURE__ */ h({
+}, mn = { key: 1 }, hn = /* @__PURE__ */ h({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1545,13 +1560,13 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 	},
 	emits: ["import", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = X(), s = _(ye, null), c = _(_e, w(null)), h = w("");
+		let n = e, r = t, { t: i } = Z(), s = _(ve, null), c = _(ge, w(null)), h = w("");
 		j(() => n.visible, (e) => {
 			e && (h.value = "");
 		});
 		function g() {
 			let e = h.value.trim();
-			!e || n.isImporting || r("import", e);
+			e && !n.isImporting && r("import", e);
 		}
 		function v() {
 			n.isImporting || r("close");
@@ -1574,9 +1589,9 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: F(v, ["self"]),
 				onKeydown: b
-			}, [f("div", rn, [
-				f("h3", an, D(k(i).mediaLibrary.importFromUrl), 1),
-				f("div", on, [N(f("input", {
+			}, [f("div", an, [
+				f("h3", on, D(k(i).mediaLibrary.importFromUrl), 1),
+				f("div", sn, [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",
@@ -1588,9 +1603,9 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 					placeholder: k(i).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, sn), [[A, h.value]])]),
-				e.error ? (S(), d("p", cn, D(e.error), 1)) : u("", !0),
-				f("div", ln, [f("button", {
+				}, null, 8, cn), [[A, h.value]])]),
+				e.error ? (S(), d("p", ln, D(e.error), 1)) : u("", !0),
+				f("div", un, [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)",
@@ -1599,25 +1614,25 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 					},
 					disabled: e.isImporting,
 					onClick: v
-				}, D(k(i).mediaLibrary.cancel), 11, un), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 11, dn), f("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !h.value.trim() || e.isImporting,
 					onClick: g
-				}, [e.isImporting ? (S(), d("span", fn, [m(k(W), {
+				}, [e.isImporting ? (S(), d("span", pn, [m(k(W), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", pn, D(k(i).mediaLibrary.import), 1))], 8, dn)])
-			])], 40, nn)) : u("", !0)]),
+				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", mn, D(k(i).mediaLibrary.import), 1))], 8, fn)])
+			])], 40, rn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), hn = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, gn = ["disabled", "onClick"], _n = { class: "tpl:truncate" }, vn = {
+}), gn = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, _n = ["disabled", "onClick"], vn = { class: "tpl:truncate" }, yn = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, yn = /* @__PURE__ */ h({
+}, bn = /* @__PURE__ */ h({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1625,7 +1640,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 	},
 	emits: ["select", "close"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = X(), a = w(null);
+		let n = t, { t: r } = Z(), a = w(null);
 		function o(e, t = 0) {
 			let n = [];
 			for (let r of e) n.push({
@@ -1635,7 +1650,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			}), r.children?.length && n.push(...o(r.children, t + 1));
 			return n;
 		}
-		return ae(a, () => {
+		return ie(a, () => {
 			n("close");
 		}), (t, s) => (S(), d("div", {
 			ref_key: "pickerRef",
@@ -1645,7 +1660,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [f("div", hn, [e.currentFolderId === null ? u("", !0) : (S(), d("button", {
+		}, [f("div", gn, [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)" },
@@ -1670,27 +1685,27 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			f("span", _n, D(t.name), 1),
-			t.id === e.currentFolderId ? (S(), d("span", vn, D(k(r).mediaLibrary.currentFolder), 1)) : u("", !0)
-		], 12, gn))), 128))])], 512));
+			f("span", vn, D(t.name), 1),
+			t.id === e.currentFolderId ? (S(), d("span", yn, D(k(r).mediaLibrary.currentFolder), 1)) : u("", !0)
+		], 12, _n))), 128))])], 512));
 	}
-}), bn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, xn = ["src", "alt"], Sn = {
+}), xn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Sn = ["src", "alt"], Cn = {
 	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)" }
-}, Cn = { class: "tpl:min-w-0 tpl:flex-1" }, wn = {
+}, wn = { class: "tpl:min-w-0 tpl:flex-1" }, Tn = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Tn = {
+}, En = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, En = {
+}, Dn = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, Dn = {
+}, On = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, On = ["value"], kn = ["value"], An = /*#__PURE__*/ dt(/* @__PURE__ */ h({
+}, kn = ["value"], An = ["value"], jn = /*#__PURE__*/ dt(/* @__PURE__ */ h({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -1699,8 +1714,8 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 	},
 	emits: ["update:selectedConversion"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = X(), { isImageMimeType: o } = Z(), c = s(() => {
-			if (!b.value || !n.item.conversions_generated) return [];
+		let n = e, r = t, { t: a } = Z(), o = _(ye, null), { isImageMimeType: c } = Q(), l = s(() => {
+			if (!C.value || !n.item.conversions_generated) return [];
 			let e = [];
 			return n.item.small_url && e.push({
 				value: "small",
@@ -1719,8 +1734,8 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				label: a.mediaLibrary.conversionOriginal,
 				url: n.item.url
 			}), e;
-		}), l = s(() => b.value && c.value.length > 1), h = s(() => {
-			if (!b.value) return null;
+		}), h = s(() => C.value && l.value.length > 1), g = s(() => {
+			if (!C.value) return null;
 			switch (n.selectedConversion) {
 				case "small": return n.item.small_url || n.item.url;
 				case "medium": return n.item.medium_url || n.item.url;
@@ -1728,69 +1743,69 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				default: return n.item.url;
 			}
 		});
-		function g(e) {
+		function v(e) {
 			let t = e.target;
 			r("update:selectedConversion", t.value);
 		}
-		function _(e, t, n = []) {
+		function b(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r.name];
 				if (r.id === t) return e;
 				if (r.children) {
-					let n = _(r.children, t, e);
+					let n = b(r.children, t, e);
 					if (n) return n;
 				}
 			}
 			return null;
 		}
-		let v = s(() => {
+		let x = s(() => {
 			if (!n.item.folder_id || !n.folders) return null;
-			let e = _(n.folders, n.item.folder_id);
+			let e = b(n.folders, n.item.folder_id);
 			return e ? e.join("/") : null;
-		}), b = s(() => o(n.item.mime_type));
-		function x(e) {
+		}), C = s(() => c(n.item.mime_type));
+		function w(e) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
-		function C(e) {
-			return new Date(e).toLocaleDateString(void 0, {
+		function E(e) {
+			return Dt(e, o?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", bn, [
-			b.value ? (S(), d("img", {
+		return (t, n) => (S(), d("div", xn, [
+			C.value ? (S(), d("img", {
 				key: 0,
-				src: h.value ?? void 0,
+				src: g.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, xn)) : (S(), d("div", Sn, [m(Et, {
+			}, null, 8, Sn)) : (S(), d("div", Cn, [m(Et, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			f("div", Cn, [
-				f("p", wn, D(e.item.filename), 1),
-				f("p", Tn, [
-					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 }, [
+			f("div", wn, [
+				f("p", Tn, D(e.item.filename), 1),
+				f("p", En, [
+					p(D(w(e.item.size)) + " · " + D(E(e.item.created_at)) + " ", 1),
+					C.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),
+					x.value ? (S(), d(i, { key: 1 }, [
 						n[0] ||= p(" · ", -1),
 						m(k(B), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
 						}),
-						p(" " + D(v.value), 1)
+						p(" " + D(x.value), 1)
 					], 64)) : u("", !0)
 				]),
-				b.value ? (S(), d("p", {
+				C.value ? (S(), d("p", {
 					key: 0,
 					class: y(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
 					style: { color: "var(--tpl-text-dim)" }
 				}, D(e.item.alt_text || "\xA0"), 3)) : u("", !0)
 			]),
-			l.value ? (S(), d("div", En, [f("label", Dn, D(k(a).mediaLibrary.conversionLabel), 1), f("select", {
+			h.value ? (S(), d("div", Dn, [f("label", On, 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)",
@@ -1798,40 +1813,40 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 					color: "var(--tpl-text)"
 				},
 				value: e.selectedConversion,
-				onChange: g
-			}, [(S(!0), d(i, null, T(c.value, (e) => (S(), d("option", {
+				onChange: v
+			}, [(S(!0), d(i, null, T(l.value, (e) => (S(), d("option", {
 				key: e.value,
 				value: e.value
-			}, D(e.label), 9, kn))), 128))], 40, On)])) : u("", !0)
+			}, D(e.label), 9, An))), 128))], 40, kn)])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-060e36cd"]]), jn = ["data-tpl-theme"], Mn = {
+}), [["__scopeId", "data-v-79f055d7"]]), Mn = ["data-tpl-theme"], Nn = {
 	class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, Nn = {
+}, Pn = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Pn = {
+}, Fn = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Fn = {
+}, In = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, In = {
+}, Ln = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Ln = {
+}, Rn = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Rn = { class: "tpl:mb-4" }, zn = {
+}, zn = { class: "tpl:mb-4" }, Bn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Bn = ["accept"], Vn = {
+}, Vn = ["accept"], Hn = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Hn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Un = ["disabled"], Wn = ["disabled"], Gn = /* @__PURE__ */ h({
+}, Un = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Wn = ["disabled"], Gn = ["disabled"], Kn = /* @__PURE__ */ h({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1842,7 +1857,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 	},
 	emits: ["replace", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = X(), c = _(ye, null), p = _(_e, w(null)), h = w(null), g = w(null), v = s(() => {
+		let n = e, r = t, { t: i } = Z(), c = _(ve, null), p = _(ge, 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() : "";
@@ -1875,12 +1890,12 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[1] ||= F((e) => r("close"), ["self"]),
 				onKeydown: T
-			}, [f("div", Mn, [
-				f("h3", Nn, D(k(i).mediaLibrary.replaceWarningTitle), 1),
-				f("p", Pn, D(k(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
-				b.value ? (S(), d("p", Fn, D(k(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
-				f("div", In, [f("p", Ln, D(e.item.filename), 1)]),
-				f("div", Rn, [f("label", zn, D(k(i).mediaLibrary.replaceSelectFile), 1), f("input", {
+			}, [f("div", Nn, [
+				f("h3", Pn, D(k(i).mediaLibrary.replaceWarningTitle), 1),
+				f("p", Fn, D(k(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
+				b.value ? (S(), d("p", In, D(k(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
+				f("div", Ln, [f("p", Rn, D(e.item.filename), 1)]),
+				f("div", zn, [f("label", Bn, D(k(i).mediaLibrary.replaceSelectFile), 1), f("input", {
 					ref_key: "fileInputRef",
 					ref: h,
 					type: "file",
@@ -1892,9 +1907,9 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 						color: "var(--tpl-text)"
 					},
 					onChange: x
-				}, null, 40, Bn)]),
-				e.error ? (S(), d("p", Vn, D(e.error), 1)) : u("", !0),
-				f("div", Hn, [f("button", {
+				}, null, 40, Vn)]),
+				e.error ? (S(), d("p", Hn, D(e.error), 1)) : u("", !0),
+				f("div", Un, [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)",
@@ -1903,29 +1918,29 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => r("close")
-				}, D(k(i).mediaLibrary.cancel), 9, Un), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 9, Wn), f("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !g.value || e.isReplacing,
 					onClick: C
-				}, D(e.isReplacing ? k(i).mediaLibrary.replacing : k(i).mediaLibrary.replace), 9, Wn)])
-			])], 40, jn)) : u("", !0)]),
+				}, D(e.isReplacing ? k(i).mediaLibrary.replacing : k(i).mediaLibrary.replace), 9, Gn)])
+			])], 40, Mn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Kn = {
+}), qn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, qn = {
-	class: "tpl:text-xs",
-	style: { color: "var(--tpl-text-muted)" }
 }, Jn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
 }, Yn = {
+	class: "tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Xn = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Xn = /* @__PURE__ */ h({
+}, Zn = /* @__PURE__ */ h({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -1933,7 +1948,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 	},
 	emits: ["upload"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r, format: a } = X(), { allAcceptedMimeTypes: o, allAcceptedInputString: s, maxFileSize: c } = Z(), l = w();
+		let n = t, { t: r, format: a } = Z(), { allAcceptedMimeTypes: o, allAcceptedInputString: s, maxFileSize: c } = Q(), l = w();
 		function u(e) {
 			let t = [];
 			for (let n of Array.from(e)) o.value.includes(n.type) && n.size <= c.value && t.push(n);
@@ -1943,9 +1958,9 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			let t = u(e);
 			t.length && n("upload", t);
 		}
-		let { isOverDropZone: h } = ce(l, { onDrop: (e) => {
+		let { isOverDropZone: h } = se(l, { onDrop: (e) => {
 			e?.length && p(e);
-		} }), { open: g, onChange: _ } = ue({
+		} }), { open: g, onChange: _ } = le({
 			accept: s.value,
 			multiple: !0
 		});
@@ -1960,35 +1975,35 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => k(g)()
-		}, [e.isUploading ? (S(), d("div", Kn, [m(k(W), {
+		}, [e.isUploading ? (S(), d("div", qn, [m(k(W), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), f("span", qn, D(e.uploadProgress && e.uploadProgress.total > 1 ? k(a)(k(r).mediaLibrary.uploadingProgress, {
+		}), f("span", Jn, D(e.uploadProgress && e.uploadProgress.total > 1 ? k(a)(k(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
 		}) : k(r).mediaLibrary.uploading), 1)])) : (S(), d(i, { key: 1 }, [
-			m(k(ne), {
+			m(k(te), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			f("p", Jn, D(k(r).mediaLibrary.dropOrClick), 1),
-			f("p", Yn, D(k(r).mediaLibrary.acceptedFormats), 1)
+			f("p", Yn, D(k(r).mediaLibrary.dropOrClick), 1),
+			f("p", Xn, D(k(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Zn = [
+}), Qn = [
 	"width",
 	"height",
 	"viewBox"
-], Qn = [
+], $n = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], $n = [
+], er = [
 	"cx",
 	"cy",
 	"r",
@@ -1996,14 +2011,14 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], er = {
+], tr = {
 	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)"
 	}
-}, tr = /* @__PURE__ */ h({
+}, nr = /* @__PURE__ */ h({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -2011,7 +2026,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 		size: {}
 	},
 	setup(e) {
-		let t = e, { t: n, format: r } = X(), i = w(!1), a = s(() => t.size ?? 24), c = s(() => Math.max(2, a.value / 8)), l = s(() => (a.value - c.value) / 2), h = s(() => 2 * Math.PI * l.value), g = s(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), _ = s(() => h.value - g.value / 100 * h.value), v = s(() => g.value >= 95 ? "var(--tpl-danger)" : g.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
+		let t = e, { t: n, format: r } = Z(), i = w(!1), a = s(() => t.size ?? 24), c = s(() => Math.max(2, a.value / 8)), l = s(() => (a.value - c.value) / 2), h = s(() => 2 * Math.PI * l.value), g = s(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), _ = s(() => h.value - g.value / 100 * h.value), v = s(() => g.value >= 95 ? "var(--tpl-danger)" : g.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
 		function y(e) {
 			if (e === 0) return "0 B";
 			let t = 1024, n = [
@@ -2043,7 +2058,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			fill: "none",
 			"stroke-width": c.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Qn), f("circle", {
+		}, null, 8, $n), f("circle", {
 			cx: a.value / 2,
 			cy: a.value / 2,
 			r: l.value,
@@ -2054,7 +2069,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			"stroke-dasharray": h.value,
 			"stroke-dashoffset": _.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, $n)], 8, Zn)), m(o, {
+		}, null, 8, er)], 8, Qn)), 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",
@@ -2062,7 +2077,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: M(() => [i.value ? (S(), d("div", er, [p(D(E.value) + " ", 1), t[2] ||= f("div", {
+			default: M(() => [i.value ? (S(), d("div", tr, [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)]),
@@ -2072,7 +2087,7 @@ var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne
 });
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function nr(e) {
+function rr(e) {
 	let { library: t, translations: n } = e;
 	function r() {
 		return "value" in n && typeof n.value == "object" ? n.value : n;
@@ -2100,13 +2115,13 @@ function nr(e) {
 	}), j(() => t.previewItem.value?.id, () => {
 		c.value = "original";
 	});
-	let v = se((e) => {
+	let v = oe((e) => {
 		t.search(e);
 	}, 300);
 	function y(e) {
 		o.value = e, v(e);
 	}
-	let { copy: b, copied: x } = oe({
+	let { copy: b, copied: x } = ae({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -2182,7 +2197,7 @@ function nr(e) {
 }
 //#endregion
 //#region src/i18n/index.ts
-var rr = /* #__PURE__ */ Object.assign({
+var ir = /* #__PURE__ */ Object.assign({
 	"./locales/ca.ts": () => import("./ca-DnghH5Xn.js"),
 	"./locales/de.ts": () => import("./de-ByQyu2jv.js"),
 	"./locales/en.ts": () => Promise.resolve().then(() => be),
@@ -2191,30 +2206,30 @@ var rr = /* #__PURE__ */ Object.assign({
 	"./locales/nl.ts": () => import("./nl-DGT1t3Be.js"),
 	"./locales/pt-BR.ts": () => import("./pt-BR-C0Hzc26R.js")
 });
-function ir(e) {
+function ar(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var ar = ir(rr);
-function or(e) {
-	return e.trim().replace(/_/g, "-").toLowerCase();
-}
+var or = ar(ir);
 function sr(e) {
-	let t = or(e);
-	return ar.find((e) => or(e) === t);
+	return e.trim().replace(/_/g, "-").toLowerCase();
 }
 function cr(e) {
-	return or(e).split("-")[0];
+	let t = sr(e);
+	return or.find((e) => sr(e) === t);
 }
 function lr(e) {
-	return sr(e) ?? sr(cr(e)) ?? "en";
+	return sr(e).split("-")[0];
 }
-async function ur(e) {
-	let t = rr[`./locales/${lr(e)}.ts`];
+function ur(e) {
+	return cr(e) ?? cr(lr(e)) ?? "en";
+}
+async function dr(e) {
+	let t = ir[`./locales/${ur(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var dr = ["data-tpl-theme"], fr = {
+var fr = ["data-tpl-theme"], pr = {
 	class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "900px",
@@ -2225,59 +2240,59 @@ var dr = ["data-tpl-theme"], fr = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, pr = {
+}, mr = {
 	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)" }
-}, mr = {
+}, hr = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, hr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, gr = { class: "tpl:relative" }, _r = ["value", "placeholder"], vr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, yr = {
+}, gr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, _r = { class: "tpl:relative" }, vr = ["value", "placeholder"], yr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, br = {
 	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)"
 	}
-}, br = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, xr = {
+}, xr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Sr = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, Sr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Cr = ["title"], wr = {
+}, Cr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, wr = ["title"], Tr = {
 	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Tr = {
+}, Er = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, Er = ["title"], Dr = ["title"], Or = { class: "tpl:flex tpl:items-center tpl:gap-2" }, kr = ["value"], Ar = { value: "" }, jr = ["value"], Mr = ["value"], Nr = { value: "newest" }, Pr = { value: "oldest" }, Fr = { value: "name_asc" }, Ir = { value: "name_desc" }, Lr = { value: "size_asc" }, Rr = { value: "size_desc" }, zr = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Br = {
+}, Dr = ["title"], Or = ["title"], kr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ar = ["value"], jr = { value: "" }, Mr = ["value"], Nr = ["value"], Pr = { value: "newest" }, Fr = { value: "oldest" }, Ir = { value: "name_asc" }, Lr = { value: "name_desc" }, Rr = { value: "size_asc" }, zr = { value: "size_desc" }, Br = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Vr = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Vr = {
+}, Hr = {
 	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)"
 	}
-}, Hr = {
+}, Ur = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Ur = {
+}, Wr = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Wr = {
+}, Gr = {
 	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)" }
-}, Gr = { class: "tpl:font-medium" }, Kr = { style: { color: "var(--tpl-text-muted)" } }, qr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Jr = {
+}, Kr = { class: "tpl:font-medium" }, qr = { style: { color: "var(--tpl-text-muted)" } }, Jr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Yr = {
 	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)" }
-}, Yr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Xr = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Zr = {
+}, Xr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Zr = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Qr = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Qr = { class: "tpl:relative" }, $r = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ei = ["disabled"], ti = /* @__PURE__ */ h({
+}, $r = { class: "tpl:relative" }, ei = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ti = ["disabled"], ni = /* @__PURE__ */ h({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -2293,16 +2308,16 @@ var dr = ["data-tpl-theme"], fr = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, c = w(null);
 		j(() => n.locale, async (e) => {
-			c.value = await ur(e ?? "en");
-		}, { immediate: !0 }), C(ve, c);
+			c.value = await dr(e ?? "en");
+		}, { immediate: !0 }), C(_e, c);
 		let h = s(() => c.value), g = s(() => n.uiTheme);
-		C(ye, g);
+		C(ve, g);
 		let _ = O(() => n.popoverTarget ?? null);
-		C(_e, _), C(ge, n.planConfig);
-		let v = s(() => n.planConfig.config.value?.storage.used_bytes ?? 0), x = s(() => n.planConfig.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: E, availableCategories: A } = Z(n.planConfig), N = he({
+		C(ge, _), C(ye, O(() => n.locale)), C(he, n.planConfig);
+		let v = s(() => n.planConfig.config.value?.storage.used_bytes ?? 0), x = s(() => n.planConfig.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: E, availableCategories: A } = Q(n.planConfig), N = me({
 			projectId: n.projectId,
 			authManager: n.authManager
-		}), P = nr({
+		}), P = rr({
 			library: N,
 			translations: h
 		});
@@ -2312,7 +2327,7 @@ var dr = ["data-tpl-theme"], fr = {
 		function L(e) {
 			e.key === "Escape" && r("close");
 		}
-		le(document, "keydown", L);
+		ce(document, "keydown", L);
 		function z() {
 			return N.previewItem.value ? !n.accept?.length || E(N.previewItem.value.mime_type, n.accept) : !1;
 		}
@@ -2338,14 +2353,14 @@ var dr = ["data-tpl-theme"], fr = {
 				"data-tpl-theme": g.value,
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999] tpl:flex tpl:items-center tpl:justify-center tpl:p-4",
 				onClick: n[18] ||= F((e) => r("close"), ["self"])
-			}, [f("div", fr, [
-				f("div", pr, [f("h2", mr, D(h.value.mediaLibrary.title), 1), f("div", hr, [
-					m(tr, {
+			}, [f("div", pr, [
+				f("div", mr, [f("h2", hr, D(h.value.mediaLibrary.title), 1), f("div", gr, [
+					m(nr, {
 						"used-bytes": v.value,
 						"limit-bytes": x.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					f("div", gr, [f("input", {
+					f("div", _r, [f("input", {
 						value: k(P).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)]",
@@ -2356,7 +2371,7 @@ var dr = ["data-tpl-theme"], fr = {
 						},
 						placeholder: h.value.mediaLibrary.searchPlaceholder,
 						onInput: n[0] ||= (e) => k(P).handleSearchInput(e.target.value)
-					}, null, 40, _r), m(k(J), {
+					}, null, 40, vr), m(k(Y), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -2366,12 +2381,12 @@ var dr = ["data-tpl-theme"], fr = {
 						class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: { color: "var(--tpl-text-muted)" },
 						onClick: n[1] ||= (e) => r("close")
-					}, [m(k(re), {
+					}, [m(k(ne), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				f("div", vr, [m(o, {
+				f("div", yr, [m(o, {
 					"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 					"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
 					"enter-to-class": "tpl:ml-0 tpl:opacity-100",
@@ -2379,7 +2394,7 @@ var dr = ["data-tpl-theme"], fr = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: M(() => [k(P).showSidebar.value ? (S(), d("div", yr, [m(wt, {
+					default: M(() => [k(P).showSidebar.value ? (S(), d("div", br, [m(wt, {
 						folders: k(N).folders.value,
 						"current-folder-id": k(N).currentFolderId.value,
 						"view-mode": k(N).viewMode.value,
@@ -2401,7 +2416,7 @@ var dr = ["data-tpl-theme"], fr = {
 						"onShowFrequentlyUsed"
 					])])) : u("", !0)]),
 					_: 1
-				}), f("div", br, [f("div", xr, [f("div", Sr, [
+				}), f("div", xr, [f("div", Sr, [f("div", Cr, [
 					f("button", {
 						class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: b({
@@ -2414,8 +2429,8 @@ var dr = ["data-tpl-theme"], fr = {
 					}, [m(k(G), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, Cr),
-					k(N).viewMode.value === "frequently-used" ? (S(), d("span", wr, D(h.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(Te, {
+					})], 12, wr),
+					k(N).viewMode.value === "frequently-used" ? (S(), d("span", Tr, D(h.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(Te, {
 						key: 1,
 						folders: k(N).folders.value,
 						"current-folder-id": k(N).currentFolderId.value,
@@ -2425,7 +2440,7 @@ var dr = ["data-tpl-theme"], fr = {
 						"current-folder-id",
 						"onNavigate"
 					])),
-					f("div", Tr, [f("button", {
+					f("div", Er, [f("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: b({
 							color: k(P).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -2436,7 +2451,7 @@ var dr = ["data-tpl-theme"], fr = {
 					}, [m(k(V), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, Er), 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: k(P).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -2447,8 +2462,8 @@ var dr = ["data-tpl-theme"], fr = {
 					}, [m(k(U), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, Dr)])
-				]), f("div", Or, [k(A).length > 1 ? (S(), d("select", {
+					})], 12, Or)])
+				]), f("div", kr, [k(A).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: {
@@ -2458,10 +2473,10 @@ var dr = ["data-tpl-theme"], fr = {
 					},
 					value: k(N).categoryFilter.value ?? "",
 					onChange: n[5] ||= (e) => k(N).filterByCategory(e.target.value || null)
-				}, [f("option", Ar, D(h.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(A), (e) => (S(), d("option", {
+				}, [f("option", jr, D(h.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(A), (e) => (S(), d("option", {
 					key: e,
 					value: e
-				}, D(k(P).getCategoryLabel(e)), 9, jr))), 128))], 40, kr)) : u("", !0), f("select", {
+				}, D(k(P).getCategoryLabel(e)), 9, Mr))), 128))], 40, Ar)) : 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)",
@@ -2471,13 +2486,13 @@ var dr = ["data-tpl-theme"], fr = {
 					value: k(N).sortOption.value,
 					onChange: n[6] ||= (e) => k(N).sortBy(e.target.value)
 				}, [
-					f("option", Nr, D(h.value.mediaLibrary.sortNewest), 1),
-					f("option", Pr, D(h.value.mediaLibrary.sortOldest), 1),
-					f("option", Fr, D(h.value.mediaLibrary.sortNameAsc), 1),
-					f("option", Ir, D(h.value.mediaLibrary.sortNameDesc), 1),
-					f("option", Lr, D(h.value.mediaLibrary.sortSizeAsc), 1),
-					f("option", Rr, D(h.value.mediaLibrary.sortSizeDesc), 1)
-				], 40, Mr)])]), f("div", zr, [k(N).viewMode.value === "files" ? (S(), d("div", Br, [m(Xn, {
+					f("option", Pr, D(h.value.mediaLibrary.sortNewest), 1),
+					f("option", Fr, D(h.value.mediaLibrary.sortOldest), 1),
+					f("option", Ir, D(h.value.mediaLibrary.sortNameAsc), 1),
+					f("option", Lr, D(h.value.mediaLibrary.sortNameDesc), 1),
+					f("option", Rr, D(h.value.mediaLibrary.sortSizeAsc), 1),
+					f("option", zr, D(h.value.mediaLibrary.sortSizeDesc), 1)
+				], 40, Nr)])]), f("div", Br, [k(N).viewMode.value === "files" ? (S(), d("div", Vr, [m(Zn, {
 					"is-uploading": k(N).isUploading.value,
 					"upload-progress": k(N).uploadProgress.value,
 					onUpload: k(P).handleUpload
@@ -2496,7 +2511,7 @@ var dr = ["data-tpl-theme"], fr = {
 				}, [m(k(H), {
 					size: 14,
 					"stroke-width": 2
-				}), p(" " + D(h.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(tn, {
+				}), p(" " + D(h.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(nn, {
 					items: k(P).displayItems.value,
 					"selected-ids": k(N).selectedItems.value,
 					"is-loading": k(N).isLoading.value,
@@ -2521,7 +2536,7 @@ var dr = ["data-tpl-theme"], fr = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				m(mn, {
+				m(hn, {
 					visible: k(P).showImportUrlModal.value,
 					"is-importing": k(N).isImportingFromUrl.value,
 					error: k(N).importFromUrlError.value,
@@ -2543,7 +2558,7 @@ var dr = ["data-tpl-theme"], fr = {
 					"item",
 					"onSave"
 				]),
-				m(Gn, {
+				m(Kn, {
 					visible: k(N).showReplaceWarning.value,
 					item: k(N).pendingReplaceItem.value,
 					"usage-info": k(N).replaceUsageInfo.value,
@@ -2577,19 +2592,19 @@ var dr = ["data-tpl-theme"], fr = {
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
 						onClick: n[12] ||= F((...e) => k(N).cancelDelete && k(N).cancelDelete(...e), ["self"])
-					}, [f("div", Vr, [
-						f("h3", Hr, D(h.value.mediaLibrary.deleteWarningTitle), 1),
+					}, [f("div", Hr, [
+						f("h3", Ur, D(h.value.mediaLibrary.deleteWarningTitle), 1),
 						f("p", {
 							class: y(["tpl:text-xs", k(P).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, D(h.value.mediaLibrary.deleteWarningMessage), 3),
-						k(P).hasUsedFiles.value ? (S(), d("p", Ur, D(h.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-						k(P).hasUsedFiles.value ? (S(), d("div", Wr, [(S(!0), d(i, null, T(k(N).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+						k(P).hasUsedFiles.value ? (S(), d("p", Wr, D(h.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+						k(P).hasUsedFiles.value ? (S(), d("div", Gr, [(S(!0), d(i, null, T(k(N).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", Gr, D(k(P).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Kr, " - " + D(h.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-						f("div", qr, [f("button", {
+						}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Kr, D(k(P).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", qr, " - " + D(h.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+						f("div", Jr, [f("button", {
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: {
 								"border-color": "var(--tpl-border)",
@@ -2609,7 +2624,7 @@ var dr = ["data-tpl-theme"], fr = {
 					])])) : u("", !0)]),
 					_: 1
 				}),
-				f("div", Jr, [f("div", Yr, [k(N).previewItem.value ? (S(), l(An, {
+				f("div", Yr, [f("div", Xr, [k(N).previewItem.value ? (S(), l(jn, {
 					key: 0,
 					"selected-conversion": k(P).selectedConversion.value,
 					"onUpdate:selectedConversion": n[13] ||= (e) => k(P).selectedConversion.value = e,
@@ -2619,7 +2634,7 @@ var dr = ["data-tpl-theme"], fr = {
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : u("", !0)]), f("div", Xr, [k(N).selectedItems.value.size > 0 ? (S(), d("div", Zr, [k(N).previewItem.value ? (S(), d("button", {
+				])) : u("", !0)]), f("div", Zr, [k(N).selectedItems.value.size > 0 ? (S(), d("div", Qr, [k(N).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({
@@ -2636,7 +2651,7 @@ var dr = ["data-tpl-theme"], fr = {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), p(" " + D(k(P).copied.value ? h.value.mediaLibrary.copied : h.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", Qr, [f("button", {
+				})), p(" " + D(k(P).copied.value ? h.value.mediaLibrary.copied : h.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", $r, [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)",
@@ -2644,7 +2659,7 @@ var dr = ["data-tpl-theme"], fr = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[15] ||= (e) => k(P).showMovePicker.value = !k(P).showMovePicker.value
-				}, D(h.value.mediaLibrary.moveSelected), 1), k(P).showMovePicker.value ? (S(), l(yn, {
+				}, D(h.value.mediaLibrary.moveSelected), 1), k(P).showMovePicker.value ? (S(), l(bn, {
 					key: 0,
 					folders: k(N).folders.value,
 					"current-folder-id": k(N).currentFolderId.value,
@@ -2654,7 +2669,7 @@ var dr = ["data-tpl-theme"], fr = {
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : u("", !0)])])) : u("", !0), f("div", $r, [k(N).selectedItems.value.size > 0 ? (S(), d("button", {
+				])) : u("", !0)])])) : u("", !0), f("div", ei, [k(N).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: {
@@ -2671,15 +2686,15 @@ var dr = ["data-tpl-theme"], fr = {
 					},
 					disabled: !z(),
 					onClick: B
-				}, D(e.accept?.length ? h.value.mediaLibrary.selectImage : h.value.mediaLibrary.selectFile), 9, ei)])])])
-			])], 8, dr)) : u("", !0)]),
+				}, D(e.accept?.length ? h.value.mediaLibrary.selectImage : h.value.mediaLibrary.selectFile), 9, ti)])])])
+			])], 8, fr)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
 });
 //#endregion
 //#region src/composables/useMediaPicker.ts
-function ni() {
+function ri() {
 	let e = _("onRequestMedia"), t = w(!1), n = s(() => !!e);
 	async function r(n) {
 		if (!e) return null;
@@ -2698,7 +2713,7 @@ function ni() {
 }
 //#endregion
 //#region src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
-var ri = {
+var ii = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -2706,59 +2721,59 @@ var ri = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, ii = {
+}, ai = {
 	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)" }
-}, ai = {
+}, oi = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, oi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, si = { class: "tpl:relative" }, ci = ["value", "placeholder"], li = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ui = {
+}, si = { class: "tpl:flex tpl:items-center tpl:gap-3" }, ci = { class: "tpl:relative" }, li = ["value", "placeholder"], ui = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, di = {
 	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)"
 	}
-}, di = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, fi = {
+}, fi = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, pi = {
 	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)" }
-}, pi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, mi = ["title"], hi = {
+}, mi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, hi = ["title"], gi = {
 	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, gi = {
+}, _i = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, _i = ["title"], vi = ["title"], yi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, bi = ["value"], xi = { value: "" }, Si = ["value"], Ci = ["value"], wi = { value: "newest" }, Ti = { value: "oldest" }, Ei = { value: "name_asc" }, Di = { value: "name_desc" }, Oi = { value: "size_asc" }, ki = { value: "size_desc" }, Ai = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, ji = {
+}, vi = ["title"], yi = ["title"], bi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xi = ["value"], Si = { value: "" }, Ci = ["value"], wi = ["value"], Ti = { value: "newest" }, Ei = { value: "oldest" }, Di = { value: "name_asc" }, Oi = { value: "name_desc" }, ki = { value: "size_asc" }, Ai = { value: "size_desc" }, ji = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Mi = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Mi = {
+}, Ni = {
 	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)"
 	}
-}, Ni = {
+}, Pi = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Pi = {
+}, Fi = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Fi = {
+}, Ii = {
 	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)" }
-}, Ii = { class: "tpl:font-medium" }, Li = { style: { color: "var(--tpl-text-muted)" } }, Ri = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, zi = {
+}, Li = { class: "tpl:font-medium" }, Ri = { style: { color: "var(--tpl-text-muted)" } }, zi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Bi = {
 	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)" }
-}, Bi = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Vi = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Hi = {
+}, Vi = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Hi = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ui = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Ui = { class: "tpl:relative" }, Wi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Gi = ["disabled"], Ki = /* @__PURE__ */ h({
+}, Wi = { class: "tpl:relative" }, Gi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ki = ["disabled"], qi = /* @__PURE__ */ h({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -2771,7 +2786,7 @@ var ri = {
 	emits: ["ready"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, a = s(() => n.translations);
-		C(ve, w(n.translations));
+		C(_e, w(n.translations));
 		let c = {
 			config: w(n.planConfig),
 			isLoading: w(!1),
@@ -2779,12 +2794,12 @@ var ri = {
 			features: s(() => n.planConfig.features),
 			fetchConfig: async () => {}
 		};
-		C(ge, c);
-		let h = s(() => n.planConfig.storage.used_bytes ?? 0), g = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: _ } = Z(c), v = he({
+		C(he, c);
+		let h = s(() => n.planConfig.storage.used_bytes ?? 0), g = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: _ } = Q(c), v = me({
 			projectId: n.projectId,
 			authManager: n.authManager,
 			onError: n.onError
-		}), E = nr({
+		}), E = rr({
 			library: v,
 			translations: a
 		});
@@ -2798,12 +2813,12 @@ var ri = {
 		}
 		return x(() => {
 			v.loadItems(), v.loadFrequentlyUsed(), r("ready");
-		}), (t, n) => (S(), d("div", ri, [
-			f("div", ii, [f("h2", ai, D(a.value.mediaLibrary.title), 1), f("div", oi, [m(tr, {
+		}), (t, n) => (S(), d("div", ii, [
+			f("div", ai, [f("h2", oi, D(a.value.mediaLibrary.title), 1), f("div", si, [m(nr, {
 				"used-bytes": h.value,
 				"limit-bytes": g.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", si, [f("input", {
+			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", ci, [f("input", {
 				value: k(E).searchInput.value,
 				type: "text",
 				class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
@@ -2814,13 +2829,13 @@ var ri = {
 				},
 				placeholder: a.value.mediaLibrary.searchPlaceholder,
 				onInput: n[0] ||= (e) => k(E).handleSearchInput(e.target.value)
-			}, null, 40, ci), m(k(J), {
+			}, null, 40, li), 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", li, [m(o, {
+			f("div", ui, [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",
@@ -2828,7 +2843,7 @@ var ri = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: M(() => [k(E).showSidebar.value ? (S(), d("div", ui, [m(wt, {
+				default: M(() => [k(E).showSidebar.value ? (S(), d("div", di, [m(wt, {
 					folders: k(v).folders.value,
 					"current-folder-id": k(v).currentFolderId.value,
 					"view-mode": k(v).viewMode.value,
@@ -2850,7 +2865,7 @@ var ri = {
 					"onShowFrequentlyUsed"
 				])])) : u("", !0)]),
 				_: 1
-			}), f("div", di, [f("div", fi, [f("div", pi, [
+			}), f("div", fi, [f("div", pi, [f("div", mi, [
 				f("button", {
 					class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 					style: b({
@@ -2863,8 +2878,8 @@ var ri = {
 				}, [m(k(G), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, mi),
-				k(v).viewMode.value === "frequently-used" ? (S(), d("span", hi, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(Te, {
+				})], 12, hi),
+				k(v).viewMode.value === "frequently-used" ? (S(), d("span", gi, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(Te, {
 					key: 1,
 					folders: k(v).folders.value,
 					"current-folder-id": k(v).currentFolderId.value,
@@ -2874,7 +2889,7 @@ var ri = {
 					"current-folder-id",
 					"onNavigate"
 				])),
-				f("div", gi, [f("button", {
+				f("div", _i, [f("button", {
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 					style: b({
 						color: k(E).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -2885,7 +2900,7 @@ var ri = {
 				}, [m(k(V), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, _i), f("button", {
+				})], 12, vi), f("button", {
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 					style: b({
 						color: k(E).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -2896,8 +2911,8 @@ var ri = {
 				}, [m(k(U), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, vi)])
-			]), f("div", yi, [k(_).length > 1 ? (S(), d("select", {
+				})], 12, yi)])
+			]), f("div", bi, [k(_).length > 1 ? (S(), d("select", {
 				key: 0,
 				class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 				style: {
@@ -2907,10 +2922,10 @@ var ri = {
 				},
 				value: k(v).categoryFilter.value ?? "",
 				onChange: n[4] ||= (e) => k(v).filterByCategory(e.target.value || null)
-			}, [f("option", xi, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(_), (e) => (S(), d("option", {
+			}, [f("option", Si, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(_), (e) => (S(), d("option", {
 				key: e,
 				value: e
-			}, D(k(E).getCategoryLabel(e)), 9, Si))), 128))], 40, bi)) : u("", !0), f("select", {
+			}, D(k(E).getCategoryLabel(e)), 9, Ci))), 128))], 40, xi)) : 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)",
@@ -2920,13 +2935,13 @@ var ri = {
 				value: k(v).sortOption.value,
 				onChange: n[5] ||= (e) => k(v).sortBy(e.target.value)
 			}, [
-				f("option", wi, D(a.value.mediaLibrary.sortNewest), 1),
-				f("option", Ti, D(a.value.mediaLibrary.sortOldest), 1),
-				f("option", Ei, D(a.value.mediaLibrary.sortNameAsc), 1),
-				f("option", Di, D(a.value.mediaLibrary.sortNameDesc), 1),
-				f("option", Oi, D(a.value.mediaLibrary.sortSizeAsc), 1),
-				f("option", ki, D(a.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, Ci)])]), f("div", Ai, [k(v).viewMode.value === "files" ? (S(), d("div", ji, [m(Xn, {
+				f("option", Ti, D(a.value.mediaLibrary.sortNewest), 1),
+				f("option", Ei, D(a.value.mediaLibrary.sortOldest), 1),
+				f("option", Di, D(a.value.mediaLibrary.sortNameAsc), 1),
+				f("option", Oi, D(a.value.mediaLibrary.sortNameDesc), 1),
+				f("option", ki, D(a.value.mediaLibrary.sortSizeAsc), 1),
+				f("option", Ai, D(a.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, wi)])]), f("div", ji, [k(v).viewMode.value === "files" ? (S(), d("div", Mi, [m(Zn, {
 				"is-uploading": k(v).isUploading.value,
 				"upload-progress": k(v).uploadProgress.value,
 				onUpload: k(E).handleUpload
@@ -2945,7 +2960,7 @@ var ri = {
 			}, [m(k(H), {
 				size: 14,
 				"stroke-width": 2
-			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(tn, {
+			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(nn, {
 				items: k(E).displayItems.value,
 				"selected-ids": k(v).selectedItems.value,
 				"is-loading": k(v).isLoading.value,
@@ -2968,7 +2983,7 @@ var ri = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			m(mn, {
+			m(hn, {
 				visible: k(E).showImportUrlModal.value,
 				"is-importing": k(v).isImportingFromUrl.value,
 				error: k(v).importFromUrlError.value,
@@ -2990,7 +3005,7 @@ var ri = {
 				"item",
 				"onSave"
 			]),
-			m(Gn, {
+			m(Kn, {
 				visible: k(v).showReplaceWarning.value,
 				item: k(v).pendingReplaceItem.value,
 				"usage-info": k(v).replaceUsageInfo.value,
@@ -3024,19 +3039,19 @@ var ri = {
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
 					onClick: n[11] ||= F((...e) => k(v).cancelDelete && k(v).cancelDelete(...e), ["self"])
-				}, [f("div", Mi, [
-					f("h3", Ni, D(a.value.mediaLibrary.deleteWarningTitle), 1),
+				}, [f("div", Ni, [
+					f("h3", Pi, D(a.value.mediaLibrary.deleteWarningTitle), 1),
 					f("p", {
 						class: y(["tpl:text-xs", k(E).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, D(a.value.mediaLibrary.deleteWarningMessage), 3),
-					k(E).hasUsedFiles.value ? (S(), d("p", Pi, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-					k(E).hasUsedFiles.value ? (S(), d("div", Fi, [(S(!0), d(i, null, T(k(v).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+					k(E).hasUsedFiles.value ? (S(), d("p", Fi, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+					k(E).hasUsedFiles.value ? (S(), d("div", Ii, [(S(!0), d(i, null, T(k(v).deleteUsageInfo.value, (e, t) => (S(), d("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Ii, D(k(E).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Li, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-					f("div", Ri, [f("button", {
+					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Li, D(k(E).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Ri, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+					f("div", zi, [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)",
@@ -3056,7 +3071,7 @@ var ri = {
 				])])) : u("", !0)]),
 				_: 1
 			}),
-			f("div", zi, [f("div", Bi, [k(v).previewItem.value ? (S(), l(An, {
+			f("div", Bi, [f("div", Vi, [k(v).previewItem.value ? (S(), l(jn, {
 				key: 0,
 				"selected-conversion": k(E).selectedConversion.value,
 				"onUpdate:selectedConversion": n[12] ||= (e) => k(E).selectedConversion.value = e,
@@ -3066,7 +3081,7 @@ var ri = {
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : u("", !0)]), f("div", Vi, [k(v).selectedItems.value.size > 0 ? (S(), d("div", Hi, [k(v).previewItem.value ? (S(), d("button", {
+			])) : u("", !0)]), f("div", Hi, [k(v).selectedItems.value.size > 0 ? (S(), d("div", Ui, [k(v).previewItem.value ? (S(), d("button", {
 				key: 0,
 				class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: b({
@@ -3083,7 +3098,7 @@ var ri = {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), p(" " + D(k(E).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", Ui, [f("button", {
+			})), p(" " + D(k(E).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", Wi, [f("button", {
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -3091,7 +3106,7 @@ var ri = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: n[14] ||= (e) => k(E).showMovePicker.value = !k(E).showMovePicker.value
-			}, D(a.value.mediaLibrary.moveSelected), 1), k(E).showMovePicker.value ? (S(), l(yn, {
+			}, D(a.value.mediaLibrary.moveSelected), 1), k(E).showMovePicker.value ? (S(), l(bn, {
 				key: 0,
 				folders: k(v).folders.value,
 				"current-folder-id": k(v).currentFolderId.value,
@@ -3101,7 +3116,7 @@ var ri = {
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : u("", !0)])])) : u("", !0), f("div", Wi, [k(v).selectedItems.value.size > 0 ? (S(), d("button", {
+			])) : u("", !0)])])) : u("", !0), f("div", Gi, [k(v).selectedItems.value.size > 0 ? (S(), d("button", {
 				key: 0,
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
@@ -3119,50 +3134,50 @@ var ri = {
 				},
 				disabled: !k(v).previewItem.value,
 				onClick: O
-			}, D(a.value.mediaLibrary.selectFile), 9, Gi)) : u("", !0)])])])
+			}, D(a.value.mediaLibrary.selectFile), 9, Ki)) : u("", !0)])])])
 		]));
 	}
-}), Q = null, qi = w(null);
-async function Ji(e) {
+}), $ = null, Ji = w(null);
+async function Yi(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 ur(e.locale ?? "en");
-	return Yi(n, e.theme), Q && $(), new Promise((t, r) => {
+	let a = await new t(i).fetchConfig(), o = await dr(e.locale ?? "en");
+	return Zi(n, e.theme), $ && Xi(), new Promise((t, r) => {
 		try {
-			Q = c({ setup() {
+			$ = c({ setup() {
 				let r = () => {
 					t({
-						setTheme: (e) => Yi(n, e),
-						unmount: $
+						setTheme: (e) => Zi(n, e),
+						unmount: Xi
 					});
 				};
-				return () => g(Ki, {
+				return () => g(qi, {
 					authManager: i,
 					projectId: i.projectId,
 					planConfig: a,
 					translations: o,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: qi,
+					ref: Ji,
 					onReady: r
 				});
-			} }), Q.mount(n);
+			} }), $.mount(n);
 		} catch (e) {
 			r(e);
 		}
 	});
 }
-function $() {
-	Q && (Q.unmount(), Q = null, qi.value = null);
+function Xi() {
+	$ && ($.unmount(), $ = null, Ji.value = null);
 }
-function Yi(e, t) {
+function Zi(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: Ji,
-	unmount: $
+	init: Yi,
+	unmount: Xi
 });
 //#endregion
-export { me as MediaApiClient, ti as MediaLibraryModal, Ji as init, $ as unmount, X as useI18n, Z as useMediaCategories, he as useMediaLibrary, ni as useMediaPicker };
+export { pe as MediaApiClient, ni as MediaLibraryModal, Yi as init, Xi as unmount, Z as useI18n, Q as useMediaCategories, me as useMediaLibrary, ri as useMediaPicker };