themelia-react-ui 2.0.6 → 3.0.0

package/dist/features/media-library.js

@@ -1,35 +1,40 @@
 "use client";
-import { S as e, d as t } from "../ui-provider-C-74NVLc.js";
+import { C as e, f as t } from "../ui-provider-Bu1S-o96.js";
 import { useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-DhuoqFy4.js";
-import { n as i } from "../buttons-DeW0bQeK.js";
-import { c as a, o } from "../typography-C7-YMW1S.js";
-import { t as s } from "../focus-recipes-B653VaLq.js";
-import { r as c, t as l } from "../structure-DZJ2wbAU.js";
-import { h as u, i as d, p as f } from "../smart-card-B6vLxqa_.js";
-import { n as p, t as m } from "../feedback-Dzo1xtAU.js";
-import { t as h } from "../progress-DZFXXzPs.js";
-import { n as g, t as _ } from "../composition.recipes-COdiFhxB.js";
-import { r as v, t as y } from "../overlays-CC8zI3Du.js";
-import { t as b } from "../interaction-recipes-4wZ2tvfb.js";
-import { a as x, i as S, t as C } from "../primitives-BkkQjYl7.js";
-import { n as ee, t as w } from "../number-CYqBcrSj.js";
-import { t as T } from "../badge-wWauMgAt.js";
-import { t as te } from "../batch-action-bar-BoqWIIpV.js";
-import { t as E } from "../input-7KAc7XQL.js";
-import { t as D } from "../form-field-CAPdwdnZ.js";
-import { c as O, l as ne } from "../choice-inputs-DHGtx0QV.js";
-import { r as k, t as re } from "../control-group-recipes-fMuFo0H7.js";
-import { t as A } from "../upload.recipes-BbxTqrCT.js";
-import { t as ie } from "../metadata-list-XkqZ_UXH.js";
-import { a as j } from "../upload-queue-D0sYPuqo.js";
-import { s as M } from "../data-display-Cmj-xZYl.js";
-import { createContext as ae, useCallback as N, useContext as oe, useEffect as se, useMemo as P, useRef as F, useState as I } from "react";
-import { Fragment as ce, jsx as L, jsxs as R } from "react/jsx-runtime";
-import { ArrowLeft as le, ArrowRight as z, Check as ue, File as B, Grid2X2 as de, ImageIcon as fe, ImagePlus as pe, Info as me, Layers3 as he, LayoutList as ge, Lock as _e, Play as V, Plus as ve, Search as ye, Star as be, Trash2 as xe, UploadCloud as Se, Video as Ce, X as we } from "lucide-react";
-import { createPortal as Te } from "react-dom";
+import { t as r } from "../utils-BVbAG2J6.js";
+import { c as i, o as a } from "../typography-C0dELqYV.js";
+import { t as o } from "../focus-recipes-DSkiUvUp.js";
+import { n as s } from "../buttons-pZVgPTZn.js";
+import { r as c, t as l } from "../structure-DElaQwwN.js";
+import { c as u, o as d } from "../surface-recipes-DV6rrOFq.js";
+import { f, m as p, r as m } from "../smart-card-C59z6KFO.js";
+import { n as h, t as g } from "../feedback-DmqmXKLn.js";
+import { t as _ } from "../progress-RARK8AjB.js";
+import { n as v, t as y } from "../composition.recipes-COdiFhxB.js";
+import { n as b } from "../action-menu-D5343RwT.js";
+import { r as x, t as S } from "../overlays-D-gAIfPF.js";
+import { t as C } from "../interaction-recipes-DmuS1ase.js";
+import { a as ee, i as w, t as te } from "../primitives-BlC1lXBr.js";
+import { n as T, t as ne } from "../number-NFWKIoiK.js";
+import { r as E, s as D, t as O } from "../date-3qsCE1ID.js";
+import { t as k } from "../badge-oGiXblW7.js";
+import { t as re } from "../batch-action-bar-D6MZQNnC.js";
+import { t as ie } from "../input-DfJyrjoR.js";
+import { t as A } from "../form-field-BdfCwSoQ.js";
+import { c as j, l as M } from "../choice-inputs-oJEsrb5Y.js";
+import { r as ae, t as oe } from "../control-group-recipes-fMuFo0H7.js";
+import { t as se } from "../upload.recipes-BbxTqrCT.js";
+import { t as N } from "../metadata-list-G85roWjS.js";
+import { i as P, n as ce, r as le, t as ue } from "../tabs-WnHfV2pM.js";
+import { t as de } from "../dropzone-CHBNK3de.js";
+import { s as fe } from "../upload-DMuMYJFT.js";
+import { s as F } from "../data-display-CWe9SOYh.js";
+import { createContext as pe, useCallback as I, useContext as me, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as he, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { ArrowLeft as ge, ArrowRight as _e, Check as ve, File as ye, Grid2X2 as be, ImageIcon as xe, ImagePlus as Se, Info as Ce, Layers3 as we, LayoutList as Te, Lock as Ee, Play as De, Plus as Oe, Search as ke, Star as Ae, Trash2 as je, UploadCloud as Me, Video as Ne, X as Pe } from "lucide-react";
+import { createPortal as Fe } from "react-dom";
 //#region src/components/features/media-library/media-library.strings.ts
-var H = {
+var U = {
 	title: "Add media",
 	description: "Pick from the library, or upload new files.",
 	close: "Close media library",
@@ -55,8 +60,8 @@ var H = {
 	gridView: "Grid view",
 	tableView: "Table view",
 	countAll: "{count} {count, plural, one {item} other {items}}",
-	countFiltered: "{count} of {total} items",
-	countSearch: "{count} of {total} items for \"{query}\"",
+	countFiltered: "{count} of {total} {total, plural, one {item} other {items}}",
+	countSearch: "{count} of {total} {total, plural, one {item} other {items}} for \"{query}\"",
 	activeSearchLabel: "Search",
 	resultsLabel: "Media results",
 	emptyLibraryTitle: "Library is empty",
@@ -69,12 +74,13 @@ var H = {
 	errorTitle: "Media could not load",
 	errorDescription: "Check your connection, then try again.",
 	retry: "Try again",
+	loadMore: "Load more",
+	loadingMore: "Loading more...",
+	loadMoreError: "Could not load more media.",
 	cardDetails: "Details for {name}",
 	selectMode: "Select",
 	selectItem: "Select {name}",
 	batchActionsLabel: "Batch actions",
-	privateLabel: "Private",
-	publicLabel: "Public",
 	typeImage: "Image",
 	typeVideo: "Video",
 	typeFile: "File",
@@ -110,11 +116,12 @@ var H = {
 		confirmDeleteTitle: "Delete media?",
 		confirmDeleteDescription: "{name} will be removed from this library.",
 		confirmDeleteLabel: "Delete asset",
-		confirmDeleteError: "Could not delete this asset. Try again."
+		confirmDeleteError: "Could not delete this asset. Try again.",
+		noCollection: "No collection"
 	},
 	upload: {
 		dropTitle: "Drag files here or click to browse",
-		dropHint: "JPG, PNG, WebP, SVG and MP4 up to 50 MB per file",
+		dropHint: "JPG, PNG, WebP, SVG and MP4",
 		dragOver: "Release to stage files",
 		collection: "Collection",
 		tags: "Tags",
@@ -126,7 +133,13 @@ var H = {
 		removeFile: "Remove {name}",
 		uploading: "Uploading",
 		done: "Done",
-		error: "Could not upload these files. Try again."
+		error: "Could not upload these files. Try again.",
+		noCollection: "No collection",
+		fileFailed: "Upload failed",
+		unsupportedType: "{name} is not an accepted file type.",
+		tooLarge: "{name} is larger than {size}.",
+		tooMany: "Only {count} {count, plural, one {file} other {files}} can be staged at once.",
+		sizeLimitHint: "Up to {size} per file"
 	},
 	footer: {
 		pickOne: "Pick one item",
@@ -134,7 +147,7 @@ var H = {
 		selectedCount: "{count} selected",
 		clear: "Clear",
 		cancel: "Cancel",
-		confirmEmpty: "Add to product",
+		confirmEmpty: "Add items",
 		confirmOne: "Add 1 item",
 		confirmMany: "Add {count} items",
 		noFiles: "No files staged",
@@ -151,27 +164,46 @@ var H = {
 		addTile: "Add another media item",
 		cover: "Cover",
 		primary: "Primary",
-		setPrimary: "Set primary",
-		remove: "Remove",
-		movePrevious: "Move previous",
-		moveNext: "Move next",
+		setPrimary: "Set {name} as primary",
+		remove: "Remove {name}",
+		movePrevious: "Move {name} earlier",
+		moveNext: "Move {name} later",
 		itemPosition: "{index} of {total}",
-		maxReached: "Maximum reached"
+		maxReached: "Maximum reached",
+		itemActions: "Actions for {name}",
+		setCoverAction: "Set as cover",
+		movePreviousAction: "Move earlier",
+		moveNextAction: "Move later"
 	}
 };
-function U(e, t) {
+function W(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
 //#region src/components/features/media-library/hooks/use-media-library.ts
-var Ee = {
+var Ie = {
 	collection: void 0,
 	tags: [],
 	public: !0
-}, De = [];
-function Oe(e, t, n) {
-	let [r, i] = I(t), a = e ?? r;
-	return [a, N((t) => {
+}, Le = [], Re = "image/*,video/*", ze = "Upload failed", Be = 48, Ve = {
+	page: 1,
+	hasMore: !1
+};
+function He(e, t) {
+	return {
+		page: e,
+		cursor: t.nextCursor,
+		hasMore: t.hasMore ?? t.nextCursor != null
+	};
+}
+var Ue = {
+	"invalid-type": "type",
+	"too-large": "size",
+	"too-many": "count"
+};
+function We(e, t, n) {
+	let [r, i] = B(t), a = e ?? r;
+	return [a, I((t) => {
 		let r = typeof t == "function" ? t(a) : t;
 		e === void 0 && i(r), n?.(r);
 	}, [
@@ -180,7 +212,7 @@ function Oe(e, t, n) {
 		a
 	])];
 }
-var ke = {
+var Ge = {
 	getId: (e) => e.id,
 	getName: (e) => e.name,
 	getType: (e) => e.type,
@@ -198,47 +230,91 @@ var ke = {
 	getTint: (e) => e.tint,
 	getMimeType: (e) => e.mimeType
 };
-function Ae(e) {
+function Ke(e) {
 	return {
-		...ke,
+		...Ge,
 		...e
 	};
 }
-function je(e) {
-	return x(e) ?? "";
+function qe(e) {
+	return ee(e) ?? "";
 }
-function Me(e, t) {
+function Je(e, t) {
 	let n = t.getWidth(e), r = t.getHeight(e);
 	return !n || !r ? "" : `${n} x ${r}`;
 }
-function Ne(e, t) {
+function G(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 Pe(e) {
+function K(e) {
 	return e.type.startsWith("image/") ? "image" : e.type.startsWith("video/") ? "video" : "file";
 }
-function Fe(e) {
+function Ye(e) {
 	if (e.type.startsWith("image/") && typeof URL < "u" && typeof URL.createObjectURL == "function") return URL.createObjectURL(e);
 }
-function Ie(e) {
+function Xe(e) {
 	e && typeof URL < "u" && typeof URL.revokeObjectURL == "function" && URL.revokeObjectURL(e);
 }
-function Le(e) {
+function q(e) {
 	return Array.isArray(e) ? {
 		items: e,
 		total: e.length
 	} : e;
 }
-function Re(e, t) {
+function Ze(e, t) {
 	return t && typeof e == "object" && e ? {
 		...e,
 		...t
 	} : e;
 }
-function ze(e, t, n, r, i) {
+var Qe = [
+	"alt",
+	"collection",
+	"tags",
+	"public"
+];
+function $e(e, t, n) {
+	let r = {};
+	for (let i of n) i === "alt" ? r.alt = t.getAlt(e) : i === "collection" ? r.collection = t.getCollection(e) : i === "tags" ? r.tags = t.getTags(e) : r.public = t.getPublic(e);
+	return r;
+}
+function et(e, t) {
+	if (Array.isArray(e) || Array.isArray(t)) {
+		let n = Array.isArray(e) ? e : [], r = Array.isArray(t) ? t : [];
+		return n.length === r.length && n.every((e, t) => e === r[t]);
+	}
+	return e === t;
+}
+function tt(e, t) {
+	return e === t || e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function nt(e, t) {
+	if (Object.keys(t).length === 0) return e;
+	let n = (n) => t[e.getId(n)];
+	return {
+		...e,
+		getAlt: (t) => {
+			let r = n(t);
+			return r && "alt" in r ? r.alt : e.getAlt(t);
+		},
+		getCollection: (t) => {
+			let r = n(t);
+			return r && "collection" in r ? r.collection : e.getCollection(t);
+		},
+		getTags: (t) => {
+			let r = n(t);
+			return r && "tags" in r ? r.tags ?? [] : e.getTags(t);
+		},
+		getPublic: (t) => {
+			let r = n(t);
+			return r && "public" in r ? r.public : e.getPublic(t);
+		}
+	};
+}
+function rt(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),
@@ -247,299 +323,410 @@ function ze(e, t, n, r, i) {
 		...t.getTags(e)
 	].filter(Boolean).join(" ").toLowerCase().includes(a));
 }
-function Be(e, t, n) {
+function it(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) => Ne(n, t) - Ne(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) => G(n, t) - G(e, t)), r;
 }
-function Ve({ items: e = De, fetcher: t, refreshKey: n, accessors: r, selectionMode: i = "multiple", value: a, defaultValue: o = [], onValueChange: s, onItemUpdate: c, onItemDelete: l, onUpload: u, onError: d, tab: f, defaultTab: p = "library", onTabChange: m, view: h, defaultView: g = "grid", onViewChange: _, query: v, defaultQuery: y = "", onQueryChange: b, type: x, defaultType: S = "all", onTypeChange: C, collection: ee, defaultCollection: w = "all", onCollectionChange: T, sort: te, defaultSort: E = "newest", onSortChange: D, uploadOptions: O, defaultUploadOptions: ne, onUploadOptionsChange: k, selecting: re, defaultSelecting: A = !1, onSelectingChange: ie } = {}) {
-	let j = !!t, M = P(() => Ae(r), [r]), [ae, oe] = Oe(f, p, m), [ce, L] = Oe(h, g, _), [R, le] = Oe(v, y, b), [z, ue] = Oe(x, S, C), [B, de] = Oe(ee, w, T), [fe, pe] = Oe(te, E, D), [me, he] = I(null), [ge, _e] = I(() => [...o]), [V, ve] = I(null), [ye, be] = I(j), [xe, Se] = I(null), [Ce, we] = I(null), [Te, H] = I(null), [U, ke] = I(null), [je, Me] = I([]), [Ne, Ve] = I([]), [He, Ue] = I(() => /* @__PURE__ */ new Map()), [W, We] = I(() => /* @__PURE__ */ new Set()), [G, K] = I({}), [Ge, q] = I([]), Ke = F(Ge), qe = F(0), [Je, Ye] = I(!1), J = P(() => ({
-		...Ee,
-		...ne,
-		tags: ne?.tags ?? Ee.tags
-	}), [ne]), [Xe, Ze] = Oe(P(() => O ? {
-		...Ee,
-		...O,
-		tags: O.tags ?? Ee.tags
-	} : void 0, [O]), J, k), Qe = a !== void 0, Y = P(() => Qe ? [...a ?? []] : ge, [
-		ge,
-		Qe,
-		a
-	]), $e = P(() => new Set(Y), [Y]), et = F(/* @__PURE__ */ new Set()), tt = F(null), nt = F(/* @__PURE__ */ new Map()), [rt, it] = I(0), X = N(() => it((e) => e + 1), []), at = F({
+function at({ items: e = Le, fetcher: t, refreshKey: n, pageSize: r = Be, accessors: i, selectionMode: a = "multiple", value: o, defaultValue: s = [], onValueChange: c, onItemUpdate: l, onItemDelete: u, onUpload: d, uploadAccept: f = Re, maxFileSize: p, maxFiles: m, uploadFailedMessage: h = ze, onError: g, tab: _, defaultTab: v = "library", onTabChange: y, view: b, defaultView: x = "grid", onViewChange: S, query: C, defaultQuery: ee = "", onQueryChange: w, type: te, defaultType: T = "all", onTypeChange: ne, collection: E, defaultCollection: D = "all", onCollectionChange: O, sort: k, defaultSort: re = "newest", onSortChange: ie, uploadOptions: A, defaultUploadOptions: j, onUploadOptionsChange: M, selecting: ae, defaultSelecting: oe = !1, onSelectingChange: se } = {}) {
+	let N = !!t, P = R(() => Ke(i), [i]), [ce, le] = We(_, v, y), [ue, de] = We(b, x, S), [F, pe] = We(C, ee, w), [me, he] = We(te, T, ne), [V, H] = We(E, D, O), [ge, _e] = We(k, re, ie), [ve, ye] = B(null), [be, xe] = B(() => [...s]), [Se, Ce] = B(null), [we, Te] = B(N), [Ee, De] = B(null), [Oe, ke] = B(Ve), [Ae, je] = B(!1), [Me, Ne] = B(null), Pe = z(null), [Fe, U] = B(null), [W, Ge] = B(null), [qe, Je] = B([]), [G, at] = B([]), [ot, st] = B(() => /* @__PURE__ */ new Map()), [J, ct] = B(() => /* @__PURE__ */ new Set()), [Y, lt] = B({}), X = R(() => nt(P, Y), [P, Y]), ut = z(/* @__PURE__ */ new Map()), Z = z(/* @__PURE__ */ new Map()), dt = z(/* @__PURE__ */ new Map()), ft = z(/* @__PURE__ */ new Map()), [pt, mt] = B(0), [ht, gt] = B([]), _t = z(ht), [vt, yt] = B([]), bt = z(0), [xt, St] = B(!1), Ct = R(() => ({
+		...Ie,
+		...j,
+		tags: j?.tags ?? Ie.tags
+	}), [j]), [wt, Tt] = We(R(() => A ? {
+		...Ie,
+		...A,
+		tags: A.tags ?? Ie.tags
+	} : void 0, [A]), Ct, M), Et = o !== void 0, Q = R(() => Et ? [...o ?? []] : be, [
+		be,
+		Et,
+		o
+	]), Dt = R(() => new Set(Q), [Q]), Ot = z(/* @__PURE__ */ new Set()), kt = z(null), At = z(/* @__PURE__ */ new Map()), [jt, Mt] = B(0), Nt = I(() => Mt((e) => e + 1), []), Pt = z({
 		fetcher: t,
-		onError: d
+		onError: g
 	});
-	se(() => {
-		at.current = {
+	L(() => {
+		Pt.current = {
 			fetcher: t,
-			onError: d
+			onError: g
 		};
-	}, [t, d]), se(() => {
-		let e = at.current.fetcher;
-		if (!j || !e) {
-			be(!1), we(null), ve(null), Ve((e) => e.length ? [] : e);
+	}, [t, g]), L(() => {
+		let e = Pt.current.fetcher;
+		if (!N || !e) {
+			Te(!1), De(null), Ce(null), ke(Ve), at((e) => e.length ? [] : e);
 			return;
 		}
 		let t = new AbortController();
-		return be(!0), Se(null), we(null), (async () => {
+		return Pe.current?.abort(), Pe.current = null, je(!1), Ne(null), Te(!0), De(null), (async () => {
 			try {
 				let n = await e({
-					query: R,
-					type: z,
-					collection: B === "all" ? void 0 : B,
-					sort: fe,
+					query: F,
+					type: me,
+					collection: V === "all" ? void 0 : V,
+					sort: ge,
+					limit: r,
+					page: 1,
 					signal: t.signal
 				});
-				t.signal.aborted || ve(Le(n));
+				if (t.signal.aborted) return;
+				let i = q(n);
+				Ce(i), ke(He(1, i));
 			} catch (e) {
 				if (t.signal.aborted) return;
-				Se(() => e), we(() => e ?? /* @__PURE__ */ Error("Media load failed")), at.current.onError?.(e);
+				De(() => e ?? /* @__PURE__ */ Error("Media load failed")), Pt.current.onError?.(e);
 			} finally {
-				t.signal.aborted || be(!1);
+				t.signal.aborted || Te(!1);
 			}
 		})(), () => t.abort();
 	}, [
-		B,
-		rt,
-		j,
-		R,
+		V,
+		jt,
+		N,
+		r,
+		F,
 		n,
-		fe,
-		z
-	]), se(() => {
-		if (!j || !V) return;
-		let e = new Set(V.items.map((e) => M.getId(e)));
-		Ve((t) => {
-			let n = t.filter((t) => !e.has(M.getId(t)));
+		ge,
+		me
+	]);
+	let Ft = I(async () => {
+		let e = Pt.current.fetcher;
+		if (!e || !Oe.hasMore || we || Pe.current) return;
+		let t = new AbortController();
+		Pe.current = t;
+		let n = Oe.page + 1;
+		je(!0), Ne(null);
+		try {
+			let i = await e({
+				query: F,
+				type: me,
+				collection: V === "all" ? void 0 : V,
+				sort: ge,
+				limit: r,
+				page: n,
+				cursor: Oe.cursor,
+				signal: t.signal
+			});
+			if (t.signal.aborted) return;
+			let a = q(i);
+			Ce((e) => {
+				let t = e?.items ?? [], n = new Set(t.map((e) => P.getId(e))), r = [...t, ...a.items.filter((e) => !n.has(P.getId(e)))];
+				return {
+					items: r,
+					total: Array.isArray(i) ? r.length : a.total ?? e?.total
+				};
+			}), ke(He(n, a));
+		} catch (e) {
+			if (t.signal.aborted) return;
+			Ne(() => e ?? /* @__PURE__ */ Error("Media load failed")), Pt.current.onError?.(e);
+		} finally {
+			Pe.current === t && (Pe.current = null, je(!1));
+		}
+	}, [
+		P,
+		V,
+		we,
+		r,
+		Oe,
+		F,
+		ge,
+		me
+	]);
+	L(() => {
+		if (!N || !Se) return;
+		let e = new Set(Se.items.map((e) => X.getId(e)));
+		at((t) => {
+			let n = t.filter((t) => !e.has(X.getId(t)));
 			return n.length === t.length ? t : n;
 		});
 	}, [
-		M,
-		V,
-		j
-	]), se(() => {
-		let e = et.current;
+		X,
+		Se,
+		N
+	]), L(() => {
+		let e = Ot.current;
 		return () => {
-			tt.current?.abort();
-			for (let t of e) Ie(t);
+			kt.current?.abort(), Pe.current?.abort();
+			for (let t of e) Xe(t);
 			e.clear();
 		};
 	}, []);
-	let Z = V?.items ?? De, ot = P(() => {
-		let e = new Set(Z.map((e) => M.getId(e)));
-		return ze(Ne.filter((t) => {
-			let n = M.getId(t);
-			return !e.has(n) && !W.has(n);
-		}), M, R, z, B);
+	let It = Se?.items ?? Le, Lt = R(() => {
+		let e = new Set(It.map((e) => X.getId(e)));
+		return rt(G.filter((t) => {
+			let n = X.getId(t);
+			return !e.has(n) && !J.has(n);
+		}), X, F, me, V);
 	}, [
-		M,
-		B,
-		R,
-		W,
-		Z,
-		Ne,
-		z
-	]), st = P(() => j ? [...ot, ...Z] : [...je, ...e], [
-		je,
-		j,
-		e,
-		ot,
-		Z
-	]), ct = P(() => st.filter((e) => !W.has(M.getId(e))).map((e) => Re(e, G[M.getId(e)])), [
-		M,
+		X,
+		V,
+		F,
+		J,
+		It,
 		G,
-		W,
-		st
-	]), lt = P(() => j ? ct : Be(ze(ct, M, R, z, B), M, fe), [
-		M,
-		B,
-		j,
-		ct,
-		R,
-		fe,
-		z
-	]), ut = j && V?.total !== void 0 ? V.total + ot.length : ct.length, dt = lt.length, ft = P(() => new Map([...Ne, ...Z].map((e) => [M.getId(e), e])), [
-		M,
-		Z,
-		Ne
+		me
+	]), Rt = R(() => {
+		if (N) return [...Lt, ...It];
+		if (qe.length === 0) return [...e];
+		let t = new Set(e.map((e) => X.getId(e)));
+		return [...qe.filter((e) => !t.has(X.getId(e))), ...e];
+	}, [
+		X,
+		qe,
+		N,
+		e,
+		Lt,
+		It
+	]), zt = N ? It : e, Bt = z({
+		sourceItems: Rt,
+		suppliedItems: zt
+	});
+	L(() => {
+		Bt.current = {
+			sourceItems: Rt,
+			suppliedItems: zt
+		};
+	}, [Rt, zt]), L(() => {
+		let e = Y;
+		for (let [t, n] of Object.entries(Y)) {
+			if (Z.current.has(t)) continue;
+			let r = Rt.find((e) => P.getId(e) === t);
+			if (r === void 0) continue;
+			let i = ut.current.get(t) ?? {}, a = $e(r, P, Qe), o = { ...n }, s = { ...i };
+			for (let e of Qe) e in n && (e in i && !et(a[e], i[e]) || et(a[e], n[e])) && (delete o[e], delete s[e]);
+			Object.keys(o).length !== Object.keys(n).length && (e === Y && (e = { ...Y }), Object.keys(o).length > 0 ? (e[t] = o, ut.current.set(t, s)) : (delete e[t], ut.current.delete(t)));
+		}
+		e !== Y && lt(e);
+		let t = [];
+		for (let [e, n] of ft.current) dt.current.has(e) || J.has(e) && tt(n, zt) || (ft.current.delete(e), J.has(e) && t.push(e));
+		t.length > 0 && ct((e) => {
+			let n = new Set(e);
+			for (let e of t) n.delete(e);
+			return n;
+		});
+	}, [
+		P,
+		Y,
+		J,
+		pt,
+		Rt,
+		zt
 	]);
-	se(() => {
-		Ue((e) => {
+	let Vt = R(() => Rt.filter((e) => !J.has(X.getId(e))).map((e) => Ze(e, Y[X.getId(e)])), [
+		X,
+		Y,
+		J,
+		Rt
+	]), Ht = R(() => N ? Vt : it(rt(Vt, X, F, me, V), X, ge), [
+		X,
+		V,
+		N,
+		Vt,
+		F,
+		ge,
+		me
+	]), Ut = N && Se?.total !== void 0 ? Se.total + Lt.length : Vt.length, Wt = Ht.length, Gt = R(() => new Map([...G, ...It].map((e) => [X.getId(e), e])), [
+		X,
+		It,
+		G
+	]);
+	L(() => {
+		st((e) => {
 			let t = /* @__PURE__ */ new Map();
-			if (j) for (let n of Y) {
-				let r = ft.get(n) ?? e.get(n);
+			if (N) for (let n of Q) {
+				let r = Gt.get(n) ?? e.get(n);
 				r !== void 0 && t.set(n, r);
 			}
 			return t.size === e.size && [...t].every(([t, n]) => e.get(t) === n) ? e : t;
 		});
 	}, [
-		j,
-		ft,
-		Y
+		N,
+		Gt,
+		Q
 	]);
-	let pt = N((e, t = []) => {
-		if (!j) {
+	let Kt = I((e, t = []) => {
+		if (!N) {
 			let n = new Set(e);
-			return [...t, ...ct].filter((e) => n.delete(M.getId(e)));
+			return [...t, ...Vt].filter((e) => n.delete(X.getId(e)));
 		}
-		let n = new Map(t.map((e) => [M.getId(e), e]));
+		let n = new Map(t.map((e) => [X.getId(e), e]));
 		return e.flatMap((e) => {
-			if (W.has(e)) return [];
-			let t = n.get(e) ?? ft.get(e) ?? He.get(e);
-			return t === void 0 ? [] : [Re(t, G[e])];
+			if (J.has(e)) return [];
+			let t = n.get(e) ?? Gt.get(e) ?? ot.get(e);
+			return t === void 0 ? [] : [Ze(t, Y[e])];
 		});
 	}, [
-		M,
-		j,
-		G,
-		ft,
-		ct,
-		W,
-		He
-	]), mt = P(() => pt(Y), [pt, Y]), ht = !!R.trim() || z !== "all" || B !== "all", Q = N((e, t) => {
-		Qe || _e(e), s?.(e, pt(e, t));
+		X,
+		N,
+		Y,
+		Gt,
+		Vt,
+		J,
+		ot
+	]), qt = R(() => Kt(Q), [Kt, Q]), Jt = !!F.trim() || me !== "all" || V !== "all", Yt = I((e, t) => {
+		Et || xe(e), c?.(e, Kt(e, t));
 	}, [
-		Qe,
-		s,
-		pt
-	]), gt = F({
-		applySelection: Q,
-		selectedIds: Y
+		Et,
+		c,
+		Kt
+	]), Xt = z({
+		applySelection: Yt,
+		selectedIds: Q
 	});
-	se(() => {
-		gt.current = {
-			applySelection: Q,
-			selectedIds: Y
+	L(() => {
+		Xt.current = {
+			applySelection: Yt,
+			selectedIds: Q
 		};
-	}, [Q, Y]);
-	let _t = N((e) => {
-		let t = new Set(i === "single" ? [] : $e);
-		$e.has(e) && i !== "single" ? t.delete(e) : t.add(e), Q(Array.from(t));
+	}, [Yt, Q]);
+	let Zt = I((e) => {
+		let t = new Set(a === "single" ? [] : Dt);
+		Dt.has(e) && a !== "single" ? t.delete(e) : t.add(e), Yt(Array.from(t));
 	}, [
-		Q,
-		$e,
-		i
-	]), vt = N(() => Q([]), [Q]), [yt, bt] = Oe(re, A, ie), xt = yt || Y.length > 0, St = N((e) => {
-		bt(e), !e && Y.length > 0 && Q([]);
+		Yt,
+		Dt,
+		a
+	]), Qt = I(() => Yt([]), [Yt]), [$t, en] = We(ae, oe, se), tn = $t || Q.length > 0, nn = I((e) => {
+		en(e), !e && Q.length > 0 && Yt([]);
 	}, [
-		Q,
-		Y.length,
-		bt
-	]), Ct = N(() => {
-		le(""), ue("all"), de("all");
+		Yt,
+		Q.length,
+		en
+	]), rn = I(() => {
+		pe(""), he("all"), H("all");
 	}, [
-		de,
-		le,
-		ue
-	]), $ = N((e) => {
-		let t = e(Ke.current);
-		Ke.current = t, q(t);
-	}, []), wt = N((e) => {
-		e && (Ie(e), et.current.delete(e));
-	}, []), Tt = N((e) => {
+		H,
+		pe,
+		he
+	]), $ = I((e) => {
+		let t = e(_t.current);
+		_t.current = t, gt(t);
+	}, []), an = I((e) => {
+		e && (Xe(e), Ot.current.delete(e));
+	}, []), on = I((e) => {
 		if (e.length === 0) return;
-		ke(null);
-		let t = e.map((e) => {
-			let t = Fe(e);
-			return t && et.current.add(t), {
-				id: `staged-${qe.current++}`,
+		Ge(null);
+		let t = fe(e, {
+			accept: f.split(",").some((e) => e.trim() === "*/*") ? void 0 : f,
+			maxSizeBytes: p,
+			maxFiles: m === void 0 ? void 0 : Math.max(0, m - _t.current.length)
+		}), n = t.accepted, r = t.rejections.flatMap((e) => {
+			let t = Ue[e.code];
+			return t ? [{
+				name: e.file.name,
+				reason: t
+			}] : [];
+		});
+		if (yt(r), n.length === 0) return;
+		let i = n.map((e) => {
+			let t = Ye(e);
+			return t && Ot.current.add(t), {
+				id: `staged-${bt.current++}`,
 				file: e,
 				name: e.name,
 				size: e.size,
-				type: Pe(e),
+				type: K(e),
 				src: t,
 				progress: 0,
 				status: "staged"
 			};
 		});
-		$((e) => [...e, ...t]);
-	}, [$]), Et = N((e) => {
-		$((t) => (wt(t.find((t) => t.id === e)?.src), t.filter((t) => t.id !== e)));
-	}, [wt, $]), Dt = N(() => {
-		ke(null), $((e) => {
-			for (let t of e) wt(t.src);
+		$((e) => [...e, ...i]);
+	}, [
+		p,
+		m,
+		$,
+		f
+	]), sn = I((e) => {
+		$((t) => (an(t.find((t) => t.id === e)?.src), t.filter((t) => t.id !== e)));
+	}, [an, $]), cn = I(() => {
+		Ge(null), yt([]), $((e) => {
+			for (let t of e) an(t.src);
 			return [];
 		});
-	}, [wt, $]), Ot = N((e) => {
-		Ze((t) => ({
+	}, [an, $]), ln = I((e) => {
+		Tt((t) => ({
 			...t,
 			...e
 		}));
-	}, [Ze]), kt = N((e, t) => {
+	}, [Tt]), un = I((e, t) => {
 		$((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, [$]), At = N(async () => {
-		let e = Ke.current;
-		if (tt.current || e.length === 0) return;
+	}, [$]), dn = I(async () => {
+		let e = _t.current;
+		if (kt.current || e.length === 0) return;
 		let t = e.map((e) => e.id), n = new Set(t), r = new AbortController();
-		tt.current = r, Se(null), ke(null), Ye(!0), $((e) => e.map((e) => n.has(e.id) ? {
+		kt.current = r, Ge(null), St(!0), $((e) => e.map((e) => n.has(e.id) ? {
 			...e,
 			status: "uploading",
 			progress: 0,
 			error: void 0
 		} : e));
-		let a = (e) => !r.signal.aborted && tt.current === r && n.has(e), o = {
+		let i = (e) => !r.signal.aborted && kt.current === r && n.has(e), o = {
 			signal: r.signal,
 			fileIds: t,
 			setProgress: (e, t) => {
-				a(e) && kt(e, { progress: Math.max(0, Math.min(100, t)) });
+				i(e) && un(e, { progress: Math.max(0, Math.min(100, t)) });
 			},
 			setFileStatus: (e, t, n) => {
-				a(e) && kt(e, {
+				i(e) && un(e, {
 					status: t,
 					error: n
 				});
 			}
 		};
 		try {
-			let t = e.map((e) => e.file), a = await u?.(t, Xe, o);
+			let t = e.map((e) => e.file), i = await d?.(t, wt, o);
 			if (r.signal.aborted) return;
-			if ($((e) => e.filter((e) => !n.has(e.id) || e.status === "error" || (wt(e.src), !1))), a?.length) {
-				let e = a.map((e) => M.getId(e));
-				if (j) {
+			if ($((e) => e.filter((e) => !n.has(e.id) || e.status === "error" || (an(e.src), !1))), i?.length) {
+				let e = i.map((e) => X.getId(e));
+				if (N) {
 					let t = new Set(e);
-					Ve((e) => [...a, ...e.filter((e) => !t.has(M.getId(e)))]);
-				} else Me((e) => [...a, ...e]);
-				let t = gt.current;
-				t.applySelection(i === "single" ? e.slice(0, 1) : Array.from(/* @__PURE__ */ new Set([...e, ...t.selectedIds])), a);
+					at((e) => [...i, ...e.filter((e) => !t.has(X.getId(e)))]);
+				} else Je((e) => [...i, ...e]);
+				let t = Xt.current;
+				t.applySelection(a === "single" ? e.slice(0, 1) : Array.from(/* @__PURE__ */ new Set([...e, ...t.selectedIds])), i);
 			}
-			j && u && X(), Ke.current.length === 0 && oe("library");
+			N && d && Nt(), _t.current.length === 0 && le("library");
 		} catch (e) {
 			if (r.signal.aborted) return;
-			Se(() => e), ke(() => e ?? /* @__PURE__ */ Error("Media upload failed")), $((e) => e.map((e) => n.has(e.id) && e.status === "uploading" ? {
+			Ge(() => e ?? /* @__PURE__ */ Error("Media upload failed")), $((e) => e.map((e) => n.has(e.id) && e.status === "uploading" ? {
 				...e,
 				status: "error",
-				error: "Upload failed"
-			} : e)), d?.(e);
+				error: h
+			} : e)), g?.(e);
 		} finally {
-			tt.current === r && (tt.current = null, Ye(!1));
+			kt.current === r && (kt.current = null, St(!1));
 		}
 	}, [
-		M,
-		j,
-		d,
-		u,
-		wt,
 		X,
-		i,
-		oe,
-		kt,
+		N,
+		g,
+		d,
+		an,
+		Nt,
+		a,
+		le,
+		un,
 		$,
-		Xe
-	]), jt = N(() => {
-		tt.current?.abort(), tt.current = null, Ye(!1), $((e) => e.map((e) => e.status === "uploading" ? {
+		h,
+		wt
+	]), fn = I(() => {
+		kt.current?.abort(), kt.current = null, St(!1), $((e) => e.map((e) => e.status === "uploading" ? {
 			...e,
 			status: "staged",
 			progress: 0,
 			error: void 0
 		} : e));
-	}, [$]), Mt = N(async (e, t) => {
-		if (!c) return !1;
-		let n = M.getId(e), r = `update:${n}`, i = (nt.current.get(r) ?? 0) + 1;
-		nt.current.set(r, i);
-		let a = G[n];
-		Se(null), H((e) => e?.itemId === n ? null : e), K((e) => ({
+	}, [$]), pn = I(async (e, t) => {
+		if (!l) return !1;
+		let n = X.getId(e), r = `update:${n}`, i = (At.current.get(r) ?? 0) + 1;
+		At.current.set(r, i);
+		let a = Y[n], o = ut.current.get(n), s = Bt.current.sourceItems.find((e) => P.getId(e) === n) ?? e, c = Qe.filter((e) => e in t && !(o && e in o));
+		ut.current.set(n, {
+			...$e(s, P, c),
+			...o
+		}), Z.current.set(n, (Z.current.get(n) ?? 0) + 1), U((e) => e?.itemId === n ? null : e), lt((e) => ({
 			...e,
 			[n]: {
 				...e[n],
@@ -547,125 +734,147 @@ function Ve({ items: e = De, fetcher: t, refreshKey: n, accessors: r, selectionM
 			}
 		}));
 		try {
-			return await c(e, t), !0;
+			return await l(e, t), !0;
 		} catch (e) {
-			return nt.current.get(r) === i && (H({
+			return At.current.get(r) === i && (U({
 				itemId: n,
 				operation: "update",
 				cause: e
-			}), K((e) => {
+			}), a && o ? ut.current.set(n, o) : ut.current.delete(n), lt((e) => {
 				let t = { ...e };
 				return a ? t[n] = a : delete t[n], t;
-			})), Se(() => e), d?.(e), !1;
+			})), g?.(e), !1;
+		} finally {
+			let e = (Z.current.get(n) ?? 1) - 1;
+			e > 0 ? Z.current.set(n, e) : Z.current.delete(n), mt((e) => e + 1);
 		}
 	}, [
-		M,
-		G,
-		d,
-		c
-	]), Nt = N(async (e) => {
-		if (!l) return !1;
-		let t = M.getId(e), n = `delete:${t}`, r = (nt.current.get(n) ?? 0) + 1;
-		nt.current.set(n, r);
-		let i = W.has(t);
-		Se(null), H((e) => e?.itemId === t ? null : e), We((e) => new Set(e).add(t));
+		X,
+		P,
+		Y,
+		g,
+		l
+	]), mn = I(async (e) => {
+		if (!u) return !1;
+		let t = X.getId(e), n = `delete:${t}`, r = (At.current.get(n) ?? 0) + 1;
+		At.current.set(n, r);
+		let i = J.has(t);
+		dt.current.set(t, (dt.current.get(t) ?? 0) + 1), U((e) => e?.itemId === t ? null : e), ct((e) => new Set(e).add(t));
 		try {
-			return await l(e), $e.has(t) && Q(Y.filter((e) => e !== t)), !0;
+			await u(e), ft.current.set(t, Bt.current.suppliedItems);
+			let n = (e) => X.getId(e) !== t;
+			return Je((e) => e.every(n) ? e : e.filter(n)), at((e) => e.every(n) ? e : e.filter(n)), Dt.has(t) && Yt(Q.filter((e) => e !== t)), !0;
 		} catch (e) {
-			return nt.current.get(n) === r && (H({
+			return At.current.get(n) === r && (U({
 				itemId: t,
 				operation: "delete",
 				cause: e
-			}), i || We((e) => {
+			}), i || ct((e) => {
 				let n = new Set(e);
 				return n.delete(t), n;
-			})), Se(() => e), d?.(e), !1;
+			})), g?.(e), !1;
+		} finally {
+			let e = (dt.current.get(t) ?? 1) - 1;
+			e > 0 ? dt.current.set(t, e) : dt.current.delete(t), mt((e) => e + 1);
 		}
 	}, [
-		M,
+		X,
+		Yt,
+		g,
+		u,
+		J,
 		Q,
-		d,
-		l,
-		W,
-		Y,
-		$e
+		Dt
 	]);
 	return {
-		tab: ae,
-		setTab: oe,
-		view: ce,
-		setView: L,
-		query: R,
-		setQuery: le,
-		type: z,
-		setType: ue,
-		collection: B,
-		setCollection: de,
-		sort: fe,
-		setSort: pe,
-		detailId: me,
-		setDetailId: he,
-		items: ct,
-		visibleItems: lt,
-		selectedIds: Y,
-		selectedItems: mt,
-		selectedSet: $e,
-		toggleSelection: _t,
-		clearSelection: vt,
-		selecting: xt,
-		setSelecting: St,
-		clearFilters: Ct,
-		loading: ye,
-		hasLoadedResults: j && (V !== null || ot.length > 0),
-		error: xe,
-		loadError: Ce,
-		mutationError: Te,
-		uploadError: U,
-		retry: X,
-		hasFilters: ht,
-		totalCount: ut,
-		filteredCount: dt,
-		stagedFiles: Ge,
-		addFiles: Tt,
-		removeStagedFile: Et,
-		clearStagedFiles: Dt,
-		updateUploadOptions: Ot,
-		uploadOptions: Xe,
-		uploading: Je,
-		startUpload: At,
-		cancelUpload: jt,
-		updateItem: Mt,
-		removeItem: Nt,
-		accessors: M
+		tab: ce,
+		setTab: le,
+		view: ue,
+		setView: de,
+		query: F,
+		setQuery: pe,
+		type: me,
+		setType: he,
+		collection: V,
+		setCollection: H,
+		sort: ge,
+		setSort: _e,
+		detailId: ve,
+		setDetailId: ye,
+		items: Vt,
+		visibleItems: Ht,
+		selectedIds: Q,
+		selectedItems: qt,
+		selectedSet: Dt,
+		toggleSelection: Zt,
+		clearSelection: Qt,
+		selecting: tn,
+		setSelecting: nn,
+		clearFilters: rn,
+		loading: we,
+		hasLoadedResults: N && (Se !== null || Lt.length > 0),
+		loadError: Ee,
+		mutationError: Fe,
+		uploadError: W,
+		retry: Nt,
+		hasMore: N && Oe.hasMore,
+		loadMore: Ft,
+		loadingMore: Ae,
+		loadMoreError: Me,
+		hasFilters: Jt,
+		totalCount: Ut,
+		filteredCount: Wt,
+		stagedFiles: ht,
+		uploadRejections: vt,
+		addFiles: on,
+		removeStagedFile: sn,
+		clearStagedFiles: cn,
+		updateUploadOptions: ln,
+		uploadOptions: wt,
+		uploading: xt,
+		startUpload: dn,
+		cancelUpload: fn,
+		updateItem: pn,
+		removeItem: mn,
+		accessors: X
 	};
 }
 //#endregion
 //#region src/components/features/media-library/partials/media-library-partials.tsx
-var He = `${b.nativeButtonReset} absolute inset-0 z-10 block h-full w-full cursor-pointer outline-none ${s.inset}`, Ue = "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 We(e, t) {
-	return L(e === "image" ? fe : e === "video" ? Ce : B, { className: t ?? "size-icon" });
+var ot = `${C.nativeButtonReset} absolute inset-0 z-10 block h-full w-full cursor-pointer outline-none ${o.inset}`, st = "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", J = "border-primary bg-primary text-primary-foreground opacity-100";
+function ct(e, t) {
+	return V(e === "image" ? xe : e === "video" ? Ne : ye, { className: t ?? "size-icon" });
 }
-function G(e, t) {
+function Y(e, t) {
 	return e === "image" ? t.typeImage : e === "video" ? t.typeVideo : t.typeFile;
 }
-function K(e, t) {
-	return e ? U(t.usedIn, { count: e }) : t.notUsed;
+function lt(e, t) {
+	return e ? W(t.usedIn, { count: e }) : t.notUsed;
 }
-function Ge({ children: e, tint: t, className: n }) {
-	return /* @__PURE__ */ L("div", {
+var X = /^\d{4}-\d{2}-\d{2}$/;
+function ut({ value: e }) {
+	if (typeof e == "string" && e.trim() !== "") {
+		if (X.test(e.trim())) return /* @__PURE__ */ V(O, { value: e.trim() });
+		if (D(e) === null) return /* @__PURE__ */ V(he, { children: e });
+	}
+	return /* @__PURE__ */ V(E, { value: e });
+}
+function Z({ children: e, tint: t, className: n, role: i }) {
+	return /* @__PURE__ */ V("div", {
+		role: i,
 		className: r("media-library-preview relative overflow-hidden bg-muted", n),
 		style: t ? { background: t } : void 0,
 		children: e
 	});
 }
-function q({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
-	let [a, o] = I(!1);
-	return se(() => {
+function dt({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
+	let [a, o] = B(!1);
+	return L(() => {
 		o(!1);
-	}, [e]), !e || a ? /* @__PURE__ */ L("div", {
+	}, [e]), !e || a ? /* @__PURE__ */ V("div", {
 		className: "media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground",
-		children: We(n, "size-6")
-	}) : /* @__PURE__ */ L("img", {
+		children: ct(n, "size-6")
+	}) : /* @__PURE__ */ V("img", {
 		src: e,
 		alt: t,
 		loading: i,
@@ -673,23 +882,23 @@ function q({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
 		onError: () => o(!0)
 	});
 }
-function Ke({ icon: e, title: t, description: n, action: i, className: a }) {
-	return /* @__PURE__ */ L(M, {
+function ft({ icon: e, title: t, description: n, action: i, className: a }) {
+	return /* @__PURE__ */ V(F, {
 		title: t,
 		description: n ?? !1,
 		actions: i,
-		media: e ?? /* @__PURE__ */ L(fe, {
+		media: e ?? /* @__PURE__ */ V(xe, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
 		mediaVariant: "icon-soft",
 		padding: "md",
-		border: !0,
-		className: r("media-library-empty-state--component min-h-64 bg-muted/30", a)
+		surface: "wash",
+		className: r("media-library-empty-state--component min-h-64", a)
 	});
 }
-function qe({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d, collections: f = [], strings: p, onQueryChange: m, onTypeChange: h, onCollectionChange: g, onSortChange: _, onViewChange: v, onClearFilters: y, toolbarEnd: x, selecting: S = !1, onSelectingChange: C, summary: ee, disabled: w = !1 }) {
-	let { defaultScale: te } = t(), D = e(void 0, te), O = [
+function pt({ query: n, type: a, typeFilters: o, collection: c, sort: u, view: d, collections: f = [], strings: p, onQueryChange: m, onTypeChange: h, onCollectionChange: g, onSortChange: _, onViewChange: v, onClearFilters: y, toolbarEnd: b, selecting: x = !1, onSelectingChange: S, summary: ee, disabled: w = !1 }) {
+	let { defaultScale: te } = t(), T = e(void 0, te), ne = [
 		{
 			value: "all",
 			label: p.allTypes,
@@ -698,29 +907,29 @@ function qe({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d
 		{
 			value: "image",
 			label: p.images,
-			icon: fe
+			icon: xe
 		},
 		{
 			value: "video",
 			label: p.videos,
-			icon: Ce
+			icon: Ne
 		},
 		{
 			value: "file",
 			label: p.files,
-			icon: B
+			icon: ye
 		}
-	].filter((e) => (s ?? [
+	].filter((e) => (o ?? [
 		"all",
 		"image",
 		"video"
-	]).includes(e.value)), A = [{
+	]).includes(e.value)), E = [{
 		value: "all",
 		label: p.allCollections
 	}, ...f.map((e) => ({
 		value: e.value,
 		label: String(e.label)
-	}))], ie = [
+	}))], D = [
 		{
 			value: "newest",
 			label: p.sortNewest
@@ -737,73 +946,72 @@ function qe({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d
 			value: "usage",
 			label: p.sortUsage
 		}
-	], j = n.trim(), M = j.length > 0, ae = M || o !== "all" || c !== "all";
-	return /* @__PURE__ */ R(l, {
+	], O = n.trim(), re = O.length > 0, A = re || a !== "all" || c !== "all";
+	return /* @__PURE__ */ H(l, {
 		direction: "horizontal",
 		wrap: !0,
 		align: "start",
 		gap: "md",
 		className: "media-library-toolbar--component",
-		children: [/* @__PURE__ */ R(l, {
+		children: [/* @__PURE__ */ H(l, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "start",
 			gap: "md",
 			className: "media-library-toolbar--filters min-w-0 grow basis-80",
 			children: [
-				/* @__PURE__ */ R(l, {
+				/* @__PURE__ */ H(l, {
 					gap: "xs",
 					className: "media-library-toolbar--search min-w-52 flex-1",
-					children: [/* @__PURE__ */ L(E, {
+					children: [/* @__PURE__ */ V(ie, {
 						value: n,
 						onChange: (e) => m(e.target.value),
 						placeholder: p.searchPlaceholder,
-						startIcon: ye,
+						startIcon: ke,
 						clearable: !0,
 						onClear: () => m(""),
 						strings: { clear: p.clearSearch },
 						disabled: w,
 						className: "bg-background"
-					}), !!M && /* @__PURE__ */ L(l, {
+					}), !!re && /* @__PURE__ */ V(l, {
 						direction: "horizontal",
 						gap: "xs",
 						wrap: !1,
 						className: "media-library-toolbar--search-value px-space-xs",
-						children: /* @__PURE__ */ R(T, {
+						children: /* @__PURE__ */ H(k, {
 							tone: "secondary",
 							className: "max-w-full",
-							children: [/* @__PURE__ */ L(a, {
+							children: [/* @__PURE__ */ V(i, {
 								tag: "span",
 								size: "inherit",
 								className: "text-current",
 								children: p.activeSearchLabel
-							}), /* @__PURE__ */ L(a, {
+							}), /* @__PURE__ */ V(i, {
 								tag: "span",
 								size: "inherit",
 								weight: "normal",
 								className: "min-w-0 truncate text-current",
-								children: j
+								children: O
 							})]
 						})
 					})]
 				}),
-				/* @__PURE__ */ L("div", {
-					className: r("media-library-toolbar--type-toggle shrink-0", k.frame, re[D]),
-					role: "tablist",
+				/* @__PURE__ */ V("div", {
+					className: r("media-library-toolbar--type-toggle shrink-0", ae.frame, oe[T]),
+					role: "group",
 					"aria-label": p.typeFilterLabel,
-					children: O.map((e) => {
-						let t = e.icon, n = o === e.value;
-						return /* @__PURE__ */ R(i, {
+					children: ne.map((e) => {
+						let t = e.icon, n = a === e.value;
+						return /* @__PURE__ */ H(s, {
 							type: "button",
-							role: "tab",
-							"aria-selected": n,
+							"aria-pressed": n,
 							tone: "secondary",
 							buttonStyle: "ghost",
 							size: "sm",
 							disabled: w,
-							className: r(k.item, "shadow-none", n ? `${b.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
+							className: r(ae.item, "shadow-none", n ? `${C.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 							onClick: () => h(e.value),
-							children: [t && /* @__PURE__ */ L(t, { className: "size-icon-md" }), /* @__PURE__ */ L(a, {
+							children: [t && /* @__PURE__ */ V(t, { className: "size-icon-md" }), /* @__PURE__ */ V(i, {
 								tag: "span",
 								size: "xs",
 								weight: "medium",
@@ -813,27 +1021,27 @@ function qe({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d
 						}, e.value);
 					})
 				}),
-				/* @__PURE__ */ R(l, {
+				/* @__PURE__ */ H(l, {
 					direction: "horizontal",
 					gap: "md",
 					wrap: !0,
 					className: "media-library-toolbar--selects min-w-0",
-					children: [/* @__PURE__ */ L("div", {
+					children: [/* @__PURE__ */ V("div", {
 						className: "min-w-40 grow",
-						children: /* @__PURE__ */ L(ne, {
+						children: /* @__PURE__ */ V(M, {
 							value: c,
-							options: A,
+							options: E,
 							onValueChange: (e) => g(e ?? "all"),
 							placeholder: p.collectionFilterLabel,
 							"aria-label": p.collectionFilterLabel,
 							disabled: w,
 							className: "bg-background"
 						})
-					}), /* @__PURE__ */ L("div", {
+					}), /* @__PURE__ */ V("div", {
 						className: "min-w-32 grow",
-						children: /* @__PURE__ */ L(ne, {
+						children: /* @__PURE__ */ V(M, {
 							value: u,
-							options: ie,
+							options: D,
 							onValueChange: (e) => _(e ?? "newest"),
 							placeholder: p.sortLabel,
 							"aria-label": p.sortLabel,
@@ -842,7 +1050,7 @@ function qe({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d
 						})
 					})]
 				}),
-				!!ae && /* @__PURE__ */ L(i, {
+				!!A && /* @__PURE__ */ V(s, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
@@ -851,7 +1059,7 @@ function qe({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d
 					children: p.clearFilters
 				})
 			]
-		}), /* @__PURE__ */ R(l, {
+		}), /* @__PURE__ */ H(l, {
 			direction: "horizontal",
 			align: "center",
 			gap: "md",
@@ -859,142 +1067,146 @@ function qe({ query: n, type: o, typeFilters: s, collection: c, sort: u, view: d
 			className: "media-library-toolbar--view ms-auto min-w-0 max-w-full",
 			children: [
 				ee,
-				/* @__PURE__ */ R("div", {
-					className: r("media-library-toolbar--view-toggle shrink-0", k.frame, re[D]),
-					children: [/* @__PURE__ */ L(i, {
+				/* @__PURE__ */ H("div", {
+					className: r("media-library-toolbar--view-toggle shrink-0", ae.frame, oe[T]),
+					role: "group",
+					"aria-label": p.viewLabel,
+					children: [/* @__PURE__ */ V(s, {
 						type: "button",
 						tone: d === "grid" ? "neutral" : "secondary",
 						buttonStyle: d === "grid" ? "solid" : "ghost",
 						size: "sm",
 						iconOnly: !0,
 						disabled: w,
-						className: r(k.item, d === "grid" && `${b.segmentActive} hover:bg-card`),
+						className: r(ae.item, d === "grid" && `${C.segmentActive} hover:bg-card`),
 						"aria-label": p.gridView,
+						"aria-pressed": d === "grid",
 						onClick: () => v("grid"),
-						children: /* @__PURE__ */ L(de, { className: "size-icon-md" })
-					}), /* @__PURE__ */ L(i, {
+						children: /* @__PURE__ */ V(be, { className: "size-icon-md" })
+					}), /* @__PURE__ */ V(s, {
 						type: "button",
 						tone: d === "table" ? "neutral" : "secondary",
 						buttonStyle: d === "table" ? "solid" : "ghost",
 						size: "sm",
 						iconOnly: !0,
 						disabled: w,
-						className: r(k.item, d === "table" && `${b.segmentActive} hover:bg-card`),
+						className: r(ae.item, d === "table" && `${C.segmentActive} hover:bg-card`),
 						"aria-label": p.tableView,
+						"aria-pressed": d === "table",
 						onClick: () => v("table"),
-						children: /* @__PURE__ */ L(ge, { className: "size-icon-md" })
+						children: /* @__PURE__ */ V(Te, { className: "size-icon-md" })
 					})]
 				}),
-				!!C && /* @__PURE__ */ L(i, {
+				!!S && /* @__PURE__ */ V(s, {
 					type: "button",
-					"aria-pressed": S,
+					"aria-pressed": x,
 					tone: "secondary",
 					buttonStyle: "outline",
 					disabled: w,
-					className: r("media-library-toolbar--select shrink-0", S && b.togglePressed),
-					onClick: () => C(!S),
+					className: r("media-library-toolbar--select shrink-0", x && C.togglePressed),
+					onClick: () => S(!x),
 					children: p.selectMode
 				}),
-				x
+				b
 			]
 		})]
 	});
 }
-function Je({ item: e, selected: t = !1, density: n = "comfortable", showMeta: o = !0, accessors: u, strings: d, onToggle: f, onDetails: p, onOpen: m, selecting: h = !1, className: g }) {
-	let _ = u.getType(e), v = u.getName(e), y = u.getSrc(e), x = u.getAlt(e) || v, C = u.getSize(e), ee = u.getUsageCount(e), w = u.getPublic(e) === !1, te = u.getDuration(e), E = !!m && !h, D = E ? m : f;
-	return /* @__PURE__ */ R("div", {
+function mt({ item: e, selected: t = !1, density: n = "comfortable", showMeta: a = !0, accessors: u, strings: d, onToggle: f, onDetails: p, onOpen: m, selecting: h = !1, className: g }) {
+	let _ = u.getType(e), v = u.getName(e), y = u.getSrc(e), b = u.getAlt(e) || v, x = u.getSize(e), S = u.getUsageCount(e), ee = u.getPublic(e) === !1, te = u.getDuration(e), T = !!m && !h, ne = T ? m : f;
+	return /* @__PURE__ */ H("div", {
 		"data-selected": t || void 0,
 		"data-selecting": h || 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-card-foreground text-left shadow-xs transition-all", `${b.tileHover} hover:shadow-sm`, t && "media-library-card--selected border-primary ring-1 ring-primary", g),
-		onClick: D,
+		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", `${C.tileHover} hover:shadow-sm`, t && "media-library-card--selected border-primary ring-1 ring-primary", g),
+		onClick: ne,
 		children: [
-			!!D && /* @__PURE__ */ L("button", {
+			!!ne && /* @__PURE__ */ V("button", {
 				type: "button",
 				"aria-label": v,
-				"aria-pressed": E ? void 0 : t,
-				className: r("media-library-card--select rounded-radius", He),
+				"aria-pressed": T ? void 0 : t,
+				className: r("media-library-card--select rounded-radius", ot),
 				onClick: (e) => {
-					e.stopPropagation(), D();
+					e.stopPropagation(), ne();
 				}
 			}),
-			/* @__PURE__ */ R(Ge, {
+			/* @__PURE__ */ H(Z, {
 				tint: u.getTint(e),
 				className: r(n === "compact" ? "aspect-square" : "aspect-[4/3]"),
 				children: [
-					/* @__PURE__ */ L(q, {
+					/* @__PURE__ */ V(dt, {
 						src: y,
-						alt: x,
+						alt: b,
 						type: _,
 						className: "size-full object-cover"
 					}),
-					E && f ? /* @__PURE__ */ L("button", {
+					T && f ? /* @__PURE__ */ V("button", {
 						type: "button",
-						"aria-label": U(d.selectItem, { name: v }),
+						"aria-label": W(d.selectItem, { name: v }),
 						"aria-pressed": t,
-						className: r(Ue, `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),
+						className: r(st, `z-10 cursor-pointer opacity-0 transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 pointer-coarse:opacity-100 ${o.frame}`, t && J),
 						onClick: (e) => {
 							e.stopPropagation(), f();
 						},
-						children: /* @__PURE__ */ L(ue, { className: "size-icon-sm" })
-					}) : /* @__PURE__ */ L("span", {
-						className: r(Ue, "transition-opacity", h ? "opacity-100" : "opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100", t && W),
+						children: /* @__PURE__ */ V(ve, { className: "size-icon-sm" })
+					}) : /* @__PURE__ */ V("span", {
+						className: r(st, "transition-opacity", h ? "opacity-100" : "opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100", t && J),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ L(ue, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ V(ve, { className: "size-icon-sm" })
 					}),
-					!!p && /* @__PURE__ */ L(i, {
+					!!p && /* @__PURE__ */ V(s, {
 						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": U(d.cardDetails, { name: v }),
+						"aria-label": W(d.cardDetails, { name: v }),
 						onClick: (e) => {
 							e.stopPropagation(), p();
 						},
-						children: /* @__PURE__ */ L(me, { className: "size-icon-md" })
+						children: /* @__PURE__ */ V(Ce, { className: "size-icon-md" })
 					}),
-					_ === "video" && !!te && /* @__PURE__ */ R(T, {
+					_ === "video" && !!te && /* @__PURE__ */ H(k, {
 						tone: "secondary",
 						className: "media-library-card--duration absolute bottom-2 left-2 bg-inverse-background text-inverse-foreground",
-						children: [/* @__PURE__ */ L(V, { className: "size-icon-sm fill-current" }), te]
+						children: [/* @__PURE__ */ V(De, { className: "size-icon-sm fill-current" }), te]
 					}),
-					w && /* @__PURE__ */ L(T, {
+					ee && /* @__PURE__ */ V(k, {
 						tone: "secondary",
 						className: "media-library-card--private absolute bottom-2 right-2 bg-card text-card-foreground",
-						children: /* @__PURE__ */ L(_e, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ V(Ee, { className: "size-icon-sm" })
 					})
 				]
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ V("div", {
 				className: r("media-library-card--body", n === "compact" ? "p-surface-xs" : "p-surface"),
-				children: /* @__PURE__ */ R(c, {
+				children: /* @__PURE__ */ H(c, {
 					columns: 1,
 					gap: "xs",
-					children: [/* @__PURE__ */ L(a, {
+					children: [/* @__PURE__ */ V(i, {
 						tag: "div",
 						type: "inherit",
 						weight: "semibold",
 						className: "truncate",
 						children: v
-					}), o && /* @__PURE__ */ R(l, {
+					}), a && /* @__PURE__ */ H(l, {
 						direction: "horizontal",
 						align: "center",
 						justify: "between",
 						gap: "md",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ L(S, {
-							value: C,
+						children: [/* @__PURE__ */ V(w, {
+							value: x,
 							size: "xs",
 							className: "truncate",
 							emptyLabel: d.unknownSize
-						}), !!ee && /* @__PURE__ */ R(a, {
+						}), !!S && /* @__PURE__ */ H(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							className: "inline-flex items-center gap-space-xs",
-							children: [/* @__PURE__ */ L(he, { className: "size-icon-sm" }), ee]
+							children: [/* @__PURE__ */ V(we, { className: "size-icon-sm" }), S]
 						})]
 					})]
 				})
@@ -1002,200 +1214,268 @@ function Je({ item: e, selected: t = !1, density: n = "comfortable", showMeta: o
 		]
 	});
 }
-function Ye({ items: e, selectedSet: t, accessors: n, strings: c, onToggle: l, onDetails: u, onOpen: d, selecting: f = !1 }) {
+function ht({ items: e, selectedSet: t, accessors: n, strings: c, onToggle: l, onDetails: u, onOpen: d, selecting: f = !1 }) {
 	let p = !!d && !f;
-	return /* @__PURE__ */ R("div", {
-		className: "media-library-list--component min-w-180",
-		children: [/* @__PURE__ */ R("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__ */ L("span", {}),
-				/* @__PURE__ */ L("span", {}),
-				/* @__PURE__ */ L(o, { children: c.table.name }),
-				/* @__PURE__ */ L(o, { children: c.table.type }),
-				/* @__PURE__ */ L(o, { children: c.table.size }),
-				/* @__PURE__ */ L(o, { children: c.table.collection }),
-				/* @__PURE__ */ L(o, { children: c.table.used }),
-				/* @__PURE__ */ L("span", {})
-			]
-		}), e.map((e) => {
-			let o = n.getId(e), f = t.has(o), m = n.getType(e), h = n.getName(e), g = n.getSrc(e), _ = n.getPublic(e) === !1;
-			return /* @__PURE__ */ R("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-radius transition-colors ${b.rowHover}`, f && b.rowSelected),
-				onClick: () => p && d ? d(o) : l(o),
+	return /* @__PURE__ */ H("div", {
+		role: "table",
+		"aria-label": c.resultsLabel,
+		className: "media-library-list--component -mx-row-x min-w-180",
+		children: [/* @__PURE__ */ V("div", {
+			role: "rowgroup",
+			className: "contents",
+			children: /* @__PURE__ */ H("div", {
+				role: "row",
+				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__ */ L("button", {
-						type: "button",
-						"aria-label": h,
-						"aria-pressed": p ? void 0 : f,
-						className: r("media-library-list--select rounded-radius", He),
-						onClick: (e) => {
-							e.stopPropagation(), p && d ? d(o) : l(o);
-						}
-					}),
-					p ? /* @__PURE__ */ L("button", {
-						type: "button",
-						"aria-label": U(c.selectItem, { name: h }),
-						"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(o);
-						},
-						children: /* @__PURE__ */ L(ue, { className: "size-icon-sm" })
-					}) : /* @__PURE__ */ L("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__ */ L(ue, { className: "size-icon-sm" })
-					}),
-					/* @__PURE__ */ L(Ge, {
-						tint: n.getTint(e),
-						className: "size-9 rounded-radius",
-						children: g ? /* @__PURE__ */ L("img", {
-							src: g,
-							alt: "",
-							loading: "lazy",
-							className: "size-full object-cover"
-						}) : /* @__PURE__ */ L("div", {
-							className: "flex size-full items-center justify-center text-muted-foreground",
-							children: We(m, "size-icon")
+					/* @__PURE__ */ V("span", {
+						role: "columnheader",
+						children: /* @__PURE__ */ V(i, {
+							tag: "span",
+							size: "inherit",
+							className: "sr-only",
+							children: c.selectMode
 						})
 					}),
-					/* @__PURE__ */ R(a, {
-						tag: "div",
-						type: "inherit",
-						weight: "semibold",
-						className: "flex min-w-0 items-center gap-space-xs truncate",
-						children: [h, _ && /* @__PURE__ */ L(_e, { className: "size-icon-sm shrink-0 text-muted-foreground" })]
+					/* @__PURE__ */ V("span", { role: "cell" }),
+					/* @__PURE__ */ V(a, {
+						role: "columnheader",
+						children: c.table.name
 					}),
-					/* @__PURE__ */ L(T, {
-						tone: "secondary",
-						children: G(m, c)
+					/* @__PURE__ */ V(a, {
+						role: "columnheader",
+						children: c.table.type
 					}),
-					/* @__PURE__ */ L(S, {
-						value: n.getSize(e),
-						size: "xs",
-						emptyLabel: c.unknownSize
+					/* @__PURE__ */ V(a, {
+						role: "columnheader",
+						children: c.table.size
 					}),
-					/* @__PURE__ */ L(a, {
-						size: "xs",
-						type: "secondary",
-						className: "truncate",
-						children: n.getCollection(e) || "—"
+					/* @__PURE__ */ V(a, {
+						role: "columnheader",
+						children: c.table.collection
 					}),
-					/* @__PURE__ */ L(a, {
-						size: "xs",
-						type: "secondary",
-						children: n.getUsageCount(e) ? n.getUsageCount(e) : "—"
+					/* @__PURE__ */ V(a, {
+						role: "columnheader",
+						children: c.table.used
 					}),
-					/* @__PURE__ */ L(i, {
-						type: "button",
-						tone: "secondary",
-						buttonStyle: "ghost",
-						size: "sm",
-						iconOnly: !0,
-						className: "relative z-10",
-						"aria-label": U(c.cardDetails, { name: h }),
-						onClick: (e) => {
-							e.stopPropagation(), u(o);
-						},
-						children: /* @__PURE__ */ L(me, { className: "size-icon-md" })
+					/* @__PURE__ */ V("span", {
+						role: "columnheader",
+						children: /* @__PURE__ */ V(i, {
+							tag: "span",
+							size: "inherit",
+							className: "sr-only",
+							children: c.detail.title
+						})
 					})
 				]
-			}, o);
+			})
+		}), /* @__PURE__ */ V("div", {
+			role: "rowgroup",
+			className: "contents",
+			children: e.map((e) => {
+				let a = n.getId(e), f = t.has(a), m = n.getType(e), h = n.getName(e), g = n.getSrc(e), _ = n.getPublic(e) === !1;
+				return /* @__PURE__ */ H("div", {
+					role: "row",
+					"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-radius transition-colors ${C.rowHover}`, f && C.rowSelected),
+					onClick: () => p && d ? d(a) : l(a),
+					children: [
+						/* @__PURE__ */ H("div", {
+							role: "cell",
+							className: "contents",
+							children: [/* @__PURE__ */ V("button", {
+								type: "button",
+								"aria-label": h,
+								"aria-pressed": p ? void 0 : f,
+								className: r("media-library-list--select rounded-radius", ot),
+								onClick: (e) => {
+									e.stopPropagation(), p && d ? d(a) : l(a);
+								}
+							}), p ? /* @__PURE__ */ V("button", {
+								type: "button",
+								"aria-label": W(c.selectItem, { name: h }),
+								"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 ${o.frame}`, f && "border-primary bg-primary text-primary-foreground"),
+								onClick: (e) => {
+									e.stopPropagation(), l(a);
+								},
+								children: /* @__PURE__ */ V(ve, { className: "size-icon-sm" })
+							}) : /* @__PURE__ */ V("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__ */ V(ve, { className: "size-icon-sm" })
+							})]
+						}),
+						/* @__PURE__ */ V(Z, {
+							role: "cell",
+							tint: n.getTint(e),
+							className: "size-9 rounded-radius",
+							children: g ? /* @__PURE__ */ V("img", {
+								src: g,
+								alt: "",
+								loading: "lazy",
+								className: "size-full object-cover"
+							}) : /* @__PURE__ */ V("div", {
+								className: "flex size-full items-center justify-center text-muted-foreground",
+								children: ct(m, "size-icon")
+							})
+						}),
+						/* @__PURE__ */ H(i, {
+							tag: "div",
+							role: "rowheader",
+							type: "inherit",
+							weight: "semibold",
+							className: "flex min-w-0 items-center gap-space-xs truncate",
+							children: [h, _ && /* @__PURE__ */ V(Ee, { className: "size-icon-sm shrink-0 text-muted-foreground" })]
+						}),
+						/* @__PURE__ */ V(k, {
+							role: "cell",
+							tone: "secondary",
+							children: Y(m, c)
+						}),
+						/* @__PURE__ */ V(w, {
+							role: "cell",
+							value: n.getSize(e),
+							size: "xs",
+							emptyLabel: c.unknownSize
+						}),
+						/* @__PURE__ */ V(i, {
+							role: "cell",
+							size: "xs",
+							type: "secondary",
+							className: "truncate",
+							children: n.getCollection(e) || "—"
+						}),
+						/* @__PURE__ */ V(i, {
+							role: "cell",
+							size: "xs",
+							type: "secondary",
+							children: n.getUsageCount(e) ? n.getUsageCount(e) : "—"
+						}),
+						/* @__PURE__ */ V("div", {
+							role: "cell",
+							className: "contents",
+							children: /* @__PURE__ */ V(s, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								className: "relative z-10",
+								"aria-label": W(c.cardDetails, { name: h }),
+								onClick: (e) => {
+									e.stopPropagation(), u(a);
+								},
+								children: /* @__PURE__ */ V(Ce, { className: "size-icon-md" })
+							})
+						})
+					]
+				}, a);
+			})
 		})]
 	});
 }
-function J({ label: e, tags: t, placeholder: n, readOnly: r = !1, onValueChange: i }) {
-	let a = t.join(", "), [o, s] = I({
-		source: a,
-		value: a
+function gt({ label: e, value: t, placeholder: n, readOnly: r = !1, onCommit: i }) {
+	let [a, o] = B({
+		source: t,
+		value: t
 	});
-	o.source !== a && s({
-		source: a,
-		value: a
+	a.source !== t && o({
+		source: t,
+		value: t
 	});
-	let c = () => {
-		if (r || o.value === a) return;
-		let e = o.value.split(",").map((e) => e.trim()).filter(Boolean);
-		s({
-			source: a,
-			value: a
-		}), (e.length !== t.length || e.some((e, n) => e !== t[n])) && i(e);
-	};
-	return /* @__PURE__ */ L(D, {
+	let s = !r && a.value !== t, c = () => o({
+		source: t,
+		value: t
+	}), l = () => {
+		s && (c(), i(a.value));
+	}, u = z(null);
+	return L(() => {
+		u.current = s ? () => i(a.value) : null;
+	}), L(() => () => u.current?.(), []), /* @__PURE__ */ V(A, {
 		label: e,
-		children: /* @__PURE__ */ L(E, {
-			value: o.value,
+		children: /* @__PURE__ */ V(ie, {
+			value: a.value,
 			placeholder: n,
 			readOnly: r,
-			onChange: (e) => s({
-				source: a,
+			onChange: (e) => o({
+				source: t,
 				value: e.target.value
 			}),
-			onBlur: c,
+			onBlur: l,
 			onKeyDown: (e) => {
-				r || e.key !== "Enter" || e.nativeEvent.isComposing || (e.preventDefault(), c());
+				r || e.nativeEvent.isComposing || (e.key === "Enter" ? (e.preventDefault(), l()) : e.key === "Escape" && s && (e.stopPropagation(), c()));
 			}
 		})
 	});
 }
-function Xe({ item: e, collections: t = [], accessors: n, strings: o, onClose: s, onUpdate: c, readOnly: d = !1, mutationError: p, onRemove: m, allowDelete: h = !0, onReplace: g, renderDetail: v }) {
+function _t({ label: e, tags: t, placeholder: n, readOnly: r = !1, onValueChange: i }) {
+	return /* @__PURE__ */ V(gt, {
+		label: e,
+		value: t.join(", "),
+		placeholder: n,
+		readOnly: r,
+		onCommit: (e) => {
+			let n = e.split(",").map((e) => e.trim()).filter(Boolean);
+			(n.length !== t.length || n.some((e, n) => e !== t[n])) && i(n);
+		}
+	});
+}
+function vt({ item: e, collections: t = [], accessors: n, strings: a, onClose: o, onUpdate: c, readOnly: u = !1, mutationError: m, onRemove: h, allowDelete: g = !0, onReplace: _, renderDetail: v }) {
 	if (!e) return null;
-	let y = n.getName(e), b = n.getType(e), x = n.getSrc(e), ee = n.getCollection(e) ?? t[0]?.value ?? "", w = n.getTags(e), te = n.getPublic(e) ?? !0, k = d ? () => Promise.resolve(!1) : c, re = v?.(e, {
+	let b = n.getName(e), x = n.getType(e), S = n.getSrc(e), C = n.getCollection(e), ee = n.getTags(e), T = n.getPublic(e) ?? !0, ne = u ? () => Promise.resolve(!1) : c, E = v?.(e, {
 		accessors: n,
-		update: k,
-		mutationError: p,
-		remove: h ? m : () => Promise.resolve(!1),
-		replace: g,
-		close: s
+		update: ne,
+		mutationError: m,
+		remove: g ? h : () => Promise.resolve(!1),
+		replace: _,
+		close: o
 	});
-	return re ? /* @__PURE__ */ L(ce, { children: re }) : /* @__PURE__ */ R("aside", {
+	return E ? /* @__PURE__ */ V(he, { children: E }) : /* @__PURE__ */ H("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__ */ L("div", {
-			className: "media-library-detail-panel--header border-b border-border p-surface",
-			children: /* @__PURE__ */ R(l, {
+		children: [/* @__PURE__ */ V("div", {
+			className: r("media-library-detail-panel--header p-surface", d.header),
+			children: /* @__PURE__ */ H(l, {
 				direction: "horizontal",
 				align: "center",
 				gap: "md",
-				children: [/* @__PURE__ */ L(i, {
+				children: [/* @__PURE__ */ V(s, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": o.detail.close,
+					"aria-label": a.detail.close,
 					"data-media-detail-close": "",
-					onClick: s,
-					children: /* @__PURE__ */ L(le, { className: "size-icon-md" })
-				}), /* @__PURE__ */ L(a, {
+					onClick: o,
+					children: /* @__PURE__ */ V(ge, { className: "size-icon-md" })
+				}), /* @__PURE__ */ V(i, {
 					weight: "semibold",
-					children: o.detail.title
+					children: a.detail.title
 				})]
 			})
-		}), /* @__PURE__ */ R("div", {
+		}), /* @__PURE__ */ H("div", {
 			className: "media-library-detail-panel--body grid min-h-0 auto-rows-max gap-space-xl overflow-y-auto p-surface",
 			children: [
-				/* @__PURE__ */ R(Ge, {
+				/* @__PURE__ */ H(Z, {
 					tint: n.getTint(e),
 					className: "aspect-[4/3] rounded-radius border border-border",
-					children: [/* @__PURE__ */ L(q, {
-						src: x,
-						alt: n.getAlt(e) || y,
-						type: b,
+					children: [/* @__PURE__ */ V(dt, {
+						src: S,
+						alt: n.getAlt(e) || b,
+						type: x,
 						className: "size-full object-cover"
-					}), b === "video" && !!n.getDuration(e) && /* @__PURE__ */ R(T, {
+					}), x === "video" && !!n.getDuration(e) && /* @__PURE__ */ H(k, {
 						className: "absolute bottom-2 right-2 bg-inverse-background text-inverse-foreground",
-						children: [/* @__PURE__ */ L(V, { className: "size-icon-sm fill-current" }), n.getDuration(e)]
+						children: [/* @__PURE__ */ V(De, { className: "size-icon-sm fill-current" }), n.getDuration(e)]
 					})]
 				}),
-				/* @__PURE__ */ L(a, {
+				/* @__PURE__ */ V(i, {
 					tag: "div",
 					weight: "semibold",
 					className: "break-words",
-					children: y
+					children: b
 				}),
-				/* @__PURE__ */ L(ie, {
+				/* @__PURE__ */ V(N, {
 					layout: "rows",
 					valueAlign: "end",
 					density: "compact",
@@ -1203,239 +1483,257 @@ function Xe({ item: e, collections: t = [], accessors: n, strings: o, onClose: s
 					items: [
 						{
 							id: "type",
-							label: o.detail.type,
-							value: G(b, o)
+							label: a.detail.type,
+							value: Y(x, a)
 						},
 						{
 							id: "size",
-							label: o.detail.size,
-							value: /* @__PURE__ */ L(S, {
+							label: a.detail.size,
+							value: /* @__PURE__ */ V(w, {
 								value: n.getSize(e),
-								emptyLabel: o.unknownSize
+								emptyLabel: a.unknownSize
 							})
 						},
 						{
 							id: "dimensions",
-							label: o.detail.dimensions,
-							value: /* @__PURE__ */ L(C, {
+							label: a.detail.dimensions,
+							value: /* @__PURE__ */ V(te, {
 								width: n.getWidth(e),
 								height: n.getHeight(e),
-								emptyLabel: o.unknownSize
+								emptyLabel: a.unknownSize
 							})
 						},
 						{
 							id: "uploaded",
-							label: o.detail.uploaded,
-							value: String(n.getUploadedAt(e) ?? "—")
+							label: a.detail.uploaded,
+							value: /* @__PURE__ */ V(ut, { value: n.getUploadedAt(e) })
 						},
 						{
 							id: "used-in",
-							label: o.detail.usedIn,
-							value: K(n.getUsageCount(e), o)
+							label: a.detail.usedIn,
+							value: lt(n.getUsageCount(e), a)
 						}
 					]
 				}),
-				p && /* @__PURE__ */ L(f, {
+				m && /* @__PURE__ */ V(f, {
 					tone: "destructive",
-					children: /* @__PURE__ */ L(u, { children: o.detail.mutationError ?? H.detail.mutationError })
+					children: /* @__PURE__ */ V(p, { children: a.detail.mutationError ?? U.detail.mutationError })
 				}),
-				/* @__PURE__ */ L(D, {
-					label: o.detail.altText,
-					children: /* @__PURE__ */ L(E, {
-						value: n.getAlt(e) ?? "",
-						placeholder: o.detail.altPlaceholder,
-						readOnly: d,
-						onChange: (e) => k({ alt: e.target.value })
-					})
-				}),
-				/* @__PURE__ */ L(D, {
-					label: o.detail.collection,
-					children: /* @__PURE__ */ L(ne, {
-						value: ee,
+				/* @__PURE__ */ V(gt, {
+					label: a.detail.altText,
+					value: n.getAlt(e) ?? "",
+					placeholder: a.detail.altPlaceholder,
+					readOnly: u,
+					onCommit: (e) => ne({ alt: e })
+				}, `alt:${n.getId(e)}`),
+				/* @__PURE__ */ V(A, {
+					label: a.detail.collection,
+					children: /* @__PURE__ */ V(M, {
+						value: C,
 						options: t.map((e) => ({
 							value: e.value,
 							label: String(e.label)
 						})),
-						"aria-label": o.detail.collection,
-						readOnly: d,
-						onValueChange: (e) => k({ collection: e })
+						placeholder: a.detail.noCollection ?? U.detail.noCollection,
+						"aria-label": a.detail.collection,
+						readOnly: u,
+						onValueChange: (e) => ne({ collection: e })
 					})
 				}),
-				/* @__PURE__ */ L(J, {
-					label: o.detail.tags,
-					tags: w,
-					placeholder: o.detail.tagsPlaceholder,
-					readOnly: d,
-					onValueChange: (e) => k({ tags: e })
+				/* @__PURE__ */ V(_t, {
+					label: a.detail.tags,
+					tags: ee,
+					placeholder: a.detail.tagsPlaceholder,
+					readOnly: u,
+					onValueChange: (e) => ne({ tags: e })
 				}, n.getId(e)),
-				/* @__PURE__ */ L("div", {
+				/* @__PURE__ */ V("div", {
 					className: "media-library-detail-panel--public",
-					children: /* @__PURE__ */ R(l, {
+					children: /* @__PURE__ */ H(l, {
 						direction: "horizontal",
 						align: "center",
 						justify: "between",
 						gap: "xl",
-						children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L(a, {
+						children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V(i, {
 							weight: "semibold",
-							children: o.detail.public
-						}), /* @__PURE__ */ L(a, {
+							children: a.detail.public
+						}), /* @__PURE__ */ V(i, {
 							size: "xs",
 							type: "secondary",
-							children: te ? o.detail.publicHint : o.detail.privateHint
-						})] }), /* @__PURE__ */ L(O, {
-							"aria-label": o.detail.public,
-							checked: te,
-							readOnly: d,
-							onValueChange: (e) => k({ public: e })
+							children: T ? a.detail.publicHint : a.detail.privateHint
+						})] }), /* @__PURE__ */ V(j, {
+							"aria-label": a.detail.public,
+							checked: T,
+							readOnly: u,
+							onValueChange: (e) => ne({ public: e })
 						})]
 					})
 				}),
-				(g || h) && /* @__PURE__ */ R("div", {
-					className: r("media-library-detail-panel--actions flex flex-wrap", _.commands),
-					children: [g && /* @__PURE__ */ L(i, {
+				(_ || g) && /* @__PURE__ */ H("div", {
+					className: r("media-library-detail-panel--actions flex flex-wrap", y.commands),
+					children: [_ && /* @__PURE__ */ V(s, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "outline",
-						onClick: g,
-						children: o.detail.replace
-					}), h && /* @__PURE__ */ L(i, {
+						onClick: _,
+						children: a.detail.replace
+					}), g && /* @__PURE__ */ V(s, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
-						onClick: m,
-						children: o.detail.delete
+						onClick: h,
+						children: a.detail.delete
 					})]
 				})
 			]
 		})]
 	});
 }
-function Ze({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading: r = !1, hasUploadError: o = !1, strings: s, onFiles: c, onRemoveFile: d, onOptionsChange: p, empty: m }) {
-	return /* @__PURE__ */ L("div", {
+function yt({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading: r = !1, hasUploadError: a = !1, accept: o = Re, maxFileSize: c, maxFiles: u, rejections: d = [], strings: m, onFiles: h, onRemoveFile: g, onOptionsChange: v, empty: y }) {
+	let b = c === void 0 ? void 0 : ee(c) ?? void 0, x = (e) => m.upload[e] ?? U.upload[e] ?? "", S = b ? `${m.upload.dropHint} · ${W(x("sizeLimitHint"), { size: b })}` : m.upload.dropHint, C = [...d.filter((e) => e.reason !== "count").map((e) => W(x(e.reason === "type" ? "unsupportedType" : "tooLarge"), {
+		name: e.name,
+		size: b ?? ""
+	})), ...d.some((e) => e.reason === "count") ? [W(x("tooMany"), { count: u ?? 0 })] : []];
+	return /* @__PURE__ */ V("div", {
 		className: "media-library-upload-panel--component p-surface",
-		children: /* @__PURE__ */ R(l, {
+		children: /* @__PURE__ */ H(l, {
 			gap: "xl",
 			children: [
-				/* @__PURE__ */ L(j, {
-					onDrop: c,
-					accept: "image/*,video/*",
+				/* @__PURE__ */ V(de, {
+					onDrop: h,
+					accept: o,
 					multiple: !0,
 					size: "md",
 					strings: {
-						instruction: s.upload.dropTitle,
-						helper: s.upload.dropHint,
-						dragOver: s.upload.dragOver
+						instruction: m.upload.dropTitle,
+						helper: S,
+						dragOver: m.upload.dragOver
 					}
 				}),
-				o && /* @__PURE__ */ L(f, {
+				C.length > 0 && /* @__PURE__ */ V(f, {
+					tone: "destructive",
+					className: "media-library-upload-panel--rejections",
+					children: /* @__PURE__ */ V(p, { children: /* @__PURE__ */ V(l, {
+						gap: "xs",
+						children: C.map((e) => /* @__PURE__ */ V(i, {
+							tag: "span",
+							size: "inherit",
+							type: "inherit",
+							children: e
+						}, e))
+					}) })
+				}),
+				a && /* @__PURE__ */ V(f, {
 					tone: "destructive",
-					children: /* @__PURE__ */ L(u, { children: s.upload.error ?? H.upload.error })
+					children: /* @__PURE__ */ V(p, { children: m.upload.error ?? U.upload.error })
 				}),
-				e.length > 0 ? /* @__PURE__ */ L(l, {
+				e.length > 0 ? /* @__PURE__ */ V(l, {
 					gap: "md",
 					className: "media-library-upload-panel--staged",
-					children: e.map((e) => /* @__PURE__ */ R("div", {
+					children: e.map((e) => /* @__PURE__ */ H("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__ */ L(Ge, {
+							/* @__PURE__ */ V(Z, {
 								className: "size-10 rounded-radius",
-								children: e.src ? /* @__PURE__ */ L("img", {
+								children: e.src ? /* @__PURE__ */ V("img", {
 									src: e.src,
 									alt: e.name,
 									className: "size-full object-cover"
-								}) : /* @__PURE__ */ L("div", {
+								}) : /* @__PURE__ */ V("div", {
 									className: "flex size-full items-center justify-center text-muted-foreground",
-									children: We(e.type, "size-icon")
+									children: ct(e.type, "size-icon")
 								})
 							}),
-							/* @__PURE__ */ R(l, {
+							/* @__PURE__ */ H(l, {
 								gap: "md",
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ R("div", {
+									/* @__PURE__ */ H("div", {
 										className: "flex items-baseline gap-space-lg",
-										children: [/* @__PURE__ */ L(a, {
+										children: [/* @__PURE__ */ V(i, {
 											type: "inherit",
 											weight: "semibold",
 											className: "truncate",
 											children: e.name
-										}), /* @__PURE__ */ L(S, {
+										}), /* @__PURE__ */ V(w, {
 											value: e.size,
 											size: "xs",
 											className: "ml-auto shrink-0"
 										})]
 									}),
-									(e.status === "uploading" || e.status === "done") && /* @__PURE__ */ L(h, {
+									(e.status === "uploading" || e.status === "done") && /* @__PURE__ */ V(_, {
 										value: e.progress,
 										size: "sm",
 										"aria-label": e.name
 									}),
-									e.status === "error" && /* @__PURE__ */ L(a, {
+									e.status === "error" && /* @__PURE__ */ V(i, {
 										type: "error",
 										children: e.error
 									})
 								]
 							}),
-							e.status === "done" ? /* @__PURE__ */ L(T, {
+							e.status === "done" ? /* @__PURE__ */ V(k, {
 								tone: "success",
-								children: s.upload.done
-							}) : e.status === "uploading" ? /* @__PURE__ */ L(ee, {
+								children: m.upload.done
+							}) : e.status === "uploading" ? /* @__PURE__ */ V(T, {
 								value: Math.round(e.progress),
 								scaled: !0,
 								size: "xs",
 								type: "secondary"
-							}) : /* @__PURE__ */ L(i, {
+							}) : /* @__PURE__ */ V(s, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
 								iconOnly: !0,
 								disabled: r,
-								"aria-label": U(s.upload.removeFile, { name: e.name }),
-								onClick: () => d(e.id),
-								children: /* @__PURE__ */ L(we, { className: "size-icon-md" })
+								"aria-label": W(m.upload.removeFile, { name: e.name }),
+								onClick: () => g(e.id),
+								children: /* @__PURE__ */ V(Pe, { className: "size-icon-md" })
 							})
 						]
 					}, e.id))
-				}) : m,
-				/* @__PURE__ */ R("div", {
+				}) : y,
+				/* @__PURE__ */ H("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__ */ L(D, {
-							label: s.upload.collection,
-							children: /* @__PURE__ */ L(ne, {
-								value: t.collection ?? n[0]?.value,
+						/* @__PURE__ */ V(A, {
+							label: m.upload.collection,
+							children: /* @__PURE__ */ V(M, {
+								value: t.collection,
+								placeholder: m.upload.noCollection ?? U.upload.noCollection,
+								allowClear: !0,
 								options: n.map((e) => ({
 									value: e.value,
 									label: String(e.label)
 								})),
-								"aria-label": s.upload.collection,
-								onValueChange: (e) => p({ collection: e })
+								"aria-label": m.upload.collection,
+								onValueChange: (e) => v({ collection: e })
 							})
 						}),
-						/* @__PURE__ */ L(J, {
-							label: s.upload.tags,
+						/* @__PURE__ */ V(_t, {
+							label: m.upload.tags,
 							tags: t.tags,
-							placeholder: s.upload.tagsPlaceholder,
-							onValueChange: (e) => p({ tags: e })
+							placeholder: m.upload.tagsPlaceholder,
+							onValueChange: (e) => v({ tags: e })
 						}),
-						/* @__PURE__ */ R(l, {
+						/* @__PURE__ */ H(l, {
 							direction: "horizontal",
 							align: "center",
 							justify: "between",
 							gap: "xl",
 							className: "@2xl/media-library:self-end",
-							children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L(a, {
+							children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V(i, {
 								weight: "semibold",
-								children: s.upload.public
-							}), /* @__PURE__ */ L(a, {
+								children: m.upload.public
+							}), /* @__PURE__ */ V(i, {
 								size: "xs",
 								type: "secondary",
-								children: s.upload.publicHint
-							})] }), /* @__PURE__ */ L(O, {
-								"aria-label": s.upload.public,
+								children: m.upload.publicHint
+							})] }), /* @__PURE__ */ V(j, {
+								"aria-label": m.upload.public,
 								checked: t.public,
-								onValueChange: (e) => p({ public: e })
+								onValueChange: (e) => v({ public: e })
 							})]
 						})
 					]
@@ -1444,92 +1742,91 @@ function Ze({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading:
 		})
 	});
 }
-function Qe({ 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__ */ L("div", {
+function bt({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: a, strings: o, 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__ */ V("div", {
 		className: p,
 		"aria-live": "polite",
-		children: /* @__PURE__ */ L(a, {
+		children: /* @__PURE__ */ V(i, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
-			children: f === 0 ? s.footer.noFiles : U(s.footer.stagedSummary, {
+			children: f === 0 ? o.footer.noFiles : W(o.footer.stagedSummary, {
 				count: f,
-				size: x(d) ?? s.unknownSize
+				size: ee(d) ?? o.unknownSize
 			})
 		})
-	}) : /* @__PURE__ */ L("div", {
+	}) : /* @__PURE__ */ V("div", {
 		className: p,
 		"aria-live": "polite",
-		children: u > 0 ? /* @__PURE__ */ R(ce, { children: [/* @__PURE__ */ L(a, {
+		children: u > 0 ? /* @__PURE__ */ H(he, { children: [/* @__PURE__ */ V(i, {
 			weight: "semibold",
 			className: "whitespace-nowrap",
-			children: U(s.footer.selectedCount, { count: u })
-		}), /* @__PURE__ */ L(i, {
+			children: W(o.footer.selectedCount, { count: u })
+		}), /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "sm",
 			onClick: c,
-			children: s.footer.clear
-		})] }) : /* @__PURE__ */ L(a, {
+			children: o.footer.clear
+		})] }) : /* @__PURE__ */ V(i, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
-			children: n === "single" ? s.footer.pickOne : s.footer.pickMany
+			children: n === "single" ? o.footer.pickOne : o.footer.pickMany
 		})
 	});
 }
-function Y({ tab: e, selectedIds: t, stagedFiles: n, uploading: a = !1, strings: o, confirmLabel: s, cancelLabel: c, onCancel: l, onConfirm: u, onUpload: d, onCancelUpload: f, className: p }) {
+function xt({ tab: e, selectedIds: t, stagedFiles: n, uploading: i = !1, strings: a, confirmLabel: o, cancelLabel: c, onCancel: l, onConfirm: u, onUpload: d, onCancelUpload: f, className: p }) {
 	let m = t.length, h = n.length;
-	return e === "upload" ? /* @__PURE__ */ R("div", {
+	return e === "upload" ? /* @__PURE__ */ H("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", p),
-		children: [/* @__PURE__ */ L(i, {
+		children: [/* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
-			disabled: a,
 			onClick: f,
-			children: c ?? o.footer.cancel
-		}), /* @__PURE__ */ L(i, {
+			children: c ?? a.footer.cancel
+		}), /* @__PURE__ */ V(s, {
 			tone: "primary",
 			type: "button",
-			disabled: h === 0 || a,
+			disabled: h === 0 || i,
 			onClick: d,
-			loading: a,
-			strings: { loading: o.footer.uploading },
-			children: h <= 1 ? o.footer.upload : U(o.footer.uploadMany, { count: h })
-		})]
-	}) : /* @__PURE__ */ R("div", {
+			loading: i,
+			strings: { loading: a.footer.uploading },
+			children: h <= 1 ? a.footer.upload : W(a.footer.uploadMany, { count: h })
+		}, "upload")]
+	}) : /* @__PURE__ */ H("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", p),
-		children: [/* @__PURE__ */ L(i, {
+		children: [/* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: l,
-			children: c ?? o.footer.cancel
-		}), /* @__PURE__ */ L(i, {
+			children: c ?? a.footer.cancel
+		}), /* @__PURE__ */ V(s, {
 			tone: "primary",
 			type: "button",
 			disabled: m === 0,
 			onClick: u,
-			children: s ?? (m === 0 ? o.footer.confirmEmpty : m === 1 ? o.footer.confirmOne : U(o.footer.confirmMany, { count: m }))
-		})]
+			children: o ?? (m === 0 ? a.footer.confirmEmpty : m === 1 ? a.footer.confirmOne : W(a.footer.confirmMany, { count: m }))
+		}, "confirm")]
 	});
 }
-function $e({ 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__ */ L("footer", {
-		className: r("media-library-footer--component", h === "section" && "border-t border-border bg-background text-foreground p-surface", g),
-		children: /* @__PURE__ */ R("div", {
+function St({ tab: e, selectedItems: t, selectedIds: n, selectionMode: i, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: f, onClearSelection: p, onUpload: m, onCancelUpload: h, chrome: g = "section", className: _ }) {
+	return /* @__PURE__ */ V("footer", {
+		className: r("media-library-footer--component", g === "section" && r("bg-background text-foreground p-surface", d.footer), _),
+		children: /* @__PURE__ */ H("div", {
 			className: "flex min-w-0 flex-col gap-space-lg @md/media-library:flex-row @md/media-library:justify-between",
-			children: [/* @__PURE__ */ L(Qe, {
+			children: [/* @__PURE__ */ V(bt, {
 				tab: e,
 				selectedIds: n,
 				selectionMode: i,
 				stagedFiles: a,
 				strings: s,
-				onClearSelection: f
-			}), /* @__PURE__ */ L(Y, {
+				onClearSelection: p
+			}), /* @__PURE__ */ V(xt, {
 				tab: e,
 				selectedItems: t,
 				selectedIds: n,
@@ -1539,18 +1836,30 @@ function $e({ tab: e, selectedItems: t, selectedIds: n, selectionMode: i, staged
 				confirmLabel: c,
 				cancelLabel: l,
 				onCancel: u,
-				onConfirm: d,
-				onUpload: p,
-				onCancelUpload: m
+				onConfirm: f,
+				onUpload: m,
+				onCancelUpload: h
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/features/media-library/media-library.tsx
-var et = ae(null);
-function tt(e, t, n) {
-	return P(() => {
+var Ct = pe(null);
+function wt({ tab: e, children: t }) {
+	let n = "media-library--body flex min-h-0 flex-1";
+	return e ? /* @__PURE__ */ V(ce, {
+		value: e,
+		tabIndex: -1,
+		className: n,
+		children: t
+	}) : /* @__PURE__ */ V("div", {
+		className: n,
+		children: t
+	});
+}
+function Tt(e, t, n) {
+	return R(() => {
 		if (e) return e;
 		let r = /* @__PURE__ */ new Set();
 		for (let e of t) {
@@ -1567,404 +1876,432 @@ function tt(e, t, n) {
 		t
 	]);
 }
-function nt({ title: o, titleSuffix: c, description: u, confirmLabel: f, cancelLabel: h, selectionMode: g = "multiple", density: _ = "comfortable", showMeta: v = !0, allowUpload: x = !0, typeFilters: S, confirmOnSelect: C = !1, onConfirm: ee, onCancel: E, onClose: D, bulkActions: O, strings: ne, slots: A, heightClassName: ie, className: j, items: M, fetcher: ae, refreshKey: N, accessors: P, collections: ce, value: le, defaultValue: z, onValueChange: ue, onItemUpdate: B, onItemDelete: de, onItemReplace: pe, onItemOpen: me, onUpload: he, onError: ge, selecting: _e, defaultSelecting: V, onSelectingChange: ve, tab: ye, defaultTab: be, onTabChange: xe, view: Ce, defaultView: we, onViewChange: Ee, query: De, defaultQuery: Oe, onQueryChange: ke, type: Ae, defaultType: je, onTypeChange: Me, collection: Ne, defaultCollection: Pe, onCollectionChange: Fe, sort: Ie, defaultSort: Le, onSortChange: Re, uploadOptions: ze, defaultUploadOptions: Be, onUploadOptionsChange: He, ...Ue }) {
-	let { defaultScale: W } = t(), We = e(void 0, W), G = n(H, ne), K = Ve({
-		items: M,
-		fetcher: ae,
-		refreshKey: N,
-		accessors: P,
-		collections: ce,
-		selectionMode: g,
-		value: le,
-		defaultValue: z,
-		onValueChange: ue,
-		onItemUpdate: B,
-		onItemDelete: de,
-		onUpload: he,
-		onError: ge,
-		tab: ye,
-		defaultTab: be,
-		onTabChange: xe,
-		view: Ce,
-		defaultView: we,
-		onViewChange: Ee,
-		query: De,
-		defaultQuery: Oe,
-		onQueryChange: ke,
-		type: Ae,
-		defaultType: je,
-		onTypeChange: Me,
-		collection: Ne,
-		defaultCollection: Pe,
-		onCollectionChange: Fe,
-		sort: Ie,
-		defaultSort: Le,
-		onSortChange: Re,
-		uploadOptions: ze,
-		defaultUploadOptions: Be,
-		onUploadOptionsChange: He,
-		selecting: _e,
-		defaultSelecting: V ?? C,
-		onSelectingChange: ve
-	}), Ge = tt(ce, K.items, K.accessors.getCollection), q = x ? K.tab : "library", [J, nt] = I(null), rt = F(null), it = J ? K.accessors.getId(J.item) : null, X = K.detailId ? K.items.find((e) => K.accessors.getId(e) === K.detailId) ?? (it === K.detailId ? J?.item ?? null : null) : null, at = K.mutationError?.operation === "delete" && K.mutationError.itemId === it, Z = oe(et), ot = !A?.footer, st = Z && ot ? /* @__PURE__ */ L(Qe, {
-		tab: q,
+function Et({ title: e, titleSuffix: t, description: a, confirmLabel: c, cancelLabel: u, selectionMode: _ = "multiple", density: v = "comfortable", showMeta: y = !0, allowUpload: b = !0, typeFilters: x, confirmOnSelect: C = !1, onConfirm: ee, onCancel: w, onClose: te, bulkActions: T, strings: E, slots: D, heightClassName: O, className: ie, items: A, fetcher: j, refreshKey: M, pageSize: ae, accessors: oe, collections: se, value: N, defaultValue: ce, onValueChange: de, onItemUpdate: fe, onItemDelete: F, onItemReplace: pe, onItemOpen: I, onUpload: R, uploadAccept: ge, maxFileSize: _e, maxFiles: ve, uploadFailedMessage: ye, onError: be, selecting: Se, defaultSelecting: Ce, onSelectingChange: we, tab: Te, defaultTab: Ee, onTabChange: De, view: Oe, defaultView: ke, onViewChange: Ae, query: je, defaultQuery: Ne, onQueryChange: Pe, type: Ie, defaultType: Le, onTypeChange: Re, collection: ze, defaultCollection: Be, onCollectionChange: Ve, sort: He, defaultSort: Ue, onSortChange: We, uploadOptions: Ge, defaultUploadOptions: Ke, onUploadOptionsChange: qe, ...Je }) {
+	let G = n(U, E), K = at({
+		items: A,
+		fetcher: j,
+		refreshKey: M,
+		pageSize: ae,
+		accessors: oe,
+		collections: se,
+		selectionMode: _,
+		value: N,
+		defaultValue: ce,
+		onValueChange: de,
+		onItemUpdate: fe,
+		onItemDelete: F,
+		onUpload: R,
+		uploadAccept: ge,
+		maxFileSize: _e,
+		maxFiles: ve,
+		uploadFailedMessage: ye ?? G.upload.fileFailed ?? U.upload.fileFailed,
+		onError: be,
+		tab: Te,
+		defaultTab: Ee,
+		onTabChange: De,
+		view: Oe,
+		defaultView: ke,
+		onViewChange: Ae,
+		query: je,
+		defaultQuery: Ne,
+		onQueryChange: Pe,
+		type: Ie,
+		defaultType: Le,
+		onTypeChange: Re,
+		collection: ze,
+		defaultCollection: Be,
+		onCollectionChange: Ve,
+		sort: He,
+		defaultSort: Ue,
+		onSortChange: We,
+		uploadOptions: Ge,
+		defaultUploadOptions: Ke,
+		onUploadOptionsChange: qe,
+		selecting: Se,
+		defaultSelecting: Ce ?? C,
+		onSelectingChange: we
+	}), Ye = Tt(se, K.items, K.accessors.getCollection), Xe = b ? K.tab : "library", [q, Ze] = B(null), Qe = z(null), $e = q ? K.accessors.getId(q.item) : null, et = K.detailId ? K.items.find((e) => K.accessors.getId(e) === K.detailId) ?? ($e === K.detailId ? q?.item ?? null : null) : null, tt = K.mutationError?.operation === "delete" && K.mutationError.itemId === $e, nt = me(Ct), rt = !D?.footer, it = nt && rt ? /* @__PURE__ */ V(bt, {
+		tab: Xe,
 		selectedIds: K.selectedIds,
-		selectionMode: g,
+		selectionMode: _,
 		stagedFiles: K.stagedFiles,
 		strings: G,
 		onClearSelection: K.clearSelection,
 		className: "media-library-dialog--selection-summary shrink-0 justify-end"
-	}) : null, ct = !!(o || c || u || A?.headerStart), lt = !!(x || A?.headerEnd || st), ut = ct || lt, dt = () => {
-		ee?.(K.selectedItems, K.selectedIds), D?.();
-	}, ft = () => {
-		E?.(), D?.();
-	}, pt = (e) => {
+	}) : null, ot = !!(e || t || a || D?.headerStart), st = !!(b || D?.headerEnd || it), J = ot || st, ct = () => {
+		ee?.(K.selectedItems, K.selectedIds), te?.();
+	}, Y = () => {
+		w?.(), te?.();
+	}, lt = () => {
+		if (K.uploading) {
+			K.cancelUpload();
+			return;
+		}
+		K.clearStagedFiles(), K.setTab("library");
+	}, X = (e) => {
 		let t = K.accessors.getId(e);
-		K.toggleSelection(t), C && (ee?.([e], [t]), D?.());
-	}, mt = F(null), ht = F(null), Q = F(null), gt = F(!1), _t = (e) => !de || rt.current ? Promise.resolve(!1) : new Promise((t) => {
+		K.toggleSelection(t), C && (ee?.([e], [t]), te?.());
+	}, ut = z(null), Z = z(null), dt = z(null), gt = z(!1), _t = (e) => !F || Qe.current ? Promise.resolve(!1) : new Promise((t) => {
 		let n = {
 			item: e,
 			resolve: t
 		};
-		rt.current = n, nt(n);
-	}), vt = (e) => {
-		let t = rt.current;
-		rt.current = null, nt(null), t?.resolve(e);
+		Qe.current = n, Ze(n);
+	}), Et = (e) => {
+		let t = Qe.current;
+		Qe.current = null, Ze(null), t?.resolve(e);
 	};
-	se(() => () => {
-		rt.current?.resolve(!1), rt.current = null;
+	L(() => () => {
+		Qe.current?.resolve(!1), Qe.current = null;
 	}, []);
-	let yt = (e) => {
-		Q.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, K.setDetailId(e);
-	}, bt = (e) => {
-		me ? me(e) : yt(K.accessors.getId(e));
+	let Q = (e) => {
+		dt.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, K.setDetailId(e);
+	}, Dt = (e) => {
+		I ? I(e) : Q(K.accessors.getId(e));
 	};
-	se(() => {
+	L(() => {
 		if (K.detailId !== null) {
-			Q.current && mt.current?.querySelector("[data-media-detail-close]")?.focus();
+			dt.current && ut.current?.querySelector("[data-media-detail-close]")?.focus();
 			return;
 		}
-		let e = Q.current;
-		Q.current = null, gt.current ? (gt.current = !1, ht.current?.focus()) : e?.isConnected && e.focus();
+		let e = dt.current;
+		dt.current = null, gt.current ? (gt.current = !1, Z.current?.focus()) : e?.isConnected && e.focus();
 	}, [K.detailId]);
-	let xt = !!ae && !K.loading && K.loadError != null, St = K.query.trim(), Ct = St.length > 0 ? U(G.countSearch, {
+	let Ot = !!j && !K.loading && K.loadError != null, kt = z(!1), At = () => {
+		kt.current = !0, K.loadMore();
+	};
+	L(() => {
+		!K.loadingMore && kt.current && (kt.current = !1, !K.hasMore && document.activeElement === document.body && Z.current?.focus());
+	}, [K.hasMore, K.loadingMore]);
+	let jt = !!K.hasMore && !Ot && !(K.loading && !K.hasLoadedResults), Mt = K.query.trim(), Nt = Mt.length > 0 ? W(G.countSearch, {
 		count: K.filteredCount,
 		total: K.totalCount,
-		query: St
-	}) : K.filteredCount === K.totalCount ? U(G.countAll, { count: K.totalCount }) : U(G.countFiltered, {
+		query: Mt
+	}) : K.filteredCount === K.totalCount ? W(G.countAll, { count: K.totalCount }) : W(G.countFiltered, {
 		count: K.filteredCount,
 		total: K.totalCount
-	}), $ = !!O && !(Z || ee && !C), wt = q === "library" ? K.selectedIds.length : 0, Tt = A?.footer ?? ($ && q === "library" ? null : Z ? /* @__PURE__ */ L(Y, {
-		tab: q,
+	}), Pt = !!T && !(nt || ee && !C), Ft = Xe === "library" ? K.selectedIds.length : 0, It = D?.footer ?? (Pt && Xe === "library" ? null : nt ? /* @__PURE__ */ V(xt, {
+		tab: Xe,
 		selectedItems: K.selectedItems,
 		selectedIds: K.selectedIds,
 		stagedFiles: K.stagedFiles,
 		uploading: K.uploading,
 		strings: G,
-		confirmLabel: f,
-		cancelLabel: h,
-		onCancel: ft,
-		onConfirm: dt,
+		confirmLabel: c,
+		cancelLabel: u,
+		onCancel: Y,
+		onConfirm: ct,
 		onUpload: K.startUpload,
-		onCancelUpload: () => {
-			K.cancelUpload(), K.clearStagedFiles(), K.setTab("library");
-		},
+		onCancelUpload: lt,
 		className: "ml-auto"
-	}) : /* @__PURE__ */ L($e, {
-		tab: q,
+	}) : /* @__PURE__ */ V(St, {
+		tab: Xe,
 		selectedItems: K.selectedItems,
 		selectedIds: K.selectedIds,
-		selectionMode: g,
+		selectionMode: _,
 		stagedFiles: K.stagedFiles,
 		uploading: K.uploading,
 		strings: G,
-		confirmLabel: f,
-		cancelLabel: h,
-		onCancel: ft,
-		onConfirm: dt,
+		confirmLabel: c,
+		cancelLabel: u,
+		onCancel: Y,
+		onConfirm: ct,
 		onClearSelection: K.clearSelection,
 		onUpload: K.startUpload,
-		onCancelUpload: () => {
-			K.cancelUpload(), K.clearStagedFiles(), K.setTab("library");
-		}
-	}));
-	return /* @__PURE__ */ R("section", {
-		ref: mt,
-		className: r("media-library--component @container/media-library box-border flex min-h-0 flex-col overflow-hidden rounded-surface border border-border bg-background text-foreground", ie ?? "h-190 max-h-[calc(100vh-7rem)]", j),
-		...Ue,
-		children: [
-			ut && /* @__PURE__ */ R("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: [ct && /* @__PURE__ */ R(l, {
+		onCancelUpload: lt
+	})), Lt = r("media-library--component @container/media-library box-border flex min-h-0 flex-col overflow-hidden rounded-surface border border-border bg-background text-foreground", O ?? "h-190 max-h-[calc(100vh-7rem)]", ie), Rt = /* @__PURE__ */ H(he, { children: [
+		J && /* @__PURE__ */ H("header", {
+			className: r("media-library--header flex flex-col gap-space-lg p-surface", d.header, "@2xl/media-library:flex-row @2xl/media-library:items-center @2xl/media-library:justify-between"),
+			children: [ot && /* @__PURE__ */ H(l, {
+				direction: "horizontal",
+				align: "start",
+				gap: "lg",
+				className: "min-w-0",
+				children: [D?.headerStart, (e || t || a) && /* @__PURE__ */ H(l, {
+					gap: "normal",
+					className: "min-w-0",
+					children: [!!(e || t) && /* @__PURE__ */ V(m, {
+						title: e,
+						suffix: t,
+						className: "media-library--title"
+					}), !!a && /* @__PURE__ */ V(i, {
+						type: "secondary",
+						children: a
+					})]
+				})]
+			}), st && /* @__PURE__ */ H("div", {
+				className: r("media-library--header-controls flex min-w-0 flex-wrap items-center gap-space-md", it ? "flex-1 justify-between" : "@2xl/media-library:justify-end"),
+				children: [/* @__PURE__ */ H(l, {
 					direction: "horizontal",
-					align: "start",
-					gap: "lg",
+					wrap: !0,
+					align: "center",
+					gap: "md",
 					className: "min-w-0",
-					children: [A?.headerStart, (o || c || u) && /* @__PURE__ */ R(l, {
-						gap: "normal",
-						className: "min-w-0",
-						children: [!!(o || c) && /* @__PURE__ */ L(d, {
-							title: o,
-							suffix: c,
-							className: "media-library--title"
-						}), !!u && /* @__PURE__ */ L(a, {
-							type: "secondary",
-							children: u
+					children: [b && /* @__PURE__ */ H(le, {
+						className: "media-library--tabs",
+						children: [/* @__PURE__ */ H(P, {
+							value: "library",
+							children: [/* @__PURE__ */ V(xe, { className: "size-icon-md" }), G.tabs.library]
+						}), /* @__PURE__ */ H(P, {
+							value: "upload",
+							children: [
+								/* @__PURE__ */ V(Me, { className: "size-icon-md" }),
+								G.tabs.upload,
+								K.stagedFiles.length > 0 && /* @__PURE__ */ V(k, {
+									size: "sm",
+									tone: "secondary",
+									className: "media-library--staged-count",
+									children: /* @__PURE__ */ V(ne, {
+										value: K.stagedFiles.length,
+										size: "inherit",
+										weight: "inherit",
+										type: "inherit",
+										align: "center"
+									})
+								})
+							]
 						})]
-					})]
-				}), lt && /* @__PURE__ */ R("div", {
-					className: r("media-library--header-controls flex min-w-0 flex-wrap items-center gap-space-md", st ? "flex-1 justify-between" : "@2xl/media-library:justify-end"),
-					children: [/* @__PURE__ */ R(l, {
-						direction: "horizontal",
-						wrap: !0,
-						align: "center",
-						gap: "md",
-						className: "min-w-0",
-						children: [x && /* @__PURE__ */ R("div", {
-							className: r("media-library--tabs", k.frame, re[We]),
-							role: "tablist",
-							children: [/* @__PURE__ */ R(i, {
+					}), D?.headerEnd]
+				}), it]
+			})]
+		}),
+		/* @__PURE__ */ H(wt, {
+			tab: b ? Xe : null,
+			children: [Xe === "upload" ? /* @__PURE__ */ V("div", {
+				className: "min-w-0 flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ V(yt, {
+					stagedFiles: K.stagedFiles,
+					uploadOptions: K.uploadOptions,
+					collections: Ye,
+					uploading: K.uploading,
+					hasUploadError: K.uploadError != null && K.stagedFiles.length > 0,
+					accept: ge,
+					maxFileSize: _e,
+					maxFiles: ve,
+					rejections: K.uploadRejections,
+					strings: G,
+					onFiles: K.addFiles,
+					onRemoveFile: K.removeStagedFile,
+					onOptionsChange: K.updateUploadOptions,
+					empty: D?.uploadEmpty
+				})
+			}) : /* @__PURE__ */ H("div", {
+				className: r("media-library--library min-w-0 flex-1 flex-col", et ? "hidden @2xl/media-library:flex" : "flex"),
+				children: [/* @__PURE__ */ V(l, {
+					gap: "md",
+					className: r("media-library--toolbar p-surface", d.header),
+					children: /* @__PURE__ */ V(pt, {
+						query: K.query,
+						type: K.type,
+						typeFilters: x,
+						collection: K.collection,
+						sort: K.sort,
+						view: K.view,
+						collections: Ye,
+						strings: G,
+						onQueryChange: K.setQuery,
+						onTypeChange: K.setType,
+						onCollectionChange: K.setCollection,
+						onSortChange: K.setSort,
+						onViewChange: K.setView,
+						onClearFilters: K.clearFilters,
+						toolbarEnd: D?.toolbarEnd,
+						selecting: K.selecting,
+						onSelectingChange: K.setSelecting,
+						disabled: Ot,
+						summary: /* @__PURE__ */ V("span", {
+							"aria-live": "polite",
+							className: "media-library--count min-w-0 truncate",
+							children: Ot || K.loading ? null : /* @__PURE__ */ V(i, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: Nt
+							})
+						})
+					})
+				}), /* @__PURE__ */ H("div", {
+					ref: Z,
+					role: "region",
+					"aria-label": G.resultsLabel,
+					"aria-busy": K.loading || void 0,
+					tabIndex: 0,
+					className: `media-library--results flex min-h-0 flex-1 flex-col gap-space-lg overflow-y-auto p-surface focus-visible:outline-none ${o.inset}`,
+					children: [K.loading && !K.hasLoadedResults ? /* @__PURE__ */ V("div", {
+						className: "media-library--state my-auto",
+						children: D?.loading ?? /* @__PURE__ */ V(h, {
+							className: "min-h-64",
+							label: G.loading
+						})
+					}) : Ot ? /* @__PURE__ */ V("div", {
+						className: "media-library--state my-auto",
+						children: D?.error ?? /* @__PURE__ */ V(g, {
+							title: G.errorTitle,
+							description: G.errorDescription,
+							onRetry: j ? K.retry : void 0,
+							retryLabel: G.retry ?? U.retry
+						})
+					}) : K.visibleItems.length === 0 ? /* @__PURE__ */ V("div", {
+						className: "media-library--state my-auto",
+						children: D?.empty ?? /* @__PURE__ */ V(ft, {
+							title: K.hasFilters ? G.emptyFilteredTitle : G.emptyLibraryTitle,
+							description: K.hasFilters ? G.emptyFilteredDescription : G.emptyLibraryDescription,
+							action: K.hasFilters ? /* @__PURE__ */ V(s, {
 								type: "button",
-								role: "tab",
-								"aria-selected": q === "library",
 								tone: "secondary",
-								buttonStyle: "ghost",
-								size: "sm",
-								className: r(k.item, "shadow-none", q === "library" ? `${b.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
-								onClick: () => K.setTab("library"),
-								children: [/* @__PURE__ */ L(fe, { className: "size-icon-md" }), G.tabs.library]
-							}), /* @__PURE__ */ R(i, {
+								buttonStyle: "outline",
+								onClick: K.clearFilters,
+								children: G.clearFilters
+							}) : b ? /* @__PURE__ */ V(s, {
+								tone: "primary",
 								type: "button",
-								role: "tab",
-								"aria-selected": q === "upload",
-								tone: "secondary",
-								buttonStyle: "ghost",
-								size: "sm",
-								className: r(k.item, "shadow-none", q === "upload" ? `${b.segmentActive} hover:bg-card` : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 								onClick: () => K.setTab("upload"),
-								children: [
-									/* @__PURE__ */ L(Se, { className: "size-icon-md" }),
-									G.tabs.upload,
-									K.stagedFiles.length > 0 && /* @__PURE__ */ L(T, {
-										size: "sm",
-										tone: "secondary",
-										className: "media-library--staged-count",
-										children: /* @__PURE__ */ L(w, {
-											value: K.stagedFiles.length,
-											size: "inherit",
-											weight: "inherit",
-											type: "inherit",
-											align: "center"
-										})
-									})
-								]
-							})]
-						}), A?.headerEnd]
-					}), st]
-				})]
-			}),
-			/* @__PURE__ */ R("div", {
-				className: "media-library--body flex min-h-0 flex-1",
-				children: [q === "upload" ? /* @__PURE__ */ L("div", {
-					className: "min-w-0 flex-1 overflow-y-auto",
-					children: /* @__PURE__ */ L(Ze, {
-						stagedFiles: K.stagedFiles,
-						uploadOptions: K.uploadOptions,
-						collections: Ge,
-						uploading: K.uploading,
-						hasUploadError: K.uploadError != null && K.stagedFiles.length > 0,
-						strings: G,
-						onFiles: K.addFiles,
-						onRemoveFile: K.removeStagedFile,
-						onOptionsChange: K.updateUploadOptions,
-						empty: A?.uploadEmpty
-					})
-				}) : /* @__PURE__ */ R("div", {
-					className: r("media-library--library min-w-0 flex-1 flex-col", X ? "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__ */ L(qe, {
-							query: K.query,
-							type: K.type,
-							typeFilters: S,
-							collection: K.collection,
-							sort: K.sort,
-							view: K.view,
-							collections: Ge,
+								children: G.uploadMedia
+							}) : void 0
+						})
+					}) : K.view === "table" ? /* @__PURE__ */ V("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ V(ht, {
+							items: K.visibleItems,
+							selectedSet: K.selectedSet,
+							selectionMode: _,
+							accessors: K.accessors,
 							strings: G,
-							onQueryChange: K.setQuery,
-							onTypeChange: K.setType,
-							onCollectionChange: K.setCollection,
-							onSortChange: K.setSort,
-							onViewChange: K.setView,
-							onClearFilters: K.clearFilters,
-							toolbarEnd: A?.toolbarEnd,
+							onToggle: (e) => {
+								let t = K.items.find((t) => K.accessors.getId(t) === e);
+								t && X(t);
+							},
+							onDetails: Q,
 							selecting: K.selecting,
-							onSelectingChange: K.setSelecting,
-							disabled: xt,
-							summary: /* @__PURE__ */ L("span", {
-								"aria-live": "polite",
-								className: "media-library--count min-w-0 truncate",
-								children: xt || K.loading ? null : /* @__PURE__ */ L(a, {
-									tag: "span",
-									size: "xs",
-									type: "secondary",
-									children: Ct
-								})
-							})
+							onOpen: (e) => {
+								let t = K.items.find((t) => K.accessors.getId(t) === e);
+								t && Dt(t);
+							}
 						})
-					}), /* @__PURE__ */ L("div", {
-						ref: ht,
-						role: "region",
-						"aria-label": G.resultsLabel,
-						"aria-busy": K.loading || void 0,
-						tabIndex: 0,
-						className: `media-library--results flex min-h-0 flex-1 flex-col overflow-y-auto p-surface focus-visible:outline-none ${s.inset}`,
-						children: K.loading && !K.hasLoadedResults ? /* @__PURE__ */ L("div", {
-							className: "media-library--state my-auto",
-							children: A?.loading ?? /* @__PURE__ */ L(p, {
-								className: "min-h-64",
-								label: G.loading
-							})
-						}) : xt ? /* @__PURE__ */ L("div", {
-							className: "media-library--state my-auto",
-							children: A?.error ?? /* @__PURE__ */ L(m, {
-								title: G.errorTitle,
-								description: G.errorDescription,
-								onRetry: ae ? K.retry : void 0,
-								retryLabel: G.retry ?? H.retry
-							})
-						}) : K.visibleItems.length === 0 ? /* @__PURE__ */ L("div", {
-							className: "media-library--state my-auto",
-							children: A?.empty ?? /* @__PURE__ */ L(Ke, {
-								title: K.hasFilters ? G.emptyFilteredTitle : G.emptyLibraryTitle,
-								description: K.hasFilters ? G.emptyFilteredDescription : G.emptyLibraryDescription,
-								action: K.hasFilters ? /* @__PURE__ */ L(i, {
-									type: "button",
-									tone: "secondary",
-									buttonStyle: "outline",
-									onClick: K.clearFilters,
-									children: G.clearFilters
-								}) : x ? /* @__PURE__ */ L(i, {
-									tone: "primary",
-									type: "button",
-									onClick: () => K.setTab("upload"),
-									children: G.uploadMedia
-								}) : void 0
-							})
-						}) : K.view === "table" ? /* @__PURE__ */ L("div", {
-							className: "overflow-x-auto",
-							children: /* @__PURE__ */ L(Ye, {
-								items: K.visibleItems,
-								selectedSet: K.selectedSet,
-								selectionMode: g,
+					}) : /* @__PURE__ */ V("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: K.visibleItems.map((e) => {
+							let t = K.accessors.getId(e), n = {
+								id: t,
+								selected: K.selectedSet.has(t),
+								selectionMode: _,
+								selecting: K.selecting,
+								accessors: K.accessors,
+								toggle: () => X(e),
+								openDetails: () => Q(t),
+								open: () => Dt(e)
+							}, r = D?.renderItem?.(e, n);
+							return r ? /* @__PURE__ */ V("div", { children: r }, t) : /* @__PURE__ */ V(mt, {
+								item: e,
+								selected: n.selected,
+								density: v,
+								showMeta: y,
+								selectionMode: _,
 								accessors: K.accessors,
 								strings: G,
-								onToggle: (e) => {
-									let t = K.items.find((t) => K.accessors.getId(t) === e);
-									t && pt(t);
-								},
-								onDetails: yt,
-								selecting: K.selecting,
-								onOpen: (e) => {
-									let t = K.items.find((t) => K.accessors.getId(t) === e);
-									t && bt(t);
-								}
-							})
-						}) : /* @__PURE__ */ L("div", {
-							className: r("media-library--grid grid min-w-0 gap-space-lg", _ === "compact" ? "grid-cols-[repeat(auto-fill,minmax(136px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(168px,1fr))]"),
-							children: K.visibleItems.map((e) => {
-								let t = K.accessors.getId(e), n = {
-									id: t,
-									selected: K.selectedSet.has(t),
-									selectionMode: g,
-									selecting: K.selecting,
-									accessors: K.accessors,
-									toggle: () => pt(e),
-									openDetails: () => yt(t),
-									open: () => bt(e)
-								}, r = A?.renderItem?.(e, n);
-								return r ? /* @__PURE__ */ L("div", { children: r }, t) : /* @__PURE__ */ L(Je, {
-									item: e,
-									selected: n.selected,
-									density: _,
-									showMeta: v,
-									selectionMode: g,
-									accessors: K.accessors,
-									strings: G,
-									onToggle: n.toggle,
-									onDetails: n.openDetails,
-									onOpen: n.open,
-									selecting: n.selecting
-								}, t);
-							})
+								onToggle: n.toggle,
+								onDetails: n.openDetails,
+								onOpen: n.open,
+								selecting: n.selecting
+							}, t);
 						})
+					}), jt && /* @__PURE__ */ H(l, {
+						align: "center",
+						gap: "md",
+						className: "media-library--load-more",
+						children: [K.loadMoreError != null && /* @__PURE__ */ V(f, {
+							tone: "destructive",
+							children: /* @__PURE__ */ V(p, { children: G.loadMoreError ?? U.loadMoreError })
+						}), /* @__PURE__ */ V(s, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "outline",
+							disabled: K.loading,
+							loading: K.loadingMore,
+							strings: { loading: G.loadingMore ?? U.loadingMore },
+							onClick: At,
+							children: K.loadMoreError == null ? G.loadMore ?? U.loadMore : G.retry ?? U.retry
+						})]
 					})]
-				}), q === "library" && /* @__PURE__ */ L(Xe, {
-					item: X,
-					collections: Ge,
-					accessors: K.accessors,
-					strings: G,
-					onClose: () => K.setDetailId(null),
-					readOnly: !B,
-					onUpdate: (e) => X ? K.updateItem(X, e) : Promise.resolve(!1),
-					mutationError: K.mutationError?.itemId === K.detailId ? K.mutationError : null,
-					onReplace: pe && X ? () => pe(X) : void 0,
-					allowDelete: !!de,
-					onRemove: () => X ? _t(X) : Promise.resolve(!1),
-					renderDetail: A?.renderDetail
 				})]
-			}),
-			Z ? Z.element ? Te(Tt, Z.element) : null : Tt,
-			(de || J) && /* @__PURE__ */ L(y, {
-				open: J !== null,
-				onOpenChange: (e) => {
-					e || vt(!1);
-				},
-				destructive: !0,
-				title: G.detail.confirmDeleteTitle ?? H.detail.confirmDeleteTitle,
-				description: J ? U(G.detail.confirmDeleteDescription ?? H.detail.confirmDeleteDescription ?? "", { name: K.accessors.getName(J.item) }) : void 0,
-				strings: { confirm: G.detail.confirmDeleteLabel ?? H.detail.confirmDeleteLabel },
-				alertMessage: at ? G.detail.confirmDeleteError ?? H.detail.confirmDeleteError : void 0,
-				closeOnAsyncComplete: !1,
-				onAsyncConfirm: async () => {
-					J && await K.removeItem(J.item) && rt.current === J && (gt.current = !0, K.setDetailId(null), vt(!0));
-				}
-			}),
-			$ && /* @__PURE__ */ L(te, {
-				selectedCount: wt,
+			}), Xe === "library" && /* @__PURE__ */ V(vt, {
+				item: et,
+				collections: Ye,
+				accessors: K.accessors,
+				strings: G,
+				onClose: () => K.setDetailId(null),
+				readOnly: !fe,
+				onUpdate: (e) => et ? K.updateItem(et, e) : Promise.resolve(!1),
+				mutationError: K.mutationError?.itemId === K.detailId ? K.mutationError : null,
+				onReplace: pe && et ? () => pe(et) : void 0,
+				allowDelete: !!F,
+				onRemove: () => et ? _t(et) : Promise.resolve(!1),
+				renderDetail: D?.renderDetail
+			})]
+		}),
+		nt ? nt.element ? Fe(It, nt.element) : null : It,
+		(F || q) && /* @__PURE__ */ V(S, {
+			open: q !== null,
+			onOpenChange: (e) => {
+				e || Et(!1);
+			},
+			destructive: !0,
+			title: G.detail.confirmDeleteTitle ?? U.detail.confirmDeleteTitle,
+			description: q ? W(G.detail.confirmDeleteDescription ?? U.detail.confirmDeleteDescription ?? "", { name: K.accessors.getName(q.item) }) : void 0,
+			strings: { confirm: G.detail.confirmDeleteLabel ?? U.detail.confirmDeleteLabel },
+			alertMessage: tt ? G.detail.confirmDeleteError ?? U.detail.confirmDeleteError : void 0,
+			closeOnAsyncComplete: !1,
+			onAsyncConfirm: async () => {
+				q && await K.removeItem(q.item) && Qe.current === q && (gt.current = !0, K.setDetailId(null), Et(!0));
+			}
+		}),
+		Pt && /* @__PURE__ */ V(re, {
+			selectedCount: Ft,
+			totalCount: K.totalCount,
+			onClear: K.clearSelection,
+			returnFocusRef: Z,
+			className: "media-library--bulk-actions",
+			strings: {
+				label: G.batchActionsLabel,
+				summary: (e) => W(G.footer.selectedCount, { count: e }),
+				clear: G.footer.clear
+			},
+			children: Ft > 0 && T?.({
+				selectedItems: K.items.filter((e) => K.selectedSet.has(K.accessors.getId(e))),
+				selectedIds: K.selectedIds,
+				selectedCount: K.selectedIds.length,
+				visibleCount: K.filteredCount,
 				totalCount: K.totalCount,
-				onClear: K.clearSelection,
-				returnFocusRef: ht,
-				className: "media-library--bulk-actions",
-				strings: {
-					label: G.batchActionsLabel,
-					summary: (e) => U(G.footer.selectedCount, { count: e }),
-					clear: G.footer.clear
-				},
-				children: wt > 0 && O?.({
-					selectedItems: K.items.filter((e) => K.selectedSet.has(K.accessors.getId(e))),
-					selectedIds: K.selectedIds,
-					selectedCount: K.selectedIds.length,
-					visibleCount: K.filteredCount,
-					totalCount: K.totalCount,
-					clearSelection: K.clearSelection
-				})
+				clearSelection: K.clearSelection
 			})
-		]
+		})
+	] });
+	return b ? /* @__PURE__ */ V(ue, {
+		value: Xe,
+		onValueChange: (e) => K.setTab(e),
+		render: /* @__PURE__ */ V("section", {
+			ref: ut,
+			...Je
+		}),
+		className: r("gap-0", Lt),
+		children: Rt
+	}) : /* @__PURE__ */ V("section", {
+		ref: ut,
+		className: Lt,
+		...Je,
+		children: Rt
 	});
 }
-function rt({ 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 m = n(H, p.strings), [h, g] = I(!1), [_, y] = I(null), b = e !== void 0, x = b ? e : h, S = (e) => {
-		b || g(e), t?.(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 m = n(U, p.strings), [h, g] = B(!1), [_, v] = B(null), y = e !== void 0, b = y ? e : h, S = (e) => {
+		y || g(e), t?.(e);
 	}, C = () => {
 		S(!1), s?.();
 	};
-	return /* @__PURE__ */ L(et.Provider, {
+	return /* @__PURE__ */ V(Ct.Provider, {
 		value: { element: _ },
-		children: /* @__PURE__ */ L(v, {
-			open: x,
+		children: /* @__PURE__ */ V(x, {
+			open: b,
 			onOpenChange: S,
 			onClose: s,
 			trigger: i,
@@ -1973,15 +2310,15 @@ function rt({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescri
 			size: "full",
 			showCancel: !1,
 			showConfirm: !1,
-			footer: /* @__PURE__ */ L("div", {
-				ref: y,
+			footer: /* @__PURE__ */ V("div", {
+				ref: v,
 				className: "media-library-dialog--footer @container/media-library w-full"
 			}),
 			className: r("media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))] sm:max-w-[min(1060px,calc(100vw-2rem))]", l),
 			contentClassName: r("media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0", u),
 			closeOnBackdropClick: f,
 			closeOnEscape: d,
-			children: /* @__PURE__ */ L(nt, {
+			children: /* @__PURE__ */ V(Et, {
 				...p,
 				defaultSelecting: p.defaultSelecting ?? !0,
 				onClose: C,
@@ -1994,45 +2331,45 @@ function rt({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescri
 }
 //#endregion
 //#region src/components/features/media-library/media-resource-gallery.tsx
-function it(e, t, n) {
+function Dt(e, t, n) {
 	let r = e.slice(), [i] = r.splice(t, 1);
 	return i === void 0 || r.splice(n, 0, i), r;
 }
-function X({ items: e, accessors: t, title: o, description: s, primaryId: c, onPrimaryChange: u, onRemove: d, onReorder: f, onAdd: p, maxItems: m, layout: h = "field", density: _ = "comfortable", readOnly: v = !1, empty: y, action: x, renderItem: C, strings: ee, className: w, ...te }) {
-	let E = n(H, ee), D = Ae(t), O = e.length, ne = c ?? (O > 0 ? D.getId(e[0]) : void 0), k = !v && !!p && (m === void 0 || O < m), re = !v && !!u, ie = !v && !!d, j = !v && !!f, M = re || ie || j, ae = k && (h === "field" || O > 0) ? /* @__PURE__ */ L(i, {
+function Ot({ items: e, accessors: t, title: a, description: o, primaryId: c, onPrimaryChange: d, onRemove: f, onReorder: p, onAdd: m, maxItems: h, layout: g = "field", density: _ = "comfortable", readOnly: y = !1, empty: x, action: S, renderItem: ee, strings: te, className: T, ...ne }) {
+	let E = n(U, te), D = Ke(t), O = e.length, re = c ?? (O > 0 ? D.getId(e[0]) : void 0), ie = !y && !!m && (h === void 0 || O < h), A = !y && !!d, j = !y && !!f, M = !y && !!p, ae = A || j || M, oe = ie && (g === "field" || O > 0) ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "outline",
-		icon: ve,
-		onClick: p,
+		icon: Oe,
+		onClick: m,
 		children: E.gallery.add
-	}) : m !== void 0 && O >= m ? /* @__PURE__ */ L(T, {
+	}) : h !== void 0 && O >= h ? /* @__PURE__ */ V(k, {
 		tone: "secondary",
 		children: E.gallery.maxReached
 	}) : null, N = (t, n) => {
-		if (!j || n < 0 || n >= O || t === n) return;
-		let r = it(e, t, n);
-		f?.(r.map((e) => D.getId(e)), r);
-	}, oe = !!(o || s || x || ae), se = O === 0 && h !== "field", P = () => !k || h !== "field" ? null : /* @__PURE__ */ R("button", {
+		if (!M || n < 0 || n >= O || t === n) return;
+		let r = Dt(e, t, n);
+		p?.(r.map((e) => D.getId(e)), r);
+	}, P = !!(a || o || S || oe), ce = O === 0 && g !== "field", le = () => !ie || g !== "field" ? null : /* @__PURE__ */ H("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 ${A.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 ${se.hover}`),
 		"aria-label": E.gallery.addTile,
-		onClick: p,
-		children: [/* @__PURE__ */ L(ve, { className: "size-icon" }), /* @__PURE__ */ L(a, {
+		onClick: m,
+		children: [/* @__PURE__ */ V(Oe, { className: "size-icon" }), /* @__PURE__ */ V(i, {
 			tag: "span",
 			size: "inherit",
 			className: "sr-only",
 			children: E.gallery.addTile
 		})]
 	});
-	return /* @__PURE__ */ R("section", {
-		className: r("media-resource-gallery--component @container/media-resource-gallery rounded-surface border border-border bg-card text-card-foreground shadow-xs", w),
-		"data-layout": h,
+	return /* @__PURE__ */ H("section", {
+		className: r("media-resource-gallery--component @container/media-resource-gallery", u.frame, T),
+		"data-layout": g,
 		"data-gallery-density": _,
-		...te,
-		children: [oe && /* @__PURE__ */ L("header", {
+		...ne,
+		children: [P && /* @__PURE__ */ V("header", {
 			className: "media-resource-gallery--header p-surface",
-			children: /* @__PURE__ */ R(l, {
+			children: /* @__PURE__ */ H(l, {
 				direction: {
 					base: "vertical",
 					md: "horizontal"
@@ -2040,44 +2377,44 @@ function X({ items: e, accessors: t, title: o, description: s, primaryId: c, onP
 				gap: "lg",
 				align: { md: "start" },
 				justify: { md: "between" },
-				children: [/* @__PURE__ */ R(l, {
+				children: [/* @__PURE__ */ H(l, {
 					gap: "normal",
 					className: "min-w-0",
-					children: [!!o && /* @__PURE__ */ L(a, {
+					children: [!!a && /* @__PURE__ */ V(i, {
 						tag: "div",
 						type: "inherit",
 						weight: "semibold",
-						children: o
-					}), !!s && /* @__PURE__ */ L(a, {
+						children: a
+					}), !!o && /* @__PURE__ */ V(i, {
 						type: "secondary",
-						children: s
+						children: o
 					})]
-				}), /* @__PURE__ */ L(l, {
+				}), /* @__PURE__ */ V(l, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
-					gap: g.commands,
+					gap: v.commands,
 					className: "media-resource-gallery--actions",
-					children: x ?? ae
+					children: S ?? oe
 				})]
 			})
-		}), se ? /* @__PURE__ */ L("div", {
+		}), ce ? /* @__PURE__ */ V("div", {
 			className: "media-resource-gallery--empty px-surface pb-surface",
-			children: y ?? /* @__PURE__ */ L(Ke, {
+			children: x ?? /* @__PURE__ */ V(ft, {
 				title: E.gallery.emptyTitle,
 				description: E.gallery.emptyDescription,
-				action: k ? /* @__PURE__ */ L(i, {
+				action: ie ? /* @__PURE__ */ V(s, {
 					tone: "primary",
 					type: "button",
-					icon: pe,
-					onClick: p,
+					icon: Se,
+					onClick: m,
 					children: E.gallery.add
 				}) : void 0
 			})
-		}) : /* @__PURE__ */ R("div", {
-			className: r("grid min-w-0 grid-cols-1", h === "list" ? "gap-space-md" : "gap-space-lg", "media-resource-gallery--items p-surface", oe && "pt-0", h === "list" ? void 0 : h === "field" ? "grid-cols-[repeat(auto-fill,minmax(96px,1fr))] @md/media-resource-gallery:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]" : _ === "compact" ? "grid-cols-[repeat(auto-fill,minmax(132px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(164px,1fr))]"),
+		}) : /* @__PURE__ */ H("div", {
+			className: r("grid min-w-0 grid-cols-1", g === "list" ? "gap-space-md" : "gap-space-lg", "media-resource-gallery--items p-surface", P && "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))]" : _ === "compact" ? "grid-cols-[repeat(auto-fill,minmax(132px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(164px,1fr))]"),
 			children: [e.map((e, t) => {
-				let n = D.getId(e), o = D.getName(e), s = D.getType(e), c = D.getSrc(e), f = D.getAlt(e) || o, p = n === ne, m = D.getPublic(e) === !1, g = D.getDuration(e), v = j && t > 0, y = j && t < O - 1, x = C?.(e, {
+				let n = D.getId(e), a = D.getName(e), o = D.getType(e), c = D.getSrc(e), u = D.getAlt(e) || a, p = n === re, m = D.getPublic(e) === !1, h = D.getDuration(e), v = M && t > 0, y = M && t < O - 1, x = (e) => W(e, { name: a }), S = {
 					id: n,
 					index: t,
 					total: O,
@@ -2086,54 +2423,89 @@ function X({ items: e, accessors: t, title: o, description: s, primaryId: c, onP
 					canMovePrevious: v,
 					canMoveNext: y,
 					setPrimary: () => {
-						re && u?.(n, e);
+						A && d?.(n, e);
 					},
 					remove: () => {
-						ie && d?.(n, e);
+						j && f?.(n, e);
 					},
 					movePrevious: () => N(t, t - 1),
 					moveNext: () => N(t, t + 1)
-				});
-				return x ? /* @__PURE__ */ L("div", { children: x }, n) : h === "field" ? /* @__PURE__ */ R("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 ${b.tileHover}`, p && "col-span-2 row-span-2 min-h-52"),
-					"data-primary": p || void 0,
-					children: [
-						c ? /* @__PURE__ */ L("img", {
-							src: c,
-							alt: f,
-							loading: "lazy",
-							className: "size-full object-cover"
-						}) : /* @__PURE__ */ L("div", {
-							className: "flex size-full items-center justify-center bg-muted text-muted-foreground",
-							children: /* @__PURE__ */ L(B, { className: p ? "size-7" : "size-icon-lg" })
-						}),
-						p && /* @__PURE__ */ L(T, {
-							tone: "secondary",
-							className: "absolute left-2 top-2 bg-background shadow-xs",
-							children: E.gallery.cover
-						}),
-						s === "video" && !!g && /* @__PURE__ */ R(T, {
-							tone: "secondary",
-							className: "absolute bottom-2 left-2 bg-foreground text-background",
-							children: [/* @__PURE__ */ L(V, { className: "size-icon-sm fill-current" }), g]
-						}),
-						m && /* @__PURE__ */ L("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__ */ L(_e, { className: "size-icon-sm" })
-						}),
-						ie && /* @__PURE__ */ L(i, {
-							type: "button",
-							tone: "secondary",
-							buttonStyle: "solid",
-							size: "sm",
-							iconOnly: !0,
-							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": E.gallery.remove,
-							onClick: () => d?.(n, e),
-							children: /* @__PURE__ */ L(we, { className: "size-icon-md" })
-						})
-					]
-				}, n) : h === "list" ? /* @__PURE__ */ R(l, {
+				}, te = ee?.(e, S);
+				if (te) return /* @__PURE__ */ V("div", { children: te }, n);
+				if (g === "field") {
+					let t = [
+						{
+							id: "cover",
+							label: E.gallery.setCoverAction ?? U.gallery.setCoverAction,
+							visible: A,
+							disabled: p,
+							onClick: S.setPrimary
+						},
+						{
+							id: "previous",
+							label: E.gallery.movePreviousAction ?? U.gallery.movePreviousAction,
+							visible: M,
+							disabled: !v,
+							onClick: S.movePrevious
+						},
+						{
+							id: "next",
+							label: E.gallery.moveNextAction ?? U.gallery.moveNextAction,
+							visible: M,
+							disabled: !y,
+							onClick: S.moveNext
+						}
+					];
+					return /* @__PURE__ */ H("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 ${C.tileHover}`, p && "col-span-2 row-span-2 min-h-52"),
+						"data-primary": p || void 0,
+						children: [
+							c ? /* @__PURE__ */ V("img", {
+								src: c,
+								alt: u,
+								loading: "lazy",
+								className: "size-full object-cover"
+							}) : /* @__PURE__ */ V("div", {
+								className: "flex size-full items-center justify-center bg-muted text-muted-foreground",
+								children: /* @__PURE__ */ V(ye, { className: p ? "size-7" : "size-icon-lg" })
+							}),
+							p && /* @__PURE__ */ V(k, {
+								tone: "secondary",
+								className: "absolute left-2 top-2 bg-background shadow-xs",
+								children: E.gallery.cover
+							}),
+							o === "video" && !!h && /* @__PURE__ */ H(k, {
+								tone: "secondary",
+								className: "absolute bottom-2 left-2 bg-foreground text-background",
+								children: [/* @__PURE__ */ V(De, { className: "size-icon-sm fill-current" }), h]
+							}),
+							m && /* @__PURE__ */ V("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__ */ V(Ee, { className: "size-icon-sm" })
+							}),
+							ae && /* @__PURE__ */ H("div", {
+								className: "media-resource-gallery--tile-actions absolute right-2 top-2 flex items-center gap-space-xs opacity-0 transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100 has-[[aria-expanded=true]]:opacity-100 pointer-coarse:opacity-100",
+								children: [(A || M) && /* @__PURE__ */ V(b, {
+									srText: x(E.gallery.itemActions ?? U.gallery.itemActions ?? ""),
+									actions: t,
+									context: "commands",
+									buttonProps: { size: "sm" }
+								}), j && /* @__PURE__ */ V(s, {
+									type: "button",
+									tone: "secondary",
+									buttonStyle: "solid",
+									size: "sm",
+									iconOnly: !0,
+									className: "shadow-sm",
+									"aria-label": x(E.gallery.remove),
+									onClick: () => f?.(n, e),
+									children: /* @__PURE__ */ V(Pe, { className: "size-icon-md" })
+								})]
+							})
+						]
+					}, n);
+				}
+				return g === "list" ? /* @__PURE__ */ H(l, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
@@ -2141,42 +2513,42 @@ function X({ items: e, accessors: t, title: o, description: s, primaryId: c, onP
 					className: r("media-resource-gallery--item min-w-0 rounded-radius border border-border bg-background text-foreground px-row-x", _ === "compact" ? "py-row-y-sm" : "py-row-y"),
 					"data-primary": p || void 0,
 					children: [
-						/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ V("div", {
 							className: "relative size-12 shrink-0 overflow-hidden rounded-radius bg-muted",
-							children: c ? /* @__PURE__ */ L("img", {
+							children: c ? /* @__PURE__ */ V("img", {
 								src: c,
-								alt: f,
+								alt: u,
 								loading: "lazy",
 								className: "size-full object-cover"
-							}) : /* @__PURE__ */ L("div", {
+							}) : /* @__PURE__ */ V("div", {
 								className: "flex size-full items-center justify-center text-muted-foreground",
-								children: /* @__PURE__ */ L(B, { className: "size-icon" })
+								children: /* @__PURE__ */ V(ye, { className: "size-icon" })
 							})
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ H("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ R(l, {
+							children: [/* @__PURE__ */ H(l, {
 								direction: "horizontal",
 								wrap: !0,
 								align: "center",
 								gap: "md",
 								className: "min-w-0",
-								children: [/* @__PURE__ */ L(a, {
+								children: [/* @__PURE__ */ V(i, {
 									tag: "div",
 									weight: "semibold",
 									className: "min-w-0 break-all",
-									children: o
-								}), p && /* @__PURE__ */ L(T, {
+									children: a
+								}), p && /* @__PURE__ */ V(k, {
 									tone: "secondary",
 									children: E.gallery.primary
 								})]
-							}), /* @__PURE__ */ R(a, {
+							}), /* @__PURE__ */ H(i, {
 								size: "xs",
 								type: "secondary",
-								children: [U(E.gallery.itemPosition, {
+								children: [W(E.gallery.itemPosition, {
 									index: t + 1,
 									total: O
-								}), D.getSize(e) !== void 0 && /* @__PURE__ */ R(ce, { children: [" · ", /* @__PURE__ */ L(S, {
+								}), D.getSize(e) !== void 0 && /* @__PURE__ */ H(he, { children: [" · ", /* @__PURE__ */ V(w, {
 									value: D.getSize(e),
 									size: "xs",
 									align: "left",
@@ -2184,157 +2556,157 @@ function X({ items: e, accessors: t, title: o, description: s, primaryId: c, onP
 								})] })]
 							})]
 						}),
-						M && /* @__PURE__ */ R("div", {
+						ae && /* @__PURE__ */ H("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: [
-								re && /* @__PURE__ */ L(i, {
+								A && /* @__PURE__ */ V(s, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
 									disabled: p,
-									"aria-label": E.gallery.setPrimary,
-									onClick: () => u?.(n, e),
-									children: /* @__PURE__ */ L(be, { className: "size-icon-md" })
+									"aria-label": x(E.gallery.setPrimary),
+									onClick: () => d?.(n, e),
+									children: /* @__PURE__ */ V(Ae, { className: "size-icon-md" })
 								}),
-								j && /* @__PURE__ */ L(i, {
+								M && /* @__PURE__ */ V(s, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
 									disabled: !v,
-									"aria-label": E.gallery.movePrevious,
+									"aria-label": x(E.gallery.movePrevious),
 									onClick: () => N(t, t - 1),
-									children: /* @__PURE__ */ L(le, { className: "size-icon-md" })
+									children: /* @__PURE__ */ V(ge, { className: "size-icon-md" })
 								}),
-								j && /* @__PURE__ */ L(i, {
+								M && /* @__PURE__ */ V(s, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
 									disabled: !y,
-									"aria-label": E.gallery.moveNext,
+									"aria-label": x(E.gallery.moveNext),
 									onClick: () => N(t, t + 1),
-									children: /* @__PURE__ */ L(z, { className: "size-icon-md" })
+									children: /* @__PURE__ */ V(_e, { className: "size-icon-md" })
 								}),
-								ie && /* @__PURE__ */ L(i, {
+								j && /* @__PURE__ */ V(s, {
 									type: "button",
 									tone: "destructive",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
-									"aria-label": E.gallery.remove,
-									onClick: () => d?.(n, e),
-									children: /* @__PURE__ */ L(xe, { className: "size-icon-md" })
+									"aria-label": x(E.gallery.remove),
+									onClick: () => f?.(n, e),
+									children: /* @__PURE__ */ V(je, { className: "size-icon-md" })
 								})
 							]
 						})
 					]
-				}, n) : /* @__PURE__ */ R("div", {
-					className: `media-resource-gallery--item group/gallery overflow-hidden rounded-radius border border-border bg-background text-foreground shadow-xs transition-colors ${b.tileHover}`,
+				}, n) : /* @__PURE__ */ H("div", {
+					className: `media-resource-gallery--item group/gallery overflow-hidden rounded-radius border border-border bg-background text-foreground shadow-xs transition-colors ${C.tileHover}`,
 					"data-primary": p || void 0,
-					children: [/* @__PURE__ */ R("div", {
+					children: [/* @__PURE__ */ H("div", {
 						className: "relative aspect-[4/3] bg-muted",
-						children: [c ? /* @__PURE__ */ L("img", {
+						children: [c ? /* @__PURE__ */ V("img", {
 							src: c,
-							alt: f,
+							alt: u,
 							loading: "lazy",
 							className: "size-full object-contain"
-						}) : /* @__PURE__ */ L("div", {
+						}) : /* @__PURE__ */ V("div", {
 							className: "flex size-full items-center justify-center text-muted-foreground",
-							children: /* @__PURE__ */ L(B, { className: "size-6" })
-						}), /* @__PURE__ */ R("div", {
+							children: /* @__PURE__ */ V(ye, { className: "size-6" })
+						}), /* @__PURE__ */ H("div", {
 							className: "absolute left-2 top-2 flex flex-wrap gap-space-xs",
-							children: [p && /* @__PURE__ */ L(T, {
+							children: [p && /* @__PURE__ */ V(k, {
 								tone: "secondary",
 								className: "bg-card text-card-foreground",
 								children: E.gallery.primary
-							}), /* @__PURE__ */ L(T, {
+							}), /* @__PURE__ */ V(k, {
 								tone: "secondary",
 								className: "bg-card text-card-foreground",
-								children: U(E.gallery.itemPosition, {
+								children: W(E.gallery.itemPosition, {
 									index: t + 1,
 									total: O
 								})
 							})]
 						})]
-					}), /* @__PURE__ */ L("div", {
+					}), /* @__PURE__ */ V("div", {
 						className: r("media-resource-gallery--item-body", _ === "compact" ? "p-surface-xs" : "p-surface"),
-						children: /* @__PURE__ */ R(l, {
+						children: /* @__PURE__ */ H(l, {
 							gap: "md",
-							children: [/* @__PURE__ */ R("div", {
+							children: [/* @__PURE__ */ H("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ L(a, {
+								children: [/* @__PURE__ */ V(i, {
 									tag: "div",
 									weight: "semibold",
 									className: "truncate",
-									children: o
-								}), D.getSize(e) !== void 0 && /* @__PURE__ */ L(S, {
+									children: a
+								}), D.getSize(e) !== void 0 && /* @__PURE__ */ V(w, {
 									value: D.getSize(e),
 									size: "xs",
 									align: "left",
 									emptyLabel: E.unknownSize
 								})]
-							}), M && /* @__PURE__ */ R("div", {
+							}), ae && /* @__PURE__ */ H("div", {
 								className: "flex items-center gap-space-xs",
 								children: [
-									re && /* @__PURE__ */ L(i, {
+									A && /* @__PURE__ */ V(s, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										disabled: p,
-										"aria-label": E.gallery.setPrimary,
-										onClick: () => u?.(n, e),
-										children: /* @__PURE__ */ L(be, { className: "size-icon-md" })
+										"aria-label": x(E.gallery.setPrimary),
+										onClick: () => d?.(n, e),
+										children: /* @__PURE__ */ V(Ae, { className: "size-icon-md" })
 									}),
-									j && /* @__PURE__ */ L(i, {
+									M && /* @__PURE__ */ V(s, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										disabled: !v,
-										"aria-label": E.gallery.movePrevious,
+										"aria-label": x(E.gallery.movePrevious),
 										onClick: () => N(t, t - 1),
-										children: /* @__PURE__ */ L(le, { className: "size-icon-md" })
+										children: /* @__PURE__ */ V(ge, { className: "size-icon-md" })
 									}),
-									j && /* @__PURE__ */ L(i, {
+									M && /* @__PURE__ */ V(s, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										disabled: !y,
-										"aria-label": E.gallery.moveNext,
+										"aria-label": x(E.gallery.moveNext),
 										onClick: () => N(t, t + 1),
-										children: /* @__PURE__ */ L(z, { className: "size-icon-md" })
+										children: /* @__PURE__ */ V(_e, { className: "size-icon-md" })
 									}),
-									ie && /* @__PURE__ */ L(i, {
+									j && /* @__PURE__ */ V(s, {
 										type: "button",
 										tone: "destructive",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										className: "ml-auto",
-										"aria-label": E.gallery.remove,
-										onClick: () => d?.(n, e),
-										children: /* @__PURE__ */ L(xe, { className: "size-icon-md" })
+										"aria-label": x(E.gallery.remove),
+										onClick: () => f?.(n, e),
+										children: /* @__PURE__ */ V(je, { className: "size-icon-md" })
 									})
 								]
 							})]
 						})
 					})]
 				}, n);
-			}), P()]
+			}), le()]
 		})]
 	});
 }
 //#endregion
-export { nt as MediaLibrary, Je as MediaLibraryCard, Xe as MediaLibraryDetailPanel, rt as MediaLibraryDialog, Ke as MediaLibraryEmptyState, $e as MediaLibraryFooter, Ye as MediaLibraryList, qe as MediaLibraryToolbar, Ze as MediaLibraryUploadPanel, X as MediaResourceGallery, H as defaultMediaLibraryStrings, je as formatMediaLibrarySize, U as formatMediaLibraryString, Me as getMediaLibraryDimensions, Ae as resolveMediaLibraryAccessors, Ve as useMediaLibrary };
+export { Et as MediaLibrary, mt as MediaLibraryCard, vt as MediaLibraryDetailPanel, Q as MediaLibraryDialog, ft as MediaLibraryEmptyState, St as MediaLibraryFooter, ht as MediaLibraryList, pt as MediaLibraryToolbar, yt as MediaLibraryUploadPanel, Ot as MediaResourceGallery, U as defaultMediaLibraryStrings, qe as formatMediaLibrarySize, W as formatMediaLibraryString, Je as getMediaLibraryDimensions, Ke as resolveMediaLibraryAccessors, at as useMediaLibrary };
 
 //# sourceMappingURL=media-library.js.map