themelia-react-ui 1.0.2 → 2.0.0

package/dist/features/media-library.js

@@ -1,25 +1,25 @@
 "use client";
-import { _ as e, s as t } from "../ui-provider-DRPn3qNl.js";
+import { _ as e, s as t } from "../ui-provider-D2_TeLqw.js";
 import { useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-BvH9PSmq.js";
-import { a as i, r as a } from "../typography-BxQgiZyw.js";
-import { t as o } from "../button-BZDasD04.js";
-import { r as s, t as c } from "../structure-CRdqVawd.js";
-import { i as l } from "../smart-card-DjGVV2xr.js";
-import { n as u, t as d } from "../feedback-CJkUAapr.js";
-import { r as f } from "../overlays-DUbs1KEi.js";
-import { a as p, i as m, t as h } from "../primitives-C7ff0QaI.js";
-import { n as g, t as _ } from "../number-DasMFWEG.js";
-import { t as v } from "../badge-CzId1Wlm.js";
-import { t as y } from "../input-SX9V0AL3.js";
-import { c as b, s as x } from "../choice-inputs-Mk3iWbhr.js";
-import { t as S } from "../form-field-CZwrkP7m.js";
-import { a as C } from "../upload-queue-CNd_hH_a.js";
-import { l as w } from "../data-display-Bihs9Ven.js";
-import { r as T, t as E } from "../control-group-recipes-DBXmfh2E.js";
-import { createContext as D, useCallback as O, useContext as ee, useEffect as k, useMemo as A, useRef as j, useState as M } from "react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { ArrowLeft as I, ArrowRight as te, Check as ne, File as re, Grid2X2 as ie, ImageIcon as L, ImagePlus as ae, Info as R, Layers3 as oe, LayoutList as z, Lock as se, Play as B, Plus as ce, Search as le, Star as ue, Trash2 as de, UploadCloud as fe, Video as pe, X as me } from "lucide-react";
+import { t as r } from "../utils-Cospvlj1.js";
+import { a as i, s as a } from "../typography-CAr3dQhX.js";
+import { t as o } from "../button-BS3KDg00.js";
+import { r as s, t as c } from "../structure-hzCW-XsV.js";
+import { i as l } from "../smart-card-Bek-TwUp.js";
+import { n as u, t as d } from "../feedback-C7nR0UtT.js";
+import { r as f } from "../overlays-DhZO7N-I.js";
+import { a as p, i as m, t as h } from "../primitives-BHrwQXFC.js";
+import { n as g, t as _ } from "../number-CKRBYmZK.js";
+import { t as v } from "../badge-0tATj-tW.js";
+import { t as y } from "../input-DhQdBnV3.js";
+import { t as b } from "../form-field-VZRULhUK.js";
+import { c as x, s as S } from "../choice-inputs-DrJ17tpL.js";
+import { r as C, t as w } from "../control-group-recipes-DBXmfh2E.js";
+import { a as ee } from "../upload-queue-BHZ_wBfd.js";
+import { l as T } from "../data-display-3xWQUnMA.js";
+import { createContext as E, useCallback as D, useContext as te, useEffect as O, useMemo as k, useRef as A, useState as j } from "react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { ArrowLeft as F, ArrowRight as ne, Check as re, File as ie, Grid2X2 as ae, ImageIcon as I, ImagePlus as oe, Info as L, Layers3 as se, LayoutList as R, Lock as z, Play as B, Plus as ce, Search as le, Star as ue, Trash2 as de, UploadCloud as fe, Video as pe, X as me } from "lucide-react";
 import { createPortal as he } from "react-dom";
 //#region src/components/features/media-library/media-library.strings.ts
 var ge = {
@@ -153,8 +153,8 @@ var _e = {
 	public: !0
 }, ve = [];
 function H(e, t, n) {
-	let [r, i] = M(t), a = e ?? r;
-	return [a, O((t) => {
+	let [r, i] = j(t), a = e ?? r;
+	return [a, D((t) => {
 		let r = typeof t == "function" ? t(a) : t;
 		e === void 0 && i(r), n?.(r);
 	}, [
@@ -234,27 +234,27 @@ function ke(e, t, n) {
 	let r = e.slice();
 	return n === "name" ? r.sort((e, n) => t.getName(e).localeCompare(t.getName(n))) : n === "size" ? r.sort((e, n) => (t.getSize(n) ?? 0) - (t.getSize(e) ?? 0)) : n === "usage" ? r.sort((e, n) => (t.getUsageCount(n) ?? 0) - (t.getUsageCount(e) ?? 0)) : r.sort((e, n) => Se(n, t) - Se(e, t)), r;
 }
-function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multiple", value: i, defaultValue: a = [], onValueChange: o, onItemUpdate: s, onItemDelete: c, onUpload: l, onError: u, tab: d, defaultTab: f = "library", onTabChange: p, view: m, defaultView: h = "grid", onViewChange: g, query: _, defaultQuery: v = "", onQueryChange: y, type: b, defaultType: x = "all", onTypeChange: S, collection: C, defaultCollection: w = "all", onCollectionChange: T, sort: E, defaultSort: D = "newest", onSortChange: ee, uploadOptions: N, defaultUploadOptions: P, onUploadOptionsChange: F } = {}) {
-	let I = A(() => be(n), [n]), [te, ne] = H(d, f, p), [re, ie] = H(m, h, g), [L, ae] = H(_, v, y), [R, oe] = H(b, x, S), [z, se] = H(C, w, T), [B, ce] = H(E, D, ee), [le, ue] = M(null), [de, fe] = M(() => [...a]), [pe, me] = M([]), [he, ge] = M(), [V, ye] = M(!1), [xe, U] = M(null), [Se, Ae] = M([]), [je, W] = M(() => /* @__PURE__ */ new Set()), [G, Me] = M({}), [K, q] = M([]), [Ne, Pe] = M(!1), Fe = A(() => ({
-		..._e,
-		...P,
-		tags: P?.tags ?? _e.tags
-	}), [P]), [Ie, Le] = H(A(() => N ? {
+function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multiple", value: i, defaultValue: a = [], onValueChange: o, onItemUpdate: s, onItemDelete: c, onUpload: l, onError: u, tab: d, defaultTab: f = "library", onTabChange: p, view: m, defaultView: h = "grid", onViewChange: g, query: _, defaultQuery: v = "", onQueryChange: y, type: b, defaultType: x = "all", onTypeChange: S, collection: C, defaultCollection: w = "all", onCollectionChange: ee, sort: T, defaultSort: E = "newest", onSortChange: te, uploadOptions: M, defaultUploadOptions: N, onUploadOptionsChange: P } = {}) {
+	let F = k(() => be(n), [n]), [ne, re] = H(d, f, p), [ie, ae] = H(m, h, g), [I, oe] = H(_, v, y), [L, se] = H(b, x, S), [R, z] = H(C, w, ee), [B, ce] = H(T, E, te), [le, ue] = j(null), [de, fe] = j(() => [...a]), [pe, me] = j([]), [he, ge] = j(), [V, ye] = j(!1), [xe, U] = j(null), [Se, Ae] = j([]), [je, W] = j(() => /* @__PURE__ */ new Set()), [G, Me] = j({}), [K, q] = j([]), [Ne, Pe] = j(!1), Fe = k(() => ({
 		..._e,
 		...N,
-		tags: N.tags ?? _e.tags
-	} : void 0, [N]), Fe, F), Re = i !== void 0, J = A(() => Re ? [...i ?? []] : de, [
+		tags: N?.tags ?? _e.tags
+	}), [N]), [Ie, Le] = H(k(() => M ? {
+		..._e,
+		...M,
+		tags: M.tags ?? _e.tags
+	} : void 0, [M]), Fe, P), Re = i !== void 0, J = k(() => Re ? [...i ?? []] : de, [
 		de,
 		Re,
 		i
-	]), Y = A(() => new Set(J), [J]), ze = j(/* @__PURE__ */ new Set()), X = j(null), Be = j(/* @__PURE__ */ new Map());
-	k(() => {
+	]), Y = k(() => new Set(J), [J]), ze = A(/* @__PURE__ */ new Set()), X = A(null), Be = A(/* @__PURE__ */ new Map());
+	O(() => {
 		if (!t) return;
 		let e = new AbortController();
 		return ye(!0), U(null), t({
-			query: L,
-			type: R,
-			collection: z === "all" ? void 0 : z,
+			query: I,
+			type: L,
+			collection: R === "all" ? void 0 : R,
 			sort: B,
 			signal: e.signal
 		}).then((t) => {
@@ -267,13 +267,13 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 			e.signal.aborted || ye(!1);
 		}), () => e.abort();
 	}, [
-		z,
+		R,
 		t,
 		u,
-		L,
+		I,
 		B,
-		R
-	]), k(() => {
+		L
+	]), O(() => {
 		let e = ze.current;
 		return () => {
 			X.current?.abort();
@@ -281,54 +281,54 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 			e.clear();
 		};
 	}, []);
-	let Z = A(() => t ? pe : [...Se, ...e], [
+	let Z = k(() => t ? pe : [...Se, ...e], [
 		Se,
 		pe,
 		t,
 		e
-	]), Q = A(() => Z.filter((e) => !je.has(I.getId(e))).map((e) => De(e, G[I.getId(e)])), [
-		I,
+	]), Q = k(() => Z.filter((e) => !je.has(F.getId(e))).map((e) => De(e, G[F.getId(e)])), [
+		F,
 		G,
 		je,
 		Z
-	]), Ve = A(() => {
-		let e = t ? Q : Oe(Q, I, L, R, z);
-		return t ? e : ke(e, I, B);
+	]), Ve = k(() => {
+		let e = t ? Q : Oe(Q, F, I, L, R);
+		return t ? e : ke(e, F, B);
 	}, [
-		I,
-		z,
+		F,
+		R,
 		t,
 		Q,
-		L,
-		B,
-		R
-	]), He = he ?? Q.length, Ue = Ve.length, We = A(() => Q.filter((e) => Y.has(I.getId(e))), [
 		I,
+		B,
+		L
+	]), He = he ?? Q.length, Ue = Ve.length, We = k(() => Q.filter((e) => Y.has(F.getId(e))), [
+		F,
 		Q,
 		Y
-	]), Ge = !!L.trim() || R !== "all" || z !== "all", $ = O((e) => {
+	]), Ge = !!I.trim() || L !== "all" || R !== "all", $ = D((e) => {
 		Re || fe(e);
-		let t = new Set(e), n = Q.filter((e) => t.has(I.getId(e)));
+		let t = new Set(e), n = Q.filter((e) => t.has(F.getId(e)));
 		o?.(e, n);
 	}, [
-		I,
+		F,
 		Re,
 		o,
 		Q
-	]), Ke = O((e) => {
+	]), Ke = D((e) => {
 		let t = new Set(r === "single" ? [] : Y);
 		Y.has(e) && r !== "single" ? t.delete(e) : t.add(e), $(Array.from(t));
 	}, [
 		$,
 		Y,
 		r
-	]), qe = O(() => $([]), [$]), Je = O(() => {
-		ae(""), oe("all"), se("all");
+	]), qe = D(() => $([]), [$]), Je = D(() => {
+		oe(""), se("all"), z("all");
 	}, [
-		se,
-		ae,
-		oe
-	]), Ye = O((e) => {
+		z,
+		oe,
+		se
+	]), Ye = D((e) => {
 		q((t) => [...t, ...e.map((e, t) => {
 			let n = we(e);
 			return n && ze.current.add(n), {
@@ -342,38 +342,38 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 				status: "staged"
 			};
 		})]);
-	}, []), Xe = O((e) => {
+	}, []), Xe = D((e) => {
 		q((t) => {
 			let n = t.find((t) => t.id === e);
 			return n?.src && (Te(n.src), ze.current.delete(n.src)), t.filter((t) => t.id !== e);
 		});
-	}, []), Ze = O(() => {
+	}, []), Ze = D(() => {
 		q((e) => {
 			for (let t of e) t.src && (Te(t.src), ze.current.delete(t.src));
 			return [];
 		});
-	}, []), Qe = O((e) => {
+	}, []), Qe = D((e) => {
 		Le((t) => ({
 			...t,
 			...e
 		}));
-	}, [Le]), $e = O((e, t) => {
+	}, [Le]), $e = D((e, t) => {
 		q((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
 	}, []);
 	return {
-		tab: te,
-		setTab: ne,
-		view: re,
-		setView: ie,
-		query: L,
-		setQuery: ae,
-		type: R,
-		setType: oe,
-		collection: z,
-		setCollection: se,
+		tab: ne,
+		setTab: re,
+		view: ie,
+		setView: ae,
+		query: I,
+		setQuery: oe,
+		type: L,
+		setType: se,
+		collection: R,
+		setCollection: z,
 		sort: B,
 		setSort: ce,
 		detailId: le,
@@ -398,7 +398,7 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 		updateUploadOptions: Qe,
 		uploadOptions: Ie,
 		uploading: Ne,
-		startUpload: O(async () => {
+		startUpload: D(async () => {
 			if (Ne || K.length === 0) return;
 			let e = new AbortController();
 			X.current?.abort(), X.current = e, U(null), Pe(!0), q((e) => e.map((e) => ({
@@ -427,10 +427,10 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 					progress: 100
 				}))), i?.length) {
 					Ae((e) => [...i, ...e]);
-					let e = i.map((e) => I.getId(e));
+					let e = i.map((e) => F.getId(e));
 					$(r === "single" ? e.slice(0, 1) : Array.from(/* @__PURE__ */ new Set([...e, ...J])));
 				}
-				Ze(), ne("library");
+				Ze(), re("library");
 			} catch (t) {
 				if (e.signal.aborted) return;
 				U(t), q((e) => e.map((e) => e.status === "uploading" ? {
@@ -442,20 +442,20 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 				X.current === e && (X.current = null, Pe(!1));
 			}
 		}, [
-			I,
+			F,
 			$,
 			Ze,
 			u,
 			l,
 			J,
 			r,
-			ne,
+			re,
 			$e,
 			K,
 			Ie,
 			Ne
 		]),
-		cancelUpload: O(() => {
+		cancelUpload: D(() => {
 			X.current?.abort(), X.current = null, Pe(!1), q((e) => e.map((e) => e.status === "uploading" ? {
 				...e,
 				status: "staged",
@@ -463,8 +463,8 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 				error: void 0
 			} : e));
 		}, []),
-		updateItem: O(async (e, t) => {
-			let n = I.getId(e), r = `update:${n}`, i = (Be.current.get(r) ?? 0) + 1;
+		updateItem: D(async (e, t) => {
+			let n = F.getId(e), r = `update:${n}`, i = (Be.current.get(r) ?? 0) + 1;
 			Be.current.set(r, i);
 			let a = G[n];
 			U(null), Me((e) => ({
@@ -483,13 +483,13 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 				}), U(e), u?.(e), !1;
 			}
 		}, [
-			I,
+			F,
 			G,
 			u,
 			s
 		]),
-		removeItem: O(async (e) => {
-			let t = I.getId(e), n = `delete:${t}`, r = (Be.current.get(n) ?? 0) + 1;
+		removeItem: D(async (e) => {
+			let t = F.getId(e), n = `delete:${t}`, r = (Be.current.get(n) ?? 0) + 1;
 			Be.current.set(n, r);
 			let i = je.has(t);
 			U(null), W((e) => new Set(e).add(t));
@@ -502,7 +502,7 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 				}), U(e), u?.(e), !1;
 			}
 		}, [
-			I,
+			F,
 			$,
 			u,
 			c,
@@ -510,14 +510,14 @@ function Ae({ items: e = ve, fetcher: t, accessors: n, selectionMode: r = "multi
 			J,
 			Y
 		]),
-		accessors: I
+		accessors: F
 	};
 }
 //#endregion
 //#region src/components/features/media-library/partials/media-library-partials.tsx
 var je = "absolute inset-0 z-10 box-border block h-full w-full cursor-pointer border-0 bg-transparent p-0 font-sans outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset";
 function W(e, t) {
-	return P(e === "image" ? L : e === "video" ? pe : re, { className: t ?? "size-icon" });
+	return N(e === "image" ? I : e === "video" ? pe : ie, { className: t ?? "size-icon" });
 }
 function G(e, t) {
 	return e === "image" ? t.typeImage : e === "video" ? t.typeVideo : t.typeFile;
@@ -526,20 +526,20 @@ function Me(e, t) {
 	return e ? V(t.usedIn, { count: e }) : t.notUsed;
 }
 function K({ children: e, tint: t, className: n }) {
-	return /* @__PURE__ */ P("div", {
+	return /* @__PURE__ */ N("div", {
 		className: r("media-library-preview relative overflow-hidden bg-muted", n),
 		style: t ? { background: t } : void 0,
 		children: e
 	});
 }
 function q({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
-	let [a, o] = M(!1);
-	return k(() => {
+	let [a, o] = j(!1);
+	return O(() => {
 		o(!1);
-	}, [e]), !e || a ? /* @__PURE__ */ P("div", {
+	}, [e]), !e || a ? /* @__PURE__ */ N("div", {
 		className: "media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground",
 		children: W(n, "size-6")
-	}) : /* @__PURE__ */ P("img", {
+	}) : /* @__PURE__ */ N("img", {
 		src: e,
 		alt: t,
 		loading: i,
@@ -548,11 +548,11 @@ function q({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
 	});
 }
 function Ne({ icon: e, title: t, description: n, action: i, className: a }) {
-	return /* @__PURE__ */ P(w, {
+	return /* @__PURE__ */ N(T, {
 		title: t,
 		description: n ?? !1,
 		actions: i,
-		media: e ?? /* @__PURE__ */ P(L, {
+		media: e ?? /* @__PURE__ */ N(I, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -562,8 +562,8 @@ function Ne({ icon: e, title: t, description: n, action: i, className: a }) {
 		className: r("media-library-empty-state--component min-h-64 bg-muted/20", a)
 	});
 }
-function Pe({ query: n, type: a, typeFilters: s, collection: l, sort: u, view: d, collections: f = [], strings: p, onQueryChange: m, onTypeChange: h, onCollectionChange: g, onSortChange: _, onViewChange: x, onClearFilters: S, toolbarEnd: C }) {
-	let { defaultScale: w } = t(), D = e(void 0, w), O = [
+function Pe({ query: n, type: i, typeFilters: s, collection: l, sort: u, view: d, collections: f = [], strings: p, onQueryChange: m, onTypeChange: h, onCollectionChange: g, onSortChange: _, onViewChange: b, onClearFilters: S, toolbarEnd: ee }) {
+	let { defaultScale: T } = t(), E = e(void 0, T), D = [
 		{
 			value: "all",
 			label: p.allTypes,
@@ -572,7 +572,7 @@ function Pe({ query: n, type: a, typeFilters: s, collection: l, sort: u, view: d
 		{
 			value: "image",
 			label: p.images,
-			icon: L
+			icon: I
 		},
 		{
 			value: "video",
@@ -582,19 +582,19 @@ function Pe({ query: n, type: a, typeFilters: s, collection: l, sort: u, view: d
 		{
 			value: "file",
 			label: p.files,
-			icon: re
+			icon: ie
 		}
 	].filter((e) => (s ?? [
 		"all",
 		"image",
 		"video"
-	]).includes(e.value)), ee = [{
+	]).includes(e.value)), te = [{
 		value: "all",
 		label: p.allCollections
 	}, ...f.map((e) => ({
 		value: e.value,
 		label: String(e.label)
-	}))], k = [
+	}))], O = [
 		{
 			value: "newest",
 			label: p.sortNewest
@@ -611,18 +611,18 @@ function Pe({ query: n, type: a, typeFilters: s, collection: l, sort: u, view: d
 			value: "usage",
 			label: p.sortUsage
 		}
-	], A = n.trim(), j = A.length > 0, M = j || a !== "all" || l !== "all";
-	return /* @__PURE__ */ F(c, {
+	], k = n.trim(), A = k.length > 0, j = A || i !== "all" || l !== "all";
+	return /* @__PURE__ */ P(c, {
 		direction: "horizontal",
 		wrap: !0,
 		align: "start",
 		gap: "md",
 		className: "media-library-toolbar--component",
 		children: [
-			/* @__PURE__ */ F(c, {
+			/* @__PURE__ */ P(c, {
 				gap: "xs",
 				className: "media-library-toolbar--search min-w-52 flex-1",
-				children: [/* @__PURE__ */ P(y, {
+				children: [/* @__PURE__ */ N(y, {
 					value: n,
 					onChange: (e) => m(e.target.value),
 					placeholder: p.searchPlaceholder,
@@ -630,53 +630,46 @@ function Pe({ query: n, type: a, typeFilters: s, collection: l, sort: u, view: d
 					clearable: !0,
 					onClear: () => m(""),
 					strings: { clear: p.clearSearch },
-					className: r("bg-background", j && "border-info/60 bg-info/5 text-foreground shadow-xs ring-1 ring-info/15")
-				}), !!j && /* @__PURE__ */ P(c, {
+					className: "bg-background"
+				}), !!A && /* @__PURE__ */ N(c, {
 					direction: "horizontal",
 					gap: "xs",
 					wrap: !1,
 					className: "media-library-toolbar--search-value px-space-xs",
-					children: /* @__PURE__ */ F(v, {
-						tone: "info",
+					children: /* @__PURE__ */ P(v, {
+						tone: "secondary",
 						className: "max-w-full",
-						children: [
-							/* @__PURE__ */ P(le, {
-								className: "size-icon-sm",
-								"aria-hidden": "true"
-							}),
-							/* @__PURE__ */ P(i, {
-								tag: "span",
-								size: "inherit",
-								className: "text-current",
-								children: p.activeSearchLabel
-							}),
-							/* @__PURE__ */ P(i, {
-								tag: "span",
-								size: "inherit",
-								weight: "normal",
-								className: "min-w-0 truncate text-current",
-								children: A
-							})
-						]
+						children: [/* @__PURE__ */ N(a, {
+							tag: "span",
+							size: "inherit",
+							className: "text-current",
+							children: p.activeSearchLabel
+						}), /* @__PURE__ */ N(a, {
+							tag: "span",
+							size: "inherit",
+							weight: "normal",
+							className: "min-w-0 truncate text-current",
+							children: k
+						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
-				className: r("media-library-toolbar--type-toggle", T.frame, E[D]),
+			/* @__PURE__ */ N("div", {
+				className: r("media-library-toolbar--type-toggle", C.frame, w[E]),
 				role: "tablist",
 				"aria-label": p.typeFilterLabel,
-				children: O.map((e) => {
-					let t = e.icon, n = a === e.value;
-					return /* @__PURE__ */ F(o, {
+				children: D.map((e) => {
+					let t = e.icon, n = i === e.value;
+					return /* @__PURE__ */ P(o, {
 						type: "button",
 						role: "tab",
 						"aria-selected": n,
 						tone: "secondary",
 						buttonStyle: "ghost",
 						size: "sm",
-						className: r(T.item, "shadow-none", n ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
+						className: r(C.item, "shadow-none", n ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 						onClick: () => h(e.value),
-						children: [t && /* @__PURE__ */ P(t, { className: "size-icon-md" }), /* @__PURE__ */ P(i, {
+						children: [t && /* @__PURE__ */ N(t, { className: "size-icon-md" }), /* @__PURE__ */ N(a, {
 							tag: "span",
 							size: "xs",
 							weight: "medium",
@@ -686,72 +679,72 @@ function Pe({ query: n, type: a, typeFilters: s, collection: l, sort: u, view: d
 					}, e.value);
 				})
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "min-w-40",
-				children: /* @__PURE__ */ P(b, {
+				children: /* @__PURE__ */ N(x, {
 					value: l,
-					options: ee,
+					options: te,
 					onValueChange: (e) => g(e ?? "all"),
 					placeholder: p.collectionFilterLabel,
 					"aria-label": p.collectionFilterLabel,
 					className: "bg-background"
 				})
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "min-w-32",
-				children: /* @__PURE__ */ P(b, {
+				children: /* @__PURE__ */ N(x, {
 					value: u,
-					options: k,
+					options: O,
 					onValueChange: (e) => _(e ?? "newest"),
 					placeholder: p.sortLabel,
 					"aria-label": p.sortLabel,
 					className: "bg-background"
 				})
 			}),
-			/* @__PURE__ */ F("div", {
-				className: r("media-library-toolbar--view-toggle ml-auto", T.frame, E[D]),
-				children: [/* @__PURE__ */ P(o, {
+			/* @__PURE__ */ P("div", {
+				className: r("media-library-toolbar--view-toggle ml-auto", C.frame, w[E]),
+				children: [/* @__PURE__ */ N(o, {
 					type: "button",
 					tone: d === "grid" ? "neutral" : "secondary",
 					buttonStyle: d === "grid" ? "solid" : "ghost",
 					size: "sm",
 					iconOnly: !0,
-					className: r(T.item, d === "grid" && "bg-background text-foreground shadow-xs hover:bg-background"),
+					className: r(C.item, d === "grid" && "bg-background text-foreground shadow-xs hover:bg-background"),
 					"aria-label": p.gridView,
-					onClick: () => x("grid"),
-					children: /* @__PURE__ */ P(ie, { className: "size-icon-md" })
-				}), /* @__PURE__ */ P(o, {
+					onClick: () => b("grid"),
+					children: /* @__PURE__ */ N(ae, { className: "size-icon-md" })
+				}), /* @__PURE__ */ N(o, {
 					type: "button",
 					tone: d === "table" ? "neutral" : "secondary",
 					buttonStyle: d === "table" ? "solid" : "ghost",
 					size: "sm",
 					iconOnly: !0,
-					className: r(T.item, d === "table" && "bg-background text-foreground shadow-xs hover:bg-background"),
+					className: r(C.item, d === "table" && "bg-background text-foreground shadow-xs hover:bg-background"),
 					"aria-label": p.tableView,
-					onClick: () => x("table"),
-					children: /* @__PURE__ */ P(z, { className: "size-icon-md" })
+					onClick: () => b("table"),
+					children: /* @__PURE__ */ N(R, { className: "size-icon-md" })
 				})]
 			}),
-			!!M && /* @__PURE__ */ P(o, {
+			!!j && /* @__PURE__ */ N(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: S,
 				children: p.clearFilters
 			}),
-			C
+			ee
 		]
 	});
 }
-function Fe({ item: e, selected: t = !1, density: n = "comfortable", showMeta: a = !0, accessors: l, strings: u, onToggle: d, onDetails: f, className: p }) {
+function Fe({ item: e, selected: t = !1, density: n = "comfortable", showMeta: i = !0, accessors: l, strings: u, onToggle: d, onDetails: f, className: p }) {
 	let h = l.getType(e), g = l.getName(e), _ = l.getSrc(e), y = l.getAlt(e) || g, b = l.getSize(e), x = l.getUsageCount(e), S = l.getPublic(e) === !1, C = l.getDuration(e);
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ P("div", {
 		"data-selected": t || void 0,
 		"data-gallery-density": n,
 		className: r("media-library-card--component relative group/card overflow-hidden rounded-radius border border-border/70 bg-card text-left shadow-xs transition-all", "hover:border-primary/30 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", t && "media-library-card--selected border-primary ring-1 ring-primary", p),
 		onClick: d,
 		children: [
-			!!d && /* @__PURE__ */ P("button", {
+			!!d && /* @__PURE__ */ N("button", {
 				type: "button",
 				"aria-label": g,
 				"aria-pressed": t,
@@ -760,22 +753,22 @@ function Fe({ item: e, selected: t = !1, density: n = "comfortable", showMeta: a
 					e.stopPropagation(), d();
 				}
 			}),
-			/* @__PURE__ */ F(K, {
+			/* @__PURE__ */ P(K, {
 				tint: l.getTint(e),
 				className: r(n === "compact" ? "aspect-square" : "aspect-[4/3]"),
 				children: [
-					/* @__PURE__ */ P(q, {
+					/* @__PURE__ */ N(q, {
 						src: _,
 						alt: y,
 						type: h,
 						className: "size-full object-cover"
 					}),
-					/* @__PURE__ */ P("span", {
-						className: r("media-library-card--check absolute left-2 top-2 inline-flex size-icon-lg items-center justify-center rounded-radius border border-border bg-background/95 text-transparent opacity-0 shadow-xs backdrop-blur transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100", t && "bg-primary text-primary-foreground opacity-100"),
+					/* @__PURE__ */ N("span", {
+						className: r("media-library-card--check absolute left-2 top-2 inline-flex size-icon-lg items-center justify-center rounded-radius border border-border bg-background text-transparent opacity-0 shadow-xs transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100", t && "bg-primary text-primary-foreground opacity-100"),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ P(ne, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ N(re, { className: "size-icon-sm" })
 					}),
-					!!f && /* @__PURE__ */ P(o, {
+					!!f && /* @__PURE__ */ N(o, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "solid",
@@ -786,47 +779,47 @@ function Fe({ item: e, selected: t = !1, density: n = "comfortable", showMeta: a
 						onClick: (e) => {
 							e.stopPropagation(), f();
 						},
-						children: /* @__PURE__ */ P(R, { className: "size-icon-md" })
+						children: /* @__PURE__ */ N(L, { className: "size-icon-md" })
 					}),
-					h === "video" && !!C && /* @__PURE__ */ F(v, {
+					h === "video" && !!C && /* @__PURE__ */ P(v, {
 						tone: "secondary",
 						className: "media-library-card--duration absolute bottom-2 left-2 bg-inverse-background text-inverse-foreground",
-						children: [/* @__PURE__ */ P(B, { className: "size-icon-sm fill-current" }), C]
+						children: [/* @__PURE__ */ N(B, { className: "size-icon-sm fill-current" }), C]
 					}),
-					S && /* @__PURE__ */ P(v, {
+					S && /* @__PURE__ */ N(v, {
 						tone: "secondary",
 						className: "media-library-card--private absolute bottom-2 right-2 bg-card text-card-foreground",
-						children: /* @__PURE__ */ P(se, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ N(z, { className: "size-icon-sm" })
 					})
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: r("media-library-card--body", n === "compact" ? "p-surface-xs" : "p-surface"),
-				children: /* @__PURE__ */ F(s, {
+				children: /* @__PURE__ */ P(s, {
 					columns: 1,
 					gap: "xs",
-					children: [/* @__PURE__ */ P(i, {
+					children: [/* @__PURE__ */ N(a, {
 						tag: "div",
 						weight: "semibold",
 						className: "truncate",
 						children: g
-					}), a && /* @__PURE__ */ F(c, {
+					}), i && /* @__PURE__ */ P(c, {
 						direction: "horizontal",
 						align: "center",
 						justify: "between",
 						gap: "md",
 						className: "min-w-0",
-						children: [/* @__PURE__ */ P(m, {
+						children: [/* @__PURE__ */ N(m, {
 							value: b,
 							size: "xs",
 							className: "truncate",
 							emptyLabel: u.unknownSize
-						}), !!x && /* @__PURE__ */ F(i, {
+						}), !!x && /* @__PURE__ */ P(a, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							className: "inline-flex items-center gap-space-xs",
-							children: [/* @__PURE__ */ P(oe, { className: "size-icon-sm" }), x]
+							children: [/* @__PURE__ */ N(se, { className: "size-icon-sm" }), x]
 						})]
 					})]
 				})
@@ -835,81 +828,81 @@ function Fe({ item: e, selected: t = !1, density: n = "comfortable", showMeta: a
 	});
 }
 function Ie({ items: e, selectedSet: t, accessors: n, strings: s, onToggle: c, onDetails: l }) {
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ P("div", {
 		className: "media-library-list--component min-w-180",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ P("div", {
 			className: "sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border bg-background px-row-x py-row-y",
 			children: [
-				/* @__PURE__ */ P("span", {}),
-				/* @__PURE__ */ P("span", {}),
-				/* @__PURE__ */ P(a, { children: s.table.name }),
-				/* @__PURE__ */ P(a, { children: s.table.type }),
-				/* @__PURE__ */ P(a, { children: s.table.size }),
-				/* @__PURE__ */ P(a, { children: s.table.collection }),
-				/* @__PURE__ */ P(a, { children: s.table.used }),
-				/* @__PURE__ */ P("span", {})
+				/* @__PURE__ */ N("span", {}),
+				/* @__PURE__ */ N("span", {}),
+				/* @__PURE__ */ N(i, { children: s.table.name }),
+				/* @__PURE__ */ N(i, { children: s.table.type }),
+				/* @__PURE__ */ N(i, { children: s.table.size }),
+				/* @__PURE__ */ N(i, { children: s.table.collection }),
+				/* @__PURE__ */ N(i, { children: s.table.used }),
+				/* @__PURE__ */ N("span", {})
 			]
 		}), e.map((e) => {
-			let a = n.getId(e), u = t.has(a), d = n.getType(e), f = n.getName(e), p = n.getSrc(e), h = n.getPublic(e) === !1;
-			return /* @__PURE__ */ F("div", {
+			let i = n.getId(e), u = t.has(i), d = n.getType(e), f = n.getName(e), p = n.getSrc(e), h = n.getPublic(e) === !1;
+			return /* @__PURE__ */ P("div", {
 				"data-selected": u || void 0,
 				className: r("media-library-list--row relative grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-space-lg border-b border-border/60 px-row-x py-row-y last:border-b-0", "cursor-pointer rounded-inner transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", u && "bg-primary/10"),
-				onClick: () => c(a),
+				onClick: () => c(i),
 				children: [
-					/* @__PURE__ */ P("button", {
+					/* @__PURE__ */ N("button", {
 						type: "button",
 						"aria-label": f,
 						"aria-pressed": u,
 						className: r("media-library-list--select rounded-inner", je),
 						onClick: (e) => {
-							e.stopPropagation(), c(a);
+							e.stopPropagation(), c(i);
 						}
 					}),
-					/* @__PURE__ */ P("span", {
+					/* @__PURE__ */ N("span", {
 						className: r("inline-flex size-icon-lg items-center justify-center rounded-radius border border-border text-transparent", u && "border-primary bg-primary text-primary-foreground"),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ P(ne, { className: "size-icon-sm" })
+						children: /* @__PURE__ */ N(re, { className: "size-icon-sm" })
 					}),
-					/* @__PURE__ */ P(K, {
+					/* @__PURE__ */ N(K, {
 						tint: n.getTint(e),
 						className: "size-9 rounded-inner",
-						children: p ? /* @__PURE__ */ P("img", {
+						children: p ? /* @__PURE__ */ N("img", {
 							src: p,
 							alt: "",
 							loading: "lazy",
 							className: "size-full object-cover"
-						}) : /* @__PURE__ */ P("div", {
+						}) : /* @__PURE__ */ N("div", {
 							className: "flex size-full items-center justify-center text-muted-foreground",
 							children: W(d, "size-icon")
 						})
 					}),
-					/* @__PURE__ */ F(i, {
+					/* @__PURE__ */ P(a, {
 						tag: "div",
 						weight: "semibold",
 						className: "flex min-w-0 items-center gap-space-xs truncate",
-						children: [f, h && /* @__PURE__ */ P(se, { className: "size-icon-sm shrink-0 text-muted-foreground" })]
+						children: [f, h && /* @__PURE__ */ N(z, { className: "size-icon-sm shrink-0 text-muted-foreground" })]
 					}),
-					/* @__PURE__ */ P(v, {
+					/* @__PURE__ */ N(v, {
 						tone: "secondary",
 						children: G(d, s)
 					}),
-					/* @__PURE__ */ P(m, {
+					/* @__PURE__ */ N(m, {
 						value: n.getSize(e),
 						size: "xs",
 						emptyLabel: s.unknownSize
 					}),
-					/* @__PURE__ */ P(i, {
+					/* @__PURE__ */ N(a, {
 						size: "xs",
 						type: "secondary",
 						className: "truncate",
-						children: n.getCollection(e) || "-"
+						children: n.getCollection(e) || "—"
 					}),
-					/* @__PURE__ */ P(i, {
+					/* @__PURE__ */ N(a, {
 						size: "xs",
 						type: "secondary",
-						children: n.getUsageCount(e) ? n.getUsageCount(e) : "-"
+						children: n.getUsageCount(e) ? n.getUsageCount(e) : "—"
 					}),
-					/* @__PURE__ */ P(o, {
+					/* @__PURE__ */ N(o, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
@@ -918,100 +911,100 @@ function Ie({ items: e, selectedSet: t, accessors: n, strings: s, onToggle: c, o
 						className: "relative z-20",
 						"aria-label": V(s.cardDetails, { name: f }),
 						onClick: (e) => {
-							e.stopPropagation(), l(a);
+							e.stopPropagation(), l(i);
 						},
-						children: /* @__PURE__ */ P(R, { className: "size-icon-md" })
+						children: /* @__PURE__ */ N(L, { className: "size-icon-md" })
 					})
 				]
-			}, a);
+			}, i);
 		})]
 	});
 }
-function Le({ item: e, collections: t = [], accessors: n, strings: r, onClose: a, onUpdate: l, onRemove: u, onReplace: d, renderDetail: f }) {
+function Le({ item: e, collections: t = [], accessors: n, strings: r, onClose: i, onUpdate: l, onRemove: u, onReplace: d, renderDetail: f }) {
 	if (!e) return null;
-	let p = n.getName(e), g = n.getType(e), _ = n.getSrc(e), C = n.getCollection(e) ?? t[0]?.value ?? "", w = n.getTags(e), T = n.getPublic(e) ?? !0, E = f?.(e, {
+	let p = n.getName(e), g = n.getType(e), _ = n.getSrc(e), C = n.getCollection(e) ?? t[0]?.value ?? "", w = n.getTags(e), ee = n.getPublic(e) ?? !0, T = f?.(e, {
 		accessors: n,
 		update: l,
 		remove: u,
 		replace: d,
-		close: a
+		close: i
 	});
-	return E ? /* @__PURE__ */ P(N, { children: E }) : /* @__PURE__ */ F("aside", {
+	return T ? /* @__PURE__ */ N(M, { children: T }) : /* @__PURE__ */ P("aside", {
 		className: "media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background @2xl/media-library:w-72",
-		children: [/* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "media-library-detail-panel--header border-b border-border p-surface",
-			children: /* @__PURE__ */ F(c, {
+			children: /* @__PURE__ */ P(c, {
 				direction: "horizontal",
 				align: "center",
 				gap: "md",
-				children: [/* @__PURE__ */ P(o, {
+				children: [/* @__PURE__ */ N(o, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
 					"aria-label": r.detail.close,
-					onClick: a,
-					children: /* @__PURE__ */ P(I, { className: "size-icon-md" })
-				}), /* @__PURE__ */ P(i, {
+					onClick: i,
+					children: /* @__PURE__ */ N(F, { className: "size-icon-md" })
+				}), /* @__PURE__ */ N(a, {
 					weight: "semibold",
 					children: r.detail.title
 				})]
 			})
-		}), /* @__PURE__ */ F("div", {
+		}), /* @__PURE__ */ P("div", {
 			className: "media-library-detail-panel--body grid min-h-0 gap-space-xl overflow-y-auto p-surface",
 			children: [
-				/* @__PURE__ */ F(K, {
+				/* @__PURE__ */ P(K, {
 					tint: n.getTint(e),
 					className: "aspect-[4/3] rounded-radius border border-border",
-					children: [/* @__PURE__ */ P(q, {
+					children: [/* @__PURE__ */ N(q, {
 						src: _,
 						alt: n.getAlt(e) || p,
 						type: g,
 						className: "size-full object-cover"
-					}), g === "video" && !!n.getDuration(e) && /* @__PURE__ */ F(v, {
+					}), g === "video" && !!n.getDuration(e) && /* @__PURE__ */ P(v, {
 						className: "absolute bottom-2 right-2 bg-inverse-background text-inverse-foreground",
-						children: [/* @__PURE__ */ P(B, { className: "size-icon-sm fill-current" }), n.getDuration(e)]
+						children: [/* @__PURE__ */ N(B, { className: "size-icon-sm fill-current" }), n.getDuration(e)]
 					})]
 				}),
-				/* @__PURE__ */ P(i, {
+				/* @__PURE__ */ N(a, {
 					tag: "div",
 					weight: "semibold",
 					className: "break-words",
 					children: p
 				}),
-				/* @__PURE__ */ P(s, {
-					render: /* @__PURE__ */ P("dl", {}),
+				/* @__PURE__ */ N(s, {
+					render: /* @__PURE__ */ N("dl", {}),
 					columns: 1,
 					gap: "md",
 					className: "media-library-detail-panel--facts",
 					children: [
 						[r.detail.type, G(g, r)],
-						[r.detail.size, /* @__PURE__ */ P(m, {
+						[r.detail.size, /* @__PURE__ */ N(m, {
 							value: n.getSize(e),
 							weight: "medium",
 							emptyLabel: r.unknownSize
 						})],
-						[r.detail.dimensions, /* @__PURE__ */ P(h, {
+						[r.detail.dimensions, /* @__PURE__ */ N(h, {
 							width: n.getWidth(e),
 							height: n.getHeight(e),
 							weight: "medium",
 							emptyLabel: r.unknownSize
 						})],
-						[r.detail.uploaded, String(n.getUploadedAt(e) ?? "-")],
+						[r.detail.uploaded, String(n.getUploadedAt(e) ?? "—")],
 						[r.detail.usedIn, Me(n.getUsageCount(e), r)]
-					].map(([e, t]) => /* @__PURE__ */ F(c, {
+					].map(([e, t]) => /* @__PURE__ */ P(c, {
 						direction: "horizontal",
 						justify: "between",
 						gap: "xl",
-						children: [/* @__PURE__ */ P("dt", { children: /* @__PURE__ */ P(i, {
+						children: [/* @__PURE__ */ N("dt", { children: /* @__PURE__ */ N(a, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							children: e
-						}) }), /* @__PURE__ */ P("dd", {
+						}) }), /* @__PURE__ */ N("dd", {
 							className: "m-0 text-right",
-							children: typeof t == "string" ? /* @__PURE__ */ P(i, {
+							children: typeof t == "string" ? /* @__PURE__ */ N(a, {
 								tag: "span",
 								weight: "medium",
 								children: t
@@ -1019,17 +1012,17 @@ function Le({ item: e, collections: t = [], accessors: n, strings: r, onClose: a
 						})]
 					}, e))
 				}),
-				/* @__PURE__ */ P(S, {
+				/* @__PURE__ */ N(b, {
 					label: r.detail.altText,
-					children: /* @__PURE__ */ P(y, {
+					children: /* @__PURE__ */ N(y, {
 						value: n.getAlt(e) ?? "",
 						placeholder: r.detail.altPlaceholder,
 						onChange: (e) => l({ alt: e.target.value })
 					})
 				}),
-				/* @__PURE__ */ P(S, {
+				/* @__PURE__ */ N(b, {
 					label: r.detail.collection,
-					children: /* @__PURE__ */ P(b, {
+					children: /* @__PURE__ */ N(x, {
 						value: C,
 						options: t.map((e) => ({
 							value: e.value,
@@ -1039,177 +1032,177 @@ function Le({ item: e, collections: t = [], accessors: n, strings: r, onClose: a
 						onValueChange: (e) => l({ collection: e })
 					})
 				}),
-				/* @__PURE__ */ P(S, {
+				/* @__PURE__ */ N(b, {
 					label: r.detail.tags,
-					children: /* @__PURE__ */ P(y, {
+					children: /* @__PURE__ */ N(y, {
 						value: w.join(", "),
 						placeholder: r.detail.tagsPlaceholder,
 						onChange: (e) => l({ tags: e.target.value.split(",").map((e) => e.trim()).filter(Boolean) })
 					})
 				}),
-				/* @__PURE__ */ P("div", {
-					className: "media-library-detail-panel--public rounded-radius border border-border bg-muted/20 p-surface",
-					children: /* @__PURE__ */ F(c, {
+				/* @__PURE__ */ N("div", {
+					className: "media-library-detail-panel--public",
+					children: /* @__PURE__ */ P(c, {
 						direction: "horizontal",
 						align: "center",
 						justify: "between",
 						gap: "xl",
-						children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(i, {
+						children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N(a, {
 							weight: "semibold",
 							children: r.detail.public
-						}), /* @__PURE__ */ P(i, {
+						}), /* @__PURE__ */ N(a, {
 							size: "xs",
 							type: "secondary",
-							children: T ? r.detail.publicHint : r.detail.privateHint
-						})] }), /* @__PURE__ */ P(x, {
+							children: ee ? r.detail.publicHint : r.detail.privateHint
+						})] }), /* @__PURE__ */ N(S, {
 							"aria-label": r.detail.public,
-							checked: T,
+							checked: ee,
 							onValueChange: (e) => l({ public: e })
 						})]
 					})
 				}),
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ P("div", {
 					className: "media-library-detail-panel--actions flex flex-wrap gap-space-md",
-					children: [d && /* @__PURE__ */ F(o, {
+					children: [d && /* @__PURE__ */ N(o, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "outline",
 						onClick: d,
-						children: [/* @__PURE__ */ P(fe, { className: "size-icon-md" }), r.detail.replace]
-					}), /* @__PURE__ */ F(o, {
+						children: r.detail.replace
+					}), /* @__PURE__ */ N(o, {
 						type: "button",
 						tone: "destructive",
 						buttonStyle: "ghost",
 						onClick: u,
-						children: [/* @__PURE__ */ P(de, { className: "size-icon-md" }), r.detail.delete]
+						children: r.detail.delete
 					})]
 				})
 			]
 		})]
 	});
 }
-function Re({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading: r = !1, strings: a, onFiles: s, onRemoveFile: l, onOptionsChange: u, empty: d }) {
-	return /* @__PURE__ */ P("div", {
+function Re({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading: r = !1, strings: i, onFiles: s, onRemoveFile: l, onOptionsChange: u, empty: d }) {
+	return /* @__PURE__ */ N("div", {
 		className: "media-library-upload-panel--component p-surface",
-		children: /* @__PURE__ */ F(c, {
+		children: /* @__PURE__ */ P(c, {
 			gap: "xl",
 			children: [
-				/* @__PURE__ */ P(C, {
+				/* @__PURE__ */ N(ee, {
 					onDrop: s,
 					accept: "image/*,video/*",
 					multiple: !0,
 					size: "md",
 					strings: {
-						instruction: a.upload.dropTitle,
-						helper: a.upload.dropHint,
-						dragOver: a.upload.dragOver
+						instruction: i.upload.dropTitle,
+						helper: i.upload.dropHint,
+						dragOver: i.upload.dragOver
 					}
 				}),
-				e.length > 0 ? /* @__PURE__ */ P(c, {
+				e.length > 0 ? /* @__PURE__ */ N(c, {
 					gap: "md",
 					className: "media-library-upload-panel--staged",
-					children: e.map((e) => /* @__PURE__ */ F("div", {
+					children: e.map((e) => /* @__PURE__ */ P("div", {
 						className: "media-library-upload-panel--staged-file flex items-center gap-space-lg rounded-radius border border-border bg-card px-row-x py-row-y",
 						children: [
-							/* @__PURE__ */ P(K, {
+							/* @__PURE__ */ N(K, {
 								className: "size-10 rounded-inner",
-								children: e.src ? /* @__PURE__ */ P("img", {
+								children: e.src ? /* @__PURE__ */ N("img", {
 									src: e.src,
 									alt: e.name,
 									className: "size-full object-cover"
-								}) : /* @__PURE__ */ P("div", {
+								}) : /* @__PURE__ */ N("div", {
 									className: "flex size-full items-center justify-center text-muted-foreground",
 									children: W(e.type, "size-icon")
 								})
 							}),
-							/* @__PURE__ */ F("div", {
+							/* @__PURE__ */ P("div", {
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ F("div", {
+									/* @__PURE__ */ P("div", {
 										className: "flex items-baseline gap-space-lg",
-										children: [/* @__PURE__ */ P(i, {
+										children: [/* @__PURE__ */ N(a, {
 											weight: "semibold",
 											className: "truncate",
 											children: e.name
-										}), /* @__PURE__ */ P(m, {
+										}), /* @__PURE__ */ N(m, {
 											value: e.size,
 											size: "xs",
 											className: "ml-auto shrink-0"
 										})]
 									}),
-									(e.status === "uploading" || e.status === "done") && /* @__PURE__ */ P("div", {
+									(e.status === "uploading" || e.status === "done") && /* @__PURE__ */ N("div", {
 										className: "mt-space-md h-1 overflow-hidden rounded-full bg-muted",
-										children: /* @__PURE__ */ P("div", {
+										children: /* @__PURE__ */ N("div", {
 											className: "h-full rounded-full bg-primary transition-[width]",
 											style: { width: `${e.progress}%` }
 										})
 									}),
-									e.status === "error" && /* @__PURE__ */ P(i, {
+									e.status === "error" && /* @__PURE__ */ N(a, {
 										type: "error",
 										children: e.error
 									})
 								]
 							}),
-							e.status === "done" ? /* @__PURE__ */ P(v, {
+							e.status === "done" ? /* @__PURE__ */ N(v, {
 								tone: "success",
-								children: a.upload.done
-							}) : e.status === "uploading" ? /* @__PURE__ */ P(g, {
+								children: i.upload.done
+							}) : e.status === "uploading" ? /* @__PURE__ */ N(g, {
 								value: Math.round(e.progress),
 								scaled: !0,
 								size: "xs",
 								type: "secondary"
-							}) : /* @__PURE__ */ P(o, {
+							}) : /* @__PURE__ */ N(o, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
 								iconOnly: !0,
 								disabled: r,
-								"aria-label": V(a.upload.removeFile, { name: e.name }),
+								"aria-label": V(i.upload.removeFile, { name: e.name }),
 								onClick: () => l(e.id),
-								children: /* @__PURE__ */ P(me, { className: "size-icon-md" })
+								children: /* @__PURE__ */ N(me, { className: "size-icon-md" })
 							})
 						]
 					}, e.id))
 				}) : d,
-				/* @__PURE__ */ F("div", {
-					className: "media-library-upload-panel--options grid gap-space-lg rounded-radius border border-border bg-muted/20 p-surface @2xl/media-library:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]",
+				/* @__PURE__ */ P("div", {
+					className: "media-library-upload-panel--options grid gap-space-lg @2xl/media-library:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]",
 					children: [
-						/* @__PURE__ */ P(S, {
-							label: a.upload.collection,
-							children: /* @__PURE__ */ P(b, {
+						/* @__PURE__ */ N(b, {
+							label: i.upload.collection,
+							children: /* @__PURE__ */ N(x, {
 								value: t.collection ?? n[0]?.value,
 								options: n.map((e) => ({
 									value: e.value,
 									label: String(e.label)
 								})),
-								"aria-label": a.upload.collection,
+								"aria-label": i.upload.collection,
 								onValueChange: (e) => u({ collection: e })
 							})
 						}),
-						/* @__PURE__ */ P(S, {
-							label: a.upload.tags,
-							children: /* @__PURE__ */ P(y, {
+						/* @__PURE__ */ N(b, {
+							label: i.upload.tags,
+							children: /* @__PURE__ */ N(y, {
 								value: t.tags.join(", "),
-								placeholder: a.upload.tagsPlaceholder,
+								placeholder: i.upload.tagsPlaceholder,
 								onChange: (e) => u({ tags: e.target.value.split(",").map((e) => e.trim()).filter(Boolean) })
 							})
 						}),
-						/* @__PURE__ */ F(c, {
+						/* @__PURE__ */ P(c, {
 							direction: "horizontal",
 							align: "center",
 							justify: "between",
 							gap: "xl",
 							className: "@2xl/media-library:self-end",
-							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(i, {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N(a, {
 								weight: "semibold",
-								children: a.upload.public
-							}), /* @__PURE__ */ P(i, {
+								children: i.upload.public
+							}), /* @__PURE__ */ N(a, {
 								size: "xs",
 								type: "secondary",
-								children: a.upload.publicHint
-							})] }), /* @__PURE__ */ P(x, {
-								"aria-label": a.upload.public,
+								children: i.upload.publicHint
+							})] }), /* @__PURE__ */ N(S, {
+								"aria-label": i.upload.public,
 								checked: t.public,
 								onValueChange: (e) => u({ public: e })
 							})]
@@ -1220,12 +1213,12 @@ function Re({ stagedFiles: e, uploadOptions: t, collections: n = [], uploading:
 		})
 	});
 }
-function J({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: a, strings: s, onClearSelection: c, className: l }) {
-	let u = t.length, d = a.reduce((e, t) => e + t.size, 0), f = a.length, m = r("media-library-footer-summary--component flex min-w-0 items-center gap-space-lg", l);
-	return e === "upload" ? /* @__PURE__ */ P("div", {
+function J({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: i, strings: s, onClearSelection: c, className: l }) {
+	let u = t.length, d = i.reduce((e, t) => e + t.size, 0), f = i.length, m = r("media-library-footer-summary--component flex min-w-0 items-center gap-space-lg", l);
+	return e === "upload" ? /* @__PURE__ */ N("div", {
 		className: m,
 		"aria-live": "polite",
-		children: /* @__PURE__ */ P(i, {
+		children: /* @__PURE__ */ N(a, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
@@ -1234,21 +1227,21 @@ function J({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: a, strings:
 				size: p(d) ?? s.unknownSize
 			})
 		})
-	}) : /* @__PURE__ */ P("div", {
+	}) : /* @__PURE__ */ N("div", {
 		className: m,
 		"aria-live": "polite",
-		children: u > 0 ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(i, {
+		children: u > 0 ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(a, {
 			weight: "semibold",
 			className: "whitespace-nowrap",
 			children: V(s.footer.selectedCount, { count: u })
-		}), /* @__PURE__ */ P(o, {
+		}), /* @__PURE__ */ N(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "sm",
 			onClick: c,
 			children: s.footer.clear
-		})] }) : /* @__PURE__ */ P(i, {
+		})] }) : /* @__PURE__ */ N(a, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
@@ -1258,16 +1251,17 @@ function J({ tab: e, selectedIds: t, selectionMode: n, stagedFiles: a, strings:
 }
 function Y({ tab: e, selectedItems: t, selectedIds: n, stagedFiles: i, uploading: a = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onUpload: f, onCancelUpload: p, className: m }) {
 	let h = n.length, g = i.length;
-	return e === "upload" ? /* @__PURE__ */ F("div", {
+	return e === "upload" ? /* @__PURE__ */ P("div", {
 		className: r("media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end", m),
-		children: [/* @__PURE__ */ P(o, {
+		children: [/* @__PURE__ */ N(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			disabled: a,
 			onClick: p,
 			children: l ?? s.footer.cancel
-		}), /* @__PURE__ */ P(o, {
+		}), /* @__PURE__ */ N(o, {
+			tone: "primary",
 			type: "button",
 			disabled: g === 0 || a,
 			onClick: f,
@@ -1275,15 +1269,16 @@ function Y({ tab: e, selectedItems: t, selectedIds: n, stagedFiles: i, uploading
 			strings: { loading: s.footer.uploading },
 			children: g <= 1 ? s.footer.upload : V(s.footer.uploadMany, { count: g })
 		})]
-	}) : /* @__PURE__ */ F("div", {
+	}) : /* @__PURE__ */ P("div", {
 		className: r("media-library-footer-actions--component flex min-w-0 flex-col-reverse gap-space-md @md/media-library:flex-row @md/media-library:justify-end", m),
-		children: [/* @__PURE__ */ P(o, {
+		children: [/* @__PURE__ */ N(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: u,
 			children: l ?? s.footer.cancel
-		}), /* @__PURE__ */ P(o, {
+		}), /* @__PURE__ */ N(o, {
+			tone: "primary",
 			type: "button",
 			disabled: h === 0,
 			onClick: d,
@@ -1292,18 +1287,18 @@ function Y({ tab: e, selectedItems: t, selectedIds: n, stagedFiles: i, uploading
 	});
 }
 function ze({ tab: e, selectedItems: t, selectedIds: n, selectionMode: i, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onClearSelection: f, onUpload: p, onCancelUpload: m, chrome: h = "section", className: g }) {
-	return /* @__PURE__ */ P("footer", {
+	return /* @__PURE__ */ N("footer", {
 		className: r("media-library-footer--component", h === "section" && "border-t border-border bg-background p-surface", g),
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ P("div", {
 			className: "flex min-w-0 flex-col gap-space-lg @md/media-library:flex-row @md/media-library:justify-between",
-			children: [/* @__PURE__ */ P(J, {
+			children: [/* @__PURE__ */ N(J, {
 				tab: e,
 				selectedIds: n,
 				selectionMode: i,
 				stagedFiles: a,
 				strings: s,
 				onClearSelection: f
-			}), /* @__PURE__ */ P(Y, {
+			}), /* @__PURE__ */ N(Y, {
 				tab: e,
 				selectedItems: t,
 				selectedIds: n,
@@ -1322,9 +1317,9 @@ function ze({ tab: e, selectedItems: t, selectedIds: n, selectionMode: i, staged
 }
 //#endregion
 //#region src/components/features/media-library/media-library.tsx
-var X = D(null);
+var X = E(null);
 function Be(e, t, n) {
-	return A(() => {
+	return k(() => {
 		if (e) return e;
 		let r = /* @__PURE__ */ new Set();
 		for (let e of t) {
@@ -1341,21 +1336,21 @@ function Be(e, t, n) {
 		t
 	]);
 }
-function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLabel: m, selectionMode: h = "multiple", density: g = "comfortable", showMeta: v = !0, allowUpload: y = !0, typeFilters: b, confirmOnSelect: x = !1, onConfirm: S, onCancel: C, onClose: w, strings: D, slots: O, heightClassName: k, className: A, items: j, fetcher: M, accessors: N, collections: I, value: te, defaultValue: ne, onValueChange: re, onItemUpdate: ie, onItemDelete: ae, onItemReplace: R, onUpload: oe, onError: z, tab: se, defaultTab: B, onTabChange: ce, view: le, defaultView: ue, onViewChange: de, query: pe, defaultQuery: me, onQueryChange: _e, type: ve, defaultType: H, onTypeChange: ye, collection: be, defaultCollection: xe, onCollectionChange: U, sort: Se, defaultSort: Ce, onSortChange: we, uploadOptions: Te, defaultUploadOptions: Ee, onUploadOptionsChange: De, ...Oe }) {
-	let { defaultScale: ke } = t(), je = e(void 0, ke), W = n(ge, D), G = Ae({
-		items: j,
-		fetcher: M,
-		accessors: N,
-		collections: I,
+function Z({ title: i, titleSuffix: s, description: f, confirmLabel: p, cancelLabel: m, selectionMode: h = "multiple", density: g = "comfortable", showMeta: v = !0, allowUpload: y = !0, typeFilters: b, confirmOnSelect: x = !1, onConfirm: S, onCancel: ee, onClose: T, strings: E, slots: D, heightClassName: O, className: k, items: A, fetcher: j, accessors: M, collections: F, value: ne, defaultValue: re, onValueChange: ie, onItemUpdate: ae, onItemDelete: oe, onItemReplace: L, onUpload: se, onError: R, tab: z, defaultTab: B, onTabChange: ce, view: le, defaultView: ue, onViewChange: de, query: pe, defaultQuery: me, onQueryChange: _e, type: ve, defaultType: H, onTypeChange: ye, collection: be, defaultCollection: xe, onCollectionChange: U, sort: Se, defaultSort: Ce, onSortChange: we, uploadOptions: Te, defaultUploadOptions: Ee, onUploadOptionsChange: De, ...Oe }) {
+	let { defaultScale: ke } = t(), je = e(void 0, ke), W = n(ge, E), G = Ae({
+		items: A,
+		fetcher: j,
+		accessors: M,
+		collections: F,
 		selectionMode: h,
-		value: te,
-		defaultValue: ne,
-		onValueChange: re,
-		onItemUpdate: ie,
-		onItemDelete: ae,
-		onUpload: oe,
-		onError: z,
-		tab: se,
+		value: ne,
+		defaultValue: re,
+		onValueChange: ie,
+		onItemUpdate: ae,
+		onItemDelete: oe,
+		onUpload: se,
+		onError: R,
+		tab: z,
 		defaultTab: B,
 		onTabChange: ce,
 		view: le,
@@ -1376,7 +1371,7 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 		uploadOptions: Te,
 		defaultUploadOptions: Ee,
 		onUploadOptionsChange: De
-	}), Me = Be(I, G.items, G.accessors.getCollection), K = y ? G.tab : "library", q = G.detailId ? G.items.find((e) => G.accessors.getId(e) === G.detailId) ?? null : null, Z = ee(X), Q = !O?.footer, Ve = Z && Q ? /* @__PURE__ */ P(J, {
+	}), Me = Be(F, G.items, G.accessors.getCollection), K = y ? G.tab : "library", q = G.detailId ? G.items.find((e) => G.accessors.getId(e) === G.detailId) ?? null : null, Z = te(X), Q = !D?.footer, Ve = Z && Q ? /* @__PURE__ */ N(J, {
 		tab: K,
 		selectedIds: G.selectedIds,
 		selectionMode: h,
@@ -1384,13 +1379,13 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 		strings: W,
 		onClearSelection: G.clearSelection,
 		className: "media-library-dialog--selection-summary shrink-0 justify-end"
-	}) : null, He = !!(a || s || f || O?.headerStart), Ue = !!(y || O?.headerEnd || Ve), We = He || Ue, Ge = () => {
-		S?.(G.selectedItems, G.selectedIds), w?.();
+	}) : null, He = !!(i || s || f || D?.headerStart), Ue = !!(y || D?.headerEnd || Ve), We = He || Ue, Ge = () => {
+		S?.(G.selectedItems, G.selectedIds), T?.();
 	}, $ = () => {
-		C?.(), w?.();
+		ee?.(), T?.();
 	}, Ke = (e) => {
 		let t = G.accessors.getId(e);
-		G.toggleSelection(t), x && (S?.([e], [t]), w?.());
+		G.toggleSelection(t), x && (S?.([e], [t]), T?.());
 	}, qe = G.query.trim(), Je = qe.length > 0 ? V(W.countSearch, {
 		count: G.filteredCount,
 		total: G.totalCount,
@@ -1398,7 +1393,7 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 	}) : G.filteredCount === G.totalCount ? V(W.countAll, { count: G.totalCount }) : V(W.countFiltered, {
 		count: G.filteredCount,
 		total: G.totalCount
-	}), Ye = O?.footer ?? (Z ? /* @__PURE__ */ P(Y, {
+	}), Ye = D?.footer ?? (Z ? /* @__PURE__ */ N(Y, {
 		tab: K,
 		selectedItems: G.selectedItems,
 		selectedIds: G.selectedIds,
@@ -1414,7 +1409,7 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 			G.cancelUpload(), G.clearStagedFiles(), G.setTab("library");
 		},
 		className: "ml-auto"
-	}) : /* @__PURE__ */ P(ze, {
+	}) : /* @__PURE__ */ N(ze, {
 		tab: K,
 		selectedItems: G.selectedItems,
 		selectedIds: G.selectedIds,
@@ -1432,63 +1427,63 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 			G.cancelUpload(), G.clearStagedFiles(), G.setTab("library");
 		}
 	}));
-	return /* @__PURE__ */ F("section", {
-		className: r("media-library--component @container/media-library flex min-h-0 flex-col overflow-hidden rounded-radius border border-border bg-background", k ?? "h-190 max-h-[calc(100vh-7rem)]", A),
+	return /* @__PURE__ */ P("section", {
+		className: r("media-library--component @container/media-library flex min-h-0 flex-col overflow-hidden rounded-radius border border-border bg-background", O ?? "h-190 max-h-[calc(100vh-7rem)]", k),
 		...Oe,
 		children: [
-			We && /* @__PURE__ */ F("header", {
+			We && /* @__PURE__ */ P("header", {
 				className: "media-library--header flex flex-col gap-space-lg border-b border-border p-surface @2xl/media-library:flex-row @2xl/media-library:items-center @2xl/media-library:justify-between",
-				children: [He && /* @__PURE__ */ F(c, {
+				children: [He && /* @__PURE__ */ P(c, {
 					direction: "horizontal",
 					align: "start",
 					gap: "lg",
 					className: "min-w-0",
-					children: [O?.headerStart, (a || s || f) && /* @__PURE__ */ F(c, {
+					children: [D?.headerStart, (i || s || f) && /* @__PURE__ */ P(c, {
 						gap: "normal",
 						className: "min-w-0",
-						children: [!!(a || s) && /* @__PURE__ */ P(l, {
-							title: a,
+						children: [!!(i || s) && /* @__PURE__ */ N(l, {
+							title: i,
 							suffix: s,
 							className: "media-library--title"
-						}), !!f && /* @__PURE__ */ P(i, {
+						}), !!f && /* @__PURE__ */ N(a, {
 							type: "secondary",
 							children: f
 						})]
 					})]
-				}), Ue && /* @__PURE__ */ F("div", {
+				}), Ue && /* @__PURE__ */ P("div", {
 					className: r("media-library--header-controls flex min-w-0 flex-wrap items-center gap-space-md", Ve ? "flex-1 justify-between" : "@2xl/media-library:justify-end"),
-					children: [/* @__PURE__ */ F(c, {
+					children: [/* @__PURE__ */ P(c, {
 						direction: "horizontal",
 						wrap: !0,
 						align: "center",
 						gap: "md",
 						className: "min-w-0",
-						children: [y && /* @__PURE__ */ F("div", {
-							className: r("media-library--tabs", T.frame, E[je]),
+						children: [y && /* @__PURE__ */ P("div", {
+							className: r("media-library--tabs", C.frame, w[je]),
 							role: "tablist",
-							children: [/* @__PURE__ */ F(o, {
+							children: [/* @__PURE__ */ P(o, {
 								type: "button",
 								role: "tab",
 								"aria-selected": K === "library",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
-								className: r(T.item, "shadow-none", K === "library" ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
+								className: r(C.item, "shadow-none", K === "library" ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 								onClick: () => G.setTab("library"),
-								children: [/* @__PURE__ */ P(L, { className: "size-icon-md" }), W.tabs.library]
-							}), /* @__PURE__ */ F(o, {
+								children: [/* @__PURE__ */ N(I, { className: "size-icon-md" }), W.tabs.library]
+							}), /* @__PURE__ */ P(o, {
 								type: "button",
 								role: "tab",
 								"aria-selected": K === "upload",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
-								className: r(T.item, "shadow-none", K === "upload" ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
+								className: r(C.item, "shadow-none", K === "upload" ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 								onClick: () => G.setTab("upload"),
 								children: [
-									/* @__PURE__ */ P(fe, { className: "size-icon-md" }),
+									/* @__PURE__ */ N(fe, { className: "size-icon-md" }),
 									W.tabs.upload,
-									G.stagedFiles.length > 0 && /* @__PURE__ */ P(_, {
+									G.stagedFiles.length > 0 && /* @__PURE__ */ N(_, {
 										value: G.stagedFiles.length,
 										size: "xs",
 										align: "center",
@@ -1496,15 +1491,15 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 									})
 								]
 							})]
-						}), O?.headerEnd]
+						}), D?.headerEnd]
 					}), Ve]
 				})]
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				className: "media-library--body flex min-h-0 flex-1",
-				children: [K === "upload" ? /* @__PURE__ */ P("div", {
+				children: [K === "upload" ? /* @__PURE__ */ N("div", {
 					className: "min-w-0 flex-1 overflow-y-auto",
-					children: /* @__PURE__ */ P(Re, {
+					children: /* @__PURE__ */ N(Re, {
 						stagedFiles: G.stagedFiles,
 						uploadOptions: G.uploadOptions,
 						collections: Me,
@@ -1513,14 +1508,14 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 						onFiles: G.addFiles,
 						onRemoveFile: G.removeStagedFile,
 						onOptionsChange: G.updateUploadOptions,
-						empty: O?.uploadEmpty
+						empty: D?.uploadEmpty
 					})
-				}) : /* @__PURE__ */ F("div", {
+				}) : /* @__PURE__ */ P("div", {
 					className: r("media-library--library min-w-0 flex-1 flex-col", q ? "hidden @2xl/media-library:flex" : "flex"),
-					children: [/* @__PURE__ */ F(c, {
+					children: [/* @__PURE__ */ P(c, {
 						gap: "md",
 						className: "media-library--toolbar border-b border-border/70 p-surface",
-						children: [/* @__PURE__ */ P(Pe, {
+						children: [/* @__PURE__ */ N(Pe, {
 							query: G.query,
 							type: G.type,
 							typeFilters: b,
@@ -1535,41 +1530,42 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 							onSortChange: G.setSort,
 							onViewChange: G.setView,
 							onClearFilters: G.clearFilters,
-							toolbarEnd: O?.toolbarEnd
-						}), /* @__PURE__ */ P(i, {
+							toolbarEnd: D?.toolbarEnd
+						}), /* @__PURE__ */ N(a, {
 							size: "xs",
 							type: "secondary",
 							"aria-live": "polite",
 							children: Je
 						})]
-					}), /* @__PURE__ */ P("div", {
+					}), /* @__PURE__ */ N("div", {
 						role: "region",
 						"aria-label": W.resultsLabel,
 						tabIndex: 0,
 						className: "media-library--results min-h-0 flex-1 overflow-y-auto p-surface focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
-						children: G.loading ? O?.loading ?? /* @__PURE__ */ P(u, {
+						children: G.loading ? D?.loading ?? /* @__PURE__ */ N(u, {
 							className: "min-h-64",
 							label: W.loading
-						}) : G.error ? O?.error ?? /* @__PURE__ */ P(d, {
+						}) : G.error ? D?.error ?? /* @__PURE__ */ N(d, {
 							title: W.errorTitle,
 							description: W.errorDescription
-						}) : G.visibleItems.length === 0 ? O?.empty ?? /* @__PURE__ */ P(Ne, {
+						}) : G.visibleItems.length === 0 ? D?.empty ?? /* @__PURE__ */ N(Ne, {
 							title: G.hasFilters ? W.emptyFilteredTitle : W.emptyLibraryTitle,
 							description: G.hasFilters ? W.emptyFilteredDescription : W.emptyLibraryDescription,
-							action: G.hasFilters ? /* @__PURE__ */ P(o, {
+							action: G.hasFilters ? /* @__PURE__ */ N(o, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "outline",
 								onClick: G.clearFilters,
 								children: W.clearFilters
-							}) : y ? /* @__PURE__ */ F(o, {
+							}) : y ? /* @__PURE__ */ N(o, {
+								tone: "primary",
 								type: "button",
 								onClick: () => G.setTab("upload"),
-								children: [/* @__PURE__ */ P(fe, { className: "size-icon-md" }), W.uploadMedia]
+								children: W.uploadMedia
 							}) : void 0
-						}) : G.view === "table" ? /* @__PURE__ */ P("div", {
+						}) : G.view === "table" ? /* @__PURE__ */ N("div", {
 							className: "overflow-x-auto",
-							children: /* @__PURE__ */ P(Ie, {
+							children: /* @__PURE__ */ N(Ie, {
 								items: G.visibleItems,
 								selectedSet: G.selectedSet,
 								selectionMode: h,
@@ -1581,7 +1577,7 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 								},
 								onDetails: G.setDetailId
 							})
-						}) : /* @__PURE__ */ P("div", {
+						}) : /* @__PURE__ */ N("div", {
 							className: r("media-library--grid grid min-w-0 gap-space-lg", g === "compact" ? "grid-cols-[repeat(auto-fill,minmax(136px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(168px,1fr))]"),
 							children: G.visibleItems.map((e) => {
 								let t = G.accessors.getId(e), n = {
@@ -1591,8 +1587,8 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 									accessors: G.accessors,
 									toggle: () => Ke(e),
 									openDetails: () => G.setDetailId(t)
-								}, r = O?.renderItem?.(e, n);
-								return r ? /* @__PURE__ */ P("div", { children: r }, t) : /* @__PURE__ */ P(Fe, {
+								}, r = D?.renderItem?.(e, n);
+								return r ? /* @__PURE__ */ N("div", { children: r }, t) : /* @__PURE__ */ N(Fe, {
 									item: e,
 									selected: n.selected,
 									density: g,
@@ -1606,20 +1602,20 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 							})
 						})
 					})]
-				}), K === "library" && /* @__PURE__ */ P(Le, {
+				}), K === "library" && /* @__PURE__ */ N(Le, {
 					item: q,
 					collections: Me,
 					accessors: G.accessors,
 					strings: W,
 					onClose: () => G.setDetailId(null),
 					onUpdate: (e) => q ? G.updateItem(q, e) : Promise.resolve(!1),
-					onReplace: R && q ? () => R(q) : void 0,
+					onReplace: L && q ? () => L(q) : void 0,
 					onRemove: async () => {
 						if (!q) return !1;
 						let e = await G.removeItem(q);
 						return e && G.setDetailId(null), e;
 					},
-					renderDetail: O?.renderDetail
+					renderDetail: D?.renderDetail
 				})]
 			}),
 			Z ? Z.element ? he(Ye, Z.element) : null : Ye
@@ -1627,14 +1623,14 @@ function Z({ title: a, titleSuffix: s, description: f, confirmLabel: p, cancelLa
 	});
 }
 function Q({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescription: o, onClose: s, className: c, dialogClassName: l, contentClassName: u, closeOnEscape: d = !0, closeOnBackdropClick: p = !0, ...m }) {
-	let h = n(ge, m.strings), [g, _] = M(!1), [v, y] = M(null), b = e !== void 0, x = b ? e : g, S = (e) => {
+	let h = n(ge, m.strings), [g, _] = j(!1), [v, y] = j(null), b = e !== void 0, x = b ? e : g, S = (e) => {
 		b || _(e), t?.(e);
 	}, C = () => {
 		S(!1), s?.();
 	};
-	return /* @__PURE__ */ P(X.Provider, {
+	return /* @__PURE__ */ N(X.Provider, {
 		value: { element: v },
-		children: /* @__PURE__ */ P(f, {
+		children: /* @__PURE__ */ N(f, {
 			open: x,
 			onOpenChange: S,
 			onClose: s,
@@ -1644,7 +1640,7 @@ function Q({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescrip
 			size: "full",
 			showCancel: !1,
 			showConfirm: !1,
-			footer: /* @__PURE__ */ P("div", {
+			footer: /* @__PURE__ */ N("div", {
 				ref: y,
 				className: "media-library-dialog--footer @container/media-library w-full"
 			}),
@@ -1652,7 +1648,7 @@ function Q({ open: e, onOpenChange: t, trigger: i, dialogTitle: a, dialogDescrip
 			contentClassName: r("media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0", u),
 			closeOnBackdropClick: p,
 			closeOnEscape: d,
-			children: /* @__PURE__ */ P(Z, {
+			children: /* @__PURE__ */ N(Z, {
 				...m,
 				onClose: C,
 				className: r("media-library-dialog--library rounded-none border-0", c),
@@ -1668,41 +1664,41 @@ function Ve(e, t, n) {
 	let r = e.slice(), [i] = r.splice(t, 1);
 	return i === void 0 || r.splice(n, 0, i), r;
 }
-function He({ items: e, accessors: t, title: a, description: s, primaryId: l, onPrimaryChange: u, onRemove: d, onReorder: f, onAdd: p, maxItems: h, layout: g = "field", density: _ = "comfortable", readOnly: y = !1, empty: b, action: x, renderItem: S, strings: C, className: w, ...T }) {
-	let E = n(ge, C), D = be(t), O = e.length, ee = l ?? (O > 0 ? D.getId(e[0]) : void 0), k = !y && !!p && (h === void 0 || O < h), A = k && (g === "field" || O > 0) ? /* @__PURE__ */ P(o, {
+function He({ items: e, accessors: t, title: i, description: s, primaryId: l, onPrimaryChange: u, onRemove: d, onReorder: f, onAdd: p, maxItems: h, layout: g = "field", density: _ = "comfortable", readOnly: y = !1, empty: b, action: x, renderItem: S, strings: C, className: w, ...ee }) {
+	let T = n(ge, C), E = be(t), D = e.length, te = l ?? (D > 0 ? E.getId(e[0]) : void 0), O = !y && !!p && (h === void 0 || D < h), k = O && (g === "field" || D > 0) ? /* @__PURE__ */ N(o, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "outline",
 		icon: ce,
 		onClick: p,
-		children: E.gallery.add
-	}) : h !== void 0 && O >= h ? /* @__PURE__ */ P(v, {
+		children: T.gallery.add
+	}) : h !== void 0 && D >= h ? /* @__PURE__ */ N(v, {
 		tone: "secondary",
-		children: E.gallery.maxReached
-	}) : null, j = (t, n) => {
-		if (n < 0 || n >= O || t === n) return;
+		children: T.gallery.maxReached
+	}) : null, A = (t, n) => {
+		if (n < 0 || n >= D || t === n) return;
 		let r = Ve(e, t, n);
-		f?.(r.map((e) => D.getId(e)), r);
-	}, M = !!(a || s || x || A), N = O === 0 && g !== "field", ne = () => !k || g !== "field" ? null : /* @__PURE__ */ F("button", {
+		f?.(r.map((e) => E.getId(e)), r);
+	}, j = !!(i || s || x || k), M = D === 0 && g !== "field", re = () => !O || g !== "field" ? null : /* @__PURE__ */ P("button", {
 		type: "button",
 		className: r("media-resource-gallery--add-tile box-border m-0 inline-flex w-full cursor-pointer items-center justify-center p-space-md font-sans rounded-radius border border-dashed border-border bg-background text-muted-foreground shadow-none", "aspect-square hover:border-primary-accent/50 hover:bg-primary/5 hover:text-primary-accent focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"),
-		"aria-label": E.gallery.addTile,
+		"aria-label": T.gallery.addTile,
 		onClick: p,
-		children: [/* @__PURE__ */ P(ce, { className: "size-icon" }), /* @__PURE__ */ P(i, {
+		children: [/* @__PURE__ */ N(ce, { className: "size-icon" }), /* @__PURE__ */ N(a, {
 			tag: "span",
 			size: "inherit",
 			className: "sr-only",
-			children: E.gallery.addTile
+			children: T.gallery.addTile
 		})]
 	});
-	return /* @__PURE__ */ F("section", {
+	return /* @__PURE__ */ P("section", {
 		className: r("media-resource-gallery--component @container/media-resource-gallery rounded-radius border border-border bg-card shadow-xs", w),
 		"data-layout": g,
 		"data-gallery-density": _,
-		...T,
-		children: [M && /* @__PURE__ */ P("header", {
+		...ee,
+		children: [j && /* @__PURE__ */ N("header", {
 			className: "media-resource-gallery--header p-surface",
-			children: /* @__PURE__ */ F(c, {
+			children: /* @__PURE__ */ P(c, {
 				direction: {
 					base: "vertical",
 					md: "horizontal"
@@ -1710,94 +1706,95 @@ function He({ items: e, accessors: t, title: a, description: s, primaryId: l, on
 				gap: "lg",
 				align: { md: "start" },
 				justify: { md: "between" },
-				children: [/* @__PURE__ */ F(c, {
+				children: [/* @__PURE__ */ P(c, {
 					gap: "normal",
 					className: "min-w-0",
-					children: [!!a && /* @__PURE__ */ P(i, {
+					children: [!!i && /* @__PURE__ */ N(a, {
 						tag: "div",
 						weight: "semibold",
-						children: a
-					}), !!s && /* @__PURE__ */ P(i, {
+						children: i
+					}), !!s && /* @__PURE__ */ N(a, {
 						type: "secondary",
 						children: s
 					})]
-				}), /* @__PURE__ */ P(c, {
+				}), /* @__PURE__ */ N(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
 					className: "media-resource-gallery--actions",
-					children: x ?? A
+					children: x ?? k
 				})]
 			})
-		}), N ? /* @__PURE__ */ P("div", {
+		}), M ? /* @__PURE__ */ N("div", {
 			className: "media-resource-gallery--empty px-surface pb-surface",
-			children: b ?? /* @__PURE__ */ P(Ne, {
-				title: E.gallery.emptyTitle,
-				description: E.gallery.emptyDescription,
-				action: k ? /* @__PURE__ */ P(o, {
+			children: b ?? /* @__PURE__ */ N(Ne, {
+				title: T.gallery.emptyTitle,
+				description: T.gallery.emptyDescription,
+				action: O ? /* @__PURE__ */ N(o, {
+					tone: "primary",
 					type: "button",
-					icon: ae,
+					icon: oe,
 					onClick: p,
-					children: E.gallery.add
+					children: T.gallery.add
 				}) : void 0
 			})
-		}) : /* @__PURE__ */ F("div", {
-			className: r("grid min-w-0 grid-cols-1", g === "list" ? "gap-space-md" : "gap-space-lg", "media-resource-gallery--items p-surface", M && "pt-0", g === "list" ? void 0 : g === "field" ? "grid-cols-[repeat(auto-fill,minmax(96px,1fr))] @md/media-resource-gallery:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]" : _ === "compact" ? "grid-cols-[repeat(auto-fill,minmax(132px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(164px,1fr))]"),
+		}) : /* @__PURE__ */ P("div", {
+			className: r("grid min-w-0 grid-cols-1", g === "list" ? "gap-space-md" : "gap-space-lg", "media-resource-gallery--items p-surface", j && "pt-0", g === "list" ? void 0 : g === "field" ? "grid-cols-[repeat(auto-fill,minmax(96px,1fr))] @md/media-resource-gallery:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]" : _ === "compact" ? "grid-cols-[repeat(auto-fill,minmax(132px,1fr))]" : "grid-cols-[repeat(auto-fill,minmax(164px,1fr))]"),
 			children: [e.map((e, t) => {
-				let n = D.getId(e), a = D.getName(e), s = D.getType(e), l = D.getSrc(e), f = D.getAlt(e) || a, p = n === ee, h = D.getPublic(e) === !1, b = D.getDuration(e), x = t > 0, C = t < O - 1, w = S?.(e, {
+				let n = E.getId(e), i = E.getName(e), s = E.getType(e), l = E.getSrc(e), f = E.getAlt(e) || i, p = n === te, h = E.getPublic(e) === !1, b = E.getDuration(e), x = t > 0, C = t < D - 1, w = S?.(e, {
 					id: n,
 					index: t,
-					total: O,
+					total: D,
 					primary: p,
-					accessors: D,
+					accessors: E,
 					canMovePrevious: x,
 					canMoveNext: C,
 					setPrimary: () => u?.(n, e),
 					remove: () => d?.(n, e),
-					movePrevious: () => j(t, t - 1),
-					moveNext: () => j(t, t + 1)
+					movePrevious: () => A(t, t - 1),
+					moveNext: () => A(t, t + 1)
 				});
-				return w ? /* @__PURE__ */ P("div", { children: w }, n) : g === "field" ? /* @__PURE__ */ F("div", {
+				return w ? /* @__PURE__ */ N("div", { children: w }, n) : g === "field" ? /* @__PURE__ */ P("div", {
 					className: r("media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-radius border border-border bg-background shadow-xs", "transition-colors hover:border-primary/40 focus-within:border-primary/50", p && "col-span-2 row-span-2 min-h-52"),
 					"data-primary": p || void 0,
 					children: [
-						l ? /* @__PURE__ */ P("img", {
+						l ? /* @__PURE__ */ N("img", {
 							src: l,
 							alt: f,
 							loading: "lazy",
 							className: "size-full object-cover"
-						}) : /* @__PURE__ */ P("div", {
+						}) : /* @__PURE__ */ N("div", {
 							className: "flex size-full items-center justify-center bg-muted text-muted-foreground",
-							children: /* @__PURE__ */ P(re, { className: p ? "size-7" : "size-icon-lg" })
+							children: /* @__PURE__ */ N(ie, { className: p ? "size-7" : "size-icon-lg" })
 						}),
-						p && /* @__PURE__ */ P(v, {
+						p && /* @__PURE__ */ N(v, {
 							tone: "secondary",
 							className: "absolute left-2 top-2 bg-background/90 shadow-xs",
-							children: E.gallery.cover
+							children: T.gallery.cover
 						}),
-						s === "video" && !!b && /* @__PURE__ */ F(v, {
+						s === "video" && !!b && /* @__PURE__ */ P(v, {
 							tone: "secondary",
 							className: "absolute bottom-2 left-2 bg-foreground text-background",
-							children: [/* @__PURE__ */ P(B, { className: "size-icon-sm fill-current" }), b]
+							children: [/* @__PURE__ */ N(B, { className: "size-icon-sm fill-current" }), b]
 						}),
-						h && /* @__PURE__ */ P("span", {
+						h && /* @__PURE__ */ N("span", {
 							className: "absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background/90 text-muted-foreground shadow-xs",
-							children: /* @__PURE__ */ P(se, { className: "size-icon-sm" })
+							children: /* @__PURE__ */ N(z, { className: "size-icon-sm" })
 						}),
-						!y && /* @__PURE__ */ P(o, {
+						!y && /* @__PURE__ */ N(o, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "solid",
 							size: "sm",
 							iconOnly: !0,
 							className: "absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100",
-							"aria-label": E.gallery.remove,
+							"aria-label": T.gallery.remove,
 							onClick: () => d?.(n, e),
-							children: /* @__PURE__ */ P(me, { className: "size-icon-md" })
+							children: /* @__PURE__ */ N(me, { className: "size-icon-md" })
 						})
 					]
-				}, n) : g === "list" ? /* @__PURE__ */ F(c, {
+				}, n) : g === "list" ? /* @__PURE__ */ P(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
@@ -1805,200 +1802,200 @@ function He({ items: e, accessors: t, title: a, description: s, primaryId: l, on
 					className: r("media-resource-gallery--item min-w-0 rounded-radius border border-border bg-background px-row-x", _ === "compact" ? "py-row-y-sm" : "py-row-y"),
 					"data-primary": p || void 0,
 					children: [
-						/* @__PURE__ */ P("div", {
+						/* @__PURE__ */ N("div", {
 							className: "relative size-12 shrink-0 overflow-hidden rounded-inner bg-muted",
-							children: l ? /* @__PURE__ */ P("img", {
+							children: l ? /* @__PURE__ */ N("img", {
 								src: l,
 								alt: f,
 								loading: "lazy",
 								className: "size-full object-cover"
-							}) : /* @__PURE__ */ P("div", {
+							}) : /* @__PURE__ */ N("div", {
 								className: "flex size-full items-center justify-center text-muted-foreground",
-								children: /* @__PURE__ */ P(re, { className: "size-icon" })
+								children: /* @__PURE__ */ N(ie, { className: "size-icon" })
 							})
 						}),
-						/* @__PURE__ */ F("div", {
+						/* @__PURE__ */ P("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ F(c, {
+							children: [/* @__PURE__ */ P(c, {
 								direction: "horizontal",
 								wrap: !0,
 								align: "center",
 								gap: "md",
 								className: "min-w-0",
-								children: [/* @__PURE__ */ P(i, {
+								children: [/* @__PURE__ */ N(a, {
 									tag: "div",
 									weight: "semibold",
 									className: "min-w-0 break-all",
-									children: a
-								}), p && /* @__PURE__ */ P(v, {
-									tone: "info",
-									children: E.gallery.primary
+									children: i
+								}), p && /* @__PURE__ */ N(v, {
+									tone: "secondary",
+									children: T.gallery.primary
 								})]
-							}), /* @__PURE__ */ F(i, {
+							}), /* @__PURE__ */ P(a, {
 								size: "xs",
 								type: "secondary",
 								children: [
-									V(E.gallery.itemPosition, {
+									V(T.gallery.itemPosition, {
 										index: t + 1,
-										total: O
+										total: D
 									}),
 									" · ",
-									/* @__PURE__ */ P(m, {
-										value: D.getSize(e),
+									/* @__PURE__ */ N(m, {
+										value: E.getSize(e),
 										size: "xs",
 										align: "left",
-										emptyLabel: E.unknownSize
+										emptyLabel: T.unknownSize
 									})
 								]
 							})]
 						}),
-						!y && /* @__PURE__ */ F("div", {
+						!y && /* @__PURE__ */ P("div", {
 							className: "media-resource-gallery--item-actions flex basis-full flex-wrap items-center justify-end gap-space-xs @sm/media-resource-gallery:basis-auto",
 							children: [
-								/* @__PURE__ */ P(o, {
+								/* @__PURE__ */ N(o, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
 									disabled: p,
-									"aria-label": E.gallery.setPrimary,
+									"aria-label": T.gallery.setPrimary,
 									onClick: () => u?.(n, e),
-									children: /* @__PURE__ */ P(ue, { className: "size-icon-md" })
+									children: /* @__PURE__ */ N(ue, { className: "size-icon-md" })
 								}),
-								/* @__PURE__ */ P(o, {
+								/* @__PURE__ */ N(o, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
 									disabled: !x,
-									"aria-label": E.gallery.movePrevious,
-									onClick: () => j(t, t - 1),
-									children: /* @__PURE__ */ P(I, { className: "size-icon-md" })
+									"aria-label": T.gallery.movePrevious,
+									onClick: () => A(t, t - 1),
+									children: /* @__PURE__ */ N(F, { className: "size-icon-md" })
 								}),
-								/* @__PURE__ */ P(o, {
+								/* @__PURE__ */ N(o, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
 									disabled: !C,
-									"aria-label": E.gallery.moveNext,
-									onClick: () => j(t, t + 1),
-									children: /* @__PURE__ */ P(te, { className: "size-icon-md" })
+									"aria-label": T.gallery.moveNext,
+									onClick: () => A(t, t + 1),
+									children: /* @__PURE__ */ N(ne, { className: "size-icon-md" })
 								}),
-								/* @__PURE__ */ P(o, {
+								/* @__PURE__ */ N(o, {
 									type: "button",
 									tone: "destructive",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
-									"aria-label": E.gallery.remove,
+									"aria-label": T.gallery.remove,
 									onClick: () => d?.(n, e),
-									children: /* @__PURE__ */ P(de, { className: "size-icon-md" })
+									children: /* @__PURE__ */ N(de, { className: "size-icon-md" })
 								})
 							]
 						})
 					]
-				}, n) : /* @__PURE__ */ F("div", {
+				}, n) : /* @__PURE__ */ P("div", {
 					className: "media-resource-gallery--item group/gallery overflow-hidden rounded-radius border border-border bg-background shadow-xs transition-colors hover:border-primary/40",
 					"data-primary": p || void 0,
-					children: [/* @__PURE__ */ F("div", {
+					children: [/* @__PURE__ */ P("div", {
 						className: "relative aspect-[4/3] bg-muted",
-						children: [l ? /* @__PURE__ */ P("img", {
+						children: [l ? /* @__PURE__ */ N("img", {
 							src: l,
 							alt: f,
 							loading: "lazy",
 							className: "size-full object-cover"
-						}) : /* @__PURE__ */ P("div", {
+						}) : /* @__PURE__ */ N("div", {
 							className: "flex size-full items-center justify-center text-muted-foreground",
-							children: /* @__PURE__ */ P(re, { className: "size-6" })
-						}), /* @__PURE__ */ F("div", {
+							children: /* @__PURE__ */ N(ie, { className: "size-6" })
+						}), /* @__PURE__ */ P("div", {
 							className: "absolute left-2 top-2 flex flex-wrap gap-space-xs",
-							children: [p && /* @__PURE__ */ P(v, {
-								tone: "info",
-								className: "bg-card",
-								children: E.gallery.primary
-							}), /* @__PURE__ */ P(v, {
+							children: [p && /* @__PURE__ */ N(v, {
+								tone: "secondary",
+								className: "bg-card text-card-foreground",
+								children: T.gallery.primary
+							}), /* @__PURE__ */ N(v, {
 								tone: "secondary",
 								className: "bg-card text-card-foreground",
-								children: V(E.gallery.itemPosition, {
+								children: V(T.gallery.itemPosition, {
 									index: t + 1,
-									total: O
+									total: D
 								})
 							})]
 						})]
-					}), /* @__PURE__ */ P("div", {
+					}), /* @__PURE__ */ N("div", {
 						className: r("media-resource-gallery--item-body", _ === "compact" ? "p-surface-xs" : "p-surface"),
-						children: /* @__PURE__ */ F(c, {
+						children: /* @__PURE__ */ P(c, {
 							gap: "md",
-							children: [/* @__PURE__ */ F("div", {
+							children: [/* @__PURE__ */ P("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ P(i, {
+								children: [/* @__PURE__ */ N(a, {
 									tag: "div",
 									weight: "semibold",
 									className: "truncate",
-									children: a
-								}), /* @__PURE__ */ P(m, {
-									value: D.getSize(e),
+									children: i
+								}), /* @__PURE__ */ N(m, {
+									value: E.getSize(e),
 									size: "xs",
 									align: "left",
-									emptyLabel: E.unknownSize
+									emptyLabel: T.unknownSize
 								})]
-							}), !y && /* @__PURE__ */ F("div", {
+							}), !y && /* @__PURE__ */ P("div", {
 								className: "flex items-center gap-space-xs",
 								children: [
-									/* @__PURE__ */ P(o, {
+									/* @__PURE__ */ N(o, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										disabled: p,
-										"aria-label": E.gallery.setPrimary,
+										"aria-label": T.gallery.setPrimary,
 										onClick: () => u?.(n, e),
-										children: /* @__PURE__ */ P(ue, { className: "size-icon-md" })
+										children: /* @__PURE__ */ N(ue, { className: "size-icon-md" })
 									}),
-									/* @__PURE__ */ P(o, {
+									/* @__PURE__ */ N(o, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										disabled: !x,
-										"aria-label": E.gallery.movePrevious,
-										onClick: () => j(t, t - 1),
-										children: /* @__PURE__ */ P(I, { className: "size-icon-md" })
+										"aria-label": T.gallery.movePrevious,
+										onClick: () => A(t, t - 1),
+										children: /* @__PURE__ */ N(F, { className: "size-icon-md" })
 									}),
-									/* @__PURE__ */ P(o, {
+									/* @__PURE__ */ N(o, {
 										type: "button",
 										tone: "secondary",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										disabled: !C,
-										"aria-label": E.gallery.moveNext,
-										onClick: () => j(t, t + 1),
-										children: /* @__PURE__ */ P(te, { className: "size-icon-md" })
+										"aria-label": T.gallery.moveNext,
+										onClick: () => A(t, t + 1),
+										children: /* @__PURE__ */ N(ne, { className: "size-icon-md" })
 									}),
-									/* @__PURE__ */ P(o, {
+									/* @__PURE__ */ N(o, {
 										type: "button",
 										tone: "destructive",
 										buttonStyle: "ghost",
 										size: "sm",
 										iconOnly: !0,
 										className: "ml-auto",
-										"aria-label": E.gallery.remove,
+										"aria-label": T.gallery.remove,
 										onClick: () => d?.(n, e),
-										children: /* @__PURE__ */ P(de, { className: "size-icon-md" })
+										children: /* @__PURE__ */ N(de, { className: "size-icon-md" })
 									})
 								]
 							})]
 						})
 					})]
 				}, n);
-			}), ne()]
+			}), re()]
 		})]
 	});
 }