themelia-react-ui 2.0.1 → 2.0.2

package/dist/features/media-library.js

@@ -1,29 +1,31 @@
 "use client";
-import { s as e, v as t } from "../ui-provider-1D_NSYzO.js";
+import { s as e, v as t } from "../ui-provider-C_U0Xma4.js";
 import { useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-l5LpDw2z.js";
-import { n as i } from "../buttons-SbIcm1HJ.js";
-import { a, s as o } from "../typography-DTRkE9zL.js";
+import { t as r } from "../utils-BRhFDwuU.js";
+import { n as i } from "../buttons-DPZekJFu.js";
+import { c as a, o } from "../typography-UTnveOEy.js";
 import { t as s } from "../focus-recipes-B653VaLq.js";
-import { r as c, t as l } from "../structure-DC2dygdA.js";
-import { i as u } from "../smart-card-lFKxn5Hu.js";
-import { n as d, t as f } from "../feedback-qNuMBtRH.js";
-import { r as p } from "../overlays-I0axtYA6.js";
-import { t as m } from "../interaction-recipes-CHr0dJUs.js";
-import { a as h, i as g, t as _ } from "../primitives-B-CkiEMU.js";
-import { n as v, t as y } from "../number-DMhe-Vsk.js";
-import { t as b } from "../badge-MrKVNzW9.js";
-import { t as x } from "../batch-action-bar-BZGDG-Si.js";
-import { t as S } from "../input-DWhBBBww.js";
-import { t as C } from "../form-field-DUt4UxSV.js";
-import { c as w, l as T } from "../choice-inputs-t6w3ATNz.js";
-import { r as E, t as D } from "../control-group-recipes-DBXmfh2E.js";
-import { t as ee } from "../upload.recipes-BbxTqrCT.js";
-import { a as O } from "../upload-queue-EOC8g1gf.js";
-import { s as k } from "../data-display-DafIvCl5.js";
-import { createContext as te, useCallback as A, useContext as ne, useEffect as j, useMemo as M, useRef as N, useState as P } from "react";
-import { Fragment as re, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { ArrowLeft as ie, ArrowRight as ae, Check as oe, File as se, Grid2X2 as ce, ImageIcon as le, ImagePlus as L, Info as ue, Layers3 as R, LayoutList as de, Lock as z, Play as fe, Plus as pe, Search as me, Star as he, Trash2 as ge, UploadCloud as _e, Video as ve, X as ye } from "lucide-react";
+import { r as c, t as l } from "../structure-BmisBK-3.js";
+import { i as u } from "../smart-card-DiC5aac3.js";
+import { n as d, t as f } from "../feedback-BYIhtitP.js";
+import { t as p } from "../progress-B1VnCT0K.js";
+import { r as m } from "../overlays-DNWmZrJ4.js";
+import { t as h } from "../interaction-recipes-XR9ZpVYL.js";
+import { a as g, i as _, t as v } from "../primitives-BFK08r9M.js";
+import { n as y, t as b } from "../number-DbV1Dija.js";
+import { t as x } from "../badge-HpFqoqSY.js";
+import { t as S } from "../batch-action-bar-DnUJ21NQ.js";
+import { t as C } from "../input-DQdEd0YD.js";
+import { t as w } from "../form-field-CwH9y77i.js";
+import { c as T, l as E } from "../choice-inputs-CNHvARCJ.js";
+import { r as D, t as O } from "../control-group-recipes-DBXmfh2E.js";
+import { t as k } from "../upload.recipes-BbxTqrCT.js";
+import { t as A } from "../metadata-list-8N16ZMW_.js";
+import { a as ee } from "../upload-queue-Boscubn9.js";
+import { s as te } from "../data-display-DT_khPl_.js";
+import { createContext as j, useCallback as M, useContext as ne, useEffect as re, useMemo as N, useRef as ie, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { ArrowLeft as ae, ArrowRight as oe, Check as R, File as z, Grid2X2 as se, ImageIcon as ce, ImagePlus as B, Info as le, Layers3 as V, LayoutList as ue, Lock as de, Play as fe, Plus as pe, Search as me, Star as he, Trash2 as ge, UploadCloud as _e, Video as ve, X as ye } from "lucide-react";
 import { createPortal as be } from "react-dom";
 //#region src/components/features/media-library/media-library.strings.ts
 var xe = {
@@ -68,6 +70,7 @@ var xe = {
 	cardDetails: "Details for {name}",
 	selectMode: "Select",
 	selectItem: "Select {name}",
+	batchActionsLabel: "Batch actions",
 	privateLabel: "Private",
 	publicLabel: "Public",
 	typeImage: "Image",
@@ -148,7 +151,7 @@ var xe = {
 		maxReached: "Maximum reached"
 	}
 };
-function B(e, t) {
+function H(e, t) {
 	return e.replace(/\{(\w+), plural, one \{([^}]*)\} other \{([^}]*)\}\}/g, (e, n, r, i) => Number(t[n]) === 1 ? r : i).replace(/\{(\w+)\}/g, (e, n) => String(t[n] ?? ""));
 }
 //#endregion
@@ -158,9 +161,9 @@ var Se = {
 	tags: [],
 	public: !0
 }, Ce = [];
-function V(e, t, n) {
+function U(e, t, n) {
 	let [r, i] = P(t), a = e ?? r;
-	return [a, A((t) => {
+	return [a, M((t) => {
 		let r = typeof t == "function" ? t(a) : t;
 		e === void 0 && i(r), n?.(r);
 	}, [
@@ -193,41 +196,41 @@ function Te(e) {
 		...e
 	};
 }
-function H(e) {
-	return h(e) ?? "";
+function Ee(e) {
+	return g(e) ?? "";
 }
-function Ee(e, t) {
+function De(e, t) {
 	let n = t.getWidth(e), r = t.getHeight(e);
 	return !n || !r ? "" : `${n} x ${r}`;
 }
-function De(e, t) {
+function Oe(e, t) {
 	let n = t.getUploadedAt(e);
 	if (!n) return 0;
 	let r = (n instanceof Date ? n : new Date(n)).getTime();
 	return Number.isFinite(r) ? r : 0;
 }
-function Oe(e) {
+function ke(e) {
 	return e.type.startsWith("image/") ? "image" : e.type.startsWith("video/") ? "video" : "file";
 }
-function ke(e) {
+function Ae(e) {
 	if (e.type.startsWith("image/") && typeof URL < "u" && typeof URL.createObjectURL == "function") return URL.createObjectURL(e);
 }
-function Ae(e) {
+function je(e) {
 	e && typeof URL < "u" && typeof URL.revokeObjectURL == "function" && URL.revokeObjectURL(e);
 }
-function je(e) {
+function Me(e) {
 	return Array.isArray(e) ? {
 		items: e,
 		total: e.length
 	} : e;
 }
-function Me(e, t) {
+function Ne(e, t) {
 	return t && typeof e == "object" && e ? {
 		...e,
 		...t
 	} : e;
 }
-function Ne(e, t, n, r, i) {
+function Pe(e, t, n, r, i) {
 	let a = n.trim().toLowerCase();
 	return e.filter((e) => r !== "all" && t.getType(e) !== r || i !== "all" && t.getCollection(e) !== i ? !1 : !a || [
 		t.getName(e),
@@ -236,186 +239,186 @@ function Ne(e, t, n, r, i) {
 		...t.getTags(e)
 	].filter(Boolean).join(" ").toLowerCase().includes(a));
 }
-function Pe(e, t, n) {
+function Fe(e, t, n) {
 	let r = e.slice();
-	return n === "name" ? r.sort((e, n) => t.getName(e).localeCompare(t.getName(n))) : n === "size" ? r.sort((e, n) => (t.getSize(n) ?? 0) - (t.getSize(e) ?? 0)) : n === "usage" ? r.sort((e, n) => (t.getUsageCount(n) ?? 0) - (t.getUsageCount(e) ?? 0)) : r.sort((e, n) => De(n, t) - De(e, t)), r;
+	return n === "name" ? r.sort((e, n) => t.getName(e).localeCompare(t.getName(n))) : n === "size" ? r.sort((e, n) => (t.getSize(n) ?? 0) - (t.getSize(e) ?? 0)) : n === "usage" ? r.sort((e, n) => (t.getUsageCount(n) ?? 0) - (t.getUsageCount(e) ?? 0)) : r.sort((e, n) => Oe(n, t) - Oe(e, t)), r;
 }
-function Fe({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multiple", value: i, defaultValue: a = [], onValueChange: o, onItemUpdate: s, onItemDelete: c, onUpload: l, onError: u, tab: d, defaultTab: f = "library", onTabChange: p, view: m, defaultView: h = "grid", onViewChange: g, query: _, defaultQuery: v = "", onQueryChange: y, type: b, defaultType: x = "all", onTypeChange: S, collection: C, defaultCollection: w = "all", onCollectionChange: T, sort: E, defaultSort: D = "newest", onSortChange: ee, uploadOptions: O, defaultUploadOptions: k, onUploadOptionsChange: te, selecting: ne, defaultSelecting: re = !1, onSelectingChange: F } = {}) {
-	let I = M(() => Te(n), [n]), [ie, ae] = V(d, f, p), [oe, se] = V(m, h, g), [ce, le] = V(_, v, y), [L, ue] = V(b, x, S), [R, de] = V(C, w, T), [z, fe] = V(E, D, ee), [pe, me] = P(null), [he, ge] = P(() => [...a]), [_e, ve] = P([]), [ye, be] = P(), [xe, B] = P(!1), [we, H] = P(null), [Ee, De] = P([]), [Fe, Ie] = P(() => /* @__PURE__ */ new Set()), [Le, Re] = P({}), [U, W] = P([]), [ze, Be] = P(!1), G = M(() => ({
+function Ie({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multiple", value: i, defaultValue: a = [], onValueChange: o, onItemUpdate: s, onItemDelete: c, onUpload: l, onError: u, tab: d, defaultTab: f = "library", onTabChange: p, view: m, defaultView: h = "grid", onViewChange: g, query: _, defaultQuery: v = "", onQueryChange: y, type: b, defaultType: x = "all", onTypeChange: S, collection: C, defaultCollection: w = "all", onCollectionChange: T, sort: E, defaultSort: D = "newest", onSortChange: O, uploadOptions: k, defaultUploadOptions: A, onUploadOptionsChange: ee, selecting: te, defaultSelecting: j = !1, onSelectingChange: ne } = {}) {
+	let F = N(() => Te(n), [n]), [I, L] = U(d, f, p), [ae, oe] = U(m, h, g), [R, z] = U(_, v, y), [se, ce] = U(b, x, S), [B, le] = U(C, w, T), [V, ue] = U(E, D, O), [de, fe] = P(null), [pe, me] = P(() => [...a]), [he, ge] = P([]), [_e, ve] = P(), [ye, be] = P(!1), [xe, H] = P(null), [we, Ee] = P([]), [De, Oe] = P(() => /* @__PURE__ */ new Set()), [Ie, Le] = P({}), [Re, W] = P([]), [ze, Be] = P(!1), Ve = N(() => ({
 		...Se,
-		...k,
-		tags: k?.tags ?? Se.tags
-	}), [k]), [Ve, He] = V(M(() => O ? {
+		...A,
+		tags: A?.tags ?? Se.tags
+	}), [A]), [G, K] = U(N(() => k ? {
 		...Se,
-		...O,
-		tags: O.tags ?? Se.tags
-	} : void 0, [O]), G, te), Ue = i !== void 0, K = M(() => Ue ? [...i ?? []] : he, [
-		he,
-		Ue,
+		...k,
+		tags: k.tags ?? Se.tags
+	} : void 0, [k]), Ve, ee), He = i !== void 0, q = N(() => He ? [...i ?? []] : pe, [
+		pe,
+		He,
 		i
-	]), q = M(() => new Set(K), [K]), We = N(/* @__PURE__ */ new Set()), J = N(null), Ge = N(/* @__PURE__ */ new Map());
-	j(() => {
+	]), J = N(() => new Set(q), [q]), Ue = ie(/* @__PURE__ */ new Set()), Y = ie(null), X = ie(/* @__PURE__ */ new Map());
+	re(() => {
 		if (!t) return;
 		let e = new AbortController();
-		return B(!0), H(null), t({
-			query: ce,
-			type: L,
-			collection: R === "all" ? void 0 : R,
-			sort: z,
+		return be(!0), H(null), t({
+			query: R,
+			type: se,
+			collection: B === "all" ? void 0 : B,
+			sort: V,
 			signal: e.signal
 		}).then((t) => {
 			if (e.signal.aborted) return;
-			let n = je(t);
-			ve(n.items), be(n.total);
+			let n = Me(t);
+			ge(n.items), ve(n.total);
 		}).catch((t) => {
 			e.signal.aborted || (H(t), u?.(t));
 		}).finally(() => {
-			e.signal.aborted || B(!1);
+			e.signal.aborted || be(!1);
 		}), () => e.abort();
 	}, [
-		R,
+		B,
 		t,
 		u,
-		ce,
-		z,
-		L
-	]), j(() => {
-		let e = We.current;
+		R,
+		V,
+		se
+	]), re(() => {
+		let e = Ue.current;
 		return () => {
-			J.current?.abort();
-			for (let t of e) Ae(t);
+			Y.current?.abort();
+			for (let t of e) je(t);
 			e.clear();
 		};
 	}, []);
-	let Ke = M(() => t ? _e : [...Ee, ...e], [
-		Ee,
-		_e,
+	let We = N(() => t ? he : [...we, ...e], [
+		we,
+		he,
 		t,
 		e
-	]), Y = M(() => Ke.filter((e) => !Fe.has(I.getId(e))).map((e) => Me(e, Le[I.getId(e)])), [
-		I,
-		Le,
-		Fe,
-		Ke
-	]), qe = M(() => {
-		let e = t ? Y : Ne(Y, I, ce, L, R);
-		return t ? e : Pe(e, I, z);
+	]), Z = N(() => We.filter((e) => !De.has(F.getId(e))).map((e) => Ne(e, Ie[F.getId(e)])), [
+		F,
+		Ie,
+		De,
+		We
+	]), Ge = N(() => {
+		let e = t ? Z : Pe(Z, F, R, se, B);
+		return t ? e : Fe(e, F, V);
 	}, [
-		I,
-		R,
+		F,
+		B,
 		t,
-		Y,
-		ce,
-		z,
-		L
-	]), X = ye ?? Y.length, Je = qe.length, Z = M(() => Y.filter((e) => q.has(I.getId(e))), [
-		I,
-		Y,
-		q
-	]), Q = !!ce.trim() || L !== "all" || R !== "all", $ = A((e) => {
-		Ue || ge(e);
-		let t = new Set(e), n = Y.filter((e) => t.has(I.getId(e)));
+		Z,
+		R,
+		V,
+		se
+	]), Ke = _e ?? Z.length, qe = Ge.length, Je = N(() => Z.filter((e) => J.has(F.getId(e))), [
+		F,
+		Z,
+		J
+	]), Q = !!R.trim() || se !== "all" || B !== "all", $ = M((e) => {
+		He || me(e);
+		let t = new Set(e), n = Z.filter((e) => t.has(F.getId(e)));
 		o?.(e, n);
 	}, [
-		I,
-		Ue,
+		F,
+		He,
 		o,
-		Y
-	]), Ye = A((e) => {
-		let t = new Set(r === "single" ? [] : q);
-		q.has(e) && r !== "single" ? t.delete(e) : t.add(e), $(Array.from(t));
+		Z
+	]), Ye = M((e) => {
+		let t = new Set(r === "single" ? [] : J);
+		J.has(e) && r !== "single" ? t.delete(e) : t.add(e), $(Array.from(t));
 	}, [
 		$,
-		q,
+		J,
 		r
-	]), Xe = A(() => $([]), [$]), [Ze, Qe] = V(ne, re, F), $e = Ze || K.length > 0, et = A((e) => {
-		Qe(e), !e && K.length > 0 && $([]);
+	]), Xe = M(() => $([]), [$]), [Ze, Qe] = U(te, j, ne), $e = Ze || q.length > 0, et = M((e) => {
+		Qe(e), !e && q.length > 0 && $([]);
 	}, [
 		$,
-		K.length,
+		q.length,
 		Qe
-	]), tt = A(() => {
-		le(""), ue("all"), de("all");
+	]), tt = M(() => {
+		z(""), ce("all"), le("all");
 	}, [
-		de,
 		le,
-		ue
-	]), nt = A((e) => {
+		z,
+		ce
+	]), nt = M((e) => {
 		W((t) => [...t, ...e.map((e, t) => {
-			let n = ke(e);
-			return n && We.current.add(n), {
+			let n = Ae(e);
+			return n && Ue.current.add(n), {
 				id: `staged-${Date.now()}-${t}`,
 				file: e,
 				name: e.name,
 				size: e.size,
-				type: Oe(e),
+				type: ke(e),
 				src: n,
 				progress: 0,
 				status: "staged"
 			};
 		})]);
-	}, []), rt = A((e) => {
+	}, []), rt = M((e) => {
 		W((t) => {
 			let n = t.find((t) => t.id === e);
-			return n?.src && (Ae(n.src), We.current.delete(n.src)), t.filter((t) => t.id !== e);
+			return n?.src && (je(n.src), Ue.current.delete(n.src)), t.filter((t) => t.id !== e);
 		});
-	}, []), it = A(() => {
+	}, []), it = M(() => {
 		W((e) => {
-			for (let t of e) t.src && (Ae(t.src), We.current.delete(t.src));
+			for (let t of e) t.src && (je(t.src), Ue.current.delete(t.src));
 			return [];
 		});
-	}, []), at = A((e) => {
-		He((t) => ({
+	}, []), at = M((e) => {
+		K((t) => ({
 			...t,
 			...e
 		}));
-	}, [He]), ot = A((e, t) => {
+	}, [K]), ot = M((e, t) => {
 		W((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
 	}, []);
 	return {
-		tab: ie,
-		setTab: ae,
-		view: oe,
-		setView: se,
-		query: ce,
-		setQuery: le,
-		type: L,
-		setType: ue,
-		collection: R,
-		setCollection: de,
-		sort: z,
-		setSort: fe,
-		detailId: pe,
-		setDetailId: me,
-		items: Y,
-		visibleItems: qe,
-		selectedIds: K,
-		selectedItems: Z,
-		selectedSet: q,
+		tab: I,
+		setTab: L,
+		view: ae,
+		setView: oe,
+		query: R,
+		setQuery: z,
+		type: se,
+		setType: ce,
+		collection: B,
+		setCollection: le,
+		sort: V,
+		setSort: ue,
+		detailId: de,
+		setDetailId: fe,
+		items: Z,
+		visibleItems: Ge,
+		selectedIds: q,
+		selectedItems: Je,
+		selectedSet: J,
 		toggleSelection: Ye,
 		clearSelection: Xe,
 		selecting: $e,
 		setSelecting: et,
 		clearFilters: tt,
-		loading: xe,
-		error: we,
+		loading: ye,
+		error: xe,
 		hasFilters: Q,
-		totalCount: X,
-		filteredCount: Je,
-		stagedFiles: U,
+		totalCount: Ke,
+		filteredCount: qe,
+		stagedFiles: Re,
 		addFiles: nt,
 		removeStagedFile: rt,
 		clearStagedFiles: it,
 		updateUploadOptions: at,
-		uploadOptions: Ve,
+		uploadOptions: G,
 		uploading: ze,
-		startUpload: A(async () => {
-			if (ze || U.length === 0) return;
+		startUpload: M(async () => {
+			if (ze || Re.length === 0) return;
 			let e = new AbortController();
-			J.current?.abort(), J.current = e, H(null), Be(!0), W((e) => e.map((e) => ({
+			Y.current?.abort(), Y.current = e, H(null), Be(!0), W((e) => e.map((e) => ({
 				...e,
 				status: "uploading",
 				progress: 0
@@ -433,18 +436,18 @@ function Fe({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multi
 				}
 			};
 			try {
-				let n = U.map((e) => e.file), i = await l?.(n, Ve, t);
+				let n = Re.map((e) => e.file), i = await l?.(n, G, t);
 				if (e.signal.aborted) return;
 				if (W((e) => e.map((e) => ({
 					...e,
 					status: "done",
 					progress: 100
 				}))), i?.length) {
-					De((e) => [...i, ...e]);
-					let e = i.map((e) => I.getId(e));
-					$(r === "single" ? e.slice(0, 1) : Array.from(/* @__PURE__ */ new Set([...e, ...K])));
+					Ee((e) => [...i, ...e]);
+					let e = i.map((e) => F.getId(e));
+					$(r === "single" ? e.slice(0, 1) : Array.from(/* @__PURE__ */ new Set([...e, ...q])));
 				}
-				it(), ae("library");
+				it(), L("library");
 			} catch (t) {
 				if (e.signal.aborted) return;
 				H(t), W((e) => e.map((e) => e.status === "uploading" ? {
@@ -453,35 +456,35 @@ function Fe({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multi
 					error: "Upload failed"
 				} : e)), u?.(t);
 			} finally {
-				J.current === e && (J.current = null, Be(!1));
+				Y.current === e && (Y.current = null, Be(!1));
 			}
 		}, [
-			I,
+			F,
 			$,
 			it,
 			u,
 			l,
-			K,
+			q,
 			r,
-			ae,
+			L,
 			ot,
-			U,
-			Ve,
+			Re,
+			G,
 			ze
 		]),
-		cancelUpload: A(() => {
-			J.current?.abort(), J.current = null, Be(!1), W((e) => e.map((e) => e.status === "uploading" ? {
+		cancelUpload: M(() => {
+			Y.current?.abort(), Y.current = null, Be(!1), W((e) => e.map((e) => e.status === "uploading" ? {
 				...e,
 				status: "staged",
 				progress: 0,
 				error: void 0
 			} : e));
 		}, []),
-		updateItem: A(async (e, t) => {
-			let n = I.getId(e), r = `update:${n}`, i = (Ge.current.get(r) ?? 0) + 1;
-			Ge.current.set(r, i);
-			let a = Le[n];
-			H(null), Re((e) => ({
+		updateItem: M(async (e, t) => {
+			let n = F.getId(e), r = `update:${n}`, i = (X.current.get(r) ?? 0) + 1;
+			X.current.set(r, i);
+			let a = Ie[n];
+			H(null), Le((e) => ({
 				...e,
 				[n]: {
 					...e[n],
@@ -491,69 +494,69 @@ function Fe({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multi
 			try {
 				return await s?.(e, t), !0;
 			} catch (e) {
-				return Ge.current.get(r) === i && Re((e) => {
+				return X.current.get(r) === i && Le((e) => {
 					let t = { ...e };
 					return a ? t[n] = a : delete t[n], t;
 				}), H(e), u?.(e), !1;
 			}
 		}, [
-			I,
-			Le,
+			F,
+			Ie,
 			u,
 			s
 		]),
-		removeItem: A(async (e) => {
-			let t = I.getId(e), n = `delete:${t}`, r = (Ge.current.get(n) ?? 0) + 1;
-			Ge.current.set(n, r);
-			let i = Fe.has(t);
-			H(null), Ie((e) => new Set(e).add(t));
+		removeItem: M(async (e) => {
+			let t = F.getId(e), n = `delete:${t}`, r = (X.current.get(n) ?? 0) + 1;
+			X.current.set(n, r);
+			let i = De.has(t);
+			H(null), Oe((e) => new Set(e).add(t));
 			try {
-				return await c?.(e), q.has(t) && $(K.filter((e) => e !== t)), !0;
+				return await c?.(e), J.has(t) && $(q.filter((e) => e !== t)), !0;
 			} catch (e) {
-				return !i && Ge.current.get(n) === r && Ie((e) => {
+				return !i && X.current.get(n) === r && Oe((e) => {
 					let n = new Set(e);
 					return n.delete(t), n;
 				}), H(e), u?.(e), !1;
 			}
 		}, [
-			I,
+			F,
 			$,
 			u,
 			c,
-			Fe,
-			K,
-			q
+			De,
+			q,
+			J
 		]),
-		accessors: I
+		accessors: F
 	};
 }
 //#endregion
 //#region src/components/features/media-library/partials/media-library-partials.tsx
-var Ie = `absolute inset-0 z-10 box-border block h-full w-full cursor-pointer border-0 bg-transparent p-0 font-sans outline-none ${s.inset}`, Le = "media-library-card--check absolute left-2 top-2 inline-flex size-icon-lg items-center justify-center rounded-radius border border-border bg-background p-0 text-transparent shadow-xs", Re = "border-primary bg-primary text-primary-foreground opacity-100";
-function U(e, t) {
-	return F(e === "image" ? le : e === "video" ? ve : se, { className: t ?? "size-icon" });
+var Le = `${h.nativeButtonReset} absolute inset-0 z-10 block h-full w-full cursor-pointer outline-none ${s.inset}`, Re = "media-library-card--check absolute left-2 top-2 inline-flex size-icon-lg items-center justify-center rounded-radius border border-border bg-background p-0 text-transparent shadow-xs", W = "border-primary bg-primary text-primary-foreground opacity-100";
+function ze(e, t) {
+	return I(e === "image" ? ce : e === "video" ? ve : z, { className: t ?? "size-icon" });
 }
-function W(e, t) {
+function Be(e, t) {
 	return e === "image" ? t.typeImage : e === "video" ? t.typeVideo : t.typeFile;
 }
-function ze(e, t) {
-	return e ? B(t.usedIn, { count: e }) : t.notUsed;
+function Ve(e, t) {
+	return e ? H(t.usedIn, { count: e }) : t.notUsed;
 }
-function Be({ children: e, tint: t, className: n }) {
-	return /* @__PURE__ */ F("div", {
+function G({ children: e, tint: t, className: n }) {
+	return /* @__PURE__ */ I("div", {
 		className: r("media-library-preview relative overflow-hidden bg-muted", n),
 		style: t ? { background: t } : void 0,
 		children: e
 	});
 }
-function G({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
+function K({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
 	let [a, o] = P(!1);
-	return j(() => {
+	return re(() => {
 		o(!1);
-	}, [e]), !e || a ? /* @__PURE__ */ F("div", {
+	}, [e]), !e || a ? /* @__PURE__ */ I("div", {
 		className: "media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground",
-		children: U(n, "size-6")
-	}) : /* @__PURE__ */ F("img", {
+		children: ze(n, "size-6")
+	}) : /* @__PURE__ */ I("img", {
 		src: e,
 		alt: t,
 		loading: i,
@@ -561,12 +564,12 @@ function G({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
 		onError: () => o(!0)
 	});
 }
-function Ve({ icon: e, title: t, description: n, action: i, className: a }) {
-	return /* @__PURE__ */ F(k, {
+function He({ icon: e, title: t, description: n, action: i, className: a }) {
+	return /* @__PURE__ */ I(te, {
 		title: t,
 		description: n ?? !1,
 		actions: i,
-		media: e ?? /* @__PURE__ */ F(le, {
+		media: e ?? /* @__PURE__ */ I(ce, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -576,8 +579,8 @@ function Ve({ icon: e, title: t, description: n, action: i, className: a }) {
 		className: r("media-library-empty-state--component min-h-64 bg-muted/30", a)
 	});
 }
-function He({ query: n, type: a, typeFilters: s, collection: c, sort: u, view: d, collections: f = [], strings: p, onQueryChange: h, onTypeChange: g, onCollectionChange: _, onSortChange: v, onViewChange: y, onClearFilters: x, toolbarEnd: C, selecting: w = !1, onSelectingChange: ee }) {
-	let { defaultScale: O } = e(), k = t(void 0, O), te = [
+function q({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d, collections: f = [], strings: p, onQueryChange: m, onTypeChange: g, onCollectionChange: _, onSortChange: v, onViewChange: y, onClearFilters: b, toolbarEnd: S, selecting: w = !1, onSelectingChange: T }) {
+	let { defaultScale: k } = e(), A = t(void 0, k), ee = [
 		{
 			value: "all",
 			label: p.allTypes,
@@ -586,7 +589,7 @@ function He({ query: n, type: a, typeFilters: s, collection: c, sort: u, view: d
 		{
 			value: "image",
 			label: p.images,
-			icon: le
+			icon: ce
 		},
 		{
 			value: "video",
@@ -596,19 +599,19 @@ function He({ query: n, type: a, typeFilters: s, collection: c, sort: u, view: d
 		{
 			value: "file",
 			label: p.files,
-			icon: se
+			icon: z
 		}
 	].filter((e) => (s ?? [
 		"all",
 		"image",
 		"video"
-	]).includes(e.value)), A = [{
+	]).includes(e.value)), te = [{
 		value: "all",
 		label: p.allCollections
 	}, ...f.map((e) => ({
 		value: e.value,
 		label: String(e.label)
-	}))], ne = [
+	}))], j = [
 		{
 			value: "newest",
 			label: p.sortNewest
@@ -625,65 +628,65 @@ function He({ query: n, type: a, typeFilters: s, collection: c, sort: u, view: d
 			value: "usage",
 			label: p.sortUsage
 		}
-	], j = n.trim(), M = j.length > 0, N = M || a !== "all" || c !== "all";
-	return /* @__PURE__ */ I(l, {
+	], M = n.trim(), ne = M.length > 0, re = ne || o !== "all" || c !== "all";
+	return /* @__PURE__ */ L(l, {
 		direction: "horizontal",
 		wrap: !0,
 		align: "start",
 		gap: "md",
 		className: "media-library-toolbar--component",
 		children: [
-			/* @__PURE__ */ I(l, {
+			/* @__PURE__ */ L(l, {
 				gap: "xs",
 				className: "media-library-toolbar--search min-w-52 flex-1",
-				children: [/* @__PURE__ */ F(S, {
+				children: [/* @__PURE__ */ I(C, {
 					value: n,
-					onChange: (e) => h(e.target.value),
+					onChange: (e) => m(e.target.value),
 					placeholder: p.searchPlaceholder,
 					startIcon: me,
 					clearable: !0,
-					onClear: () => h(""),
+					onClear: () => m(""),
 					strings: { clear: p.clearSearch },
 					className: "bg-background"
-				}), !!M && /* @__PURE__ */ F(l, {
+				}), !!ne && /* @__PURE__ */ I(l, {
 					direction: "horizontal",
 					gap: "xs",
 					wrap: !1,
 					className: "media-library-toolbar--search-value px-space-xs",
-					children: /* @__PURE__ */ I(b, {
+					children: /* @__PURE__ */ L(x, {
 						tone: "secondary",
 						className: "max-w-full",
-						children: [/* @__PURE__ */ F(o, {
+						children: [/* @__PURE__ */ I(a, {
 							tag: "span",
 							size: "inherit",
 							className: "text-current",
 							children: p.activeSearchLabel
-						}), /* @__PURE__ */ F(o, {
+						}), /* @__PURE__ */ I(a, {
 							tag: "span",
 							size: "inherit",
 							weight: "normal",
 							className: "min-w-0 truncate text-current",
-							children: j
+							children: M
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ F("div", {
-				className: r("media-library-toolbar--type-toggle", E.frame, D[k]),
+			/* @__PURE__ */ I("div", {
+				className: r("media-library-toolbar--type-toggle", D.frame, O[A]),
 				role: "tablist",
 				"aria-label": p.typeFilterLabel,
-				children: te.map((e) => {
-					let t = e.icon, n = a === e.value;
-					return /* @__PURE__ */ I(i, {
+				children: ee.map((e) => {
+					let t = e.icon, n = o === e.value;
+					return /* @__PURE__ */ L(i, {
 						type: "button",
 						role: "tab",
 						"aria-selected": n,
 						tone: "secondary",
 						buttonStyle: "ghost",
 						size: "sm",
-						className: r(E.item, "shadow-none", n ? `${m.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
+						className: r(D.item, "shadow-none", n ? `${h.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 						onClick: () => g(e.value),
-						children: [t && /* @__PURE__ */ F(t, { className: "size-icon-md" }), /* @__PURE__ */ F(o, {
+						children: [t && /* @__PURE__ */ I(t, { className: "size-icon-md" }), /* @__PURE__ */ I(a, {
 							tag: "span",
 							size: "xs",
 							weight: "medium",
@@ -693,166 +696,167 @@ function He({ query: n, type: a, typeFilters: s, collection: c, sort: u, view: d
 					}, e.value);
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "min-w-40",
-				children: /* @__PURE__ */ F(T, {
+				children: /* @__PURE__ */ I(E, {
 					value: c,
-					options: A,
+					options: te,
 					onValueChange: (e) => _(e ?? "all"),
 					placeholder: p.collectionFilterLabel,
 					"aria-label": p.collectionFilterLabel,
 					className: "bg-background"
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "min-w-32",
-				children: /* @__PURE__ */ F(T, {
+				children: /* @__PURE__ */ I(E, {
 					value: u,
-					options: ne,
+					options: j,
 					onValueChange: (e) => v(e ?? "newest"),
 					placeholder: p.sortLabel,
 					"aria-label": p.sortLabel,
 					className: "bg-background"
 				})
 			}),
-			/* @__PURE__ */ I("div", {
-				className: r("media-library-toolbar--view-toggle ml-auto", E.frame, D[k]),
-				children: [/* @__PURE__ */ F(i, {
+			/* @__PURE__ */ L("div", {
+				className: r("media-library-toolbar--view-toggle ml-auto", D.frame, O[A]),
+				children: [/* @__PURE__ */ I(i, {
 					type: "button",
 					tone: d === "grid" ? "neutral" : "secondary",
 					buttonStyle: d === "grid" ? "solid" : "ghost",
 					size: "sm",
 					iconOnly: !0,
-					className: r(E.item, d === "grid" && `${m.segmentActive} hover:bg-card`),
+					className: r(D.item, d === "grid" && `${h.segmentActive} hover:bg-card`),
 					"aria-label": p.gridView,
 					onClick: () => y("grid"),
-					children: /* @__PURE__ */ F(ce, { className: "size-icon-md" })
-				}), /* @__PURE__ */ F(i, {
+					children: /* @__PURE__ */ I(se, { className: "size-icon-md" })
+				}), /* @__PURE__ */ I(i, {
 					type: "button",
 					tone: d === "table" ? "neutral" : "secondary",
 					buttonStyle: d === "table" ? "solid" : "ghost",
 					size: "sm",
 					iconOnly: !0,
-					className: r(E.item, d === "table" && `${m.segmentActive} hover:bg-card`),
+					className: r(D.item, d === "table" && `${h.segmentActive} hover:bg-card`),
 					"aria-label": p.tableView,
 					onClick: () => y("table"),
-					children: /* @__PURE__ */ F(de, { className: "size-icon-md" })
+					children: /* @__PURE__ */ I(ue, { className: "size-icon-md" })
 				})]
 			}),
-			!!N && /* @__PURE__ */ F(i, {
+			!!re && /* @__PURE__ */ I(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
-				onClick: x,
+				onClick: b,
 				children: p.clearFilters
 			}),
-			!!ee && /* @__PURE__ */ F(i, {
+			!!T && /* @__PURE__ */ I(i, {
 				type: "button",
 				"aria-pressed": w,
 				tone: "secondary",
 				buttonStyle: "outline",
-				className: r("media-library-toolbar--select", w && m.togglePressed),
-				onClick: () => ee(!w),
+				className: r("media-library-toolbar--select", w && h.togglePressed),
+				onClick: () => T(!w),
 				children: p.selectMode
 			}),
-			C
+			S
 		]
 	});
 }
-function Ue({ item: e, selected: t = !1, density: n = "comfortable", showMeta: a = !0, accessors: u, strings: d, onToggle: f, onDetails: p, onOpen: h, selecting: _ = !1, className: v }) {
-	let y = u.getType(e), x = u.getName(e), S = u.getSrc(e), C = u.getAlt(e) || x, w = u.getSize(e), T = u.getUsageCount(e), E = u.getPublic(e) === !1, D = u.getDuration(e), ee = !!h && !_, O = ee ? h : f;
-	return /* @__PURE__ */ I("div", {
+function J({ item: e, selected: t = !1, density: n = "comfortable", showMeta: o = !0, accessors: u, strings: d, onToggle: f, onDetails: p, onOpen: m, selecting: g = !1, className: v }) {
+	let y = u.getType(e), b = u.getName(e), S = u.getSrc(e), C = u.getAlt(e) || b, w = u.getSize(e), T = u.getUsageCount(e), E = u.getPublic(e) === !1, D = u.getDuration(e), O = !!m && !g, k = O ? m : f;
+	return /* @__PURE__ */ L("div", {
 		"data-selected": t || void 0,
-		"data-selecting": _ || void 0,
+		"data-selecting": g || void 0,
 		"data-gallery-density": n,
-		className: r("media-library-card--component relative group/card overflow-hidden rounded-radius border border-border bg-card text-left shadow-xs transition-all", `${m.tileHover} hover:shadow-sm`, t && "media-library-card--selected border-primary ring-1 ring-primary", v),
-		onClick: O,
+		className: r("media-library-card--component relative group/card overflow-hidden rounded-radius border border-border bg-card text-card-foreground text-left shadow-xs transition-all", `${h.tileHover} hover:shadow-sm`, t && "media-library-card--selected border-primary ring-1 ring-primary", v),
+		onClick: k,
 		children: [
-			!!O && /* @__PURE__ */ F("button", {
+			!!k && /* @__PURE__ */ I("button", {
 				type: "button",
-				"aria-label": x,
-				"aria-pressed": ee ? void 0 : t,
-				className: r("media-library-card--select rounded-radius", Ie),
+				"aria-label": b,
+				"aria-pressed": O ? void 0 : t,
+				className: r("media-library-card--select rounded-radius", Le),
 				onClick: (e) => {
-					e.stopPropagation(), O();
+					e.stopPropagation(), k();
 				}
 			}),
-			/* @__PURE__ */ I(Be, {
+			/* @__PURE__ */ L(G, {
 				tint: u.getTint(e),
 				className: r(n === "compact" ? "aspect-square" : "aspect-[4/3]"),
 				children: [
-					/* @__PURE__ */ F(G, {
+					/* @__PURE__ */ I(K, {
 						src: S,
 						alt: C,
 						type: y,
 						className: "size-full object-cover"
 					}),
-					ee && f ? /* @__PURE__ */ F("button", {
+					O && f ? /* @__PURE__ */ I("button", {
 						type: "button",
-						"aria-label": B(d.selectItem, { name: x }),
+						"aria-label": H(d.selectItem, { name: b }),
 						"aria-pressed": t,
-						className: r(Le, `z-10 cursor-pointer opacity-0 transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100 ${s.frame}`, t && Re),
+						className: r(Re, `z-10 cursor-pointer opacity-0 transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100 ${s.frame}`, t && W),
 						onClick: (e) => {
 							e.stopPropagation(), f();
 						},
-						children: /* @__PURE__ */ F(oe, { className: "size-icon-sm" })
-					}) : /* @__PURE__ */ F("span", {
-						className: r(Le, "transition-opacity", _ ? "opacity-100" : "opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100", t && Re),
+						children: /* @__PURE__ */ I(R, { className: "size-icon-sm" })
+					}) : /* @__PURE__ */ I("span", {
+						className: r(Re, "transition-opacity", g ? "opacity-100" : "opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100", t && W),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ F(oe, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ I(R, { className: "size-icon-sm" })
 					}),
-					!!p && /* @__PURE__ */ F(i, {
+					!!p && /* @__PURE__ */ I(i, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "solid",
 						size: "sm",
 						iconOnly: !0,
 						className: "media-library-card--details absolute z-10 right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100",
-						"aria-label": B(d.cardDetails, { name: x }),
+						"aria-label": H(d.cardDetails, { name: b }),
 						onClick: (e) => {
 							e.stopPropagation(), p();
 						},
-						children: /* @__PURE__ */ F(ue, { className: "size-icon-md" })
+						children: /* @__PURE__ */ I(le, { className: "size-icon-md" })
 					}),
-					y === "video" && !!D && /* @__PURE__ */ I(b, {
+					y === "video" && !!D && /* @__PURE__ */ L(x, {
 						tone: "secondary",
 						className: "media-library-card--duration absolute bottom-2 left-2 bg-inverse-background text-inverse-foreground",
-						children: [/* @__PURE__ */ F(fe, { className: "size-icon-sm fill-current" }), D]
+						children: [/* @__PURE__ */ I(fe, { className: "size-icon-sm fill-current" }), D]
 					}),
-					E && /* @__PURE__ */ F(b, {
+					E && /* @__PURE__ */ I(x, {
 						tone: "secondary",
 						className: "media-library-card--private absolute bottom-2 right-2 bg-card text-card-foreground",
-						children: /* @__PURE__ */ F(z, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ I(de, { className: "size-icon-sm" })
 					})
 				]
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: r("media-library-card--body", n === "compact" ? "p-surface-xs" : "p-surface"),
-				children: /* @__PURE__ */ I(c, {
+				children: /* @__PURE__ */ L(c, {
 					columns: 1,
 					gap: "xs",
-					children: [/* @__PURE__ */ F(o, {
+					children: [/* @__PURE__ */ I(a, {
 						tag: "div",
+						type: "inherit",
 						weight: "semibold",
 						className: "truncate",
-						children: x
-					}), a && /* @__PURE__ */ I(l, {
+						children: b
+					}), o && /* @__PURE__ */ L(l, {
 						direction: "horizontal",
 						align: "center",
 						justify: "between",
 						gap: "md",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ F(g, {
+						children: [/* @__PURE__ */ I(_, {
 							value: w,
 							size: "xs",
 							className: "truncate",
 							emptyLabel: d.unknownSize
-						}), !!T && /* @__PURE__ */ I(o, {
+						}), !!T && /* @__PURE__ */ L(a, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							className: "inline-flex items-center gap-space-xs",
-							children: [/* @__PURE__ */ F(R, { className: "size-icon-sm" }), T]
+							children: [/* @__PURE__ */ I(V, { className: "size-icon-sm" }), T]
 						})]
 					})]
 				})
@@ -860,127 +864,128 @@ function Ue({ item: e, selected: t = !1, density: n = "comfortable", showMeta: a
 		]
 	});
 }
-function K({ items: e, selectedSet: t, accessors: n, strings: c, onToggle: l, onDetails: u, onOpen: d, selecting: f = !1 }) {
+function Ue({ items: e, selectedSet: t, accessors: n, strings: c, onToggle: l, onDetails: u, onOpen: d, selecting: f = !1 }) {
 	let p = !!d && !f;
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "media-library-list--component min-w-180",
-		children: [/* @__PURE__ */ I("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border bg-background px-row-x py-row-y",
 			children: [
-				/* @__PURE__ */ F("span", {}),
-				/* @__PURE__ */ F("span", {}),
-				/* @__PURE__ */ F(a, { children: c.table.name }),
-				/* @__PURE__ */ F(a, { children: c.table.type }),
-				/* @__PURE__ */ F(a, { children: c.table.size }),
-				/* @__PURE__ */ F(a, { children: c.table.collection }),
-				/* @__PURE__ */ F(a, { children: c.table.used }),
-				/* @__PURE__ */ F("span", {})
+				/* @__PURE__ */ I("span", {}),
+				/* @__PURE__ */ I("span", {}),
+				/* @__PURE__ */ I(o, { children: c.table.name }),
+				/* @__PURE__ */ I(o, { children: c.table.type }),
+				/* @__PURE__ */ I(o, { children: c.table.size }),
+				/* @__PURE__ */ I(o, { children: c.table.collection }),
+				/* @__PURE__ */ I(o, { children: c.table.used }),
+				/* @__PURE__ */ I("span", {})
 			]
 		}), e.map((e) => {
-			let a = n.getId(e), f = t.has(a), h = n.getType(e), _ = n.getName(e), v = n.getSrc(e), y = n.getPublic(e) === !1;
-			return /* @__PURE__ */ I("div", {
+			let o = n.getId(e), f = t.has(o), m = n.getType(e), g = n.getName(e), v = n.getSrc(e), y = n.getPublic(e) === !1;
+			return /* @__PURE__ */ L("div", {
 				"data-selected": f || void 0,
-				className: r("media-library-list--row relative grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border/60 px-row-x py-row-y last:border-b-0", `cursor-pointer rounded-inner transition-colors ${m.rowHover}`, f && m.rowSelected),
-				onClick: () => p && d ? d(a) : l(a),
+				className: r("media-library-list--row relative grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border/60 px-row-x py-row-y last:border-b-0", `cursor-pointer rounded-inner transition-colors ${h.rowHover}`, f && h.rowSelected),
+				onClick: () => p && d ? d(o) : l(o),
 				children: [
-					/* @__PURE__ */ F("button", {
+					/* @__PURE__ */ I("button", {
 						type: "button",
-						"aria-label": _,
+						"aria-label": g,
 						"aria-pressed": p ? void 0 : f,
-						className: r("media-library-list--select rounded-inner", Ie),
+						className: r("media-library-list--select rounded-inner", Le),
 						onClick: (e) => {
-							e.stopPropagation(), p && d ? d(a) : l(a);
+							e.stopPropagation(), p && d ? d(o) : l(o);
 						}
 					}),
-					p ? /* @__PURE__ */ F("button", {
+					p ? /* @__PURE__ */ I("button", {
 						type: "button",
-						"aria-label": B(c.selectItem, { name: _ }),
+						"aria-label": H(c.selectItem, { name: g }),
 						"aria-pressed": f,
 						className: r(`relative z-10 inline-flex size-icon-lg cursor-pointer items-center justify-center rounded-radius border border-input bg-background p-0 text-transparent ${s.frame}`, f && "border-primary bg-primary text-primary-foreground"),
 						onClick: (e) => {
-							e.stopPropagation(), l(a);
+							e.stopPropagation(), l(o);
 						},
-						children: /* @__PURE__ */ F(oe, { className: "size-icon-sm" })
-					}) : /* @__PURE__ */ F("span", {
+						children: /* @__PURE__ */ I(R, { className: "size-icon-sm" })
+					}) : /* @__PURE__ */ I("span", {
 						className: r("inline-flex size-icon-lg items-center justify-center rounded-radius border border-border text-transparent", f && "border-primary bg-primary text-primary-foreground"),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ F(oe, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ I(R, { className: "size-icon-sm" })
 					}),
-					/* @__PURE__ */ F(Be, {
+					/* @__PURE__ */ I(G, {
 						tint: n.getTint(e),
 						className: "size-9 rounded-inner",
-						children: v ? /* @__PURE__ */ F("img", {
+						children: v ? /* @__PURE__ */ I("img", {
 							src: v,
 							alt: "",
 							loading: "lazy",
 							className: "size-full object-cover"
-						}) : /* @__PURE__ */ F("div", {
+						}) : /* @__PURE__ */ I("div", {
 							className: "flex size-full items-center justify-center text-muted-foreground",
-							children: U(h, "size-icon")
+							children: ze(m, "size-icon")
 						})
 					}),
-					/* @__PURE__ */ I(o, {
+					/* @__PURE__ */ L(a, {
 						tag: "div",
+						type: "inherit",
 						weight: "semibold",
 						className: "flex min-w-0 items-center gap-space-xs truncate",
-						children: [_, y && /* @__PURE__ */ F(z, { className: "size-icon-sm shrink-0 text-muted-foreground" })]
+						children: [g, y && /* @__PURE__ */ I(de, { className: "size-icon-sm shrink-0 text-muted-foreground" })]
 					}),
-					/* @__PURE__ */ F(b, {
+					/* @__PURE__ */ I(x, {
 						tone: "secondary",
-						children: W(h, c)
+						children: Be(m, c)
 					}),
-					/* @__PURE__ */ F(g, {
+					/* @__PURE__ */ I(_, {
 						value: n.getSize(e),
 						size: "xs",
 						emptyLabel: c.unknownSize
 					}),
-					/* @__PURE__ */ F(o, {
+					/* @__PURE__ */ I(a, {
 						size: "xs",
 						type: "secondary",
 						className: "truncate",
 						children: n.getCollection(e) || "—"
 					}),
-					/* @__PURE__ */ F(o, {
+					/* @__PURE__ */ I(a, {
 						size: "xs",
 						type: "secondary",
 						children: n.getUsageCount(e) ? n.getUsageCount(e) : "—"
 					}),
-					/* @__PURE__ */ F(i, {
+					/* @__PURE__ */ I(i, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
 						size: "sm",
 						iconOnly: !0,
 						className: "relative z-10",
-						"aria-label": B(c.cardDetails, { name: _ }),
+						"aria-label": H(c.cardDetails, { name: g }),
 						onClick: (e) => {
-							e.stopPropagation(), u(a);
+							e.stopPropagation(), u(o);
 						},
-						children: /* @__PURE__ */ F(ue, { className: "size-icon-md" })
+						children: /* @__PURE__ */ I(le, { className: "size-icon-md" })
 					})
 				]
-			}, a);
+			}, o);
 		})]
 	});
 }
-function q({ item: e, collections: t = [], accessors: n, strings: r, onClose: a, onUpdate: s, onRemove: u, onReplace: d, renderDetail: f }) {
+function Y({ item: e, collections: t = [], accessors: n, strings: r, onClose: o, onUpdate: s, onRemove: c, onReplace: u, renderDetail: d }) {
 	if (!e) return null;
-	let p = n.getName(e), m = n.getType(e), h = n.getSrc(e), v = n.getCollection(e) ?? t[0]?.value ?? "", y = n.getTags(e), x = n.getPublic(e) ?? !0, E = f?.(e, {
+	let f = n.getName(e), p = n.getType(e), m = n.getSrc(e), h = n.getCollection(e) ?? t[0]?.value ?? "", g = n.getTags(e), y = n.getPublic(e) ?? !0, b = d?.(e, {
 		accessors: n,
 		update: s,
-		remove: u,
-		replace: d,
-		close: a
+		remove: c,
+		replace: u,
+		close: o
 	});
-	return E ? /* @__PURE__ */ F(re, { children: E }) : /* @__PURE__ */ I("aside", {
-		className: "media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background @2xl/media-library:w-72",
-		children: [/* @__PURE__ */ F("div", {
+	return b ? /* @__PURE__ */ I(F, { children: b }) : /* @__PURE__ */ L("aside", {
+		className: "media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background text-foreground @2xl/media-library:w-72",
+		children: [/* @__PURE__ */ I("div", {
 			className: "media-library-detail-panel--header border-b border-border p-surface",
-			children: /* @__PURE__ */ I(l, {
+			children: /* @__PURE__ */ L(l, {
 				direction: "horizontal",
 				align: "center",
 				gap: "md",
-				children: [/* @__PURE__ */ F(i, {
+				children: [/* @__PURE__ */ I(i, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
@@ -988,86 +993,87 @@ function q({ item: e, collections: t = [], accessors: n, strings: r, onClose: a,
 					iconOnly: !0,
 					"aria-label": r.detail.close,
 					"data-media-detail-close": "",
-					onClick: a,
-					children: /* @__PURE__ */ F(ie, { className: "size-icon-md" })
-				}), /* @__PURE__ */ F(o, {
+					onClick: o,
+					children: /* @__PURE__ */ I(ae, { className: "size-icon-md" })
+				}), /* @__PURE__ */ I(a, {
 					weight: "semibold",
 					children: r.detail.title
 				})]
 			})
-		}), /* @__PURE__ */ I("div", {
-			className: "media-library-detail-panel--body grid min-h-0 gap-space-xl overflow-y-auto p-surface",
+		}), /* @__PURE__ */ L("div", {
+			className: "media-library-detail-panel--body grid min-h-0 auto-rows-max gap-space-xl overflow-y-auto p-surface",
 			children: [
-				/* @__PURE__ */ I(Be, {
+				/* @__PURE__ */ L(G, {
 					tint: n.getTint(e),
 					className: "aspect-[4/3] rounded-radius border border-border",
-					children: [/* @__PURE__ */ F(G, {
-						src: h,
-						alt: n.getAlt(e) || p,
-						type: m,
+					children: [/* @__PURE__ */ I(K, {
+						src: m,
+						alt: n.getAlt(e) || f,
+						type: p,
 						className: "size-full object-cover"
-					}), m === "video" && !!n.getDuration(e) && /* @__PURE__ */ I(b, {
+					}), p === "video" && !!n.getDuration(e) && /* @__PURE__ */ L(x, {
 						className: "absolute bottom-2 right-2 bg-inverse-background text-inverse-foreground",
-						children: [/* @__PURE__ */ F(fe, { className: "size-icon-sm fill-current" }), n.getDuration(e)]
+						children: [/* @__PURE__ */ I(fe, { className: "size-icon-sm fill-current" }), n.getDuration(e)]
 					})]
 				}),
-				/* @__PURE__ */ F(o, {
+				/* @__PURE__ */ I(a, {
 					tag: "div",
 					weight: "semibold",
 					className: "break-words",
-					children: p
+					children: f
 				}),
-				/* @__PURE__ */ F(c, {
-					render: /* @__PURE__ */ F("dl", {}),
-					columns: 1,
-					gap: "md",
+				/* @__PURE__ */ I(A, {
+					layout: "rows",
+					valueAlign: "end",
+					density: "compact",
 					className: "media-library-detail-panel--facts",
-					children: [
-						[r.detail.type, W(m, r)],
-						[r.detail.size, /* @__PURE__ */ F(g, {
-							value: n.getSize(e),
-							weight: "medium",
-							emptyLabel: r.unknownSize
-						})],
-						[r.detail.dimensions, /* @__PURE__ */ F(_, {
-							width: n.getWidth(e),
-							height: n.getHeight(e),
-							weight: "medium",
-							emptyLabel: r.unknownSize
-						})],
-						[r.detail.uploaded, String(n.getUploadedAt(e) ?? "—")],
-						[r.detail.usedIn, ze(n.getUsageCount(e), r)]
-					].map(([e, t]) => /* @__PURE__ */ I(l, {
-						direction: "horizontal",
-						justify: "between",
-						gap: "xl",
-						children: [/* @__PURE__ */ F("dt", { children: /* @__PURE__ */ F(o, {
-							tag: "span",
-							size: "xs",
-							type: "secondary",
-							children: e
-						}) }), /* @__PURE__ */ F("dd", {
-							className: "m-0 text-right",
-							children: typeof t == "string" ? /* @__PURE__ */ F(o, {
-								tag: "span",
-								weight: "medium",
-								children: t
-							}) : t
-						})]
-					}, e))
+					items: [
+						{
+							id: "type",
+							label: r.detail.type,
+							value: Be(p, r)
+						},
+						{
+							id: "size",
+							label: r.detail.size,
+							value: /* @__PURE__ */ I(_, {
+								value: n.getSize(e),
+								emptyLabel: r.unknownSize
+							})
+						},
+						{
+							id: "dimensions",
+							label: r.detail.dimensions,
+							value: /* @__PURE__ */ I(v, {
+								width: n.getWidth(e),
+								height: n.getHeight(e),
+								emptyLabel: r.unknownSize
+							})
+						},
+						{
+							id: "uploaded",
+							label: r.detail.uploaded,
+							value: String(n.getUploadedAt(e) ?? "—")
+						},
+						{
+							id: "used-in",
+							label: r.detail.usedIn,
+							value: Ve(n.getUsageCount(e), r)
+						}
+					]
 				}),
-				/* @__PURE__ */ F(C, {
+				/* @__PURE__ */ I(w, {
 					label: r.detail.altText,
-					children: /* @__PURE__ */ F(S, {
+					children: /* @__PURE__ */ I(C, {
 						value: n.getAlt(e) ?? "",
 						placeholder: r.detail.altPlaceholder,
 						onChange: (e) => s({ alt: e.target.value })
 					})
 				}),
-				/* @__PURE__ */ F(C, {
+				/* @__PURE__ */ I(w, {
 					label: r.detail.collection,
-					children: /* @__PURE__ */ F(T, {
-						value: v,
+					children: /* @__PURE__ */ I(E, {
+						value: h,
 						options: t.map((e) => ({
 							value: e.value,
 							label: String(e.label)
@@ -1076,48 +1082,48 @@ function q({ item: e, collections: t = [], accessors: n, strings: r, onClose: a,
 						onValueChange: (e) => s({ collection: e })
 					})
 				}),
-				/* @__PURE__ */ F(C, {
+				/* @__PURE__ */ I(w, {
 					label: r.detail.tags,
-					children: /* @__PURE__ */ F(S, {
-						value: y.join(", "),
+					children: /* @__PURE__ */ I(C, {
+						value: g.join(", "),
 						placeholder: r.detail.tagsPlaceholder,
 						onChange: (e) => s({ tags: e.target.value.split(",").map((e) => e.trim()).filter(Boolean) })
 					})
 				}),
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ I("div", {
 					className: "media-library-detail-panel--public",
-					children: /* @__PURE__ */ I(l, {
+					children: /* @__PURE__ */ L(l, {
 						direction: "horizontal",
 						align: "center",
 						justify: "between",
 						gap: "xl",
-						children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(o, {
+						children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(a, {
 							weight: "semibold",
 							children: r.detail.public
-						}), /* @__PURE__ */ F(o, {
+						}), /* @__PURE__ */ I(a, {
 							size: "xs",
 							type: "secondary",
-							children: x ? r.detail.publicHint : r.detail.privateHint
-						})] }), /* @__PURE__ */ F(w, {
+							children: y ? r.detail.publicHint : r.detail.privateHint
+						})] }), /* @__PURE__ */ I(T, {
 							"aria-label": r.detail.public,
-							checked: x,
+							checked: y,
 							onValueChange: (e) => s({ public: e })
 						})]
 					})
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ L("div", {
 					className: "media-library-detail-panel--actions flex flex-wrap gap-space-md",
-					children: [d && /* @__PURE__ */ F(i, {
+					children: [u && /* @__PURE__ */ I(i, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "outline",
-						onClick: d,
+						onClick: u,
 						children: r.detail.replace
-					}), /* @__PURE__ */ F(i, {
+					}), /* @__PURE__ */ I(i, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
-						onClick: u,
+						onClick: c,
 						children: r.detail.delete
 					})]
 				})
@@ -1125,128 +1131,128 @@ function q({ item: e, collections: t = [], accessors: n, strings: r, onClose: a,
 		})]
 	});
 }
-function We({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading: r = !1, strings: a, onFiles: s, onRemoveFile: c, onOptionsChange: u, empty: d }) {
-	return /* @__PURE__ */ F("div", {
+function X({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading: r = !1, strings: o, onFiles: s, onRemoveFile: c, onOptionsChange: u, empty: d }) {
+	return /* @__PURE__ */ I("div", {
 		className: "media-library-upload-panel--component p-surface",
-		children: /* @__PURE__ */ I(l, {
+		children: /* @__PURE__ */ L(l, {
 			gap: "xl",
 			children: [
-				/* @__PURE__ */ F(O, {
+				/* @__PURE__ */ I(ee, {
 					onDrop: s,
 					accept: "image/*,video/*",
 					multiple: !0,
 					size: "md",
 					strings: {
-						instruction: a.upload.dropTitle,
-						helper: a.upload.dropHint,
-						dragOver: a.upload.dragOver
+						instruction: o.upload.dropTitle,
+						helper: o.upload.dropHint,
+						dragOver: o.upload.dragOver
 					}
 				}),
-				e.length > 0 ? /* @__PURE__ */ F(l, {
+				e.length > 0 ? /* @__PURE__ */ I(l, {
 					gap: "md",
 					className: "media-library-upload-panel--staged",
-					children: e.map((e) => /* @__PURE__ */ I("div", {
-						className: "media-library-upload-panel--staged-file flex items-center gap-space-lg rounded-radius border border-border bg-card px-row-x py-row-y",
+					children: e.map((e) => /* @__PURE__ */ L("div", {
+						className: "media-library-upload-panel--staged-file flex items-center gap-space-lg rounded-radius border border-border bg-card text-card-foreground px-row-x py-row-y",
 						children: [
-							/* @__PURE__ */ F(Be, {
+							/* @__PURE__ */ I(G, {
 								className: "size-10 rounded-inner",
-								children: e.src ? /* @__PURE__ */ F("img", {
+								children: e.src ? /* @__PURE__ */ I("img", {
 									src: e.src,
 									alt: e.name,
 									className: "size-full object-cover"
-								}) : /* @__PURE__ */ F("div", {
+								}) : /* @__PURE__ */ I("div", {
 									className: "flex size-full items-center justify-center text-muted-foreground",
-									children: U(e.type, "size-icon")
+									children: ze(e.type, "size-icon")
 								})
 							}),
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ L(l, {
+								gap: "md",
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ I("div", {
+									/* @__PURE__ */ L("div", {
 										className: "flex items-baseline gap-space-lg",
-										children: [/* @__PURE__ */ F(o, {
+										children: [/* @__PURE__ */ I(a, {
+											type: "inherit",
 											weight: "semibold",
 											className: "truncate",
 											children: e.name
-										}), /* @__PURE__ */ F(g, {
+										}), /* @__PURE__ */ I(_, {
 											value: e.size,
 											size: "xs",
 											className: "ml-auto shrink-0"
 										})]
 									}),
-									(e.status === "uploading" || e.status === "done") && /* @__PURE__ */ F("div", {
-										className: "mt-space-md h-1 overflow-hidden rounded-full bg-muted",
-										children: /* @__PURE__ */ F("div", {
-											className: "h-full rounded-full bg-primary transition-[width]",
-											style: { width: `${e.progress}%` }
-										})
+									(e.status === "uploading" || e.status === "done") && /* @__PURE__ */ I(p, {
+										value: e.progress,
+										size: "sm",
+										"aria-label": e.name
 									}),
-									e.status === "error" && /* @__PURE__ */ F(o, {
+									e.status === "error" && /* @__PURE__ */ I(a, {
 										type: "error",
 										children: e.error
 									})
 								]
 							}),
-							e.status === "done" ? /* @__PURE__ */ F(b, {
+							e.status === "done" ? /* @__PURE__ */ I(x, {
 								tone: "success",
-								children: a.upload.done
-							}) : e.status === "uploading" ? /* @__PURE__ */ F(v, {
+								children: o.upload.done
+							}) : e.status === "uploading" ? /* @__PURE__ */ I(y, {
 								value: Math.round(e.progress),
 								scaled: !0,
 								size: "xs",
 								type: "secondary"
-							}) : /* @__PURE__ */ F(i, {
+							}) : /* @__PURE__ */ I(i, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
 								iconOnly: !0,
 								disabled: r,
-								"aria-label": B(a.upload.removeFile, { name: e.name }),
+								"aria-label": H(o.upload.removeFile, { name: e.name }),
 								onClick: () => c(e.id),
-								children: /* @__PURE__ */ F(ye, { className: "size-icon-md" })
+								children: /* @__PURE__ */ I(ye, { className: "size-icon-md" })
 							})
 						]
 					}, e.id))
 				}) : d,
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ L("div", {
 					className: "media-library-upload-panel--options grid gap-space-lg @2xl/media-library:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]",
 					children: [
-						/* @__PURE__ */ F(C, {
-							label: a.upload.collection,
-							children: /* @__PURE__ */ F(T, {
+						/* @__PURE__ */ I(w, {
+							label: o.upload.collection,
+							children: /* @__PURE__ */ I(E, {
 								value: t.collection ?? n[0]?.value,
 								options: n.map((e) => ({
 									value: e.value,
 									label: String(e.label)
 								})),
-								"aria-label": a.upload.collection,
+								"aria-label": o.upload.collection,
 								onValueChange: (e) => u({ collection: e })
 							})
 						}),
-						/* @__PURE__ */ F(C, {
-							label: a.upload.tags,
-							children: /* @__PURE__ */ F(S, {
+						/* @__PURE__ */ I(w, {
+							label: o.upload.tags,
+							children: /* @__PURE__ */ I(C, {
 								value: t.tags.join(", "),
-								placeholder: a.upload.tagsPlaceholder,
+								placeholder: o.upload.tagsPlaceholder,
 								onChange: (e) => u({ tags: e.target.value.split(",").map((e) => e.trim()).filter(Boolean) })
 							})
 						}),
-						/* @__PURE__ */ I(l, {
+						/* @__PURE__ */ L(l, {
 							direction: "horizontal",
 							align: "center",
 							justify: "between",
 							gap: "xl",
 							className: "@2xl/media-library:self-end",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(o, {
+							children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(a, {
 								weight: "semibold",
-								children: a.upload.public
-							}), /* @__PURE__ */ F(o, {
+								children: o.upload.public
+							}), /* @__PURE__ */ I(a, {
 								size: "xs",
 								type: "secondary",
-								children: a.upload.publicHint
-							})] }), /* @__PURE__ */ F(w, {
-								"aria-label": a.upload.public,
+								children: o.upload.publicHint
+							})] }), /* @__PURE__ */ I(T, {
+								"aria-label": o.upload.public,
 								checked: t.public,
 								onValueChange: (e) => u({ public: e })
 							})]
@@ -1257,35 +1263,35 @@ function We({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading:
 		})
 	});
 }
-function J({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: a, strings: s, onClearSelection: c, className: l }) {
-	let u = t.length, d = a.reduce((e, t) => e + t.size, 0), f = a.length, p = r("media-library-footer-summary--component flex min-w-0 items-center gap-space-lg", l);
-	return e === "upload" ? /* @__PURE__ */ F("div", {
+function We({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: o, strings: s, onClearSelection: c, className: l }) {
+	let u = t.length, d = o.reduce((e, t) => e + t.size, 0), f = o.length, p = r("media-library-footer-summary--component flex min-w-0 items-center gap-space-lg", l);
+	return e === "upload" ? /* @__PURE__ */ I("div", {
 		className: p,
 		"aria-live": "polite",
-		children: /* @__PURE__ */ F(o, {
+		children: /* @__PURE__ */ I(a, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
-			children: f === 0 ? s.footer.noFiles : B(s.footer.stagedSummary, {
+			children: f === 0 ? s.footer.noFiles : H(s.footer.stagedSummary, {
 				count: f,
-				size: h(d) ?? s.unknownSize
+				size: g(d) ?? s.unknownSize
 			})
 		})
-	}) : /* @__PURE__ */ F("div", {
+	}) : /* @__PURE__ */ I("div", {
 		className: p,
 		"aria-live": "polite",
-		children: u > 0 ? /* @__PURE__ */ I(re, { children: [/* @__PURE__ */ F(o, {
+		children: u > 0 ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(a, {
 			weight: "semibold",
 			className: "whitespace-nowrap",
-			children: B(s.footer.selectedCount, { count: u })
-		}), /* @__PURE__ */ F(i, {
+			children: H(s.footer.selectedCount, { count: u })
+		}), /* @__PURE__ */ I(i, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "sm",
 			onClick: c,
 			children: s.footer.clear
-		})] }) : /* @__PURE__ */ F(o, {
+		})] }) : /* @__PURE__ */ I(a, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
@@ -1293,56 +1299,56 @@ function J({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: a, strings:
 		})
 	});
 }
-function Ge({ tab: e, selectedItems: t, selectedIds: n, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onUpload: f, onCancelUpload: p, className: m }) {
+function Z({ tab: e, selectedItems: t, selectedIds: n, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onUpload: f, onCancelUpload: p, className: m }) {
 	let h = n.length, g = a.length;
-	return e === "upload" ? /* @__PURE__ */ I("div", {
+	return e === "upload" ? /* @__PURE__ */ L("div", {
 		className: r("media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end", m),
-		children: [/* @__PURE__ */ F(i, {
+		children: [/* @__PURE__ */ I(i, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			disabled: o,
 			onClick: p,
 			children: l ?? s.footer.cancel
-		}), /* @__PURE__ */ F(i, {
+		}), /* @__PURE__ */ I(i, {
 			tone: "primary",
 			type: "button",
 			disabled: g === 0 || o,
 			onClick: f,
 			loading: o,
 			strings: { loading: s.footer.uploading },
-			children: g <= 1 ? s.footer.upload : B(s.footer.uploadMany, { count: g })
+			children: g <= 1 ? s.footer.upload : H(s.footer.uploadMany, { count: g })
 		})]
-	}) : /* @__PURE__ */ I("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: r("media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end", m),
-		children: [/* @__PURE__ */ F(i, {
+		children: [/* @__PURE__ */ I(i, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: u,
 			children: l ?? s.footer.cancel
-		}), /* @__PURE__ */ F(i, {
+		}), /* @__PURE__ */ I(i, {
 			tone: "primary",
 			type: "button",
 			disabled: h === 0,
 			onClick: d,
-			children: c ?? (h === 0 ? s.footer.confirmEmpty : t.length === 1 ? s.footer.confirmOne : B(s.footer.confirmMany, { count: h }))
+			children: c ?? (h === 0 ? s.footer.confirmEmpty : t.length === 1 ? s.footer.confirmOne : H(s.footer.confirmMany, { count: h }))
 		})]
 	});
 }
-function Ke({ tab: e, selectedItems: t, selectedIds: n, selectionMode: i, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onClearSelection: f, onUpload: p, onCancelUpload: m, chrome: h = "section", className: g }) {
-	return /* @__PURE__ */ F("footer", {
-		className: r("media-library-footer--component", h === "section" && "border-t border-border bg-background p-surface", g),
-		children: /* @__PURE__ */ I("div", {
+function Ge({ tab: e, selectedItems: t, selectedIds: n, selectionMode: i, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onClearSelection: f, onUpload: p, onCancelUpload: m, chrome: h = "section", className: g }) {
+	return /* @__PURE__ */ I("footer", {
+		className: r("media-library-footer--component", h === "section" && "border-t border-border bg-background text-foreground p-surface", g),
+		children: /* @__PURE__ */ L("div", {
 			className: "flex min-w-0 flex-col gap-space-lg @md/media-library:flex-row @md/media-library:justify-between",
-			children: [/* @__PURE__ */ F(J, {
+			children: [/* @__PURE__ */ I(We, {
 				tab: e,
 				selectedIds: n,
 				selectionMode: i,
 				stagedFiles: a,
 				strings: s,
 				onClearSelection: f
-			}), /* @__PURE__ */ F(Ge, {
+			}), /* @__PURE__ */ I(Z, {
 				tab: e,
 				selectedItems: t,
 				selectedIds: n,
@@ -1361,9 +1367,9 @@ function Ke({ tab: e, selectedItems: t, selectedIds: n, selectionMode: i, staged
 }
 //#endregion
 //#region src/components/features/media-library/media-library.tsx
-var Y = te(null);
+var Ke = j(null);
 function qe(e, t, n) {
-	return M(() => {
+	return N(() => {
 		if (e) return e;
 		let r = /* @__PURE__ */ new Set();
 		for (let e of t) {
@@ -1380,28 +1386,28 @@ function qe(e, t, n) {
 		t
 	]);
 }
-function X({ title: a, titleSuffix: c, description: p, confirmLabel: h, cancelLabel: g, selectionMode: _ = "multiple", density: v = "comfortable", showMeta: b = !0, allowUpload: S = !0, typeFilters: C, confirmOnSelect: w = !1, onConfirm: T, onCancel: ee, onClose: O, bulkActions: k, strings: te, slots: A, heightClassName: M, className: P, items: re, fetcher: ie, accessors: ae, collections: oe, value: se, defaultValue: ce, onValueChange: L, onItemUpdate: ue, onItemDelete: R, onItemReplace: de, onItemOpen: z, onUpload: fe, onError: pe, selecting: me, defaultSelecting: he, onSelectingChange: ge, tab: ve, defaultTab: ye, onTabChange: Se, view: Ce, defaultView: V, onViewChange: we, query: Te, defaultQuery: H, onQueryChange: Ee, type: De, defaultType: Oe, onTypeChange: ke, collection: Ae, defaultCollection: je, onCollectionChange: Me, sort: Ne, defaultSort: Pe, onSortChange: Ie, uploadOptions: Le, defaultUploadOptions: Re, onUploadOptionsChange: U, ...W }) {
-	let { defaultScale: ze } = e(), Be = t(void 0, ze), G = n(xe, te), X = Fe({
-		items: re,
-		fetcher: ie,
+function Je({ title: o, titleSuffix: c, description: p, confirmLabel: m, cancelLabel: g, selectionMode: _ = "multiple", density: v = "comfortable", showMeta: y = !0, allowUpload: C = !0, typeFilters: w, confirmOnSelect: T = !1, onConfirm: E, onCancel: k, onClose: A, bulkActions: ee, strings: te, slots: j, heightClassName: M, className: N, items: P, fetcher: F, accessors: ae, collections: oe, value: R, defaultValue: z, onValueChange: se, onItemUpdate: B, onItemDelete: le, onItemReplace: V, onItemOpen: ue, onUpload: de, onError: fe, selecting: pe, defaultSelecting: me, onSelectingChange: he, tab: ge, defaultTab: ve, onTabChange: ye, view: Se, defaultView: Ce, onViewChange: U, query: we, defaultQuery: Te, onQueryChange: Ee, type: De, defaultType: Oe, onTypeChange: ke, collection: Ae, defaultCollection: je, onCollectionChange: Me, sort: Ne, defaultSort: Pe, onSortChange: Fe, uploadOptions: Le, defaultUploadOptions: Re, onUploadOptionsChange: W, ...ze }) {
+	let { defaultScale: Be } = e(), Ve = t(void 0, Be), G = n(xe, te), K = Ie({
+		items: P,
+		fetcher: F,
 		accessors: ae,
 		collections: oe,
 		selectionMode: _,
-		value: se,
-		defaultValue: ce,
-		onValueChange: L,
-		onItemUpdate: ue,
-		onItemDelete: R,
-		onUpload: fe,
-		onError: pe,
-		tab: ve,
-		defaultTab: ye,
-		onTabChange: Se,
-		view: Ce,
-		defaultView: V,
-		onViewChange: we,
-		query: Te,
-		defaultQuery: H,
+		value: R,
+		defaultValue: z,
+		onValueChange: se,
+		onItemUpdate: B,
+		onItemDelete: le,
+		onUpload: de,
+		onError: fe,
+		tab: ge,
+		defaultTab: ve,
+		onTabChange: ye,
+		view: Se,
+		defaultView: Ce,
+		onViewChange: U,
+		query: we,
+		defaultQuery: Te,
 		onQueryChange: Ee,
 		type: De,
 		defaultType: Oe,
@@ -1411,261 +1417,267 @@ function X({ title: a, titleSuffix: c, description: p, confirmLabel: h, cancelLa
 		onCollectionChange: Me,
 		sort: Ne,
 		defaultSort: Pe,
-		onSortChange: Ie,
+		onSortChange: Fe,
 		uploadOptions: Le,
 		defaultUploadOptions: Re,
-		onUploadOptionsChange: U,
-		selecting: me,
-		defaultSelecting: he ?? w,
-		onSelectingChange: ge
-	}), Je = qe(oe, X.items, X.accessors.getCollection), Z = S ? X.tab : "library", Q = X.detailId ? X.items.find((e) => X.accessors.getId(e) === X.detailId) ?? null : null, $ = ne(Y), Ye = !A?.footer, Xe = $ && Ye ? /* @__PURE__ */ F(J, {
-		tab: Z,
-		selectedIds: X.selectedIds,
+		onUploadOptionsChange: W,
+		selecting: pe,
+		defaultSelecting: me ?? T,
+		onSelectingChange: he
+	}), Je = qe(oe, K.items, K.accessors.getCollection), Q = C ? K.tab : "library", $ = K.detailId ? K.items.find((e) => K.accessors.getId(e) === K.detailId) ?? null : null, Ye = ne(Ke), Xe = !j?.footer, Ze = Ye && Xe ? /* @__PURE__ */ I(We, {
+		tab: Q,
+		selectedIds: K.selectedIds,
 		selectionMode: _,
-		stagedFiles: X.stagedFiles,
+		stagedFiles: K.stagedFiles,
 		strings: G,
-		onClearSelection: X.clearSelection,
+		onClearSelection: K.clearSelection,
 		className: "media-library-dialog--selection-summary shrink-0 justify-end"
-	}) : null, Ze = !!(a || c || p || A?.headerStart), Qe = !!(S || A?.headerEnd || Xe), $e = Ze || Qe, et = () => {
-		T?.(X.selectedItems, X.selectedIds), O?.();
-	}, tt = () => {
-		ee?.(), O?.();
-	}, nt = (e) => {
-		let t = X.accessors.getId(e);
-		X.toggleSelection(t), w && (T?.([e], [t]), O?.());
-	}, rt = N(null), it = N(null), at = (e) => {
-		it.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, X.setDetailId(e);
-	}, ot = (e) => {
-		z ? z(e) : at(X.accessors.getId(e));
+	}) : null, Qe = !!(o || c || p || j?.headerStart), $e = !!(C || j?.headerEnd || Ze), et = Qe || $e, tt = () => {
+		E?.(K.selectedItems, K.selectedIds), A?.();
+	}, nt = () => {
+		k?.(), A?.();
+	}, rt = (e) => {
+		let t = K.accessors.getId(e);
+		K.toggleSelection(t), T && (E?.([e], [t]), A?.());
+	}, it = ie(null), at = ie(null), ot = (e) => {
+		at.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, K.setDetailId(e);
+	}, st = (e) => {
+		ue ? ue(e) : ot(K.accessors.getId(e));
 	};
-	j(() => {
-		if (X.detailId !== null) {
-			it.current && rt.current?.querySelector("[data-media-detail-close]")?.focus();
+	re(() => {
+		if (K.detailId !== null) {
+			at.current && it.current?.querySelector("[data-media-detail-close]")?.focus();
 			return;
 		}
-		let e = it.current;
-		it.current = null, e?.isConnected && e.focus();
-	}, [X.detailId]);
-	let st = X.query.trim(), ct = st.length > 0 ? B(G.countSearch, {
-		count: X.filteredCount,
-		total: X.totalCount,
-		query: st
-	}) : X.filteredCount === X.totalCount ? B(G.countAll, { count: X.totalCount }) : B(G.countFiltered, {
-		count: X.filteredCount,
-		total: X.totalCount
-	}), lt = !!k && !($ || T && !w), ut = N(null), dt = Z === "library" ? X.selectedIds.length : 0, ft = A?.footer ?? (lt && Z === "library" ? null : $ ? /* @__PURE__ */ F(Ge, {
-		tab: Z,
-		selectedItems: X.selectedItems,
-		selectedIds: X.selectedIds,
-		stagedFiles: X.stagedFiles,
-		uploading: X.uploading,
+		let e = at.current;
+		at.current = null, e?.isConnected && e.focus();
+	}, [K.detailId]);
+	let ct = K.query.trim(), lt = ct.length > 0 ? H(G.countSearch, {
+		count: K.filteredCount,
+		total: K.totalCount,
+		query: ct
+	}) : K.filteredCount === K.totalCount ? H(G.countAll, { count: K.totalCount }) : H(G.countFiltered, {
+		count: K.filteredCount,
+		total: K.totalCount
+	}), ut = !!ee && !(Ye || E && !T), dt = ie(null), ft = Q === "library" ? K.selectedIds.length : 0, pt = j?.footer ?? (ut && Q === "library" ? null : Ye ? /* @__PURE__ */ I(Z, {
+		tab: Q,
+		selectedItems: K.selectedItems,
+		selectedIds: K.selectedIds,
+		stagedFiles: K.stagedFiles,
+		uploading: K.uploading,
 		strings: G,
-		confirmLabel: h,
+		confirmLabel: m,
 		cancelLabel: g,
-		onCancel: tt,
-		onConfirm: et,
-		onUpload: X.startUpload,
+		onCancel: nt,
+		onConfirm: tt,
+		onUpload: K.startUpload,
 		onCancelUpload: () => {
-			X.cancelUpload(), X.clearStagedFiles(), X.setTab("library");
+			K.cancelUpload(), K.clearStagedFiles(), K.setTab("library");
 		},
 		className: "ml-auto"
-	}) : /* @__PURE__ */ F(Ke, {
-		tab: Z,
-		selectedItems: X.selectedItems,
-		selectedIds: X.selectedIds,
+	}) : /* @__PURE__ */ I(Ge, {
+		tab: Q,
+		selectedItems: K.selectedItems,
+		selectedIds: K.selectedIds,
 		selectionMode: _,
-		stagedFiles: X.stagedFiles,
-		uploading: X.uploading,
+		stagedFiles: K.stagedFiles,
+		uploading: K.uploading,
 		strings: G,
-		confirmLabel: h,
+		confirmLabel: m,
 		cancelLabel: g,
-		onCancel: tt,
-		onConfirm: et,
-		onClearSelection: X.clearSelection,
-		onUpload: X.startUpload,
+		onCancel: nt,
+		onConfirm: tt,
+		onClearSelection: K.clearSelection,
+		onUpload: K.startUpload,
 		onCancelUpload: () => {
-			X.cancelUpload(), X.clearStagedFiles(), X.setTab("library");
+			K.cancelUpload(), K.clearStagedFiles(), K.setTab("library");
 		}
 	}));
-	return /* @__PURE__ */ I("section", {
-		ref: rt,
-		className: r("media-library--component @container/media-library flex min-h-0 flex-col overflow-hidden rounded-radius border border-border bg-background", M ?? "h-190 max-h-[calc(100vh-7rem)]", P),
-		...W,
+	return /* @__PURE__ */ L("section", {
+		ref: it,
+		className: r("media-library--component @container/media-library box-border flex min-h-0 flex-col overflow-hidden rounded-radius border border-border bg-background text-foreground", M ?? "h-190 max-h-[calc(100vh-7rem)]", N),
+		...ze,
 		children: [
-			$e && /* @__PURE__ */ I("header", {
+			et && /* @__PURE__ */ L("header", {
 				className: "media-library--header flex flex-col gap-space-lg border-b border-border p-surface @2xl/media-library:flex-row @2xl/media-library:items-center @2xl/media-library:justify-between",
-				children: [Ze && /* @__PURE__ */ I(l, {
+				children: [Qe && /* @__PURE__ */ L(l, {
 					direction: "horizontal",
 					align: "start",
 					gap: "lg",
 					className: "min-w-0",
-					children: [A?.headerStart, (a || c || p) && /* @__PURE__ */ I(l, {
+					children: [j?.headerStart, (o || c || p) && /* @__PURE__ */ L(l, {
 						gap: "normal",
 						className: "min-w-0",
-						children: [!!(a || c) && /* @__PURE__ */ F(u, {
-							title: a,
+						children: [!!(o || c) && /* @__PURE__ */ I(u, {
+							title: o,
 							suffix: c,
 							className: "media-library--title"
-						}), !!p && /* @__PURE__ */ F(o, {
+						}), !!p && /* @__PURE__ */ I(a, {
 							type: "secondary",
 							children: p
 						})]
 					})]
-				}), Qe && /* @__PURE__ */ I("div", {
-					className: r("media-library--header-controls flex min-w-0 flex-wrap items-center gap-space-md", Xe ? "flex-1 justify-between" : "@2xl/media-library:justify-end"),
-					children: [/* @__PURE__ */ I(l, {
+				}), $e && /* @__PURE__ */ L("div", {
+					className: r("media-library--header-controls flex min-w-0 flex-wrap items-center gap-space-md", Ze ? "flex-1 justify-between" : "@2xl/media-library:justify-end"),
+					children: [/* @__PURE__ */ L(l, {
 						direction: "horizontal",
 						wrap: !0,
 						align: "center",
 						gap: "md",
 						className: "min-w-0",
-						children: [S && /* @__PURE__ */ I("div", {
-							className: r("media-library--tabs", E.frame, D[Be]),
+						children: [C && /* @__PURE__ */ L("div", {
+							className: r("media-library--tabs", D.frame, O[Ve]),
 							role: "tablist",
-							children: [/* @__PURE__ */ I(i, {
+							children: [/* @__PURE__ */ L(i, {
 								type: "button",
 								role: "tab",
-								"aria-selected": Z === "library",
+								"aria-selected": Q === "library",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
-								className: r(E.item, "shadow-none", Z === "library" ? `${m.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
-								onClick: () => X.setTab("library"),
-								children: [/* @__PURE__ */ F(le, { className: "size-icon-md" }), G.tabs.library]
-							}), /* @__PURE__ */ I(i, {
+								className: r(D.item, "shadow-none", Q === "library" ? `${h.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
+								onClick: () => K.setTab("library"),
+								children: [/* @__PURE__ */ I(ce, { className: "size-icon-md" }), G.tabs.library]
+							}), /* @__PURE__ */ L(i, {
 								type: "button",
 								role: "tab",
-								"aria-selected": Z === "upload",
+								"aria-selected": Q === "upload",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
-								className: r(E.item, "shadow-none", Z === "upload" ? `${m.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
-								onClick: () => X.setTab("upload"),
+								className: r(D.item, "shadow-none", Q === "upload" ? `${h.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
+								onClick: () => K.setTab("upload"),
 								children: [
-									/* @__PURE__ */ F(_e, { className: "size-icon-md" }),
+									/* @__PURE__ */ I(_e, { className: "size-icon-md" }),
 									G.tabs.upload,
-									X.stagedFiles.length > 0 && /* @__PURE__ */ F(y, {
-										value: X.stagedFiles.length,
-										size: "xs",
-										align: "center",
-										className: "rounded-full bg-foreground/8 px-1.5"
+									K.stagedFiles.length > 0 && /* @__PURE__ */ I(x, {
+										size: "sm",
+										tone: "secondary",
+										className: "media-library--staged-count",
+										children: /* @__PURE__ */ I(b, {
+											value: K.stagedFiles.length,
+											size: "inherit",
+											weight: "inherit",
+											type: "inherit",
+											align: "center"
+										})
 									})
 								]
 							})]
-						}), A?.headerEnd]
-					}), Xe]
+						}), j?.headerEnd]
+					}), Ze]
 				})]
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ L("div", {
 				className: "media-library--body flex min-h-0 flex-1",
-				children: [Z === "upload" ? /* @__PURE__ */ F("div", {
+				children: [Q === "upload" ? /* @__PURE__ */ I("div", {
 					className: "min-w-0 flex-1 overflow-y-auto",
-					children: /* @__PURE__ */ F(We, {
-						stagedFiles: X.stagedFiles,
-						uploadOptions: X.uploadOptions,
+					children: /* @__PURE__ */ I(X, {
+						stagedFiles: K.stagedFiles,
+						uploadOptions: K.uploadOptions,
 						collections: Je,
-						uploading: X.uploading,
+						uploading: K.uploading,
 						strings: G,
-						onFiles: X.addFiles,
-						onRemoveFile: X.removeStagedFile,
-						onOptionsChange: X.updateUploadOptions,
-						empty: A?.uploadEmpty
+						onFiles: K.addFiles,
+						onRemoveFile: K.removeStagedFile,
+						onOptionsChange: K.updateUploadOptions,
+						empty: j?.uploadEmpty
 					})
-				}) : /* @__PURE__ */ I("div", {
-					className: r("media-library--library min-w-0 flex-1 flex-col", Q ? "hidden @2xl/media-library:flex" : "flex"),
-					children: [/* @__PURE__ */ I(l, {
+				}) : /* @__PURE__ */ L("div", {
+					className: r("media-library--library min-w-0 flex-1 flex-col", $ ? "hidden @2xl/media-library:flex" : "flex"),
+					children: [/* @__PURE__ */ L(l, {
 						gap: "md",
 						className: "media-library--toolbar border-b border-border/60 p-surface",
-						children: [/* @__PURE__ */ F(He, {
-							query: X.query,
-							type: X.type,
-							typeFilters: C,
-							collection: X.collection,
-							sort: X.sort,
-							view: X.view,
+						children: [/* @__PURE__ */ I(q, {
+							query: K.query,
+							type: K.type,
+							typeFilters: w,
+							collection: K.collection,
+							sort: K.sort,
+							view: K.view,
 							collections: Je,
 							strings: G,
-							onQueryChange: X.setQuery,
-							onTypeChange: X.setType,
-							onCollectionChange: X.setCollection,
-							onSortChange: X.setSort,
-							onViewChange: X.setView,
-							onClearFilters: X.clearFilters,
-							toolbarEnd: A?.toolbarEnd,
-							selecting: X.selecting,
-							onSelectingChange: X.setSelecting
-						}), /* @__PURE__ */ F(o, {
+							onQueryChange: K.setQuery,
+							onTypeChange: K.setType,
+							onCollectionChange: K.setCollection,
+							onSortChange: K.setSort,
+							onViewChange: K.setView,
+							onClearFilters: K.clearFilters,
+							toolbarEnd: j?.toolbarEnd,
+							selecting: K.selecting,
+							onSelectingChange: K.setSelecting
+						}), /* @__PURE__ */ I(a, {
 							size: "xs",
 							type: "secondary",
 							"aria-live": "polite",
-							children: ct
+							children: lt
 						})]
-					}), /* @__PURE__ */ F("div", {
-						ref: ut,
+					}), /* @__PURE__ */ I("div", {
+						ref: dt,
 						role: "region",
 						"aria-label": G.resultsLabel,
 						tabIndex: 0,
 						className: `media-library--results min-h-0 flex-1 overflow-y-auto p-surface focus-visible:outline-none ${s.inset}`,
-						children: X.loading ? A?.loading ?? /* @__PURE__ */ F(d, {
+						children: K.loading ? j?.loading ?? /* @__PURE__ */ I(d, {
 							className: "min-h-64",
 							label: G.loading
-						}) : X.error ? A?.error ?? /* @__PURE__ */ F(f, {
+						}) : K.error ? j?.error ?? /* @__PURE__ */ I(f, {
 							title: G.errorTitle,
 							description: G.errorDescription
-						}) : X.visibleItems.length === 0 ? A?.empty ?? /* @__PURE__ */ F(Ve, {
-							title: X.hasFilters ? G.emptyFilteredTitle : G.emptyLibraryTitle,
-							description: X.hasFilters ? G.emptyFilteredDescription : G.emptyLibraryDescription,
-							action: X.hasFilters ? /* @__PURE__ */ F(i, {
+						}) : K.visibleItems.length === 0 ? j?.empty ?? /* @__PURE__ */ I(He, {
+							title: K.hasFilters ? G.emptyFilteredTitle : G.emptyLibraryTitle,
+							description: K.hasFilters ? G.emptyFilteredDescription : G.emptyLibraryDescription,
+							action: K.hasFilters ? /* @__PURE__ */ I(i, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "outline",
-								onClick: X.clearFilters,
+								onClick: K.clearFilters,
 								children: G.clearFilters
-							}) : S ? /* @__PURE__ */ F(i, {
+							}) : C ? /* @__PURE__ */ I(i, {
 								tone: "primary",
 								type: "button",
-								onClick: () => X.setTab("upload"),
+								onClick: () => K.setTab("upload"),
 								children: G.uploadMedia
 							}) : void 0
-						}) : X.view === "table" ? /* @__PURE__ */ F("div", {
+						}) : K.view === "table" ? /* @__PURE__ */ I("div", {
 							className: "overflow-x-auto",
-							children: /* @__PURE__ */ F(K, {
-								items: X.visibleItems,
-								selectedSet: X.selectedSet,
+							children: /* @__PURE__ */ I(Ue, {
+								items: K.visibleItems,
+								selectedSet: K.selectedSet,
 								selectionMode: _,
-								accessors: X.accessors,
+								accessors: K.accessors,
 								strings: G,
 								onToggle: (e) => {
-									let t = X.items.find((t) => X.accessors.getId(t) === e);
-									t && nt(t);
+									let t = K.items.find((t) => K.accessors.getId(t) === e);
+									t && rt(t);
 								},
-								onDetails: at,
-								selecting: X.selecting,
+								onDetails: ot,
+								selecting: K.selecting,
 								onOpen: (e) => {
-									let t = X.items.find((t) => X.accessors.getId(t) === e);
-									t && ot(t);
+									let t = K.items.find((t) => K.accessors.getId(t) === e);
+									t && st(t);
 								}
 							})
-						}) : /* @__PURE__ */ F("div", {
+						}) : /* @__PURE__ */ I("div", {
 							className: r("media-library--grid grid min-w-0 gap-space-lg", v === "compact" ? "grid-cols-[repeat(auto-fill,minmax(136px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(168px,1fr))]"),
-							children: X.visibleItems.map((e) => {
-								let t = X.accessors.getId(e), n = {
+							children: K.visibleItems.map((e) => {
+								let t = K.accessors.getId(e), n = {
 									id: t,
-									selected: X.selectedSet.has(t),
+									selected: K.selectedSet.has(t),
 									selectionMode: _,
-									selecting: X.selecting,
-									accessors: X.accessors,
-									toggle: () => nt(e),
-									openDetails: () => at(t),
-									open: () => ot(e)
-								}, r = A?.renderItem?.(e, n);
-								return r ? /* @__PURE__ */ F("div", { children: r }, t) : /* @__PURE__ */ F(Ue, {
+									selecting: K.selecting,
+									accessors: K.accessors,
+									toggle: () => rt(e),
+									openDetails: () => ot(t),
+									open: () => st(e)
+								}, r = j?.renderItem?.(e, n);
+								return r ? /* @__PURE__ */ I("div", { children: r }, t) : /* @__PURE__ */ I(J, {
 									item: e,
 									selected: n.selected,
 									density: v,
-									showMeta: b,
+									showMeta: y,
 									selectionMode: _,
-									accessors: X.accessors,
+									accessors: K.accessors,
 									strings: G,
 									onToggle: n.toggle,
 									onDetails: n.openDetails,
@@ -1675,54 +1687,55 @@ function X({ title: a, titleSuffix: c, description: p, confirmLabel: h, cancelLa
 							})
 						})
 					})]
-				}), Z === "library" && /* @__PURE__ */ F(q, {
-					item: Q,
+				}), Q === "library" && /* @__PURE__ */ I(Y, {
+					item: $,
 					collections: Je,
-					accessors: X.accessors,
+					accessors: K.accessors,
 					strings: G,
-					onClose: () => X.setDetailId(null),
-					onUpdate: (e) => Q ? X.updateItem(Q, e) : Promise.resolve(!1),
-					onReplace: de && Q ? () => de(Q) : void 0,
+					onClose: () => K.setDetailId(null),
+					onUpdate: (e) => $ ? K.updateItem($, e) : Promise.resolve(!1),
+					onReplace: V && $ ? () => V($) : void 0,
 					onRemove: async () => {
-						if (!Q) return !1;
-						let e = await X.removeItem(Q);
-						return e && X.setDetailId(null), e;
+						if (!$) return !1;
+						let e = await K.removeItem($);
+						return e && K.setDetailId(null), e;
 					},
-					renderDetail: A?.renderDetail
+					renderDetail: j?.renderDetail
 				})]
 			}),
-			$ ? $.element ? be(ft, $.element) : null : ft,
-			lt && /* @__PURE__ */ F(x, {
-				selectedCount: dt,
-				totalCount: X.totalCount,
-				onClear: X.clearSelection,
-				returnFocusRef: ut,
+			Ye ? Ye.element ? be(pt, Ye.element) : null : pt,
+			ut && /* @__PURE__ */ I(S, {
+				selectedCount: ft,
+				totalCount: K.totalCount,
+				onClear: K.clearSelection,
+				returnFocusRef: dt,
 				className: "media-library--bulk-actions",
 				strings: {
-					summary: (e) => B(G.footer.selectedCount, { count: e }),
+					label: G.batchActionsLabel,
+					summary: (e) => H(G.footer.selectedCount, { count: e }),
 					clear: G.footer.clear
 				},
-				children: dt > 0 && k?.({
-					selectedItems: X.selectedItems,
-					selectedIds: X.selectedIds,
-					selectedCount: X.selectedIds.length,
-					visibleCount: X.filteredCount,
-					totalCount: X.totalCount,
-					clearSelection: X.clearSelection
+				children: ft > 0 && ee?.({
+					selectedItems: K.selectedItems,
+					selectedIds: K.selectedIds,
+					selectedCount: K.selectedIds.length,
+					visibleCount: K.filteredCount,
+					totalCount: K.totalCount,
+					clearSelection: K.clearSelection
 				})
 			})
 		]
 	});
 }
-function Je({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescription: o, onClose: s, className: c, dialogClassName: l, contentClassName: u, closeOnEscape: d = !0, closeOnBackdropClick: f = !0, ...m }) {
-	let h = n(xe, m.strings), [g, _] = P(!1), [v, y] = P(null), b = e !== void 0, x = b ? e : g, S = (e) => {
+function Q({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescription: o, onClose: s, className: c, dialogClassName: l, contentClassName: u, closeOnEscape: d = !0, closeOnBackdropClick: f = !0, ...p }) {
+	let h = n(xe, p.strings), [g, _] = P(!1), [v, y] = P(null), b = e !== void 0, x = b ? e : g, S = (e) => {
 		b || _(e), t?.(e);
 	}, C = () => {
 		S(!1), s?.();
 	};
-	return /* @__PURE__ */ F(Y.Provider, {
+	return /* @__PURE__ */ I(Ke.Provider, {
 		value: { element: v },
-		children: /* @__PURE__ */ F(p, {
+		children: /* @__PURE__ */ I(m, {
 			open: x,
 			onOpenChange: S,
 			onClose: s,
@@ -1732,7 +1745,7 @@ function Je({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescri
 			size: "full",
 			showCancel: !1,
 			showConfirm: !1,
-			footer: /* @__PURE__ */ F("div", {
+			footer: /* @__PURE__ */ I("div", {
 				ref: y,
 				className: "media-library-dialog--footer @container/media-library w-full"
 			}),
@@ -1740,58 +1753,58 @@ function Je({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescri
 			contentClassName: r("media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0", u),
 			closeOnBackdropClick: f,
 			closeOnEscape: d,
-			children: /* @__PURE__ */ F(X, {
-				...m,
-				defaultSelecting: m.defaultSelecting ?? !0,
+			children: /* @__PURE__ */ I(Je, {
+				...p,
+				defaultSelecting: p.defaultSelecting ?? !0,
 				onClose: C,
 				className: r("media-library-dialog--library rounded-none border-0", c),
-				heightClassName: m.heightClassName ?? "min-h-0 flex-1",
-				strings: m.strings
+				heightClassName: p.heightClassName ?? "min-h-0 flex-1",
+				strings: p.strings
 			})
 		})
 	});
 }
 //#endregion
 //#region src/components/features/media-library/media-resource-gallery.tsx
-function Z(e, t, n) {
+function $(e, t, n) {
 	let r = e.slice(), [i] = r.splice(t, 1);
 	return i === void 0 || r.splice(n, 0, i), r;
 }
-function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onPrimaryChange: u, onRemove: d, onReorder: f, onAdd: p, maxItems: h, layout: _ = "field", density: v = "comfortable", readOnly: y = !1, empty: x, action: S, renderItem: C, strings: w, className: T, ...E }) {
-	let D = n(xe, w), O = Te(t), k = e.length, te = c ?? (k > 0 ? O.getId(e[0]) : void 0), A = !y && !!p && (h === void 0 || k < h), ne = A && (_ === "field" || k > 0) ? /* @__PURE__ */ F(i, {
+function Ye({ items: e, accessors: t, title: o, description: s, primaryId: c, onPrimaryChange: u, onRemove: d, onReorder: f, onAdd: p, maxItems: m, layout: g = "field", density: v = "comfortable", readOnly: y = !1, empty: b, action: S, renderItem: C, strings: w, className: T, ...E }) {
+	let D = n(xe, w), O = Te(t), A = e.length, ee = c ?? (A > 0 ? O.getId(e[0]) : void 0), te = !y && !!p && (m === void 0 || A < m), j = te && (g === "field" || A > 0) ? /* @__PURE__ */ I(i, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "outline",
 		icon: pe,
 		onClick: p,
 		children: D.gallery.add
-	}) : h !== void 0 && k >= h ? /* @__PURE__ */ F(b, {
+	}) : m !== void 0 && A >= m ? /* @__PURE__ */ I(x, {
 		tone: "secondary",
 		children: D.gallery.maxReached
-	}) : null, j = (t, n) => {
-		if (n < 0 || n >= k || t === n) return;
-		let r = Z(e, t, n);
+	}) : null, M = (t, n) => {
+		if (n < 0 || n >= A || t === n) return;
+		let r = $(e, t, n);
 		f?.(r.map((e) => O.getId(e)), r);
-	}, M = !!(a || s || S || ne), N = k === 0 && _ !== "field", P = () => !A || _ !== "field" ? null : /* @__PURE__ */ I("button", {
+	}, ne = !!(o || s || S || j), re = A === 0 && g !== "field", N = () => !te || g !== "field" ? null : /* @__PURE__ */ L("button", {
 		type: "button",
-		className: r("media-resource-gallery--add-tile box-border m-0 inline-flex w-full cursor-pointer items-center justify-center p-space-md font-sans rounded-radius border border-dashed border-border bg-background text-muted-foreground shadow-none", `aspect-square ${ee.hover}`),
+		className: r("media-resource-gallery--add-tile box-border m-0 inline-flex w-full cursor-pointer items-center justify-center p-space-md font-sans rounded-radius border border-dashed border-border bg-background text-muted-foreground shadow-none", `aspect-square ${k.hover}`),
 		"aria-label": D.gallery.addTile,
 		onClick: p,
-		children: [/* @__PURE__ */ F(pe, { className: "size-icon" }), /* @__PURE__ */ F(o, {
+		children: [/* @__PURE__ */ I(pe, { className: "size-icon" }), /* @__PURE__ */ I(a, {
 			tag: "span",
 			size: "inherit",
 			className: "sr-only",
 			children: D.gallery.addTile
 		})]
 	});
-	return /* @__PURE__ */ I("section", {
-		className: r("media-resource-gallery--component @container/media-resource-gallery rounded-radius border border-border bg-card shadow-xs", T),
-		"data-layout": _,
+	return /* @__PURE__ */ L("section", {
+		className: r("media-resource-gallery--component @container/media-resource-gallery rounded-radius border border-border bg-card text-card-foreground shadow-xs", T),
+		"data-layout": g,
 		"data-gallery-density": v,
 		...E,
-		children: [M && /* @__PURE__ */ F("header", {
+		children: [ne && /* @__PURE__ */ I("header", {
 			className: "media-resource-gallery--header p-surface",
-			children: /* @__PURE__ */ I(l, {
+			children: /* @__PURE__ */ L(l, {
 				direction: {
 					base: "vertical",
 					md: "horizontal"
@@ -1799,83 +1812,84 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 				gap: "lg",
 				align: { md: "start" },
 				justify: { md: "between" },
-				children: [/* @__PURE__ */ I(l, {
+				children: [/* @__PURE__ */ L(l, {
 					gap: "normal",
 					className: "min-w-0",
-					children: [!!a && /* @__PURE__ */ F(o, {
+					children: [!!o && /* @__PURE__ */ I(a, {
 						tag: "div",
+						type: "inherit",
 						weight: "semibold",
-						children: a
-					}), !!s && /* @__PURE__ */ F(o, {
+						children: o
+					}), !!s && /* @__PURE__ */ I(a, {
 						type: "secondary",
 						children: s
 					})]
-				}), /* @__PURE__ */ F(l, {
+				}), /* @__PURE__ */ I(l, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
 					className: "media-resource-gallery--actions",
-					children: S ?? ne
+					children: S ?? j
 				})]
 			})
-		}), N ? /* @__PURE__ */ F("div", {
+		}), re ? /* @__PURE__ */ I("div", {
 			className: "media-resource-gallery--empty px-surface pb-surface",
-			children: x ?? /* @__PURE__ */ F(Ve, {
+			children: b ?? /* @__PURE__ */ I(He, {
 				title: D.gallery.emptyTitle,
 				description: D.gallery.emptyDescription,
-				action: A ? /* @__PURE__ */ F(i, {
+				action: te ? /* @__PURE__ */ I(i, {
 					tone: "primary",
 					type: "button",
-					icon: L,
+					icon: B,
 					onClick: p,
 					children: D.gallery.add
 				}) : void 0
 			})
-		}) : /* @__PURE__ */ I("div", {
-			className: r("grid min-w-0 grid-cols-1", _ === "list" ? "gap-space-md" : "gap-space-lg", "media-resource-gallery--items p-surface", M && "pt-0", _ === "list" ? void 0 : _ === "field" ? "grid-cols-[repeat(auto-fill,minmax(96px,1fr))] @md/media-resource-gallery:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]" : v === "compact" ? "grid-cols-[repeat(auto-fill,minmax(132px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(164px,1fr))]"),
+		}) : /* @__PURE__ */ L("div", {
+			className: r("grid min-w-0 grid-cols-1", g === "list" ? "gap-space-md" : "gap-space-lg", "media-resource-gallery--items p-surface", ne && "pt-0", g === "list" ? void 0 : g === "field" ? "grid-cols-[repeat(auto-fill,minmax(96px,1fr))] @md/media-resource-gallery:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]" : v === "compact" ? "grid-cols-[repeat(auto-fill,minmax(132px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(164px,1fr))]"),
 			children: [e.map((e, t) => {
-				let n = O.getId(e), a = O.getName(e), s = O.getType(e), c = O.getSrc(e), f = O.getAlt(e) || a, p = n === te, h = O.getPublic(e) === !1, x = O.getDuration(e), S = t > 0, w = t < k - 1, T = C?.(e, {
+				let n = O.getId(e), o = O.getName(e), s = O.getType(e), c = O.getSrc(e), f = O.getAlt(e) || o, p = n === ee, m = O.getPublic(e) === !1, b = O.getDuration(e), S = t > 0, w = t < A - 1, T = C?.(e, {
 					id: n,
 					index: t,
-					total: k,
+					total: A,
 					primary: p,
 					accessors: O,
 					canMovePrevious: S,
 					canMoveNext: w,
 					setPrimary: () => u?.(n, e),
 					remove: () => d?.(n, e),
-					movePrevious: () => j(t, t - 1),
-					moveNext: () => j(t, t + 1)
+					movePrevious: () => M(t, t - 1),
+					moveNext: () => M(t, t + 1)
 				});
-				return T ? /* @__PURE__ */ F("div", { children: T }, n) : _ === "field" ? /* @__PURE__ */ I("div", {
-					className: r("media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-radius border border-border bg-background shadow-xs", `transition-colors ${m.tileHover}`, p && "col-span-2 row-span-2 min-h-52"),
+				return T ? /* @__PURE__ */ I("div", { children: T }, n) : g === "field" ? /* @__PURE__ */ L("div", {
+					className: r("media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-radius border border-border bg-background text-foreground shadow-xs", `transition-colors ${h.tileHover}`, p && "col-span-2 row-span-2 min-h-52"),
 					"data-primary": p || void 0,
 					children: [
-						c ? /* @__PURE__ */ F("img", {
+						c ? /* @__PURE__ */ I("img", {
 							src: c,
 							alt: f,
 							loading: "lazy",
 							className: "size-full object-cover"
-						}) : /* @__PURE__ */ F("div", {
+						}) : /* @__PURE__ */ I("div", {
 							className: "flex size-full items-center justify-center bg-muted text-muted-foreground",
-							children: /* @__PURE__ */ F(se, { className: p ? "size-7" : "size-icon-lg" })
+							children: /* @__PURE__ */ I(z, { className: p ? "size-7" : "size-icon-lg" })
 						}),
-						p && /* @__PURE__ */ F(b, {
+						p && /* @__PURE__ */ I(x, {
 							tone: "secondary",
 							className: "absolute left-2 top-2 bg-background shadow-xs",
 							children: D.gallery.cover
 						}),
-						s === "video" && !!x && /* @__PURE__ */ I(b, {
+						s === "video" && !!b && /* @__PURE__ */ L(x, {
 							tone: "secondary",
 							className: "absolute bottom-2 left-2 bg-foreground text-background",
-							children: [/* @__PURE__ */ F(fe, { className: "size-icon-sm fill-current" }), x]
+							children: [/* @__PURE__ */ I(fe, { className: "size-icon-sm fill-current" }), b]
 						}),
-						h && /* @__PURE__ */ F("span", {
+						m && /* @__PURE__ */ I("span", {
 							className: "absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-xs",
-							children: /* @__PURE__ */ F(z, { className: "size-icon-sm" })
+							children: /* @__PURE__ */ I(de, { className: "size-icon-sm" })
 						}),
-						!y && /* @__PURE__ */ F(i, {
+						!y && /* @__PURE__ */ I(i, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "solid",
@@ -1884,56 +1898,56 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 							className: "absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100",
 							"aria-label": D.gallery.remove,
 							onClick: () => d?.(n, e),
-							children: /* @__PURE__ */ F(ye, { className: "size-icon-md" })
+							children: /* @__PURE__ */ I(ye, { className: "size-icon-md" })
 						})
 					]
-				}, n) : _ === "list" ? /* @__PURE__ */ I(l, {
+				}, n) : g === "list" ? /* @__PURE__ */ L(l, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "lg",
-					className: r("media-resource-gallery--item min-w-0 rounded-radius border border-border bg-background px-row-x", v === "compact" ? "py-row-y-sm" : "py-row-y"),
+					className: r("media-resource-gallery--item min-w-0 rounded-radius border border-border bg-background text-foreground px-row-x", v === "compact" ? "py-row-y-sm" : "py-row-y"),
 					"data-primary": p || void 0,
 					children: [
-						/* @__PURE__ */ F("div", {
+						/* @__PURE__ */ I("div", {
 							className: "relative size-12 shrink-0 overflow-hidden rounded-inner bg-muted",
-							children: c ? /* @__PURE__ */ F("img", {
+							children: c ? /* @__PURE__ */ I("img", {
 								src: c,
 								alt: f,
 								loading: "lazy",
 								className: "size-full object-cover"
-							}) : /* @__PURE__ */ F("div", {
+							}) : /* @__PURE__ */ I("div", {
 								className: "flex size-full items-center justify-center text-muted-foreground",
-								children: /* @__PURE__ */ F(se, { className: "size-icon" })
+								children: /* @__PURE__ */ I(z, { className: "size-icon" })
 							})
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ L("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ I(l, {
+							children: [/* @__PURE__ */ L(l, {
 								direction: "horizontal",
 								wrap: !0,
 								align: "center",
 								gap: "md",
 								className: "min-w-0",
-								children: [/* @__PURE__ */ F(o, {
+								children: [/* @__PURE__ */ I(a, {
 									tag: "div",
 									weight: "semibold",
 									className: "min-w-0 break-all",
-									children: a
-								}), p && /* @__PURE__ */ F(b, {
+									children: o
+								}), p && /* @__PURE__ */ I(x, {
 									tone: "secondary",
 									children: D.gallery.primary
 								})]
-							}), /* @__PURE__ */ I(o, {
+							}), /* @__PURE__ */ L(a, {
 								size: "xs",
 								type: "secondary",
 								children: [
-									B(D.gallery.itemPosition, {
+									H(D.gallery.itemPosition, {
 										index: t + 1,
-										total: k
+										total: A
 									}),
 									" · ",
-									/* @__PURE__ */ F(g, {
+									/* @__PURE__ */ I(_, {
 										value: O.getSize(e),
 										size: "xs",
 										align: "left",
@@ -1942,10 +1956,10 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 								]
 							})]
 						}),
-						!y && /* @__PURE__ */ I("div", {
+						!y && /* @__PURE__ */ L("div", {
 							className: "media-resource-gallery--item-actions flex basis-full flex-wrap items-center justify-end gap-space-xs @sm/media-resource-gallery:basis-auto",
 							children: [
-								/* @__PURE__ */ F(i, {
+								/* @__PURE__ */ I(i, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
@@ -1954,9 +1968,9 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 									disabled: p,
 									"aria-label": D.gallery.setPrimary,
 									onClick: () => u?.(n, e),
-									children: /* @__PURE__ */ F(he, { className: "size-icon-md" })
+									children: /* @__PURE__ */ I(he, { className: "size-icon-md" })
 								}),
-								/* @__PURE__ */ F(i, {
+								/* @__PURE__ */ I(i, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
@@ -1964,10 +1978,10 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 									iconOnly: !0,
 									disabled: !S,
 									"aria-label": D.gallery.movePrevious,
-									onClick: () => j(t, t - 1),
-									children: /* @__PURE__ */ F(ie, { className: "size-icon-md" })
+									onClick: () => M(t, t - 1),
+									children: /* @__PURE__ */ I(ae, { className: "size-icon-md" })
 								}),
-								/* @__PURE__ */ F(i, {
+								/* @__PURE__ */ I(i, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
@@ -1975,10 +1989,10 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 									iconOnly: !0,
 									disabled: !w,
 									"aria-label": D.gallery.moveNext,
-									onClick: () => j(t, t + 1),
-									children: /* @__PURE__ */ F(ae, { className: "size-icon-md" })
+									onClick: () => M(t, t + 1),
+									children: /* @__PURE__ */ I(oe, { className: "size-icon-md" })
 								}),
-								/* @__PURE__ */ F(i, {
+								/* @__PURE__ */ I(i, {
 									type: "button",
 									tone: "destructive",
 									buttonStyle: "ghost",
@@ -1986,60 +2000,60 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 									iconOnly: !0,
 									"aria-label": D.gallery.remove,
 									onClick: () => d?.(n, e),
-									children: /* @__PURE__ */ F(ge, { className: "size-icon-md" })
+									children: /* @__PURE__ */ I(ge, { className: "size-icon-md" })
 								})
 							]
 						})
 					]
-				}, n) : /* @__PURE__ */ I("div", {
-					className: `media-resource-gallery--item group/gallery overflow-hidden rounded-radius border border-border bg-background shadow-xs transition-colors ${m.tileHover}`,
+				}, n) : /* @__PURE__ */ L("div", {
+					className: `media-resource-gallery--item group/gallery overflow-hidden rounded-radius border border-border bg-background text-foreground shadow-xs transition-colors ${h.tileHover}`,
 					"data-primary": p || void 0,
-					children: [/* @__PURE__ */ I("div", {
+					children: [/* @__PURE__ */ L("div", {
 						className: "relative aspect-[4/3] bg-muted",
-						children: [c ? /* @__PURE__ */ F("img", {
+						children: [c ? /* @__PURE__ */ I("img", {
 							src: c,
 							alt: f,
 							loading: "lazy",
 							className: "size-full object-cover"
-						}) : /* @__PURE__ */ F("div", {
+						}) : /* @__PURE__ */ I("div", {
 							className: "flex size-full items-center justify-center text-muted-foreground",
-							children: /* @__PURE__ */ F(se, { className: "size-6" })
-						}), /* @__PURE__ */ I("div", {
+							children: /* @__PURE__ */ I(z, { className: "size-6" })
+						}), /* @__PURE__ */ L("div", {
 							className: "absolute left-2 top-2 flex flex-wrap gap-space-xs",
-							children: [p && /* @__PURE__ */ F(b, {
+							children: [p && /* @__PURE__ */ I(x, {
 								tone: "secondary",
 								className: "bg-card text-card-foreground",
 								children: D.gallery.primary
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ I(x, {
 								tone: "secondary",
 								className: "bg-card text-card-foreground",
-								children: B(D.gallery.itemPosition, {
+								children: H(D.gallery.itemPosition, {
 									index: t + 1,
-									total: k
+									total: A
 								})
 							})]
 						})]
-					}), /* @__PURE__ */ F("div", {
+					}), /* @__PURE__ */ I("div", {
 						className: r("media-resource-gallery--item-body", v === "compact" ? "p-surface-xs" : "p-surface"),
-						children: /* @__PURE__ */ I(l, {
+						children: /* @__PURE__ */ L(l, {
 							gap: "md",
-							children: [/* @__PURE__ */ I("div", {
+							children: [/* @__PURE__ */ L("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ F(o, {
+								children: [/* @__PURE__ */ I(a, {
 									tag: "div",
 									weight: "semibold",
 									className: "truncate",
-									children: a
-								}), /* @__PURE__ */ F(g, {
+									children: o
+								}), /* @__PURE__ */ I(_, {
 									value: O.getSize(e),
 									size: "xs",
 									align: "left",
 									emptyLabel: D.unknownSize
 								})]
-							}), !y && /* @__PURE__ */ I("div", {
+							}), !y && /* @__PURE__ */ L("div", {
 								className: "flex items-center gap-space-xs",
 								children: [
-									/* @__PURE__ */ F(i, {
+									/* @__PURE__ */ I(i, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
@@ -2048,9 +2062,9 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 										disabled: p,
 										"aria-label": D.gallery.setPrimary,
 										onClick: () => u?.(n, e),
-										children: /* @__PURE__ */ F(he, { className: "size-icon-md" })
+										children: /* @__PURE__ */ I(he, { className: "size-icon-md" })
 									}),
-									/* @__PURE__ */ F(i, {
+									/* @__PURE__ */ I(i, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
@@ -2058,10 +2072,10 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 										iconOnly: !0,
 										disabled: !S,
 										"aria-label": D.gallery.movePrevious,
-										onClick: () => j(t, t - 1),
-										children: /* @__PURE__ */ F(ie, { className: "size-icon-md" })
+										onClick: () => M(t, t - 1),
+										children: /* @__PURE__ */ I(ae, { className: "size-icon-md" })
 									}),
-									/* @__PURE__ */ F(i, {
+									/* @__PURE__ */ I(i, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
@@ -2069,10 +2083,10 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 										iconOnly: !0,
 										disabled: !w,
 										"aria-label": D.gallery.moveNext,
-										onClick: () => j(t, t + 1),
-										children: /* @__PURE__ */ F(ae, { className: "size-icon-md" })
+										onClick: () => M(t, t + 1),
+										children: /* @__PURE__ */ I(oe, { className: "size-icon-md" })
 									}),
-									/* @__PURE__ */ F(i, {
+									/* @__PURE__ */ I(i, {
 										type: "button",
 										tone: "destructive",
 										buttonStyle: "ghost",
@@ -2081,18 +2095,18 @@ function Q({ items: e, accessors: t, title: a, description: s, primaryId: c, onP
 										className: "ml-auto",
 										"aria-label": D.gallery.remove,
 										onClick: () => d?.(n, e),
-										children: /* @__PURE__ */ F(ge, { className: "size-icon-md" })
+										children: /* @__PURE__ */ I(ge, { className: "size-icon-md" })
 									})
 								]
 							})]
 						})
 					})]
 				}, n);
-			}), P()]
+			}), N()]
 		})]
 	});
 }
 //#endregion
-export { X as MediaLibrary, Ue as MediaLibraryCard, q as MediaLibraryDetailPanel, Je as MediaLibraryDialog, Ve as MediaLibraryEmptyState, Ke as MediaLibraryFooter, K as MediaLibraryList, He as MediaLibraryToolbar, We as MediaLibraryUploadPanel, Q as MediaResourceGallery, xe as defaultMediaLibraryStrings, H as formatMediaLibrarySize, B as formatMediaLibraryString, Ee as getMediaLibraryDimensions, Te as resolveMediaLibraryAccessors, Fe as useMediaLibrary };
+export { Je as MediaLibrary, J as MediaLibraryCard, Y as MediaLibraryDetailPanel, Q as MediaLibraryDialog, He as MediaLibraryEmptyState, Ge as MediaLibraryFooter, Ue as MediaLibraryList, q as MediaLibraryToolbar, X as MediaLibraryUploadPanel, Ye as MediaResourceGallery, xe as defaultMediaLibraryStrings, Ee as formatMediaLibrarySize, H as formatMediaLibraryString, De as getMediaLibraryDimensions, Te as resolveMediaLibraryAccessors, Ie as useMediaLibrary };
 
 //# sourceMappingURL=media-library.js.map