themelia-ui 2.0.0 → 3.0.0

package/dist/features/media-library.js

@@ -1,30 +1,28 @@
 "use client";
-import "../core.css";
-import "../css/media-library.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n } from "../typography-B8Iurhy1.js";
-import { _ as r, g as i, h as a, n as o, p as s, s as c, t as l } from "../feedback-BmquisO3.js";
-import { c as u } from "../buttons-Corm-KHK.js";
-import { n as d } from "../display-DVhYS75K.js";
-import { o as f } from "../structure-D0WGQAP3.js";
-import { C as p, S as m, f as h, w as g, z as _ } from "../primitives-B2aeaudR.js";
-import { t as v } from "../badge-D34FkKLD.js";
-import { l as y } from "../upload-BL8HIPbS.js";
-import { u as b } from "../forms-zF9SP3Ai.js";
-import { t as x } from "../strings-Co9_qArR.js";
-import { c as S, l as C } from "../text-inputs-BBpgIQEI.js";
-import { c as ee, i as w, l as T, n as E, s as D, t as O } from "../table-CzsDKBR2.js";
-import { d as k, f as te, p as ne, u as A } from "../navigation-D00jGH59.js";
-import { n as re, s as ie, x as j } from "../choice-inputs-Ca9PoQwa.js";
-import { s as ae } from "../value-inputs-DQGHd7k8.js";
-import { t as M } from "../batch-action-bar-BRCopWlT.js";
-import { r as oe } from "../overlays-CaBkEKRc.js";
-import { t as se } from "../use-synced-state-DnZ4lW4g.js";
-import { CheckIcon as ce, ChevronLeftIcon as N, ChevronRightIcon as le, FileIcon as ue, FilmIcon as de, ImageIcon as fe, LayoutGridIcon as pe, ListIcon as me, MoreHorizontalIcon as he, PlusIcon as ge, SearchIcon as _e, StarIcon as ve, Table2Icon as ye, Trash2Icon as be, XIcon as xe } from "lucide-react";
-import { useCallback as P, useEffect as F, useMemo as I, useRef as L, useState as R } from "react";
-import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { i as t, o as n } from "../typography-BkxEiwQ1.js";
+import { _ as r, g as i, h as a, n as o, p as s, s as c, t as l } from "../feedback-DRerHGuV.js";
+import { c as u } from "../buttons-CqXKWty3.js";
+import { l as d, n as f } from "../display-B3Q17h5z.js";
+import { o as p } from "../structure-D0WGQAP3.js";
+import { C as m, S as h, f as g, w as _, z as v } from "../primitives-D0bdDozz.js";
+import { t as y } from "../badge-CxOuTfVr.js";
+import { l as ee } from "../upload-B38YZeFJ.js";
+import { u as b } from "../forms-CPrGGif_.js";
+import { t as te } from "../strings-Co9_qArR.js";
+import { c as x, l as ne } from "../text-inputs-DF_lD7pA.js";
+import { c as S, i as C, l as w, n as T, s as E, t as D } from "../table-BC4qqsUb.js";
+import { d as re, f as ie, p as O, u as ae } from "../navigation-CsqTA16F.js";
+import { n as oe, s as se, x as ce } from "../choice-inputs-OUDn0kQw.js";
+import { s as k } from "../value-inputs-Q4ymjXlV.js";
+import { t as le } from "../batch-action-bar-BZYNKXdV.js";
+import { r as ue } from "../overlays-DvVoS3td.js";
+import { t as de } from "../use-synced-state-DnZ4lW4g.js";
+import { CheckIcon as A, ChevronLeftIcon as fe, ChevronRightIcon as pe, FileIcon as me, FilmIcon as he, ImageIcon as ge, LayoutGridIcon as _e, ListIcon as ve, MoreHorizontalIcon as ye, PlusIcon as be, SearchIcon as xe, StarIcon as Se, Table2Icon as Ce, Trash2Icon as we, XIcon as Te } from "lucide-react";
+import { useCallback as j, useEffect as Ee, useMemo as M, useRef as N, useState as P } from "react";
+import { Fragment as De, jsx as F, jsxs as I } from "react/jsx-runtime";
 //#region src/components/features/media-library/media-library.strings.ts
-var H = {
+var L = {
 	title: "Media library",
 	description: "Browse, upload, and pick assets.",
 	tabs: {
@@ -142,14 +140,14 @@ var H = {
 		emptyDescription: "Add an asset to show it here.",
 		limitReached: (e) => `${e} is the maximum.`
 	}
-}, Se = {
+}, Oe = {
 	collection: void 0,
 	tags: [],
 	public: !0
-}, Ce = [];
-function we(e, t, n) {
-	let [r, i] = R(t), a = e ?? r;
-	return [a, P((t) => {
+}, ke = [];
+function Ae(e, t, n) {
+	let [r, i] = P(t), a = e ?? r;
+	return [a, j((t) => {
 		let r = typeof t == "function" ? t(a) : t;
 		e === void 0 && i(r), n?.(r);
 	}, [
@@ -158,7 +156,7 @@ function we(e, t, n) {
 		a
 	])];
 }
-var Te = {
+var je = {
 	getId: (e) => e.id,
 	getName: (e) => e.name,
 	getType: (e) => e.type,
@@ -176,47 +174,47 @@ var Te = {
 	getTint: (e) => e.tint,
 	getMimeType: (e) => e.mimeType
 };
-function Ee(e) {
+function Me(e) {
 	return {
-		...Te,
+		...je,
 		...e ?? {}
 	};
 }
-function De(e) {
-	return e === void 0 ? "" : p(e);
+function R(e) {
+	return e === void 0 ? "" : m(e);
 }
-function U(e, t) {
+function z(e, t) {
 	let n = t.getWidth(e), r = t.getHeight(e);
 	return !n || !r ? "" : `${n} × ${r}`;
 }
-function Oe(e, t) {
+function Ne(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 ke(e) {
+function Pe(e) {
 	return e.type.startsWith("image/") ? "image" : e.type.startsWith("video/") ? "video" : "file";
 }
-function Ae(e) {
+function Fe(e) {
 	if (e.type.startsWith("image/") && !(typeof URL > "u" || typeof URL.createObjectURL != "function")) return URL.createObjectURL(e);
 }
-function je(e) {
+function Ie(e) {
 	!e || typeof URL > "u" || typeof URL.revokeObjectURL != "function" || URL.revokeObjectURL(e);
 }
-function Me(e) {
+function Le(e) {
 	return Array.isArray(e) ? {
 		items: e,
 		total: e.length
 	} : e;
 }
-function Ne(e, t) {
+function Re(e, t) {
 	return t && typeof e == "object" && e ? {
 		...e,
 		...t
 	} : e;
 }
-function Pe(e, t, n, r, i) {
+function ze(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),
@@ -225,211 +223,211 @@ function Pe(e, t, n, r, i) {
 		...t.getTags(e)
 	].filter(Boolean).join(" ").toLowerCase().includes(a));
 }
-function Fe(e, t, n) {
+function Be(e, t, n) {
 	let r = [...e];
 	switch (n) {
 		case "name": return r.sort((e, n) => t.getName(e).localeCompare(t.getName(n)));
 		case "size": return r.sort((e, n) => (t.getSize(n) ?? 0) - (t.getSize(e) ?? 0));
 		case "usage": return r.sort((e, n) => (t.getUsageCount(n) ?? 0) - (t.getUsageCount(e) ?? 0));
-		default: return r.sort((e, n) => Oe(n, t) - Oe(e, t));
+		default: return r.sort((e, n) => Ne(n, t) - Ne(e, t));
 	}
 }
-function Ie({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multiple", value: i, defaultValue: a, onValueChange: o, onItemUpdate: s, applyItemPatch: c = Ne, 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: E, defaultSort: D = "newest", onSortChange: O, uploadOptions: k, defaultUploadOptions: te, onUploadOptionsChange: ne }) {
-	let A = I(() => Ee(n), [n]), [re, ie] = we(f, p, m), [j, ae] = we(h, g, _), [M, oe] = we(v, y, b), [se, ce] = we(x, S, C), [N, le] = we(ee, w, T), [ue, de] = we(E, D, O), [fe, pe] = R(null), [me, he] = R(() => [...a ?? []]), [ge, _e] = R([]), [ve, ye] = R(), [be, xe] = R(!1), [z, B] = R(null), V = P((e, t = "mutation") => {
-		B(e == null ? null : {
+function Ve({ items: e = ke, fetcher: t, accessors: n, selectionMode: r = "multiple", value: i, defaultValue: a, onValueChange: o, onItemUpdate: s, applyItemPatch: c = Re, onItemDelete: l, onUpload: u, onError: d, tab: f, defaultTab: p = "library", onTabChange: m, view: h, defaultView: g = "grid", onViewChange: _, query: v, defaultQuery: y = "", onQueryChange: ee, type: b, defaultType: te = "all", onTypeChange: x, collection: ne, defaultCollection: S = "all", onCollectionChange: C, sort: w, defaultSort: T = "newest", onSortChange: E, uploadOptions: D, defaultUploadOptions: re, onUploadOptionsChange: ie }) {
+	let O = M(() => Me(n), [n]), [ae, oe] = Ae(f, p, m), [se, ce] = Ae(h, g, _), [k, le] = Ae(v, y, ee), [ue, de] = Ae(b, te, x), [A, fe] = Ae(ne, S, C), [pe, me] = Ae(w, T, E), [he, ge] = P(null), [_e, ve] = P(() => [...a ?? []]), [ye, be] = P([]), [xe, Se] = P(), [Ce, we] = P(!1), [Te, De] = P(null), F = j((e, t = "mutation") => {
+		De(e == null ? null : {
 			error: e,
 			source: t
 		});
-	}, []), H = z?.source === "fetch" && !t ? null : z?.error ?? null, Te = z?.source === "fetch" && t ? z.error : null, [De, U] = R(0), Oe = P(() => U((e) => e + 1), []), Ie = L(A);
-	F(() => {
-		Ie.current = A;
-	}, [A]);
-	let W = L(d);
-	F(() => {
-		W.current = d;
+	}, []), I = Te?.source === "fetch" && !t ? null : Te?.error ?? null, L = Te?.source === "fetch" && t ? Te.error : null, [je, R] = P(0), z = j(() => R((e) => e + 1), []), Ne = N(O);
+	Ee(() => {
+		Ne.current = O;
+	}, [O]);
+	let Ve = N(d);
+	Ee(() => {
+		Ve.current = d;
 	}, [d]);
-	let [Le, Re] = R([]), [ze, Be] = R(() => /* @__PURE__ */ new Set()), [Ve, He] = R({}), [Ue, G] = R([]), [We, Ge] = R(!1), Ke = I(() => ({
-		...Se,
-		...te,
-		tags: te?.tags ?? Se.tags
-	}), [te]), [K, qe] = we(I(() => k ? {
-		...Se,
-		...k,
-		tags: k.tags ?? Se.tags
-	} : void 0, [k]), Ke, ne), Je = i !== void 0, q = I(() => {
-		let e = [...new Set(Je ? i ?? [] : me)];
+	let [B, He] = P([]), [V, Ue] = P(() => /* @__PURE__ */ new Set()), [We, Ge] = P({}), [H, U] = P([]), [Ke, qe] = P(!1), Je = M(() => ({
+		...Oe,
+		...re,
+		tags: re?.tags ?? Oe.tags
+	}), [re]), [W, G] = Ae(M(() => D ? {
+		...Oe,
+		...D,
+		tags: D.tags ?? Oe.tags
+	} : void 0, [D]), Je, ie), Ye = i !== void 0, K = M(() => {
+		let e = [...new Set(Ye ? i ?? [] : _e)];
 		return r === "single" ? e.slice(0, 1) : e;
 	}, [
-		me,
-		Je,
+		_e,
+		Ye,
 		r,
 		i
-	]), Ye = I(() => new Set(q), [q]), Xe = L(/* @__PURE__ */ new Set()), J = L(null), Ze = L(/* @__PURE__ */ new Map()), Y = L(/* @__PURE__ */ new Map()), [Qe, $e] = R(/* @__PURE__ */ new Map()), X = L(q);
-	F(() => {
-		X.current = q;
-	}, [q]);
-	let et = L(0);
-	F(() => {
+	]), Xe = M(() => new Set(K), [K]), Ze = N(/* @__PURE__ */ new Set()), q = N(null), Qe = N(/* @__PURE__ */ new Map()), J = N(/* @__PURE__ */ new Map()), [$e, et] = P(/* @__PURE__ */ new Map()), Y = N(K);
+	Ee(() => {
+		Y.current = K;
+	}, [K]);
+	let tt = N(0);
+	Ee(() => {
 		if (!t) return;
 		let e = new AbortController();
-		return xe(!0), V(null), (async () => t({
-			query: M,
-			type: se,
-			collection: N === "all" ? void 0 : N,
-			sort: ue,
+		return we(!0), F(null), (async () => t({
+			query: k,
+			type: ue,
+			collection: A === "all" ? void 0 : A,
+			sort: pe,
 			signal: e.signal
 		}))().then((t) => {
 			if (e.signal.aborted) return;
-			let n = Me(t);
-			$e((e) => {
-				let t = new Set(X.current);
-				return new Map([...e, ...n.items.map((e) => [Ie.current.getId(e), e])].filter(([e]) => t.has(e)));
-			}), _e(n.items), ye(n.total);
+			let n = Le(t);
+			et((e) => {
+				let t = new Set(Y.current);
+				return new Map([...e, ...n.items.map((e) => [Ne.current.getId(e), e])].filter(([e]) => t.has(e)));
+			}), be(n.items), Se(n.total);
 		}).catch((t) => {
-			e.signal.aborted || (V(t, "fetch"), W.current?.(t));
+			e.signal.aborted || (F(t, "fetch"), Ve.current?.(t));
 		}).finally(() => {
-			e.signal.aborted || xe(!1);
+			e.signal.aborted || we(!1);
 		}), () => e.abort();
 	}, [
-		N,
+		A,
 		t,
-		De,
-		M,
-		V,
-		ue,
-		se
-	]), F(() => {
-		let e = Xe.current;
+		je,
+		k,
+		F,
+		pe,
+		ue
+	]), Ee(() => {
+		let e = Ze.current;
 		return () => {
-			J.current?.abort();
-			for (let t of e) je(t);
+			q.current?.abort();
+			for (let t of e) Ie(t);
 			e.clear();
 		};
 	}, []);
-	let tt = I(() => t ? ge : [...Le, ...e], [
-		Le,
-		ge,
+	let nt = M(() => t ? ye : [...B, ...e], [
+		B,
+		ye,
 		t,
 		e
-	]), Z = I(() => [...new Map(tt.map((e) => [A.getId(e), e])).values()].filter((e) => !ze.has(A.getId(e))).map((e) => Ve[A.getId(e)] ? c(e, Ve[A.getId(e)]) : e), [
-		A,
+	]), X = M(() => [...new Map(nt.map((e) => [O.getId(e), e])).values()].filter((e) => !V.has(O.getId(e))).map((e) => We[O.getId(e)] ? c(e, We[O.getId(e)]) : e), [
+		O,
 		c,
-		Ve,
-		ze,
-		tt
-	]), nt = I(() => t ? Z : Fe(Pe(Z, A, M, se, N), A, ue), [
+		We,
+		V,
+		nt
+	]), Z = M(() => t ? X : Be(ze(X, O, k, ue, A), O, pe), [
+		O,
 		A,
-		N,
 		t,
-		Z,
-		M,
-		ue,
-		se
-	]), Q = I(() => new Map(Z.map((e) => [A.getId(e), e])), [A, Z]), rt = q.flatMap((e) => {
-		let t = Q.get(e) ?? Qe.get(e);
+		X,
+		k,
+		pe,
+		ue
+	]), Q = M(() => new Map(X.map((e) => [O.getId(e), e])), [O, X]), rt = K.flatMap((e) => {
+		let t = Q.get(e) ?? $e.get(e);
 		return t === void 0 ? [] : [t];
 	});
-	F(() => {
-		for (let e of Y.current.keys()) Ye.has(e) || Y.current.delete(e);
-		for (let e of q) {
+	Ee(() => {
+		for (let e of J.current.keys()) Xe.has(e) || J.current.delete(e);
+		for (let e of K) {
 			let t = Q.get(e);
-			t !== void 0 && Y.current.set(e, t);
+			t !== void 0 && J.current.set(e, t);
 		}
 	}, [
 		Q,
-		q,
-		Ye
+		K,
+		Xe
 	]);
-	let $ = P((e) => {
+	let $ = j((e) => {
 		let t = [...new Set(e)], n = r === "single" ? t.slice(0, 1) : t;
-		X.current = n, Je || he(n);
+		Y.current = n, Ye || ve(n);
 		let i = n.flatMap((e) => {
-			let t = Q.get(e) ?? Y.current.get(e);
-			return t === void 0 ? [] : (Y.current.set(e, t), [t]);
+			let t = Q.get(e) ?? J.current.get(e);
+			return t === void 0 ? [] : (J.current.set(e, t), [t]);
 		});
-		$e(new Map(i.map((e) => [A.getId(e), e]))), o?.(n, i);
+		et(new Map(i.map((e) => [O.getId(e), e]))), o?.(n, i);
 	}, [
-		A,
-		Je,
+		O,
+		Ye,
 		o,
 		Q,
 		r
-	]), it = P((e) => {
-		if (!Q.has(e) && !Y.current.has(e)) return;
+	]), it = j((e) => {
+		if (!Q.has(e) && !J.current.has(e)) return;
 		if (r === "single") {
 			$([e]);
 			return;
 		}
-		let t = new Set(X.current);
+		let t = new Set(Y.current);
 		t.has(e) ? t.delete(e) : t.add(e), $([...t]);
 	}, [
 		$,
 		Q,
 		r
-	]), at = P(() => $([]), [$]), ot = P(() => $([...X.current, ...nt.map(A.getId)]), [
-		A,
+	]), at = j(() => $([]), [$]), ot = j(() => $([...Y.current, ...Z.map(O.getId)]), [
+		O,
 		$,
-		nt
-	]), st = P(() => {
-		let e = new Set(nt.map(A.getId));
-		$(X.current.filter((t) => !e.has(t)));
+		Z
+	]), st = j(() => {
+		let e = new Set(Z.map(O.getId));
+		$(Y.current.filter((t) => !e.has(t)));
 	}, [
-		A,
+		O,
 		$,
-		nt
-	]), ct = P(() => {
-		oe(""), ce("all"), le("all");
+		Z
+	]), ct = j(() => {
+		le(""), de("all"), fe("all");
 	}, [
+		fe,
 		le,
-		oe,
-		ce
-	]), lt = P((e) => {
-		if (J.current) return;
+		de
+	]), lt = j((e) => {
+		if (q.current) return;
 		let t = e.map((e) => {
-			let t = Ae(e);
-			return t && Xe.current.add(t), {
-				id: `staged-${++et.current}`,
+			let t = Fe(e);
+			return t && Ze.current.add(t), {
+				id: `staged-${++tt.current}`,
 				file: e,
 				name: e.name,
 				size: e.size,
-				type: ke(e),
+				type: Pe(e),
 				src: t,
 				progress: 0,
 				status: "staged"
 			};
 		});
-		G((e) => [...e, ...t]);
-	}, []), ut = P((e) => {
-		J.current || G((t) => {
+		U((e) => [...e, ...t]);
+	}, []), ut = j((e) => {
+		q.current || U((t) => {
 			let n = t.find((t) => t.id === e);
-			return n?.src && (je(n.src), Xe.current.delete(n.src)), t.filter((t) => t.id !== e);
+			return n?.src && (Ie(n.src), Ze.current.delete(n.src)), t.filter((t) => t.id !== e);
 		});
-	}, []), dt = P(() => {
-		J.current || G((e) => {
-			for (let t of e) t.src && (je(t.src), Xe.current.delete(t.src));
+	}, []), dt = j(() => {
+		q.current || U((e) => {
+			for (let t of e) t.src && (Ie(t.src), Ze.current.delete(t.src));
 			return [];
 		});
-	}, []), ft = P((e) => {
-		qe((t) => ({
+	}, []), ft = j((e) => {
+		G((t) => ({
 			...t,
 			...e
 		}));
-	}, [qe]), pt = P((e, t) => {
-		G((n) => n.map((n) => n.id === e ? {
+	}, [G]), pt = j((e, t) => {
+		U((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, []), mt = P(async () => {
-		if (!u || J.current || Ue.length === 0) return;
+	}, []), mt = j(async () => {
+		if (!u || q.current || H.length === 0) return;
 		let e = new AbortController();
-		J.current = e, V(null), Ge(!0), G((e) => e.map((e) => ({
+		q.current = e, F(null), qe(!0), U((e) => e.map((e) => ({
 			...e,
 			status: "uploading",
 			progress: 0,
 			error: void 0
 		})));
-		let n = /* @__PURE__ */ new Set(), i = new Set(Ue.map((e) => e.id)), a = () => !e.signal.aborted && J.current === e, o = {
-			files: Ue,
+		let n = /* @__PURE__ */ new Set(), i = new Set(H.map((e) => e.id)), a = () => !e.signal.aborted && q.current === e, o = {
+			files: H,
 			signal: e.signal,
 			setProgress: (e, t) => {
 				!a() || !i.has(e) || pt(e, { progress: Number.isFinite(t) ? Math.max(0, Math.min(100, t)) : 0 });
@@ -442,50 +440,50 @@ function Ie({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multi
 			}
 		};
 		try {
-			let a = await u(Ue.map((e) => e.file), K, o);
+			let a = await u(H.map((e) => e.file), W, o);
 			if (e.signal.aborted) return;
 			if (a?.length) {
-				Re((e) => [...a, ...e]);
-				for (let e of a) Y.current.set(A.getId(e), e);
-				let e = a.map((e) => A.getId(e));
-				$(r === "single" ? e.slice(0, 1) : [.../* @__PURE__ */ new Set([...e, ...X.current])]);
+				He((e) => [...a, ...e]);
+				for (let e of a) J.current.set(O.getId(e), e);
+				let e = a.map((e) => O.getId(e));
+				$(r === "single" ? e.slice(0, 1) : [.../* @__PURE__ */ new Set([...e, ...Y.current])]);
 			}
-			for (let e of Ue) !n.has(e.id) && e.src && (je(e.src), Xe.current.delete(e.src));
-			G((e) => e.filter((e) => !i.has(e.id) || n.has(e.id))), t && Oe(), n.size === 0 && ie("library");
+			for (let e of H) !n.has(e.id) && e.src && (Ie(e.src), Ze.current.delete(e.src));
+			U((e) => e.filter((e) => !i.has(e.id) || n.has(e.id))), t && z(), n.size === 0 && oe("library");
 		} catch (t) {
 			if (e.signal.aborted) return;
-			V(t), G((e) => e.map((e) => e.status === "uploading" ? {
+			F(t), U((e) => e.map((e) => e.status === "uploading" ? {
 				...e,
 				status: "error"
 			} : e)), d?.(t);
 		} finally {
-			J.current === e && (J.current = null, Ge(!1));
+			q.current === e && (q.current = null, qe(!1));
 		}
 	}, [
-		A,
+		O,
 		$,
 		d,
 		u,
 		pt,
 		t,
-		Oe,
+		z,
 		r,
-		V,
-		ie,
-		Ue,
-		K
-	]), ht = P(() => {
-		J.current?.abort(), J.current = null, Ge(!1), G((e) => e.map((e) => e.status === "uploading" ? {
+		F,
+		oe,
+		H,
+		W
+	]), ht = j(() => {
+		q.current?.abort(), q.current = null, qe(!1), U((e) => e.map((e) => e.status === "uploading" ? {
 			...e,
 			status: "staged",
 			progress: 0,
 			error: void 0
 		} : e));
-	}, []), gt = P(async (e, t) => {
-		let n = A.getId(e), r = `update:${n}`, i = (Ze.current.get(r) ?? 0) + 1;
-		Ze.current.set(r, i);
-		let a = Ve[n];
-		V(null), He((e) => ({
+	}, []), gt = j(async (e, t) => {
+		let n = O.getId(e), r = `update:${n}`, i = (Qe.current.get(r) ?? 0) + 1;
+		Qe.current.set(r, i);
+		let a = We[n];
+		F(null), Ge((e) => ({
 			...e,
 			[n]: {
 				...e[n],
@@ -495,82 +493,81 @@ function Ie({ items: e = Ce, fetcher: t, accessors: n, selectionMode: r = "multi
 		try {
 			return await s?.(e, t), !0;
 		} catch (e) {
-			return Ze.current.get(r) === i && He((e) => {
+			return Qe.current.get(r) === i && Ge((e) => {
 				let t = { ...e };
 				return a ? t[n] = a : delete t[n], t;
-			}), V(e), d?.(e), !1;
+			}), F(e), d?.(e), !1;
 		}
 	}, [
-		A,
-		Ve,
+		O,
+		We,
 		d,
 		s,
-		V
-	]), _t = P(async (e) => {
-		let t = A.getId(e);
-		V(null);
+		F
+	]), _t = j(async (e) => {
+		let t = O.getId(e);
+		F(null);
 		try {
-			return await l?.(e), Be((e) => new Set(e).add(t)), X.current.includes(t) && $(X.current.filter((e) => e !== t)), !0;
+			return await l?.(e), Ue((e) => new Set(e).add(t)), Y.current.includes(t) && $(Y.current.filter((e) => e !== t)), !0;
 		} catch (e) {
-			return V(e), d?.(e), !1;
+			return F(e), d?.(e), !1;
 		}
 	}, [
-		A,
+		O,
 		$,
 		d,
 		l,
-		V
+		F
 	]);
 	return {
-		tab: re,
-		setTab: ie,
-		view: j,
-		setView: ae,
-		query: M,
-		setQuery: oe,
-		type: se,
-		setType: ce,
-		collection: N,
-		setCollection: le,
-		sort: ue,
-		setSort: de,
-		detailId: fe,
-		setDetailId: pe,
-		items: Z,
-		visibleItems: nt,
-		selectedIds: q,
+		tab: ae,
+		setTab: oe,
+		view: se,
+		setView: ce,
+		query: k,
+		setQuery: le,
+		type: ue,
+		setType: de,
+		collection: A,
+		setCollection: fe,
+		sort: pe,
+		setSort: me,
+		detailId: he,
+		setDetailId: ge,
+		items: X,
+		visibleItems: Z,
+		selectedIds: K,
 		selectedItems: rt,
-		selectedSet: Ye,
+		selectedSet: Xe,
 		toggleSelection: it,
 		clearSelection: at,
 		selectVisible: ot,
 		deselectVisible: st,
 		clearFilters: ct,
-		loading: !!t && be,
-		error: H,
-		fetchError: Te,
-		refetch: Oe,
-		hasFilters: !!M.trim() || se !== "all" || N !== "all",
-		totalCount: t ? ve ?? Z.length : Z.length,
-		filteredCount: nt.length,
-		stagedFiles: Ue,
+		loading: !!t && Ce,
+		error: I,
+		fetchError: L,
+		refetch: z,
+		hasFilters: !!k.trim() || ue !== "all" || A !== "all",
+		totalCount: t ? xe ?? X.length : X.length,
+		filteredCount: Z.length,
+		stagedFiles: H,
 		addFiles: lt,
 		removeStagedFile: ut,
 		clearStagedFiles: dt,
-		uploadOptions: K,
+		uploadOptions: W,
 		updateUploadOptions: ft,
-		uploading: We,
+		uploading: Ke,
 		startUpload: mt,
 		cancelUpload: ht,
 		updateItem: gt,
 		removeItem: _t,
-		accessors: A
+		accessors: O
 	};
 }
-var W = {
+var B = {
 	root: "media-library__root___dutrH",
 	header: "media-library__header___xOECc",
-	headerText: "media-library__headerText___F_nAN",
 	libraryTabs: "media-library__libraryTabs___7wt0y",
 	libraryTabList: "media-library__libraryTabList___HmusU",
 	libraryTabPanel: "media-library__libraryTabPanel___lqGwX",
@@ -622,7 +619,6 @@ var W = {
 	footerSummary: "media-library__footerSummary___7w3rC",
 	footerActions: "media-library__footerActions___SjKR2",
 	gallery: "media-library__gallery___aq6SA",
-	galleryHeader: "media-library__galleryHeader___Ufnxo",
 	galleryActions: "media-library__galleryActions___k9Mbf",
 	galleryList: "media-library__galleryList___OHYD1",
 	galleryItem: "media-library__galleryItem___b3Re2",
@@ -633,124 +629,124 @@ var W = {
 	table: "media-library__table___6E5Zv",
 	tableName: "media-library__tableName___Zk76p",
 	selectionBar: "media-library__selectionBar___uoA0t"
-}, Le = {
-	image: /* @__PURE__ */ B(fe, {}),
-	video: /* @__PURE__ */ B(de, {}),
-	file: /* @__PURE__ */ B(ue, {})
+}, He = {
+	image: /* @__PURE__ */ F(ge, {}),
+	video: /* @__PURE__ */ F(he, {}),
+	file: /* @__PURE__ */ F(me, {})
 };
 //#endregion
 //#region src/components/features/media-library/media-preview.tsx
-function Re({ item: t, accessors: n, className: r }) {
-	let i = n.getSrc(t), a = n.getType(t), o = n.getTint(t), [s, c] = R(!1), [l, u] = se(i);
-	return i !== l && (u(i), c(!1)), i && a === "image" && !s ? /* @__PURE__ */ B("img", {
+function V({ item: t, accessors: n, className: r }) {
+	let i = n.getSrc(t), a = n.getType(t), o = n.getTint(t), [s, c] = P(!1), [l, u] = de(i);
+	return i !== l && (u(i), c(!1)), i && a === "image" && !s ? /* @__PURE__ */ F("img", {
 		src: i,
 		alt: n.getAlt(t) ?? "",
 		loading: "lazy",
-		className: e("media-preview--component", W.preview, r),
+		className: e("media-preview--component", B.preview, r),
 		onError: () => c(!0)
-	}) : /* @__PURE__ */ B("span", {
+	}) : /* @__PURE__ */ F("span", {
 		"data-tinted": o ? "" : void 0,
-		className: e("media-preview--component", W.preview, W.previewFallback, r),
+		className: e("media-preview--component", B.preview, B.previewFallback, r),
 		style: o ? { "--media-tint": o } : void 0,
-		children: Le[a]
+		children: He[a]
 	});
 }
 //#endregion
 //#region src/components/features/media-library/media-library-detail.tsx
-function ze({ item: t, collections: i = [], accessors: o, strings: s, onClose: c, onUpdate: l, onRemove: f, renderDetail: p }) {
-	let h = x(H, s), g = () => ({
+function Ue({ item: t, collections: i = [], accessors: o, strings: s, onClose: c, onUpdate: l, onRemove: d, renderDetail: p }) {
+	let m = te(L, s), g = () => ({
 		alt: t ? o.getAlt(t) ?? "" : "",
 		collection: t ? o.getCollection(t) ?? "" : "",
 		tags: t ? o.getTags(t) : [],
 		public: t ? o.getPublic(t) ?? !1 : !1
-	}), _ = t ? o.getId(t) : null, [v, y] = R(g), [C, ee] = R(_), [w, T] = R(null), [E, D] = R(null), O = L(!0), k = L(null), te = L(null);
-	if (F(() => {
+	}), _ = t ? o.getId(t) : null, [v, y] = P(g), [ee, ne] = P(_), [S, C] = P(null), [w, T] = P(null), E = N(!0), D = N(null), re = N(null);
+	if (Ee(() => {
 		let e = document.activeElement;
-		return te.current?.focus({ preventScroll: !0 }), te.current?.scrollIntoView?.({
+		return re.current?.focus({ preventScroll: !0 }), re.current?.scrollIntoView?.({
 			block: "start",
 			behavior: "instant"
 		}), () => {
 			e instanceof HTMLElement && e.isConnected && e.focus();
 		};
-	}, [_]), F(() => (O.current = !0, () => {
-		O.current = !1, k.current = null;
-	}), [_]), _ !== C && (ee(_), y(g()), T(null), D(null)), !t) return null;
-	let ne = g(), A = JSON.stringify(ne) !== JSON.stringify(v), j = (e) => {
+	}, [_]), Ee(() => (E.current = !0, () => {
+		E.current = !1, D.current = null;
+	}), [_]), _ !== ee && (ne(_), y(g()), C(null), T(null)), !t) return null;
+	let ie = g(), O = JSON.stringify(ie) !== JSON.stringify(v), ae = (e) => {
 		y((t) => ({
 			...t,
 			...e
-		})), D(null);
-	}, M = async (e) => {
-		if (k.current) return;
+		})), T(null);
+	}, ce = async (e) => {
+		if (D.current) return;
 		let t = Symbol(e);
-		k.current = t, T(e), D(null);
+		D.current = t, C(e), T(null);
 		try {
 			let n = e === "save" ? await l({
 				...v,
 				collection: v.collection || void 0
-			}) : await f();
-			if (!O.current || k.current !== t) return;
-			n ? e === "delete" ? c() : D("saved") : D(e === "save" ? "saveFailed" : "deleteFailed");
+			}) : await d();
+			if (!E.current || D.current !== t) return;
+			n ? e === "delete" ? c() : T("saved") : T(e === "save" ? "saveFailed" : "deleteFailed");
 		} catch {
-			O.current && k.current === t && D(e === "save" ? "saveFailed" : "deleteFailed");
+			E.current && D.current === t && T(e === "save" ? "saveFailed" : "deleteFailed");
 		} finally {
-			O.current && k.current === t && (k.current = null, T(null));
+			E.current && D.current === t && (D.current = null, C(null));
 		}
-	}, oe = o.getName(t);
-	return /* @__PURE__ */ B("aside", {
-		ref: te,
+	}, le = o.getName(t);
+	return /* @__PURE__ */ F("aside", {
+		ref: re,
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			e.key === "Escape" && !e.defaultPrevented && (e.stopPropagation(), c());
 		},
-		"aria-label": oe,
+		"aria-label": le,
 		"data-slot": "media-library-detail",
-		className: e("media-library-detail-panel--component", "media-library-detail--component", W.detail),
+		className: e("media-library-detail-panel--component", "media-library-detail--component", B.detail),
 		children: p ? p(t, {
 			accessors: o,
 			update: l,
-			remove: f,
+			remove: d,
 			close: c
-		}) : /* @__PURE__ */ V(z, { children: [
-			/* @__PURE__ */ V("div", {
-				className: W.detailHeader,
-				children: [/* @__PURE__ */ B(n, {
+		}) : /* @__PURE__ */ I(De, { children: [
+			/* @__PURE__ */ I("div", {
+				className: B.detailHeader,
+				children: [/* @__PURE__ */ F(n, {
 					weight: "semibold",
 					truncate: !0,
-					title: oe,
-					children: oe
-				}), /* @__PURE__ */ B(u, {
+					title: le,
+					children: le
+				}), /* @__PURE__ */ F(u, {
 					tone: "neutral",
 					buttonStyle: "ghost",
 					iconOnly: !0,
-					"aria-label": h.close,
+					"aria-label": m.close,
 					onClick: c,
-					children: /* @__PURE__ */ B(xe, {})
+					children: /* @__PURE__ */ F(Te, {})
 				})]
 			}),
-			/* @__PURE__ */ V("div", {
-				className: W.detailBody,
+			/* @__PURE__ */ I("div", {
+				className: B.detailBody,
 				children: [
-					/* @__PURE__ */ B(Re, {
+					/* @__PURE__ */ F(V, {
 						item: t,
 						accessors: o,
-						className: W.detailPreview
+						className: B.detailPreview
 					}),
-					/* @__PURE__ */ B(d, {
+					/* @__PURE__ */ F(f, {
 						layout: "rows",
 						columns: 1,
 						items: [
 							{
 								id: "type",
-								label: h.detail.type,
-								value: h.types[o.getType(t)]
+								label: m.detail.type,
+								value: m.types[o.getType(t)]
 							},
 							{
 								id: "size",
-								label: h.detail.size,
+								label: m.detail.size,
 								value: o.getSize(t) === void 0 ? void 0 : {
 									value: o.getSize(t),
-									display: /* @__PURE__ */ B(m, {
+									display: /* @__PURE__ */ F(h, {
 										value: o.getSize(t),
 										size: "inherit",
 										type: "inherit"
@@ -759,12 +755,12 @@ function ze({ item: t, collections: i = [], accessors: o, strings: s, onClose: c
 							},
 							{
 								id: "dimensions",
-								label: h.detail.dimensions,
-								value: U(t, o) || void 0
+								label: m.detail.dimensions,
+								value: z(t, o) || void 0
 							},
 							{
 								id: "uploaded",
-								label: h.detail.uploaded,
+								label: m.detail.uploaded,
 								value: o.getUploadedAt(t) === void 0 ? void 0 : {
 									kind: "date",
 									value: o.getUploadedAt(t)
@@ -772,86 +768,86 @@ function ze({ item: t, collections: i = [], accessors: o, strings: s, onClose: c
 							},
 							{
 								id: "usage",
-								label: h.table.usage,
+								label: m.table.usage,
 								value: o.getUsageCount(t)
 							}
 						]
 					}),
-					o.getType(t) === "image" && /* @__PURE__ */ B(b, {
-						label: h.detail.altLabel,
-						children: /* @__PURE__ */ B(S, {
+					o.getType(t) === "image" && /* @__PURE__ */ F(b, {
+						label: m.detail.altLabel,
+						children: /* @__PURE__ */ F(x, {
 							value: v.alt,
 							rows: 2,
-							disabled: !!w,
-							placeholder: h.detail.altPlaceholder,
-							onChange: (e) => j({ alt: e.target.value })
+							disabled: !!S,
+							placeholder: m.detail.altPlaceholder,
+							onChange: (e) => ae({ alt: e.target.value })
 						})
 					}),
-					i.length > 0 && /* @__PURE__ */ B(b, {
-						label: h.detail.collectionLabel,
-						children: /* @__PURE__ */ B(ie, {
+					i.length > 0 && /* @__PURE__ */ F(b, {
+						label: m.detail.collectionLabel,
+						children: /* @__PURE__ */ F(se, {
 							value: v.collection,
-							disabled: !!w,
+							disabled: !!S,
 							options: i.map((e) => ({
 								value: e.value,
 								label: typeof e.label == "string" ? e.label : e.value
 							})),
-							onValueChange: (e) => j({ collection: e ?? "" })
+							onValueChange: (e) => ae({ collection: e ?? "" })
 						})
 					}),
-					/* @__PURE__ */ B(b, {
-						label: h.detail.tagsLabel,
-						children: /* @__PURE__ */ B(ae, {
+					/* @__PURE__ */ F(b, {
+						label: m.detail.tagsLabel,
+						children: /* @__PURE__ */ F(k, {
 							value: v.tags,
-							disabled: !!w,
-							onValueChange: (e) => j({ tags: e }),
-							placeholder: h.detail.tagsPlaceholder
+							disabled: !!S,
+							onValueChange: (e) => ae({ tags: e }),
+							placeholder: m.detail.tagsPlaceholder
 						})
 					}),
-					/* @__PURE__ */ B(re, {
-						label: h.detail.publicLabel,
-						description: h.detail.publicDescription,
-						disabled: !!w,
+					/* @__PURE__ */ F(oe, {
+						label: m.detail.publicLabel,
+						description: m.detail.publicDescription,
+						disabled: !!S,
 						value: v.public,
-						onValueChange: (e) => j({ public: e })
+						onValueChange: (e) => ae({ public: e })
 					}),
-					E === "saveFailed" || E === "deleteFailed" ? /* @__PURE__ */ B(a, {
+					w === "saveFailed" || w === "deleteFailed" ? /* @__PURE__ */ F(a, {
 						tone: "destructive",
 						role: "alert",
-						children: /* @__PURE__ */ B(r, { children: h.detail[E] })
-					}) : /* @__PURE__ */ B(n, {
+						children: /* @__PURE__ */ F(r, { children: m.detail[w] })
+					}) : /* @__PURE__ */ F(n, {
 						size: "xs",
 						type: "secondary",
 						role: "status",
-						children: w ? w === "save" ? h.detail.saving : h.detail.deleting : E === "saved" ? h.detail.saved : A ? h.detail.unsaved : null
+						children: S ? S === "save" ? m.detail.saving : m.detail.deleting : w === "saved" ? m.detail.saved : O ? m.detail.unsaved : null
 					})
 				]
 			}),
-			/* @__PURE__ */ V("div", {
-				className: W.detailFooter,
+			/* @__PURE__ */ I("div", {
+				className: B.detailFooter,
 				children: [
-					/* @__PURE__ */ V(u, {
+					/* @__PURE__ */ I(u, {
 						tone: "destructive",
 						buttonStyle: "ghost",
-						loading: w === "delete",
-						disabled: !!w,
-						onClick: () => void M("delete"),
-						children: [/* @__PURE__ */ B(be, {}), h.detail.delete]
+						loading: S === "delete",
+						disabled: !!S,
+						onClick: () => void ce("delete"),
+						children: [/* @__PURE__ */ F(we, {}), m.detail.delete]
 					}),
-					A && /* @__PURE__ */ B(u, {
+					O && /* @__PURE__ */ F(u, {
 						tone: "neutral",
 						buttonStyle: "ghost",
-						disabled: !!w,
+						disabled: !!S,
 						onClick: () => {
-							y(ne), D(null);
+							y(ie), T(null);
 						},
-						children: h.detail.reset
+						children: m.detail.reset
 					}),
-					/* @__PURE__ */ B(u, {
-						loading: w === "save",
-						disabled: !!w,
-						onClick: () => void M("save"),
-						children: h.detail.save
+					/* @__PURE__ */ F(u, {
+						loading: S === "save",
+						disabled: !!S,
+						onClick: () => void ce("save"),
+						children: m.detail.save
 					})
 				]
 			})
@@ -860,17 +856,17 @@ function ze({ item: t, collections: i = [], accessors: o, strings: s, onClose: c
 }
 //#endregion
 //#region src/components/features/media-library/media-library-parts.tsx
-function Be(e, t) {
+function We(e, t) {
 	return t.types[e];
 }
-function Ve({ label: t, options: n, value: r, onValueChange: i, role: a = "group", className: o }) {
-	return /* @__PURE__ */ B("div", {
+function Ge({ label: t, options: n, value: r, onValueChange: i, role: a = "group", className: o }) {
+	return /* @__PURE__ */ F("div", {
 		role: a,
 		"aria-label": t,
-		className: e(W.segmented, o),
+		className: e(B.segmented, o),
 		children: n.map((e) => {
 			let t = e.value === r;
-			return /* @__PURE__ */ V(u, {
+			return /* @__PURE__ */ I(u, {
 				type: "button",
 				tone: "neutral",
 				buttonStyle: "ghost",
@@ -880,79 +876,79 @@ function Ve({ label: t, options: n, value: r, onValueChange: i, role: a = "group
 				"aria-pressed": a === "group" ? t : void 0,
 				"aria-label": e.iconOnly ? String(e.label) : void 0,
 				"data-active": t || void 0,
-				className: W.segment,
+				className: B.segment,
 				onClick: () => i(e.value),
 				children: [e.icon, !e.iconOnly && e.label]
 			}, e.value);
 		})
 	});
 }
-function He({ title: t, description: n, icon: r, action: i, className: a }) {
-	return /* @__PURE__ */ B(s, {
+function H({ title: t, description: n, icon: r, action: i, className: a }) {
+	return /* @__PURE__ */ F(s, {
 		title: t,
 		description: n ?? !1,
-		media: r ?? /* @__PURE__ */ B(fe, {}),
+		media: r ?? /* @__PURE__ */ F(ge, {}),
 		mediaVariant: "icon-soft",
 		padding: "md",
 		border: !0,
 		action: i,
-		className: e("media-library-empty-state--component", W.emptyState, a)
+		className: e("media-library-empty-state--component", B.emptyState, a)
 	});
 }
-function Ue({ query: t, onQueryChange: r, type: i, onTypeChange: a, typeFilters: o, collection: s, onCollectionChange: c, collections: l, sort: d, onSortChange: f, view: p, onViewChange: m, hasFilters: h, onClearFilters: g, strings: _, end: y, className: b }) {
-	let S = t.trim(), ee = x(H, _);
-	return /* @__PURE__ */ V("div", {
-		className: e("media-library-toolbar--component", W.toolbar, b),
-		children: [/* @__PURE__ */ V("div", {
-			className: W.toolbarPrimary,
-			children: [/* @__PURE__ */ V("div", {
-				className: W.toolbarSearch,
-				children: [/* @__PURE__ */ B(C, {
+function U({ query: t, onQueryChange: r, type: i, onTypeChange: a, typeFilters: o, collection: s, onCollectionChange: c, collections: l, sort: d, onSortChange: f, view: p, onViewChange: m, hasFilters: h, onClearFilters: g, strings: _, end: v, className: ee }) {
+	let b = t.trim(), x = te(L, _);
+	return /* @__PURE__ */ I("div", {
+		className: e("media-library-toolbar--component", B.toolbar, ee),
+		children: [/* @__PURE__ */ I("div", {
+			className: B.toolbarPrimary,
+			children: [/* @__PURE__ */ I("div", {
+				className: B.toolbarSearch,
+				children: [/* @__PURE__ */ F(ne, {
 					value: t,
 					onChange: (e) => r(e.target.value),
 					placeholder: _.searchPlaceholder,
 					"aria-label": _.searchPlaceholder,
-					startIcon: _e,
+					startIcon: xe,
 					clearable: !0,
 					onClear: () => r(""),
 					strings: { clear: _.clearSearch },
-					"data-active": S ? !0 : void 0,
-					className: W.toolbarField
-				}), !!S && /* @__PURE__ */ B("div", {
-					className: W.toolbarQuery,
-					children: /* @__PURE__ */ V(v, {
-						tone: "info",
+					"data-active": b ? !0 : void 0,
+					className: B.toolbarField
+				}), !!b && /* @__PURE__ */ F("div", {
+					className: B.toolbarQuery,
+					children: /* @__PURE__ */ I(y, {
+						tone: "primary",
 						children: [
-							/* @__PURE__ */ B(_e, { "aria-hidden": !0 }),
+							/* @__PURE__ */ F(xe, { "aria-hidden": !0 }),
 							_.activeSearchLabel,
-							/* @__PURE__ */ B(n, {
+							/* @__PURE__ */ F(n, {
 								size: "inherit",
 								type: "inherit",
 								weight: "normal",
-								className: W.queryTerm,
-								children: S
+								className: B.queryTerm,
+								children: b
 							})
 						]
 					})
 				})]
-			}), o.length > 1 && /* @__PURE__ */ B(Ve, {
+			}), o.length > 1 && /* @__PURE__ */ F(Ge, {
 				role: "tablist",
 				label: _.typeLabel,
 				value: i,
 				onValueChange: (e) => a(e),
 				options: o.map((e) => ({
 					value: e,
-					label: e === "all" ? _.types.all : Be(e, _),
-					icon: e === "all" ? void 0 : Le[e]
+					label: e === "all" ? _.types.all : We(e, _),
+					icon: e === "all" ? void 0 : He[e]
 				})),
-				className: W.toolbarTypes
+				className: B.toolbarTypes
 			})]
-		}), /* @__PURE__ */ V("div", {
-			className: W.toolbarSecondary,
-			children: [/* @__PURE__ */ V("div", {
-				className: W.toolbarFilters,
+		}), /* @__PURE__ */ I("div", {
+			className: B.toolbarSecondary,
+			children: [/* @__PURE__ */ I("div", {
+				className: B.toolbarFilters,
 				children: [
-					l.length > 0 && /* @__PURE__ */ B(ie, {
+					l.length > 0 && /* @__PURE__ */ F(se, {
 						"aria-label": _.collectionLabel,
 						value: s,
 						options: [{
@@ -963,9 +959,9 @@ function Ue({ query: t, onQueryChange: r, type: i, onTypeChange: a, typeFilters:
 							label: typeof e.label == "string" ? e.label : e.value
 						}))],
 						onValueChange: (e) => e && c(e),
-						className: W.toolbarSelect
+						className: B.toolbarSelect
 					}),
-					/* @__PURE__ */ B(ie, {
+					/* @__PURE__ */ F(se, {
 						"aria-label": _.sortLabel,
 						value: d,
 						options: [
@@ -987,9 +983,9 @@ function Ue({ query: t, onQueryChange: r, type: i, onTypeChange: a, typeFilters:
 							}
 						],
 						onValueChange: (e) => e && f(e),
-						className: W.toolbarSelect
+						className: B.toolbarSelect
 					}),
-					h && /* @__PURE__ */ B(u, {
+					h && /* @__PURE__ */ F(u, {
 						type: "button",
 						tone: "neutral",
 						buttonStyle: "ghost",
@@ -997,9 +993,9 @@ function Ue({ query: t, onQueryChange: r, type: i, onTypeChange: a, typeFilters:
 						children: _.clearFilters
 					})
 				]
-			}), /* @__PURE__ */ V("div", {
-				className: W.toolbarEnd,
-				children: [y, /* @__PURE__ */ B(Ve, {
+			}), /* @__PURE__ */ I("div", {
+				className: B.toolbarEnd,
+				children: [v, /* @__PURE__ */ F(Ge, {
 					label: _.viewLabel,
 					value: p,
 					onValueChange: (e) => m(e),
@@ -1007,19 +1003,19 @@ function Ue({ query: t, onQueryChange: r, type: i, onTypeChange: a, typeFilters:
 						{
 							value: "grid",
 							label: _.views.grid,
-							icon: /* @__PURE__ */ B(pe, {}),
+							icon: /* @__PURE__ */ F(_e, {}),
 							iconOnly: !0
 						},
 						{
 							value: "list",
-							label: ee.views.list,
-							icon: /* @__PURE__ */ B(me, {}),
+							label: x.views.list,
+							icon: /* @__PURE__ */ F(ve, {}),
 							iconOnly: !0
 						},
 						{
 							value: "table",
 							label: _.views.table,
-							icon: /* @__PURE__ */ B(ye, {}),
+							icon: /* @__PURE__ */ F(Ce, {}),
 							iconOnly: !0
 						}
 					]
@@ -1028,49 +1024,49 @@ function Ue({ query: t, onQueryChange: r, type: i, onTypeChange: a, typeFilters:
 		})]
 	});
 }
-function G({ item: t, selected: r = !1, density: i = "comfortable", showMeta: a = !0, accessors: o, strings: s, onToggle: c, onDetails: l, className: d }) {
-	let f = o.getName(t), p = o.getSize(t), m = U(t, o);
-	return /* @__PURE__ */ V("div", {
+function Ke({ item: t, selected: r = !1, density: i = "comfortable", showMeta: a = !0, accessors: o, strings: s, onToggle: c, onDetails: l, className: d }) {
+	let f = o.getName(t), p = o.getSize(t), m = z(t, o);
+	return /* @__PURE__ */ I("div", {
 		"data-selected": r || void 0,
 		"data-media-density": i,
-		className: e("media-library-card--component", W.card, d),
+		className: e("media-library-card--component", B.card, d),
 		children: [
-			/* @__PURE__ */ V("span", {
-				className: W.cardTileWrap,
-				children: [/* @__PURE__ */ B("button", {
+			/* @__PURE__ */ I("span", {
+				className: B.cardTileWrap,
+				children: [/* @__PURE__ */ F("button", {
 					type: "button",
-					className: W.cardTile,
+					className: B.cardTile,
 					"aria-pressed": r,
-					"aria-label": (s.assetAction ?? H.assetAction)(r ? s.deselect : s.select, f),
+					"aria-label": (s.assetAction ?? L.assetAction)(r ? s.deselect : s.select, f),
 					onClick: c,
-					children: /* @__PURE__ */ B(Re, {
+					children: /* @__PURE__ */ F(V, {
 						item: t,
 						accessors: o
 					})
-				}), /* @__PURE__ */ B("span", {
+				}), /* @__PURE__ */ F("span", {
 					"aria-hidden": !0,
 					"data-selected": r || void 0,
-					className: W.cardCheck,
-					children: r && /* @__PURE__ */ B(ce, {})
+					className: B.cardCheck,
+					children: r && /* @__PURE__ */ F(A, {})
 				})]
 			}),
-			/* @__PURE__ */ V("div", {
-				className: W.cardBody,
-				children: [/* @__PURE__ */ B(n, {
+			/* @__PURE__ */ I("div", {
+				className: B.cardBody,
+				children: [/* @__PURE__ */ F(n, {
 					tag: "span",
 					weight: "medium",
 					truncate: !0,
 					title: f,
 					children: f
-				}), a && /* @__PURE__ */ B(n, {
+				}), a && /* @__PURE__ */ F(n, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					truncate: !0,
-					children: [m, p === void 0 ? "" : De(p)].filter(Boolean).join(" · ")
+					children: [m, p === void 0 ? "" : R(p)].filter(Boolean).join(" · ")
 				})]
 			}),
-			!!l && /* @__PURE__ */ B(u, {
+			!!l && /* @__PURE__ */ F(u, {
 				type: "button",
 				tone: "neutral",
 				buttonStyle: "ghost",
@@ -1078,66 +1074,66 @@ function G({ item: t, selected: r = !1, density: i = "comfortable", showMeta: a
 				onClick: (e) => {
 					e.currentTarget.focus(), l();
 				},
-				"aria-label": (s.assetAction ?? H.assetAction)(s.details, f),
-				className: W.cardDetails,
-				children: /* @__PURE__ */ B(he, {})
+				"aria-label": (s.assetAction ?? L.assetAction)(s.details, f),
+				className: B.cardDetails,
+				children: /* @__PURE__ */ F(ye, {})
 			})
 		]
 	});
 }
-function We({ items: t, selectedSet: r, accessors: i, strings: a, onToggle: o, onDetails: s }) {
-	return /* @__PURE__ */ B("ul", {
-		className: e("media-library-list--component", W.list),
+function qe({ items: t, selectedSet: r, accessors: i, strings: a, onToggle: o, onDetails: s }) {
+	return /* @__PURE__ */ F("ul", {
+		className: e("media-library-list--component", B.list),
 		children: t.map((e) => {
 			let t = i.getId(e), c = i.getName(e), l = r.has(t);
-			return /* @__PURE__ */ B("li", { children: /* @__PURE__ */ V("div", {
+			return /* @__PURE__ */ F("li", { children: /* @__PURE__ */ I("div", {
 				"data-selected": l || void 0,
-				className: W.row,
+				className: B.row,
 				children: [
-					/* @__PURE__ */ B(j, {
+					/* @__PURE__ */ F(ce, {
 						checked: l,
-						"aria-label": (a.assetAction ?? H.assetAction)(l ? a.deselect : a.select, c),
+						"aria-label": (a.assetAction ?? L.assetAction)(l ? a.deselect : a.select, c),
 						onChange: () => o(t)
 					}),
-					/* @__PURE__ */ V("button", {
+					/* @__PURE__ */ I("button", {
 						type: "button",
-						className: W.rowMain,
-						"aria-label": (a.assetAction ?? H.assetAction)(a.details, c),
+						className: B.rowMain,
+						"aria-label": (a.assetAction ?? L.assetAction)(a.details, c),
 						onClick: (e) => {
 							e.currentTarget.focus(), s(t);
 						},
-						children: [/* @__PURE__ */ B(Re, {
+						children: [/* @__PURE__ */ F(V, {
 							item: e,
 							accessors: i,
-							className: W.rowPreview
-						}), /* @__PURE__ */ V("span", {
-							className: W.rowBody,
-							children: [/* @__PURE__ */ B(n, {
+							className: B.rowPreview
+						}), /* @__PURE__ */ I("span", {
+							className: B.rowBody,
+							children: [/* @__PURE__ */ F(n, {
 								tag: "span",
 								weight: "medium",
 								truncate: !0,
 								children: c
-							}), /* @__PURE__ */ B(n, {
+							}), /* @__PURE__ */ F(n, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								children: [
-									Be(i.getType(e), a),
-									U(e, i),
+									We(i.getType(e), a),
+									z(e, i),
 									i.getCollection(e)
 								].filter(Boolean).join(" · ")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ B("span", {
-						className: W.rowSize,
-						children: /* @__PURE__ */ B(m, {
+					/* @__PURE__ */ F("span", {
+						className: B.rowSize,
+						children: /* @__PURE__ */ F(h, {
 							value: i.getSize(e),
 							size: "xs",
 							type: "secondary"
 						})
 					}),
-					/* @__PURE__ */ B(u, {
+					/* @__PURE__ */ F(u, {
 						type: "button",
 						tone: "neutral",
 						buttonStyle: "ghost",
@@ -1151,11 +1147,11 @@ function We({ items: t, selectedSet: r, accessors: i, strings: a, onToggle: o, o
 		})
 	});
 }
-function Ge({ stagedFiles: r, uploading: i, uploadOptions: a, collections: o = [], strings: l, onAddFiles: d, onRemoveFile: p, onClear: h, onOptionsChange: g, onStart: _, onCancel: v, empty: x, showActions: S = !0 }) {
-	return /* @__PURE__ */ V("div", {
-		className: e("media-library-upload--component", W.upload),
+function Je({ stagedFiles: r, uploading: i, uploadOptions: a, collections: o = [], strings: l, onAddFiles: d, onRemoveFile: f, onClear: m, onOptionsChange: g, onStart: _, onCancel: v, empty: y, showActions: te = !0 }) {
+	return /* @__PURE__ */ I("div", {
+		className: e("media-library-upload--component", B.upload),
 		children: [
-			/* @__PURE__ */ B(y, {
+			/* @__PURE__ */ F(ee, {
 				multiple: !0,
 				disabled: i,
 				onDrop: d,
@@ -1164,14 +1160,14 @@ function Ge({ stagedFiles: r, uploading: i, uploadOptions: a, collections: o = [
 					helper: l.upload.dropDescription
 				}
 			}),
-			/* @__PURE__ */ V("section", {
-				className: W.uploadOptions,
-				children: [/* @__PURE__ */ B(t, { children: l.upload.optionsTitle }), /* @__PURE__ */ V("div", {
-					className: W.uploadOptionsGrid,
+			/* @__PURE__ */ I("section", {
+				className: B.uploadOptions,
+				children: [/* @__PURE__ */ F(t, { children: l.upload.optionsTitle }), /* @__PURE__ */ I("div", {
+					className: B.uploadOptionsGrid,
 					children: [
-						o.length > 0 && /* @__PURE__ */ B(b, {
+						o.length > 0 && /* @__PURE__ */ F(b, {
 							label: l.detail.collectionLabel,
-							children: /* @__PURE__ */ B(ie, {
+							children: /* @__PURE__ */ F(se, {
 								disabled: i,
 								value: a.collection ?? "",
 								options: o.map((e) => ({
@@ -1181,16 +1177,16 @@ function Ge({ stagedFiles: r, uploading: i, uploadOptions: a, collections: o = [
 								onValueChange: (e) => g({ collection: e || void 0 })
 							})
 						}),
-						/* @__PURE__ */ B(b, {
+						/* @__PURE__ */ F(b, {
 							label: l.detail.tagsLabel,
-							children: /* @__PURE__ */ B(ae, {
+							children: /* @__PURE__ */ F(k, {
 								disabled: i,
 								value: a.tags,
 								onValueChange: (e) => g({ tags: e }),
 								placeholder: l.detail.tagsPlaceholder
 							})
 						}),
-						/* @__PURE__ */ B(re, {
+						/* @__PURE__ */ F(oe, {
 							disabled: i,
 							label: l.detail.publicLabel,
 							description: l.detail.publicDescription,
@@ -1200,73 +1196,73 @@ function Ge({ stagedFiles: r, uploading: i, uploadOptions: a, collections: o = [
 					]
 				})]
 			}),
-			r.length === 0 ? x ?? /* @__PURE__ */ B(s, {
+			r.length === 0 ? y ?? /* @__PURE__ */ F(s, {
 				title: l.upload.emptyTitle,
 				description: l.upload.emptyDescription,
 				padding: "md"
-			}) : /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("ul", {
-				className: W.stagedList,
-				children: r.map((e) => /* @__PURE__ */ V("li", {
-					className: W.staged,
+			}) : /* @__PURE__ */ I(De, { children: [/* @__PURE__ */ F("ul", {
+				className: B.stagedList,
+				children: r.map((e) => /* @__PURE__ */ I("li", {
+					className: B.staged,
 					children: [
-						/* @__PURE__ */ B("span", {
-							className: W.stagedIcon,
-							children: Le[e.type]
+						/* @__PURE__ */ F("span", {
+							className: B.stagedIcon,
+							children: He[e.type]
 						}),
-						/* @__PURE__ */ V("span", {
-							className: W.stagedBody,
-							children: [/* @__PURE__ */ B(n, {
+						/* @__PURE__ */ I("span", {
+							className: B.stagedBody,
+							children: [/* @__PURE__ */ F(n, {
 								tag: "span",
 								weight: "medium",
 								truncate: !0,
 								children: e.name
-							}), e.status === "error" ? /* @__PURE__ */ B(n, {
+							}), e.status === "error" ? /* @__PURE__ */ F(n, {
 								tag: "span",
 								size: "xs",
 								type: "error",
 								children: e.error ?? l.upload.failed
-							}) : e.status === "uploading" ? /* @__PURE__ */ B(c, {
+							}) : e.status === "uploading" ? /* @__PURE__ */ F(c, {
 								value: e.progress,
 								"aria-label": e.name
-							}) : /* @__PURE__ */ B(m, {
+							}) : /* @__PURE__ */ F(h, {
 								value: e.size,
 								size: "xs",
 								type: "secondary"
 							})]
 						}),
-						/* @__PURE__ */ B(u, {
+						/* @__PURE__ */ F(u, {
 							type: "button",
 							tone: "neutral",
 							buttonStyle: "ghost",
 							iconOnly: !0,
 							"aria-label": `${l.upload.remove}: ${e.name}`,
 							disabled: i,
-							onClick: () => p(e.id),
-							children: /* @__PURE__ */ B(xe, {})
+							onClick: () => f(e.id),
+							children: /* @__PURE__ */ F(Te, {})
 						})
 					]
 				}, e.id))
-			}), S && /* @__PURE__ */ V("div", {
-				className: W.uploadActions,
-				children: [/* @__PURE__ */ B(n, {
+			}), te && /* @__PURE__ */ I("div", {
+				className: B.uploadActions,
+				children: [/* @__PURE__ */ F(n, {
 					type: "secondary",
 					children: l.upload.staged(r.length)
-				}), /* @__PURE__ */ V(f, {
+				}), /* @__PURE__ */ I(p, {
 					direction: "horizontal",
 					gap: "md",
-					children: [i ? /* @__PURE__ */ B(u, {
+					children: [i ? /* @__PURE__ */ F(u, {
 						type: "button",
 						tone: "neutral",
 						buttonStyle: "outline",
 						onClick: v,
 						children: l.upload.cancel
-					}) : /* @__PURE__ */ B(u, {
+					}) : /* @__PURE__ */ F(u, {
 						type: "button",
 						tone: "neutral",
 						buttonStyle: "ghost",
-						onClick: h,
+						onClick: m,
 						children: l.upload.clear
-					}), /* @__PURE__ */ B(u, {
+					}), /* @__PURE__ */ F(u, {
 						type: "button",
 						loading: i,
 						onClick: _,
@@ -1277,61 +1273,58 @@ function Ge({ stagedFiles: r, uploading: i, uploadOptions: a, collections: o = [
 		]
 	});
 }
-function Ke({ tab: t, selectedIds: r, selectionMode: i, stagedFiles: a, strings: o, visibleCount: s, totalCount: c, onClearSelection: l, className: d }) {
-	let f = t === "upload" ? /* @__PURE__ */ B(n, {
+function W({ tab: t, selectedIds: r, selectionMode: i, stagedFiles: a, strings: o, visibleCount: s, totalCount: c, onClearSelection: l, className: d }) {
+	let f = t === "upload" ? /* @__PURE__ */ F(n, {
 		size: "xs",
 		type: "secondary",
-		children: a.length === 0 ? o.footer.noFiles : o.footer.stagedSummary(a.length, De(a.reduce((e, t) => e + t.size, 0)))
-	}) : r.length > 0 ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(n, {
-		weight: "semibold",
-		children: o.selectedCount(r.length)
-	}), !!l && /* @__PURE__ */ B(u, {
+		children: a.length === 0 ? o.footer.noFiles : o.footer.stagedSummary(a.length, R(a.reduce((e, t) => e + t.size, 0)))
+	}) : r.length > 0 ? /* @__PURE__ */ I(De, { children: [/* @__PURE__ */ F(n, { children: o.selectedCount(r.length) }), !!l && /* @__PURE__ */ F(u, {
 		type: "button",
 		tone: "neutral",
 		buttonStyle: "ghost",
 		onClick: l,
 		children: o.clearSelection
-	})] }) : s !== void 0 && c !== void 0 && s !== c ? /* @__PURE__ */ B(n, {
+	})] }) : s !== void 0 && c !== void 0 && s !== c ? /* @__PURE__ */ F(n, {
 		size: "xs",
 		type: "secondary",
 		children: o.showingCount(s, c)
-	}) : /* @__PURE__ */ B(n, {
+	}) : /* @__PURE__ */ F(n, {
 		size: "xs",
 		type: "secondary",
 		children: i === "single" ? o.footer.pickOne : o.footer.pickMany
 	});
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ F("div", {
 		"aria-live": "polite",
-		className: e("media-library-footer-summary--component", W.footerSummary, d),
+		className: e("media-library-footer-summary--component", B.footerSummary, d),
 		children: f
 	});
 }
-function K({ tab: t, selectedIds: n, selectedItems: r, stagedFiles: i, uploading: a = !1, strings: o, confirmLabel: s, cancelLabel: c, onCancel: l, onConfirm: d, onUpload: f, onCancelUpload: p, className: m }) {
-	let h = e("media-library-footer-actions--component", W.footerActions, m);
-	return t === "upload" ? /* @__PURE__ */ V("div", {
+function G({ tab: t, selectedIds: n, selectedItems: r, stagedFiles: i, uploading: a = !1, strings: o, confirmLabel: s, cancelLabel: c, onCancel: l, onConfirm: d, onUpload: f, onCancelUpload: p, className: m }) {
+	let h = e("media-library-footer-actions--component", B.footerActions, m);
+	return t === "upload" ? /* @__PURE__ */ I("div", {
 		className: h,
-		children: [/* @__PURE__ */ B(u, {
+		children: [/* @__PURE__ */ F(u, {
 			type: "button",
 			tone: "neutral",
 			buttonStyle: "ghost",
 			onClick: p,
 			children: a ? o.upload.cancel : c ?? o.cancel
-		}), /* @__PURE__ */ B(u, {
+		}), /* @__PURE__ */ F(u, {
 			type: "button",
 			disabled: i.length === 0 || a,
 			loading: a,
 			onClick: f,
 			children: o.footer.uploadStaged(i.length)
 		})]
-	}) : /* @__PURE__ */ V("div", {
+	}) : /* @__PURE__ */ I("div", {
 		className: h,
-		children: [/* @__PURE__ */ B(u, {
+		children: [/* @__PURE__ */ F(u, {
 			type: "button",
 			tone: "neutral",
 			buttonStyle: "outline",
 			onClick: l,
 			children: a ? o.upload.cancel : c ?? o.cancel
-		}), /* @__PURE__ */ B(u, {
+		}), /* @__PURE__ */ F(u, {
 			type: "button",
 			disabled: n.length === 0 || r.length !== n.length,
 			onClick: d,
@@ -1339,11 +1332,11 @@ function K({ tab: t, selectedIds: n, selectedItems: r, stagedFiles: i, uploading
 		})]
 	});
 }
-function qe({ tab: t, selectedItems: n, selectedIds: r, selectionMode: i, stagedFiles: a, uploading: o, strings: s, visibleCount: c, totalCount: l, confirmLabel: u, cancelLabel: d, onCancel: f, onConfirm: p, onClearSelection: m, onUpload: h, onCancelUpload: g, chrome: _ = "section", className: v }) {
-	return /* @__PURE__ */ V("footer", {
+function Ye({ tab: t, selectedItems: n, selectedIds: r, selectionMode: i, stagedFiles: a, uploading: o, strings: s, visibleCount: c, totalCount: l, confirmLabel: u, cancelLabel: d, onCancel: f, onConfirm: p, onClearSelection: m, onUpload: h, onCancelUpload: g, chrome: _ = "section", className: v }) {
+	return /* @__PURE__ */ I("footer", {
 		"data-chrome": _,
-		className: e("media-library-footer--component", W.footer, v),
-		children: [/* @__PURE__ */ B(Ke, {
+		className: e("media-library-footer--component", B.footer, v),
+		children: [/* @__PURE__ */ F(W, {
 			tab: t,
 			selectedIds: r,
 			selectionMode: i,
@@ -1352,7 +1345,7 @@ function qe({ tab: t, selectedItems: n, selectedIds: r, selectionMode: i, staged
 			visibleCount: c,
 			totalCount: l,
 			onClearSelection: m
-		}), /* @__PURE__ */ B(K, {
+		}), /* @__PURE__ */ F(G, {
 			tab: t,
 			selectedItems: n,
 			selectedIds: r,
@@ -1370,77 +1363,78 @@ function qe({ tab: t, selectedItems: n, selectedIds: r, selectionMode: i, staged
 }
 //#endregion
 //#region src/components/features/media-library/media-library-table.tsx
-function Je({ items: t, selectedSet: r, accessors: i, strings: a, onToggle: o, onDetails: s, className: c, collections: l = [] }) {
-	let d = x(H, a);
-	return /* @__PURE__ */ V(O, {
+function K({ items: t, selectedSet: r, accessors: i, strings: a, onToggle: o, onDetails: s, className: c, collections: l = [] }) {
+	let d = te(L, a);
+	return /* @__PURE__ */ I(D, {
 		"aria-label": d.title,
-		containerClassName: e("media-library-table--component", W.table, c),
-		children: [/* @__PURE__ */ B(ee, { children: /* @__PURE__ */ V(T, { children: [
-			/* @__PURE__ */ B(D, { children: /* @__PURE__ */ B(n, {
+		containerClassName: e("media-library-table--component", B.table, c),
+		children: [/* @__PURE__ */ F(S, { children: /* @__PURE__ */ I(w, { children: [
+			/* @__PURE__ */ F(E, { children: /* @__PURE__ */ F(n, {
 				tag: "span",
 				className: "sr-only",
 				children: d.select
 			}) }),
-			/* @__PURE__ */ B(D, { children: d.table.name }),
-			/* @__PURE__ */ B(D, { children: d.detail.type }),
-			/* @__PURE__ */ B(D, { children: d.table.collection }),
-			/* @__PURE__ */ B(D, {
+			/* @__PURE__ */ F(E, { children: d.table.name }),
+			/* @__PURE__ */ F(E, { children: d.detail.type }),
+			/* @__PURE__ */ F(E, { children: d.table.collection }),
+			/* @__PURE__ */ F(E, {
 				align: "end",
 				children: d.table.size
 			}),
-			/* @__PURE__ */ B(D, { children: d.table.uploaded }),
-			/* @__PURE__ */ B(D, {
+			/* @__PURE__ */ F(E, { children: d.table.uploaded }),
+			/* @__PURE__ */ F(E, {
 				align: "end",
 				children: d.table.usage
 			}),
-			/* @__PURE__ */ B(D, { children: /* @__PURE__ */ B(n, {
+			/* @__PURE__ */ F(E, { children: /* @__PURE__ */ F(n, {
 				tag: "span",
 				className: "sr-only",
 				children: d.table.actions
 			}) })
-		] }) }), /* @__PURE__ */ B(E, { children: t.map((e) => {
+		] }) }), /* @__PURE__ */ F(T, { children: t.map((e) => {
 			let t = i.getId(e), a = i.getName(e), c = r.has(t);
-			return /* @__PURE__ */ V(T, {
+			return /* @__PURE__ */ I(w, {
+				"data-state": c ? "selected" : void 0,
 				"data-selected": c || void 0,
 				children: [
-					/* @__PURE__ */ B(w, { children: /* @__PURE__ */ B(j, {
+					/* @__PURE__ */ F(C, { children: /* @__PURE__ */ F(ce, {
 						checked: c,
 						"aria-label": d.assetAction(c ? d.deselect : d.select, a),
 						onChange: () => o(t)
 					}) }),
-					/* @__PURE__ */ B(w, { children: /* @__PURE__ */ V(u, {
+					/* @__PURE__ */ F(C, { children: /* @__PURE__ */ I(u, {
 						tone: "neutral",
 						buttonStyle: "ghost",
 						onClick: (e) => {
 							e.currentTarget.focus(), s(t);
 						},
-						className: W.tableName,
-						children: [/* @__PURE__ */ B(Re, {
+						className: B.tableName,
+						children: [/* @__PURE__ */ F(V, {
 							item: e,
 							accessors: i,
-							className: W.rowPreview
-						}), /* @__PURE__ */ B(n, {
+							className: B.rowPreview
+						}), /* @__PURE__ */ F(n, {
 							tag: "span",
 							truncate: !0,
 							title: a,
 							children: a
 						})]
 					}) }),
-					/* @__PURE__ */ B(w, { children: /* @__PURE__ */ B(n, {
+					/* @__PURE__ */ F(C, { children: /* @__PURE__ */ F(n, {
 						type: "secondary",
 						children: d.types[i.getType(e)]
 					}) }),
-					/* @__PURE__ */ B(w, { children: /* @__PURE__ */ B(n, { children: l.find((t) => t.value === i.getCollection(e))?.label ?? (i.getCollection(e) || /* @__PURE__ */ B(_, {})) }) }),
-					/* @__PURE__ */ B(w, {
+					/* @__PURE__ */ F(C, { children: /* @__PURE__ */ F(n, { children: l.find((t) => t.value === i.getCollection(e))?.label ?? (i.getCollection(e) || /* @__PURE__ */ F(v, {})) }) }),
+					/* @__PURE__ */ F(C, {
 						align: "end",
-						children: /* @__PURE__ */ B(m, { value: i.getSize(e) })
+						children: /* @__PURE__ */ F(h, { value: i.getSize(e) })
 					}),
-					/* @__PURE__ */ B(w, { children: /* @__PURE__ */ B(h, { value: i.getUploadedAt(e) }) }),
-					/* @__PURE__ */ B(w, {
+					/* @__PURE__ */ F(C, { children: /* @__PURE__ */ F(g, { value: i.getUploadedAt(e) }) }),
+					/* @__PURE__ */ F(C, {
 						align: "end",
-						children: /* @__PURE__ */ B(g, { value: i.getUsageCount(e) })
+						children: /* @__PURE__ */ F(_, { value: i.getUsageCount(e) })
 					}),
-					/* @__PURE__ */ B(w, { children: /* @__PURE__ */ B(u, {
+					/* @__PURE__ */ F(C, { children: /* @__PURE__ */ F(u, {
 						tone: "neutral",
 						buttonStyle: "ghost",
 						"aria-label": d.assetAction(d.details, a),
@@ -1456,20 +1450,20 @@ function Je({ items: t, selectedSet: r, accessors: i, strings: a, onToggle: o, o
 }
 //#endregion
 //#region src/components/features/media-library/media-library-views.tsx
-function q({ items: t, selectedSet: n, accessors: r, strings: i, onToggle: a, onDetails: o, density: s = "comfortable", selectionMode: c = "multiple", showMeta: l = !0, renderItem: u, className: d }) {
-	return /* @__PURE__ */ B("div", {
+function Xe({ items: t, selectedSet: n, accessors: r, strings: i, onToggle: a, onDetails: o, density: s = "comfortable", selectionMode: c = "multiple", showMeta: l = !0, renderItem: u, className: d }) {
+	return /* @__PURE__ */ F("div", {
 		"data-media-density": s,
-		className: e("media-library-grid--component", W.grid, d),
+		className: e("media-library-grid--component", B.grid, d),
 		children: t.map((e) => {
 			let t = r.getId(e), d = n.has(t), f = () => a(t), p = () => o(t);
-			return u ? /* @__PURE__ */ B("div", { children: u(e, {
+			return u ? /* @__PURE__ */ F("div", { children: u(e, {
 				id: t,
 				selected: d,
 				accessors: r,
 				selectionMode: c,
 				toggle: f,
 				openDetails: p
-			}) }, t) : /* @__PURE__ */ B(G, {
+			}) }, t) : /* @__PURE__ */ F(Ke, {
 				item: e,
 				selected: d,
 				density: s,
@@ -1483,18 +1477,18 @@ function q({ items: t, selectedSet: n, accessors: r, strings: i, onToggle: a, on
 		})
 	});
 }
-function Ye({ visibleCount: t, totalCount: r, selectedVisibleCount: i, onSelectVisible: a, onDeselectVisible: o, status: s, disabled: c, strings: l, className: u }) {
-	let d = x(H, l), f = t > 0 && i === t;
-	return /* @__PURE__ */ V("div", {
-		className: e("media-library-selection-bar--component", W.selectionBar, u),
-		children: [/* @__PURE__ */ B(n, {
+function Ze({ visibleCount: t, totalCount: r, selectedVisibleCount: i, onSelectVisible: a, onDeselectVisible: o, status: s, disabled: c, strings: l, className: u }) {
+	let d = te(L, l), f = t > 0 && i === t;
+	return /* @__PURE__ */ I("div", {
+		className: e("media-library-selection-bar--component", B.selectionBar, u),
+		children: [/* @__PURE__ */ F(n, {
 			size: "xs",
 			type: "secondary",
 			role: "status",
 			"aria-live": "polite",
 			"aria-atomic": "true",
 			children: s ?? d.showingCount(t, r)
-		}), a && o && /* @__PURE__ */ B(j, {
+		}), a && o && /* @__PURE__ */ F(ce, {
 			checked: f,
 			indeterminate: !f && i > 0,
 			disabled: c || t === 0,
@@ -1505,269 +1499,261 @@ function Ye({ visibleCount: t, totalCount: r, selectedVisibleCount: i, onSelectV
 }
 //#endregion
 //#region src/components/features/media-library/media-library.tsx
-var Xe = [
+var q = [
 	"all",
 	"image",
 	"video",
 	"file"
 ];
-function J({ title: t, description: s, confirmLabel: c, cancelLabel: d, density: f = "comfortable", showMeta: p = !0, allowUpload: m = !0, typeFilters: h = Xe, confirmOnSelect: g = !1, onConfirm: _, onCancel: v, onClose: y, bulkActions: b, strings: S, slots: C, className: ee, collections: w = [], selectionMode: T = "multiple", ...E }) {
-	let D = I(() => x(H, S), [S]), { items: O, fetcher: re, accessors: ie, value: j, defaultValue: ae, onValueChange: oe, onItemUpdate: se, applyItemPatch: ce, onItemDelete: N, onUpload: le, onError: ue, tab: de, defaultTab: fe, onTabChange: pe, view: me, defaultView: he, onViewChange: ge, query: _e, defaultQuery: ve, onQueryChange: ye, type: be, defaultType: xe, onTypeChange: P, collection: F, defaultCollection: L, onCollectionChange: R, sort: z, defaultSort: Se, onSortChange: Ce, uploadOptions: we, defaultUploadOptions: Te, onUploadOptionsChange: Ee, ...De } = E, U = Ie({
-		items: O,
-		fetcher: re,
-		accessors: ie,
-		value: j,
-		defaultValue: ae,
-		onValueChange: oe,
-		onItemUpdate: se,
-		applyItemPatch: ce,
-		onItemDelete: N,
-		onUpload: le,
-		onError: ue,
-		tab: de,
-		defaultTab: fe,
-		onTabChange: pe,
-		view: me,
-		defaultView: he,
-		onViewChange: ge,
-		query: _e,
-		defaultQuery: ve,
-		onQueryChange: ye,
-		type: be,
-		defaultType: xe,
-		onTypeChange: P,
-		collection: F,
-		defaultCollection: L,
-		onCollectionChange: R,
-		sort: z,
-		defaultSort: Se,
-		onSortChange: Ce,
-		uploadOptions: we,
-		defaultUploadOptions: Te,
-		onUploadOptionsChange: Ee,
-		collections: w,
-		selectionMode: T
-	}), { tab: Oe, setTab: ke, view: Ae, setView: je, query: Me, setQuery: Ne, type: Pe, setType: Fe, collection: Le, setCollection: Re, sort: Be, setSort: Ve, detailId: G, setDetailId: Ke, visibleItems: K, selectedIds: J, selectedItems: Ze, selectedSet: Y, toggleSelection: Qe, clearSelection: $e, clearFilters: X, loading: et, hasFilters: tt, totalCount: Z, filteredCount: nt, accessors: Q, fetchError: rt, refetch: $ } = U, it = I(() => U.items.find((e) => Q.getId(e) === G) ?? null, [
+function Qe({ title: t, description: n, confirmLabel: s, cancelLabel: c, density: f = "comfortable", showMeta: p = !0, allowUpload: m = !0, typeFilters: h = q, confirmOnSelect: g = !1, onConfirm: _, onCancel: v, onClose: y, bulkActions: ee, strings: b, slots: x, className: ne, collections: S = [], selectionMode: C = "multiple", ...w }) {
+	let T = M(() => te(L, b), [b]), { items: E, fetcher: D, accessors: oe, value: se, defaultValue: ce, onValueChange: k, onItemUpdate: ue, applyItemPatch: de, onItemDelete: A, onUpload: fe, onError: pe, tab: me, defaultTab: he, onTabChange: ge, view: _e, defaultView: ve, onViewChange: ye, query: be, defaultQuery: xe, onQueryChange: Se, type: Ce, defaultType: we, onTypeChange: Te, collection: j, defaultCollection: Ee, onCollectionChange: N, sort: P, defaultSort: De, onSortChange: Oe, uploadOptions: ke, defaultUploadOptions: Ae, onUploadOptionsChange: je, ...Me } = w, R = Ve({
+		items: E,
+		fetcher: D,
+		accessors: oe,
+		value: se,
+		defaultValue: ce,
+		onValueChange: k,
+		onItemUpdate: ue,
+		applyItemPatch: de,
+		onItemDelete: A,
+		onUpload: fe,
+		onError: pe,
+		tab: me,
+		defaultTab: he,
+		onTabChange: ge,
+		view: _e,
+		defaultView: ve,
+		onViewChange: ye,
+		query: be,
+		defaultQuery: xe,
+		onQueryChange: Se,
+		type: Ce,
+		defaultType: we,
+		onTypeChange: Te,
+		collection: j,
+		defaultCollection: Ee,
+		onCollectionChange: N,
+		sort: P,
+		defaultSort: De,
+		onSortChange: Oe,
+		uploadOptions: ke,
+		defaultUploadOptions: Ae,
+		onUploadOptionsChange: je,
+		collections: S,
+		selectionMode: C
+	}), { tab: z, setTab: Ne, view: Pe, setView: Fe, query: Ie, setQuery: Le, type: Re, setType: ze, collection: Be, setCollection: He, sort: V, setSort: We, detailId: Ge, setDetailId: Ke, visibleItems: W, selectedIds: G, selectedItems: Qe, selectedSet: J, toggleSelection: $e, clearSelection: et, clearFilters: Y, loading: tt, hasFilters: nt, totalCount: X, filteredCount: Z, accessors: Q, fetchError: rt, refetch: $ } = R, it = M(() => R.items.find((e) => Q.getId(e) === Ge) ?? null, [
 		Q,
-		G,
-		U.items
+		Ge,
+		R.items
 	]), at = !g && !!_, ot = (e) => {
-		if (Qe(e), !g) return;
-		let t = U.items.find((t) => Q.getId(t) === e);
+		if ($e(e), !g) return;
+		let t = R.items.find((t) => Q.getId(t) === e);
 		t && _?.([t], [e]), y?.();
-	}, st = et && K.length === 0 ? C?.loading ?? /* @__PURE__ */ B(o, {
-		label: D.loading,
+	}, st = tt && W.length === 0 ? x?.loading ?? /* @__PURE__ */ F(o, {
+		label: T.loading,
 		"aria-hidden": "true",
 		"aria-live": "off",
-		className: W.emptyState
-	}) : rt && K.length === 0 ? C?.error ?? /* @__PURE__ */ B(l, {
-		title: D.error,
+		className: B.emptyState
+	}) : rt && W.length === 0 ? x?.error ?? /* @__PURE__ */ F(l, {
+		title: T.error,
 		description: !1,
-		className: W.emptyState,
+		className: B.emptyState,
 		onRetry: rt ? $ : void 0,
-		strings: { retry: D.retry }
-	}) : K.length === 0 ? C?.empty ?? /* @__PURE__ */ B(He, {
-		title: tt ? D.emptyFilteredTitle : D.emptyTitle,
-		description: tt ? D.emptyFilteredDescription : D.emptyDescription,
-		action: tt ? /* @__PURE__ */ B(u, {
+		strings: { retry: T.retry }
+	}) : W.length === 0 ? x?.empty ?? /* @__PURE__ */ F(H, {
+		title: nt ? T.emptyFilteredTitle : T.emptyTitle,
+		description: nt ? T.emptyFilteredDescription : T.emptyDescription,
+		action: nt ? /* @__PURE__ */ F(u, {
 			type: "button",
 			tone: "neutral",
 			buttonStyle: "outline",
-			onClick: X,
-			children: D.clearFilters
+			onClick: Y,
+			children: T.clearFilters
 		}) : void 0
-	}) : Ae === "table" || Ae === "list" ? /* @__PURE__ */ B(Ae === "table" ? Je : We, {
-		collections: w,
-		items: K,
-		selectedSet: Y,
-		selectionMode: T,
+	}) : Pe === "table" || Pe === "list" ? /* @__PURE__ */ F(Pe === "table" ? K : qe, {
+		collections: S,
+		items: W,
+		selectedSet: J,
+		selectionMode: C,
 		accessors: Q,
-		strings: D,
+		strings: T,
 		onToggle: ot,
 		onDetails: Ke
-	}) : /* @__PURE__ */ B(q, {
-		items: K,
-		selectedSet: Y,
-		selectionMode: T,
+	}) : /* @__PURE__ */ F(Xe, {
+		items: W,
+		selectedSet: J,
+		selectionMode: C,
 		accessors: Q,
-		strings: D,
+		strings: T,
 		onToggle: ot,
 		onDetails: Ke,
 		density: f,
 		showMeta: p,
-		renderItem: C?.renderItem
-	}), ct = /* @__PURE__ */ V("div", {
-		className: W.browse,
+		renderItem: x?.renderItem
+	}), ct = /* @__PURE__ */ I("div", {
+		className: B.browse,
 		children: [
-			/* @__PURE__ */ B(Ue, {
-				query: Me,
-				onQueryChange: Ne,
-				type: Pe,
-				onTypeChange: Fe,
+			/* @__PURE__ */ F(U, {
+				query: Ie,
+				onQueryChange: Le,
+				type: Re,
+				onTypeChange: ze,
 				typeFilters: h,
-				collection: Le,
-				onCollectionChange: Re,
-				collections: w,
-				sort: Be,
-				onSortChange: Ve,
-				view: Ae,
-				onViewChange: je,
-				hasFilters: tt,
-				onClearFilters: X,
-				strings: D,
-				end: C?.toolbarEnd
+				collection: Be,
+				onCollectionChange: He,
+				collections: S,
+				sort: V,
+				onSortChange: We,
+				view: Pe,
+				onViewChange: Fe,
+				hasFilters: nt,
+				onClearFilters: Y,
+				strings: T,
+				end: x?.toolbarEnd
 			}),
-			/* @__PURE__ */ B(Ye, {
-				visibleCount: nt,
-				totalCount: Z,
-				selectedVisibleCount: K.filter((e) => Y.has(Q.getId(e))).length,
-				onSelectVisible: T === "multiple" ? U.selectVisible : void 0,
-				onDeselectVisible: T === "multiple" ? U.deselectVisible : void 0,
-				disabled: et,
-				status: et ? D.loading : void 0,
-				strings: D
+			/* @__PURE__ */ F(Ze, {
+				visibleCount: Z,
+				totalCount: X,
+				selectedVisibleCount: W.filter((e) => J.has(Q.getId(e))).length,
+				onSelectVisible: C === "multiple" ? R.selectVisible : void 0,
+				onDeselectVisible: C === "multiple" ? R.deselectVisible : void 0,
+				disabled: tt,
+				status: tt ? T.loading : void 0,
+				strings: T
 			}),
-			rt && K.length > 0 ? /* @__PURE__ */ V(a, {
+			rt && W.length > 0 ? /* @__PURE__ */ I(a, {
 				tone: "warning",
 				role: "alert",
-				children: [/* @__PURE__ */ B(r, { children: D.refreshError }), /* @__PURE__ */ B(i, { children: /* @__PURE__ */ B(u, {
+				children: [/* @__PURE__ */ F(r, { children: T.refreshError }), /* @__PURE__ */ F(i, { children: /* @__PURE__ */ F(u, {
 					tone: "neutral",
 					buttonStyle: "outline",
 					onClick: $,
-					children: D.retry
+					children: T.retry
 				}) })]
 			}) : null,
-			/* @__PURE__ */ V("div", {
-				className: W.workspace,
+			/* @__PURE__ */ I("div", {
+				className: B.workspace,
 				"data-detail": it ? "" : void 0,
-				children: [/* @__PURE__ */ B("div", {
-					className: e("media-library--results", W.results),
-					"aria-busy": et,
+				children: [/* @__PURE__ */ F("div", {
+					className: e("media-library--results", B.results),
+					"aria-busy": tt,
 					children: st
-				}), !!it && /* @__PURE__ */ B(ze, {
+				}), !!it && /* @__PURE__ */ F(Ue, {
 					item: it,
-					collections: w,
+					collections: S,
 					accessors: Q,
-					strings: D,
+					strings: T,
 					onClose: () => Ke(null),
-					onUpdate: (e) => U.updateItem(it, e),
-					onRemove: () => U.removeItem(it),
-					renderDetail: C?.renderDetail
-				}, G)]
+					onUpdate: (e) => R.updateItem(it, e),
+					onRemove: () => R.removeItem(it),
+					renderDetail: x?.renderDetail
+				}, Ge)]
 			})
 		]
 	});
-	return /* @__PURE__ */ V("section", {
-		...De,
+	return /* @__PURE__ */ I("section", {
+		...Me,
 		"data-slot": "media-library",
-		className: e("media-library--component", W.root, ee),
+		className: e("media-library--component", B.root, ne),
 		children: [
-			!!(t || s || C?.headerStart || C?.headerEnd) && /* @__PURE__ */ V("header", {
-				className: W.header,
-				children: [/* @__PURE__ */ V("div", {
-					className: W.headerText,
-					children: [
-						C?.headerStart,
-						!!t && /* @__PURE__ */ B(n, {
-							weight: "semibold",
-							children: t
-						}),
-						!!s && /* @__PURE__ */ B(n, {
-							type: "secondary",
-							children: s
-						})
-					]
-				}), C?.headerEnd]
+			!!(t || n || x?.headerStart || x?.headerEnd) && /* @__PURE__ */ I("header", {
+				className: B.header,
+				children: [x?.headerStart, !!(t || n || x?.headerEnd) && /* @__PURE__ */ F(d, {
+					surface: "plain",
+					title: t || void 0,
+					description: n || void 0,
+					headerEnd: x?.headerEnd
+				})]
 			}),
-			m && le ? /* @__PURE__ */ V(ne, {
-				value: Oe,
-				onValueChange: (e) => ke(e),
-				className: W.libraryTabs,
+			m && fe ? /* @__PURE__ */ I(O, {
+				value: z,
+				onValueChange: (e) => Ne(e),
+				className: B.libraryTabs,
 				children: [
-					/* @__PURE__ */ V(k, {
-						className: W.libraryTabList,
-						children: [/* @__PURE__ */ B(A, {
+					/* @__PURE__ */ I(re, {
+						className: B.libraryTabList,
+						children: [/* @__PURE__ */ F(ae, {
 							value: "library",
-							children: D.tabs.library
-						}), /* @__PURE__ */ B(A, {
+							children: T.tabs.library
+						}), /* @__PURE__ */ F(ae, {
 							value: "upload",
-							children: D.tabs.upload
+							children: T.tabs.upload
 						})]
 					}),
-					/* @__PURE__ */ B(te, {
+					/* @__PURE__ */ F(ie, {
 						value: "library",
-						className: W.libraryTabPanel,
+						className: B.libraryTabPanel,
 						children: ct
 					}),
-					/* @__PURE__ */ B(te, {
+					/* @__PURE__ */ F(ie, {
 						value: "upload",
-						className: W.libraryTabPanel,
-						children: /* @__PURE__ */ B(Ge, {
-							stagedFiles: U.stagedFiles,
-							uploading: U.uploading,
-							uploadOptions: U.uploadOptions,
-							collections: w,
-							strings: D,
-							onAddFiles: U.addFiles,
-							onRemoveFile: U.removeStagedFile,
-							onClear: U.clearStagedFiles,
-							onOptionsChange: U.updateUploadOptions,
-							onStart: () => void U.startUpload(),
-							onCancel: U.cancelUpload,
-							empty: C?.uploadEmpty,
+						className: B.libraryTabPanel,
+						children: /* @__PURE__ */ F(Je, {
+							stagedFiles: R.stagedFiles,
+							uploading: R.uploading,
+							uploadOptions: R.uploadOptions,
+							collections: S,
+							strings: T,
+							onAddFiles: R.addFiles,
+							onRemoveFile: R.removeStagedFile,
+							onClear: R.clearStagedFiles,
+							onOptionsChange: R.updateUploadOptions,
+							onStart: () => void R.startUpload(),
+							onCancel: R.cancelUpload,
+							empty: x?.uploadEmpty,
 							showActions: !at
 						})
 					})
 				]
 			}) : ct,
-			C?.footer,
-			!!b && !at && /* @__PURE__ */ B(M, {
-				selectedCount: J.length,
-				totalCount: Z,
-				onClear: $e,
+			x?.footer,
+			!!ee && !at && /* @__PURE__ */ F(le, {
+				selectedCount: G.length,
+				totalCount: X,
+				onClear: et,
 				strings: {
-					summary: (e) => D.selectedCount(e),
-					clear: D.clearSelection
+					summary: (e) => T.selectedCount(e),
+					clear: T.clearSelection
 				},
-				children: b({
-					selectedItems: Ze,
-					selectedIds: J,
-					selectedCount: J.length,
-					visibleCount: nt,
-					totalCount: Z,
-					clearSelection: $e
+				children: ee({
+					selectedItems: Qe,
+					selectedIds: G,
+					selectedCount: G.length,
+					visibleCount: Z,
+					totalCount: X,
+					clearSelection: et
 				})
 			}),
-			at && /* @__PURE__ */ B(qe, {
-				tab: Oe,
-				selectedItems: Ze,
-				selectedIds: J,
-				selectionMode: T,
-				stagedFiles: U.stagedFiles,
-				uploading: U.uploading,
-				strings: D,
-				visibleCount: nt,
-				totalCount: Z,
-				confirmLabel: c,
-				cancelLabel: d,
-				onClearSelection: J.length > 0 ? $e : void 0,
+			at && /* @__PURE__ */ F(Ye, {
+				tab: z,
+				selectedItems: Qe,
+				selectedIds: G,
+				selectionMode: C,
+				stagedFiles: R.stagedFiles,
+				uploading: R.uploading,
+				strings: T,
+				visibleCount: Z,
+				totalCount: X,
+				confirmLabel: s,
+				cancelLabel: c,
+				onClearSelection: G.length > 0 ? et : void 0,
 				onCancel: () => {
 					v?.(), y?.();
 				},
 				onConfirm: () => {
-					_(Ze, J), y?.();
+					_(Qe, G), y?.();
 				},
-				onUpload: () => void U.startUpload(),
+				onUpload: () => void R.startUpload(),
 				onCancelUpload: () => {
-					U.uploading ? U.cancelUpload() : (v?.(), y?.());
+					R.uploading ? R.cancelUpload() : (v?.(), y?.());
 				}
 			})
 		]
 	});
 }
-function Ze({ open: t, onOpenChange: n, trigger: r, dialogTitle: i, dialogDescription: a, dialogClassName: o, contentClassName: s, closeOnEscape: c, closeOnBackdropClick: l, onClose: u, strings: d, ...f }) {
-	let p = x(H, d);
-	return /* @__PURE__ */ B(oe, {
+function J({ open: t, onOpenChange: n, trigger: r, dialogTitle: i, dialogDescription: a, dialogClassName: o, contentClassName: s, closeOnEscape: c, closeOnBackdropClick: l, onClose: u, strings: d, ...f }) {
+	let p = te(L, d);
+	return /* @__PURE__ */ F(ue, {
 		open: t,
 		onOpenChange: n,
 		trigger: r,
@@ -1780,7 +1766,7 @@ function Ze({ open: t, onOpenChange: n, trigger: r, dialogTitle: i, dialogDescri
 		showConfirm: !1,
 		className: e("media-library-dialog--component", o),
 		contentClassName: s,
-		children: /* @__PURE__ */ B(J, {
+		children: /* @__PURE__ */ F(Qe, {
 			...f,
 			strings: d,
 			onClose: () => {
@@ -1791,128 +1777,120 @@ function Ze({ open: t, onOpenChange: n, trigger: r, dialogTitle: i, dialogDescri
 }
 //#endregion
 //#region src/components/features/media-library/media-resource-gallery.tsx
-function Y({ items: t, accessors: r, title: i, description: a, primaryId: o, onPrimaryChange: c, onRemove: l, onReorder: d, onAdd: f, maxItems: p, layout: m = "grid", density: h = "comfortable", readOnly: g = !1, empty: _, action: y, renderItem: b, strings: S, className: C, ...ee }) {
-	let w = x(H, S), T = Ee(r), E = p !== void 0 && t.length >= p, D = !g && !!f && !E, O = (e, n) => {
+function $e({ items: t, accessors: r, title: i, description: a, primaryId: o, onPrimaryChange: c, onRemove: l, onReorder: f, onAdd: p, maxItems: m, layout: h = "grid", density: g = "comfortable", readOnly: _ = !1, empty: v, action: ee, renderItem: b, strings: x, className: ne, ...S }) {
+	let C = te(L, x), w = Me(r), T = m !== void 0 && t.length >= m, E = !_ && !!p && !T, D = (e, n) => {
 		if (n < 0 || n >= t.length) return;
 		let r = [...t], [i] = r.splice(e, 1);
-		i && (r.splice(n, 0, i), d?.(r.map((e) => T.getId(e)), r));
+		i && (r.splice(n, 0, i), f?.(r.map((e) => w.getId(e)), r));
 	};
-	return /* @__PURE__ */ V("section", {
+	return /* @__PURE__ */ I("section", {
 		"data-slot": "media-resource-gallery",
-		className: e("media-resource-gallery--component", W.gallery, C),
-		...ee,
-		children: [!!(i || a || y || D) && /* @__PURE__ */ V("header", {
-			className: W.galleryHeader,
-			children: [/* @__PURE__ */ V("div", {
-				className: W.headerText,
-				children: [!!i && /* @__PURE__ */ B(n, {
-					weight: "semibold",
-					children: i
-				}), !!a && /* @__PURE__ */ B(n, {
-					type: "secondary",
-					children: a
-				})]
-			}), /* @__PURE__ */ V("div", {
-				className: W.galleryActions,
+		className: e("media-resource-gallery--component", B.gallery, ne),
+		...S,
+		children: [!!(i || a || ee || E) && /* @__PURE__ */ F(d, {
+			title: i || void 0,
+			description: a || void 0,
+			headerEnd: /* @__PURE__ */ I("div", {
+				className: B.galleryActions,
 				children: [
-					y,
-					D && /* @__PURE__ */ V(u, {
+					ee,
+					E && /* @__PURE__ */ I(u, {
 						type: "button",
 						tone: "neutral",
 						buttonStyle: "outline",
-						onClick: f,
-						children: [/* @__PURE__ */ B(ge, {}), w.gallery.add]
+						onClick: p,
+						children: [/* @__PURE__ */ F(be, {}), C.gallery.add]
 					}),
-					E && p !== void 0 && /* @__PURE__ */ B(n, {
+					T && m !== void 0 && /* @__PURE__ */ F(n, {
 						size: "xs",
 						type: "secondary",
-						children: w.gallery.limitReached(p)
+						children: C.gallery.limitReached(m)
 					})
 				]
-			})]
-		}), t.length === 0 ? _ ?? /* @__PURE__ */ B(s, {
-			title: w.gallery.emptyTitle,
-			description: w.gallery.emptyDescription,
+			})
+		}), t.length === 0 ? v ?? /* @__PURE__ */ F(s, {
+			title: C.gallery.emptyTitle,
+			description: C.gallery.emptyDescription,
 			padding: "md",
 			border: !0,
-			action: D ? /* @__PURE__ */ B(u, {
+			action: E ? /* @__PURE__ */ F(u, {
 				type: "button",
 				tone: "neutral",
 				buttonStyle: "outline",
-				onClick: f,
-				children: w.gallery.add
+				onClick: p,
+				children: C.gallery.add
 			}) : void 0
-		}) : /* @__PURE__ */ B("ul", {
-			"data-layout": m,
-			"data-media-density": h,
-			className: W.galleryList,
+		}) : /* @__PURE__ */ F("ul", {
+			"data-layout": h,
+			"data-media-density": g,
+			className: B.galleryList,
 			children: t.map((e, n) => {
-				let r = T.getId(e), i = r === o, a = {
+				let r = w.getId(e), i = r === o, a = {
 					id: r,
 					index: n,
 					total: t.length,
 					primary: i,
-					accessors: T,
+					accessors: w,
 					canMovePrevious: n > 0,
 					canMoveNext: n < t.length - 1,
 					setPrimary: () => c?.(r, e),
 					remove: () => l?.(r, e),
-					movePrevious: () => O(n, n - 1),
-					moveNext: () => O(n, n + 1)
+					movePrevious: () => D(n, n - 1),
+					moveNext: () => D(n, n + 1)
 				};
-				return b ? /* @__PURE__ */ B("li", { children: b(e, a) }, r) : /* @__PURE__ */ V("li", {
+				return b ? /* @__PURE__ */ F("li", { children: b(e, a) }, r) : /* @__PURE__ */ I("li", {
 					"data-primary": i || void 0,
-					className: W.galleryItem,
+					className: B.galleryItem,
 					children: [
-						/* @__PURE__ */ B(Re, {
+						/* @__PURE__ */ F(V, {
 							item: e,
-							accessors: T,
-							className: W.galleryPreview
+							accessors: w,
+							className: B.galleryPreview
 						}),
-						i && /* @__PURE__ */ B(v, {
+						i && /* @__PURE__ */ F(y, {
 							tone: "primary",
-							className: W.galleryBadge,
-							children: w.gallery.primary
+							className: B.galleryBadge,
+							children: C.gallery.primary
 						}),
-						!g && /* @__PURE__ */ V("div", {
-							className: W.galleryControls,
+						!_ && /* @__PURE__ */ I("div", {
+							className: B.galleryControls,
 							children: [
-								!!d && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(u, {
+								!!f && /* @__PURE__ */ I(De, { children: [/* @__PURE__ */ F(u, {
 									type: "button",
 									tone: "neutral",
 									buttonStyle: "ghost",
 									iconOnly: !0,
-									"aria-label": w.gallery.moveEarlier,
+									"aria-label": C.gallery.moveEarlier,
 									disabled: !a.canMovePrevious,
 									onClick: a.movePrevious,
-									children: /* @__PURE__ */ B(N, {})
-								}), /* @__PURE__ */ B(u, {
+									children: /* @__PURE__ */ F(fe, {})
+								}), /* @__PURE__ */ F(u, {
 									type: "button",
 									tone: "neutral",
 									buttonStyle: "ghost",
 									iconOnly: !0,
-									"aria-label": w.gallery.moveLater,
+									"aria-label": C.gallery.moveLater,
 									disabled: !a.canMoveNext,
 									onClick: a.moveNext,
-									children: /* @__PURE__ */ B(le, {})
+									children: /* @__PURE__ */ F(pe, {})
 								})] }),
-								!!c && !i && /* @__PURE__ */ B(u, {
+								!!c && !i && /* @__PURE__ */ F(u, {
 									type: "button",
 									tone: "neutral",
 									buttonStyle: "ghost",
 									iconOnly: !0,
-									"aria-label": w.gallery.makePrimary,
+									"aria-label": C.gallery.makePrimary,
 									onClick: a.setPrimary,
-									children: /* @__PURE__ */ B(ve, {})
+									children: /* @__PURE__ */ F(Se, {})
 								}),
-								!!l && /* @__PURE__ */ B(u, {
+								!!l && /* @__PURE__ */ F(u, {
 									type: "button",
 									tone: "neutral",
 									buttonStyle: "ghost",
 									iconOnly: !0,
-									"aria-label": `${w.gallery.remove}: ${T.getName(e)}`,
+									"aria-label": `${C.gallery.remove}: ${w.getName(e)}`,
 									onClick: a.remove,
-									children: /* @__PURE__ */ B(xe, {})
+									children: /* @__PURE__ */ F(Te, {})
 								})
 							]
 						})
@@ -1923,4 +1901,4 @@ function Y({ items: t, accessors: r, title: i, description: a, primaryId: o, onP
 	});
 }
 //#endregion
-export { J as MediaLibrary, G as MediaLibraryCard, ze as MediaLibraryDetailPanel, Ze as MediaLibraryDialog, He as MediaLibraryEmptyState, qe as MediaLibraryFooter, K as MediaLibraryFooterActions, Ke as MediaLibraryFooterSummary, q as MediaLibraryGrid, We as MediaLibraryList, Ye as MediaLibrarySelectionBar, Je as MediaLibraryTable, Ue as MediaLibraryToolbar, Ge as MediaLibraryUploadPanel, Re as MediaPreview, Y as MediaResourceGallery, H as defaultMediaLibraryStrings, De as formatMediaLibrarySize, U as getMediaLibraryDimensions, Ee as resolveMediaLibraryAccessors, Ie as useMediaLibrary };
+export { Qe as MediaLibrary, Ke as MediaLibraryCard, Ue as MediaLibraryDetailPanel, J as MediaLibraryDialog, H as MediaLibraryEmptyState, Ye as MediaLibraryFooter, G as MediaLibraryFooterActions, W as MediaLibraryFooterSummary, Xe as MediaLibraryGrid, qe as MediaLibraryList, Ze as MediaLibrarySelectionBar, K as MediaLibraryTable, U as MediaLibraryToolbar, Je as MediaLibraryUploadPanel, V as MediaPreview, $e as MediaResourceGallery, L as defaultMediaLibraryStrings, R as formatMediaLibrarySize, z as getMediaLibraryDimensions, Me as resolveMediaLibraryAccessors, Ve as useMediaLibrary };