@templatical/editor 0.39.0 → 0.39.2

package/dist/editor-modal-oD1qNz_P.js

@@ -0,0 +1,2773 @@
+import { A as e, At as t, B as n, D as r, J as i, K as a, M as o, P as s, R as c, S as l, V as u, Z as d, _ as f, at as p, c as m, d as h, g, h as _, i as v, j as y, jt as b, kt as x, l as S, r as C, rt as w, s as T, tt as E, u as D, v as O } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { a as k, c as A, s as j, t as M } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { h as N } from "./dist-8VFzbeu9.js";
+import { a as P, n as F, o as I, r as L, s as R, t as ee } from "./dist-BDuPwOyn.js";
+import { t as z } from "./createLucideIcon-BxY5yz5u.js";
+import { t as B } from "./check-eqb2JhqU.js";
+import { t as V } from "./chevron-right-Bge4XF_B.js";
+import { t as te } from "./copy-mw6PVnOJ.js";
+import { t as ne } from "./link-CNuozGqD.js";
+import { t as re } from "./list-BA0I5Wmu.js";
+import { t as H } from "./loader-circle-z5eeqasv.js";
+import { t as U } from "./pencil-DFVFA7Dj.js";
+import { t as W } from "./plus-D8bkVjZ7.js";
+import { t as G } from "./refresh-cw-DPB7YFuz.js";
+import { t as ie } from "./search-C-dCgqIa.js";
+import { t as ae } from "./trash-DnOkfu2V.js";
+import { t as oe } from "./upload-BBDme2cy.js";
+import { t as se } from "./x-3BHV3Q6K.js";
+import { t as K } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+var q = z({
+	name: "file",
+	size: 24,
+	node: [["path", {
+		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+		key: "1oefj6"
+	}], ["path", {
+		d: "M14 2v5a1 1 0 0 0 1 1h5",
+		key: "wfsgrz"
+	}]]
+}), J = z({
+	name: "folder",
+	size: 24,
+	node: [["path", {
+		d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+		key: "1kt360"
+	}]]
+}), ce = z({
+	name: "grid-2x2",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 3v18",
+			key: "108xh3"
+		}],
+		["path", {
+			d: "M3 12h18",
+			key: "1i2n21"
+		}],
+		["rect", {
+			x: "3",
+			y: "3",
+			width: "18",
+			height: "18",
+			rx: "2",
+			key: "h1oib"
+		}]
+	],
+	aliases: ["grid-2-x-2"]
+}), Y = z({
+	name: "panel-left",
+	size: 24,
+	node: [["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		key: "afitv7"
+	}], ["path", {
+		d: "M9 3v18",
+		key: "fh3hqa"
+	}]],
+	aliases: ["sidebar"]
+}), le = z({
+	name: "star",
+	size: 24,
+	node: [["path", {
+		d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+		key: "r04s7s"
+	}]]
+}), ue = Symbol("templaticalMediaLimits"), X = Symbol("templaticalMediaPopoverTarget"), de = Symbol("templaticalMediaTranslations"), Z = Symbol("templaticalMediaUiTheme"), fe = Symbol("templaticalMediaUiLocale"), pe = { 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",
+	noSearchResults: "No files match your search",
+	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",
+	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)",
+	close: "Close",
+	searchAriaLabel: "Search files",
+	filterAriaLabel: "Filter by type",
+	filesListAriaLabel: "Files",
+	loading: "Loading",
+	expandFolder: "Expand folder",
+	collapseFolder: "Collapse folder",
+	deleteFolder: "Delete folder",
+	deleteFolderConfirm: "Confirm delete",
+	storageTooltip: "{used} of {total} used ({remaining} remaining)"
+} };
+//#endregion
+//#region ../media-library/src/composables/useI18n.ts
+function Q(e) {
+	let t = e ?? l(de, null), n = (a(t) ? t.value : t) ?? pe;
+	function r(e, t) {
+		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
+	}
+	return {
+		t: n,
+		format: r
+	};
+}
+//#endregion
+//#region ../media-library/src/composables/useMediaCategories.ts
+var me = [
+	"images",
+	"documents",
+	"videos",
+	"audio"
+];
+function $(e) {
+	let t = e ?? l(ue, null);
+	if (!t) throw Error("[Templatical] useMediaCategories() needs media limits in scope. Render it under <MediaLibraryModal> or provide MEDIA_LIMITS_KEY yourself.");
+	let n = t, r = T(() => !0), i = T(() => n.maxFileSize ?? Infinity), a = T(() => {
+		let e = n.accept;
+		if (e && e.length > 0) return e;
+		let t = n.mimeTypes;
+		return t ? Object.keys(t) : me;
+	}), o = T(() => {
+		let e = n.mimeTypes;
+		return e ? a.value.flatMap((t) => e[t] ?? []) : [];
+	}), s = T(() => o.value.join(","));
+	function c(e, t) {
+		let r = n.mimeTypes;
+		return !r || (t && t.length > 0 ? t : Object.keys(r)).some((t) => r[t]?.includes(e) ?? !1);
+	}
+	function u(e) {
+		return c(e.type) && e.size <= i.value;
+	}
+	function d(e) {
+		let t = n.mimeTypes;
+		return t ? t.images?.includes(e) ?? !1 : e.startsWith("image/");
+	}
+	function f(e) {
+		let t = n.mimeTypes;
+		if (!t) return null;
+		for (let [n, r] of Object.entries(t)) if (r?.includes(e)) return n;
+		return null;
+	}
+	return {
+		isMediaLibraryEnabled: r,
+		allAcceptedMimeTypes: o,
+		allAcceptedInputString: s,
+		maxFileSize: i,
+		availableCategories: a,
+		isAcceptedMimeType: c,
+		isAcceptedFile: u,
+		isImageMimeType: d,
+		getCategoryForMimeType: f
+	};
+}
+//#endregion
+//#region ../media-library/src/composables/useFocusTrap.ts
+var he = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function ge(e, t) {
+	let n = null, r = null, a = null;
+	function o(e) {
+		if (!e) return document;
+		let t = e.getRootNode();
+		return t && "activeElement" in t ? t : document;
+	}
+	function s() {
+		return e.value ? Array.from(e.value.querySelectorAll(he)).filter((e) => e.offsetParent !== null) : [];
+	}
+	function l(t) {
+		if (t.key !== "Tab") return;
+		let n = s();
+		if (n.length === 0) return;
+		let r = n[0], i = n[n.length - 1], a = o(e.value).activeElement;
+		t.shiftKey ? a === r && (t.preventDefault(), i.focus()) : a === i && (t.preventDefault(), r.focus());
+	}
+	function u() {
+		let t = r !== null || a !== null;
+		t && d({ restoreFocus: !1 }), t || (n = o(e.value).activeElement), a = requestAnimationFrame(() => {
+			a = null;
+			let t = s();
+			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
+		}), r = P(e, "keydown", l);
+	}
+	function d(e = {}) {
+		let t = e.restoreFocus !== !1;
+		a !== null && (typeof cancelAnimationFrame < "u" && cancelAnimationFrame(a), a = null), r?.(), r = null, t && n && n.focus && (n.focus(), n = null);
+	}
+	let f = c([t, e], ([e, t]) => {
+		e && t ? u() : d();
+	}, { flush: "post" });
+	i(() => {
+		f(), d();
+	});
+}
+//#endregion
+//#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _e = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, ve = ["onClick"], ye = {
+	key: 1,
+	style: { color: "var(--tpl-text)" }
+}, be = /* @__PURE__ */ O({
+	__name: "MediaBreadcrumb",
+	props: {
+		folders: {},
+		currentFolderId: {}
+	},
+	emits: ["navigate"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, { t: a } = Q(), s = T(() => {
+			if (!r.currentFolderId) return [];
+			let e = [];
+			return c(r.folders, r.currentFolderId, e), e;
+		});
+		function c(e, t, n) {
+			for (let r of e) {
+				if (r.id === t) return n.push(r), !0;
+				if (c(r.children, t, n)) return n.unshift(r), !0;
+			}
+			return !1;
+		}
+		return (t, n) => s.value.length > 0 ? (e(), h("div", _e, [m("button", {
+			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
+			style: { color: "var(--tpl-primary)" },
+			onClick: n[0] ||= (e) => i("navigate", null)
+		}, b(p(a).mediaLibrary.allFiles), 1), (e(!0), h(C, null, o(s.value, (t, n) => (e(), h(C, { key: t.id }, [g(p(V), {
+			size: 12,
+			"stroke-width": 2
+		}), n < s.value.length - 1 ? (e(), h("button", {
+			key: 0,
+			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
+			style: { color: "var(--tpl-primary)" },
+			onClick: (e) => i("navigate", t.id)
+		}, b(t.name), 9, ve)) : (e(), h("span", ye, b(t.name), 1))], 64))), 128))])) : D("", !0);
+	}
+}), xe = ["aria-expanded", "aria-label"], Se = {
+	key: 1,
+	class: "tpl:size-4 tpl:shrink-0"
+}, Ce = {
+	key: 0,
+	class: "tpl:truncate"
+}, we = ["onKeydown"], Te = ["title", "aria-label"], Ee = ["title", "aria-label"], De = ["title", "aria-label"], Oe = { key: 0 }, ke = ["placeholder", "onKeydown"], Ae = /* @__PURE__ */ O({
+	__name: "MediaFolderTreeNode",
+	props: {
+		folder: {},
+		currentFolderId: {},
+		depth: {},
+		canCreateFolder: { type: Boolean },
+		canRenameFolder: { type: Boolean },
+		canDeleteFolder: { type: Boolean }
+	},
+	emits: [
+		"navigate",
+		"createFolder",
+		"renameFolder",
+		"deleteFolder"
+	],
+	setup(n, { emit: r }) {
+		let i = n, a = r, { t: c } = Q(), l = d(!1), f = d(!1), _ = d(""), v = d(!1), y = d(""), w = d(!1), E = T(() => i.folder.children.length > 0), O = T(() => i.depth < 4), M = T(() => i.currentFolderId === i.folder.id), N = T(() => i.currentFolderId ? F(i.folder.children, i.currentFolderId) : !1), P = T(() => l.value || N.value);
+		function F(e, t) {
+			for (let n of e) if (n.id === t || F(n.children, t)) return !0;
+			return !1;
+		}
+		function I() {
+			l.value = !l.value;
+		}
+		function L() {
+			f.value = !0, _.value = i.folder.name;
+		}
+		function R() {
+			let e = _.value.trim();
+			e && e !== i.folder.name && a("renameFolder", i.folder.id, e), f.value = !1, _.value = "";
+		}
+		function ee() {
+			f.value = !1, _.value = "";
+		}
+		function z() {
+			v.value = !0, y.value = "", l.value = !0;
+		}
+		function B() {
+			y.value.trim() && a("createFolder", y.value.trim(), i.folder.id), v.value = !1, y.value = "";
+		}
+		function te() {
+			v.value = !1, y.value = "";
+		}
+		function ne() {
+			if (w.value) {
+				a("deleteFolder", i.folder.id), w.value = !1;
+				return;
+			}
+			w.value = !0;
+		}
+		function re(e) {
+			let t = e.relatedTarget;
+			t && e.currentTarget.contains(t) || (w.value = !1);
+		}
+		return (r, i) => {
+			let l = s("MediaFolderTreeNode", !0);
+			return e(), h("div", null, [m("div", {
+				class: "tpl:group tpl:flex tpl:w-full tpl:items-center tpl:gap-1 tpl:py-1.5 tpl:pr-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
+				style: t({
+					paddingLeft: `${n.depth * 16 + 8}px`,
+					backgroundColor: M.value ? "var(--tpl-bg-active)" : "transparent",
+					color: M.value ? "var(--tpl-primary)" : "var(--tpl-text)"
+				}),
+				onFocusout: re
+			}, [
+				E.value || v.value ? (e(), h("button", {
+					key: 0,
+					type: "button",
+					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+					"aria-expanded": P.value,
+					"aria-label": P.value ? p(c).mediaLibrary.collapseFolder : p(c).mediaLibrary.expandFolder,
+					onClick: A(I, ["stop"])
+				}, [g(p(V), {
+					class: x(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": P.value }]),
+					size: 10,
+					"stroke-width": 2
+				}, null, 8, ["class"])], 8, xe)) : (e(), h("span", Se)),
+				m("button", {
+					type: "button",
+					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
+					onClick: i[0] ||= (e) => a("navigate", n.folder.id)
+				}, [g(p(J), {
+					class: "tpl:shrink-0",
+					size: 14,
+					"stroke-width": 1.5
+				}), f.value ? D("", !0) : (e(), h("span", Ce, b(n.folder.name), 1))]),
+				f.value ? u((e(), h("input", {
+					key: 2,
+					"onUpdate:modelValue": i[1] ||= (e) => _.value = e,
+					type: "text",
+					class: "tpl:min-w-0 tpl:flex-1 tpl:rounded tpl:border tpl:px-1.5 tpl:py-0.5 tpl:text-xs tpl:outline-none",
+					style: {
+						"border-color": "var(--tpl-primary)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					autofocus: "",
+					onKeydown: [j(R, ["enter"]), j(A(ee, ["stop"]), ["escape"])],
+					onBlur: R,
+					onClick: i[2] ||= A(() => {}, ["stop"])
+				}, null, 40, we)), [[k, _.value]]) : D("", !0),
+				f.value ? D("", !0) : (e(), h("span", {
+					key: 3,
+					class: x(["tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:transition-opacity", M.value || w.value ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100"])
+				}, [
+					O.value && n.canCreateFolder ? (e(), h("button", {
+						key: 0,
+						type: "button",
+						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+						title: p(c).mediaLibrary.addSubfolder,
+						"aria-label": p(c).mediaLibrary.addSubfolder,
+						onClick: A(z, ["stop"])
+					}, [g(p(W), {
+						size: 12,
+						"stroke-width": 2
+					})], 8, Te)) : D("", !0),
+					n.canRenameFolder ? (e(), h("button", {
+						key: 1,
+						type: "button",
+						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+						title: p(c).mediaLibrary.renameFolder,
+						"aria-label": p(c).mediaLibrary.renameFolder,
+						onClick: A(L, ["stop"])
+					}, [g(p(U), {
+						size: 12,
+						"stroke-width": 2
+					})], 8, Ee)) : D("", !0),
+					n.canDeleteFolder ? (e(), h("button", {
+						key: 2,
+						type: "button",
+						"data-testid": "media-folder-delete",
+						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+						title: w.value ? p(c).mediaLibrary.deleteFolderConfirm : p(c).mediaLibrary.deleteFolder,
+						"aria-label": w.value ? p(c).mediaLibrary.deleteFolderConfirm : p(c).mediaLibrary.deleteFolder,
+						onClick: A(ne, ["stop"])
+					}, [g(p(ae), {
+						size: 12,
+						"stroke-width": 2,
+						style: { color: "var(--tpl-danger)" }
+					})], 8, De)) : D("", !0)
+				], 2))
+			], 36), P.value ? (e(), h("div", Oe, [(e(!0), h(C, null, o(n.folder.children, (t) => (e(), S(l, {
+				key: t.id,
+				folder: t,
+				"current-folder-id": n.currentFolderId,
+				depth: n.depth + 1,
+				"can-create-folder": n.canCreateFolder,
+				"can-rename-folder": n.canRenameFolder,
+				"can-delete-folder": n.canDeleteFolder,
+				onNavigate: i[3] ||= (e) => a("navigate", e),
+				onCreateFolder: i[4] ||= (e, t) => a("createFolder", e, t),
+				onRenameFolder: i[5] ||= (e, t) => a("renameFolder", e, t),
+				onDeleteFolder: i[6] ||= (e) => a("deleteFolder", e)
+			}, null, 8, [
+				"folder",
+				"current-folder-id",
+				"depth",
+				"can-create-folder",
+				"can-rename-folder",
+				"can-delete-folder"
+			]))), 128)), v.value ? (e(), h("div", {
+				key: 0,
+				style: t({ paddingLeft: `${(n.depth + 1) * 16 + 8}px` }),
+				class: "tpl:py-1.5 tpl:pr-2"
+			}, [u(m("input", {
+				"onUpdate:modelValue": i[7] ||= (e) => y.value = e,
+				type: "text",
+				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
+				style: {
+					"border-color": "var(--tpl-primary)",
+					"background-color": "var(--tpl-bg)",
+					color: "var(--tpl-text)"
+				},
+				placeholder: p(c).mediaLibrary.subfolderName,
+				autofocus: "",
+				onKeydown: [j(B, ["enter"]), j(A(te, ["stop"]), ["escape"])],
+				onBlur: B
+			}, null, 40, ke), [[k, y.value]])], 4)) : D("", !0)])) : D("", !0)]);
+		};
+	}
+}), je = {
+	"data-testid": "media-folder-tree",
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto"
+}, Me = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-2"
+}, Ne = ["placeholder", "onKeydown"], Pe = /* @__PURE__ */ O({
+	__name: "MediaFolderTree",
+	props: {
+		folders: {},
+		currentFolderId: {},
+		viewMode: {},
+		hasFrequentlyUsed: { type: Boolean },
+		canCreateFolder: { type: Boolean },
+		canRenameFolder: { type: Boolean },
+		canDeleteFolder: { type: Boolean }
+	},
+	emits: [
+		"navigate",
+		"createFolder",
+		"renameFolder",
+		"deleteFolder",
+		"showFrequentlyUsed"
+	],
+	setup(n, { emit: r }) {
+		let i = r, { t: a } = Q(), s = d(!1), c = d("");
+		function l() {
+			s.value = !0, c.value = "";
+		}
+		function f() {
+			c.value.trim() && i("createFolder", c.value.trim()), s.value = !1, c.value = "";
+		}
+		function v() {
+			s.value = !1, c.value = "";
+		}
+		return (r, d) => (e(), h("div", je, [
+			m("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: t({
+					backgroundColor: n.viewMode === "files" && n.currentFolderId === null ? "var(--tpl-bg-active)" : "transparent",
+					color: n.viewMode === "files" && n.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
+				}),
+				onClick: d[0] ||= (e) => i("navigate", null)
+			}, [g(p(q), {
+				size: 14,
+				"stroke-width": 1.5
+			}), _(" " + b(p(a).mediaLibrary.allFiles), 1)], 4),
+			(e(!0), h(C, null, o(n.folders, (t) => (e(), S(Ae, {
+				key: t.id,
+				folder: t,
+				"current-folder-id": n.currentFolderId,
+				depth: 0,
+				"can-create-folder": n.canCreateFolder,
+				"can-rename-folder": n.canRenameFolder,
+				"can-delete-folder": n.canDeleteFolder,
+				onNavigate: d[1] ||= (e) => i("navigate", e),
+				onCreateFolder: d[2] ||= (e, t) => i("createFolder", e, t),
+				onRenameFolder: d[3] ||= (e, t) => i("renameFolder", e, t),
+				onDeleteFolder: d[4] ||= (e) => i("deleteFolder", e)
+			}, null, 8, [
+				"folder",
+				"current-folder-id",
+				"can-create-folder",
+				"can-rename-folder",
+				"can-delete-folder"
+			]))), 128)),
+			s.value ? (e(), h("div", Me, [u(m("input", {
+				"onUpdate:modelValue": d[5] ||= (e) => c.value = e,
+				type: "text",
+				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
+				style: {
+					"border-color": "var(--tpl-primary)",
+					"background-color": "var(--tpl-bg)",
+					color: "var(--tpl-text)"
+				},
+				placeholder: p(a).mediaLibrary.folderName,
+				autofocus: "",
+				onKeydown: [j(f, ["enter"]), j(A(v, ["stop"]), ["escape"])],
+				onBlur: f
+			}, null, 40, Ne), [[k, c.value]])])) : D("", !0),
+			!s.value && n.canCreateFolder ? (e(), h("button", {
+				key: 1,
+				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
+				style: { color: "var(--tpl-text-muted)" },
+				onClick: l
+			}, [g(p(W), {
+				size: 14,
+				"stroke-width": 1.5
+			}), _(" " + b(p(a).mediaLibrary.newFolder), 1)])) : D("", !0),
+			d[7] ||= m("div", { class: "tpl:flex-1" }, null, -1),
+			n.hasFrequentlyUsed ? (e(), h("button", {
+				key: 2,
+				"data-testid": "media-frequently-used",
+				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:border-t tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: t({
+					borderColor: "var(--tpl-border)",
+					backgroundColor: n.viewMode === "frequently-used" ? "var(--tpl-bg-active)" : "transparent",
+					color: n.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
+				}),
+				onClick: d[6] ||= (e) => i("showFrequentlyUsed")
+			}, [g(p(le), {
+				size: 14,
+				"stroke-width": 1.5
+			}), _(" " + b(p(a).mediaLibrary.frequentlyUsed), 1)], 4)) : D("", !0)
+		]));
+	}
+}), Fe = /* @__PURE__ */ O({
+	__name: "MediaFileIcon",
+	props: { mimeType: {} },
+	setup(n) {
+		let r = n, i = {
+			"application/pdf": {
+				label: "PDF",
+				color: "var(--tpl-danger)",
+				bgColor: "var(--tpl-danger-light)",
+				icon: "document"
+			},
+			"application/vnd.openxmlformats-officedocument.wordprocessingml.document": {
+				label: "DOC",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "document"
+			},
+			"application/msword": {
+				label: "DOC",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "document"
+			},
+			"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": {
+				label: "XLS",
+				color: "var(--tpl-success)",
+				bgColor: "var(--tpl-success-light)",
+				icon: "document"
+			},
+			"application/vnd.ms-excel": {
+				label: "XLS",
+				color: "var(--tpl-success)",
+				bgColor: "var(--tpl-success-light)",
+				icon: "document"
+			},
+			"application/vnd.openxmlformats-officedocument.presentationml.presentation": {
+				label: "PPT",
+				color: "var(--tpl-warning)",
+				bgColor: "var(--tpl-warning-light)",
+				icon: "document"
+			},
+			"application/vnd.ms-powerpoint": {
+				label: "PPT",
+				color: "var(--tpl-warning)",
+				bgColor: "var(--tpl-warning-light)",
+				icon: "document"
+			},
+			"text/csv": {
+				label: "CSV",
+				color: "var(--tpl-success)",
+				bgColor: "var(--tpl-success-light)",
+				icon: "document"
+			},
+			"text/plain": {
+				label: "TXT",
+				color: "var(--tpl-text-muted)",
+				bgColor: "var(--tpl-bg-hover)",
+				icon: "document"
+			},
+			"video/mp4": {
+				label: "MP4",
+				color: "var(--tpl-primary)",
+				bgColor: "var(--tpl-primary-light)",
+				icon: "video"
+			},
+			"video/quicktime": {
+				label: "MOV",
+				color: "var(--tpl-primary)",
+				bgColor: "var(--tpl-primary-light)",
+				icon: "video"
+			},
+			"video/webm": {
+				label: "WEBM",
+				color: "var(--tpl-primary)",
+				bgColor: "var(--tpl-primary-light)",
+				icon: "video"
+			},
+			"audio/mpeg": {
+				label: "MP3",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "audio"
+			},
+			"audio/wav": {
+				label: "WAV",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "audio"
+			},
+			"audio/ogg": {
+				label: "OGG",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "audio"
+			}
+		}, a = {
+			label: "FILE",
+			color: "var(--tpl-text-muted)",
+			bgColor: "var(--tpl-bg-hover)",
+			icon: "document"
+		}, o = T(() => i[r.mimeType] ?? a);
+		return (n, r) => (e(), h("div", {
+			class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2",
+			style: t({ backgroundColor: o.value.bgColor })
+		}, [o.value.icon === "document" ? (e(), h("svg", {
+			key: 0,
+			width: "60",
+			height: "60",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			style: t({ color: o.value.color })
+		}, [...r[0] ||= [
+			m("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1),
+			m("polyline", { points: "14 2 14 8 20 8" }, null, -1),
+			m("line", {
+				x1: "8",
+				y1: "13",
+				x2: "16",
+				y2: "13"
+			}, null, -1),
+			m("line", {
+				x1: "8",
+				y1: "17",
+				x2: "12",
+				y2: "17"
+			}, null, -1)
+		]], 4)) : o.value.icon === "video" ? (e(), h("svg", {
+			key: 1,
+			width: "40",
+			height: "40",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			style: t({ color: o.value.color })
+		}, [...r[1] ||= [m("rect", {
+			x: "2",
+			y: "4",
+			width: "20",
+			height: "16",
+			rx: "2"
+		}, null, -1), m("polygon", {
+			points: "10,8 16,12 10,16",
+			fill: "currentColor",
+			stroke: "none"
+		}, null, -1)]], 4)) : (e(), h("svg", {
+			key: 2,
+			width: "40",
+			height: "40",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			style: t({ color: o.value.color })
+		}, [...r[2] ||= [
+			m("path", { d: "M9 18V5l12-2v13" }, null, -1),
+			m("circle", {
+				cx: "6",
+				cy: "18",
+				r: "3"
+			}, null, -1),
+			m("circle", {
+				cx: "18",
+				cy: "16",
+				r: "3"
+			}, null, -1)
+		]], 4)), m("span", {
+			class: "tpl:text-xs tpl:font-bold tpl:tracking-wider",
+			style: t({ color: o.value.color })
+		}, b(o.value.label), 5)], 4));
+	}
+});
+//#endregion
+//#region ../media-library/src/utils/formatAbsoluteDate.ts
+function Ie(e, t, n) {
+	let r = new Date(e);
+	if (Number.isNaN(r.getTime())) return "";
+	let i = t?.trim().replace(/_/g, "-") || void 0;
+	try {
+		return r.toLocaleDateString(i, n);
+	} catch {
+		return r.toLocaleDateString(void 0, n);
+	}
+}
+//#endregion
+//#region ../media-library/src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
+var Le = { class: "tpl:p-4" }, Re = ["aria-label"], ze = {
+	key: 1,
+	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
+}, Be = {
+	class: "tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Ve = ["aria-label"], He = [
+	"data-media-id",
+	"aria-selected",
+	"aria-label",
+	"onClick",
+	"onDblclick",
+	"onKeydown"
+], Ue = { class: "tpl:aspect-square" }, We = ["src", "alt"], Ge = { class: "tpl:px-2 tpl:py-1.5" }, Ke = {
+	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, qe = {
+	class: "tpl:flex tpl:justify-between tpl:text-[10px]",
+	style: { color: "var(--tpl-text-muted)" }
+}, Je = { key: 0 }, Ye = { key: 1 }, Xe = [
+	"title",
+	"aria-label",
+	"onClick"
+], Ze = [
+	"title",
+	"aria-label",
+	"onClick"
+], Qe = {
+	key: 0,
+	"aria-hidden": "true",
+	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",
+	style: {
+		"background-color": "var(--tpl-primary)",
+		color: "var(--tpl-on-primary)"
+	}
+}, $e = ["aria-label"], et = [
+	"data-media-id",
+	"aria-selected",
+	"aria-label",
+	"onClick",
+	"onDblclick",
+	"onKeydown"
+], tt = {
+	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
+	style: { "background-color": "var(--tpl-bg-hover)" }
+}, nt = ["src", "alt"], rt = {
+	key: 1,
+	class: "tpl-list-icon tpl:size-full"
+}, it = { class: "tpl:min-w-0 tpl:flex-1" }, at = {
+	class: "tpl:truncate tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, ot = {
+	class: "tpl:text-[10px]",
+	style: { color: "var(--tpl-text-muted)" }
+}, st = [
+	"title",
+	"aria-label",
+	"onClick"
+], ct = [
+	"title",
+	"aria-label",
+	"onClick"
+], lt = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full",
+	style: {
+		"background-color": "var(--tpl-primary)",
+		color: "var(--tpl-on-primary)"
+	}
+}, ut = {
+	key: 4,
+	class: "tpl:flex tpl:justify-center tpl:py-4"
+}, dt = /*#__PURE__*/ K(/* @__PURE__ */ O({
+	__name: "MediaGrid",
+	props: {
+		items: {},
+		selectedIds: {},
+		isLoading: { type: Boolean },
+		hasMore: { type: Boolean },
+		accept: {},
+		layout: {},
+		searchQuery: {},
+		canUpdate: { type: Boolean },
+		canReplace: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"toggle",
+		"loadMore",
+		"edit",
+		"replace",
+		"confirm"
+	],
+	setup(n, { emit: r }) {
+		let i = n, a = r, { isAcceptedMimeType: s, isImageMimeType: c } = $();
+		function u(e) {
+			return e.mimeType ?? "";
+		}
+		function f(e) {
+			return e.thumbnailUrl ?? e.url;
+		}
+		function v(e) {
+			return !i.accept || i.accept.length === 0 || s(u(e), i.accept);
+		}
+		function y(e) {
+			return i.canUpdate === !0 && e.canUpdate !== !1;
+		}
+		function w(e) {
+			return i.canReplace === !0 && e.canUpdate !== !1;
+		}
+		function T(e, t) {
+			if (t.metaKey || t.ctrlKey) {
+				a("toggle", e.id);
+				return;
+			}
+			a("select", e);
+		}
+		function E(e) {
+			v(e) && a("confirm", e);
+		}
+		function O(e, t) {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), a("select", e));
+		}
+		function k(e) {
+			return i.selectedIds.has(e.id);
+		}
+		function j(e) {
+			return k(e) ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100";
+		}
+		let { t: M } = Q(), N = l(fe, null), P = d(null);
+		R(P, ([{ isIntersecting: e }]) => {
+			e && i.hasMore && !i.isLoading && a("loadMore");
+		}, { threshold: .1 });
+		function F(e) {
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		}
+		function I(e) {
+			return Ie(e, N?.value, {
+				year: "numeric",
+				month: "short",
+				day: "numeric"
+			});
+		}
+		return (r, i) => (e(), h("div", Le, [
+			n.isLoading && n.items.length === 0 ? (e(), h("div", {
+				key: 0,
+				role: "status",
+				"aria-busy": "true",
+				"aria-label": p(M).mediaLibrary.loading,
+				class: x(n.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
+			}, [(e(), h(C, null, o(8, (e) => m("div", {
+				key: e,
+				class: x(["tpl-pulse tpl:rounded-lg", n.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
+				style: { "background-color": "var(--tpl-bg-hover)" },
+				"aria-hidden": "true"
+			}, null, 2)), 64))], 10, Re)) : n.items.length === 0 ? (e(), h("div", ze, [g(p(q), {
+				class: "tpl:mb-3",
+				size: 40,
+				"stroke-width": 1,
+				style: { color: "var(--tpl-text-dim)" }
+			}), m("p", Be, b(n.searchQuery ? p(M).mediaLibrary.noSearchResults : p(M).mediaLibrary.noFiles), 1)])) : n.layout === "list" ? (e(), h("div", {
+				key: 3,
+				role: "listbox",
+				"aria-label": p(M).mediaLibrary.filesListAriaLabel,
+				"aria-multiselectable": "true",
+				class: "tpl:flex tpl:flex-col tpl:gap-1"
+			}, [(e(!0), h(C, null, o(n.items, (n) => (e(), h("div", {
+				key: n.id,
+				role: "option",
+				tabindex: "0",
+				"data-testid": "media-library-item",
+				class: x(["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", [!v(n) && !k(n) ? "tpl:opacity-60" : ""]]),
+				"data-media-id": n.id,
+				"aria-selected": k(n),
+				"aria-label": n.filename || n.url,
+				style: t({ backgroundColor: k(n) ? "var(--tpl-bg-hover)" : "transparent" }),
+				onClick: (e) => T(n, e),
+				onDblclick: (e) => E(n),
+				onKeydown: (e) => O(n, e)
+			}, [
+				m("div", tt, [p(c)(u(n)) ? (e(), h("img", {
+					key: 0,
+					src: f(n),
+					alt: n.filename || n.url,
+					class: "tpl:size-full tpl:object-cover",
+					loading: "lazy"
+				}, null, 8, nt)) : (e(), h("div", rt, [g(Fe, { "mime-type": u(n) }, null, 8, ["mime-type"])]))]),
+				m("div", it, [m("p", at, b(n.filename || n.url), 1), m("p", ot, [
+					n.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(b(F(n.size)), 1)], 64)),
+					n.createdAt ? (e(), h(C, { key: 1 }, [n.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(" · ")], 64)), _(" " + b(I(n.createdAt)), 1)], 64)) : D("", !0),
+					p(c)(u(n)) && n.width && n.height ? (e(), h(C, { key: 2 }, [_(" · " + b(n.width) + "×" + b(n.height), 1)], 64)) : D("", !0)
+				])]),
+				m("div", { class: x(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", j(n)]) }, [y(n) ? (e(), h("button", {
+					key: 0,
+					type: "button",
+					"data-testid": "media-edit",
+					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: p(M).mediaLibrary.editFile,
+					"aria-label": p(M).mediaLibrary.editFile,
+					onClick: A((e) => a("edit", n), ["stop"])
+				}, [g(p(U), {
+					size: 12,
+					"stroke-width": 2
+				})], 8, st)) : D("", !0), w(n) ? (e(), h("button", {
+					key: 1,
+					type: "button",
+					"data-testid": "media-replace",
+					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: p(M).mediaLibrary.replaceFile,
+					"aria-label": p(M).mediaLibrary.replaceFile,
+					onClick: A((e) => a("replace", n), ["stop"])
+				}, [g(p(G), {
+					size: 12,
+					"stroke-width": 2
+				})], 8, ct)) : D("", !0)], 2),
+				k(n) ? (e(), h("div", lt, [g(p(B), {
+					size: 12,
+					"stroke-width": 3
+				})])) : D("", !0)
+			], 46, et))), 128))], 8, $e)) : (e(), h("div", {
+				key: 2,
+				role: "listbox",
+				"aria-label": p(M).mediaLibrary.filesListAriaLabel,
+				"aria-multiselectable": "true",
+				class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
+			}, [(e(!0), h(C, null, o(n.items, (n) => (e(), h("div", {
+				key: n.id,
+				role: "option",
+				tabindex: "0",
+				"data-testid": "media-library-item",
+				class: x(["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",
+					!v(n) && !k(n) ? "tpl:opacity-60" : "",
+					k(n) ? "tpl-media-item--selected" : ""
+				]]),
+				"data-media-id": n.id,
+				"aria-selected": k(n),
+				"aria-label": n.filename || n.url,
+				style: t({
+					borderColor: k(n) ? "var(--tpl-primary)" : "transparent",
+					backgroundColor: !v(n) && !k(n) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
+				}),
+				onClick: (e) => T(n, e),
+				onDblclick: (e) => E(n),
+				onKeydown: (e) => O(n, e)
+			}, [
+				m("div", Ue, [p(c)(u(n)) ? (e(), h("img", {
+					key: 0,
+					src: f(n),
+					alt: n.filename || n.url,
+					class: "tpl:size-full tpl:object-cover",
+					loading: "lazy"
+				}, null, 8, We)) : (e(), S(Fe, {
+					key: 1,
+					"mime-type": u(n)
+				}, null, 8, ["mime-type"]))]),
+				m("div", Ge, [m("p", Ke, b(n.filename || n.url), 1), m("p", qe, [n.size == null ? D("", !0) : (e(), h("span", Je, b(F(n.size)), 1)), p(c)(u(n)) && n.width && n.height ? (e(), h("span", Ye, b(n.width) + "×" + b(n.height), 1)) : D("", !0)])]),
+				m("div", { class: x(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", j(n)]) }, [y(n) ? (e(), h("button", {
+					key: 0,
+					type: "button",
+					"data-testid": "media-edit",
+					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full",
+					style: {
+						"background-color": "var(--tpl-overlay)",
+						color: "var(--tpl-on-primary)"
+					},
+					title: p(M).mediaLibrary.editFile,
+					"aria-label": p(M).mediaLibrary.editFile,
+					onClick: A((e) => a("edit", n), ["stop"])
+				}, [g(p(U), {
+					size: 11,
+					"stroke-width": 2
+				})], 8, Xe)) : D("", !0), w(n) ? (e(), h("button", {
+					key: 1,
+					type: "button",
+					"data-testid": "media-replace",
+					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full",
+					style: {
+						"background-color": "var(--tpl-overlay)",
+						color: "var(--tpl-on-primary)"
+					},
+					title: p(M).mediaLibrary.replaceFile,
+					"aria-label": p(M).mediaLibrary.replaceFile,
+					onClick: A((e) => a("replace", n), ["stop"])
+				}, [g(p(G), {
+					size: 11,
+					"stroke-width": 2
+				})], 8, Ze)) : D("", !0)], 2),
+				k(n) ? (e(), h("div", Qe, [g(p(B), {
+					size: 12,
+					"stroke-width": 3
+				})])) : D("", !0)
+			], 46, He))), 128))], 8, Ve)),
+			m("div", {
+				ref_key: "sentinelRef",
+				ref: P,
+				class: "tpl:h-4"
+			}, null, 512),
+			n.isLoading && n.items.length > 0 ? (e(), h("div", ut, [g(p(H), {
+				class: "tpl-spinner",
+				size: 20,
+				"stroke-width": 2,
+				style: { color: "var(--tpl-primary)" }
+			})])) : D("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-373617e3"]]), ft = ["data-tpl-theme"], pt = {
+	id: "tpl-media-import-title",
+	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, mt = { class: "tpl:mb-3" }, ht = [
+	"aria-label",
+	"aria-invalid",
+	"aria-describedby",
+	"placeholder",
+	"disabled"
+], gt = {
+	key: 0,
+	id: "tpl-media-import-error",
+	role: "alert",
+	class: "tpl:mb-3 tpl:text-xs",
+	style: { color: "var(--tpl-danger)" }
+}, _t = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, vt = ["disabled"], yt = ["disabled"], bt = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, xt = { key: 1 }, St = /* @__PURE__ */ O({
+	__name: "MediaImportUrlModal",
+	props: {
+		visible: { type: Boolean },
+		isImporting: { type: Boolean },
+		error: {}
+	},
+	emits: ["import", "close"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, { t: o } = Q(), s = l(Z, null), f = l(X, d(null)), y = d("");
+		c(() => i.visible, (e) => {
+			e && (y.value = "");
+		});
+		function C() {
+			let e = y.value.trim();
+			e && !i.isImporting && a("import", e);
+		}
+		function w() {
+			i.isImporting || a("close");
+		}
+		let E = d(null);
+		ge(E, T(() => i.visible));
+		function O(e) {
+			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), C()), e.key === "Escape" && w();
+		}
+		return (r, i) => (e(), S(v, { to: p(f) || "body" }, [g(M, {
+			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: n(() => [t.visible ? (e(), h("div", {
+				key: 0,
+				"data-tpl-theme": p(s),
+				class: x([p(f) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
+				style: { "background-color": "var(--tpl-overlay)" },
+				onClick: A(w, ["self"]),
+				onKeydown: O
+			}, [m("div", {
+				ref_key: "dialogRef",
+				ref: E,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "tpl-media-import-title",
+				class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
+				style: { "background-color": "var(--tpl-bg-elevated)" }
+			}, [
+				m("h3", pt, b(p(o).mediaLibrary.importFromUrl), 1),
+				m("div", mt, [u(m("input", {
+					"onUpdate:modelValue": i[0] ||= (e) => y.value = e,
+					type: "url",
+					"aria-label": p(o).mediaLibrary.importFromUrl,
+					"aria-invalid": !!t.error,
+					"aria-describedby": t.error ? "tpl-media-import-error" : void 0,
+					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
+					style: {
+						"border-color": "var(--tpl-border)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					placeholder: p(o).mediaLibrary.importUrlPlaceholder,
+					disabled: t.isImporting,
+					autofocus: ""
+				}, null, 8, ht), [[k, y.value]])]),
+				t.error ? (e(), h("p", gt, b(t.error), 1)) : D("", !0),
+				m("div", _t, [m("button", {
+					class: x(["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": t.isImporting }]),
+					style: {
+						"border-color": "var(--tpl-border)",
+						color: "var(--tpl-text)",
+						"background-color": "var(--tpl-bg)"
+					},
+					disabled: t.isImporting,
+					onClick: w
+				}, b(p(o).mediaLibrary.cancel), 11, vt), m("button", {
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+					style: {
+						"background-color": "var(--tpl-primary)",
+						color: "var(--tpl-on-primary)"
+					},
+					disabled: !y.value.trim() || t.isImporting,
+					onClick: C
+				}, [t.isImporting ? (e(), h("span", bt, [g(p(H), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), _(" " + b(p(o).mediaLibrary.importing), 1)])) : (e(), h("span", xt, b(p(o).mediaLibrary.import), 1))], 8, yt)])
+			], 512)], 42, ft)) : D("", !0)]),
+			_: 1
+		})], 8, ["to"]));
+	}
+}), Ct = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, wt = ["disabled", "onClick"], Tt = { class: "tpl:truncate" }, Et = {
+	key: 0,
+	class: "tpl:shrink-0",
+	style: { color: "var(--tpl-text-dim)" }
+}, Dt = /* @__PURE__ */ O({
+	__name: "MediaMovePicker",
+	props: {
+		folders: {},
+		currentFolderId: {}
+	},
+	emits: ["select", "close"],
+	setup(n, { emit: r }) {
+		let i = r, { t: a } = Q(), s = d(null);
+		function c(e, t = 0) {
+			let n = [];
+			for (let r of e) n.push({
+				id: r.id,
+				name: r.name,
+				depth: t
+			}), r.children.length && n.push(...c(r.children, t + 1));
+			return n;
+		}
+		return ee(s, () => {
+			i("close");
+		}), (r, l) => (e(), h("div", {
+			ref_key: "pickerRef",
+			ref: s,
+			class: "tpl:absolute tpl:bottom-full tpl:left-0 tpl:z-10 tpl:mb-2 tpl:w-56 tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:shadow-lg",
+			style: {
+				"border-color": "var(--tpl-border)",
+				"background-color": "var(--tpl-bg-elevated)"
+			}
+		}, [m("div", Ct, [n.currentFolderId === null ? D("", !0) : (e(), h("button", {
+			key: 0,
+			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
+			style: { color: "var(--tpl-text)" },
+			onClick: l[0] ||= (e) => i("select", null)
+		}, [g(p(q), {
+			class: "tpl:shrink-0",
+			size: 14,
+			"stroke-width": 1.5
+		}), _(" " + b(p(a).mediaLibrary.moveToRoot), 1)])), (e(!0), h(C, null, o(c(n.folders), (r) => (e(), h("button", {
+			key: r.id,
+			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:py-1.5 tpl:pr-3 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
+			style: t({
+				paddingLeft: `${r.depth * 16 + 12}px`,
+				color: r.id === n.currentFolderId ? "var(--tpl-text-dim)" : "var(--tpl-text)",
+				opacity: r.id === n.currentFolderId ? .5 : 1
+			}),
+			disabled: r.id === n.currentFolderId,
+			onClick: (e) => i("select", r.id)
+		}, [
+			g(p(J), {
+				class: "tpl:shrink-0",
+				size: 14,
+				"stroke-width": 1.5
+			}),
+			m("span", Tt, b(r.name), 1),
+			r.id === n.currentFolderId ? (e(), h("span", Et, b(p(a).mediaLibrary.currentFolder), 1)) : D("", !0)
+		], 12, wt))), 128))])], 512));
+	}
+}), Ot = { class: "tpl:flex tpl:items-center tpl:gap-3" }, kt = ["src", "alt"], At = {
+	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)" }
+}, jt = { class: "tpl:min-w-0 tpl:flex-1" }, Mt = {
+	class: "tpl:truncate tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, Nt = {
+	class: "tpl:mt-0.5 tpl:text-[10px]",
+	style: { color: "var(--tpl-text-muted)" }
+}, Pt = /*#__PURE__*/ K(/* @__PURE__ */ O({
+	__name: "MediaPreviewPanel",
+	props: {
+		item: {},
+		folders: {}
+	},
+	setup(t) {
+		let n = t, r = l(fe, null), { isImageMimeType: i } = $();
+		function a(e, t, n = []) {
+			for (let r of e) {
+				let e = [...n, r.name];
+				if (r.id === t) return e;
+				if (r.children.length) {
+					let n = a(r.children, t, e);
+					if (n) return n;
+				}
+			}
+			return null;
+		}
+		let o = T(() => {
+			if (!n.item.folderId || !n.folders) return null;
+			let e = a(n.folders, n.item.folderId);
+			return e ? e.join("/") : null;
+		}), s = T(() => n.item.mimeType ?? ""), c = T(() => i(s.value));
+		function u(e) {
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		}
+		function d(e) {
+			return Ie(e, r?.value, {
+				year: "numeric",
+				month: "short",
+				day: "numeric"
+			});
+		}
+		let f = T(() => n.item.filename || n.item.url);
+		return (n, r) => (e(), h("div", Ot, [c.value ? (e(), h("img", {
+			key: 0,
+			src: t.item.url,
+			alt: t.item.alt || f.value,
+			class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
+			style: { border: "1px solid var(--tpl-border)" }
+		}, null, 8, kt)) : (e(), h("div", At, [g(Fe, {
+			"mime-type": s.value,
+			class: "tpl-preview-icon"
+		}, null, 8, ["mime-type"])])), m("div", jt, [
+			m("p", Mt, b(f.value), 1),
+			m("p", Nt, [
+				t.item.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(b(u(t.item.size)), 1)], 64)),
+				t.item.createdAt ? (e(), h(C, { key: 1 }, [t.item.size == null ? D("", !0) : (e(), h(C, { key: 0 }, [_(" · ")], 64)), _(" " + b(d(t.item.createdAt)), 1)], 64)) : D("", !0),
+				c.value && t.item.width && t.item.height ? (e(), h(C, { key: 2 }, [_(" · " + b(t.item.width) + "×" + b(t.item.height) + "px ", 1)], 64)) : D("", !0),
+				o.value ? (e(), h(C, { key: 3 }, [
+					r[0] ||= _(" · ", -1),
+					g(p(J), {
+						class: "tpl:mb-px tpl:inline",
+						size: 9,
+						"stroke-width": 2
+					}),
+					_(" " + b(o.value), 1)
+				], 64)) : D("", !0)
+			]),
+			c.value ? (e(), h("p", {
+				key: 0,
+				class: x(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !t.item.alt }]),
+				style: { color: "var(--tpl-text-dim)" }
+			}, b(t.item.alt || "\xA0"), 3)) : D("", !0)
+		])]));
+	}
+}), [["__scopeId", "data-v-c3c1707e"]]), Ft = ["data-tpl-theme"], It = {
+	id: "tpl-media-replace-title",
+	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, Lt = {
+	class: "tpl:mb-2 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Rt = {
+	key: 0,
+	class: "tpl:mb-3 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, zt = {
+	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
+	style: { "border-color": "var(--tpl-border)" }
+}, Bt = {
+	class: "tpl:truncate tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, Vt = { class: "tpl:mb-4" }, Ht = {
+	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text-muted)" }
+}, Ut = [
+	"accept",
+	"aria-invalid",
+	"aria-describedby"
+], Wt = {
+	key: 1,
+	id: "tpl-media-replace-error",
+	role: "alert",
+	class: "tpl:mb-3 tpl:text-xs",
+	style: { color: "var(--tpl-danger)" }
+}, Gt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Kt = ["disabled"], qt = ["disabled"], Jt = /* @__PURE__ */ O({
+	__name: "MediaReplaceModal",
+	props: {
+		visible: { type: Boolean },
+		item: {},
+		usageInfo: {},
+		isReplacing: { type: Boolean },
+		error: {}
+	},
+	emits: ["replace", "close"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, { t: o } = Q(), s = l(Z, null), u = l(X, d(null)), f = d(null), _ = d(null), y = T(() => {
+			if (!i.item) return "";
+			let e = (i.item.filename ?? "").split(".");
+			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
+		}), C = T(() => y.value ? `.${y.value}` : "*"), w = T(() => (i.usageInfo?.templateCount ?? 0) > 0);
+		c(() => i.visible, (e) => {
+			e || (_.value = null, f.value && (f.value.value = ""));
+		});
+		function E(e) {
+			let t = e.target;
+			t.files && t.files.length > 0 && (_.value = t.files[0]);
+		}
+		function O() {
+			_.value && a("replace", _.value);
+		}
+		let k = d(null);
+		ge(k, T(() => i.visible && i.item !== null));
+		function j(e) {
+			e.stopPropagation(), e.key === "Escape" && a("close");
+		}
+		return (r, i) => (e(), S(v, { to: p(u) || "body" }, [g(M, {
+			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: n(() => [t.visible && t.item ? (e(), h("div", {
+				key: 0,
+				"data-tpl-theme": p(s),
+				class: x([p(u) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
+				style: { "background-color": "var(--tpl-overlay)" },
+				onClick: i[1] ||= A((e) => a("close"), ["self"]),
+				onKeydown: j
+			}, [m("div", {
+				ref_key: "dialogRef",
+				ref: k,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "tpl-media-replace-title",
+				class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
+				style: { "background-color": "var(--tpl-bg-elevated)" }
+			}, [
+				m("h3", It, b(p(o).mediaLibrary.replaceWarningTitle), 1),
+				m("p", Lt, b(p(o).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${y.value}`)), 1),
+				w.value ? (e(), h("p", Rt, b(p(o).mediaLibrary.replaceWarningUsageNote.replace("{count}", t.usageInfo.templateCount.toString())), 1)) : D("", !0),
+				m("div", zt, [m("p", Bt, b(t.item.filename), 1)]),
+				m("div", Vt, [m("label", Ht, b(p(o).mediaLibrary.replaceSelectFile), 1), m("input", {
+					ref_key: "fileInputRef",
+					ref: f,
+					type: "file",
+					accept: C.value,
+					"aria-invalid": !!t.error,
+					"aria-describedby": t.error ? "tpl-media-replace-error" : void 0,
+					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs",
+					style: {
+						"border-color": "var(--tpl-border)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					onChange: E
+				}, null, 40, Ut)]),
+				t.error ? (e(), h("p", Wt, b(t.error), 1)) : D("", !0),
+				m("div", Gt, [m("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)"
+					},
+					disabled: t.isReplacing,
+					onClick: i[0] ||= (e) => a("close")
+				}, b(p(o).mediaLibrary.cancel), 9, Kt), m("button", {
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+					style: {
+						"background-color": "var(--tpl-primary)",
+						color: "var(--tpl-on-primary)"
+					},
+					disabled: !_.value || t.isReplacing,
+					onClick: O
+				}, b(t.isReplacing ? p(o).mediaLibrary.replacing : p(o).mediaLibrary.replace), 9, qt)])
+			], 512)], 42, Ft)) : D("", !0)]),
+			_: 1
+		})], 8, ["to"]));
+	}
+}), Yt = ["aria-label", "aria-busy"], Xt = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-2"
+}, Zt = {
+	class: "tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Qt = {
+	class: "tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, $t = {
+	class: "tpl:mt-1 tpl:text-[10px]",
+	style: { color: "var(--tpl-text-dim)" }
+}, en = /* @__PURE__ */ O({
+	__name: "MediaUploadZone",
+	props: {
+		isUploading: { type: Boolean },
+		uploadProgress: {}
+	},
+	emits: ["upload"],
+	setup(t, { emit: n }) {
+		let r = n, { t: i, format: a } = Q(), { allAcceptedInputString: o, isAcceptedFile: s } = $(), c = d();
+		function l(e) {
+			let t = [];
+			for (let n of Array.from(e)) s(n) && t.push(n);
+			return t;
+		}
+		function u(e) {
+			let t = l(e);
+			t.length && r("upload", t);
+		}
+		let { isOverDropZone: f } = L(c, { onDrop: (e) => {
+			e?.length && u(e);
+		} }), { open: _, onChange: v } = I({
+			accept: o.value,
+			multiple: !0
+		});
+		return v((e) => {
+			e?.length && u(e);
+		}), (n, r) => (e(), h("button", {
+			ref_key: "dropZoneRef",
+			ref: c,
+			type: "button",
+			"data-testid": "media-upload-zone",
+			class: x(["tpl-upload-zone tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", p(f) ? "tpl-upload-zone-active" : ""]),
+			"aria-label": p(i).mediaLibrary.dropOrClick,
+			"aria-busy": t.isUploading,
+			style: {
+				"border-color": "var(--tpl-border-light)",
+				"background-color": "var(--tpl-bg)"
+			},
+			onClick: r[0] ||= (e) => p(_)()
+		}, [t.isUploading ? (e(), h("div", Xt, [g(p(H), {
+			class: "tpl-spinner",
+			size: 20,
+			"stroke-width": 2,
+			style: { color: "var(--tpl-primary)" }
+		}), m("span", Zt, b(t.uploadProgress && t.uploadProgress.total > 1 ? p(a)(p(i).mediaLibrary.uploadingProgress, {
+			current: t.uploadProgress.current,
+			total: t.uploadProgress.total
+		}) : p(i).mediaLibrary.uploading), 1)])) : (e(), h(C, { key: 1 }, [
+			g(p(oe), {
+				class: "tpl:mb-2",
+				size: 24,
+				"stroke-width": 1.5,
+				style: { color: "var(--tpl-text-dim)" }
+			}),
+			m("p", Qt, b(p(i).mediaLibrary.dropOrClick), 1),
+			m("p", $t, b(p(i).mediaLibrary.acceptedFormats), 1)
+		], 64))], 10, Yt));
+	}
+}), tn = ["aria-label"], nn = [
+	"width",
+	"height",
+	"viewBox"
+], rn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], an = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"stroke",
+	"stroke-dasharray",
+	"stroke-dashoffset"
+], on = {
+	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)"
+	}
+}, sn = /* @__PURE__ */ O({
+	__name: "StorageProgressRing",
+	props: {
+		usedBytes: {},
+		limitBytes: {},
+		size: {}
+	},
+	setup(t) {
+		let r = t, { t: i, format: a } = Q(), o = d(!1), s = T(() => r.size ?? 24), c = T(() => Math.max(2, s.value / 8)), l = T(() => (s.value - c.value) / 2), u = T(() => 2 * Math.PI * l.value), f = T(() => r.limitBytes <= 0 ? 0 : Math.min(100, r.usedBytes / r.limitBytes * 100)), p = T(() => u.value - f.value / 100 * u.value), v = T(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)");
+		function y(e) {
+			if (e === 0) return "0 B";
+			let t = 1024, n = [
+				"B",
+				"KB",
+				"MB",
+				"GB"
+			], r = Math.floor(Math.log(e) / Math.log(t)), i = e / t ** r, a = +(r >= 2);
+			return `${i.toFixed(a)} ${n[r]}`;
+		}
+		let x = T(() => y(r.usedBytes)), S = T(() => y(r.limitBytes)), C = T(() => Math.max(0, r.limitBytes - r.usedBytes)), w = T(() => y(C.value)), E = T(() => a(i.mediaLibrary.storageTooltip, {
+			used: x.value,
+			total: S.value,
+			remaining: w.value
+		}));
+		return (t, r) => (e(), h("div", {
+			"data-testid": "media-storage-ring",
+			class: "tpl:relative tpl:inline-flex tpl:cursor-help tpl:items-center tpl:justify-center",
+			tabindex: "0",
+			"aria-label": E.value,
+			onMouseenter: r[0] ||= (e) => o.value = !0,
+			onMouseleave: r[1] ||= (e) => o.value = !1,
+			onFocus: r[2] ||= (e) => o.value = !0,
+			onBlur: r[3] ||= (e) => o.value = !1
+		}, [(e(), h("svg", {
+			width: s.value,
+			height: s.value,
+			class: "tpl:-rotate-90",
+			viewBox: `0 0 ${s.value} ${s.value}`
+		}, [m("circle", {
+			cx: s.value / 2,
+			cy: s.value / 2,
+			r: l.value,
+			fill: "none",
+			"stroke-width": c.value,
+			style: { stroke: "var(--tpl-border)" }
+		}, null, 8, rn), m("circle", {
+			cx: s.value / 2,
+			cy: s.value / 2,
+			r: l.value,
+			fill: "none",
+			"stroke-width": c.value,
+			stroke: v.value,
+			"stroke-linecap": "round",
+			"stroke-dasharray": u.value,
+			"stroke-dashoffset": p.value,
+			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
+		}, null, 8, an)], 8, nn)), g(M, {
+			"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",
+			"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
+			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
+		}, {
+			default: n(() => [o.value ? (e(), h("div", on, [_(b(E.value) + " ", 1), r[4] ||= m("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)])) : D("", !0)]),
+			_: 1
+		})], 40, tn));
+	}
+});
+//#endregion
+//#region ../media-library/src/utils/treeFolders.ts
+function cn(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) t.set(n.id, {
+		...n,
+		children: []
+	});
+	let n = [];
+	for (let e of t.values()) {
+		let r = e.parentId ?? null, i = r ? t.get(r) : void 0;
+		i ? i.children.push(e) : n.push(e);
+	}
+	return n;
+}
+//#endregion
+//#region ../media-library/src/composables/useMediaLibraryUI.ts
+function ln(e) {
+	let { library: t, translations: n } = e;
+	function r() {
+		return "value" in n && typeof n.value == "object" ? n.value : n;
+	}
+	let i = d("grid"), a = d(!1), o = d(""), s = d(null), l = d(!1), u = d(!1), f = T(() => t.previewItem.value?.url ?? null), p = T(() => t.frequentlyUsedItems.value.length > 0), m = T(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), h = T(() => Object.values(t.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = T(() => cn(t.folders.value)), _ = {
+		images: () => r().mediaLibrary.filterImages,
+		documents: () => r().mediaLibrary.filterDocuments,
+		videos: () => r().mediaLibrary.filterVideos,
+		audio: () => r().mediaLibrary.filterAudio
+	};
+	function v(e) {
+		return _[e]?.() ?? e;
+	}
+	c(a, (e) => {
+		e && t.loadFolders();
+	});
+	let y = N((e) => {
+		t.search(e);
+	}, 300);
+	function b(e) {
+		o.value = e, y(e);
+	}
+	let { copy: x, copied: S } = F({
+		copiedDuring: 2e3,
+		legacy: !0
+	});
+	async function C(e) {
+		await t.uploadFiles(e);
+	}
+	function w(e) {
+		t.selectItem(e);
+	}
+	async function E(e, n) {
+		await t.createFolder(e, n);
+	}
+	async function D(e, n) {
+		await t.renameFolder(e, n);
+	}
+	async function O(e) {
+		await t.deleteFolder(e);
+	}
+	function k(e) {
+		s.value = e;
+	}
+	async function A(e, n, r, i) {
+		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), s.value = null;
+	}
+	async function j(e) {
+		await t.importFromUrl(e) && (l.value = !1);
+	}
+	async function M(e) {
+		u.value = !1, await t.moveSelected(e);
+	}
+	async function P() {
+		await t.checkUsageBeforeDelete();
+	}
+	function I(e) {
+		t.checkUsageBeforeReplace(e);
+	}
+	async function L(e) {
+		await t.replaceFile(e);
+	}
+	function R() {
+		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), o.value = "", t.searchQuery.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", s.value = null, l.value = !1;
+	}
+	return {
+		layoutMode: i,
+		showSidebar: a,
+		searchInput: o,
+		editingItem: s,
+		showImportUrlModal: l,
+		showMovePicker: u,
+		selectedUrl: f,
+		hasFrequentlyUsed: p,
+		displayItems: m,
+		hasUsedFiles: h,
+		folderTree: g,
+		copy: x,
+		copied: S,
+		getCategoryLabel: v,
+		handleSearchInput: b,
+		handleUpload: C,
+		handleSelect: w,
+		handleCreateFolder: E,
+		handleRenameFolder: D,
+		handleDeleteFolder: O,
+		handleEditItem: k,
+		handleEditSave: A,
+		handleImportFromUrl: j,
+		handleMoveToFolder: M,
+		handleDeleteClick: P,
+		handleReplaceItem: I,
+		handleReplaceFile: L,
+		resetUI: R
+	};
+}
+//#endregion
+//#region ../media-library/src/composable.ts
+function un(e) {
+	let { provider: t } = e, n = d([]), r = d([]), i = d(null), a = d("files"), o = d(""), s = d(null), c = d("newest"), l = d(!1), u = d(!1), f = d(!1), p = d(null), m = d(null), h = d(/* @__PURE__ */ new Set()), g = d(null), _ = d([]), v = d({}), y = d(!1), b = d([]), x = d(!1), S = d(null), C = d(!1), T = d(null), E = d(!1), D = d(null), O = d(null), k = d(null), A = 0;
+	function j(t) {
+		try {
+			t();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function M() {
+		return t.folders === !1 ? null : t.folders;
+	}
+	function N() {
+		return w(e.templateId);
+	}
+	function P(e) {
+		let t = {};
+		o.value ? t.search = o.value : i.value != null && (t.folderId = i.value), s.value && (t.category = s.value), e && (t.cursor = e);
+		let n = N();
+		return n && (t.templateId = n), t;
+	}
+	async function F() {
+		let r = ++A;
+		l.value = !0;
+		let i = P();
+		try {
+			let e = await t.list(i);
+			if (r !== A) return;
+			n.value = e.items, p.value = e.nextCursor ?? null, f.value = !!e.nextCursor;
+		} catch (t) {
+			if (r !== A) return;
+			e.onError?.(t);
+		} finally {
+			r === A && (l.value = !1);
+		}
+	}
+	async function I() {
+		if (!f.value || !p.value || l.value) return;
+		let r = ++A;
+		l.value = !0;
+		let i = P(p.value);
+		try {
+			let e = await t.list(i);
+			if (r !== A) return;
+			n.value = [...n.value, ...e.items], p.value = e.nextCursor ?? null, f.value = !!e.nextCursor;
+		} catch (t) {
+			if (r !== A) return;
+			e.onError?.(t);
+		} finally {
+			r === A && (l.value = !1);
+		}
+	}
+	async function L(e) {
+		o.value = e, await F();
+	}
+	async function R(e) {
+		s.value = e, await F();
+	}
+	async function ee(e) {
+		c.value = e, await F();
+	}
+	async function z(e) {
+		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await F();
+	}
+	async function B() {
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await G();
+	}
+	async function V(r) {
+		let { create: a } = t;
+		if (typeof a != "function") return null;
+		u.value = !0;
+		try {
+			let e = { file: r };
+			i.value != null && (e.folderId = i.value);
+			let o = N();
+			o && (e.templateId = o);
+			let s = await a(e);
+			return n.value = [s, ...n.value], j(() => t.onCreated?.(s)), s;
+		} catch (t) {
+			return e.onError?.(t), null;
+		} finally {
+			u.value = !1;
+		}
+	}
+	async function te(r) {
+		let { create: a } = t;
+		if (typeof a == "function") {
+			u.value = !0, m.value = {
+				current: 0,
+				total: r.length
+			};
+			try {
+				for (let o = 0; o < r.length; o++) {
+					m.value = {
+						current: o + 1,
+						total: r.length
+					};
+					try {
+						let e = { file: r[o] };
+						i.value != null && (e.folderId = i.value);
+						let s = N();
+						s && (e.templateId = s);
+						let c = await a(e);
+						n.value = [c, ...n.value], j(() => t.onCreated?.(c));
+					} catch (t) {
+						e.onError?.(t);
+					}
+				}
+			} finally {
+				u.value = !1, m.value = null;
+			}
+		}
+	}
+	async function ne(t) {
+		if (h.value.size === 0) return;
+		let { move: r } = M() ?? { move: !1 };
+		if (typeof r == "function") try {
+			let e = await r([...h.value], t);
+			if (i.value === null) {
+				let t = new Map(e.map((e) => [e.id, e]));
+				n.value = n.value.map((e) => t.get(e.id) ?? e);
+			} else n.value = n.value.filter((e) => !h.value.has(e.id));
+			h.value = /* @__PURE__ */ new Set(), g.value = null;
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function re(r, i, a) {
+		let { update: o } = t;
+		if (typeof o == "function") try {
+			let e = { filename: i };
+			a !== void 0 && (e.alt = a);
+			let s = await o(r, e);
+			n.value = n.value.map((e) => e.id === r ? s : e), g.value?.id === r && (g.value = s), j(() => t.onUpdated?.(s));
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function H(e) {
+		let t = /* @__PURE__ */ new Map();
+		for (let r of n.value) e.includes(r.id) && t.set(r.id, r);
+		for (let n of _.value) e.includes(n.id) && !t.has(n.id) && t.set(n.id, n);
+		return [...t.values()];
+	}
+	function U(e) {
+		n.value = n.value.filter((t) => !e.includes(t.id)), _.value = _.value.filter((t) => !e.includes(t.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
+	}
+	async function W() {
+		if (h.value.size === 0) return;
+		let { delete: n } = t;
+		if (typeof n != "function") return;
+		let r = [...h.value], i = H(r);
+		try {
+			await n(r), U(r);
+			for (let e of i) j(() => t.onDeleted?.(e));
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function G() {
+		let { frequentlyUsed: n } = t;
+		if (typeof n == "function") try {
+			_.value = await n();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function ie() {
+		if (h.value.size === 0) return !1;
+		b.value = [...h.value];
+		let { checkUsage: n } = t;
+		if (typeof n != "function") return v.value = {}, y.value = !0, !1;
+		try {
+			let e = await n(b.value);
+			v.value = e;
+			let t = Object.values(e).some((e) => e.templateCount > 0);
+			return y.value = !0, t;
+		} catch (t) {
+			return e.onError?.(t), !1;
+		}
+	}
+	async function ae() {
+		let { delete: n } = t;
+		if (typeof n != "function" || (y.value = !1, b.value.length === 0)) return;
+		let r = b.value, i = H(r);
+		try {
+			await n(r), U(r), b.value = [], v.value = {};
+			for (let e of i) j(() => t.onDeleted?.(e));
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function oe() {
+		y.value = !1, b.value = [], v.value = {};
+	}
+	async function se(r) {
+		let a = t.importFromUrl;
+		if (typeof a != "function") return null;
+		x.value = !0, S.value = null;
+		try {
+			let e = await a(r, i.value, N());
+			return n.value = [e, ...n.value], j(() => t.onCreated?.(e)), e;
+		} catch (t) {
+			return S.value = t instanceof Error ? t.message : "Import failed", e.onError?.(t), null;
+		} finally {
+			x.value = !1;
+		}
+	}
+	function K(e) {
+		let t = new Set(h.value);
+		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
+	}
+	function q() {
+		h.value = /* @__PURE__ */ new Set(), g.value = null;
+	}
+	function J(e) {
+		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
+	}
+	async function ce() {
+		let { storage: n } = t;
+		if (typeof n != "function") {
+			k.value = null;
+			return;
+		}
+		try {
+			k.value = await n();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function Y() {
+		let t = M();
+		if (t) try {
+			r.value = await t.list();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function le(t, n) {
+		let { create: r } = M() ?? { create: !1 };
+		if (typeof r != "function") return null;
+		try {
+			let e = { name: t };
+			n !== void 0 && (e.parentId = n);
+			let i = await r(e);
+			return await Y(), i;
+		} catch (t) {
+			return e.onError?.(t), null;
+		}
+	}
+	function ue(e, t) {
+		for (let n of e) if (n.id === t) return n;
+		return null;
+	}
+	async function X(t, n) {
+		let { update: r } = M() ?? { update: !1 };
+		if (typeof r == "function") try {
+			await r(t, { name: n }), await Y();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function de(t) {
+		let { delete: n } = M() ?? { delete: !1 };
+		if (typeof n == "function") try {
+			let e = ue(r.value, t)?.parentId ?? null;
+			await n(t), i.value === t && (i.value = e), await Y(), await F();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function Z(n) {
+		D.value = n, T.value = null;
+		let { checkUsage: r } = t;
+		if (typeof r != "function") {
+			O.value = null, E.value = !0;
+			return;
+		}
+		try {
+			let e = await r([n.id]);
+			O.value = e[n.id] ?? null, E.value = !0;
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function fe() {
+		E.value = !1, D.value = null, O.value = null, T.value = null;
+	}
+	function pe(e) {
+		n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), j(() => t.onUpdated?.(e));
+	}
+	async function Q(n) {
+		let { replace: r } = t;
+		if (typeof r != "function" || !D.value) return null;
+		C.value = !0, T.value = null;
+		try {
+			let e = await r(D.value.id, n);
+			return pe(e), E.value = !1, D.value = null, O.value = null, e;
+		} catch (t) {
+			return T.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
+		} finally {
+			C.value = !1;
+		}
+	}
+	async function me(n, r) {
+		let { replace: i } = t;
+		if (typeof i != "function") return null;
+		try {
+			let e = await i(n, r);
+			return pe(e), e;
+		} catch (t) {
+			return e.onError?.(t), null;
+		}
+	}
+	return {
+		items: n,
+		folders: r,
+		currentFolderId: i,
+		viewMode: a,
+		searchQuery: o,
+		categoryFilter: s,
+		sortOption: c,
+		isLoading: l,
+		isUploading: u,
+		uploadProgress: m,
+		hasMore: f,
+		selectedItems: h,
+		previewItem: g,
+		frequentlyUsedItems: _,
+		deleteUsageInfo: v,
+		showDeleteWarning: y,
+		loadItems: F,
+		loadMore: I,
+		search: L,
+		filterByCategory: R,
+		sortBy: ee,
+		navigateToFolder: z,
+		showFrequentlyUsed: B,
+		uploadFile: V,
+		uploadFiles: te,
+		moveSelected: ne,
+		updateFile: re,
+		deleteSelected: W,
+		isImportingFromUrl: x,
+		importFromUrlError: S,
+		importFromUrl: se,
+		toggleSelection: K,
+		clearSelection: q,
+		selectItem: J,
+		loadFolders: Y,
+		createFolder: le,
+		renameFolder: X,
+		deleteFolder: de,
+		findFolderInTree: ue,
+		loadFrequentlyUsed: G,
+		checkUsageBeforeDelete: ie,
+		confirmDelete: ae,
+		cancelDelete: oe,
+		isReplacing: C,
+		replaceError: T,
+		showReplaceWarning: E,
+		pendingReplaceItem: D,
+		replaceUsageInfo: O,
+		checkUsageBeforeReplace: Z,
+		cancelReplace: fe,
+		replaceFile: Q,
+		replaceMediaDirectly: me,
+		storageInfo: k,
+		loadStorage: ce
+	};
+}
+//#endregion
+//#region ../media-library/src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
+var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, fn = {
+	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)" }
+}, pn = {
+	id: "tpl-media-library-title",
+	class: "tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, mn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hn = { class: "tpl:relative" }, gn = [
+	"value",
+	"disabled",
+	"aria-label",
+	"placeholder"
+], _n = ["aria-label"], vn = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, yn = {
+	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)"
+	}
+}, bn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, xn = {
+	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)" }
+}, Sn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Cn = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], wn = {
+	key: 1,
+	class: "tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, Tn = {
+	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
+	style: {
+		border: "1px solid var(--tpl-border)",
+		"background-color": "var(--tpl-bg)"
+	}
+}, En = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], Dn = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], On = { class: "tpl:flex tpl:items-center tpl:gap-2" }, kn = ["aria-label", "value"], An = { value: "" }, jn = ["value"], Mn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Nn = {
+	key: 0,
+	class: "tpl:px-4 tpl:pt-3"
+}, Pn = {
+	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)"
+	}
+}, Fn = {
+	id: "tpl-media-delete-title",
+	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, In = {
+	key: 0,
+	"data-testid": "media-delete-usage",
+	class: "tpl:mb-4 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Ln = {
+	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)" }
+}, Rn = { class: "tpl:font-medium" }, zn = { style: { color: "var(--tpl-text-muted)" } }, Bn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Vn = {
+	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)" }
+}, Hn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Un = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Wn = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-2"
+}, Gn = {
+	key: 1,
+	class: "tpl:relative"
+}, Kn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, qn = ["data-testid", "disabled"], Jn = /* @__PURE__ */ O({
+	__name: "MediaLibraryChrome",
+	props: {
+		provider: {},
+		accept: {},
+		templateId: {},
+		onError: { type: Function },
+		translations: {},
+		showClose: { type: Boolean },
+		showConfirm: { type: Boolean },
+		confirmTestId: {}
+	},
+	emits: [
+		"close",
+		"confirm",
+		"ready"
+	],
+	setup(i, { expose: a, emit: s }) {
+		let l = i, u = s, d = f(() => import("./MediaEditModal-D4GEq2md.js")), v = T(() => l.translations), w = T(() => l.confirmTestId ?? "media-confirm"), E = {
+			get maxFileSize() {
+				return l.provider.maxFileSize;
+			},
+			get mimeTypes() {
+				return l.provider.mimeTypes;
+			},
+			get accept() {
+				return l.accept;
+			}
+		};
+		y(ue, E);
+		let { isAcceptedMimeType: O, availableCategories: k } = $(E), j = un({
+			provider: l.provider,
+			templateId: () => l.templateId,
+			onError: (e) => l.onError?.(e)
+		}), N = ln({
+			library: j,
+			translations: v
+		}), P = T(() => typeof l.provider.create == "function"), F = T(() => l.provider.folders !== !1), I = T(() => typeof l.provider.importFromUrl == "function"), L = T(() => typeof l.provider.delete == "function"), R = T(() => typeof l.provider.update == "function"), ee = T(() => typeof l.provider.replace == "function"), z = T(() => typeof l.provider.frequentlyUsed == "function"), V = T(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.move == "function";
+		}), H = T(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.create == "function";
+		}), U = T(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.update == "function";
+		}), W = T(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.delete == "function";
+		}), G = T(() => j.isLoading.value && N.displayItems.value.length === 0), ae = T(() => {
+			let e = j.previewItem.value;
+			return e ? !l.accept?.length || O(e.mimeType ?? "", l.accept) : !1;
+		}), oe = T(() => {
+			if (!L.value) return 0;
+			let e = 0;
+			for (let t of j.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
+			return e;
+		}), K = T(() => N.showImportUrlModal.value || N.editingItem.value !== null || j.showReplaceWarning.value);
+		function q() {
+			return K.value ? !0 : N.showMovePicker.value ? (N.showMovePicker.value = !1, !0) : j.showDeleteWarning.value ? (j.cancelDelete(), !0) : !1;
+		}
+		function J() {
+			ae.value && j.previewItem.value && u("confirm", j.previewItem.value);
+		}
+		function le(e) {
+			let t = e.target.value;
+			j.filterByCategory(t || null);
+		}
+		async function X() {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of j.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
+			j.selectedItems.value = e, await N.handleDeleteClick();
+		}
+		return c(() => l.accept, (e) => {
+			e?.length === 1 && (j.categoryFilter.value = e[0]);
+		}, { immediate: !0 }), j.loadItems(), j.loadFrequentlyUsed(), j.loadStorage(), u("ready"), r(() => {
+			N.resetUI();
+		}), a({
+			nestedDialogOpen: K,
+			handleEscape: q,
+			library: j,
+			ui: N
+		}), (r, a) => (e(), h("div", dn, [
+			m("div", fn, [m("h2", pn, b(v.value.mediaLibrary.title), 1), m("div", mn, [
+				p(j).storageInfo.value ? (e(), S(sn, {
+					key: 0,
+					"used-bytes": p(j).storageInfo.value.usedBytes,
+					"limit-bytes": p(j).storageInfo.value.limitBytes,
+					size: 22
+				}, null, 8, ["used-bytes", "limit-bytes"])) : D("", !0),
+				m("div", hn, [m("input", {
+					value: p(N).searchInput.value,
+					type: "search",
+					disabled: G.value,
+					"aria-label": v.value.mediaLibrary.searchAriaLabel,
+					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)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+					style: {
+						"border-color": "var(--tpl-border)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					placeholder: v.value.mediaLibrary.searchPlaceholder,
+					onInput: a[0] ||= (e) => p(N).handleSearchInput(e.target.value)
+				}, null, 40, gn), g(p(ie), {
+					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)" }
+				})]),
+				i.showClose ? (e(), h("button", {
+					key: 1,
+					type: "button",
+					"aria-label": v.value.mediaLibrary.close,
+					class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
+					style: { color: "var(--tpl-text-muted)" },
+					onClick: a[1] ||= (e) => u("close")
+				}, [g(p(se), {
+					size: 18,
+					"stroke-width": 2
+				})], 8, _n)) : D("", !0)
+			])]),
+			m("div", vn, [g(M, {
+				"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",
+				"leave-active-class": "tpl:transition-all tpl:duration-150 tpl:ease-in",
+				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
+				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
+			}, {
+				default: n(() => [F.value && p(N).showSidebar.value ? (e(), h("div", yn, [g(Pe, {
+					folders: p(N).folderTree.value,
+					"current-folder-id": p(j).currentFolderId.value,
+					"view-mode": p(j).viewMode.value,
+					"has-frequently-used": z.value && p(N).hasFrequentlyUsed.value,
+					"can-create-folder": H.value,
+					"can-rename-folder": U.value,
+					"can-delete-folder": W.value,
+					onNavigate: p(j).navigateToFolder,
+					onCreateFolder: p(N).handleCreateFolder,
+					onRenameFolder: p(N).handleRenameFolder,
+					onDeleteFolder: p(N).handleDeleteFolder,
+					onShowFrequentlyUsed: p(j).showFrequentlyUsed
+				}, null, 8, [
+					"folders",
+					"current-folder-id",
+					"view-mode",
+					"has-frequently-used",
+					"can-create-folder",
+					"can-rename-folder",
+					"can-delete-folder",
+					"onNavigate",
+					"onCreateFolder",
+					"onRenameFolder",
+					"onDeleteFolder",
+					"onShowFrequentlyUsed"
+				])])) : D("", !0)]),
+				_: 1
+			}), m("div", bn, [m("div", xn, [m("div", Sn, [
+				F.value ? (e(), h("button", {
+					key: 0,
+					type: "button",
+					"data-testid": "media-folder-toggle",
+					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: t({
+						color: p(N).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: p(N).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: p(N).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+					}),
+					title: p(N).showSidebar.value ? v.value.mediaLibrary.hideFolders : v.value.mediaLibrary.showFolders,
+					"aria-label": p(N).showSidebar.value ? v.value.mediaLibrary.hideFolders : v.value.mediaLibrary.showFolders,
+					"aria-pressed": p(N).showSidebar.value,
+					onClick: a[2] ||= (e) => p(N).showSidebar.value = !p(N).showSidebar.value
+				}, [g(p(Y), {
+					size: 16,
+					"stroke-width": 2
+				})], 12, Cn)) : D("", !0),
+				p(j).viewMode.value === "frequently-used" ? (e(), h("span", wn, b(v.value.mediaLibrary.frequentlyUsed), 1)) : (e(), S(be, {
+					key: 2,
+					folders: p(N).folderTree.value,
+					"current-folder-id": p(j).currentFolderId.value,
+					onNavigate: p(j).navigateToFolder
+				}, null, 8, [
+					"folders",
+					"current-folder-id",
+					"onNavigate"
+				])),
+				m("div", Tn, [m("button", {
+					type: "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: t({
+						color: p(N).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: p(N).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+					}),
+					title: v.value.mediaLibrary.viewGrid,
+					"aria-label": v.value.mediaLibrary.viewGrid,
+					"aria-pressed": p(N).layoutMode.value === "grid",
+					onClick: a[3] ||= (e) => p(N).layoutMode.value = "grid"
+				}, [g(p(ce), {
+					size: 14,
+					"stroke-width": 2
+				})], 12, En), m("button", {
+					type: "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: t({
+						color: p(N).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: p(N).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+					}),
+					title: v.value.mediaLibrary.viewList,
+					"aria-label": v.value.mediaLibrary.viewList,
+					"aria-pressed": p(N).layoutMode.value === "list",
+					onClick: a[4] ||= (e) => p(N).layoutMode.value = "list"
+				}, [g(p(re), {
+					size: 14,
+					"stroke-width": 2
+				})], 12, Dn)])
+			]), m("div", On, [p(k).length > 1 ? (e(), h("select", {
+				key: 0,
+				"aria-label": v.value.mediaLibrary.filterAriaLabel,
+				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: p(j).categoryFilter.value ?? "",
+				onChange: le
+			}, [m("option", An, b(v.value.mediaLibrary.filterAll), 1), (e(!0), h(C, null, o(p(k), (t) => (e(), h("option", {
+				key: t,
+				value: t
+			}, b(p(N).getCategoryLabel(t)), 9, jn))), 128))], 40, kn)) : D("", !0)])]), m("div", Mn, [p(j).viewMode.value === "files" && (P.value || I.value) ? (e(), h("div", Nn, [P.value ? (e(), S(en, {
+				key: 0,
+				"is-uploading": p(j).isUploading.value,
+				"upload-progress": p(j).uploadProgress.value,
+				onUpload: p(N).handleUpload
+			}, null, 8, [
+				"is-uploading",
+				"upload-progress",
+				"onUpload"
+			])) : D("", !0), I.value ? (e(), h("button", {
+				key: 1,
+				"data-testid": "media-import-url",
+				class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: {
+					"border-color": "var(--tpl-border)",
+					color: "var(--tpl-text-muted)",
+					"background-color": "var(--tpl-bg)"
+				},
+				onClick: a[5] ||= (e) => p(N).showImportUrlModal.value = !0
+			}, [g(p(ne), {
+				size: 14,
+				"stroke-width": 2
+			}), _(" " + b(v.value.mediaLibrary.importFromUrl), 1)])) : D("", !0)])) : D("", !0), g(dt, {
+				items: p(N).displayItems.value,
+				"selected-ids": p(j).selectedItems.value,
+				"is-loading": p(j).isLoading.value,
+				"has-more": p(j).viewMode.value === "files" && p(j).hasMore.value,
+				accept: i.accept,
+				layout: p(N).layoutMode.value,
+				"search-query": p(j).searchQuery.value,
+				"can-update": R.value,
+				"can-replace": ee.value,
+				onSelect: p(N).handleSelect,
+				onToggle: p(j).toggleSelection,
+				onLoadMore: p(j).loadMore,
+				onEdit: p(N).handleEditItem,
+				onReplace: p(N).handleReplaceItem,
+				onConfirm: J
+			}, null, 8, [
+				"items",
+				"selected-ids",
+				"is-loading",
+				"has-more",
+				"accept",
+				"layout",
+				"search-query",
+				"can-update",
+				"can-replace",
+				"onSelect",
+				"onToggle",
+				"onLoadMore",
+				"onEdit",
+				"onReplace"
+			])])])]),
+			g(St, {
+				visible: p(N).showImportUrlModal.value,
+				"is-importing": p(j).isImportingFromUrl.value,
+				error: p(j).importFromUrlError.value,
+				onImport: p(N).handleImportFromUrl,
+				onClose: a[6] ||= (e) => p(N).showImportUrlModal.value = !1
+			}, null, 8, [
+				"visible",
+				"is-importing",
+				"error",
+				"onImport"
+			]),
+			p(N).editingItem.value ? (e(), S(p(d), {
+				key: 0,
+				visible: !0,
+				item: p(N).editingItem.value,
+				onSave: p(N).handleEditSave,
+				onClose: a[7] ||= (e) => p(N).editingItem.value = null
+			}, null, 8, ["item", "onSave"])) : D("", !0),
+			g(Jt, {
+				visible: p(j).showReplaceWarning.value,
+				item: p(j).pendingReplaceItem.value,
+				"usage-info": p(j).replaceUsageInfo.value,
+				"is-replacing": p(j).isReplacing.value,
+				error: p(j).replaceError.value,
+				onReplace: p(N).handleReplaceFile,
+				onClose: p(j).cancelReplace
+			}, null, 8, [
+				"visible",
+				"item",
+				"usage-info",
+				"is-replacing",
+				"error",
+				"onReplace",
+				"onClose"
+			]),
+			g(M, {
+				"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
+				"enter-from-class": "tpl:opacity-0",
+				"enter-to-class": "tpl:opacity-100",
+				"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+				"leave-from-class": "tpl:opacity-100",
+				"leave-to-class": "tpl:opacity-0"
+			}, {
+				default: n(() => [p(j).showDeleteWarning.value ? (e(), h("div", {
+					key: 0,
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": "tpl-media-delete-title",
+					class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
+					style: {
+						"background-color": "var(--tpl-overlay)",
+						"backdrop-filter": "blur(8px)",
+						"-webkit-backdrop-filter": "blur(8px)"
+					},
+					onClick: a[10] ||= A((...e) => p(j).cancelDelete && p(j).cancelDelete(...e), ["self"])
+				}, [m("div", Pn, [
+					m("h3", Fn, b(v.value.mediaLibrary.deleteWarningTitle), 1),
+					m("p", {
+						class: x(["tpl:text-xs", p(N).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						style: { color: "var(--tpl-text-muted)" }
+					}, b(v.value.mediaLibrary.deleteWarningMessage), 3),
+					p(N).hasUsedFiles.value ? (e(), h("p", In, b(v.value.mediaLibrary.deleteWarningUsageNote), 1)) : D("", !0),
+					p(N).hasUsedFiles.value ? (e(), h("div", Ln, [(e(!0), h(C, null, o(p(j).deleteUsageInfo.value, (t, n) => (e(), h("div", {
+						key: n,
+						class: "tpl:text-xs",
+						style: { color: "var(--tpl-text)" }
+					}, [t.templateCount > 0 ? (e(), h(C, { key: 0 }, [m("span", Rn, b(p(N).displayItems.value.find((e) => e.id === n)?.filename || n), 1), m("span", zn, " - " + b(v.value.mediaLibrary.usedInTemplates.replace("{count}", t.templateCount.toString())), 1)], 64)) : D("", !0)]))), 128))])) : D("", !0),
+					m("div", Bn, [m("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: a[8] ||= (...e) => p(j).cancelDelete && p(j).cancelDelete(...e)
+					}, b(v.value.mediaLibrary.cancel), 1), m("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-bg)"
+						},
+						onClick: a[9] ||= (...e) => p(j).confirmDelete && p(j).confirmDelete(...e)
+					}, b(p(N).hasUsedFiles.value ? v.value.mediaLibrary.deleteAnyway : v.value.mediaLibrary.confirmDelete), 1)])
+				])])) : D("", !0)]),
+				_: 1
+			}),
+			m("div", Vn, [m("div", Hn, [p(j).previewItem.value ? (e(), S(Pt, {
+				key: 0,
+				item: p(j).previewItem.value,
+				folders: p(N).folderTree.value
+			}, null, 8, ["item", "folders"])) : D("", !0)]), m("div", Un, [p(j).selectedItems.value.size > 0 ? (e(), h("div", Wn, [p(j).previewItem.value ? (e(), h("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: t({
+					borderColor: p(N).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: p(N).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					backgroundColor: "var(--tpl-bg)"
+				}),
+				onClick: a[11] ||= (e) => p(N).copy(p(N).selectedUrl.value)
+			}, [p(N).copied.value ? (e(), S(p(B), {
+				key: 1,
+				size: 12,
+				"stroke-width": 2
+			})) : (e(), S(p(te), {
+				key: 0,
+				size: 12,
+				"stroke-width": 2
+			})), _(" " + b(p(N).copied.value ? v.value.mediaLibrary.copied : v.value.mediaLibrary.copyUrl), 1)], 4)) : D("", !0), V.value ? (e(), h("div", Gn, [m("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: a[12] ||= (e) => p(N).showMovePicker.value = !p(N).showMovePicker.value
+			}, b(v.value.mediaLibrary.moveSelected), 1), p(N).showMovePicker.value ? (e(), S(Dt, {
+				key: 0,
+				folders: p(N).folderTree.value,
+				"current-folder-id": p(j).currentFolderId.value,
+				onSelect: p(N).handleMoveToFolder,
+				onClose: a[13] ||= (e) => p(N).showMovePicker.value = !1
+			}, null, 8, [
+				"folders",
+				"current-folder-id",
+				"onSelect"
+			])) : D("", !0)])) : D("", !0)])) : D("", !0), m("div", Kn, [oe.value > 0 ? (e(), h("button", {
+				key: 0,
+				"data-testid": "media-delete",
+				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-bg)"
+				},
+				onClick: X
+			}, b(v.value.mediaLibrary.deleteSelected), 1)) : D("", !0), i.showConfirm ? (e(), h("button", {
+				key: 1,
+				"data-testid": w.value,
+				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:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+				style: {
+					"background-color": "var(--tpl-primary)",
+					color: "var(--tpl-on-primary)"
+				},
+				disabled: !ae.value,
+				onClick: J
+			}, b(i.accept?.length ? v.value.mediaLibrary.selectImage : v.value.mediaLibrary.selectFile), 9, qn)) : D("", !0)])])])
+		]));
+	}
+}), Yn = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca-BTf1Zbqb.js"),
+	"./locales/de.ts": () => import("./de-xzrh9PA3.js"),
+	"./locales/en.ts": () => import("./en-CM5fTFSo.js"),
+	"./locales/es.ts": () => import("./es-BT4LSpE2.js"),
+	"./locales/fr.ts": () => import("./fr-CI7OJoql.js"),
+	"./locales/nl.ts": () => import("./nl-D8y5OWGB.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-DMCbUBvJ.js")
+});
+function Xn(e) {
+	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
+}
+var Zn = Xn(Yn);
+function Qn(e) {
+	return e.trim().replace(/_/g, "-").toLowerCase();
+}
+function $n(e) {
+	let t = Qn(e);
+	return Zn.find((e) => Qn(e) === t);
+}
+function er(e) {
+	return Qn(e).split("-")[0];
+}
+function tr(e) {
+	return $n(e) ?? $n(er(e)) ?? "en";
+}
+async function nr(e) {
+	let t = Yn[`./locales/${tr(e)}.ts`];
+	return (await t()).default;
+}
+//#endregion
+//#region ../media-library/src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
+var rr = ["data-tpl-theme"], ir = /* @__PURE__ */ O({
+	__name: "MediaLibraryModal",
+	props: {
+		visible: { type: Boolean },
+		provider: {},
+		accept: {},
+		popoverTarget: {},
+		locale: {},
+		uiTheme: {},
+		templateId: {},
+		onError: { type: Function }
+	},
+	emits: ["close", "select"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, o = d(null);
+		c(() => i.locale, async (e) => {
+			o.value = await nr(e ?? "en");
+		}, { immediate: !0 }), y(de, o);
+		let s = T(() => i.uiTheme);
+		y(Z, s);
+		let l = E(() => i.popoverTarget ?? null);
+		y(X, l), y(fe, E(() => i.locale));
+		let u = d(null), f = d(null);
+		ge(u, T(() => i.visible && o.value !== null && !f.value?.nestedDialogOpen));
+		function p(e) {
+			if (e.key === "Escape") {
+				if (f.value?.handleEscape()) {
+					e.preventDefault();
+					return;
+				}
+				a("close");
+			}
+		}
+		P(document, "keydown", p);
+		function _(e) {
+			a("select", e), a("close");
+		}
+		return (r, i) => (e(), S(v, { to: t.popoverTarget || "body" }, [g(M, {
+			"enter-active-class": "tpl:transition tpl:duration-200",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:duration-150",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: n(() => [t.visible && o.value ? (e(), h("div", {
+				key: 0,
+				"data-testid": "media-library-modal",
+				"data-tpl-theme": s.value,
+				class: x([t.popoverTarget ? void 0 : "tpl", "tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
+				style: {
+					"background-color": "var(--tpl-overlay)",
+					"backdrop-filter": "blur(8px)",
+					"-webkit-backdrop-filter": "blur(8px)"
+				},
+				onClick: i[1] ||= A((e) => a("close"), ["self"])
+			}, [m("div", {
+				ref_key: "dialogRef",
+				ref: u,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "tpl-media-library-title",
+				"data-testid": "media-library-dialog",
+				class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
+				style: {
+					width: "900px",
+					height: "650px",
+					"max-width": "100%",
+					"max-height": "90%",
+					"background-color": "var(--tpl-bg-elevated)",
+					border: "1px solid var(--tpl-border)",
+					"box-shadow": "var(--tpl-shadow-xl)"
+				}
+			}, [g(Jn, {
+				ref_key: "chromeRef",
+				ref: f,
+				provider: t.provider,
+				accept: t.accept,
+				"template-id": t.templateId,
+				"on-error": t.onError,
+				translations: o.value,
+				"show-close": "",
+				"show-confirm": "",
+				"confirm-test-id": "media-confirm",
+				onClose: i[0] ||= (e) => a("close"),
+				onConfirm: _
+			}, null, 8, [
+				"provider",
+				"accept",
+				"template-id",
+				"on-error",
+				"translations"
+			])], 512)], 10, rr)) : D("", !0)]),
+			_: 1
+		})], 8, ["to"]));
+	}
+});
+//#endregion
+export { ir as MediaLibraryModal, X as a, pe as i, $ as n, Z as o, Q as r, ge as t };