@templatical/editor 0.24.0 → 0.25.0

package/dist/cdn/chunks/{src-XQmI_Xs1.js → src-Dpj0x27M.js}

@@ -1,9 +1,9 @@
-import { A as e, C as t, D as n, F as r, H as i, I as a, K as o, L as s, M as c, N as l, P as u, T as d, V as f, Z as p, c as m, ct as h, d as g, f as _, g as v, h as y, it as b, l as x, m as S, n as C, o as w, ot as T, p as E, r as D, s as O, st as k, tt as ee, u as A, v as j, x as M, y as N, z as te } from "./draggable-D840DIZB.js";
-import { h as ne } from "./dist-CiBEt0VR.js";
-import { a as re, n as ie, o as P, r as F, s as I, t as ae } from "./dist-CxTt8FRE.js";
-import { It as L, J as oe, K as se, N as ce, Nt as le, S as ue, Tt as de, U as fe, at as pe, bt as me, ct as he, d as ge, gt as _e, it as ve, n as ye, s as be, yt as xe, z as Se } from "./icons-Cqxvwgz7.js";
+import { A as e, C as t, D as n, F as r, H as i, I as a, K as o, L as s, M as c, N as l, P as u, T as d, V as f, Z as p, c as m, ct as h, d as g, f as _, g as v, h as y, it as b, l as x, m as S, n as C, o as w, ot as T, p as E, r as D, s as O, st as k, tt as ee, u as A, v as j, x as M, y as N, z as te } from "./draggable-JcMTNF3U.js";
+import { h as ne } from "./dist-lZgXNk4G.js";
+import { a as re, n as ie, o as ae, r as P, s as F, t as oe } from "./dist-B8AX9np4.js";
+import { It as I, J as se, K as L, N as ce, Nt as le, S as ue, Tt as de, U as fe, at as pe, bt as me, ct as he, d as ge, gt as _e, it as ve, n as ye, s as be, yt as xe, z as Se } from "./icons-Cp4ZIJw-.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { S as R, b as we, w as Te, x as z } from "./cloud-C2I0P9qj.js";
+import { S as R, b as we, w as Te, x as z } from "./cloud-DOaGUdR0.js";
 //#region ../media-library/src/api-client.ts
 var Ee = class {
 	authManager;
@@ -218,7 +218,7 @@ function De(e) {
 		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
 	async function te() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await I();
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await F();
 	}
 	async function ne(r) {
 		u.value = !0;
@@ -265,7 +265,7 @@ function De(e) {
 			e.onError?.(t);
 		}
 	}
-	async function P(r, i, a) {
+	async function ae(r, i, a) {
 		try {
 			let e = await t.updateMedia(r, i, a);
 			n.value = n.value.map((t) => t.id === r ? e : t), g.value?.id === r && (g.value = e);
@@ -273,21 +273,21 @@ function De(e) {
 			e.onError?.(t);
 		}
 	}
-	async function F() {
+	async function P() {
 		if (h.value.size !== 0) try {
 			await t.deleteMedia([...h.value]), n.value = n.value.filter((e) => !h.value.has(e.id)), _.value = _.value.filter((e) => !h.value.has(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function I() {
+	async function F() {
 		try {
 			_.value = await t.getFrequentlyUsed();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ae() {
+	async function oe() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -299,17 +299,17 @@ function De(e) {
 			return e.onError?.(t), !1;
 		}
 	}
-	async function L() {
+	async function I() {
 		if (y.value = !1, b.value.length !== 0) try {
 			await t.deleteMedia(b.value), n.value = n.value.filter((e) => !b.value.includes(e.id)), _.value = _.value.filter((e) => !b.value.includes(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null, b.value = [], v.value = {};
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	function oe() {
+	function se() {
 		y.value = !1, b.value = [], v.value = {};
 	}
-	async function se(r) {
+	async function L(r) {
 		x.value = !0, S.value = null;
 		try {
 			let e = await t.importFromUrl(r, i.value);
@@ -429,11 +429,11 @@ function De(e) {
 		uploadFile: ne,
 		uploadFiles: re,
 		moveSelected: ie,
-		updateFile: P,
-		deleteSelected: F,
+		updateFile: ae,
+		deleteSelected: P,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
-		importFromUrl: se,
+		importFromUrl: L,
 		toggleSelection: ce,
 		clearSelection: le,
 		selectItem: ue,
@@ -442,10 +442,10 @@ function De(e) {
 		renameFolder: me,
 		deleteFolder: he,
 		findFolderInTree: pe,
-		loadFrequentlyUsed: I,
-		checkUsageBeforeDelete: ae,
-		confirmDelete: L,
-		cancelDelete: oe,
+		loadFrequentlyUsed: F,
+		checkUsageBeforeDelete: oe,
+		confirmDelete: I,
+		cancelDelete: se,
 		isReplacing: C,
 		replaceError: w,
 		showReplaceWarning: T,
@@ -764,7 +764,7 @@ function Qe(e) {
 function $e(e, t, n) {
 	var r = {};
 	return Qe(e) ? (Object.keys(t).forEach((function(i) {
-		K(e[i]) ? r[i] = t[i] : Qe(t[i]) ? Qe(e[i]) ? r[i] = $e(e[i], t[i], n[i]) : r[i] = e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? r[i] = !!e[i] : r[i] = e[i];
+		r[i] = K(e[i]) ? t[i] : Qe(t[i]) ? Qe(e[i]) ? $e(e[i], t[i], n[i]) : e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? !!e[i] : e[i];
 	})), r) : e ? t : n;
 }
 function et(e) {
@@ -2083,64 +2083,7 @@ function mn(e) {
 		return null;
 	}
 }
-var hn = W("vue-preview-result"), gn = {
-	name: "PreviewResult",
-	props: {
-		image: { type: Object },
-		transitions: { type: Object },
-		stencilCoordinates: {
-			type: Object,
-			default: function() {
-				return {
-					width: 0,
-					height: 0,
-					left: 0,
-					top: 0
-				};
-			}
-		},
-		imageClass: { type: String }
-	},
-	computed: {
-		classes: function() {
-			return {
-				root: hn(),
-				wrapper: hn("wrapper"),
-				imageWrapper: hn("image-wrapper"),
-				image: U(hn("image"), this.imageClass)
-			};
-		},
-		wrapperStyle: function() {
-			var e = {
-				width: `${this.stencilCoordinates.width}px`,
-				height: `${this.stencilCoordinates.height}px`,
-				left: `calc(50% - ${this.stencilCoordinates.width / 2}px)`,
-				top: `calc(50% - ${this.stencilCoordinates.height / 2}px)`
-			};
-			return this.transitions && this.transitions.enabled && (e.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), e;
-		},
-		imageStyle: function() {
-			var e = this.image.transforms, t = Dt({
-				width: this.image.width,
-				height: this.image.height
-			}, e.rotate), n = {
-				width: `${this.image.width}px`,
-				height: `${this.image.height}px`,
-				left: "0px",
-				top: "0px"
-			}, r = {
-				left: (this.image.width - t.width) * e.scaleX / 2,
-				top: (this.image.height - t.height) * e.scaleY / 2
-			}, i = {
-				left: (1 - e.scaleX) * this.image.width / 2,
-				top: (1 - e.scaleY) * this.image.height / 2
-			};
-			return n.transform = `translate(
-				${-this.stencilCoordinates.left - e.translateX - r.left - i.left}px,${-this.stencilCoordinates.top - e.translateY - r.top - i.top}px) ` + pn(e), this.transitions && this.transitions.enabled && (n.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), n;
-		}
-	}
-};
-function _n(e, t) {
+function hn(e, t) {
 	var n = t.getBoundingClientRect(), r = n.left, i = n.top, a = {
 		left: 0,
 		top: 0
@@ -2161,19 +2104,7 @@ function _n(e, t) {
 		count: e.length
 	};
 }
-gn.render = function(e, t, n, r, i, a) {
-	return c(), S("div", { class: a.classes.root }, [N("div", {
-		ref: "wrapper",
-		class: a.classes.wrapper,
-		style: a.wrapperStyle
-	}, [N("img", {
-		ref: "image",
-		src: n.image.src,
-		class: a.classes.image,
-		style: a.imageStyle
-	}, null, 14, ["src"])], 6)], 2);
-};
-var vn = {
+var gn = {
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2213,7 +2144,7 @@ var vn = {
 					top: this.touches[0].clientY - t[0].clientY
 				}));
 				else if (this.touches.length > 1 && this.touchResize) {
-					var n = _n(t, this.$refs.container), r = this.oldGeometricProperties;
+					var n = hn(t, this.$refs.container), r = this.oldGeometricProperties;
 					r.count === n.count && r.count > 1 && this.$emit("resize", new it({
 						left: r.centerMass.left - n.centerMass.left,
 						top: r.centerMass.top - n.centerMass.top
@@ -2239,7 +2170,7 @@ var vn = {
 				var t = this.$refs.container, n = t.getBoundingClientRect(), r = n.left, i = n.top, a = n.bottom, o = n.right;
 				this.touches = Ve(e.touches).filter((function(e) {
 					return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
-				})), this.oldGeometricProperties = _n(this.touches, t);
+				})), this.oldGeometricProperties = hn(this.touches, t);
 			}
 		},
 		onTouchEnd: function(e) {
@@ -2295,7 +2226,7 @@ var vn = {
 		"transform-end"
 	]
 };
-vn.render = function(e, t, n, i, a, o) {
+gn.render = function(e, t, n, i, a, o) {
 	return c(), S("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
@@ -2309,8 +2240,8 @@ vn.render = function(e, t, n, i, a, o) {
 		}
 	}, [r(e.$slots, "default")], 544);
 };
-var yn = {
-	components: { TransformableImage: vn },
+var _n = {
+	components: { TransformableImage: gn },
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2331,7 +2262,7 @@ var yn = {
 	},
 	emits: ["resize", "move"]
 };
-yn.render = function(e, t, n, i, o, s) {
+_n.render = function(e, t, n, i, o, s) {
 	var l = a("transformable-image");
 	return c(), S(l, {
 		"touch-move": n.touchMove,
@@ -2356,7 +2287,7 @@ yn.render = function(e, t, n, i, o, s) {
 		"wheel-resize"
 	]);
 };
-var bn = W("vue-preview"), xn = {
+var vn = W("vue-preview"), yn = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -2386,10 +2317,10 @@ var bn = W("vue-preview"), xn = {
 	computed: {
 		classes: function() {
 			return {
-				root: bn({ fill: this.fill }),
-				wrapper: bn("wrapper"),
-				imageWrapper: bn("image-wrapper"),
-				image: U(bn("image"), this.imageClass)
+				root: vn({ fill: this.fill }),
+				wrapper: vn("wrapper"),
+				imageWrapper: vn("image-wrapper"),
+				image: U(vn("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -2480,7 +2411,7 @@ var bn = W("vue-preview"), xn = {
 		}
 	}
 };
-xn.render = function(e, t, n, r, a, o) {
+yn.render = function(e, t, n, r, a, o) {
 	return c(), S("div", {
 		ref: "root",
 		class: o.classes.root,
@@ -2496,18 +2427,18 @@ xn.render = function(e, t, n, r, a, o) {
 		style: o.imageStyle
 	}, null, 14, ["src"]), [[O, n.image && n.image.src]])], 6)], 6);
 };
-var Sn = {
-	components: { Preview: xn },
+var bn = {
+	components: { Preview: yn },
 	inheritAttrs: !1
 };
-Sn.render = function(e, t, r, i, o, s) {
+bn.render = function(e, t, r, i, o, s) {
 	var l = a("preview");
 	return c(), S(l, n(e.$attrs, { fill: !0 }), null, 16);
 };
-var Cn = W("vue-rectangle-stencil"), wn = {
+var xn = W("vue-rectangle-stencil"), Sn = {
 	name: "RectangleStencil",
 	components: {
-		StencilPreview: Sn,
+		StencilPreview: bn,
 		BoundingBox: cn,
 		DraggableArea: un
 	},
@@ -2579,13 +2510,13 @@ var Cn = W("vue-rectangle-stencil"), wn = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: U(Cn({
+				stencil: U(xn({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: U(Cn("preview"), this.previewClass),
-				boundingBox: U(Cn("bounding-box"), this.boundingBoxClass)
+				preview: U(xn("preview"), this.previewClass),
+				boundingBox: U(xn("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2624,204 +2555,7 @@ var Cn = W("vue-rectangle-stencil"), wn = {
 		"move-end"
 	]
 };
-wn.render = function(e, t, n, r, i, o) {
-	var s = a("stencil-preview"), l = a("draggable-area"), u = a("bounding-box");
-	return c(), S("div", {
-		class: o.classes.stencil,
-		style: o.style
-	}, [N(u, {
-		width: n.stencilCoordinates.width,
-		height: n.stencilCoordinates.height,
-		transitions: n.transitions,
-		class: o.classes.boundingBox,
-		handlers: n.handlers,
-		"handlers-component": n.handlersComponent,
-		"handlers-classes": n.handlersClasses,
-		"handlers-wrappers-classes": n.handlersWrappersClasses,
-		lines: n.lines,
-		"lines-component": n.linesComponent,
-		"lines-classes": n.linesClasses,
-		"lines-wrappers-classes": n.linesWrappersClasses,
-		resizable: n.resizable,
-		onResize: o.onResize,
-		onResizeEnd: o.onResizeEnd
-	}, {
-		default: f((function() {
-			return [N(l, {
-				movable: n.movable,
-				onMove: o.onMove,
-				onMoveEnd: o.onMoveEnd
-			}, {
-				default: f((function() {
-					return [N(s, {
-						image: n.image,
-						coordinates: n.coordinates,
-						width: n.stencilCoordinates.width,
-						height: n.stencilCoordinates.height,
-						class: o.classes.preview,
-						transitions: n.transitions
-					}, null, 8, [
-						"image",
-						"coordinates",
-						"width",
-						"height",
-						"class",
-						"transitions"
-					])];
-				})),
-				_: 1
-			}, 8, [
-				"movable",
-				"onMove",
-				"onMoveEnd"
-			])];
-		})),
-		_: 1
-	}, 8, [
-		"width",
-		"height",
-		"transitions",
-		"class",
-		"handlers",
-		"handlers-component",
-		"handlers-classes",
-		"handlers-wrappers-classes",
-		"lines",
-		"lines-component",
-		"lines-classes",
-		"lines-wrappers-classes",
-		"resizable",
-		"onResize",
-		"onResizeEnd"
-	])], 6);
-};
-var Tn = W("vue-circle-stencil"), En = {
-	components: {
-		StencilPreview: Sn,
-		BoundingBox: cn,
-		DraggableArea: un
-	},
-	props: {
-		image: { type: Object },
-		coordinates: { type: Object },
-		stencilCoordinates: { type: Object },
-		handlers: {
-			type: Object,
-			default: function() {
-				return {
-					eastNorth: !0,
-					westNorth: !0,
-					westSouth: !0,
-					eastSouth: !0
-				};
-			}
-		},
-		handlersComponent: {
-			type: [Object, String],
-			default: function() {
-				return en;
-			}
-		},
-		handlersClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		handlersWrappersClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		lines: { type: Object },
-		linesComponent: {
-			type: [Object, String],
-			default: function() {
-				return rn;
-			}
-		},
-		linesClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		linesWrappersClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		movable: {
-			type: Boolean,
-			default: !0
-		},
-		resizable: {
-			type: Boolean,
-			default: !0
-		},
-		transitions: { type: Object },
-		movingClass: { type: String },
-		resizingClass: { type: String },
-		previewClass: { type: String },
-		boundingBoxClass: { type: String }
-	},
-	data: function() {
-		return {
-			moving: !1,
-			resizing: !1
-		};
-	},
-	computed: {
-		classes: function() {
-			return {
-				stencil: U(Tn({
-					movable: this.movable,
-					moving: this.moving,
-					resizing: this.resizing
-				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: U(Tn("preview"), this.previewClass),
-				boundingBox: U(Tn("bounding-box"), this.boundingBoxClass)
-			};
-		},
-		style: function() {
-			var e = this.stencilCoordinates, t = e.height, n = e.width, r = e.left, i = e.top, a = {
-				width: `${n}px`,
-				height: `${t}px`,
-				transform: `translate(${r}px, ${i}px)`
-			};
-			return this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
-		}
-	},
-	methods: {
-		onMove: function(e) {
-			this.$emit("move", e), this.moving = !0;
-		},
-		onMoveEnd: function() {
-			this.$emit("move-end"), this.moving = !1;
-		},
-		onResize: function(e) {
-			this.$emit("resize", e), this.resizing = !0;
-		},
-		onResizeEnd: function() {
-			this.$emit("resize-end"), this.resizing = !1;
-		},
-		aspectRatios: function() {
-			return {
-				minimum: 1,
-				maximum: 1
-			};
-		}
-	},
-	emits: [
-		"resize",
-		"resize-end",
-		"move",
-		"move-end"
-	]
-};
-En.render = function(e, t, n, r, i, o) {
+Sn.render = function(e, t, n, r, i, o) {
 	var s = a("stencil-preview"), l = a("draggable-area"), u = a("bounding-box");
 	return c(), S("div", {
 		class: o.classes.stencil,
@@ -2892,9 +2626,9 @@ En.render = function(e, t, n, r, i, o) {
 		"onResizeEnd"
 	])], 6);
 };
-var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
+var Cn = ["transitions"], wn = W("vue-advanced-cropper"), Tn = {
 	name: "Cropper",
-	components: { BackgroundWrapper: yn },
+	components: { BackgroundWrapper: _n },
 	props: {
 		src: {
 			type: String,
@@ -2903,13 +2637,13 @@ var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
 		stencilComponent: {
 			type: [Object, String],
 			default: function() {
-				return wn;
+				return Sn;
 			}
 		},
 		backgroundWrapperComponent: {
 			type: [Object, String],
 			default: function() {
-				return yn;
+				return _n;
 			}
 		},
 		stencilProps: {
@@ -2972,7 +2706,7 @@ var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
 		defaultBoundaries: {
 			type: [Function, String],
 			validator: function(e) {
-				return !(typeof e == "string" && e !== "fill" && e !== "fit");
+				return typeof e != "string" || e === "fill" || e === "fit";
 			}
 		},
 		priority: {
@@ -3295,15 +3029,15 @@ var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
 		},
 		classes: function() {
 			return {
-				cropper: On(),
-				image: U(On("image"), this.imageClass),
-				stencil: On("stencil"),
-				boundaries: U(On("boundaries"), this.boundariesClass),
-				stretcher: U(On("stretcher")),
-				background: U(On("background"), this.backgroundClass),
-				foreground: U(On("foreground"), this.foregroundClass),
-				imageWrapper: U(On("image-wrapper")),
-				cropperWrapper: U(On("cropper-wrapper"))
+				cropper: wn(),
+				image: U(wn("image"), this.imageClass),
+				stencil: wn("stencil"),
+				boundaries: U(wn("boundaries"), this.boundariesClass),
+				stretcher: U(wn("stretcher")),
+				background: U(wn("background"), this.backgroundClass),
+				foreground: U(wn("foreground"), this.foregroundClass),
+				imageWrapper: U(wn("image-wrapper")),
+				cropperWrapper: U(wn("cropper-wrapper"))
 			};
 		},
 		stencilCoordinates: function() {
@@ -3503,7 +3237,7 @@ var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
 			return V(V({}, a), {}, { changed: !vt(a.visibleArea, t) || !vt(a.coordinates, n) });
 		},
 		runAutoZoom: function(e) {
-			var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i = Be(t, Dn), a = this.processAutoZoom(e, this.visibleArea, this.coordinates, i), o = a.visibleArea, s = a.coordinates, c = a.changed;
+			var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i = Be(t, Cn), a = this.processAutoZoom(e, this.visibleArea, this.coordinates, i), o = a.visibleArea, s = a.coordinates, c = a.changed;
 			r && c && this.enableTransitions(), this.visibleArea = o, this.coordinates = s, r && c && this.debouncedDisableTransitions();
 		},
 		normalizeEvent: function(e) {
@@ -3660,13 +3394,13 @@ var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
 					cropper: n,
 					imageSize: e.imageSize
 				};
-				if (Ze(e.defaultBoundaries) ? e.boundaries = e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? e.boundaries = function(e) {
+				if (e.boundaries = Ze(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? function(e) {
 					var t = e.cropper, n = e.imageSize, r = t.clientHeight, i = t.clientWidth, a = r, o = n.width * r / n.height;
 					return o > i && (o = i, a = n.height * i / n.width), {
 						width: o,
 						height: a
 					};
-				}(t) : e.boundaries = function(e) {
+				}(t) : function(e) {
 					var t = e.cropper;
 					return {
 						width: t.clientWidth,
@@ -3790,7 +3524,7 @@ var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
 					t.push(String.fromCharCode.apply(null, Array.from ? Array.from(r) : r.slice())), n = n.subarray(8192);
 				}
 				return "data:image/jpeg;base64," + btoa(t.join(""));
-			}(r) : this.imageAttributes.src = n, Ze(this.defaultTransforms) ? this.appliedImageTransforms = dn(this.defaultTransforms()) : Qe(this.defaultTransforms) ? this.appliedImageTransforms = dn(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
+			}(r) : this.imageAttributes.src = n, this.appliedImageTransforms = Ze(this.defaultTransforms) ? dn(this.defaultTransforms()) : Qe(this.defaultTransforms) ? dn(this.defaultTransforms) : function(e) {
 				var t = dn({});
 				if (e) switch (e) {
 					case 2:
@@ -4001,16 +3735,16 @@ var Dn = ["transitions"], On = W("vue-advanced-cropper"), kn = {
 		"error",
 		"ready"
 	]
-}, An = {
+}, En = {
 	key: 0,
 	ref: "canvas",
 	style: { display: "none" }
-}, jn = {
+}, Dn = {
 	key: 1,
 	ref: "sourceCanvas",
 	style: { display: "none" }
 };
-kn.render = function(e, t, r, a, o, l) {
+Tn.render = function(e, t, r, a, o, l) {
 	return c(), S("div", {
 		ref: "cropper",
 		class: l.classes.cropper
@@ -4068,8 +3802,8 @@ kn.render = function(e, t, r, a, o, l) {
 					"onMove",
 					"onMoveEnd"
 				])), [[O, o.imageLoaded]]),
-				r.canvas ? (c(), S("canvas", An, null, 512)) : y("", !0),
-				r.canvas ? (c(), S("canvas", jn, null, 512)) : y("", !0)
+				r.canvas ? (c(), S("canvas", En, null, 512)) : y("", !0),
+				r.canvas ? (c(), S("canvas", Dn, null, 512)) : y("", !0)
 			];
 		})),
 		_: 1
@@ -4085,57 +3819,57 @@ kn.render = function(e, t, r, a, o, l) {
 };
 //#endregion
 //#region ../media-library/src/components/media/MediaEditModal.vue?vue&type=script&setup=true&lang.ts
-var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn = {
+var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Fn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, In = {
+}, jn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, Mn = {
 	key: 0,
 	class: "tpl:mb-4"
-}, Ln = {
+}, Nn = {
 	class: "tpl:relative tpl:mb-3 tpl:overflow-hidden tpl:rounded-md tpl:border",
 	style: {
 		"border-color": "var(--tpl-border)",
 		height: "300px",
 		"background-color": "var(--tpl-bg)"
 	}
-}, Rn = { class: "tpl:space-y-3" }, zn = {
+}, Pn = { class: "tpl:space-y-3" }, Fn = {
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Bn = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Vn = ["onClick"], Hn = { class: "tpl:flex tpl:gap-3" }, Un = { class: "tpl:flex-1" }, Wn = {
+}, In = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Ln = ["onClick"], Rn = { class: "tpl:flex tpl:gap-3" }, zn = { class: "tpl:flex-1" }, Bn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Gn = {
+}, Vn = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Kn = { class: "tpl:relative" }, qn = ["value", "placeholder"], Jn = {
+}, Hn = { class: "tpl:relative" }, Un = ["value", "placeholder"], Wn = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, Yn = { class: "tpl:flex-1" }, Xn = {
+}, Gn = { class: "tpl:flex-1" }, Kn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Zn = {
+}, qn = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Qn = { class: "tpl:relative" }, $n = ["value", "placeholder"], er = {
+}, Jn = { class: "tpl:relative" }, Yn = ["value", "placeholder"], Xn = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, tr = {
+}, Zn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, nr = {
+}, Qn = {
 	class: "tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, rr = { class: "tpl:mb-3" }, ir = {
+}, $n = { class: "tpl:mb-3" }, er = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, ar = ["autofocus"], or = {
+}, tr = ["autofocus"], nr = {
 	key: 1,
 	class: "tpl:mb-4"
-}, sr = {
+}, rr = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, cr = ["placeholder"], lr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, ur = ["disabled"], dr = /*#__PURE__*/ Ce(/* @__PURE__ */ M({
+}, ir = ["placeholder"], ar = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, or = ["disabled"], sr = /*#__PURE__*/ Ce(/* @__PURE__ */ M({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4143,23 +3877,23 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = B(), o = d("tplUiTheme"), s = d(Re, p(null)), l = a.mediaLibrary, { isImageMimeType: m } = Me(), D = p(""), O = p(""), ee = p(null), M = p("free"), ne = p(void 0), re = p(void 0), ie = p(""), P = p(""), F = p(void 0), I = p(null), ae = p(!1), L = p(!1), oe = p(!1), se = _(() => n.item ? [
+		let n = e, r = t, { t: a } = B(), o = d("tplUiTheme"), s = d(Re, p(null)), l = a.mediaLibrary, { isImageMimeType: m } = Me(), D = p(""), O = p(""), ee = p(null), M = p("free"), ne = p(void 0), re = p(void 0), ie = p(""), ae = p(""), P = p(void 0), F = p(null), oe = p(!1), I = p(!1), se = p(!1), L = _(() => n.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(n.item.mime_type) : !1), ce = _(() => M.value === "original" ? F.value : Ne[M.value]), le = _(() => I.value ? Le(I.value.width, I.value.height, ne.value, re.value) : null);
+		].includes(n.item.mime_type) : !1), ce = _(() => M.value === "original" ? P.value : Ne[M.value]), le = _(() => F.value ? Le(F.value.width, F.value.height, ne.value, re.value) : null);
 		te(() => n.visible, (e) => {
-			e && n.item && (D.value = n.item.filename, O.value = n.item.alt_text || "", M.value = "free", ne.value = void 0, re.value = void 0, ie.value = "", P.value = "", F.value = void 0, I.value = null, ae.value = !1, oe.value = !1, n.item.width && n.item.height && (F.value = n.item.width / n.item.height));
+			e && n.item && (D.value = n.item.filename, O.value = n.item.alt_text || "", M.value = "free", ne.value = void 0, re.value = void 0, ie.value = "", ae.value = "", P.value = void 0, F.value = null, oe.value = !1, se.value = !1, n.item.width && n.item.height && (P.value = n.item.width / n.item.height));
 		});
 		function ue(e) {
-			e.coordinates && (I.value = {
+			e.coordinates && (F.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
-			}, oe.value = !0);
+			}, se.value = !0);
 		}
 		function de() {
-			ae.value = !0, !F.value && n.item?.width && n.item?.height && (F.value = n.item.width / n.item.height);
+			oe.value = !0, !P.value && n.item?.width && n.item?.height && (P.value = n.item.width / n.item.height);
 		}
 		function fe(e) {
 			let t = e.target.value;
@@ -4167,14 +3901,14 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		}
 		function pe(e) {
 			let t = e.target.value;
-			P.value = t, re.value = t && parseInt(t, 10) || void 0;
+			ae.value = t, re.value = t && parseInt(t, 10) || void 0;
 		}
 		async function me() {
 			let e = D.value.trim();
-			if (!e || !n.item || L.value) return;
+			if (!e || !n.item || I.value) return;
 			let t = m(n.item.mime_type), i;
-			if (se.value && ee.value && oe.value) {
-				L.value = !0;
+			if (L.value && ee.value && se.value) {
+				I.value = !0;
 				try {
 					let { canvas: e } = ee.value.getResult();
 					if (e) {
@@ -4182,15 +3916,15 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 						i = { file: await Ie(t, n.item.filename, r) };
 					}
 				} catch {
-					L.value = !1;
+					I.value = !1;
 					return;
 				}
-				L.value = !1;
+				I.value = !1;
 			}
 			r("save", n.item.id, e, t ? O.value : void 0, i), r("close");
 		}
 		function he(e) {
-			e.key === "Enter" && !L.value && (e.preventDefault(), me()), e.key === "Escape" && r("close");
+			e.key === "Enter" && !I.value && (e.preventDefault(), me()), e.key === "Escape" && r("close");
 		}
 		return (t, n) => (c(), S(g, { to: b(s) || "body" }, [N(C, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
@@ -4208,12 +3942,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				onClick: n[3] ||= x((e) => r("close"), ["self"]),
 				onKeydown: he
 			}, [E("div", {
-				class: T(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", se.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+				class: T(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", L.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				E("div", Nn, [E("h3", Pn, h(b(a).mediaLibrary.editFile), 1)]),
-				E("div", Fn, [
-					se.value ? (c(), v("div", In, [E("div", Ln, [N(b(kn), {
+				E("div", kn, [E("h3", An, h(b(a).mediaLibrary.editFile), 1)]),
+				E("div", jn, [
+					L.value ? (c(), v("div", Mn, [E("div", Nn, [N(b(Tn), {
 						ref_key: "cropperRef",
 						ref: ee,
 						src: e.item.url,
@@ -4222,8 +3956,8 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 						"background-class": "tpl-cropper-background",
 						onChange: ue,
 						onReady: de
-					}, null, 8, ["src", "stencil-props"])]), E("div", Rn, [
-						E("div", null, [E("label", zn, h(b(a).mediaLibrary.cropAspectRatio), 1), E("div", Bn, [(c(), v(A, null, u([
+					}, null, 8, ["src", "stencil-props"])]), E("div", Pn, [
+						E("div", null, [E("label", Fn, h(b(a).mediaLibrary.cropAspectRatio), 1), E("div", In, [(c(), v(A, null, u([
 							"free",
 							"square",
 							"landscape43",
@@ -4239,8 +3973,8 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 								color: M.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
 							onClick: (t) => M.value = e
-						}, h(b(l)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Vn)), 64))])]),
-						E("div", Hn, [E("div", Un, [E("label", Wn, [j(h(b(a).mediaLibrary.cropMaxWidth) + " ", 1), E("span", Gn, h(b(a).mediaLibrary.cropOptional), 1)]), E("div", Kn, [E("input", {
+						}, h(b(l)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Ln)), 64))])]),
+						E("div", Rn, [E("div", zn, [E("label", Bn, [j(h(b(a).mediaLibrary.cropMaxWidth) + " ", 1), E("span", Vn, h(b(a).mediaLibrary.cropOptional), 1)]), E("div", Hn, [E("input", {
 							value: ie.value,
 							type: "number",
 							min: "1",
@@ -4250,10 +3984,10 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: I.value?.width?.toString() || "",
+							placeholder: F.value?.width?.toString() || "",
 							onInput: fe
-						}, null, 40, qn), E("span", Jn, h(b(a).mediaLibrary.cropPixels), 1)])]), E("div", Yn, [E("label", Xn, [j(h(b(a).mediaLibrary.cropMaxHeight) + " ", 1), E("span", Zn, h(b(a).mediaLibrary.cropOptional), 1)]), E("div", Qn, [E("input", {
-							value: P.value,
+						}, null, 40, Un), E("span", Wn, h(b(a).mediaLibrary.cropPixels), 1)])]), E("div", Gn, [E("label", Kn, [j(h(b(a).mediaLibrary.cropMaxHeight) + " ", 1), E("span", qn, h(b(a).mediaLibrary.cropOptional), 1)]), E("div", Jn, [E("input", {
+							value: ae.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -4262,12 +3996,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: I.value?.height?.toString() || "",
+							placeholder: F.value?.height?.toString() || "",
 							onInput: pe
-						}, null, 40, $n), E("span", er, h(b(a).mediaLibrary.cropPixels), 1)])])]),
-						le.value ? (c(), v("div", tr, [E("span", null, h(b(a).mediaLibrary.cropOutputSize) + ": ", 1), E("span", nr, h(le.value.width) + " x " + h(le.value.height) + " " + h(b(a).mediaLibrary.cropPixels), 1)])) : y("", !0)
+						}, null, 40, Yn), E("span", Xn, h(b(a).mediaLibrary.cropPixels), 1)])])]),
+						le.value ? (c(), v("div", Zn, [E("span", null, h(b(a).mediaLibrary.cropOutputSize) + ": ", 1), E("span", Qn, h(le.value.width) + " x " + h(le.value.height) + " " + h(b(a).mediaLibrary.cropPixels), 1)])) : y("", !0)
 					])])) : y("", !0),
-					E("div", rr, [E("label", ir, h(b(a).mediaLibrary.fileName), 1), i(E("input", {
+					E("div", $n, [E("label", er, h(b(a).mediaLibrary.fileName), 1), i(E("input", {
 						"onUpdate:modelValue": n[0] ||= (e) => D.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -4276,9 +4010,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						autofocus: !se.value
-					}, null, 8, ar), [[w, D.value]])]),
-					b(m)(e.item.mime_type) ? (c(), v("div", or, [E("label", sr, h(b(a).mediaLibrary.altText), 1), i(E("input", {
+						autofocus: !L.value
+					}, null, 8, tr), [[w, D.value]])]),
+					b(m)(e.item.mime_type) ? (c(), v("div", nr, [E("label", rr, h(b(a).mediaLibrary.altText), 1), i(E("input", {
 						"onUpdate:modelValue": n[1] ||= (e) => O.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -4288,9 +4022,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 							color: "var(--tpl-text)"
 						},
 						placeholder: b(a).mediaLibrary.altTextPlaceholder
-					}, null, 8, cr), [[w, O.value]])])) : y("", !0)
+					}, null, 8, ir), [[w, O.value]])])) : y("", !0)
 				]),
-				E("div", lr, [E("button", {
+				E("div", ar, [E("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)",
@@ -4301,23 +4035,23 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				}, h(b(a).mediaLibrary.cancel), 1), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
-					disabled: L.value,
+					disabled: I.value,
 					onClick: me
-				}, h(L.value ? b(a).mediaLibrary.saving : b(a).mediaLibrary.saveChanges), 9, ur)])
-			], 2)], 40, Mn)) : y("", !0)]),
+				}, h(I.value ? b(a).mediaLibrary.saving : b(a).mediaLibrary.saveChanges), 9, or)])
+			], 2)], 40, On)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-1d42dd39"]]), fr = {
+}), [["__scopeId", "data-v-1d42dd39"]]), cr = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, pr = {
+}, lr = {
 	key: 0,
 	class: "tpl:truncate"
-}, mr = {
+}, ur = {
 	key: 3,
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:opacity-0 tpl:transition-opacity tpl:group-hover:opacity-100"
-}, hr = ["title"], gr = ["title"], _r = { key: 0 }, vr = ["placeholder"], yr = 5, br = /* @__PURE__ */ M({
+}, dr = ["title"], fr = ["title"], pr = { key: 0 }, mr = ["placeholder"], hr = /* @__PURE__ */ M({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -4331,7 +4065,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: o } = B(), s = p(!1), l = p(!1), d = p(""), f = p(!1), g = p(""), C = _(() => (n.folder.children?.length ?? 0) > 0), D = _(() => n.depth < yr - 1), O = _(() => n.currentFolderId === n.folder.id), ee = _(() => !n.currentFolderId || !n.folder.children ? !1 : M(n.folder.children, n.currentFolderId)), j = _(() => s.value || ee.value);
+		let n = e, r = t, { t: o } = B(), s = p(!1), l = p(!1), d = p(""), f = p(!1), g = p(""), C = _(() => (n.folder.children?.length ?? 0) > 0), D = _(() => n.depth < 4), O = _(() => n.currentFolderId === n.folder.id), ee = _(() => !n.currentFolderId || !n.folder.children ? !1 : M(n.folder.children, n.currentFolderId)), j = _(() => s.value || ee.value);
 		function M(e, t) {
 			for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
 			return !1;
@@ -4349,13 +4083,13 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		function ie() {
 			l.value = !1, d.value = "";
 		}
-		function P() {
+		function ae() {
 			f.value = !0, g.value = "", s.value = !0;
 		}
-		function F() {
+		function P() {
 			g.value.trim() && r("createFolder", g.value.trim(), n.folder.id), f.value = !1, g.value = "";
 		}
-		function I() {
+		function F() {
 			f.value = !1, g.value = "";
 		}
 		return (t, n) => {
@@ -4376,7 +4110,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					class: T(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (c(), v("span", fr)),
+				}, null, 8, ["class"])])) : (c(), v("span", cr)),
 				E("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: n[0] ||= (t) => r("navigate", e.folder.id)
@@ -4384,7 +4118,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), l.value ? y("", !0) : (c(), v("span", pr, h(e.folder.name), 1))]),
+				}), l.value ? y("", !0) : (c(), v("span", lr, h(e.folder.name), 1))]),
 				l.value ? i((c(), v("input", {
 					key: 2,
 					"onUpdate:modelValue": n[1] ||= (e) => d.value = e,
@@ -4400,24 +4134,24 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					onBlur: re,
 					onClick: n[2] ||= x(() => {}, ["stop"])
 				}, null, 544)), [[w, d.value]]) : y("", !0),
-				l.value ? y("", !0) : (c(), v("span", mr, [
+				l.value ? y("", !0) : (c(), v("span", ur, [
 					D.value ? (c(), v("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: b(o).mediaLibrary.addSubfolder,
-						onClick: x(P, ["stop"])
+						onClick: x(ae, ["stop"])
 					}, [N(b(fe), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, hr)) : y("", !0),
+					})], 8, dr)) : y("", !0),
 					E("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: b(o).mediaLibrary.renameFolder,
 						onClick: x(ne, ["stop"])
-					}, [N(b(se), {
+					}, [N(b(L), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, gr),
+					})], 8, fr),
 					E("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: n[3] ||= x((t) => r("deleteFolder", e.folder.id), ["stop"])
@@ -4427,7 +4161,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), j.value ? (c(), v("div", _r, [(c(!0), v(A, null, u(e.folder.children, (t) => (c(), S(s, {
+			], 4), j.value ? (c(), v("div", pr, [(c(!0), v(A, null, u(e.folder.children, (t) => (c(), S(s, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4455,15 +4189,15 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				},
 				placeholder: b(o).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [m(F, ["enter"]), m(I, ["escape"])],
-				onBlur: F
-			}, null, 40, vr), [[w, g.value]])], 4)) : y("", !0)])) : y("", !0)]);
+				onKeydown: [m(P, ["enter"]), m(F, ["escape"])],
+				onBlur: P
+			}, null, 40, mr), [[w, g.value]])], 4)) : y("", !0)])) : y("", !0)]);
 		};
 	}
-}), xr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, Sr = {
+}), gr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, _r = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, Cr = ["placeholder"], wr = /* @__PURE__ */ M({
+}, vr = ["placeholder"], yr = /* @__PURE__ */ M({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -4489,7 +4223,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		function d() {
 			a.value = !1, o.value = "";
 		}
-		return (t, f) => (c(), v("div", xr, [
+		return (t, f) => (c(), v("div", gr, [
 			E("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: k({
@@ -4501,7 +4235,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				size: 14,
 				"stroke-width": 1.5
 			}), j(" " + h(b(r).mediaLibrary.allFiles), 1)], 4),
-			(c(!0), v(A, null, u(e.folders, (t) => (c(), S(br, {
+			(c(!0), v(A, null, u(e.folders, (t) => (c(), S(hr, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4511,7 +4245,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				onRenameFolder: f[3] ||= (e, t) => n("renameFolder", e, t),
 				onDeleteFolder: f[4] ||= (e) => n("deleteFolder", e)
 			}, null, 8, ["folder", "current-folder-id"]))), 128)),
-			a.value ? (c(), v("div", Sr, [i(E("input", {
+			a.value ? (c(), v("div", _r, [i(E("input", {
 				"onUpdate:modelValue": f[5] ||= (e) => o.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -4524,7 +4258,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				autofocus: "",
 				onKeydown: [m(l, ["enter"]), m(d, ["escape"])],
 				onBlur: l
-			}, null, 40, Cr), [[w, o.value]])])) : y("", !0),
+			}, null, 40, vr), [[w, o.value]])])) : y("", !0),
 			a.value ? y("", !0) : (c(), v("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",
@@ -4550,7 +4284,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			}), j(" " + h(b(r).mediaLibrary.frequentlyUsed), 1)], 4)) : y("", !0)
 		]));
 	}
-}), Tr = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, Er = /* @__PURE__ */ M({
+}), br = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, xr = /* @__PURE__ */ M({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -4651,7 +4385,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			bgColor: "#f9fafb",
 			icon: "document"
 		}, i = _(() => n[t.mimeType] ?? r);
-		return (e, t) => (c(), v("div", Tr, [i.value.icon === "document" ? (c(), v("svg", {
+		return (e, t) => (c(), v("div", br, [i.value.icon === "document" ? (c(), v("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -4720,48 +4454,48 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			style: k({ color: i.value.color })
 		}, h(i.value.label), 5)]));
 	}
-}), Dr = { class: "tpl:p-4" }, Or = {
+}), Sr = { class: "tpl:p-4" }, Cr = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, kr = {
+}, wr = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ar = {
+}, Tr = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, jr = ["onClick"], Mr = { class: "tpl:aspect-square" }, Nr = ["src", "alt"], Pr = { class: "tpl:px-2 tpl:py-1.5" }, Fr = {
+}, Er = ["onClick"], Dr = { class: "tpl:aspect-square" }, Or = ["src", "alt"], kr = { class: "tpl:px-2 tpl:py-1.5" }, Ar = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ir = {
+}, jr = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Lr = { key: 0 }, Rr = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, zr = ["title", "onClick"], Br = ["title", "onClick"], Vr = {
+}, Mr = { key: 0 }, Nr = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Pr = ["title", "onClick"], Fr = ["title", "onClick"], Ir = {
 	key: 0,
 	class: "tpl:absolute tpl:top-1.5 tpl:right-1.5 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, Hr = {
+}, Lr = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Ur = ["onClick"], Wr = {
+}, Rr = ["onClick"], zr = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, Gr = ["src", "alt"], Kr = {
+}, Br = ["src", "alt"], Vr = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, qr = { class: "tpl:min-w-0 tpl:flex-1" }, Jr = {
+}, Hr = { class: "tpl:min-w-0 tpl:flex-1" }, Ur = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Yr = {
+}, Wr = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Xr = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Zr = ["title", "onClick"], Qr = ["title", "onClick"], $r = {
+}, Gr = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Kr = ["title", "onClick"], qr = ["title", "onClick"], Jr = {
 	key: 0,
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, ei = {
+}, Yr = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, ti = /*#__PURE__*/ Ce(/* @__PURE__ */ M({
+}, Xr = /*#__PURE__*/ Ce(/* @__PURE__ */ M({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4787,11 +4521,11 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			r("select", e);
 		}
 		let { t: l } = B(), d = p(null);
-		I(d, ([{ isIntersecting: e }]) => {
+		F(d, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function f(e) {
-			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
 		function m(e) {
 			return new Date(e).toLocaleDateString(void 0, {
@@ -4800,7 +4534,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				day: "numeric"
 			});
 		}
-		return (t, n) => (c(), v("div", Dr, [
+		return (t, n) => (c(), v("div", Sr, [
 			e.isLoading && e.items.length === 0 ? (c(), v("div", {
 				key: 0,
 				class: T(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
@@ -4808,34 +4542,34 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				key: t,
 				class: T(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Or, [N(b(me), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Cr, [N(b(me), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), E("p", kr, h(b(l).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (c(), v("div", Hr, [(c(!0), v(A, null, u(e.items, (t) => (c(), v("div", {
+			}), E("p", wr, h(b(l).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (c(), v("div", Lr, [(c(!0), v(A, null, u(e.items, (t) => (c(), v("div", {
 				key: t.id,
 				class: T(["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", [!o(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
 				style: k({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
 				onClick: (e) => s(t)
 			}, [
-				E("div", Wr, [b(a)(t.mime_type) ? (c(), v("img", {
+				E("div", zr, [b(a)(t.mime_type) ? (c(), v("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Gr)) : (c(), v("div", Kr, [N(Er, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				E("div", qr, [E("p", Jr, h(t.filename), 1), E("p", Yr, [j(h(f(t.size)) + " · " + h(m(t.created_at)) + " ", 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v(A, { key: 0 }, [j(" · " + h(t.width) + "×" + h(t.height), 1)], 64)) : y("", !0)])]),
-				E("div", Xr, [E("button", {
+				}, null, 8, Br)) : (c(), v("div", Vr, [N(xr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				E("div", Hr, [E("p", Ur, h(t.filename), 1), E("p", Wr, [j(h(f(t.size)) + " · " + h(m(t.created_at)) + " ", 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v(A, { key: 0 }, [j(" · " + h(t.width) + "×" + h(t.height), 1)], 64)) : y("", !0)])]),
+				E("div", Gr, [E("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: b(l).mediaLibrary.editFile,
 					onClick: x((e) => r("edit", t), ["stop"])
-				}, [N(b(se), {
+				}, [N(b(L), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Zr), E("button", {
+				})], 8, Kr), E("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: b(l).mediaLibrary.replaceFile,
@@ -4843,12 +4577,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				}, [N(b(Se), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Qr)]),
-				e.selectedIds.has(t.id) ? (c(), v("div", $r, [N(b(L), {
+				})], 8, qr)]),
+				e.selectedIds.has(t.id) ? (c(), v("div", Jr, [N(b(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : y("", !0)
-			], 14, Ur))), 128))])) : (c(), v("div", Ar, [(c(!0), v(A, null, u(e.items, (t) => (c(), v("div", {
+			], 14, Rr))), 128))])) : (c(), v("div", Tr, [(c(!0), v(A, null, u(e.items, (t) => (c(), v("div", {
 				key: t.id,
 				class: T(["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",
@@ -4861,26 +4595,26 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				}),
 				onClick: (e) => s(t)
 			}, [
-				E("div", Mr, [b(a)(t.mime_type) ? (c(), v("img", {
+				E("div", Dr, [b(a)(t.mime_type) ? (c(), v("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Nr)) : (c(), S(Er, {
+				}, null, 8, Or)) : (c(), S(xr, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				E("div", Pr, [E("p", Fr, h(t.filename), 1), E("p", Ir, [E("span", null, h(f(t.size)), 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v("span", Lr, h(t.width) + "×" + h(t.height), 1)) : y("", !0)])]),
-				E("div", Rr, [E("button", {
+				E("div", kr, [E("p", Ar, h(t.filename), 1), E("p", jr, [E("span", null, h(f(t.size)), 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v("span", Mr, h(t.width) + "×" + h(t.height), 1)) : y("", !0)])]),
+				E("div", Nr, [E("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: b(l).mediaLibrary.editFile,
 					onClick: x((e) => r("edit", t), ["stop"])
-				}, [N(b(se), {
+				}, [N(b(L), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, zr), E("button", {
+				})], 8, Pr), E("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: b(l).mediaLibrary.replaceFile,
@@ -4888,18 +4622,18 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				}, [N(b(Se), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Br)]),
-				e.selectedIds.has(t.id) ? (c(), v("div", Vr, [N(b(L), {
+				})], 8, Fr)]),
+				e.selectedIds.has(t.id) ? (c(), v("div", Ir, [N(b(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : y("", !0)
-			], 14, jr))), 128))])),
+			], 14, Er))), 128))])),
 			E("div", {
 				ref_key: "sentinelRef",
 				ref: d,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (c(), v("div", ei, [N(b(ve), {
+			e.isLoading && e.items.length > 0 ? (c(), v("div", Yr, [N(b(ve), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4907,20 +4641,20 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			})])) : y("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-78d7ed75"]]), ni = ["data-tpl-theme"], ri = {
+}), [["__scopeId", "data-v-78d7ed75"]]), Zr = ["data-tpl-theme"], Qr = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, ii = {
+}, $r = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, ai = { class: "tpl:mb-3" }, oi = ["placeholder", "disabled"], si = {
+}, ei = { class: "tpl:mb-3" }, ti = ["placeholder", "disabled"], ni = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, ci = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, li = ["disabled"], ui = ["disabled"], di = {
+}, ri = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ii = ["disabled"], ai = ["disabled"], oi = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, fi = { key: 1 }, pi = /* @__PURE__ */ M({
+}, si = { key: 1 }, ci = /* @__PURE__ */ M({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -4958,9 +4692,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: x(m, ["self"]),
 				onKeydown: _
-			}, [E("div", ri, [
-				E("h3", ii, h(b(a).mediaLibrary.importFromUrl), 1),
-				E("div", ai, [i(E("input", {
+			}, [E("div", Qr, [
+				E("h3", $r, h(b(a).mediaLibrary.importFromUrl), 1),
+				E("div", ei, [i(E("input", {
 					"onUpdate:modelValue": n[0] ||= (e) => l.value = e,
 					type: "url",
 					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -4972,9 +4706,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					placeholder: b(a).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, oi), [[w, l.value]])]),
-				e.error ? (c(), v("p", si, h(e.error), 1)) : y("", !0),
-				E("div", ci, [E("button", {
+				}, null, 8, ti), [[w, l.value]])]),
+				e.error ? (c(), v("p", ni, h(e.error), 1)) : y("", !0),
+				E("div", ri, [E("button", {
 					class: T(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -4983,25 +4717,25 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					},
 					disabled: e.isImporting,
 					onClick: m
-				}, h(b(a).mediaLibrary.cancel), 11, li), E("button", {
+				}, h(b(a).mediaLibrary.cancel), 11, ii), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !l.value.trim() || e.isImporting,
 					onClick: u
-				}, [e.isImporting ? (c(), v("span", di, [N(b(ve), {
+				}, [e.isImporting ? (c(), v("span", oi, [N(b(ve), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), j(" " + h(b(a).mediaLibrary.importing), 1)])) : (c(), v("span", fi, h(b(a).mediaLibrary.import), 1))], 8, ui)])
-			])], 40, ni)) : y("", !0)]),
+				}), j(" " + h(b(a).mediaLibrary.importing), 1)])) : (c(), v("span", si, h(b(a).mediaLibrary.import), 1))], 8, ai)])
+			])], 40, Zr)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), mi = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, hi = ["disabled", "onClick"], gi = { class: "tpl:truncate" }, _i = {
+}), li = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, ui = ["disabled", "onClick"], di = { class: "tpl:truncate" }, fi = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, vi = /* @__PURE__ */ M({
+}, pi = /* @__PURE__ */ M({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -5019,7 +4753,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			}), r.children?.length && n.push(...a(r.children, t + 1));
 			return n;
 		}
-		return ae(i, () => {
+		return oe(i, () => {
 			n("close");
 		}), (t, o) => (c(), v("div", {
 			ref_key: "pickerRef",
@@ -5029,7 +4763,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [E("div", mi, [e.currentFolderId === null ? y("", !0) : (c(), v("button", {
+		}, [E("div", li, [e.currentFolderId === null ? y("", !0) : (c(), v("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)" },
@@ -5054,27 +4788,27 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			E("span", gi, h(t.name), 1),
-			t.id === e.currentFolderId ? (c(), v("span", _i, h(b(r).mediaLibrary.currentFolder), 1)) : y("", !0)
-		], 12, hi))), 128))])], 512));
+			E("span", di, h(t.name), 1),
+			t.id === e.currentFolderId ? (c(), v("span", fi, h(b(r).mediaLibrary.currentFolder), 1)) : y("", !0)
+		], 12, ui))), 128))])], 512));
 	}
-}), yi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, bi = ["src", "alt"], xi = {
+}), mi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hi = ["src", "alt"], gi = {
 	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)" }
-}, Si = { class: "tpl:min-w-0 tpl:flex-1" }, Ci = {
+}, _i = { class: "tpl:min-w-0 tpl:flex-1" }, vi = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, wi = {
+}, yi = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ti = {
+}, bi = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, Ei = {
+}, xi = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Di = ["value"], Oi = ["value"], ki = /*#__PURE__*/ Ce(/* @__PURE__ */ M({
+}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ Ce(/* @__PURE__ */ M({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5133,7 +4867,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			return e ? e.join("/") : null;
 		}), m = _(() => a(n.item.mime_type));
 		function g(e) {
-			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
 		function x(e) {
 			return new Date(e).toLocaleDateString(void 0, {
@@ -5142,20 +4876,20 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				day: "numeric"
 			});
 		}
-		return (t, n) => (c(), v("div", yi, [
+		return (t, n) => (c(), v("div", mi, [
 			m.value ? (c(), v("img", {
 				key: 0,
 				src: l.value ?? void 0,
 				alt: e.item.alt_text || e.item.filename,
 				class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 				style: { border: "1px solid var(--tpl-border)" }
-			}, null, 8, bi)) : (c(), v("div", xi, [N(Er, {
+			}, null, 8, hi)) : (c(), v("div", gi, [N(xr, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			E("div", Si, [
-				E("p", Ci, h(e.item.filename), 1),
-				E("p", wi, [
+			E("div", _i, [
+				E("p", vi, h(e.item.filename), 1),
+				E("p", yi, [
 					j(h(g(e.item.size)) + " · " + h(x(e.item.created_at)) + " ", 1),
 					m.value && e.item.width && e.item.height ? (c(), v(A, { key: 0 }, [j(" · " + h(e.item.width) + "×" + h(e.item.height) + "px ", 1)], 64)) : y("", !0),
 					p.value ? (c(), v(A, { key: 1 }, [
@@ -5174,7 +4908,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					style: { color: "var(--tpl-text-dim)" }
 				}, h(e.item.alt_text || "\xA0"), 3)) : y("", !0)
 			]),
-			s.value ? (c(), v("div", Ti, [E("label", Ei, h(b(i).mediaLibrary.conversionLabel), 1), E("select", {
+			s.value ? (c(), v("div", bi, [E("label", xi, h(b(i).mediaLibrary.conversionLabel), 1), E("select", {
 				class: "tpl:mt-0.5 tpl:rounded-md tpl:border tpl:py-1 tpl:pr-6 tpl:pl-2 tpl:text-xs tpl:outline-none",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -5186,36 +4920,36 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			}, [(c(!0), v(A, null, u(o.value, (e) => (c(), v("option", {
 				key: e.value,
 				value: e.value
-			}, h(e.label), 9, Oi))), 128))], 40, Di)])) : y("", !0)
+			}, h(e.label), 9, Ci))), 128))], 40, Si)])) : y("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-56be5670"]]), Ai = ["data-tpl-theme"], ji = {
+}), [["__scopeId", "data-v-56be5670"]]), Ti = ["data-tpl-theme"], Ei = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, Mi = {
+}, Di = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Ni = {
+}, Oi = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Pi = {
+}, ki = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, Fi = {
+}, Ai = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Ii = {
+}, ji = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Li = { class: "tpl:mb-4" }, Ri = {
+}, Mi = { class: "tpl:mb-4" }, Ni = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, zi = ["accept"], Bi = {
+}, Pi = ["accept"], Fi = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Vi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Hi = ["disabled"], Ui = ["disabled"], Wi = /* @__PURE__ */ M({
+}, Ii = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Li = ["disabled"], Ri = ["disabled"], zi = /* @__PURE__ */ M({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -5259,12 +4993,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[1] ||= x((e) => r("close"), ["self"]),
 				onKeydown: O
-			}, [E("div", ji, [
-				E("h3", Mi, h(b(i).mediaLibrary.replaceWarningTitle), 1),
-				E("p", Ni, h(b(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${u.value}`)), 1),
-				w.value ? (c(), v("p", Pi, h(b(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : y("", !0),
-				E("div", Fi, [E("p", Ii, h(e.item.filename), 1)]),
-				E("div", Li, [E("label", Ri, h(b(i).mediaLibrary.replaceSelectFile), 1), E("input", {
+			}, [E("div", Ei, [
+				E("h3", Di, h(b(i).mediaLibrary.replaceWarningTitle), 1),
+				E("p", Oi, h(b(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${u.value}`)), 1),
+				w.value ? (c(), v("p", ki, h(b(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : y("", !0),
+				E("div", Ai, [E("p", ji, h(e.item.filename), 1)]),
+				E("div", Mi, [E("label", Ni, h(b(i).mediaLibrary.replaceSelectFile), 1), E("input", {
 					ref_key: "fileInputRef",
 					ref: s,
 					type: "file",
@@ -5276,9 +5010,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 						color: "var(--tpl-text)"
 					},
 					onChange: T
-				}, null, 40, zi)]),
-				e.error ? (c(), v("p", Bi, h(e.error), 1)) : y("", !0),
-				E("div", Vi, [E("button", {
+				}, null, 40, Pi)]),
+				e.error ? (c(), v("p", Fi, h(e.error), 1)) : y("", !0),
+				E("div", Ii, [E("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)",
@@ -5287,29 +5021,29 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => r("close")
-				}, h(b(i).mediaLibrary.cancel), 9, Hi), E("button", {
+				}, h(b(i).mediaLibrary.cancel), 9, Li), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !l.value || e.isReplacing,
 					onClick: D
-				}, h(e.isReplacing ? b(i).mediaLibrary.replacing : b(i).mediaLibrary.replace), 9, Ui)])
-			])], 40, Ai)) : y("", !0)]),
+				}, h(e.isReplacing ? b(i).mediaLibrary.replacing : b(i).mediaLibrary.replace), 9, Ri)])
+			])], 40, Ti)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Gi = {
+}), Bi = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Ki = {
+}, Vi = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, qi = {
+}, Hi = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ji = {
+}, Ui = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Yi = /* @__PURE__ */ M({
+}, Wi = /* @__PURE__ */ M({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -5327,9 +5061,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			let t = u(e);
 			t.length && n("upload", t);
 		}
-		let { isOverDropZone: f } = F(l, { onDrop: (e) => {
+		let { isOverDropZone: f } = P(l, { onDrop: (e) => {
 			e?.length && d(e);
-		} }), { open: m, onChange: g } = P({
+		} }), { open: m, onChange: g } = ae({
 			accept: o.value,
 			multiple: !0
 		});
@@ -5344,12 +5078,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => b(m)()
-		}, [e.isUploading ? (c(), v("div", Gi, [N(b(ve), {
+		}, [e.isUploading ? (c(), v("div", Bi, [N(b(ve), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), E("span", Ki, h(e.uploadProgress && e.uploadProgress.total > 1 ? b(i)(b(r).mediaLibrary.uploadingProgress, {
+		}), E("span", Vi, h(e.uploadProgress && e.uploadProgress.total > 1 ? b(i)(b(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
 		}) : b(r).mediaLibrary.uploading), 1)])) : (c(), v(A, { key: 1 }, [
@@ -5359,20 +5093,20 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			E("p", qi, h(b(r).mediaLibrary.dropOrClick), 1),
-			E("p", Ji, h(b(r).mediaLibrary.acceptedFormats), 1)
+			E("p", Hi, h(b(r).mediaLibrary.dropOrClick), 1),
+			E("p", Ui, h(b(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Xi = [
+}), Gi = [
 	"width",
 	"height",
 	"viewBox"
-], Zi = [
+], Ki = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], Qi = [
+], qi = [
 	"cx",
 	"cy",
 	"r",
@@ -5380,14 +5114,14 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], $i = {
+], Ji = {
 	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)"
 	}
-}, ea = /* @__PURE__ */ M({
+}, Yi = /* @__PURE__ */ M({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -5427,7 +5161,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			fill: "none",
 			"stroke-width": o.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Zi), E("circle", {
+		}, null, 8, Ki), E("circle", {
 			cx: a.value / 2,
 			cy: a.value / 2,
 			r: s.value,
@@ -5438,7 +5172,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			"stroke-dasharray": l.value,
 			"stroke-dashoffset": d.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, Qi)], 8, Xi)), N(C, {
+		}, null, 8, qi)], 8, Gi)), N(C, {
 			"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",
@@ -5446,7 +5180,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: f(() => [i.value ? (c(), v("div", $i, [j(h(T.value) + " ", 1), t[2] ||= E("div", {
+			default: f(() => [i.value ? (c(), v("div", Ji, [j(h(T.value) + " ", 1), t[2] ||= E("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)])) : y("", !0)]),
@@ -5456,7 +5190,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaLibraryUI.ts
-function ta(e) {
+function Xi(e) {
 	let { library: t, canUseMediaFolders: n, translations: r } = e;
 	function i() {
 		return "value" in r && typeof r.value == "object" ? r.value : r;
@@ -5530,7 +5264,7 @@ function ta(e) {
 	async function re(e) {
 		await t.replaceFile(e);
 	}
-	function P() {
+	function ae() {
 		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), s.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", l.value = null, u.value = !1, c.value = "original";
 	}
 	return {
@@ -5561,12 +5295,12 @@ function ta(e) {
 		handleDeleteClick: M,
 		handleReplaceItem: N,
 		handleReplaceFile: re,
-		resetUI: P
+		resetUI: ae
 	};
 }
 //#endregion
 //#region ../media-library/src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var na = ["data-tpl-theme"], ra = {
+var Zi = ["data-tpl-theme"], Qi = {
 	class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "900px",
@@ -5577,62 +5311,62 @@ var na = ["data-tpl-theme"], ra = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, ia = {
+}, $i = {
 	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)" }
-}, aa = {
+}, ea = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, oa = { class: "tpl:flex tpl:items-center tpl:gap-3" }, sa = { class: "tpl:relative" }, ca = ["value", "placeholder"], la = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ua = {
+}, ta = { class: "tpl:flex tpl:items-center tpl:gap-3" }, na = { class: "tpl:relative" }, ra = ["value", "placeholder"], ia = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, aa = {
 	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)"
 	}
-}, da = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, fa = {
+}, oa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, sa = {
 	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)" }
-}, pa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ma = ["title"], ha = {
+}, ca = { class: "tpl:flex tpl:items-center tpl:gap-2" }, la = ["title"], ua = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ga = {
+}, da = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, _a = ["title"], va = ["title"], ya = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ba = ["value"], xa = { value: "" }, Sa = ["value"], Ca = ["value"], wa = { value: "newest" }, Ta = { value: "oldest" }, Ea = { value: "name_asc" }, Da = { value: "name_desc" }, Oa = { value: "size_asc" }, ka = { value: "size_desc" }, Aa = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, ja = {
+}, fa = ["title"], pa = ["title"], ma = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ha = ["value"], ga = { value: "" }, _a = ["value"], va = ["value"], ya = { value: "newest" }, ba = { value: "oldest" }, xa = { value: "name_asc" }, Sa = { value: "name_desc" }, Ca = { value: "size_asc" }, wa = { value: "size_desc" }, Ta = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Ea = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Ma = {
+}, Da = {
 	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)"
 	}
-}, Na = {
+}, Oa = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Pa = {
+}, ka = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Fa = {
+}, Aa = {
 	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)" }
-}, Ia = { class: "tpl:font-medium" }, La = { style: { color: "var(--tpl-text-muted)" } }, Ra = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, za = {
+}, ja = { class: "tpl:font-medium" }, Ma = { style: { color: "var(--tpl-text-muted)" } }, Na = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Pa = {
 	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)" }
-}, Ba = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Va = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ha = {
+}, Fa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Ia = { class: "tpl:flex tpl:items-center tpl:gap-5" }, La = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Ua = {
+}, Ra = {
 	key: 1,
 	class: "tpl:relative"
-}, Wa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ga = ["disabled"], Ka = /* @__PURE__ */ M({
+}, za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ba = ["disabled"], Va = /* @__PURE__ */ M({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -5641,28 +5375,28 @@ var na = ["data-tpl-theme"], ra = {
 	},
 	emits: ["close", "select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = B(), a = d("tplUiTheme");
-		l(Re, ee(() => n.popoverTarget ?? null));
-		let o = d("authManager"), s = d("projectId"), p = _(() => s.value), m = d("planConfig"), w = _(() => m.hasFeature("media_folders")), D = _(() => m.hasFeature("import_from_url")), O = _(() => m.config.value?.storage.used_bytes ?? 0), M = _(() => m.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ne, availableCategories: ie } = Me(), P = De({
-			projectId: p.value,
-			authManager: o
-		}), F = ta({
+		let n = e, r = t, { t: i } = B(), a = d("tplUiTheme"), o = ee(() => n.popoverTarget ?? null);
+		l(Re, o);
+		let s = d("authManager"), p = d("projectId"), m = _(() => p.value), w = d("planConfig"), D = _(() => w.hasFeature("media_folders")), O = _(() => w.hasFeature("import_from_url")), M = _(() => w.config.value?.storage.used_bytes ?? 0), ne = _(() => w.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ie, availableCategories: ae } = Me(), P = De({
+			projectId: m.value,
+			authManager: s
+		}), F = Xi({
 			library: P,
-			canUseMediaFolders: w,
+			canUseMediaFolders: D,
 			translations: i
 		});
 		te(() => n.visible, (e) => {
 			e ? (P.loadItems(), P.loadFrequentlyUsed()) : F.resetUI();
 		});
-		function I(e) {
+		function oe(e) {
 			e.key === "Escape" && r("close");
 		}
-		re(document, "keydown", I);
-		function ae() {
-			return P.previewItem.value ? !n.accept?.length || ne(P.previewItem.value.mime_type, n.accept) : !1;
+		re(document, "keydown", oe);
+		function L() {
+			return P.previewItem.value ? !n.accept?.length || ie(P.previewItem.value.mime_type, n.accept) : !1;
 		}
-		function se() {
-			if (ae()) {
+		function le() {
+			if (L()) {
 				let e = P.previewItem.value;
 				r("select", {
 					...e,
@@ -5683,14 +5417,14 @@ var na = ["data-tpl-theme"], ra = {
 				"data-tpl-theme": b(a),
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999]",
 				onClick: n[18] ||= x((e) => r("close"), ["self"])
-			}, [E("div", ra, [
-				E("div", ia, [E("h2", aa, h(b(i).mediaLibrary.title), 1), E("div", oa, [
-					N(ea, {
-						"used-bytes": O.value,
-						"limit-bytes": M.value,
+			}, [E("div", Qi, [
+				E("div", $i, [E("h2", ea, h(b(i).mediaLibrary.title), 1), E("div", ta, [
+					N(Yi, {
+						"used-bytes": M.value,
+						"limit-bytes": ne.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					E("div", sa, [E("input", {
+					E("div", na, [E("input", {
 						value: b(F).searchInput.value,
 						type: "text",
 						class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
@@ -5701,7 +5435,7 @@ var na = ["data-tpl-theme"], ra = {
 						},
 						placeholder: b(i).mediaLibrary.searchPlaceholder,
 						onInput: n[0] ||= (e) => b(F).handleSearchInput(e.target.value)
-					}, null, 40, ca), N(b(ce), {
+					}, null, 40, ra), N(b(ce), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -5716,7 +5450,7 @@ var na = ["data-tpl-theme"], ra = {
 						"stroke-width": 2
 					})])
 				])]),
-				E("div", la, [N(C, {
+				E("div", ia, [N(C, {
 					"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",
@@ -5724,7 +5458,7 @@ var na = ["data-tpl-theme"], ra = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: f(() => [w.value && b(F).showSidebar.value ? (c(), v("div", ua, [N(wr, {
+					default: f(() => [D.value && b(F).showSidebar.value ? (c(), v("div", aa, [N(yr, {
 						folders: b(P).folders.value,
 						"current-folder-id": b(P).currentFolderId.value,
 						"view-mode": b(P).viewMode.value,
@@ -5746,8 +5480,8 @@ var na = ["data-tpl-theme"], ra = {
 						"onShowFrequentlyUsed"
 					])])) : y("", !0)]),
 					_: 1
-				}), E("div", da, [E("div", fa, [E("div", pa, [
-					w.value ? (c(), v("button", {
+				}), E("div", oa, [E("div", sa, [E("div", ca, [
+					D.value ? (c(), v("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: k({
@@ -5757,11 +5491,11 @@ var na = ["data-tpl-theme"], ra = {
 						}),
 						title: b(F).showSidebar.value ? b(i).mediaLibrary.hideFolders : b(i).mediaLibrary.showFolders,
 						onClick: n[2] ||= (e) => b(F).showSidebar.value = !b(F).showSidebar.value
-					}, [N(b(oe), {
+					}, [N(b(se), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, ma)) : y("", !0),
-					b(P).viewMode.value === "frequently-used" ? (c(), v("span", ha, h(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), S(je, {
+					})], 12, la)) : y("", !0),
+					b(P).viewMode.value === "frequently-used" ? (c(), v("span", ua, h(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), S(je, {
 						key: 2,
 						folders: b(P).folders.value,
 						"current-folder-id": b(P).currentFolderId.value,
@@ -5771,7 +5505,7 @@ var na = ["data-tpl-theme"], ra = {
 						"current-folder-id",
 						"onNavigate"
 					])),
-					E("div", ga, [E("button", {
+					E("div", da, [E("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: k({
 							color: b(F).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -5782,7 +5516,7 @@ var na = ["data-tpl-theme"], ra = {
 					}, [N(b(_e), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, _a), E("button", {
+					})], 12, fa), E("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: k({
 							color: b(F).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -5793,8 +5527,8 @@ var na = ["data-tpl-theme"], ra = {
 					}, [N(b(pe), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, va)])
-				]), E("div", ya, [b(ie).length > 1 ? (c(), v("select", {
+					})], 12, pa)])
+				]), E("div", ma, [b(ae).length > 1 ? (c(), v("select", {
 					key: 0,
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
@@ -5804,10 +5538,10 @@ var na = ["data-tpl-theme"], ra = {
 					},
 					value: b(P).categoryFilter.value ?? "",
 					onChange: n[5] ||= (e) => b(P).filterByCategory(e.target.value || null)
-				}, [E("option", xa, h(b(i).mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(ie), (e) => (c(), v("option", {
+				}, [E("option", ga, h(b(i).mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(ae), (e) => (c(), v("option", {
 					key: e,
 					value: e
-				}, h(b(F).getCategoryLabel(e)), 9, Sa))), 128))], 40, ba)) : y("", !0), E("select", {
+				}, h(b(F).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : y("", !0), E("select", {
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -5817,13 +5551,13 @@ var na = ["data-tpl-theme"], ra = {
 					value: b(P).sortOption.value,
 					onChange: n[6] ||= (e) => b(P).sortBy(e.target.value)
 				}, [
-					E("option", wa, h(b(i).mediaLibrary.sortNewest), 1),
-					E("option", Ta, h(b(i).mediaLibrary.sortOldest), 1),
-					E("option", Ea, h(b(i).mediaLibrary.sortNameAsc), 1),
-					E("option", Da, h(b(i).mediaLibrary.sortNameDesc), 1),
-					E("option", Oa, h(b(i).mediaLibrary.sortSizeAsc), 1),
-					E("option", ka, h(b(i).mediaLibrary.sortSizeDesc), 1)
-				], 40, Ca)])]), E("div", Aa, [b(P).viewMode.value === "files" ? (c(), v("div", ja, [N(Yi, {
+					E("option", ya, h(b(i).mediaLibrary.sortNewest), 1),
+					E("option", ba, h(b(i).mediaLibrary.sortOldest), 1),
+					E("option", xa, h(b(i).mediaLibrary.sortNameAsc), 1),
+					E("option", Sa, h(b(i).mediaLibrary.sortNameDesc), 1),
+					E("option", Ca, h(b(i).mediaLibrary.sortSizeAsc), 1),
+					E("option", wa, h(b(i).mediaLibrary.sortSizeDesc), 1)
+				], 40, va)])]), E("div", Ta, [b(P).viewMode.value === "files" ? (c(), v("div", Ea, [N(Wi, {
 					"is-uploading": b(P).isUploading.value,
 					"upload-progress": b(P).uploadProgress.value,
 					onUpload: b(F).handleUpload
@@ -5831,7 +5565,7 @@ var na = ["data-tpl-theme"], ra = {
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), D.value ? (c(), v("button", {
+				]), O.value ? (c(), v("button", {
 					key: 0,
 					class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
@@ -5843,7 +5577,7 @@ var na = ["data-tpl-theme"], ra = {
 				}, [N(b(he), {
 					size: 14,
 					"stroke-width": 2
-				}), j(" " + h(b(i).mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(ti, {
+				}), j(" " + h(b(i).mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
 					items: b(F).displayItems.value,
 					"selected-ids": b(P).selectedItems.value,
 					"is-loading": b(P).isLoading.value,
@@ -5868,7 +5602,7 @@ var na = ["data-tpl-theme"], ra = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				N(pi, {
+				N(ci, {
 					visible: b(F).showImportUrlModal.value,
 					"is-importing": b(P).isImportingFromUrl.value,
 					error: b(P).importFromUrlError.value,
@@ -5880,7 +5614,7 @@ var na = ["data-tpl-theme"], ra = {
 					"error",
 					"onImport"
 				]),
-				N(dr, {
+				N(sr, {
 					visible: !!b(F).editingItem.value,
 					item: b(F).editingItem.value,
 					onSave: b(F).handleEditSave,
@@ -5890,7 +5624,7 @@ var na = ["data-tpl-theme"], ra = {
 					"item",
 					"onSave"
 				]),
-				N(Wi, {
+				N(zi, {
 					visible: b(P).showReplaceWarning.value,
 					item: b(P).pendingReplaceItem.value,
 					"usage-info": b(P).replaceUsageInfo.value,
@@ -5924,19 +5658,19 @@ var na = ["data-tpl-theme"], ra = {
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
 						onClick: n[12] ||= x((...e) => b(P).cancelDelete && b(P).cancelDelete(...e), ["self"])
-					}, [E("div", Ma, [
-						E("h3", Na, h(b(i).mediaLibrary.deleteWarningTitle), 1),
+					}, [E("div", Da, [
+						E("h3", Oa, h(b(i).mediaLibrary.deleteWarningTitle), 1),
 						E("p", {
 							class: T(["tpl:text-xs", b(F).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, h(b(i).mediaLibrary.deleteWarningMessage), 3),
-						b(F).hasUsedFiles.value ? (c(), v("p", Pa, h(b(i).mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
-						b(F).hasUsedFiles.value ? (c(), v("div", Fa, [(c(!0), v(A, null, u(b(P).deleteUsageInfo.value, (e, t) => (c(), v("div", {
+						b(F).hasUsedFiles.value ? (c(), v("p", ka, h(b(i).mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
+						b(F).hasUsedFiles.value ? (c(), v("div", Aa, [(c(!0), v(A, null, u(b(P).deleteUsageInfo.value, (e, t) => (c(), v("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", Ia, h(b(F).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", La, " - " + h(b(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
-						E("div", Ra, [E("button", {
+						}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", ja, h(b(F).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Ma, " - " + h(b(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
+						E("div", Na, [E("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)",
@@ -5956,7 +5690,7 @@ var na = ["data-tpl-theme"], ra = {
 					])])) : y("", !0)]),
 					_: 1
 				}),
-				E("div", za, [E("div", Ba, [b(P).previewItem.value ? (c(), S(ki, {
+				E("div", Pa, [E("div", Fa, [b(P).previewItem.value ? (c(), S(wi, {
 					key: 0,
 					"selected-conversion": b(F).selectedConversion.value,
 					"onUpdate:selectedConversion": n[13] ||= (e) => b(F).selectedConversion.value = e,
@@ -5966,7 +5700,7 @@ var na = ["data-tpl-theme"], ra = {
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : y("", !0)]), E("div", Va, [b(P).selectedItems.value.size > 0 ? (c(), v("div", Ha, [b(P).previewItem.value ? (c(), v("button", {
+				])) : y("", !0)]), E("div", Ia, [b(P).selectedItems.value.size > 0 ? (c(), v("div", La, [b(P).previewItem.value ? (c(), v("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: k({
@@ -5975,7 +5709,7 @@ var na = ["data-tpl-theme"], ra = {
 						backgroundColor: "var(--tpl-bg)"
 					}),
 					onClick: n[14] ||= (e) => b(F).copy(b(F).selectedUrl.value)
-				}, [b(F).copied.value ? (c(), S(b(L), {
+				}, [b(F).copied.value ? (c(), S(b(I), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
@@ -5983,7 +5717,7 @@ var na = ["data-tpl-theme"], ra = {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), j(" " + h(b(F).copied.value ? b(i).mediaLibrary.copied : b(i).mediaLibrary.copyUrl), 1)], 4)) : y("", !0), w.value ? (c(), v("div", Ua, [E("button", {
+				})), j(" " + h(b(F).copied.value ? b(i).mediaLibrary.copied : b(i).mediaLibrary.copyUrl), 1)], 4)) : y("", !0), D.value ? (c(), v("div", Ra, [E("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)",
@@ -5991,7 +5725,7 @@ var na = ["data-tpl-theme"], ra = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[15] ||= (e) => b(F).showMovePicker.value = !b(F).showMovePicker.value
-				}, h(b(i).mediaLibrary.moveSelected), 1), b(F).showMovePicker.value ? (c(), S(vi, {
+				}, h(b(i).mediaLibrary.moveSelected), 1), b(F).showMovePicker.value ? (c(), S(pi, {
 					key: 0,
 					folders: b(P).folders.value,
 					"current-folder-id": b(P).currentFolderId.value,
@@ -6001,7 +5735,7 @@ var na = ["data-tpl-theme"], ra = {
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : y("", !0)])) : y("", !0)])) : y("", !0), E("div", Wa, [b(P).selectedItems.value.size > 0 ? (c(), v("button", {
+				])) : y("", !0)])) : y("", !0)])) : y("", !0), E("div", za, [b(P).selectedItems.value.size > 0 ? (c(), v("button", {
 					key: 0,
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
@@ -6016,14 +5750,14 @@ var na = ["data-tpl-theme"], ra = {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !ae(),
-					onClick: se
-				}, h(e.accept?.length ? b(i).mediaLibrary.selectImage : b(i).mediaLibrary.selectFile), 9, Ga)])])])
-			])], 8, na)) : y("", !0)]),
+					disabled: !L(),
+					onClick: le
+				}, h(e.accept?.length ? b(i).mediaLibrary.selectImage : b(i).mediaLibrary.selectFile), 9, Ba)])])])
+			])], 8, Zi)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), qa = {
+}), Ha = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -6031,62 +5765,62 @@ var na = ["data-tpl-theme"], ra = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, Ja = {
+}, Ua = {
 	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)" }
-}, Ya = {
+}, Wa = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Xa = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Za = { class: "tpl:relative" }, Qa = ["value", "placeholder"], $a = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, eo = {
+}, Ga = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Ka = { class: "tpl:relative" }, qa = ["value", "placeholder"], Ja = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Ya = {
 	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)"
 	}
-}, to = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, no = {
+}, Xa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Za = {
 	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)" }
-}, ro = { class: "tpl:flex tpl:items-center tpl:gap-2" }, io = ["title"], ao = {
+}, Qa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, $a = ["title"], eo = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, oo = {
+}, to = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, so = ["title"], co = ["title"], lo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, uo = ["value"], fo = { value: "" }, po = ["value"], mo = ["value"], ho = { value: "newest" }, go = { value: "oldest" }, _o = { value: "name_asc" }, vo = { value: "name_desc" }, yo = { value: "size_asc" }, bo = { value: "size_desc" }, xo = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, So = {
+}, no = ["title"], ro = ["title"], io = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ao = ["value"], oo = { value: "" }, so = ["value"], co = ["value"], lo = { value: "newest" }, uo = { value: "oldest" }, fo = { value: "name_asc" }, po = { value: "name_desc" }, mo = { value: "size_asc" }, ho = { value: "size_desc" }, go = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, _o = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Co = {
+}, vo = {
 	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)"
 	}
-}, wo = {
+}, yo = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, To = {
+}, bo = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Eo = {
+}, xo = {
 	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)" }
-}, Do = { class: "tpl:font-medium" }, Oo = { style: { color: "var(--tpl-text-muted)" } }, ko = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ao = {
+}, So = { class: "tpl:font-medium" }, Co = { style: { color: "var(--tpl-text-muted)" } }, wo = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, To = {
 	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)" }
-}, jo = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Mo = { class: "tpl:flex tpl:items-center tpl:gap-5" }, No = {
+}, Eo = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Do = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Oo = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Po = {
+}, ko = {
 	key: 1,
 	class: "tpl:relative"
-}, Fo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Io = ["disabled"], Lo = /* @__PURE__ */ M({
+}, Ao = { class: "tpl:flex tpl:items-center tpl:gap-2" }, jo = ["disabled"], Mo = /* @__PURE__ */ M({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -6099,39 +5833,41 @@ var na = ["data-tpl-theme"], ra = {
 	emits: ["ready"],
 	setup(t, { emit: n }) {
 		let r = t, i = n, a = _(() => r.translations);
-		l("translations", r.translations), l("authManager", r.authManager), l("projectId", _(() => r.projectId)), l("planConfig", {
-			config: p(r.planConfig),
+		l("translations", r.translations), l("authManager", r.authManager), l("projectId", _(() => r.projectId));
+		let o = p(r.planConfig);
+		l("planConfig", {
+			config: o,
 			isLoading: p(!1),
 			hasFeature: (e) => r.planConfig.features[e] ?? !1,
 			features: _(() => r.planConfig.features),
 			fetchConfig: async () => {}
 		});
-		let o = _(() => r.planConfig.features.media_folders ?? !1), s = _(() => r.planConfig.features.import_from_url ?? !1), d = _(() => r.planConfig.storage.used_bytes ?? 0), m = _(() => r.planConfig.storage.limit_bytes ?? 0), { availableCategories: g } = Me(), w = De({
+		let s = _(() => r.planConfig.features.media_folders ?? !1), d = _(() => r.planConfig.features.import_from_url ?? !1), m = _(() => r.planConfig.storage.used_bytes ?? 0), g = _(() => r.planConfig.storage.limit_bytes ?? 0), { availableCategories: w } = Me(), D = De({
 			projectId: r.projectId,
 			authManager: r.authManager,
 			onError: r.onError
-		}), D = ta({
-			library: w,
-			canUseMediaFolders: o,
+		}), O = Xi({
+			library: D,
+			canUseMediaFolders: s,
 			translations: a
 		});
-		function O() {
-			if (!w.previewItem.value) return;
-			let e = w.previewItem.value;
+		function ee() {
+			if (!D.previewItem.value) return;
+			let e = D.previewItem.value;
 			r.onSelect?.({
 				...e,
-				url: D.selectedUrl.value || e.url
+				url: O.selectedUrl.value || e.url
 			});
 		}
 		return e(() => {
-			w.loadItems(), w.loadFrequentlyUsed(), i("ready");
-		}), (e, n) => (c(), v("div", qa, [
-			E("div", Ja, [E("h2", Ya, h(a.value.mediaLibrary.title), 1), E("div", Xa, [N(ea, {
-				"used-bytes": d.value,
-				"limit-bytes": m.value,
+			D.loadItems(), D.loadFrequentlyUsed(), i("ready");
+		}), (e, n) => (c(), v("div", Ha, [
+			E("div", Ua, [E("h2", Wa, h(a.value.mediaLibrary.title), 1), E("div", Ga, [N(Yi, {
+				"used-bytes": m.value,
+				"limit-bytes": g.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), E("div", Za, [E("input", {
-				value: b(D).searchInput.value,
+			}, null, 8, ["used-bytes", "limit-bytes"]), E("div", Ka, [E("input", {
+				value: b(O).searchInput.value,
 				type: "text",
 				class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
 				style: {
@@ -6140,14 +5876,14 @@ var na = ["data-tpl-theme"], ra = {
 					color: "var(--tpl-text)"
 				},
 				placeholder: a.value.mediaLibrary.searchPlaceholder,
-				onInput: n[0] ||= (e) => b(D).handleSearchInput(e.target.value)
-			}, null, 40, Qa), N(b(ce), {
+				onInput: n[0] ||= (e) => b(O).handleSearchInput(e.target.value)
+			}, null, 40, qa), N(b(ce), {
 				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)" }
 			})])])]),
-			E("div", $a, [N(C, {
+			E("div", Ja, [N(C, {
 				"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",
@@ -6155,16 +5891,16 @@ var na = ["data-tpl-theme"], ra = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: f(() => [o.value && b(D).showSidebar.value ? (c(), v("div", eo, [N(wr, {
-					folders: b(w).folders.value,
-					"current-folder-id": b(w).currentFolderId.value,
-					"view-mode": b(w).viewMode.value,
-					"has-frequently-used": b(D).hasFrequentlyUsed.value,
-					onNavigate: b(w).navigateToFolder,
-					onCreateFolder: b(D).handleCreateFolder,
-					onRenameFolder: b(D).handleRenameFolder,
-					onDeleteFolder: b(D).handleDeleteFolder,
-					onShowFrequentlyUsed: b(w).showFrequentlyUsed
+				default: f(() => [s.value && b(O).showSidebar.value ? (c(), v("div", Ya, [N(yr, {
+					folders: b(D).folders.value,
+					"current-folder-id": b(D).currentFolderId.value,
+					"view-mode": b(D).viewMode.value,
+					"has-frequently-used": b(O).hasFrequentlyUsed.value,
+					onNavigate: b(D).navigateToFolder,
+					onCreateFolder: b(O).handleCreateFolder,
+					onRenameFolder: b(O).handleRenameFolder,
+					onDeleteFolder: b(O).handleDeleteFolder,
+					onShowFrequentlyUsed: b(D).showFrequentlyUsed
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
@@ -6177,55 +5913,55 @@ var na = ["data-tpl-theme"], ra = {
 					"onShowFrequentlyUsed"
 				])])) : y("", !0)]),
 				_: 1
-			}), E("div", to, [E("div", no, [E("div", ro, [
-				o.value ? (c(), v("button", {
+			}), E("div", Xa, [E("div", Za, [E("div", Qa, [
+				s.value ? (c(), v("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 					style: k({
-						color: b(D).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: b(D).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-						border: b(D).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+						color: b(O).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: b(O).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: b(O).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
-					title: b(D).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
-					onClick: n[1] ||= (e) => b(D).showSidebar.value = !b(D).showSidebar.value
-				}, [N(b(oe), {
+					title: b(O).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
+					onClick: n[1] ||= (e) => b(O).showSidebar.value = !b(O).showSidebar.value
+				}, [N(b(se), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, io)) : y("", !0),
-				b(w).viewMode.value === "frequently-used" ? (c(), v("span", ao, h(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), S(je, {
+				})], 12, $a)) : y("", !0),
+				b(D).viewMode.value === "frequently-used" ? (c(), v("span", eo, h(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), S(je, {
 					key: 2,
-					folders: b(w).folders.value,
-					"current-folder-id": b(w).currentFolderId.value,
-					onNavigate: b(w).navigateToFolder
+					folders: b(D).folders.value,
+					"current-folder-id": b(D).currentFolderId.value,
+					onNavigate: b(D).navigateToFolder
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onNavigate"
 				])),
-				E("div", oo, [E("button", {
+				E("div", to, [E("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: k({
-						color: b(D).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: b(D).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: b(O).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: b(O).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewGrid,
-					onClick: n[2] ||= (e) => b(D).layoutMode.value = "grid"
+					onClick: n[2] ||= (e) => b(O).layoutMode.value = "grid"
 				}, [N(b(_e), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, so), E("button", {
+				})], 12, no), E("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: k({
-						color: b(D).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: b(D).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: b(O).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: b(O).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewList,
-					onClick: n[3] ||= (e) => b(D).layoutMode.value = "list"
+					onClick: n[3] ||= (e) => b(O).layoutMode.value = "list"
 				}, [N(b(pe), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, co)])
-			]), E("div", lo, [b(g).length > 1 ? (c(), v("select", {
+				})], 12, ro)])
+			]), E("div", io, [b(w).length > 1 ? (c(), v("select", {
 				key: 0,
 				class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 				style: {
@@ -6233,36 +5969,36 @@ var na = ["data-tpl-theme"], ra = {
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: b(w).categoryFilter.value ?? "",
-				onChange: n[4] ||= (e) => b(w).filterByCategory(e.target.value || null)
-			}, [E("option", fo, h(a.value.mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(g), (e) => (c(), v("option", {
+				value: b(D).categoryFilter.value ?? "",
+				onChange: n[4] ||= (e) => b(D).filterByCategory(e.target.value || null)
+			}, [E("option", oo, h(a.value.mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(w), (e) => (c(), v("option", {
 				key: e,
 				value: e
-			}, h(b(D).getCategoryLabel(e)), 9, po))), 128))], 40, uo)) : y("", !0), E("select", {
+			}, h(b(O).getCategoryLabel(e)), 9, so))), 128))], 40, ao)) : y("", !0), E("select", {
 				class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 				style: {
 					"border-color": "var(--tpl-border)",
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: b(w).sortOption.value,
-				onChange: n[5] ||= (e) => b(w).sortBy(e.target.value)
+				value: b(D).sortOption.value,
+				onChange: n[5] ||= (e) => b(D).sortBy(e.target.value)
 			}, [
-				E("option", ho, h(a.value.mediaLibrary.sortNewest), 1),
-				E("option", go, h(a.value.mediaLibrary.sortOldest), 1),
-				E("option", _o, h(a.value.mediaLibrary.sortNameAsc), 1),
-				E("option", vo, h(a.value.mediaLibrary.sortNameDesc), 1),
-				E("option", yo, h(a.value.mediaLibrary.sortSizeAsc), 1),
-				E("option", bo, h(a.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, mo)])]), E("div", xo, [b(w).viewMode.value === "files" ? (c(), v("div", So, [N(Yi, {
-				"is-uploading": b(w).isUploading.value,
-				"upload-progress": b(w).uploadProgress.value,
-				onUpload: b(D).handleUpload
+				E("option", lo, h(a.value.mediaLibrary.sortNewest), 1),
+				E("option", uo, h(a.value.mediaLibrary.sortOldest), 1),
+				E("option", fo, h(a.value.mediaLibrary.sortNameAsc), 1),
+				E("option", po, h(a.value.mediaLibrary.sortNameDesc), 1),
+				E("option", mo, h(a.value.mediaLibrary.sortSizeAsc), 1),
+				E("option", ho, h(a.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, co)])]), E("div", go, [b(D).viewMode.value === "files" ? (c(), v("div", _o, [N(Wi, {
+				"is-uploading": b(D).isUploading.value,
+				"upload-progress": b(D).uploadProgress.value,
+				onUpload: b(O).handleUpload
 			}, null, 8, [
 				"is-uploading",
 				"upload-progress",
 				"onUpload"
-			]), s.value ? (c(), v("button", {
+			]), d.value ? (c(), v("button", {
 				key: 0,
 				class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
@@ -6270,21 +6006,21 @@ var na = ["data-tpl-theme"], ra = {
 					color: "var(--tpl-text-muted)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[6] ||= (e) => b(D).showImportUrlModal.value = !0
+				onClick: n[6] ||= (e) => b(O).showImportUrlModal.value = !0
 			}, [N(b(he), {
 				size: 14,
 				"stroke-width": 2
-			}), j(" " + h(a.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(ti, {
-				items: b(D).displayItems.value,
-				"selected-ids": b(w).selectedItems.value,
-				"is-loading": b(w).isLoading.value,
-				"has-more": b(w).viewMode.value === "files" && b(w).hasMore.value,
-				layout: b(D).layoutMode.value,
-				onSelect: b(D).handleSelect,
-				onToggle: b(w).toggleSelection,
-				onLoadMore: b(w).loadMore,
-				onEdit: b(D).handleEditItem,
-				onReplace: b(D).handleReplaceItem
+			}), j(" " + h(a.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
+				items: b(O).displayItems.value,
+				"selected-ids": b(D).selectedItems.value,
+				"is-loading": b(D).isLoading.value,
+				"has-more": b(D).viewMode.value === "files" && b(D).hasMore.value,
+				layout: b(O).layoutMode.value,
+				onSelect: b(O).handleSelect,
+				onToggle: b(D).toggleSelection,
+				onLoadMore: b(D).loadMore,
+				onEdit: b(O).handleEditItem,
+				onReplace: b(O).handleReplaceItem
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -6297,36 +6033,36 @@ var na = ["data-tpl-theme"], ra = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			N(pi, {
-				visible: b(D).showImportUrlModal.value,
-				"is-importing": b(w).isImportingFromUrl.value,
-				error: b(w).importFromUrlError.value,
-				onImport: b(D).handleImportFromUrl,
-				onClose: n[7] ||= (e) => b(D).showImportUrlModal.value = !1
+			N(ci, {
+				visible: b(O).showImportUrlModal.value,
+				"is-importing": b(D).isImportingFromUrl.value,
+				error: b(D).importFromUrlError.value,
+				onImport: b(O).handleImportFromUrl,
+				onClose: n[7] ||= (e) => b(O).showImportUrlModal.value = !1
 			}, null, 8, [
 				"visible",
 				"is-importing",
 				"error",
 				"onImport"
 			]),
-			N(dr, {
-				visible: !!b(D).editingItem.value,
-				item: b(D).editingItem.value,
-				onSave: b(D).handleEditSave,
-				onClose: n[8] ||= (e) => b(D).editingItem.value = null
+			N(sr, {
+				visible: !!b(O).editingItem.value,
+				item: b(O).editingItem.value,
+				onSave: b(O).handleEditSave,
+				onClose: n[8] ||= (e) => b(O).editingItem.value = null
 			}, null, 8, [
 				"visible",
 				"item",
 				"onSave"
 			]),
-			N(Wi, {
-				visible: b(w).showReplaceWarning.value,
-				item: b(w).pendingReplaceItem.value,
-				"usage-info": b(w).replaceUsageInfo.value,
-				"is-replacing": b(w).isReplacing.value,
-				error: b(w).replaceError.value,
-				onReplace: b(D).handleReplaceFile,
-				onClose: b(w).cancelReplace
+			N(zi, {
+				visible: b(D).showReplaceWarning.value,
+				item: b(D).pendingReplaceItem.value,
+				"usage-info": b(D).replaceUsageInfo.value,
+				"is-replacing": b(D).isReplacing.value,
+				error: b(D).replaceError.value,
+				onReplace: b(O).handleReplaceFile,
+				onClose: b(D).cancelReplace
 			}, null, 8, [
 				"visible",
 				"item",
@@ -6344,7 +6080,7 @@ var na = ["data-tpl-theme"], ra = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: f(() => [b(w).showDeleteWarning.value ? (c(), v("div", {
+				default: f(() => [b(D).showDeleteWarning.value ? (c(), v("div", {
 					key: 0,
 					class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
 					style: {
@@ -6352,27 +6088,27 @@ var na = ["data-tpl-theme"], ra = {
 						"backdrop-filter": "blur(8px)",
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
-					onClick: n[11] ||= x((...e) => b(w).cancelDelete && b(w).cancelDelete(...e), ["self"])
-				}, [E("div", Co, [
-					E("h3", wo, h(a.value.mediaLibrary.deleteWarningTitle), 1),
+					onClick: n[11] ||= x((...e) => b(D).cancelDelete && b(D).cancelDelete(...e), ["self"])
+				}, [E("div", vo, [
+					E("h3", yo, h(a.value.mediaLibrary.deleteWarningTitle), 1),
 					E("p", {
-						class: T(["tpl:text-xs", b(D).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: T(["tpl:text-xs", b(O).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, h(a.value.mediaLibrary.deleteWarningMessage), 3),
-					b(D).hasUsedFiles.value ? (c(), v("p", To, h(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
-					b(D).hasUsedFiles.value ? (c(), v("div", Eo, [(c(!0), v(A, null, u(b(w).deleteUsageInfo.value, (e, t) => (c(), v("div", {
+					b(O).hasUsedFiles.value ? (c(), v("p", bo, h(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
+					b(O).hasUsedFiles.value ? (c(), v("div", xo, [(c(!0), v(A, null, u(b(D).deleteUsageInfo.value, (e, t) => (c(), v("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", Do, h(b(D).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Oo, " - " + h(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
-					E("div", ko, [E("button", {
+					}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", So, h(b(O).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Co, " - " + h(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
+					E("div", wo, [E("button", {
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
 							"border-color": "var(--tpl-border)",
 							color: "var(--tpl-text)",
 							"background-color": "var(--tpl-bg)"
 						},
-						onClick: n[9] ||= (...e) => b(w).cancelDelete && b(w).cancelDelete(...e)
+						onClick: n[9] ||= (...e) => b(D).cancelDelete && b(D).cancelDelete(...e)
 					}, h(a.value.mediaLibrary.cancel), 1), E("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: {
@@ -6380,31 +6116,31 @@ var na = ["data-tpl-theme"], ra = {
 							color: "var(--tpl-danger)",
 							"background-color": "var(--tpl-danger-light)"
 						},
-						onClick: n[10] ||= (...e) => b(w).confirmDelete && b(w).confirmDelete(...e)
-					}, h(b(D).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
+						onClick: n[10] ||= (...e) => b(D).confirmDelete && b(D).confirmDelete(...e)
+					}, h(b(O).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
 				])])) : y("", !0)]),
 				_: 1
 			}),
-			E("div", Ao, [E("div", jo, [b(w).previewItem.value ? (c(), S(ki, {
+			E("div", To, [E("div", Eo, [b(D).previewItem.value ? (c(), S(wi, {
 				key: 0,
-				"selected-conversion": b(D).selectedConversion.value,
-				"onUpdate:selectedConversion": n[12] ||= (e) => b(D).selectedConversion.value = e,
-				item: b(w).previewItem.value,
-				folders: b(w).folders.value
+				"selected-conversion": b(O).selectedConversion.value,
+				"onUpdate:selectedConversion": n[12] ||= (e) => b(O).selectedConversion.value = e,
+				item: b(D).previewItem.value,
+				folders: b(D).folders.value
 			}, null, 8, [
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : y("", !0)]), E("div", Mo, [b(w).selectedItems.value.size > 0 ? (c(), v("div", No, [b(w).previewItem.value ? (c(), v("button", {
+			])) : y("", !0)]), E("div", Do, [b(D).selectedItems.value.size > 0 ? (c(), v("div", Oo, [b(D).previewItem.value ? (c(), v("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: k({
-					borderColor: b(D).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-					color: b(D).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					borderColor: b(O).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: b(O).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
-				onClick: n[13] ||= (e) => b(D).copy(b(D).selectedUrl.value)
-			}, [b(D).copied.value ? (c(), S(b(L), {
+				onClick: n[13] ||= (e) => b(O).copy(b(O).selectedUrl.value)
+			}, [b(O).copied.value ? (c(), S(b(I), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
@@ -6412,25 +6148,25 @@ var na = ["data-tpl-theme"], ra = {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), j(" " + h(b(D).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : y("", !0), o.value ? (c(), v("div", Po, [E("button", {
+			})), j(" " + h(b(O).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : y("", !0), s.value ? (c(), v("div", ko, [E("button", {
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
 					"border-color": "var(--tpl-border)",
 					color: "var(--tpl-text)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[14] ||= (e) => b(D).showMovePicker.value = !b(D).showMovePicker.value
-			}, h(a.value.mediaLibrary.moveSelected), 1), b(D).showMovePicker.value ? (c(), S(vi, {
+				onClick: n[14] ||= (e) => b(O).showMovePicker.value = !b(O).showMovePicker.value
+			}, h(a.value.mediaLibrary.moveSelected), 1), b(O).showMovePicker.value ? (c(), S(pi, {
 				key: 0,
-				folders: b(w).folders.value,
-				"current-folder-id": b(w).currentFolderId.value,
-				onSelect: b(D).handleMoveToFolder,
-				onClose: n[15] ||= (e) => b(D).showMovePicker.value = !1
+				folders: b(D).folders.value,
+				"current-folder-id": b(D).currentFolderId.value,
+				onSelect: b(O).handleMoveToFolder,
+				onClose: n[15] ||= (e) => b(O).showMovePicker.value = !1
 			}, null, 8, [
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : y("", !0)])) : y("", !0)])) : y("", !0), E("div", Fo, [b(w).selectedItems.value.size > 0 ? (c(), v("button", {
+			])) : y("", !0)])) : y("", !0)])) : y("", !0), E("div", Ao, [b(D).selectedItems.value.size > 0 ? (c(), v("button", {
 				key: 0,
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
@@ -6438,7 +6174,7 @@ var na = ["data-tpl-theme"], ra = {
 					color: "var(--tpl-danger)",
 					"background-color": "var(--tpl-danger-light)"
 				},
-				onClick: n[16] ||= (...e) => b(D).handleDeleteClick && b(D).handleDeleteClick(...e)
+				onClick: n[16] ||= (...e) => b(O).handleDeleteClick && b(O).handleDeleteClick(...e)
 			}, h(a.value.mediaLibrary.deleteSelected), 1)) : y("", !0), t.onSelect ? (c(), v("button", {
 				key: 1,
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
@@ -6446,12 +6182,12 @@ var na = ["data-tpl-theme"], ra = {
 					"background-color": "var(--tpl-primary)",
 					color: "var(--tpl-bg)"
 				},
-				disabled: !b(w).previewItem.value,
-				onClick: O
-			}, h(a.value.mediaLibrary.selectFile), 9, Io)) : y("", !0)])])])
+				disabled: !b(D).previewItem.value,
+				onClick: ee
+			}, h(a.value.mediaLibrary.selectFile), 9, jo)) : y("", !0)])])])
 		]));
 	}
-}), Ro = /* #__PURE__ */ Object.assign({
+}), No = /* #__PURE__ */ Object.assign({
 	"./locales/ca.ts": () => import("./ca-CNRWAMHI.js"),
 	"./locales/de.ts": () => import("./de-DFYCT4QU.js"),
 	"./locales/en.ts": () => import("./en-DE_y1YWU.js"),
@@ -6460,72 +6196,72 @@ var na = ["data-tpl-theme"], ra = {
 	"./locales/nl.ts": () => import("./nl-CbcPJlrL.js"),
 	"./locales/pt-BR.ts": () => import("./pt-BR-BibOQm-o.js")
 });
-function zo(e) {
+function Po(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Bo = zo(Ro);
-function Vo(e) {
+var Fo = Po(No);
+function Io(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function Ho(e) {
-	let t = Vo(e);
-	return Bo.find((e) => Vo(e) === t);
+function Lo(e) {
+	let t = Io(e);
+	return Fo.find((e) => Io(e) === t);
 }
-function Uo(e) {
-	return Vo(e).split("-")[0];
+function Ro(e) {
+	return Io(e).split("-")[0];
 }
-function Wo(e) {
-	return Ho(e) ?? Ho(Uo(e)) ?? "en";
+function zo(e) {
+	return Lo(e) ?? Lo(Ro(e)) ?? "en";
 }
-async function Go(e) {
-	let t = Ro[`./locales/${Wo(e)}.ts`];
+async function Bo(e) {
+	let t = No[`./locales/${zo(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region ../media-library/src/standalone/visual.ts
-var Ko = null, qo = p(null);
-async function Jo(e) {
+var Vo = null, Ho = p(null);
+async function Uo(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`Container element not found: ${e.container}`);
 	let r = Te(e.auth, e.onError);
 	await r.initialize();
-	let i = await new we(r).fetchConfig(), a = await Go(e.locale ?? "en");
-	return Xo(n, e.theme), Ko && Yo(), new Promise((o, s) => {
+	let i = await new we(r).fetchConfig(), a = await Bo(e.locale ?? "en");
+	return Go(n, e.theme), Vo && Wo(), new Promise((o, s) => {
 		try {
-			Ko = D({ setup() {
+			Vo = D({ setup() {
 				let s = () => {
 					o({
-						setTheme: (e) => Xo(n, e),
-						unmount: Yo
+						setTheme: (e) => Go(n, e),
+						unmount: Wo
 					});
 				};
-				return () => t(Lo, {
+				return () => t(Mo, {
 					authManager: r,
 					projectId: r.projectId,
 					planConfig: i,
 					translations: a,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: qo,
+					ref: Ho,
 					onReady: s
 				});
-			} }), Ko.mount(n);
+			} }), Vo.mount(n);
 		} catch (e) {
 			s(e);
 		}
 	});
 }
-function Yo() {
-	Ko && (Ko.unmount(), Ko = null, qo.value = null);
+function Wo() {
+	Vo && (Vo.unmount(), Vo = null, Ho.value = null);
 }
-function Xo(e, t) {
+function Go(e, t) {
 	t && (t.primaryColor && e.style.setProperty("--tpl-primary", t.primaryColor), t.borderRadius !== void 0 && (e.style.setProperty("--tpl-radius", `${t.borderRadius}px`), e.style.setProperty("--tpl-radius-sm", `${Math.max(0, t.borderRadius - 3)}px`), e.style.setProperty("--tpl-radius-lg", `${t.borderRadius + 4}px`)));
 }
 typeof window < "u" && (window.TemplaticalMedia = {
-	init: Jo,
-	unmount: Yo
+	init: Uo,
+	unmount: Wo
 });
 //#endregion
-export { Ee as MediaApiClient, Ka as MediaLibraryModal };
+export { Ee as MediaApiClient, Va as MediaLibraryModal };
 
-//# sourceMappingURL=src-XQmI_Xs1.js.map
+//# sourceMappingURL=src-Dpj0x27M.js.map