@templatical/media-library 0.27.0 → 0.27.1

package/dist/templatical-media-library.js

@@ -3,8 +3,15 @@ import { Fragment as i, Teleport as a, Transition as o, computed as s, createApp
 import { Check as I, ChevronRight as L, Copy as R, File as z, Folder as B, Grid2x2 as V, Link as H, List as U, LoaderCircle as W, PanelLeft as G, Pencil as K, Plus as q, RefreshCw as ee, Search as J, Star as te, Trash2 as Y, Upload as ne, X as re } from "@lucide/vue";
 import { Cropper as ie } from "vue-advanced-cropper";
 import { onClickOutside as ae, useClipboard as oe, useDebounceFn as se, useDropZone as ce, useEventListener as le, useFileDialog as ue, useIntersectionObserver as de } from "@vueuse/core";
-//#region src/api-client.ts
-var fe = class {
+//#region \0rolldown/runtime.js
+var fe = Object.defineProperty, pe = (e, t) => {
+	let n = {};
+	for (var r in e) fe(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || fe(n, Symbol.toStringTag, { value: "Module" }), n;
+}, me = class {
 	authManager;
 	constructor(e) {
 		this.authManager = e;
@@ -161,9 +168,9 @@ var fe = class {
 };
 //#endregion
 //#region src/composable.ts
-function pe(e) {
+function he(e) {
 	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
-	let t = new fe(e.authManager), n = w([]), r = w([]), i = w(null), a = w("files"), o = w(""), s = w(null), c = w("newest"), l = w(!1), u = w(!1), d = w(!1), f = w(null), p = w(null), m = w(/* @__PURE__ */ new Set()), h = w(null), g = w([]), _ = w({}), v = w(!1), y = w([]), b = w(!1), x = w(null), S = w(!1), C = w(null), T = w(!1), E = w(null), D = w(null), O = 0;
+	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;
 	async function k() {
 		let r = ++O;
 		l.value = !0;
@@ -457,9 +464,95 @@ function pe(e) {
 	};
 }
 //#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: {
+	title: "Media Library",
+	searchPlaceholder: "Search files...",
+	allFiles: "All Files",
+	filterAll: "All Types",
+	filterImages: "Images",
+	filterDocuments: "Documents",
+	filterVideos: "Videos",
+	filterAudio: "Audio",
+	newFolder: "New Folder",
+	folderName: "Folder name",
+	noFiles: "No files found",
+	dropOrClick: "Drop files here or click to upload",
+	acceptedFormats: "Images, PDF, Video, Audio, Documents (max 10MB)",
+	uploading: "Uploading...",
+	uploadingProgress: "Uploading {current} of {total}...",
+	selectImage: "Select Image",
+	selectFile: "Select File",
+	deleteSelected: "Delete",
+	copyUrl: "Copy URL",
+	copied: "Copied!",
+	browseMedia: "Browse Media Library",
+	renameFolder: "Rename folder",
+	addSubfolder: "Add subfolder",
+	subfolderName: "Subfolder name",
+	sortNewest: "Newest First",
+	sortOldest: "Oldest First",
+	sortNameAsc: "Name A-Z",
+	sortNameDesc: "Name Z-A",
+	sortSizeAsc: "Smallest First",
+	sortSizeDesc: "Largest First",
+	moveSelected: "Move",
+	moveToRoot: "All Files",
+	currentFolder: "(current)",
+	confirmDelete: "Confirm?",
+	renameFile: "Rename",
+	editFile: "Edit File",
+	fileName: "Filename",
+	altText: "Alt Text",
+	altTextPlaceholder: "Describe this image for accessibility",
+	saveChanges: "Save",
+	cancel: "Cancel",
+	frequentlyUsed: "Frequently Used",
+	deleteWarningTitle: "Delete File",
+	deleteWarningMessage: "Are you sure? This action is irreversible.",
+	deleteWarningUsageNote: "The following files are used in templates. Deleting them may break those templates.",
+	deleteAnyway: "Delete",
+	usedInTemplates: "Used in {count} template(s)",
+	viewGrid: "Grid view",
+	viewList: "List view",
+	showFolders: "Show folders",
+	hideFolders: "Hide folders",
+	importFromUrl: "Import from URL",
+	importUrlPlaceholder: "https://example.com/image.jpg",
+	import: "Import",
+	importing: "Importing...",
+	importError: "Failed to import from URL",
+	conversionLabel: "Size",
+	conversionOriginal: "Original",
+	conversionSmall: "Small (150px)",
+	conversionMedium: "Medium (600px)",
+	conversionLarge: "Large (1200px)",
+	replaceFile: "Replace File",
+	replaceWarningTitle: "Replace File",
+	replaceWarningMessage: "You are about to replace this file. The replacement must have the same file extension ({extension}).",
+	replaceWarningUsageNote: "This file is used in {count} template(s). Replacing it will update all references.",
+	replaceSelectFile: "Select replacement file",
+	replace: "Replace",
+	replacing: "Replacing...",
+	replaceError: "Failed to replace file",
+	saving: "Saving...",
+	cropAspectRatio: "Aspect Ratio",
+	cropFree: "Free",
+	cropSquare: "1:1",
+	cropLandscape43: "4:3",
+	cropLandscape169: "16:9",
+	cropOriginal: "Original",
+	cropMaxWidth: "Max Width",
+	cropMaxHeight: "Max Height",
+	cropOutputSize: "Output Size",
+	cropPixels: "px",
+	cropOptional: "(optional)",
+	storageTooltip: "{used} of {total} used ({remaining} remaining)"
+} };
+//#endregion
 //#region src/composables/useI18n.ts
 function X(e) {
-	let t = e ?? _("translations"), n = v(t) ? t.value : t;
+	let t = e ?? _(ve, 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}}`);
 	}
@@ -470,14 +563,14 @@ function X(e) {
 }
 //#endregion
 //#region src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var me = {
+var Se = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, he = ["onClick"], ge = {
+}, Ce = ["onClick"], we = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, _e = /* @__PURE__ */ h({
+}, Te = /* @__PURE__ */ h({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -497,7 +590,7 @@ var me = {
 			}
 			return !1;
 		}
-		return (e, t) => o.value.length > 0 ? (S(), d("div", me, [f("button", {
+		return (e, t) => o.value.length > 0 ? (S(), d("div", Se, [f("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => r("navigate", null)
@@ -509,47 +602,47 @@ var me = {
 			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, he)) : (S(), d("span", ge, D(e.name), 1))], 64))), 128))])) : u("", !0);
+		}, D(e.name), 9, Ce)) : (S(), d("span", we, D(e.name), 1))], 64))), 128))])) : u("", !0);
 	}
-}), ve = Symbol("templaticalMediaPlanConfig"), ye = Symbol("templaticalMediaPopoverTarget");
+});
 //#endregion
 //#region src/composables/useMediaCategories.ts
-function Z() {
-	let e = _(ve, null);
-	if (!e) throw Error("[Templatical] useMediaCategories() needs a plan config in scope. Render it under <MediaLibraryModal> (pass its `planConfig` prop) or provide PLAN_CONFIG_KEY yourself.");
-	let t = s(() => e.config.value?.media ?? null), n = s(() => t.value?.use_media_library ?? !0), r = s(() => t.value?.categories ?? null), i = s(() => r.value ? Object.values(r.value).flatMap((e) => e.mime_types) : []), a = s(() => i.value.join(",")), o = s(() => t.value?.max_file_size ?? 0);
-	function c(e, t) {
-		return r.value ? !t || t.length === 0 ? i.value.includes(e) : t.some((t) => r.value[t]?.mime_types.includes(e)) : !1;
-	}
-	function l(e) {
-		return r.value ? r.value.images?.mime_types.includes(e) ?? !1 : !1;
+function Z(e) {
+	let t = e ?? _(ge, 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) {
+		return i.value ? !t || t.length === 0 ? a.value.includes(e) : t.some((t) => i.value[t]?.mime_types.includes(e)) : !1;
 	}
 	function u(e) {
-		if (!r.value) return null;
-		for (let [t, n] of Object.entries(r.value)) if (n.mime_types.includes(e)) return t;
+		return i.value ? i.value.images?.mime_types.includes(e) ?? !1 : !1;
+	}
+	function d(e) {
+		if (!i.value) return null;
+		for (let [t, n] of Object.entries(i.value)) if (n.mime_types.includes(e)) return t;
 		return null;
 	}
 	return {
-		isMediaLibraryEnabled: n,
-		allAcceptedMimeTypes: i,
-		allAcceptedInputString: a,
-		maxFileSize: o,
-		availableCategories: s(() => r.value ? Object.keys(r.value) : []),
-		isAcceptedMimeType: c,
-		isImageMimeType: l,
-		getCategoryForMimeType: u
+		isMediaLibraryEnabled: r,
+		allAcceptedMimeTypes: a,
+		allAcceptedInputString: o,
+		maxFileSize: c,
+		availableCategories: s(() => i.value ? Object.keys(i.value) : []),
+		isAcceptedMimeType: l,
+		isImageMimeType: u,
+		getCategoryForMimeType: d
 	};
 }
 //#endregion
 //#region src/composables/useImageCrop.ts
-var be = {
+var Ee = {
 	free: void 0,
 	square: 1,
 	landscape43: 4 / 3,
 	landscape169: 16 / 9,
 	original: void 0
 };
-function xe(e) {
+function De(e) {
 	return e === "image/png" || e === "image/gif" ? {
 		mimeType: "image/png",
 		quality: 1
@@ -561,7 +654,7 @@ function xe(e) {
 		quality: .92
 	};
 }
-function Se(e, t, n) {
+function Oe(e, t, n) {
 	let r = e.width, i = e.height;
 	if (!t && !n) return e;
 	let a = r, o = i;
@@ -575,7 +668,7 @@ function Se(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 Ce(e, t, n) {
+function ke(e, t, n) {
 	return new Promise((r, i) => {
 		e.toBlob((e) => {
 			if (!e) {
@@ -587,7 +680,7 @@ function Ce(e, t, n) {
 		}, n.mimeType, n.quality);
 	});
 }
-function we(e, t, n, r) {
+function Ae(e, t, n, r) {
 	let i = e, a = t;
 	if (n && i > n) {
 		let e = n / i;
@@ -604,57 +697,57 @@ function we(e, t, n, r) {
 }
 //#endregion
 //#region src/components/media/MediaEditModal.vue?vue&type=script&setup=true&lang.ts
-var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De = {
+var je = ["data-tpl-theme"], Me = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ne = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Oe = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, ke = {
+}, Pe = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, Fe = {
 	key: 0,
 	class: "tpl:mb-4"
-}, Ae = {
+}, Ie = {
 	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)"
 	}
-}, je = { class: "tpl:space-y-3" }, Me = {
+}, Le = { class: "tpl:space-y-3" }, Re = {
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ne = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Pe = ["onClick"], Fe = { class: "tpl:flex tpl:gap-3" }, Ie = { class: "tpl:flex-1" }, Le = {
+}, ze = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Be = ["onClick"], Ve = { class: "tpl:flex tpl:gap-3" }, He = { class: "tpl:flex-1" }, Ue = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Re = {
+}, We = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, ze = { class: "tpl:relative" }, Be = ["value", "placeholder"], Ve = {
+}, Ge = { class: "tpl:relative" }, Ke = ["value", "placeholder"], qe = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, He = { class: "tpl:flex-1" }, Ue = {
+}, Je = { class: "tpl:flex-1" }, Ye = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, We = {
+}, Xe = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Ge = { class: "tpl:relative" }, Ke = ["value", "placeholder"], qe = {
+}, Ze = { class: "tpl:relative" }, Qe = ["value", "placeholder"], $e = {
 	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)" }
-}, Je = {
+}, et = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ye = {
+}, tt = {
 	class: "tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Xe = { class: "tpl:mb-3" }, Ze = {
+}, nt = { class: "tpl:mb-3" }, rt = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Qe = ["autofocus"], $e = {
+}, it = ["autofocus"], at = {
 	key: 1,
 	class: "tpl:mb-4"
-}, et = {
+}, ot = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, tt = ["placeholder"], nt = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, rt = ["disabled"], it = /*@__PURE__*/ h({
+}, st = ["placeholder"], ct = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, lt = ["disabled"], ut = /*@__PURE__*/ h({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -662,12 +755,12 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: c } = X(), h = _("tplUiTheme"), g = _(ye, w(null)), v = c.mediaLibrary, { isImageMimeType: x } = Z(), C = w(""), E = w(""), O = w(null), P = w("free"), I = w(void 0), L = w(void 0), R = w(""), z = w(""), B = w(void 0), V = w(null), H = w(!1), U = w(!1), W = w(!1), G = s(() => n.item ? [
+		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 ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(n.item.mime_type) : !1), K = s(() => P.value === "original" ? B.value : be[P.value]), q = s(() => V.value ? we(V.value.width, V.value.height, I.value, L.value) : null);
+		].includes(n.item.mime_type) : !1), K = s(() => P.value === "original" ? B.value : Ee[P.value]), q = s(() => V.value ? Ae(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));
 		});
@@ -697,8 +790,8 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				try {
 					let { canvas: e } = O.value.getResult();
 					if (e) {
-						let t = Se(e, I.value, L.value), r = xe(n.item.mime_type);
-						i = { file: await Ce(t, n.item.filename, r) };
+						let t = Oe(e, I.value, L.value), r = De(n.item.mime_type);
+						i = { file: await ke(t, n.item.filename, r) };
 					}
 				} catch {
 					U.value = !1;
@@ -730,9 +823,9 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				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", Ee, [f("h3", De, D(k(c).mediaLibrary.editFile), 1)]),
-				f("div", Oe, [
-					G.value ? (S(), d("div", ke, [f("div", Ae, [m(k(ie), {
+				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), {
 						ref_key: "cropperRef",
 						ref: O,
 						src: e.item.url,
@@ -741,8 +834,8 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 						"background-class": "tpl-cropper-background",
 						onChange: ee,
 						onReady: J
-					}, null, 8, ["src", "stencil-props"])]), f("div", je, [
-						f("div", null, [f("label", Me, D(k(c).mediaLibrary.cropAspectRatio), 1), f("div", Ne, [(S(), d(i, null, T([
+					}, 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",
 							"square",
 							"landscape43",
@@ -758,8 +851,8 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 								color: P.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
 							onClick: (t) => P.value = e
-						}, D(k(v)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Pe)), 64))])]),
-						f("div", Fe, [f("div", Ie, [f("label", Le, [p(D(k(c).mediaLibrary.cropMaxWidth) + " ", 1), f("span", Re, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", ze, [f("input", {
+						}, D(k(v)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Be)), 64))])]),
+						f("div", Ve, [f("div", He, [f("label", Ue, [p(D(k(c).mediaLibrary.cropMaxWidth) + " ", 1), f("span", We, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", Ge, [f("input", {
 							value: R.value,
 							type: "number",
 							min: "1",
@@ -771,7 +864,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 							},
 							placeholder: V.value?.width?.toString() || "",
 							onInput: te
-						}, null, 40, Be), f("span", Ve, D(k(c).mediaLibrary.cropPixels), 1)])]), f("div", He, [f("label", Ue, [p(D(k(c).mediaLibrary.cropMaxHeight) + " ", 1), f("span", We, D(k(c).mediaLibrary.cropOptional), 1)]), f("div", Ge, [f("input", {
+						}, 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",
 							min: "1",
@@ -783,10 +876,10 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 							},
 							placeholder: V.value?.height?.toString() || "",
 							onInput: Y
-						}, null, 40, Ke), f("span", qe, D(k(c).mediaLibrary.cropPixels), 1)])])]),
-						q.value ? (S(), d("div", Je, [f("span", null, D(k(c).mediaLibrary.cropOutputSize) + ": ", 1), f("span", Ye, D(q.value.width) + " x " + D(q.value.height) + " " + D(k(c).mediaLibrary.cropPixels), 1)])) : u("", !0)
+						}, 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),
-					f("div", Xe, [f("label", Ze, D(k(c).mediaLibrary.fileName), 1), N(f("input", {
+					f("div", nt, [f("label", rt, 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",
@@ -796,8 +889,8 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 							color: "var(--tpl-text)"
 						},
 						autofocus: !G.value
-					}, null, 8, Qe), [[A, C.value]])]),
-					k(x)(e.item.mime_type) ? (S(), d("div", $e, [f("label", et, D(k(c).mediaLibrary.altText), 1), N(f("input", {
+					}, null, 8, it), [[A, C.value]])]),
+					k(x)(e.item.mime_type) ? (S(), d("div", at, [f("label", ot, 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",
@@ -807,9 +900,9 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 							color: "var(--tpl-text)"
 						},
 						placeholder: k(c).mediaLibrary.altTextPlaceholder
-					}, null, 8, tt), [[A, E.value]])])) : u("", !0)
+					}, null, 8, st), [[A, E.value]])])) : u("", !0)
 				]),
-				f("div", nt, [f("button", {
+				f("div", ct, [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)",
@@ -822,25 +915,25 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: U.value,
 					onClick: ne
-				}, D(U.value ? k(c).mediaLibrary.saving : k(c).mediaLibrary.saveChanges), 9, rt)])
-			], 2)], 40, Te)) : u("", !0)]),
+				}, D(U.value ? k(c).mediaLibrary.saving : k(c).mediaLibrary.saveChanges), 9, lt)])
+			], 2)], 40, je)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), at = (e, t) => {
+}), dt = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ot = /*#__PURE__*/ at(it, [["__scopeId", "data-v-6b677237"]]), st = {
+}, ft = /*#__PURE__*/ dt(ut, [["__scopeId", "data-v-a5653cc1"]]), pt = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, ct = {
+}, mt = {
 	key: 0,
 	class: "tpl:truncate"
-}, lt = {
+}, ht = {
 	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"
-}, ut = ["title"], dt = ["title"], ft = { key: 0 }, pt = ["placeholder"], mt = /* @__PURE__ */ h({
+}, gt = ["title"], _t = ["title"], vt = { key: 0 }, yt = ["placeholder"], bt = /* @__PURE__ */ h({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -899,7 +992,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					class: y(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": O.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (S(), d("span", st)),
+				}, null, 8, ["class"])])) : (S(), d("span", pt)),
 				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)
@@ -907,7 +1000,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), c.value ? u("", !0) : (S(), d("span", ct, D(e.folder.name), 1))]),
+				}), c.value ? u("", !0) : (S(), d("span", mt, D(e.folder.name), 1))]),
 				c.value ? N((S(), d("input", {
 					key: 2,
 					"onUpdate:modelValue": n[1] ||= (e) => p.value = e,
@@ -923,7 +1016,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					onBlur: R,
 					onClick: n[2] ||= F(() => {}, ["stop"])
 				}, null, 544)), [[A, p.value]]) : u("", !0),
-				c.value ? u("", !0) : (S(), d("span", lt, [
+				c.value ? u("", !0) : (S(), d("span", ht, [
 					v.value ? (S(), d("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
@@ -932,7 +1025,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					}, [m(k(q), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, ut)) : u("", !0),
+					})], 8, gt)) : u("", !0),
 					f("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: k(a).mediaLibrary.renameFolder,
@@ -940,7 +1033,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					}, [m(k(K), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, dt),
+					})], 8, _t),
 					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"])
@@ -950,7 +1043,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), O.value ? (S(), d("div", ft, [(S(!0), d(i, null, T(e.folder.children, (t) => (S(), l(o, {
+			], 4), O.value ? (S(), d("div", vt, [(S(!0), d(i, null, T(e.folder.children, (t) => (S(), l(o, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -980,13 +1073,13 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				autofocus: "",
 				onKeydown: [P(H, ["enter"]), P(U, ["escape"])],
 				onBlur: H
-			}, null, 40, pt), [[A, g.value]])], 4)) : u("", !0)])) : u("", !0)]);
+			}, null, 40, yt), [[A, g.value]])], 4)) : u("", !0)])) : u("", !0)]);
 		};
 	}
-}), ht = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, gt = {
+}), xt = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, St = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, _t = ["placeholder"], vt = /* @__PURE__ */ h({
+}, Ct = ["placeholder"], wt = /* @__PURE__ */ h({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -1012,7 +1105,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 		function h() {
 			a.value = !1, o.value = "";
 		}
-		return (t, g) => (S(), d("div", ht, [
+		return (t, g) => (S(), d("div", xt, [
 			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({
@@ -1024,7 +1117,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				size: 14,
 				"stroke-width": 1.5
 			}), p(" " + D(k(r).mediaLibrary.allFiles), 1)], 4),
-			(S(!0), d(i, null, T(e.folders, (t) => (S(), l(mt, {
+			(S(!0), d(i, null, T(e.folders, (t) => (S(), l(bt, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -1034,7 +1127,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				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", gt, [N(f("input", {
+			a.value ? (S(), d("div", St, [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",
@@ -1047,7 +1140,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				autofocus: "",
 				onKeydown: [P(c, ["enter"]), P(h, ["escape"])],
 				onBlur: c
-			}, null, 40, _t), [[A, o.value]])])) : u("", !0),
+			}, null, 40, Ct), [[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",
@@ -1073,7 +1166,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			}), p(" " + D(k(r).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
 		]));
 	}
-}), yt = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, bt = /* @__PURE__ */ h({
+}), Tt = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, Et = /* @__PURE__ */ h({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -1174,7 +1267,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			bgColor: "#f9fafb",
 			icon: "document"
 		}, i = s(() => n[t.mimeType] ?? r);
-		return (e, t) => (S(), d("div", yt, [i.value.icon === "document" ? (S(), d("svg", {
+		return (e, t) => (S(), d("div", Tt, [i.value.icon === "document" ? (S(), d("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -1243,48 +1336,48 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			style: b({ color: i.value.color })
 		}, D(i.value.label), 5)]));
 	}
-}), xt = { class: "tpl:p-4" }, St = {
+}), Dt = { class: "tpl:p-4" }, Ot = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, Ct = {
+}, kt = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, wt = {
+}, At = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, Tt = ["onClick"], Et = { class: "tpl:aspect-square" }, Dt = ["src", "alt"], Ot = { class: "tpl:px-2 tpl:py-1.5" }, kt = {
+}, jt = ["onClick"], Mt = { class: "tpl:aspect-square" }, Nt = ["src", "alt"], Pt = { class: "tpl:px-2 tpl:py-1.5" }, Ft = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, At = {
+}, It = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, jt = { key: 0 }, Mt = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Nt = ["title", "onClick"], Pt = ["title", "onClick"], Ft = {
+}, 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 = {
 	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)" }
-}, It = {
+}, Ht = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Lt = ["onClick"], Rt = {
+}, Ut = ["onClick"], Wt = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, zt = ["src", "alt"], Bt = {
+}, Gt = ["src", "alt"], Kt = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, Vt = { class: "tpl:min-w-0 tpl:flex-1" }, Ht = {
+}, qt = { class: "tpl:min-w-0 tpl:flex-1" }, Jt = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ut = {
+}, Yt = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Wt = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Gt = ["title", "onClick"], Kt = ["title", "onClick"], qt = {
+}, 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 = {
 	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)" }
-}, Jt = {
+}, en = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, Yt = /*#__PURE__*/ at(/* @__PURE__ */ h({
+}, tn = /*#__PURE__*/ dt(/* @__PURE__ */ h({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -1323,7 +1416,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", xt, [
+		return (t, n) => (S(), d("div", Dt, [
 			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")
@@ -1331,26 +1424,26 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				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", St, [m(k(z), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (S(), d("div", Ot, [m(k(z), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), f("p", Ct, D(k(h).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (S(), d("div", It, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			}), 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", {
 				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", Rt, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Wt, [k(o)(t.mime_type) ? (S(), d("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, zt)) : (S(), d("div", Bt, [m(bt, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				f("div", Vt, [f("p", Ht, D(t.filename), 1), f("p", Ut, [p(D(_(t.size)) + " · " + D(v(t.created_at)) + " ", 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d(i, { key: 0 }, [p(" · " + D(t.width) + "×" + D(t.height), 1)], 64)) : u("", !0)])]),
-				f("div", Wt, [f("button", {
+				}, 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", {
 					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,
@@ -1358,7 +1451,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				}, [m(k(K), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Gt), f("button", {
+				})], 8, 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.replaceFile,
@@ -1366,12 +1459,12 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				}, [m(k(ee), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Kt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", qt, [m(k(I), {
+				})], 8, Qt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", $t, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Lt))), 128))])) : (S(), d("div", wt, [(S(!0), d(i, null, T(e.items, (t) => (S(), d("div", {
+			], 14, Ut))), 128))])) : (S(), d("div", At, [(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",
@@ -1384,18 +1477,18 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				}),
 				onClick: (e) => c(t)
 			}, [
-				f("div", Et, [k(o)(t.mime_type) ? (S(), d("img", {
+				f("div", Mt, [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, Dt)) : (S(), l(bt, {
+				}, null, 8, Nt)) : (S(), l(Et, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				f("div", Ot, [f("p", kt, D(t.filename), 1), f("p", At, [f("span", null, D(_(t.size)), 1), k(o)(t.mime_type) && t.width && t.height ? (S(), d("span", jt, D(t.width) + "×" + D(t.height), 1)) : u("", !0)])]),
-				f("div", Mt, [f("button", {
+				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", {
 					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,
@@ -1403,7 +1496,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				}, [m(k(K), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Nt), f("button", {
+				})], 8, 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.replaceFile,
@@ -1411,18 +1504,18 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				}, [m(k(ee), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Pt)]),
-				e.selectedIds.has(t.id) ? (S(), d("div", Ft, [m(k(I), {
+				})], 8, Bt)]),
+				e.selectedIds.has(t.id) ? (S(), d("div", Vt, [m(k(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Tt))), 128))])),
+			], 14, jt))), 128))])),
 			f("div", {
 				ref_key: "sentinelRef",
 				ref: g,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (S(), d("div", Jt, [m(k(W), {
+			e.isLoading && e.items.length > 0 ? (S(), d("div", en, [m(k(W), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -1430,20 +1523,20 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			})])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9db961d1"]]), Xt = ["data-tpl-theme"], Zt = {
+}), [["__scopeId", "data-v-9db961d1"]]), nn = ["data-tpl-theme"], rn = {
 	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)" }
-}, Qt = {
+}, an = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, $t = { class: "tpl:mb-3" }, en = ["placeholder", "disabled"], tn = {
+}, on = { class: "tpl:mb-3" }, sn = ["placeholder", "disabled"], cn = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, nn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, rn = ["disabled"], an = ["disabled"], on = {
+}, ln = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, un = ["disabled"], dn = ["disabled"], fn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, sn = { key: 1 }, cn = /* @__PURE__ */ h({
+}, pn = { key: 1 }, mn = /* @__PURE__ */ h({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -1452,7 +1545,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 	},
 	emits: ["import", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = X(), s = _("tplUiTheme"), c = _(ye, w(null)), h = w("");
+		let n = e, r = t, { t: i } = X(), s = _(ye, null), c = _(_e, w(null)), h = w("");
 		j(() => n.visible, (e) => {
 			e && (h.value = "");
 		});
@@ -1481,9 +1574,9 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: F(v, ["self"]),
 				onKeydown: b
-			}, [f("div", Zt, [
-				f("h3", Qt, D(k(i).mediaLibrary.importFromUrl), 1),
-				f("div", $t, [N(f("input", {
+			}, [f("div", rn, [
+				f("h3", an, D(k(i).mediaLibrary.importFromUrl), 1),
+				f("div", on, [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",
@@ -1495,9 +1588,9 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					placeholder: k(i).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, en), [[A, h.value]])]),
-				e.error ? (S(), d("p", tn, D(e.error), 1)) : u("", !0),
-				f("div", nn, [f("button", {
+				}, null, 8, sn), [[A, h.value]])]),
+				e.error ? (S(), d("p", cn, D(e.error), 1)) : u("", !0),
+				f("div", ln, [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)",
@@ -1506,25 +1599,25 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					},
 					disabled: e.isImporting,
 					onClick: v
-				}, D(k(i).mediaLibrary.cancel), 11, rn), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 11, un), 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", on, [m(k(W), {
+				}, [e.isImporting ? (S(), d("span", fn, [m(k(W), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", sn, D(k(i).mediaLibrary.import), 1))], 8, an)])
-			])], 40, Xt)) : u("", !0)]),
+				}), p(" " + D(k(i).mediaLibrary.importing), 1)])) : (S(), d("span", pn, D(k(i).mediaLibrary.import), 1))], 8, dn)])
+			])], 40, nn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), ln = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, un = ["disabled", "onClick"], dn = { class: "tpl:truncate" }, fn = {
+}), hn = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, gn = ["disabled", "onClick"], _n = { class: "tpl:truncate" }, vn = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, pn = /* @__PURE__ */ h({
+}, yn = /* @__PURE__ */ h({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -1552,7 +1645,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [f("div", ln, [e.currentFolderId === null ? u("", !0) : (S(), d("button", {
+		}, [f("div", hn, [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)" },
@@ -1577,27 +1670,27 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			f("span", dn, D(t.name), 1),
-			t.id === e.currentFolderId ? (S(), d("span", fn, D(k(r).mediaLibrary.currentFolder), 1)) : u("", !0)
-		], 12, un))), 128))])], 512));
+			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));
 	}
-}), mn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hn = ["src", "alt"], gn = {
+}), bn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, xn = ["src", "alt"], Sn = {
 	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)" }
-}, _n = { class: "tpl:min-w-0 tpl:flex-1" }, vn = {
+}, Cn = { class: "tpl:min-w-0 tpl:flex-1" }, wn = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, yn = {
+}, Tn = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, bn = {
+}, En = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, xn = {
+}, Dn = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Sn = ["value"], Cn = ["value"], wn = /*#__PURE__*/ at(/* @__PURE__ */ h({
+}, On = ["value"], kn = ["value"], An = /*#__PURE__*/ dt(/* @__PURE__ */ h({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -1665,20 +1758,20 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				day: "numeric"
 			});
 		}
-		return (t, n) => (S(), d("div", mn, [
+		return (t, n) => (S(), d("div", bn, [
 			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, hn)) : (S(), d("div", gn, [m(bt, {
+			}, null, 8, xn)) : (S(), d("div", Sn, [m(Et, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			f("div", _n, [
-				f("p", vn, D(e.item.filename), 1),
-				f("p", yn, [
+			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 }, [
@@ -1697,7 +1790,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					style: { color: "var(--tpl-text-dim)" }
 				}, D(e.item.alt_text || "\xA0"), 3)) : u("", !0)
 			]),
-			l.value ? (S(), d("div", bn, [f("label", xn, D(k(a).mediaLibrary.conversionLabel), 1), f("select", {
+			l.value ? (S(), d("div", En, [f("label", Dn, 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)",
@@ -1709,36 +1802,36 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			}, [(S(!0), d(i, null, T(c.value, (e) => (S(), d("option", {
 				key: e.value,
 				value: e.value
-			}, D(e.label), 9, Cn))), 128))], 40, Sn)])) : u("", !0)
+			}, D(e.label), 9, kn))), 128))], 40, On)])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-060e36cd"]]), Tn = ["data-tpl-theme"], En = {
+}), [["__scopeId", "data-v-060e36cd"]]), jn = ["data-tpl-theme"], Mn = {
 	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)" }
-}, Dn = {
+}, Nn = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, On = {
+}, Pn = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, kn = {
+}, Fn = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, An = {
+}, In = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, jn = {
+}, Ln = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Mn = { class: "tpl:mb-4" }, Nn = {
+}, Rn = { class: "tpl:mb-4" }, zn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Pn = ["accept"], Fn = {
+}, Bn = ["accept"], Vn = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, In = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ln = ["disabled"], Rn = ["disabled"], zn = /* @__PURE__ */ h({
+}, Hn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Un = ["disabled"], Wn = ["disabled"], Gn = /* @__PURE__ */ h({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -1749,7 +1842,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 	},
 	emits: ["replace", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = X(), c = _("tplUiTheme"), p = _(ye, w(null)), h = w(null), g = w(null), v = s(() => {
+		let n = e, r = t, { t: i } = X(), c = _(ye, null), p = _(_e, 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() : "";
@@ -1782,12 +1875,12 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[1] ||= F((e) => r("close"), ["self"]),
 				onKeydown: T
-			}, [f("div", En, [
-				f("h3", Dn, D(k(i).mediaLibrary.replaceWarningTitle), 1),
-				f("p", On, D(k(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
-				b.value ? (S(), d("p", kn, D(k(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
-				f("div", An, [f("p", jn, D(e.item.filename), 1)]),
-				f("div", Mn, [f("label", Nn, D(k(i).mediaLibrary.replaceSelectFile), 1), f("input", {
+			}, [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", {
 					ref_key: "fileInputRef",
 					ref: h,
 					type: "file",
@@ -1799,9 +1892,9 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 						color: "var(--tpl-text)"
 					},
 					onChange: x
-				}, null, 40, Pn)]),
-				e.error ? (S(), d("p", Fn, D(e.error), 1)) : u("", !0),
-				f("div", In, [f("button", {
+				}, null, 40, Bn)]),
+				e.error ? (S(), d("p", Vn, D(e.error), 1)) : u("", !0),
+				f("div", Hn, [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)",
@@ -1810,29 +1903,29 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => r("close")
-				}, D(k(i).mediaLibrary.cancel), 9, Ln), f("button", {
+				}, D(k(i).mediaLibrary.cancel), 9, Un), 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, Rn)])
-			])], 40, Tn)) : u("", !0)]),
+				}, D(e.isReplacing ? k(i).mediaLibrary.replacing : k(i).mediaLibrary.replace), 9, Wn)])
+			])], 40, jn)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Bn = {
+}), Kn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Vn = {
+}, qn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Hn = {
+}, Jn = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Un = {
+}, Yn = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Wn = /* @__PURE__ */ h({
+}, Xn = /* @__PURE__ */ h({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -1867,12 +1960,12 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => k(g)()
-		}, [e.isUploading ? (S(), d("div", Bn, [m(k(W), {
+		}, [e.isUploading ? (S(), d("div", Kn, [m(k(W), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), f("span", Vn, D(e.uploadProgress && e.uploadProgress.total > 1 ? k(a)(k(r).mediaLibrary.uploadingProgress, {
+		}), f("span", qn, 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 }, [
@@ -1882,20 +1975,20 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			f("p", Hn, D(k(r).mediaLibrary.dropOrClick), 1),
-			f("p", Un, D(k(r).mediaLibrary.acceptedFormats), 1)
+			f("p", Jn, D(k(r).mediaLibrary.dropOrClick), 1),
+			f("p", Yn, D(k(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Gn = [
+}), Zn = [
 	"width",
 	"height",
 	"viewBox"
-], Kn = [
+], Qn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], qn = [
+], $n = [
 	"cx",
 	"cy",
 	"r",
@@ -1903,14 +1996,14 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], Jn = {
+], er = {
 	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)"
 	}
-}, Yn = /* @__PURE__ */ h({
+}, tr = /* @__PURE__ */ h({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -1950,7 +2043,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			fill: "none",
 			"stroke-width": c.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Kn), f("circle", {
+		}, null, 8, Qn), f("circle", {
 			cx: a.value / 2,
 			cy: a.value / 2,
 			r: l.value,
@@ -1961,7 +2054,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			"stroke-dasharray": h.value,
 			"stroke-dashoffset": _.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, qn)], 8, Gn)), m(o, {
+		}, null, 8, $n)], 8, Zn)), 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",
@@ -1969,7 +2062,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 			"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", Jn, [p(D(E.value) + " ", 1), t[2] ||= f("div", {
+			default: M(() => [i.value ? (S(), d("div", er, [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)]),
@@ -1979,7 +2072,7 @@ var Te = ["data-tpl-theme"], Ee = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, De
 });
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function Xn(e) {
+function nr(e) {
 	let { library: t, translations: n } = e;
 	function r() {
 		return "value" in n && typeof n.value == "object" ? n.value : n;
@@ -2088,8 +2181,40 @@ function Xn(e) {
 	};
 }
 //#endregion
+//#region src/i18n/index.ts
+var rr = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca-DnghH5Xn.js"),
+	"./locales/de.ts": () => import("./de-ByQyu2jv.js"),
+	"./locales/en.ts": () => Promise.resolve().then(() => be),
+	"./locales/es.ts": () => import("./es-Bcp-DbmC.js"),
+	"./locales/fr.ts": () => import("./fr-DXb0cCZG.js"),
+	"./locales/nl.ts": () => import("./nl-DGT1t3Be.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-C0Hzc26R.js")
+});
+function ir(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();
+}
+function sr(e) {
+	let t = or(e);
+	return ar.find((e) => or(e) === t);
+}
+function cr(e) {
+	return or(e).split("-")[0];
+}
+function lr(e) {
+	return sr(e) ?? sr(cr(e)) ?? "en";
+}
+async function ur(e) {
+	let t = rr[`./locales/${lr(e)}.ts`];
+	return (await t()).default;
+}
+//#endregion
 //#region src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var Zn = ["data-tpl-theme"], Qn = {
+var dr = ["data-tpl-theme"], fr = {
 	class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "900px",
@@ -2100,59 +2225,59 @@ var Zn = ["data-tpl-theme"], Qn = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, $n = {
+}, pr = {
 	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)" }
-}, er = {
+}, mr = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, tr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, nr = { class: "tpl:relative" }, rr = ["value", "placeholder"], ir = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ar = {
+}, 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 = {
 	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)"
 	}
-}, or = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, sr = {
+}, br = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, xr = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, cr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, lr = ["title"], ur = {
+}, Sr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Cr = ["title"], wr = {
 	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, dr = {
+}, Tr = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, fr = ["title"], pr = ["title"], mr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, hr = ["value"], gr = { value: "" }, _r = ["value"], vr = ["value"], yr = { value: "newest" }, br = { value: "oldest" }, xr = { value: "name_asc" }, Sr = { value: "name_desc" }, Cr = { value: "size_asc" }, wr = { value: "size_desc" }, Tr = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Er = {
+}, 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 = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Dr = {
+}, Vr = {
 	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)"
 	}
-}, Or = {
+}, Hr = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, kr = {
+}, Ur = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ar = {
+}, Wr = {
 	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)" }
-}, jr = { class: "tpl:font-medium" }, Mr = { style: { color: "var(--tpl-text-muted)" } }, Nr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Pr = {
+}, Gr = { class: "tpl:font-medium" }, Kr = { style: { color: "var(--tpl-text-muted)" } }, qr = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Jr = {
 	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)" }
-}, Fr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Ir = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Lr = {
+}, 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 = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Rr = { class: "tpl:relative" }, zr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Br = ["disabled"], Vr = /* @__PURE__ */ h({
+}, Qr = { class: "tpl:relative" }, $r = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ei = ["disabled"], ti = /* @__PURE__ */ h({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -2160,34 +2285,42 @@ var Zn = ["data-tpl-theme"], Qn = {
 		authManager: {},
 		projectId: {},
 		planConfig: {},
-		popoverTarget: {}
+		popoverTarget: {},
+		locale: {},
+		uiTheme: {}
 	},
 	emits: ["close", "select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: c } = X(), h = _("tplUiTheme"), g = O(() => n.popoverTarget ?? null);
-		C(ye, g), C(ve, n.planConfig);
-		let v = s(() => n.planConfig.config.value?.storage.used_bytes ?? 0), x = s(() => n.planConfig.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: w, availableCategories: E } = Z(), A = pe({
+		let n = e, r = t, c = w(null);
+		j(() => n.locale, async (e) => {
+			c.value = await ur(e ?? "en");
+		}, { immediate: !0 }), C(ve, c);
+		let h = s(() => c.value), g = s(() => n.uiTheme);
+		C(ye, 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({
 			projectId: n.projectId,
 			authManager: n.authManager
-		}), N = Xn({
-			library: A,
-			translations: c
+		}), P = nr({
+			library: N,
+			translations: h
 		});
 		j(() => n.visible, (e) => {
-			e ? (A.loadItems(), A.loadFrequentlyUsed()) : N.resetUI();
+			e ? (N.loadItems(), N.loadFrequentlyUsed()) : P.resetUI();
 		});
-		function P(e) {
+		function L(e) {
 			e.key === "Escape" && r("close");
 		}
-		le(document, "keydown", P);
-		function L() {
-			return A.previewItem.value ? !n.accept?.length || w(A.previewItem.value.mime_type, n.accept) : !1;
-		}
+		le(document, "keydown", L);
 		function z() {
-			if (L()) {
-				let e = A.previewItem.value, t = {
+			return N.previewItem.value ? !n.accept?.length || E(N.previewItem.value.mime_type, n.accept) : !1;
+		}
+		function B() {
+			if (z()) {
+				let e = N.previewItem.value, t = {
 					...e,
-					url: N.selectedUrl.value || e.url
+					url: P.selectedUrl.value || e.url
 				};
 				r("select", t), r("close");
 			}
@@ -2200,20 +2333,20 @@ var Zn = ["data-tpl-theme"], Qn = {
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: M(() => [e.visible ? (S(), d("div", {
+			default: M(() => [e.visible && c.value ? (S(), d("div", {
 				key: 0,
-				"data-tpl-theme": k(h),
+				"data-tpl-theme": g.value,
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999]",
 				onClick: n[18] ||= F((e) => r("close"), ["self"])
-			}, [f("div", Qn, [
-				f("div", $n, [f("h2", er, D(k(c).mediaLibrary.title), 1), f("div", tr, [
-					m(Yn, {
+			}, [f("div", fr, [
+				f("div", pr, [f("h2", mr, D(h.value.mediaLibrary.title), 1), f("div", hr, [
+					m(tr, {
 						"used-bytes": v.value,
 						"limit-bytes": x.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					f("div", nr, [f("input", {
-						value: k(N).searchInput.value,
+					f("div", gr, [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)]",
 						style: {
@@ -2221,9 +2354,9 @@ var Zn = ["data-tpl-theme"], Qn = {
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						placeholder: k(c).mediaLibrary.searchPlaceholder,
-						onInput: n[0] ||= (e) => k(N).handleSearchInput(e.target.value)
-					}, null, 40, rr), m(k(J), {
+						placeholder: h.value.mediaLibrary.searchPlaceholder,
+						onInput: n[0] ||= (e) => k(P).handleSearchInput(e.target.value)
+					}, null, 40, _r), m(k(J), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -2238,7 +2371,7 @@ var Zn = ["data-tpl-theme"], Qn = {
 						"stroke-width": 2
 					})])
 				])]),
-				f("div", ir, [m(o, {
+				f("div", vr, [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",
@@ -2246,16 +2379,16 @@ var Zn = ["data-tpl-theme"], Qn = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: M(() => [k(N).showSidebar.value ? (S(), d("div", ar, [m(vt, {
-						folders: k(A).folders.value,
-						"current-folder-id": k(A).currentFolderId.value,
-						"view-mode": k(A).viewMode.value,
-						"has-frequently-used": k(N).hasFrequentlyUsed.value,
-						onNavigate: k(A).navigateToFolder,
-						onCreateFolder: k(N).handleCreateFolder,
-						onRenameFolder: k(N).handleRenameFolder,
-						onDeleteFolder: k(N).handleDeleteFolder,
-						onShowFrequentlyUsed: k(A).showFrequentlyUsed
+					default: M(() => [k(P).showSidebar.value ? (S(), d("div", yr, [m(wt, {
+						folders: k(N).folders.value,
+						"current-folder-id": k(N).currentFolderId.value,
+						"view-mode": k(N).viewMode.value,
+						"has-frequently-used": k(P).hasFrequentlyUsed.value,
+						onNavigate: k(N).navigateToFolder,
+						onCreateFolder: k(P).handleCreateFolder,
+						onRenameFolder: k(P).handleRenameFolder,
+						onDeleteFolder: k(P).handleDeleteFolder,
+						onShowFrequentlyUsed: k(N).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -2268,54 +2401,54 @@ var Zn = ["data-tpl-theme"], Qn = {
 						"onShowFrequentlyUsed"
 					])])) : u("", !0)]),
 					_: 1
-				}), f("div", or, [f("div", sr, [f("div", cr, [
+				}), f("div", br, [f("div", xr, [f("div", Sr, [
 					f("button", {
 						class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: b({
-							color: k(N).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(N).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-							border: k(N).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+							color: k(P).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(P).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+							border: k(P).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 						}),
-						title: k(N).showSidebar.value ? k(c).mediaLibrary.hideFolders : k(c).mediaLibrary.showFolders,
-						onClick: n[2] ||= (e) => k(N).showSidebar.value = !k(N).showSidebar.value
+						title: k(P).showSidebar.value ? h.value.mediaLibrary.hideFolders : h.value.mediaLibrary.showFolders,
+						onClick: n[2] ||= (e) => k(P).showSidebar.value = !k(P).showSidebar.value
 					}, [m(k(G), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, lr),
-					k(A).viewMode.value === "frequently-used" ? (S(), d("span", ur, D(k(c).mediaLibrary.frequentlyUsed), 1)) : (S(), l(_e, {
+					})], 12, Cr),
+					k(N).viewMode.value === "frequently-used" ? (S(), d("span", wr, D(h.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(Te, {
 						key: 1,
-						folders: k(A).folders.value,
-						"current-folder-id": k(A).currentFolderId.value,
-						onNavigate: k(A).navigateToFolder
+						folders: k(N).folders.value,
+						"current-folder-id": k(N).currentFolderId.value,
+						onNavigate: k(N).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
 						"onNavigate"
 					])),
-					f("div", dr, [f("button", {
+					f("div", Tr, [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(N).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(N).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(P).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(P).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
-						title: k(c).mediaLibrary.viewGrid,
-						onClick: n[3] ||= (e) => k(N).layoutMode.value = "grid"
+						title: h.value.mediaLibrary.viewGrid,
+						onClick: n[3] ||= (e) => k(P).layoutMode.value = "grid"
 					}, [m(k(V), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, fr), f("button", {
+					})], 12, 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(N).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: k(N).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: k(P).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: k(P).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
-						title: k(c).mediaLibrary.viewList,
-						onClick: n[4] ||= (e) => k(N).layoutMode.value = "list"
+						title: h.value.mediaLibrary.viewList,
+						onClick: n[4] ||= (e) => k(P).layoutMode.value = "list"
 					}, [m(k(U), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, pr)])
-				]), f("div", mr, [k(E).length > 1 ? (S(), d("select", {
+					})], 12, Dr)])
+				]), f("div", Or, [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: {
@@ -2323,31 +2456,31 @@ var Zn = ["data-tpl-theme"], Qn = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: k(A).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => k(A).filterByCategory(e.target.value || null)
-				}, [f("option", gr, D(k(c).mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(E), (e) => (S(), d("option", {
+					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", {
 					key: e,
 					value: e
-				}, D(k(N).getCategoryLabel(e)), 9, _r))), 128))], 40, hr)) : u("", !0), f("select", {
+				}, D(k(P).getCategoryLabel(e)), 9, jr))), 128))], 40, kr)) : u("", !0), f("select", {
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
 						"border-color": "var(--tpl-border)",
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: k(A).sortOption.value,
-					onChange: n[6] ||= (e) => k(A).sortBy(e.target.value)
+					value: k(N).sortOption.value,
+					onChange: n[6] ||= (e) => k(N).sortBy(e.target.value)
 				}, [
-					f("option", yr, D(k(c).mediaLibrary.sortNewest), 1),
-					f("option", br, D(k(c).mediaLibrary.sortOldest), 1),
-					f("option", xr, D(k(c).mediaLibrary.sortNameAsc), 1),
-					f("option", Sr, D(k(c).mediaLibrary.sortNameDesc), 1),
-					f("option", Cr, D(k(c).mediaLibrary.sortSizeAsc), 1),
-					f("option", wr, D(k(c).mediaLibrary.sortSizeDesc), 1)
-				], 40, vr)])]), f("div", Tr, [k(A).viewMode.value === "files" ? (S(), d("div", Er, [m(Wn, {
-					"is-uploading": k(A).isUploading.value,
-					"upload-progress": k(A).uploadProgress.value,
-					onUpload: k(N).handleUpload
+					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, {
+					"is-uploading": k(N).isUploading.value,
+					"upload-progress": k(N).uploadProgress.value,
+					onUpload: k(P).handleUpload
 				}, null, 8, [
 					"is-uploading",
 					"upload-progress",
@@ -2359,22 +2492,22 @@ var Zn = ["data-tpl-theme"], Qn = {
 						color: "var(--tpl-text-muted)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[7] ||= (e) => k(N).showImportUrlModal.value = !0
+					onClick: n[7] ||= (e) => k(P).showImportUrlModal.value = !0
 				}, [m(k(H), {
 					size: 14,
 					"stroke-width": 2
-				}), p(" " + D(k(c).mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(Yt, {
-					items: k(N).displayItems.value,
-					"selected-ids": k(A).selectedItems.value,
-					"is-loading": k(A).isLoading.value,
-					"has-more": k(A).viewMode.value === "files" && k(A).hasMore.value,
+				}), p(" " + D(h.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(tn, {
+					items: k(P).displayItems.value,
+					"selected-ids": k(N).selectedItems.value,
+					"is-loading": k(N).isLoading.value,
+					"has-more": k(N).viewMode.value === "files" && k(N).hasMore.value,
 					accept: e.accept,
-					layout: k(N).layoutMode.value,
-					onSelect: k(N).handleSelect,
-					onToggle: k(A).toggleSelection,
-					onLoadMore: k(A).loadMore,
-					onEdit: k(N).handleEditItem,
-					onReplace: k(N).handleReplaceItem
+					layout: k(P).layoutMode.value,
+					onSelect: k(P).handleSelect,
+					onToggle: k(N).toggleSelection,
+					onLoadMore: k(N).loadMore,
+					onEdit: k(P).handleEditItem,
+					onReplace: k(P).handleReplaceItem
 				}, null, 8, [
 					"items",
 					"selected-ids",
@@ -2388,36 +2521,36 @@ var Zn = ["data-tpl-theme"], Qn = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				m(cn, {
-					visible: k(N).showImportUrlModal.value,
-					"is-importing": k(A).isImportingFromUrl.value,
-					error: k(A).importFromUrlError.value,
-					onImport: k(N).handleImportFromUrl,
-					onClose: n[8] ||= (e) => k(N).showImportUrlModal.value = !1
+				m(mn, {
+					visible: k(P).showImportUrlModal.value,
+					"is-importing": k(N).isImportingFromUrl.value,
+					error: k(N).importFromUrlError.value,
+					onImport: k(P).handleImportFromUrl,
+					onClose: n[8] ||= (e) => k(P).showImportUrlModal.value = !1
 				}, null, 8, [
 					"visible",
 					"is-importing",
 					"error",
 					"onImport"
 				]),
-				m(ot, {
-					visible: !!k(N).editingItem.value,
-					item: k(N).editingItem.value,
-					onSave: k(N).handleEditSave,
-					onClose: n[9] ||= (e) => k(N).editingItem.value = null
+				m(ft, {
+					visible: !!k(P).editingItem.value,
+					item: k(P).editingItem.value,
+					onSave: k(P).handleEditSave,
+					onClose: n[9] ||= (e) => k(P).editingItem.value = null
 				}, null, 8, [
 					"visible",
 					"item",
 					"onSave"
 				]),
-				m(zn, {
-					visible: k(A).showReplaceWarning.value,
-					item: k(A).pendingReplaceItem.value,
-					"usage-info": k(A).replaceUsageInfo.value,
-					"is-replacing": k(A).isReplacing.value,
-					error: k(A).replaceError.value,
-					onReplace: k(N).handleReplaceFile,
-					onClose: k(A).cancelReplace
+				m(Gn, {
+					visible: k(N).showReplaceWarning.value,
+					item: k(N).pendingReplaceItem.value,
+					"usage-info": k(N).replaceUsageInfo.value,
+					"is-replacing": k(N).isReplacing.value,
+					error: k(N).replaceError.value,
+					onReplace: k(P).handleReplaceFile,
+					onClose: k(N).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -2435,7 +2568,7 @@ var Zn = ["data-tpl-theme"], Qn = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: M(() => [k(A).showDeleteWarning.value ? (S(), d("div", {
+					default: M(() => [k(N).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: {
@@ -2443,59 +2576,59 @@ var Zn = ["data-tpl-theme"], Qn = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= F((...e) => k(A).cancelDelete && k(A).cancelDelete(...e), ["self"])
-					}, [f("div", Dr, [
-						f("h3", Or, D(k(c).mediaLibrary.deleteWarningTitle), 1),
+						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("p", {
-							class: y(["tpl:text-xs", k(N).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+							class: y(["tpl:text-xs", k(P).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
-						}, D(k(c).mediaLibrary.deleteWarningMessage), 3),
-						k(N).hasUsedFiles.value ? (S(), d("p", kr, D(k(c).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-						k(N).hasUsedFiles.value ? (S(), d("div", Ar, [(S(!0), d(i, null, T(k(A).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+						}, 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", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", jr, D(k(N).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Mr, " - " + D(k(c).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-						f("div", Nr, [f("button", {
+						}, [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", {
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: {
 								"border-color": "var(--tpl-border)",
 								color: "var(--tpl-text)",
 								"background-color": "var(--tpl-bg)"
 							},
-							onClick: n[10] ||= (...e) => k(A).cancelDelete && k(A).cancelDelete(...e)
-						}, D(k(c).mediaLibrary.cancel), 1), f("button", {
+							onClick: n[10] ||= (...e) => k(N).cancelDelete && k(N).cancelDelete(...e)
+						}, D(h.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: {
 								"border-color": "var(--tpl-danger)",
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => k(A).confirmDelete && k(A).confirmDelete(...e)
-						}, D(k(N).hasUsedFiles.value ? k(c).mediaLibrary.deleteAnyway : k(c).mediaLibrary.confirmDelete), 1)])
+							onClick: n[11] ||= (...e) => k(N).confirmDelete && k(N).confirmDelete(...e)
+						}, D(k(P).hasUsedFiles.value ? h.value.mediaLibrary.deleteAnyway : h.value.mediaLibrary.confirmDelete), 1)])
 					])])) : u("", !0)]),
 					_: 1
 				}),
-				f("div", Pr, [f("div", Fr, [k(A).previewItem.value ? (S(), l(wn, {
+				f("div", Jr, [f("div", Yr, [k(N).previewItem.value ? (S(), l(An, {
 					key: 0,
-					"selected-conversion": k(N).selectedConversion.value,
-					"onUpdate:selectedConversion": n[13] ||= (e) => k(N).selectedConversion.value = e,
-					item: k(A).previewItem.value,
-					folders: k(A).folders.value
+					"selected-conversion": k(P).selectedConversion.value,
+					"onUpdate:selectedConversion": n[13] ||= (e) => k(P).selectedConversion.value = e,
+					item: k(N).previewItem.value,
+					folders: k(N).folders.value
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : u("", !0)]), f("div", Ir, [k(A).selectedItems.value.size > 0 ? (S(), d("div", Lr, [k(A).previewItem.value ? (S(), d("button", {
+				])) : u("", !0)]), f("div", Xr, [k(N).selectedItems.value.size > 0 ? (S(), d("div", Zr, [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({
-						borderColor: k(N).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-						color: k(N).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+						borderColor: k(P).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+						color: k(P).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => k(N).copy(k(N).selectedUrl.value)
-				}, [k(N).copied.value ? (S(), l(k(I), {
+					onClick: n[14] ||= (e) => k(P).copy(k(P).selectedUrl.value)
+				}, [k(P).copied.value ? (S(), l(k(I), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
@@ -2503,25 +2636,25 @@ var Zn = ["data-tpl-theme"], Qn = {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), p(" " + D(k(N).copied.value ? k(c).mediaLibrary.copied : k(c).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", Rr, [f("button", {
+				})), p(" " + D(k(P).copied.value ? h.value.mediaLibrary.copied : h.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", Qr, [f("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
 						"border-color": "var(--tpl-border)",
 						color: "var(--tpl-text)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[15] ||= (e) => k(N).showMovePicker.value = !k(N).showMovePicker.value
-				}, D(k(c).mediaLibrary.moveSelected), 1), k(N).showMovePicker.value ? (S(), l(pn, {
+					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, {
 					key: 0,
-					folders: k(A).folders.value,
-					"current-folder-id": k(A).currentFolderId.value,
-					onSelect: k(N).handleMoveToFolder,
-					onClose: n[16] ||= (e) => k(N).showMovePicker.value = !1
+					folders: k(N).folders.value,
+					"current-folder-id": k(N).currentFolderId.value,
+					onSelect: k(P).handleMoveToFolder,
+					onClose: n[16] ||= (e) => k(P).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : u("", !0)])])) : u("", !0), f("div", zr, [k(A).selectedItems.value.size > 0 ? (S(), d("button", {
+				])) : u("", !0)])])) : u("", !0), f("div", $r, [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: {
@@ -2529,24 +2662,24 @@ var Zn = ["data-tpl-theme"], Qn = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => k(N).handleDeleteClick && k(N).handleDeleteClick(...e)
-				}, D(k(c).mediaLibrary.deleteSelected), 1)) : u("", !0), f("button", {
+					onClick: n[17] ||= (...e) => k(P).handleDeleteClick && k(P).handleDeleteClick(...e)
+				}, D(h.value.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: !L(),
-					onClick: z
-				}, D(e.accept?.length ? k(c).mediaLibrary.selectImage : k(c).mediaLibrary.selectFile), 9, Br)])])])
-			])], 8, Zn)) : u("", !0)]),
+					disabled: !z(),
+					onClick: B
+				}, D(e.accept?.length ? h.value.mediaLibrary.selectImage : h.value.mediaLibrary.selectFile), 9, ei)])])])
+			])], 8, dr)) : u("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
 });
 //#endregion
 //#region src/composables/useMediaPicker.ts
-function Hr() {
+function ni() {
 	let e = _("onRequestMedia"), t = w(!1), n = s(() => !!e);
 	async function r(n) {
 		if (!e) return null;
@@ -2565,7 +2698,7 @@ function Hr() {
 }
 //#endregion
 //#region src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
-var Ur = {
+var ri = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -2573,59 +2706,59 @@ var Ur = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, Wr = {
+}, ii = {
 	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)" }
-}, Gr = {
+}, ai = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Kr = { class: "tpl:flex tpl:items-center tpl:gap-3" }, qr = { class: "tpl:relative" }, Jr = ["value", "placeholder"], Yr = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Xr = {
+}, 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 = {
 	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)"
 	}
-}, Zr = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Qr = {
+}, di = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, fi = {
 	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)" }
-}, $r = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ei = ["title"], ti = {
+}, pi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, mi = ["title"], hi = {
 	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ni = {
+}, gi = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, ri = ["title"], ii = ["title"], ai = { class: "tpl:flex tpl:items-center tpl:gap-2" }, oi = ["value"], si = { value: "" }, ci = ["value"], li = ["value"], ui = { value: "newest" }, di = { value: "oldest" }, fi = { value: "name_asc" }, pi = { value: "name_desc" }, mi = { value: "size_asc" }, hi = { value: "size_desc" }, gi = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, _i = {
+}, _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 = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, vi = {
+}, Mi = {
 	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)"
 	}
-}, yi = {
+}, Ni = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, bi = {
+}, Pi = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, xi = {
+}, Fi = {
 	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)" }
-}, Si = { class: "tpl:font-medium" }, Ci = { style: { color: "var(--tpl-text-muted)" } }, wi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ti = {
+}, Ii = { class: "tpl:font-medium" }, Li = { style: { color: "var(--tpl-text-muted)" } }, Ri = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, zi = {
 	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)" }
-}, Ei = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Di = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Oi = {
+}, 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 = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, ki = { class: "tpl:relative" }, Ai = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ji = ["disabled"], Mi = /* @__PURE__ */ h({
+}, Ui = { class: "tpl:relative" }, Wi = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Gi = ["disabled"], Ki = /* @__PURE__ */ h({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -2638,20 +2771,20 @@ var Ur = {
 	emits: ["ready"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, a = s(() => n.translations);
-		C("translations", n.translations);
-		let c = w(n.planConfig);
-		C(ve, {
-			config: c,
+		C(ve, w(n.translations));
+		let c = {
+			config: w(n.planConfig),
 			isLoading: w(!1),
 			hasFeature: (e) => n.planConfig.features[e] ?? !1,
 			features: s(() => n.planConfig.features),
 			fetchConfig: async () => {}
-		});
-		let h = s(() => n.planConfig.storage.used_bytes ?? 0), g = s(() => n.planConfig.storage.limit_bytes ?? 0), { availableCategories: _ } = Z(), v = pe({
+		};
+		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({
 			projectId: n.projectId,
 			authManager: n.authManager,
 			onError: n.onError
-		}), E = Xn({
+		}), E = nr({
 			library: v,
 			translations: a
 		});
@@ -2665,12 +2798,12 @@ var Ur = {
 		}
 		return x(() => {
 			v.loadItems(), v.loadFrequentlyUsed(), r("ready");
-		}), (t, n) => (S(), d("div", Ur, [
-			f("div", Wr, [f("h2", Gr, D(a.value.mediaLibrary.title), 1), f("div", Kr, [m(Yn, {
+		}), (t, n) => (S(), d("div", ri, [
+			f("div", ii, [f("h2", ai, D(a.value.mediaLibrary.title), 1), f("div", oi, [m(tr, {
 				"used-bytes": h.value,
 				"limit-bytes": g.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", qr, [f("input", {
+			}, null, 8, ["used-bytes", "limit-bytes"]), f("div", si, [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)]",
@@ -2681,13 +2814,13 @@ var Ur = {
 				},
 				placeholder: a.value.mediaLibrary.searchPlaceholder,
 				onInput: n[0] ||= (e) => k(E).handleSearchInput(e.target.value)
-			}, null, 40, Jr), m(k(J), {
+			}, null, 40, ci), m(k(J), {
 				class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 				size: 13,
 				"stroke-width": 2,
 				style: { color: "var(--tpl-text-dim)" }
 			})])])]),
-			f("div", Yr, [m(o, {
+			f("div", li, [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",
@@ -2695,7 +2828,7 @@ var Ur = {
 				"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", Xr, [m(vt, {
+				default: M(() => [k(E).showSidebar.value ? (S(), d("div", ui, [m(wt, {
 					folders: k(v).folders.value,
 					"current-folder-id": k(v).currentFolderId.value,
 					"view-mode": k(v).viewMode.value,
@@ -2717,7 +2850,7 @@ var Ur = {
 					"onShowFrequentlyUsed"
 				])])) : u("", !0)]),
 				_: 1
-			}), f("div", Zr, [f("div", Qr, [f("div", $r, [
+			}), f("div", di, [f("div", fi, [f("div", pi, [
 				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({
@@ -2730,8 +2863,8 @@ var Ur = {
 				}, [m(k(G), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, ei),
-				k(v).viewMode.value === "frequently-used" ? (S(), d("span", ti, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(_e, {
+				})], 12, mi),
+				k(v).viewMode.value === "frequently-used" ? (S(), d("span", hi, D(a.value.mediaLibrary.frequentlyUsed), 1)) : (S(), l(Te, {
 					key: 1,
 					folders: k(v).folders.value,
 					"current-folder-id": k(v).currentFolderId.value,
@@ -2741,7 +2874,7 @@ var Ur = {
 					"current-folder-id",
 					"onNavigate"
 				])),
-				f("div", ni, [f("button", {
+				f("div", gi, [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)",
@@ -2752,7 +2885,7 @@ var Ur = {
 				}, [m(k(V), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ri), f("button", {
+				})], 12, _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 === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -2763,8 +2896,8 @@ var Ur = {
 				}, [m(k(U), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ii)])
-			]), f("div", ai, [k(_).length > 1 ? (S(), d("select", {
+				})], 12, vi)])
+			]), f("div", yi, [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: {
@@ -2774,10 +2907,10 @@ var Ur = {
 				},
 				value: k(v).categoryFilter.value ?? "",
 				onChange: n[4] ||= (e) => k(v).filterByCategory(e.target.value || null)
-			}, [f("option", si, D(a.value.mediaLibrary.filterAll), 1), (S(!0), d(i, null, T(k(_), (e) => (S(), d("option", {
+			}, [f("option", xi, 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, ci))), 128))], 40, oi)) : u("", !0), f("select", {
+			}, D(k(E).getCategoryLabel(e)), 9, Si))), 128))], 40, bi)) : 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)",
@@ -2787,13 +2920,13 @@ var Ur = {
 				value: k(v).sortOption.value,
 				onChange: n[5] ||= (e) => k(v).sortBy(e.target.value)
 			}, [
-				f("option", ui, D(a.value.mediaLibrary.sortNewest), 1),
-				f("option", di, D(a.value.mediaLibrary.sortOldest), 1),
-				f("option", fi, D(a.value.mediaLibrary.sortNameAsc), 1),
-				f("option", pi, D(a.value.mediaLibrary.sortNameDesc), 1),
-				f("option", mi, D(a.value.mediaLibrary.sortSizeAsc), 1),
-				f("option", hi, D(a.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, li)])]), f("div", gi, [k(v).viewMode.value === "files" ? (S(), d("div", _i, [m(Wn, {
+				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, {
 				"is-uploading": k(v).isUploading.value,
 				"upload-progress": k(v).uploadProgress.value,
 				onUpload: k(E).handleUpload
@@ -2812,7 +2945,7 @@ var Ur = {
 			}, [m(k(H), {
 				size: 14,
 				"stroke-width": 2
-			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(Yt, {
+			}), p(" " + D(a.value.mediaLibrary.importFromUrl), 1)])])) : u("", !0), m(tn, {
 				items: k(E).displayItems.value,
 				"selected-ids": k(v).selectedItems.value,
 				"is-loading": k(v).isLoading.value,
@@ -2835,7 +2968,7 @@ var Ur = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			m(cn, {
+			m(mn, {
 				visible: k(E).showImportUrlModal.value,
 				"is-importing": k(v).isImportingFromUrl.value,
 				error: k(v).importFromUrlError.value,
@@ -2847,7 +2980,7 @@ var Ur = {
 				"error",
 				"onImport"
 			]),
-			m(ot, {
+			m(ft, {
 				visible: !!k(E).editingItem.value,
 				item: k(E).editingItem.value,
 				onSave: k(E).handleEditSave,
@@ -2857,7 +2990,7 @@ var Ur = {
 				"item",
 				"onSave"
 			]),
-			m(zn, {
+			m(Gn, {
 				visible: k(v).showReplaceWarning.value,
 				item: k(v).pendingReplaceItem.value,
 				"usage-info": k(v).replaceUsageInfo.value,
@@ -2891,19 +3024,19 @@ var Ur = {
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
 					onClick: n[11] ||= F((...e) => k(v).cancelDelete && k(v).cancelDelete(...e), ["self"])
-				}, [f("div", vi, [
-					f("h3", yi, D(a.value.mediaLibrary.deleteWarningTitle), 1),
+				}, [f("div", Mi, [
+					f("h3", Ni, 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", bi, D(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-					k(E).hasUsedFiles.value ? (S(), d("div", xi, [(S(!0), d(i, null, T(k(v).deleteUsageInfo.value, (e, t) => (S(), d("div", {
+					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", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (S(), d(i, { key: 0 }, [f("span", Si, D(k(E).displayItems.value.find((e) => e.id === t)?.filename || t), 1), f("span", Ci, " - " + D(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-					f("div", wi, [f("button", {
+					}, [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", {
 						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)",
@@ -2923,7 +3056,7 @@ var Ur = {
 				])])) : u("", !0)]),
 				_: 1
 			}),
-			f("div", Ti, [f("div", Ei, [k(v).previewItem.value ? (S(), l(wn, {
+			f("div", zi, [f("div", Bi, [k(v).previewItem.value ? (S(), l(An, {
 				key: 0,
 				"selected-conversion": k(E).selectedConversion.value,
 				"onUpdate:selectedConversion": n[12] ||= (e) => k(E).selectedConversion.value = e,
@@ -2933,7 +3066,7 @@ var Ur = {
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : u("", !0)]), f("div", Di, [k(v).selectedItems.value.size > 0 ? (S(), d("div", Oi, [k(v).previewItem.value ? (S(), d("button", {
+			])) : u("", !0)]), f("div", Vi, [k(v).selectedItems.value.size > 0 ? (S(), d("div", Hi, [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({
@@ -2950,7 +3083,7 @@ var Ur = {
 				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", ki, [f("button", {
+			})), p(" " + D(k(E).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), f("div", Ui, [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)",
@@ -2958,7 +3091,7 @@ var Ur = {
 					"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(pn, {
+			}, D(a.value.mediaLibrary.moveSelected), 1), k(E).showMovePicker.value ? (S(), l(yn, {
 				key: 0,
 				folders: k(v).folders.value,
 				"current-folder-id": k(v).currentFolderId.value,
@@ -2968,7 +3101,7 @@ var Ur = {
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : u("", !0)])])) : u("", !0), f("div", Ai, [k(v).selectedItems.value.size > 0 ? (S(), d("button", {
+			])) : u("", !0)])])) : u("", !0), f("div", Wi, [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: {
@@ -2986,65 +3119,33 @@ var Ur = {
 				},
 				disabled: !k(v).previewItem.value,
 				onClick: O
-			}, D(a.value.mediaLibrary.selectFile), 9, ji)) : u("", !0)])])])
+			}, D(a.value.mediaLibrary.selectFile), 9, Gi)) : u("", !0)])])])
 		]));
 	}
-}), Ni = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./ca-DnghH5Xn.js"),
-	"./locales/de.ts": () => import("./de-ByQyu2jv.js"),
-	"./locales/en.ts": () => import("./en-B-xajqfh.js"),
-	"./locales/es.ts": () => import("./es-Bcp-DbmC.js"),
-	"./locales/fr.ts": () => import("./fr-DXb0cCZG.js"),
-	"./locales/nl.ts": () => import("./nl-DGT1t3Be.js"),
-	"./locales/pt-BR.ts": () => import("./pt-BR-C0Hzc26R.js")
-});
-function Pi(e) {
-	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
-}
-var Fi = Pi(Ni);
-function Ii(e) {
-	return e.trim().replace(/_/g, "-").toLowerCase();
-}
-function Li(e) {
-	let t = Ii(e);
-	return Fi.find((e) => Ii(e) === t);
-}
-function Ri(e) {
-	return Ii(e).split("-")[0];
-}
-function zi(e) {
-	return Li(e) ?? Li(Ri(e)) ?? "en";
-}
-async function Bi(e) {
-	let t = Ni[`./locales/${zi(e)}.ts`];
-	return (await t()).default;
-}
-//#endregion
-//#region src/standalone/visual.ts
-var Q = null, Vi = w(null);
-async function Hi(e) {
+}), Q = null, qi = w(null);
+async function Ji(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 Bi(e.locale ?? "en");
-	return Ui(n, e.theme), Q && $(), new Promise((t, r) => {
+	let a = await new t(i).fetchConfig(), o = await ur(e.locale ?? "en");
+	return Yi(n, e.theme), Q && $(), new Promise((t, r) => {
 		try {
 			Q = c({ setup() {
 				let r = () => {
 					t({
-						setTheme: (e) => Ui(n, e),
+						setTheme: (e) => Yi(n, e),
 						unmount: $
 					});
 				};
-				return () => g(Mi, {
+				return () => g(Ki, {
 					authManager: i,
 					projectId: i.projectId,
 					planConfig: a,
 					translations: o,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: Vi,
+					ref: qi,
 					onReady: r
 				});
 			} }), Q.mount(n);
@@ -3054,14 +3155,14 @@ async function Hi(e) {
 	});
 }
 function $() {
-	Q && (Q.unmount(), Q = null, Vi.value = null);
+	Q && (Q.unmount(), Q = null, qi.value = null);
 }
-function Ui(e, t) {
+function Yi(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: Hi,
+	init: Ji,
 	unmount: $
 });
 //#endregion
-export { fe as MediaApiClient, Vr as MediaLibraryModal, Hi as init, $ as unmount, X as useI18n, Z as useMediaCategories, pe as useMediaLibrary, Hr as useMediaPicker };
+export { me as MediaApiClient, ti as MediaLibraryModal, Ji as init, $ as unmount, X as useI18n, Z as useMediaCategories, he as useMediaLibrary, ni as useMediaPicker };