admin-ui-starter-kit 0.6.9 → 0.7.0

package/dist/components/features/media-library/index.js

@@ -1,19 +1,19 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-Be2ayMxF.js";
-import { s as r } from "../../../_shared/typography-5bLhAYaK.js";
-import { r as i } from "../../../_shared/overlays-BJLczwpz.js";
-import { t as a } from "../../../_shared/badge-r8ae66Vd.js";
-import { i as o, o as s, s as c } from "../../../_shared/cards-BJctT9KD.js";
-import { t as l } from "../../../_shared/input-CzJzVyQ0.js";
-import { J as u, T as d, Y as f } from "../../../_shared/forms-DIz3SCA9.js";
-import { D as p } from "../../../_shared/display-CQoSwU74.js";
+import { t as n } from "../../../_shared/button-CNEMqDHK.js";
+import { s as r } from "../../../_shared/typography-C_kCoR1d.js";
+import { r as i } from "../../../_shared/overlays-DKsXufDv.js";
+import { t as a } from "../../../_shared/badge-DOJpEtsa.js";
+import { i as o, o as s, s as c } from "../../../_shared/cards-B7voInTJ.js";
+import { t as l } from "../../../_shared/input-BEhrcsk7.js";
+import { J as u, T as d, Y as f } from "../../../_shared/forms-C5uZX_kQ.js";
+import { D as p } from "../../../_shared/display-BHIs_Y_j.js";
 import { createContext as m, useCallback as h, useContext as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { ArrowLeft as w, ArrowRight as T, Check as ee, File as E, Grid2X2 as D, ImageIcon as O, ImagePlus as k, Info as A, Layers3 as j, LayoutList as te, Lock as M, Play as ne, Plus as re, Search as N, Star as ie, Trash2 as ae, UploadCloud as P, Video as F, X as oe } from "lucide-react";
-import { createPortal as se } from "react-dom";
+import { ArrowLeft as w, ArrowRight as T, Check as E, File as D, Grid2X2 as O, ImageIcon as k, ImagePlus as A, Info as j, Layers3 as M, LayoutList as ee, Lock as N, Play as te, Plus as ne, Search as P, Star as re, Trash2 as ie, UploadCloud as F, Video as I, X as ae } from "lucide-react";
+import { createPortal as oe } from "react-dom";
 //#region src/components/features/media-library/media-library.strings.ts
-var I = {
+var se = {
 	title: "Add media",
 	description: "Pick from the library, or upload new files.",
 	close: "Close media library",
@@ -40,6 +40,8 @@ var I = {
 	tableView: "Table view",
 	countAll: "{count} items",
 	countFiltered: "{count} of {total} items",
+	countSearch: "{count} of {total} items for \"{query}\"",
+	activeSearchLabel: "Search",
 	emptyLibraryTitle: "Library is empty",
 	emptyLibraryDescription: "Upload images or videos to start building the library.",
 	emptyFilteredTitle: "No media matches",
@@ -211,12 +213,12 @@ function he(e, t, n) {
 	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) => B(n, t) - B(e, t)), r;
 }
 function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multiple", value: i, defaultValue: a = [], onValueChange: o, onItemUpdate: s, onItemDelete: c, onUpload: l, onError: u, initialTab: d = "library", defaultView: f = "grid", defaultQuery: p = "", defaultType: m = "all", defaultCollection: g = "all", defaultSort: x = "newest", defaultUploadOptions: S } = {}) {
-	let C = v(() => de(n), [n]), [w, T] = b(d), [ee, E] = b(f), [D, O] = b(p), [k, A] = b(m), [j, te] = b(g), [M, ne] = b(x), [re, N] = b(null), [ie, ae] = b(() => [...a]), [P, F] = b([]), [oe, se] = b(), [I, L] = b(!1), [ue, R] = b(null), [z, B] = b([]), [ge, W] = b(() => /* @__PURE__ */ new Set()), [_e, ve] = b({}), [G, K] = b([]), [q, ye] = b(!1), [be, xe] = b({
+	let C = v(() => de(n), [n]), [w, T] = b(d), [E, D] = b(f), [O, k] = b(p), [A, j] = b(m), [M, ee] = b(g), [N, te] = b(x), [ne, P] = b(null), [re, ie] = b(() => [...a]), [F, I] = b([]), [ae, oe] = b(), [se, L] = b(!1), [ue, R] = b(null), [z, B] = b([]), [ge, W] = b(() => /* @__PURE__ */ new Set()), [_e, ve] = b({}), [G, K] = b([]), [q, ye] = b(!1), [be, xe] = b({
 		...ce,
 		...S,
 		tags: S?.tags ?? ce.tags
-	}), J = i !== void 0, Y = v(() => J ? [...i ?? []] : ie, [
-		ie,
+	}), J = i !== void 0, Y = v(() => J ? [...i ?? []] : re, [
+		re,
 		J,
 		i
 	]), X = v(() => new Set(Y), [Y]), Z = y(/* @__PURE__ */ new Set());
@@ -224,27 +226,27 @@ function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multi
 		if (!t) return;
 		let e = new AbortController();
 		return L(!0), R(null), t({
-			query: D,
-			type: k,
-			collection: j === "all" ? void 0 : j,
-			sort: M,
+			query: O,
+			type: A,
+			collection: M === "all" ? void 0 : M,
+			sort: N,
 			signal: e.signal
 		}).then((t) => {
 			if (e.signal.aborted) return;
 			let n = U(t);
-			F(n.items), se(n.total);
+			I(n.items), oe(n.total);
 		}).catch((t) => {
 			e.signal.aborted || (R(t), u?.(t));
 		}).finally(() => {
 			e.signal.aborted || L(!1);
 		}), () => e.abort();
 	}, [
-		j,
+		M,
 		t,
 		u,
-		D,
-		M,
-		k
+		O,
+		N,
+		A
 	]), _(() => {
 		let e = Z.current;
 		return () => {
@@ -252,9 +254,9 @@ function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multi
 			e.clear();
 		};
 	}, []);
-	let Se = v(() => t ? P : [...z, ...e], [
+	let Se = v(() => t ? F : [...z, ...e], [
 		z,
-		P,
+		F,
 		t,
 		e
 	]), Q = v(() => Se.filter((e) => !ge.has(C.getId(e))).map((e) => pe(e, _e[C.getId(e)])), [
@@ -263,22 +265,22 @@ function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multi
 		ge,
 		Se
 	]), Ce = v(() => {
-		let e = t ? Q : me(Q, C, D, k, j);
-		return t ? e : he(e, C, M);
+		let e = t ? Q : me(Q, C, O, A, M);
+		return t ? e : he(e, C, N);
 	}, [
 		C,
-		j,
+		M,
 		t,
 		Q,
-		D,
-		M,
-		k
-	]), we = oe ?? Q.length, Te = Ce.length, Ee = v(() => Q.filter((e) => X.has(C.getId(e))), [
+		O,
+		N,
+		A
+	]), we = ae ?? Q.length, Te = Ce.length, Ee = v(() => Q.filter((e) => X.has(C.getId(e))), [
 		C,
 		Q,
 		X
-	]), De = !!D.trim() || k !== "all" || j !== "all", $ = h((e) => {
-		J || ae(e);
+	]), De = !!O.trim() || A !== "all" || M !== "all", $ = h((e) => {
+		J || ie(e);
 		let t = new Set(e), n = Q.filter((e) => t.has(C.getId(e)));
 		o?.(e, n);
 	}, [
@@ -294,7 +296,7 @@ function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multi
 		X,
 		r
 	]), ke = h(() => $([]), [$]), Ae = h(() => {
-		O(""), A("all"), te("all");
+		k(""), j("all"), ee("all");
 	}, []), je = h((e) => {
 		K((t) => [...t, ...e.map((e, t) => {
 			let n = V(e);
@@ -333,18 +335,18 @@ function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multi
 	return {
 		tab: w,
 		setTab: T,
-		view: ee,
-		setView: E,
-		query: D,
-		setQuery: O,
-		type: k,
-		setType: A,
-		collection: j,
-		setCollection: te,
-		sort: M,
-		setSort: ne,
-		detailId: re,
-		setDetailId: N,
+		view: E,
+		setView: D,
+		query: O,
+		setQuery: k,
+		type: A,
+		setType: j,
+		collection: M,
+		setCollection: ee,
+		sort: N,
+		setSort: te,
+		detailId: ne,
+		setDetailId: P,
 		items: Q,
 		visibleItems: Ce,
 		selectedIds: Y,
@@ -353,7 +355,7 @@ function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multi
 		toggleSelection: Oe,
 		clearSelection: ke,
 		clearFilters: Ae,
-		loading: I,
+		loading: se,
 		error: ue,
 		hasFilters: De,
 		totalCount: we,
@@ -441,7 +443,7 @@ function ge({ items: e = le, fetcher: t, accessors: n, selectionMode: r = "multi
 //#endregion
 //#region src/components/features/media-library/partials/media-library-partials.tsx
 function W(e, t) {
-	return S(e === "image" ? O : e === "video" ? F : E, { className: t ?? "size-4" });
+	return S(e === "image" ? k : e === "video" ? I : D, { className: t ?? "size-4" });
 }
 function _e(e, t) {
 	return e === "image" ? t.typeImage : e === "video" ? t.typeVideo : t.typeFile;
@@ -477,7 +479,7 @@ function q({ icon: e, title: n, description: i, action: a, className: o }) {
 		children: [
 			/* @__PURE__ */ S("div", {
 				className: "mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground",
-				children: e ?? /* @__PURE__ */ S(O, { className: "size-5" })
+				children: e ?? /* @__PURE__ */ S(k, { className: "size-5" })
 			}),
 			/* @__PURE__ */ S(r, {
 				tag: "div",
@@ -497,77 +499,94 @@ function q({ icon: e, title: n, description: i, action: a, className: o }) {
 		]
 	});
 }
-function ye({ query: e, type: r, typeFilters: i, collection: a, sort: o, view: s, collections: c = [], strings: u, onQueryChange: d, onTypeChange: p, onCollectionChange: m, onSortChange: h, onViewChange: g, onClearFilters: _, toolbarEnd: v }) {
-	let y = [
+function ye({ query: e, type: r, typeFilters: i, collection: o, sort: s, view: c, collections: u = [], strings: d, onQueryChange: p, onTypeChange: m, onCollectionChange: h, onSortChange: g, onViewChange: _, onClearFilters: v, toolbarEnd: y }) {
+	let b = [
 		{
 			value: "all",
-			label: u.allTypes,
+			label: d.allTypes,
 			icon: null
 		},
 		{
 			value: "image",
-			label: u.images,
-			icon: O
+			label: d.images,
+			icon: k
 		},
 		{
 			value: "video",
-			label: u.videos,
-			icon: F
+			label: d.videos,
+			icon: I
 		},
 		{
 			value: "file",
-			label: u.files,
-			icon: E
+			label: d.files,
+			icon: D
 		}
 	].filter((e) => (i ?? [
 		"all",
 		"image",
 		"video"
-	]).includes(e.value)), b = [{
+	]).includes(e.value)), x = [{
 		value: "all",
-		label: u.allCollections
-	}, ...c.map((e) => ({
+		label: d.allCollections
+	}, ...u.map((e) => ({
 		value: e.value,
 		label: String(e.label)
-	}))], x = [
+	}))], w = [
 		{
 			value: "newest",
-			label: u.sortNewest
+			label: d.sortNewest
 		},
 		{
 			value: "name",
-			label: u.sortName
+			label: d.sortName
 		},
 		{
 			value: "size",
-			label: u.sortSize
+			label: d.sortSize
 		},
 		{
 			value: "usage",
-			label: u.sortUsage
+			label: d.sortUsage
 		}
-	];
+	], T = e.trim(), E = T.length > 0, A = E || r !== "all" || o !== "all";
 	return /* @__PURE__ */ C("div", {
 		className: "media-library-toolbar--component flex flex-wrap items-center gap-2",
 		children: [
-			/* @__PURE__ */ S("div", {
-				className: "min-w-52 flex-1",
-				children: /* @__PURE__ */ S(l, {
+			/* @__PURE__ */ C("div", {
+				className: "media-library-toolbar--search flex min-w-52 flex-1 flex-col gap-space-xs",
+				children: [/* @__PURE__ */ S(l, {
 					value: e,
-					onChange: (e) => d(e.target.value),
-					placeholder: u.searchPlaceholder,
-					startIcon: N,
+					onChange: (e) => p(e.target.value),
+					placeholder: d.searchPlaceholder,
+					startIcon: P,
 					clearable: !0,
-					onClear: () => d(""),
-					strings: { clear: u.clearSearch },
-					className: "rounded-full bg-muted/20"
-				})
+					onClear: () => p(""),
+					strings: { clear: d.clearSearch },
+					className: t("rounded-radius bg-background", E && "border-info/60 bg-info/5 text-foreground shadow-xs ring-1 ring-info/15")
+				}), !!E && /* @__PURE__ */ S("div", {
+					className: "media-library-toolbar--search-value flex min-w-0 items-center gap-space-xs px-space-xs",
+					children: /* @__PURE__ */ C(a, {
+						variant: "info",
+						className: "max-w-full",
+						children: [
+							/* @__PURE__ */ S(P, {
+								className: "size-3",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ S("span", { children: d.activeSearchLabel }),
+							/* @__PURE__ */ S("span", {
+								className: "min-w-0 truncate font-normal",
+								children: T
+							})
+						]
+					})
+				})]
 			}),
 			/* @__PURE__ */ S("div", {
 				className: "media-library-toolbar--type-toggle flex h-9 items-center rounded-md bg-muted p-0.5",
 				role: "tablist",
-				"aria-label": u.typeFilterLabel,
-				children: y.map((e) => {
+				"aria-label": d.typeFilterLabel,
+				children: b.map((e) => {
 					let i = e.icon, a = r === e.value;
 					return /* @__PURE__ */ C(n, {
 						type: "button",
@@ -576,7 +595,7 @@ function ye({ query: e, type: r, typeFilters: i, collection: a, sort: o, view: s
 						variant: "secondary",
 						buttonStyle: "ghost",
 						className: t("h-8 rounded-sm px-3 text-xs shadow-none", a ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
-						onClick: () => p(e.value),
+						onClick: () => m(e.value),
 						children: [i && /* @__PURE__ */ S(i, { className: "size-3.5" }), e.label]
 					}, e.value);
 				})
@@ -584,22 +603,22 @@ function ye({ query: e, type: r, typeFilters: i, collection: a, sort: o, view: s
 			/* @__PURE__ */ S("div", {
 				className: "min-w-40",
 				children: /* @__PURE__ */ S(f, {
-					value: a,
-					options: b,
-					onChange: (e) => m(e ?? "all"),
-					placeholder: u.collectionFilterLabel,
-					"aria-label": u.collectionFilterLabel,
+					value: o,
+					options: x,
+					onChange: (e) => h(e ?? "all"),
+					placeholder: d.collectionFilterLabel,
+					"aria-label": d.collectionFilterLabel,
 					className: "bg-background"
 				})
 			}),
 			/* @__PURE__ */ S("div", {
 				className: "min-w-32",
 				children: /* @__PURE__ */ S(f, {
-					value: o,
-					options: x,
-					onChange: (e) => h(e ?? "newest"),
-					placeholder: u.sortLabel,
-					"aria-label": u.sortLabel,
+					value: s,
+					options: w,
+					onChange: (e) => g(e ?? "newest"),
+					placeholder: d.sortLabel,
+					"aria-label": d.sortLabel,
 					className: "bg-background"
 				})
 			}),
@@ -607,32 +626,33 @@ function ye({ query: e, type: r, typeFilters: i, collection: a, sort: o, view: s
 				className: "media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5",
 				children: [/* @__PURE__ */ S(n, {
 					type: "button",
-					variant: s === "grid" ? "dark" : "secondary",
-					buttonStyle: s === "grid" ? "solid" : "ghost",
+					variant: c === "grid" ? "dark" : "secondary",
+					buttonStyle: c === "grid" ? "solid" : "ghost",
 					size: "icon-small",
-					className: t(s === "grid" && "bg-background text-foreground shadow-xs hover:bg-background"),
-					"aria-label": u.gridView,
-					onClick: () => g("grid"),
-					children: /* @__PURE__ */ S(D, { className: "size-3.5" })
+					className: t(c === "grid" && "bg-background text-foreground shadow-xs hover:bg-background"),
+					"aria-label": d.gridView,
+					onClick: () => _("grid"),
+					children: /* @__PURE__ */ S(O, { className: "size-3.5" })
 				}), /* @__PURE__ */ S(n, {
 					type: "button",
-					variant: s === "table" ? "dark" : "secondary",
-					buttonStyle: s === "table" ? "solid" : "ghost",
+					variant: c === "table" ? "dark" : "secondary",
+					buttonStyle: c === "table" ? "solid" : "ghost",
 					size: "icon-small",
-					className: t(s === "table" && "bg-background text-foreground shadow-xs hover:bg-background"),
-					"aria-label": u.tableView,
-					onClick: () => g("table"),
-					children: /* @__PURE__ */ S(te, { className: "size-3.5" })
+					className: t(c === "table" && "bg-background text-foreground shadow-xs hover:bg-background"),
+					"aria-label": d.tableView,
+					onClick: () => _("table"),
+					children: /* @__PURE__ */ S(ee, { className: "size-3.5" })
 				})]
 			}),
-			!!e && /* @__PURE__ */ S(n, {
+			!!A && /* @__PURE__ */ S(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				onClick: _,
-				children: u.clearFilters
+				size: "small",
+				onClick: v,
+				children: d.clearFilters
 			}),
-			v
+			y
 		]
 	});
 }
@@ -656,7 +676,7 @@ function be({ item: e, selected: i = !1, density: o = "comfortable", showMeta: s
 				/* @__PURE__ */ S("span", {
 					className: t("media-library-card--check absolute left-2 top-2 inline-flex size-5 items-center justify-center rounded-md border border-border bg-background/95 text-transparent opacity-0 shadow-xs backdrop-blur transition-opacity group-hover/card:opacity-100 group-focus-visible/card:opacity-100", i && "bg-primary text-primary-foreground opacity-100"),
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ S(ee, { className: "size-3" })
+					children: /* @__PURE__ */ S(E, { className: "size-3" })
 				}),
 				!!d && /* @__PURE__ */ S(n, {
 					type: "button",
@@ -668,17 +688,17 @@ function be({ item: e, selected: i = !1, density: o = "comfortable", showMeta: s
 					onClick: (e) => {
 						e.stopPropagation(), d();
 					},
-					children: /* @__PURE__ */ S(A, { className: "size-3.5" })
+					children: /* @__PURE__ */ S(j, { className: "size-3.5" })
 				}),
 				p === "video" && !!b && /* @__PURE__ */ C(a, {
 					variant: "secondary",
 					className: "media-library-card--duration absolute bottom-2 left-2 bg-foreground text-background",
-					children: [/* @__PURE__ */ S(ne, { className: "size-3 fill-current" }), b]
+					children: [/* @__PURE__ */ S(te, { className: "size-3 fill-current" }), b]
 				}),
 				y && /* @__PURE__ */ S(a, {
 					variant: "secondary",
 					className: "media-library-card--private absolute bottom-2 right-2 bg-background/90",
-					children: /* @__PURE__ */ S(M, { className: "size-3" })
+					children: /* @__PURE__ */ S(N, { className: "size-3" })
 				})
 			]
 		}), /* @__PURE__ */ C("div", {
@@ -701,7 +721,7 @@ function be({ item: e, selected: i = !1, density: o = "comfortable", showMeta: s
 					size: "xs",
 					type: "secondary",
 					className: "ml-auto inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ S(j, { className: "size-3" }), v]
+					children: [/* @__PURE__ */ S(M, { className: "size-3" }), v]
 				})]
 			})]
 		})]
@@ -757,7 +777,7 @@ function xe({ items: e, selectedSet: i, accessors: o, strings: s, onToggle: c, o
 					/* @__PURE__ */ S("span", {
 						className: t("inline-flex size-5 items-center justify-center rounded-md border border-border text-transparent", d && "border-primary bg-primary text-primary-foreground"),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ S(ee, { className: "size-3" })
+						children: /* @__PURE__ */ S(E, { className: "size-3" })
 					}),
 					/* @__PURE__ */ S(G, {
 						tint: o.getTint(e),
@@ -780,7 +800,7 @@ function xe({ items: e, selectedSet: i, accessors: o, strings: s, onToggle: c, o
 						children: [/* @__PURE__ */ S("span", {
 							className: "truncate",
 							children: p
-						}), h && /* @__PURE__ */ S(M, { className: "size-3 shrink-0 text-muted-foreground" })]
+						}), h && /* @__PURE__ */ S(N, { className: "size-3 shrink-0 text-muted-foreground" })]
 					}),
 					/* @__PURE__ */ S(a, {
 						variant: "secondary",
@@ -811,7 +831,7 @@ function xe({ items: e, selectedSet: i, accessors: o, strings: s, onToggle: c, o
 						onClick: (e) => {
 							e.stopPropagation(), l(u);
 						},
-						children: /* @__PURE__ */ S(A, { className: "size-3.5" })
+						children: /* @__PURE__ */ S(j, { className: "size-3.5" })
 					})
 				]
 			}, u);
@@ -855,7 +875,7 @@ function J({ item: e, collections: t = [], accessors: i, strings: o, onClose: s,
 						className: "size-full object-cover"
 					}), g === "video" && !!i.getDuration(e) && /* @__PURE__ */ C(a, {
 						className: "absolute bottom-2 right-2 bg-foreground text-background",
-						children: [/* @__PURE__ */ S(ne, { className: "size-3 fill-current" }), i.getDuration(e)]
+						children: [/* @__PURE__ */ S(te, { className: "size-3 fill-current" }), i.getDuration(e)]
 					})]
 				}),
 				/* @__PURE__ */ S(r, {
@@ -939,13 +959,13 @@ function J({ item: e, collections: t = [], accessors: i, strings: o, onClose: s,
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "outline",
-						children: [/* @__PURE__ */ S(P, { className: "size-3.5" }), o.detail.replace]
+						children: [/* @__PURE__ */ S(F, { className: "size-3.5" }), o.detail.replace]
 					}), /* @__PURE__ */ C(n, {
 						type: "button",
 						variant: "error",
 						buttonStyle: "ghost",
 						onClick: d,
-						children: [/* @__PURE__ */ S(ae, { className: "size-3.5" }), o.detail.delete]
+						children: [/* @__PURE__ */ S(ie, { className: "size-3.5" }), o.detail.delete]
 					})]
 				})
 			]
@@ -1030,7 +1050,7 @@ function Y({ stagedFiles: e, uploadOptions: t, collections: i = [], uploading: o
 							disabled: o,
 							"aria-label": L(s.upload.removeFile, { name: e.name }),
 							onClick: () => m(e.id),
-							children: /* @__PURE__ */ S(oe, { className: "size-3.5" })
+							children: /* @__PURE__ */ S(ae, { className: "size-3.5" })
 						})
 					]
 				}, e.id))
@@ -1197,28 +1217,28 @@ function Ce(e, t, n) {
 		t
 	]);
 }
-function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selectionMode: d = "multiple", density: f = "comfortable", showMeta: p = !0, allowUpload: m = !0, typeFilters: h, confirmOnSelect: _ = !1, onConfirm: v, onCancel: y, onClose: b, strings: x, slots: w, heightClassName: T, className: ee, items: E, fetcher: D, accessors: k, collections: A, value: j, defaultValue: te, onValueChange: M, onItemUpdate: ne, onItemDelete: re, onUpload: N, onError: ie, initialTab: ae, defaultView: F, defaultQuery: oe, defaultType: ce, defaultCollection: le, defaultSort: ue, defaultUploadOptions: de, ...R }) {
-	let z = e(I, x), B = ge({
-		items: E,
-		fetcher: D,
-		accessors: k,
-		collections: A,
+function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selectionMode: d = "multiple", density: f = "comfortable", showMeta: p = !0, allowUpload: m = !0, typeFilters: h, confirmOnSelect: _ = !1, onConfirm: v, onCancel: y, onClose: b, strings: x, slots: w, heightClassName: T, className: E, items: D, fetcher: O, accessors: A, collections: j, value: M, defaultValue: ee, onValueChange: N, onItemUpdate: te, onItemDelete: ne, onUpload: P, onError: re, initialTab: ie, defaultView: I, defaultQuery: ae, defaultType: ce, defaultCollection: le, defaultSort: ue, defaultUploadOptions: de, ...R }) {
+	let z = e(se, x), B = ge({
+		items: D,
+		fetcher: O,
+		accessors: A,
+		collections: j,
 		selectionMode: d,
-		value: j,
-		defaultValue: te,
-		onValueChange: M,
-		onItemUpdate: ne,
-		onItemDelete: re,
-		onUpload: N,
-		onError: ie,
-		initialTab: ae,
-		defaultView: F,
-		defaultQuery: oe,
+		value: M,
+		defaultValue: ee,
+		onValueChange: N,
+		onItemUpdate: te,
+		onItemDelete: ne,
+		onUpload: P,
+		onError: re,
+		initialTab: ie,
+		defaultView: I,
+		defaultQuery: ae,
 		defaultType: ce,
 		defaultCollection: le,
 		defaultSort: ue,
 		defaultUploadOptions: de
-	}), fe = Ce(A, B.items, B.accessors.getCollection), V = m ? B.tab : "library", H = B.detailId ? B.items.find((e) => B.accessors.getId(e) === B.detailId) ?? null : null, U = g(Q), pe = !w?.footer, me = U && pe ? /* @__PURE__ */ S(X, {
+	}), fe = Ce(j, B.items, B.accessors.getCollection), V = m ? B.tab : "library", H = B.detailId ? B.items.find((e) => B.accessors.getId(e) === B.detailId) ?? null : null, U = g(Q), pe = !w?.footer, me = U && pe ? /* @__PURE__ */ S(X, {
 		tab: V,
 		selectedIds: B.selectedIds,
 		selectionMode: d,
@@ -1233,10 +1253,14 @@ function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selecti
 	}, K = (e) => {
 		let t = B.accessors.getId(e);
 		B.toggleSelection(t), _ && (v?.([e], [t]), b?.());
-	}, we = B.filteredCount === B.totalCount ? L(z.countAll, { count: B.totalCount }) : L(z.countFiltered, {
+	}, we = B.query.trim(), Te = we.length > 0 ? L(z.countSearch, {
+		count: B.filteredCount,
+		total: B.totalCount,
+		query: we
+	}) : B.filteredCount === B.totalCount ? L(z.countAll, { count: B.totalCount }) : L(z.countFiltered, {
 		count: B.filteredCount,
 		total: B.totalCount
-	}), Te = w?.footer ?? (U ? /* @__PURE__ */ S(Z, {
+	}), Ee = w?.footer ?? (U ? /* @__PURE__ */ S(Z, {
 		tab: V,
 		selectedItems: B.selectedItems,
 		selectedIds: B.selectedIds,
@@ -1271,7 +1295,7 @@ function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selecti
 		}
 	}));
 	return /* @__PURE__ */ C("section", {
-		className: t("media-library--component flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background", T ?? "h-190 max-h-[calc(100vh-7rem)]", ee),
+		className: t("media-library--component flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background", T ?? "h-190 max-h-[calc(100vh-7rem)]", E),
 		...R,
 		children: [
 			_e && /* @__PURE__ */ C("header", {
@@ -1306,7 +1330,7 @@ function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selecti
 								buttonStyle: "ghost",
 								className: t("h-8 rounded-sm px-3 shadow-none", V === "library" ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 								onClick: () => B.setTab("library"),
-								children: [/* @__PURE__ */ S(O, { className: "size-3.5" }), z.tabs.library]
+								children: [/* @__PURE__ */ S(k, { className: "size-3.5" }), z.tabs.library]
 							}), /* @__PURE__ */ C(n, {
 								type: "button",
 								role: "tab",
@@ -1316,7 +1340,7 @@ function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selecti
 								className: t("h-8 rounded-sm px-3 shadow-none", V === "upload" ? "bg-background text-foreground shadow-xs hover:bg-background" : "text-muted-foreground hover:bg-transparent hover:text-foreground"),
 								onClick: () => B.setTab("upload"),
 								children: [
-									/* @__PURE__ */ S(P, { className: "size-3.5" }),
+									/* @__PURE__ */ S(F, { className: "size-3.5" }),
 									z.tabs.upload,
 									B.stagedFiles.length > 0 && /* @__PURE__ */ S("span", {
 										className: "rounded-full bg-background/20 px-1.5 text-xs tabular-nums",
@@ -1368,7 +1392,7 @@ function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selecti
 							type: "secondary",
 							className: "mt-2",
 							"aria-live": "polite",
-							children: we
+							children: Te
 						})]
 					}), /* @__PURE__ */ S("div", {
 						className: "media-library--results min-h-0 flex-1 overflow-y-auto p-4",
@@ -1393,7 +1417,7 @@ function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selecti
 							}) : m ? /* @__PURE__ */ C(n, {
 								type: "button",
 								onClick: () => B.setTab("upload"),
-								children: [/* @__PURE__ */ S(P, { className: "size-3.5" }), z.uploadMedia]
+								children: [/* @__PURE__ */ S(F, { className: "size-3.5" }), z.uploadMedia]
 							}) : void 0
 						}) : B.view === "table" ? /* @__PURE__ */ S("div", {
 							className: "overflow-x-auto",
@@ -1447,12 +1471,12 @@ function we({ title: i, description: a, confirmLabel: l, cancelLabel: u, selecti
 					renderDetail: w?.renderDetail
 				})]
 			}),
-			U ? U.element ? se(Te, U.element) : null : Te
+			U ? U.element ? oe(Ee, U.element) : null : Ee
 		]
 	});
 }
 function Te({ open: n, onOpenChange: r, trigger: a, dialogTitle: o, dialogDescription: s, onClose: c, className: l, dialogClassName: u, contentClassName: d, closeOnEscape: f = !0, closeOnBackdropClick: p = !0, ...m }) {
-	let h = e(I, m.strings), [g, _] = b(!1), [v, y] = b(null), x = n !== void 0, C = x ? n : g, w = (e) => {
+	let h = e(se, m.strings), [g, _] = b(!1), [v, y] = b(null), x = n !== void 0, C = x ? n : g, w = (e) => {
 		x || _(e), r?.(e);
 	}, T = () => {
 		w(!1), c?.();
@@ -1493,39 +1517,39 @@ function Ee(e, t, n) {
 	let r = e.slice(), [i] = r.splice(t, 1);
 	return i === void 0 || r.splice(n, 0, i), r;
 }
-function De({ items: i, accessors: o, title: s, description: c, primaryId: l, onPrimaryChange: u, onRemove: d, onReorder: f, onAdd: p, maxItems: m, layout: h = "field", density: g = "comfortable", readOnly: _ = !1, empty: v, action: y, renderItem: b, strings: x, className: ee, ...D }) {
-	let O = e(I, x), A = de(o), j = i.length, te = l ?? (j > 0 ? A.getId(i[0]) : void 0), N = !_ && !!p && (m === void 0 || j < m), P = N && (h === "field" || j > 0) ? /* @__PURE__ */ S(n, {
+function De({ items: i, accessors: o, title: s, description: c, primaryId: l, onPrimaryChange: u, onRemove: d, onReorder: f, onAdd: p, maxItems: m, layout: h = "field", density: g = "comfortable", readOnly: _ = !1, empty: v, action: y, renderItem: b, strings: x, className: E, ...O }) {
+	let k = e(se, x), j = de(o), M = i.length, ee = l ?? (M > 0 ? j.getId(i[0]) : void 0), P = !_ && !!p && (m === void 0 || M < m), F = P && (h === "field" || M > 0) ? /* @__PURE__ */ S(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "outline",
-		icon: re,
+		icon: ne,
 		onClick: p,
-		children: O.gallery.add
-	}) : m !== void 0 && j >= m ? /* @__PURE__ */ S(a, {
+		children: k.gallery.add
+	}) : m !== void 0 && M >= m ? /* @__PURE__ */ S(a, {
 		variant: "secondary",
-		children: O.gallery.maxReached
-	}) : null, F = (e, t) => {
-		if (t < 0 || t >= j || e === t) return;
+		children: k.gallery.maxReached
+	}) : null, I = (e, t) => {
+		if (t < 0 || t >= M || e === t) return;
 		let n = Ee(i, e, t);
-		f?.(n.map((e) => A.getId(e)), n);
-	}, se = !!(s || c || y || P), ce = j === 0 && h !== "field", le = () => !N || h !== "field" ? null : /* @__PURE__ */ C(n, {
+		f?.(n.map((e) => j.getId(e)), n);
+	}, oe = !!(s || c || y || F), ce = M === 0 && h !== "field", le = () => !P || h !== "field" ? null : /* @__PURE__ */ C(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		className: t("media-resource-gallery--add-tile h-auto min-h-24 w-full flex-col rounded-lg border border-dashed border-border bg-background text-muted-foreground shadow-none", "aspect-square hover:border-primary/50 hover:bg-primary/5 hover:text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"),
-		"aria-label": O.gallery.addTile,
+		"aria-label": k.gallery.addTile,
 		onClick: p,
-		children: [/* @__PURE__ */ S(re, { className: "size-4" }), /* @__PURE__ */ S("span", {
+		children: [/* @__PURE__ */ S(ne, { className: "size-4" }), /* @__PURE__ */ S("span", {
 			className: "sr-only",
-			children: O.gallery.addTile
+			children: k.gallery.addTile
 		})]
 	});
 	return /* @__PURE__ */ C("section", {
-		className: t("media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs", ee),
+		className: t("media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs", E),
 		"data-layout": h,
 		"data-density": g,
-		...D,
-		children: [se && /* @__PURE__ */ C("header", {
+		...O,
+		children: [oe && /* @__PURE__ */ C("header", {
 			className: "media-resource-gallery--header flex flex-col gap-3 px-4 py-3 sm:flex-row sm:items-start sm:justify-between",
 			children: [/* @__PURE__ */ C("div", {
 				className: "min-w-0",
@@ -1541,35 +1565,35 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 				})]
 			}), /* @__PURE__ */ S("div", {
 				className: "media-resource-gallery--actions flex flex-wrap items-center gap-2",
-				children: y ?? P
+				children: y ?? F
 			})]
 		}), ce ? /* @__PURE__ */ S("div", {
 			className: "media-resource-gallery--empty p-4 pt-0",
 			children: v ?? /* @__PURE__ */ S(q, {
-				title: O.gallery.emptyTitle,
-				description: O.gallery.emptyDescription,
-				action: N ? /* @__PURE__ */ S(n, {
+				title: k.gallery.emptyTitle,
+				description: k.gallery.emptyDescription,
+				action: P ? /* @__PURE__ */ S(n, {
 					type: "button",
-					icon: k,
+					icon: A,
 					onClick: p,
-					children: O.gallery.add
+					children: k.gallery.add
 				}) : void 0
 			})
 		}) : /* @__PURE__ */ C("div", {
-			className: t("media-resource-gallery--items p-4", se && "pt-0", h === "list" ? "grid gap-2" : h === "field" ? "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-3 sm:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]" : g === "compact" ? "grid grid-cols-[repeat(auto-fill,minmax(132px,1fr))] gap-3" : "grid grid-cols-[repeat(auto-fill,minmax(164px,1fr))] gap-3"),
+			className: t("media-resource-gallery--items p-4", oe && "pt-0", h === "list" ? "grid gap-2" : h === "field" ? "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-3 sm:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]" : g === "compact" ? "grid grid-cols-[repeat(auto-fill,minmax(132px,1fr))] gap-3" : "grid grid-cols-[repeat(auto-fill,minmax(164px,1fr))] gap-3"),
 			children: [i.map((e, i) => {
-				let o = A.getId(e), s = A.getName(e), c = A.getType(e), l = A.getSrc(e), f = A.getAlt(e) || s, p = o === te, m = A.getPublic(e) === !1, g = A.getDuration(e), v = i > 0, y = i < j - 1, x = b?.(e, {
+				let o = j.getId(e), s = j.getName(e), c = j.getType(e), l = j.getSrc(e), f = j.getAlt(e) || s, p = o === ee, m = j.getPublic(e) === !1, g = j.getDuration(e), v = i > 0, y = i < M - 1, x = b?.(e, {
 					id: o,
 					index: i,
-					total: j,
+					total: M,
 					primary: p,
-					accessors: A,
+					accessors: j,
 					canMovePrevious: v,
 					canMoveNext: y,
 					setPrimary: () => u?.(o, e),
 					remove: () => d?.(o, e),
-					movePrevious: () => F(i, i - 1),
-					moveNext: () => F(i, i + 1)
+					movePrevious: () => I(i, i - 1),
+					moveNext: () => I(i, i + 1)
 				});
 				return x ? /* @__PURE__ */ S("div", { children: x }, o) : h === "field" ? /* @__PURE__ */ C("div", {
 					className: t("media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-lg 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"),
@@ -1582,21 +1606,21 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 							className: "size-full object-cover"
 						}) : /* @__PURE__ */ S("div", {
 							className: "flex size-full items-center justify-center bg-muted text-muted-foreground",
-							children: /* @__PURE__ */ S(E, { className: p ? "size-7" : "size-5" })
+							children: /* @__PURE__ */ S(D, { className: p ? "size-7" : "size-5" })
 						}),
 						p && /* @__PURE__ */ S(a, {
 							variant: "secondary",
 							className: "absolute left-2 top-2 bg-background/90 shadow-xs",
-							children: O.gallery.cover
+							children: k.gallery.cover
 						}),
 						c === "video" && !!g && /* @__PURE__ */ C(a, {
 							variant: "secondary",
 							className: "absolute bottom-2 left-2 bg-foreground text-background",
-							children: [/* @__PURE__ */ S(ne, { className: "size-3 fill-current" }), g]
+							children: [/* @__PURE__ */ S(te, { className: "size-3 fill-current" }), g]
 						}),
 						m && /* @__PURE__ */ S("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__ */ S(M, { className: "size-3" })
+							children: /* @__PURE__ */ S(N, { className: "size-3" })
 						}),
 						!_ && /* @__PURE__ */ S(n, {
 							type: "button",
@@ -1604,9 +1628,9 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 							buttonStyle: "solid",
 							size: "icon-small",
 							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": O.gallery.remove,
+							"aria-label": k.gallery.remove,
 							onClick: () => d?.(o, e),
-							children: /* @__PURE__ */ S(oe, { className: "size-3.5" })
+							children: /* @__PURE__ */ S(ae, { className: "size-3.5" })
 						})
 					]
 				}, o) : h === "list" ? /* @__PURE__ */ C("div", {
@@ -1622,7 +1646,7 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 								className: "size-full object-cover"
 							}) : /* @__PURE__ */ S("div", {
 								className: "flex size-full items-center justify-center text-muted-foreground",
-								children: /* @__PURE__ */ S(E, { className: "size-4" })
+								children: /* @__PURE__ */ S(D, { className: "size-4" })
 							})
 						}),
 						/* @__PURE__ */ C("div", {
@@ -1637,18 +1661,18 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									children: s
 								}), p && /* @__PURE__ */ S(a, {
 									variant: "info",
-									children: O.gallery.primary
+									children: k.gallery.primary
 								})]
 							}), /* @__PURE__ */ C(r, {
 								size: "xs",
 								type: "secondary",
 								children: [
-									L(O.gallery.itemPosition, {
+									L(k.gallery.itemPosition, {
 										index: i + 1,
-										total: j
+										total: M
 									}),
 									" · ",
-									R(A.getSize(e)) || O.unknownSize
+									R(j.getSize(e)) || k.unknownSize
 								]
 							})]
 						}),
@@ -1661,9 +1685,9 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									buttonStyle: "ghost",
 									size: "icon-small",
 									disabled: p,
-									"aria-label": O.gallery.setPrimary,
+									"aria-label": k.gallery.setPrimary,
 									onClick: () => u?.(o, e),
-									children: /* @__PURE__ */ S(ie, { className: "size-3.5" })
+									children: /* @__PURE__ */ S(re, { className: "size-3.5" })
 								}),
 								/* @__PURE__ */ S(n, {
 									type: "button",
@@ -1671,8 +1695,8 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									buttonStyle: "ghost",
 									size: "icon-small",
 									disabled: !v,
-									"aria-label": O.gallery.movePrevious,
-									onClick: () => F(i, i - 1),
+									"aria-label": k.gallery.movePrevious,
+									onClick: () => I(i, i - 1),
 									children: /* @__PURE__ */ S(w, { className: "size-3.5" })
 								}),
 								/* @__PURE__ */ S(n, {
@@ -1681,8 +1705,8 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									buttonStyle: "ghost",
 									size: "icon-small",
 									disabled: !y,
-									"aria-label": O.gallery.moveNext,
-									onClick: () => F(i, i + 1),
+									"aria-label": k.gallery.moveNext,
+									onClick: () => I(i, i + 1),
 									children: /* @__PURE__ */ S(T, { className: "size-3.5" })
 								}),
 								/* @__PURE__ */ S(n, {
@@ -1690,9 +1714,9 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									variant: "error",
 									buttonStyle: "ghost",
 									size: "icon-small",
-									"aria-label": O.gallery.remove,
+									"aria-label": k.gallery.remove,
 									onClick: () => d?.(o, e),
-									children: /* @__PURE__ */ S(ae, { className: "size-3.5" })
+									children: /* @__PURE__ */ S(ie, { className: "size-3.5" })
 								})
 							]
 						})
@@ -1709,17 +1733,17 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 							className: "size-full object-cover"
 						}) : /* @__PURE__ */ S("div", {
 							className: "flex size-full items-center justify-center text-muted-foreground",
-							children: /* @__PURE__ */ S(E, { className: "size-6" })
+							children: /* @__PURE__ */ S(D, { className: "size-6" })
 						}), /* @__PURE__ */ C("div", {
 							className: "absolute left-2 top-2 flex flex-wrap gap-1",
 							children: [p && /* @__PURE__ */ S(a, {
 								variant: "info",
-								children: O.gallery.primary
+								children: k.gallery.primary
 							}), /* @__PURE__ */ S(a, {
 								variant: "secondary",
-								children: L(O.gallery.itemPosition, {
+								children: L(k.gallery.itemPosition, {
 									index: i + 1,
-									total: j
+									total: M
 								})
 							})]
 						})]
@@ -1736,7 +1760,7 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 							}), /* @__PURE__ */ S(r, {
 								size: "xs",
 								type: "secondary",
-								children: R(A.getSize(e)) || O.unknownSize
+								children: R(j.getSize(e)) || k.unknownSize
 							})]
 						}), !_ && /* @__PURE__ */ C("div", {
 							className: "flex items-center gap-1",
@@ -1747,9 +1771,9 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									buttonStyle: "ghost",
 									size: "icon-small",
 									disabled: p,
-									"aria-label": O.gallery.setPrimary,
+									"aria-label": k.gallery.setPrimary,
 									onClick: () => u?.(o, e),
-									children: /* @__PURE__ */ S(ie, { className: "size-3.5" })
+									children: /* @__PURE__ */ S(re, { className: "size-3.5" })
 								}),
 								/* @__PURE__ */ S(n, {
 									type: "button",
@@ -1757,8 +1781,8 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									buttonStyle: "ghost",
 									size: "icon-small",
 									disabled: !v,
-									"aria-label": O.gallery.movePrevious,
-									onClick: () => F(i, i - 1),
+									"aria-label": k.gallery.movePrevious,
+									onClick: () => I(i, i - 1),
 									children: /* @__PURE__ */ S(w, { className: "size-3.5" })
 								}),
 								/* @__PURE__ */ S(n, {
@@ -1767,8 +1791,8 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									buttonStyle: "ghost",
 									size: "icon-small",
 									disabled: !y,
-									"aria-label": O.gallery.moveNext,
-									onClick: () => F(i, i + 1),
+									"aria-label": k.gallery.moveNext,
+									onClick: () => I(i, i + 1),
 									children: /* @__PURE__ */ S(T, { className: "size-3.5" })
 								}),
 								/* @__PURE__ */ S(n, {
@@ -1777,9 +1801,9 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 									buttonStyle: "ghost",
 									size: "icon-small",
 									className: "ml-auto",
-									"aria-label": O.gallery.remove,
+									"aria-label": k.gallery.remove,
 									onClick: () => d?.(o, e),
-									children: /* @__PURE__ */ S(ae, { className: "size-3.5" })
+									children: /* @__PURE__ */ S(ie, { className: "size-3.5" })
 								})
 							]
 						})]
@@ -1790,6 +1814,6 @@ function De({ items: i, accessors: o, title: s, description: c, primaryId: l, on
 	});
 }
 //#endregion
-export { we as MediaLibrary, be as MediaLibraryCard, J as MediaLibraryDetailPanel, Te as MediaLibraryDialog, q as MediaLibraryEmptyState, Se as MediaLibraryFooter, xe as MediaLibraryTable, ye as MediaLibraryToolbar, Y as MediaLibraryUploadPanel, De as MediaResourceGallery, I as defaultMediaLibraryStrings, R as formatMediaLibrarySize, L as formatMediaLibraryString, z as getMediaLibraryDimensions, de as resolveMediaLibraryAccessors, ge as useMediaLibrary };
+export { we as MediaLibrary, be as MediaLibraryCard, J as MediaLibraryDetailPanel, Te as MediaLibraryDialog, q as MediaLibraryEmptyState, Se as MediaLibraryFooter, xe as MediaLibraryTable, ye as MediaLibraryToolbar, Y as MediaLibraryUploadPanel, De as MediaResourceGallery, se as defaultMediaLibraryStrings, R as formatMediaLibrarySize, L as formatMediaLibraryString, z as getMediaLibraryDimensions, de as resolveMediaLibraryAccessors, ge as useMediaLibrary };
 
 //# sourceMappingURL=index.js.map