themelia-ui 3.0.0 → 3.2.0

package/dist/features/media-library.js

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