admin-ui-starter-kit 0.4.3 → 0.4.4

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

@@ -1,14 +1,14 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { t as r } from "../../../_shared/badge-yGlx9trX.js";
-import { t as i } from "../../../_shared/button-SuocMQFT.js";
-import { i as a, r as o, t as s } from "../../../_shared/alert-k60OnTtb.js";
-import { t as c } from "../../../_shared/input-C7t-RHYq.js";
-import { H as l, b as u } from "../../../_shared/forms-CwJci54_.js";
-import { n as d } from "../../../_shared/form-field-B7taMVbC.js";
-import { n as f } from "../../../_shared/switch-BBP3u1z5.js";
-import { r as p } from "../../../_shared/overlays-CIeniDjj.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
+import { r as i } from "../../../_shared/overlays-CJs_syAu.js";
+import { t as a } from "../../../_shared/badge-6WYAMJwA.js";
+import { i as o, r as s, t as c } from "../../../_shared/alert-k60OnTtb.js";
+import { t as l } from "../../../_shared/input-C7t-RHYq.js";
+import { H as u, b as d } from "../../../_shared/forms-L1hyNKpZ.js";
+import { n as f } from "../../../_shared/form-field-B7taMVbC.js";
+import { n as p } from "../../../_shared/switch-BBP3u1z5.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";
@@ -472,7 +472,7 @@ function K({ src: e, alt: t, type: n, className: r, loading: i = "lazy" }) {
 		onError: () => o(!0)
 	});
 }
-function q({ icon: e, title: r, description: i, action: a, className: o }) {
+function q({ icon: e, title: n, description: i, action: a, className: o }) {
 	return /* @__PURE__ */ C("div", {
 		className: t("media-library-empty-state--component flex min-h-64 flex-col items-center justify-center rounded-lg border border-dashed border-border bg-muted/20 px-6 py-10 text-center", o),
 		children: [
@@ -480,12 +480,12 @@ function q({ icon: e, title: r, description: i, action: a, className: o }) {
 				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" })
 			}),
-			/* @__PURE__ */ S(n, {
+			/* @__PURE__ */ S(r, {
 				tag: "div",
 				weight: "semibold",
-				children: r
+				children: n
 			}),
-			!!i && /* @__PURE__ */ S(n, {
+			!!i && /* @__PURE__ */ S(r, {
 				type: "secondary",
 				size: "xs",
 				className: "mt-1 max-w-sm",
@@ -498,7 +498,7 @@ function q({ icon: e, title: r, description: i, action: a, className: o }) {
 		]
 	});
 }
-function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s, collections: u = [], strings: d, onQueryChange: f, onTypeChange: p, onCollectionChange: m, onSortChange: h, onViewChange: g, onClearFilters: _, toolbarEnd: v }) {
+function ye({ query: e, type: r, typeFilters: i, collection: a, sort: o, view: s, collections: c = [], strings: d, onQueryChange: f, onTypeChange: p, onCollectionChange: m, onSortChange: h, onViewChange: g, onClearFilters: _, toolbarEnd: v }) {
 	let y = [
 		{
 			value: "all",
@@ -520,14 +520,14 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 			label: d.files,
 			icon: E
 		}
-	].filter((e) => (r ?? [
+	].filter((e) => (i ?? [
 		"all",
 		"image",
 		"video"
 	]).includes(e.value)), b = [{
 		value: "all",
 		label: d.allCollections
-	}, ...u.map((e) => ({
+	}, ...c.map((e) => ({
 		value: e.value,
 		label: String(e.label)
 	}))], x = [
@@ -553,7 +553,7 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 		children: [
 			/* @__PURE__ */ S("div", {
 				className: "min-w-52 flex-1",
-				children: /* @__PURE__ */ S(c, {
+				children: /* @__PURE__ */ S(l, {
 					value: e,
 					onChange: (e) => f(e.target.value),
 					placeholder: d.searchPlaceholder,
@@ -569,8 +569,8 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 				role: "tablist",
 				"aria-label": d.typeFilterLabel,
 				children: y.map((e) => {
-					let r = e.icon, a = n === e.value;
-					return /* @__PURE__ */ C(i, {
+					let i = e.icon, a = r === e.value;
+					return /* @__PURE__ */ C(n, {
 						type: "button",
 						role: "tab",
 						"aria-selected": a,
@@ -578,13 +578,13 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 						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),
-						children: [r && /* @__PURE__ */ S(r, { className: "size-3.5" }), e.label]
+						children: [i && /* @__PURE__ */ S(i, { className: "size-3.5" }), e.label]
 					}, e.value);
 				})
 			}),
 			/* @__PURE__ */ S("div", {
 				className: "min-w-40",
-				children: /* @__PURE__ */ S(l, {
+				children: /* @__PURE__ */ S(u, {
 					value: a,
 					options: b,
 					onChange: (e) => m(e ?? "all"),
@@ -595,7 +595,7 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 			}),
 			/* @__PURE__ */ S("div", {
 				className: "min-w-32",
-				children: /* @__PURE__ */ S(l, {
+				children: /* @__PURE__ */ S(u, {
 					value: o,
 					options: x,
 					onChange: (e) => h(e ?? "newest"),
@@ -606,7 +606,7 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5",
-				children: [/* @__PURE__ */ S(i, {
+				children: [/* @__PURE__ */ S(n, {
 					type: "button",
 					variant: s === "grid" ? "dark" : "secondary",
 					buttonStyle: s === "grid" ? "solid" : "ghost",
@@ -615,7 +615,7 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 					"aria-label": d.gridView,
 					onClick: () => g("grid"),
 					children: /* @__PURE__ */ S(D, { className: "size-3.5" })
-				}), /* @__PURE__ */ S(i, {
+				}), /* @__PURE__ */ S(n, {
 					type: "button",
 					variant: s === "table" ? "dark" : "secondary",
 					buttonStyle: s === "table" ? "solid" : "ghost",
@@ -626,7 +626,7 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 					children: /* @__PURE__ */ S(te, { className: "size-3.5" })
 				})]
 			}),
-			!!e && /* @__PURE__ */ S(i, {
+			!!e && /* @__PURE__ */ S(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -637,12 +637,12 @@ function ye({ query: e, type: n, typeFilters: r, collection: a, sort: o, view: s
 		]
 	});
 }
-function be({ item: e, selected: a = !1, density: o = "comfortable", showMeta: s = !0, accessors: c, strings: l, onToggle: u, onDetails: d, className: f }) {
+function be({ item: e, selected: i = !1, density: o = "comfortable", showMeta: s = !0, accessors: c, strings: l, onToggle: u, onDetails: d, className: f }) {
 	let p = c.getType(e), m = c.getName(e), h = c.getSrc(e), g = c.getAlt(e) || m, _ = c.getSize(e), v = c.getUsageCount(e), y = c.getPublic(e) === !1, b = c.getDuration(e);
 	return /* @__PURE__ */ C("div", {
-		"data-selected": a || void 0,
+		"data-selected": i || void 0,
 		"data-density": o,
-		className: t("media-library-card--component group/card overflow-hidden rounded-xl 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", a && "media-library-card--selected border-primary ring-1 ring-primary", f),
+		className: t("media-library-card--component group/card overflow-hidden rounded-xl 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", i && "media-library-card--selected border-primary ring-1 ring-primary", f),
 		onClick: u,
 		children: [/* @__PURE__ */ C(G, {
 			tint: c.getTint(e),
@@ -655,11 +655,11 @@ function be({ item: e, selected: a = !1, density: o = "comfortable", showMeta: s
 					className: "size-full object-cover"
 				}),
 				/* @__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", a && "bg-primary text-primary-foreground opacity-100"),
+					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" })
 				}),
-				!!d && /* @__PURE__ */ S(i, {
+				!!d && /* @__PURE__ */ S(n, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "solid",
@@ -671,12 +671,12 @@ function be({ item: e, selected: a = !1, density: o = "comfortable", showMeta: s
 					},
 					children: /* @__PURE__ */ S(A, { className: "size-3.5" })
 				}),
-				p === "video" && !!b && /* @__PURE__ */ C(r, {
+				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]
 				}),
-				y && /* @__PURE__ */ S(r, {
+				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" })
@@ -684,7 +684,7 @@ function be({ item: e, selected: a = !1, density: o = "comfortable", showMeta: s
 			]
 		}), /* @__PURE__ */ C("div", {
 			className: "media-library-card--body grid gap-1 px-3 py-2.5",
-			children: [/* @__PURE__ */ S(n, {
+			children: [/* @__PURE__ */ S(r, {
 				tag: "div",
 				weight: "semibold",
 				size: "xs",
@@ -692,12 +692,12 @@ function be({ item: e, selected: a = !1, density: o = "comfortable", showMeta: s
 				children: m
 			}), s && /* @__PURE__ */ C("div", {
 				className: "flex min-w-0 items-center gap-2",
-				children: [/* @__PURE__ */ S(n, {
+				children: [/* @__PURE__ */ S(r, {
 					size: "xxs",
 					type: "secondary",
 					className: "truncate",
 					children: R(_) || l.unknownSize
-				}), !!v && /* @__PURE__ */ C(n, {
+				}), !!v && /* @__PURE__ */ C(r, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
@@ -708,7 +708,7 @@ function be({ item: e, selected: a = !1, density: o = "comfortable", showMeta: s
 		})]
 	});
 }
-function xe({ items: e, selectedSet: a, accessors: o, strings: s, onToggle: c, onDetails: l }) {
+function xe({ items: e, selectedSet: i, accessors: o, strings: s, onToggle: c, onDetails: l }) {
 	return /* @__PURE__ */ C("div", {
 		className: "media-library-table--component min-w-[720px]",
 		children: [/* @__PURE__ */ C("div", {
@@ -716,31 +716,31 @@ function xe({ items: e, selectedSet: a, accessors: o, strings: s, onToggle: c, o
 			children: [
 				/* @__PURE__ */ S("span", {}),
 				/* @__PURE__ */ S("span", {}),
-				/* @__PURE__ */ S(n, {
+				/* @__PURE__ */ S(r, {
 					size: "xxs",
 					type: "secondary",
 					weight: "semibold",
 					children: s.table.name
 				}),
-				/* @__PURE__ */ S(n, {
+				/* @__PURE__ */ S(r, {
 					size: "xxs",
 					type: "secondary",
 					weight: "semibold",
 					children: s.table.type
 				}),
-				/* @__PURE__ */ S(n, {
+				/* @__PURE__ */ S(r, {
 					size: "xxs",
 					type: "secondary",
 					weight: "semibold",
 					children: s.table.size
 				}),
-				/* @__PURE__ */ S(n, {
+				/* @__PURE__ */ S(r, {
 					size: "xxs",
 					type: "secondary",
 					weight: "semibold",
 					children: s.table.collection
 				}),
-				/* @__PURE__ */ S(n, {
+				/* @__PURE__ */ S(r, {
 					size: "xxs",
 					type: "secondary",
 					weight: "semibold",
@@ -749,7 +749,7 @@ function xe({ items: e, selectedSet: a, accessors: o, strings: s, onToggle: c, o
 				/* @__PURE__ */ S("span", {})
 			]
 		}), e.map((e) => {
-			let u = o.getId(e), d = a.has(u), f = o.getType(e), p = o.getName(e), m = o.getSrc(e), h = o.getPublic(e) === !1;
+			let u = o.getId(e), d = i.has(u), f = o.getType(e), p = o.getName(e), m = o.getSrc(e), h = o.getPublic(e) === !1;
 			return /* @__PURE__ */ C("div", {
 				"data-selected": d || void 0,
 				className: t("media-library-table--row grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border/60 px-3 py-2 last:border-b-0", "cursor-pointer rounded-lg transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", d && "bg-primary/10"),
@@ -773,7 +773,7 @@ function xe({ items: e, selectedSet: a, accessors: o, strings: s, onToggle: c, o
 							children: W(f, "size-4")
 						})
 					}),
-					/* @__PURE__ */ C(n, {
+					/* @__PURE__ */ C(r, {
 						tag: "div",
 						weight: "semibold",
 						size: "xs",
@@ -783,27 +783,27 @@ function xe({ items: e, selectedSet: a, accessors: o, strings: s, onToggle: c, o
 							children: p
 						}), h && /* @__PURE__ */ S(M, { className: "size-3 shrink-0 text-muted-foreground" })]
 					}),
-					/* @__PURE__ */ S(r, {
+					/* @__PURE__ */ S(a, {
 						variant: "secondary",
 						children: _e(f, s)
 					}),
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ S(r, {
 						size: "xs",
 						type: "secondary",
 						children: R(o.getSize(e)) || s.unknownSize
 					}),
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ S(r, {
 						size: "xs",
 						type: "secondary",
 						className: "truncate",
 						children: o.getCollection(e) || "-"
 					}),
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ S(r, {
 						size: "xs",
 						type: "secondary",
 						children: o.getUsageCount(e) ? o.getUsageCount(e) : "-"
 					}),
-					/* @__PURE__ */ S(i, {
+					/* @__PURE__ */ S(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
@@ -819,19 +819,19 @@ function xe({ items: e, selectedSet: a, accessors: o, strings: s, onToggle: c, o
 		})]
 	});
 }
-function J({ item: e, collections: t = [], accessors: a, strings: o, onClose: s, onUpdate: u, onRemove: p, renderDetail: m }) {
+function J({ item: e, collections: t = [], accessors: i, strings: o, onClose: s, onUpdate: c, onRemove: d, renderDetail: m }) {
 	if (!e) return null;
-	let h = a.getName(e), g = a.getType(e), _ = a.getSrc(e), v = a.getCollection(e) ?? t[0]?.value ?? "", y = a.getTags(e), b = a.getPublic(e) ?? !0, T = m?.(e, {
-		accessors: a,
-		update: u,
-		remove: p,
+	let h = i.getName(e), g = i.getType(e), _ = i.getSrc(e), v = i.getCollection(e) ?? t[0]?.value ?? "", y = i.getTags(e), b = i.getPublic(e) ?? !0, T = m?.(e, {
+		accessors: i,
+		update: c,
+		remove: d,
 		close: s
 	});
 	return T ? /* @__PURE__ */ S(x, { children: T }) : /* @__PURE__ */ C("aside", {
 		className: "media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background lg:w-72",
 		children: [/* @__PURE__ */ C("div", {
 			className: "media-library-detail-panel--header flex items-center gap-2 border-b border-border px-3 py-2.5",
-			children: [/* @__PURE__ */ S(i, {
+			children: [/* @__PURE__ */ S(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -839,7 +839,7 @@ function J({ item: e, collections: t = [], accessors: a, strings: o, onClose: s,
 				"aria-label": o.detail.close,
 				onClick: s,
 				children: /* @__PURE__ */ S(w, { className: "size-3.5" })
-			}), /* @__PURE__ */ S(n, {
+			}), /* @__PURE__ */ S(r, {
 				weight: "semibold",
 				children: o.detail.title
 			})]
@@ -847,19 +847,19 @@ function J({ item: e, collections: t = [], accessors: a, strings: o, onClose: s,
 			className: "media-library-detail-panel--body grid min-h-0 gap-4 overflow-y-auto p-4",
 			children: [
 				/* @__PURE__ */ C(G, {
-					tint: a.getTint(e),
+					tint: i.getTint(e),
 					className: "aspect-[4/3] rounded-lg border border-border",
 					children: [/* @__PURE__ */ S(K, {
 						src: _,
-						alt: a.getAlt(e) || h,
+						alt: i.getAlt(e) || h,
 						type: g,
 						className: "size-full object-cover"
-					}), g === "video" && !!a.getDuration(e) && /* @__PURE__ */ C(r, {
+					}), 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" }), a.getDuration(e)]
+						children: [/* @__PURE__ */ S(ne, { className: "size-3 fill-current" }), i.getDuration(e)]
 					})]
 				}),
-				/* @__PURE__ */ S(n, {
+				/* @__PURE__ */ S(r, {
 					tag: "div",
 					weight: "semibold",
 					className: "break-words",
@@ -869,20 +869,20 @@ function J({ item: e, collections: t = [], accessors: a, strings: o, onClose: s,
 					className: "media-library-detail-panel--facts grid gap-2",
 					children: [
 						[o.detail.type, _e(g, o)],
-						[o.detail.size, R(a.getSize(e)) || o.unknownSize],
-						[o.detail.dimensions, z(e, a) || "-"],
-						[o.detail.uploaded, String(a.getUploadedAt(e) ?? "-")],
-						[o.detail.usedIn, ve(a.getUsageCount(e), o)]
+						[o.detail.size, R(i.getSize(e)) || o.unknownSize],
+						[o.detail.dimensions, z(e, i) || "-"],
+						[o.detail.uploaded, String(i.getUploadedAt(e) ?? "-")],
+						[o.detail.usedIn, ve(i.getUsageCount(e), o)]
 					].map(([e, t]) => /* @__PURE__ */ C("div", {
 						className: "flex justify-between gap-4",
-						children: [/* @__PURE__ */ S("dt", { children: /* @__PURE__ */ S(n, {
+						children: [/* @__PURE__ */ S("dt", { children: /* @__PURE__ */ S(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							children: e
 						}) }), /* @__PURE__ */ S("dd", {
 							className: "m-0 text-right",
-							children: /* @__PURE__ */ S(n, {
+							children: /* @__PURE__ */ S(r, {
 								tag: "span",
 								size: "xs",
 								weight: "medium",
@@ -891,61 +891,61 @@ function J({ item: e, collections: t = [], accessors: a, strings: o, onClose: s,
 						})]
 					}, e))
 				}),
-				/* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(f, {
 					label: o.detail.altText,
-					children: /* @__PURE__ */ S(c, {
-						value: a.getAlt(e) ?? "",
+					children: /* @__PURE__ */ S(l, {
+						value: i.getAlt(e) ?? "",
 						placeholder: o.detail.altPlaceholder,
-						onChange: (e) => u({ alt: e.target.value })
+						onChange: (e) => c({ alt: e.target.value })
 					})
 				}),
-				/* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(f, {
 					label: o.detail.collection,
-					children: /* @__PURE__ */ S(l, {
+					children: /* @__PURE__ */ S(u, {
 						value: v,
 						options: t.map((e) => ({
 							value: e.value,
 							label: String(e.label)
 						})),
 						"aria-label": o.detail.collection,
-						onChange: (e) => u({ collection: e })
+						onChange: (e) => c({ collection: e })
 					})
 				}),
-				/* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(f, {
 					label: o.detail.tags,
-					children: /* @__PURE__ */ S(c, {
+					children: /* @__PURE__ */ S(l, {
 						value: y.join(", "),
 						placeholder: o.detail.tagsPlaceholder,
-						onChange: (e) => u({ tags: e.target.value.split(",").map((e) => e.trim()).filter(Boolean) })
+						onChange: (e) => c({ tags: e.target.value.split(",").map((e) => e.trim()).filter(Boolean) })
 					})
 				}),
 				/* @__PURE__ */ C("div", {
 					className: "media-library-detail-panel--public flex items-center justify-between gap-4 rounded-lg border border-border bg-muted/20 p-3",
-					children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(n, {
+					children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(r, {
 						weight: "semibold",
 						size: "xs",
 						children: o.detail.public
-					}), /* @__PURE__ */ S(n, {
+					}), /* @__PURE__ */ S(r, {
 						size: "xxs",
 						type: "secondary",
 						children: b ? o.detail.publicHint : o.detail.privateHint
-					})] }), /* @__PURE__ */ S(f, {
+					})] }), /* @__PURE__ */ S(p, {
 						checked: b,
-						onCheckedChange: (e) => u({ public: e })
+						onCheckedChange: (e) => c({ public: e })
 					})]
 				}),
 				/* @__PURE__ */ C("div", {
 					className: "media-library-detail-panel--actions flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ C(i, {
+					children: [/* @__PURE__ */ C(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "outline",
 						children: [/* @__PURE__ */ S(P, { className: "size-3.5" }), o.detail.replace]
-					}), /* @__PURE__ */ C(i, {
+					}), /* @__PURE__ */ C(n, {
 						type: "button",
 						variant: "error",
 						buttonStyle: "ghost",
-						onClick: p,
+						onClick: d,
 						children: [/* @__PURE__ */ S(ae, { className: "size-3.5" }), o.detail.delete]
 					})]
 				})
@@ -953,12 +953,12 @@ function J({ item: e, collections: t = [], accessors: a, strings: o, onClose: s,
 		})]
 	});
 }
-function Y({ stagedFiles: e, uploadOptions: t, collections: a = [], uploading: o = !1, strings: s, onFiles: p, onRemoveFile: m, onOptionsChange: h, empty: g }) {
+function Y({ stagedFiles: e, uploadOptions: t, collections: i = [], uploading: o = !1, strings: s, onFiles: c, onRemoveFile: m, onOptionsChange: h, empty: g }) {
 	return /* @__PURE__ */ C("div", {
 		className: "media-library-upload-panel--component grid gap-4 p-4",
 		children: [
-			/* @__PURE__ */ S(u, {
-				onDrop: p,
+			/* @__PURE__ */ S(d, {
+				onDrop: c,
 				accept: "image/*,video/*",
 				multiple: !0,
 				size: "base",
@@ -989,12 +989,12 @@ function Y({ stagedFiles: e, uploadOptions: t, collections: a = [], uploading: o
 							children: [
 								/* @__PURE__ */ C("div", {
 									className: "flex items-baseline gap-3",
-									children: [/* @__PURE__ */ S(n, {
+									children: [/* @__PURE__ */ S(r, {
 										weight: "semibold",
 										size: "xs",
 										className: "truncate",
 										children: e.name
-									}), /* @__PURE__ */ S(n, {
+									}), /* @__PURE__ */ S(r, {
 										size: "xxs",
 										type: "secondary",
 										className: "ml-auto shrink-0",
@@ -1008,22 +1008,22 @@ function Y({ stagedFiles: e, uploadOptions: t, collections: a = [], uploading: o
 										style: { width: `${e.progress}%` }
 									})
 								}),
-								e.status === "error" && /* @__PURE__ */ S(n, {
+								e.status === "error" && /* @__PURE__ */ S(r, {
 									size: "xxs",
 									type: "error",
 									children: e.error
 								})
 							]
 						}),
-						e.status === "done" ? /* @__PURE__ */ S(r, {
+						e.status === "done" ? /* @__PURE__ */ S(a, {
 							variant: "success",
 							children: s.upload.done
-						}) : e.status === "uploading" ? /* @__PURE__ */ C(n, {
+						}) : e.status === "uploading" ? /* @__PURE__ */ C(r, {
 							size: "xxs",
 							type: "secondary",
 							className: "tabular-nums",
 							children: [Math.round(e.progress), "%"]
-						}) : /* @__PURE__ */ S(i, {
+						}) : /* @__PURE__ */ S(n, {
 							type: "button",
 							variant: "secondary",
 							buttonStyle: "ghost",
@@ -1039,11 +1039,11 @@ function Y({ stagedFiles: e, uploadOptions: t, collections: a = [], uploading: o
 			/* @__PURE__ */ C("div", {
 				className: "media-library-upload-panel--options grid gap-3 rounded-lg border border-border bg-muted/20 p-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]",
 				children: [
-					/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ S(f, {
 						label: s.upload.collection,
-						children: /* @__PURE__ */ S(l, {
-							value: t.collection ?? a[0]?.value,
-							options: a.map((e) => ({
+						children: /* @__PURE__ */ S(u, {
+							value: t.collection ?? i[0]?.value,
+							options: i.map((e) => ({
 								value: e.value,
 								label: String(e.label)
 							})),
@@ -1051,9 +1051,9 @@ function Y({ stagedFiles: e, uploadOptions: t, collections: a = [], uploading: o
 							onChange: (e) => h({ collection: e })
 						})
 					}),
-					/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ S(f, {
 						label: s.upload.tags,
-						children: /* @__PURE__ */ S(c, {
+						children: /* @__PURE__ */ S(l, {
 							value: t.tags.join(", "),
 							placeholder: s.upload.tagsPlaceholder,
 							onChange: (e) => h({ tags: e.target.value.split(",").map((e) => e.trim()).filter(Boolean) })
@@ -1061,15 +1061,15 @@ function Y({ stagedFiles: e, uploadOptions: t, collections: a = [], uploading: o
 					}),
 					/* @__PURE__ */ C("div", {
 						className: "flex items-center justify-between gap-4 md:self-end",
-						children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(n, {
+						children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(r, {
 							weight: "semibold",
 							size: "xs",
 							children: s.upload.public
-						}), /* @__PURE__ */ S(n, {
+						}), /* @__PURE__ */ S(r, {
 							size: "xxs",
 							type: "secondary",
 							children: s.upload.publicHint
-						})] }), /* @__PURE__ */ S(f, {
+						})] }), /* @__PURE__ */ S(p, {
 							checked: t.public,
 							onCheckedChange: (e) => h({ public: e })
 						})]
@@ -1079,12 +1079,12 @@ function Y({ stagedFiles: e, uploadOptions: t, collections: a = [], uploading: o
 		]
 	});
 }
-function X({ tab: e, selectedIds: r, selectionMode: a, stagedFiles: o, strings: s, onClearSelection: c, className: l }) {
-	let u = r.length, d = o.reduce((e, t) => e + t.size, 0), f = o.length, p = t("media-library-footer-summary--component flex min-w-0 items-center gap-3", l);
+function X({ tab: e, selectedIds: i, selectionMode: a, stagedFiles: o, strings: s, onClearSelection: c, className: l }) {
+	let u = i.length, d = o.reduce((e, t) => e + t.size, 0), f = o.length, p = t("media-library-footer-summary--component flex min-w-0 items-center gap-3", l);
 	return e === "upload" ? /* @__PURE__ */ S("div", {
 		className: p,
 		"aria-live": "polite",
-		children: /* @__PURE__ */ S(n, {
+		children: /* @__PURE__ */ S(r, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
@@ -1096,19 +1096,19 @@ function X({ tab: e, selectedIds: r, selectionMode: a, stagedFiles: o, strings:
 	}) : /* @__PURE__ */ S("div", {
 		className: p,
 		"aria-live": "polite",
-		children: u > 0 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(n, {
+		children: u > 0 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(r, {
 			weight: "semibold",
 			size: "xs",
 			className: "whitespace-nowrap",
 			children: L(s.footer.selectedCount, { count: u })
-		}), /* @__PURE__ */ S(i, {
+		}), /* @__PURE__ */ S(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
 			size: "xs",
 			onClick: c,
 			children: s.footer.clear
-		})] }) : /* @__PURE__ */ S(n, {
+		})] }) : /* @__PURE__ */ S(r, {
 			size: "xs",
 			type: "secondary",
 			className: "truncate",
@@ -1116,18 +1116,18 @@ function X({ tab: e, selectedIds: r, selectionMode: a, stagedFiles: o, strings:
 		})
 	});
 }
-function Z({ tab: e, selectedItems: n, selectedIds: r, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onUpload: f, onCancelUpload: p, className: m }) {
-	let h = r.length, g = a.length;
+function Z({ tab: e, selectedItems: r, selectedIds: i, stagedFiles: a, uploading: o = !1, strings: s, confirmLabel: c, cancelLabel: l, onCancel: u, onConfirm: d, onUpload: f, onCancelUpload: p, className: m }) {
+	let h = i.length, g = a.length;
 	return e === "upload" ? /* @__PURE__ */ C("div", {
 		className: t("media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", m),
-		children: [/* @__PURE__ */ S(i, {
+		children: [/* @__PURE__ */ S(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
 			disabled: o,
 			onClick: p,
 			children: l ?? s.footer.cancel
-		}), /* @__PURE__ */ S(i, {
+		}), /* @__PURE__ */ S(n, {
 			type: "button",
 			disabled: g === 0 || o,
 			onClick: f,
@@ -1137,17 +1137,17 @@ function Z({ tab: e, selectedItems: n, selectedIds: r, stagedFiles: a, uploading
 		})]
 	}) : /* @__PURE__ */ C("div", {
 		className: t("media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", m),
-		children: [/* @__PURE__ */ S(i, {
+		children: [/* @__PURE__ */ S(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
 			onClick: u,
 			children: l ?? s.footer.cancel
-		}), /* @__PURE__ */ S(i, {
+		}), /* @__PURE__ */ S(n, {
 			type: "button",
 			disabled: h === 0,
 			onClick: d,
-			children: c ?? (h === 0 ? s.footer.confirmEmpty : n.length === 1 ? s.footer.confirmOne : L(s.footer.confirmMany, { count: h }))
+			children: c ?? (h === 0 ? s.footer.confirmEmpty : r.length === 1 ? s.footer.confirmOne : L(s.footer.confirmMany, { count: h }))
 		})]
 	});
 }
@@ -1198,7 +1198,7 @@ function Ce(e, t, n) {
 		t
 	]);
 }
-function we({ title: r, description: c, 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 }) {
+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,
@@ -1227,7 +1227,7 @@ function we({ title: r, description: c, confirmLabel: l, cancelLabel: u, selecti
 		strings: z,
 		onClearSelection: B.clearSelection,
 		className: "media-library-dialog--selection-summary shrink-0 justify-end"
-	}) : null, he = !!(r || c || w?.headerStart), W = !!(m || w?.headerEnd || me), _e = he || W, ve = () => {
+	}) : null, he = !!(i || a || w?.headerStart), W = !!(m || w?.headerEnd || me), _e = he || W, ve = () => {
 		v?.(B.selectedItems, B.selectedIds), b?.();
 	}, G = () => {
 		y?.(), b?.();
@@ -1279,17 +1279,17 @@ function we({ title: r, description: c, confirmLabel: l, cancelLabel: u, selecti
 				className: "media-library--header flex flex-col gap-3 border-b border-border px-4 py-3 lg:flex-row lg:items-center lg:justify-between",
 				children: [he && /* @__PURE__ */ C("div", {
 					className: "flex min-w-0 items-start gap-3",
-					children: [w?.headerStart, (r || c) && /* @__PURE__ */ C("div", {
+					children: [w?.headerStart, (i || a) && /* @__PURE__ */ C("div", {
 						className: "min-w-0",
-						children: [!!r && /* @__PURE__ */ S(n, {
+						children: [!!i && /* @__PURE__ */ S(r, {
 							tag: "div",
 							weight: "semibold",
-							children: r
-						}), !!c && /* @__PURE__ */ S(n, {
+							children: i
+						}), !!a && /* @__PURE__ */ S(r, {
 							size: "xs",
 							type: "secondary",
 							className: "mt-0.5",
-							children: c
+							children: a
 						})]
 					})]
 				}), W && /* @__PURE__ */ C("div", {
@@ -1299,7 +1299,7 @@ function we({ title: r, description: c, confirmLabel: l, cancelLabel: u, selecti
 						children: [m && /* @__PURE__ */ C("div", {
 							className: "media-library--tabs flex items-center rounded-md bg-muted p-0.5",
 							role: "tablist",
-							children: [/* @__PURE__ */ C(i, {
+							children: [/* @__PURE__ */ C(n, {
 								type: "button",
 								role: "tab",
 								"aria-selected": V === "library",
@@ -1308,7 +1308,7 @@ function we({ title: r, description: c, confirmLabel: l, cancelLabel: u, selecti
 								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]
-							}), /* @__PURE__ */ C(i, {
+							}), /* @__PURE__ */ C(n, {
 								type: "button",
 								role: "tab",
 								"aria-selected": V === "upload",
@@ -1364,7 +1364,7 @@ function we({ title: r, description: c, confirmLabel: l, cancelLabel: u, selecti
 							onViewChange: B.setView,
 							onClearFilters: B.clearFilters,
 							toolbarEnd: w?.toolbarEnd
-						}), /* @__PURE__ */ S(n, {
+						}), /* @__PURE__ */ S(r, {
 							size: "xs",
 							type: "secondary",
 							className: "mt-2",
@@ -1375,23 +1375,23 @@ function we({ title: r, description: c, confirmLabel: l, cancelLabel: u, selecti
 						className: "media-library--results min-h-0 flex-1 overflow-y-auto p-4",
 						children: B.loading ? w?.loading ?? /* @__PURE__ */ S("div", {
 							className: "flex min-h-64 items-center justify-center",
-							children: /* @__PURE__ */ S(n, {
+							children: /* @__PURE__ */ S(r, {
 								type: "secondary",
 								children: z.loading
 							})
-						}) : B.error ? w?.error ?? /* @__PURE__ */ C(s, {
+						}) : B.error ? w?.error ?? /* @__PURE__ */ C(c, {
 							variant: "destructive",
-							children: [/* @__PURE__ */ S(a, { children: z.errorTitle }), /* @__PURE__ */ S(o, { children: z.errorDescription })]
+							children: [/* @__PURE__ */ S(o, { children: z.errorTitle }), /* @__PURE__ */ S(s, { children: z.errorDescription })]
 						}) : B.visibleItems.length === 0 ? w?.empty ?? /* @__PURE__ */ S(q, {
 							title: B.hasFilters ? z.emptyFilteredTitle : z.emptyLibraryTitle,
 							description: B.hasFilters ? z.emptyFilteredDescription : z.emptyLibraryDescription,
-							action: B.hasFilters ? /* @__PURE__ */ S(i, {
+							action: B.hasFilters ? /* @__PURE__ */ S(n, {
 								type: "button",
 								variant: "secondary",
 								buttonStyle: "outline",
 								onClick: B.clearFilters,
 								children: z.clearFilters
-							}) : m ? /* @__PURE__ */ C(i, {
+							}) : m ? /* @__PURE__ */ C(n, {
 								type: "button",
 								onClick: () => B.setTab("upload"),
 								children: [/* @__PURE__ */ S(P, { className: "size-3.5" }), z.uploadMedia]
@@ -1452,21 +1452,21 @@ function we({ title: r, description: c, confirmLabel: l, cancelLabel: u, selecti
 		]
 	});
 }
-function Te({ open: n, onOpenChange: r, trigger: i, dialogTitle: a, dialogDescription: o, onClose: s, className: c, dialogClassName: l, contentClassName: u, closeOnEscape: d = !0, closeOnBackdropClick: f = !0, ...m }) {
+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) => {
 		x || _(e), r?.(e);
 	}, T = () => {
-		w(!1), s?.();
+		w(!1), c?.();
 	};
 	return /* @__PURE__ */ S(Q.Provider, {
 		value: { element: v },
-		children: /* @__PURE__ */ S(p, {
+		children: /* @__PURE__ */ S(i, {
 			open: C,
 			onOpenChange: w,
-			onClose: s,
-			trigger: i,
-			title: a ?? h.title,
-			description: o ?? h.description,
+			onClose: c,
+			trigger: a,
+			title: o ?? h.title,
+			description: s ?? h.description,
 			size: "full",
 			showCancel: !1,
 			showConfirm: !1,
@@ -1474,14 +1474,14 @@ function Te({ open: n, onOpenChange: r, trigger: i, dialogTitle: a, dialogDescri
 				ref: y,
 				className: "media-library-dialog--footer"
 			}),
-			className: t("media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))]", l),
-			contentClassName: t("media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0", u),
-			closeOnBackdropClick: f,
-			closeOnEscape: d,
+			className: t("media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))]", u),
+			contentClassName: t("media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0", d),
+			closeOnBackdropClick: p,
+			closeOnEscape: f,
 			children: /* @__PURE__ */ S(we, {
 				...m,
 				onClose: T,
-				className: t("media-library-dialog--library rounded-none border-0", c),
+				className: t("media-library-dialog--library rounded-none border-0", l),
 				heightClassName: m.heightClassName ?? "min-h-0 flex-1",
 				strings: m.strings
 			})
@@ -1494,22 +1494,22 @@ 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: a, 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 = a.length, te = l ?? (j > 0 ? A.getId(a[0]) : void 0), N = !_ && !!p && (m === void 0 || j < m), P = N && (h === "field" || j > 0) ? /* @__PURE__ */ S(i, {
+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, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "outline",
 		icon: re,
 		onClick: p,
 		children: O.gallery.add
-	}) : m !== void 0 && j >= m ? /* @__PURE__ */ S(r, {
+	}) : m !== void 0 && j >= m ? /* @__PURE__ */ S(a, {
 		variant: "secondary",
 		children: O.gallery.maxReached
 	}) : null, F = (e, t) => {
 		if (t < 0 || t >= j || e === t) return;
-		let n = Ee(a, e, t);
+		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(i, {
+	}, se = !!(s || c || y || P), ce = j === 0 && h !== "field", le = () => !N || h !== "field" ? null : /* @__PURE__ */ C(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -1530,11 +1530,11 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 			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",
-				children: [!!s && /* @__PURE__ */ S(n, {
+				children: [!!s && /* @__PURE__ */ S(r, {
 					tag: "div",
 					weight: "semibold",
 					children: s
-				}), !!c && /* @__PURE__ */ S(n, {
+				}), !!c && /* @__PURE__ */ S(r, {
 					size: "xs",
 					type: "secondary",
 					className: "mt-0.5",
@@ -1549,7 +1549,7 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 			children: v ?? /* @__PURE__ */ S(q, {
 				title: O.gallery.emptyTitle,
 				description: O.gallery.emptyDescription,
-				action: N ? /* @__PURE__ */ S(i, {
+				action: N ? /* @__PURE__ */ S(n, {
 					type: "button",
 					icon: k,
 					onClick: p,
@@ -1558,10 +1558,10 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 			})
 		}) : /* @__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"),
-			children: [a.map((e, a) => {
-				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 = a > 0, y = a < j - 1, x = b?.(e, {
+			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, {
 					id: o,
-					index: a,
+					index: i,
 					total: j,
 					primary: p,
 					accessors: A,
@@ -1569,8 +1569,8 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 					canMoveNext: y,
 					setPrimary: () => u?.(o, e),
 					remove: () => d?.(o, e),
-					movePrevious: () => F(a, a - 1),
-					moveNext: () => F(a, a + 1)
+					movePrevious: () => F(i, i - 1),
+					moveNext: () => F(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"),
@@ -1585,12 +1585,12 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 							className: "flex size-full items-center justify-center bg-muted text-muted-foreground",
 							children: /* @__PURE__ */ S(E, { className: p ? "size-7" : "size-5" })
 						}),
-						p && /* @__PURE__ */ S(r, {
+						p && /* @__PURE__ */ S(a, {
 							variant: "secondary",
 							className: "absolute left-2 top-2 bg-background/90 shadow-xs",
 							children: O.gallery.cover
 						}),
-						c === "video" && !!g && /* @__PURE__ */ C(r, {
+						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]
@@ -1599,7 +1599,7 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 							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" })
 						}),
-						!_ && /* @__PURE__ */ S(i, {
+						!_ && /* @__PURE__ */ S(n, {
 							type: "button",
 							variant: "secondary",
 							buttonStyle: "solid",
@@ -1630,22 +1630,22 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 							className: "min-w-0 flex-1",
 							children: [/* @__PURE__ */ C("div", {
 								className: "flex min-w-0 items-center gap-2",
-								children: [/* @__PURE__ */ S(n, {
+								children: [/* @__PURE__ */ S(r, {
 									tag: "div",
 									weight: "semibold",
 									size: "xs",
 									className: "truncate",
 									children: s
-								}), p && /* @__PURE__ */ S(r, {
+								}), p && /* @__PURE__ */ S(a, {
 									variant: "info",
 									children: O.gallery.primary
 								})]
-							}), /* @__PURE__ */ C(n, {
+							}), /* @__PURE__ */ C(r, {
 								size: "xxs",
 								type: "secondary",
 								children: [
 									L(O.gallery.itemPosition, {
-										index: a + 1,
+										index: i + 1,
 										total: j
 									}),
 									" · ",
@@ -1656,7 +1656,7 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 						!_ && /* @__PURE__ */ C("div", {
 							className: "flex shrink-0 items-center gap-1",
 							children: [
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "secondary",
 									buttonStyle: "ghost",
@@ -1666,27 +1666,27 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 									onClick: () => u?.(o, e),
 									children: /* @__PURE__ */ S(ie, { className: "size-3.5" })
 								}),
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "secondary",
 									buttonStyle: "ghost",
 									size: "icon-xs",
 									disabled: !v,
 									"aria-label": O.gallery.movePrevious,
-									onClick: () => F(a, a - 1),
+									onClick: () => F(i, i - 1),
 									children: /* @__PURE__ */ S(w, { className: "size-3.5" })
 								}),
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "secondary",
 									buttonStyle: "ghost",
 									size: "icon-xs",
 									disabled: !y,
 									"aria-label": O.gallery.moveNext,
-									onClick: () => F(a, a + 1),
+									onClick: () => F(i, i + 1),
 									children: /* @__PURE__ */ S(T, { className: "size-3.5" })
 								}),
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "error",
 									buttonStyle: "ghost",
@@ -1713,13 +1713,13 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 							children: /* @__PURE__ */ S(E, { className: "size-6" })
 						}), /* @__PURE__ */ C("div", {
 							className: "absolute left-2 top-2 flex flex-wrap gap-1",
-							children: [p && /* @__PURE__ */ S(r, {
+							children: [p && /* @__PURE__ */ S(a, {
 								variant: "info",
 								children: O.gallery.primary
-							}), /* @__PURE__ */ S(r, {
+							}), /* @__PURE__ */ S(a, {
 								variant: "secondary",
 								children: L(O.gallery.itemPosition, {
-									index: a + 1,
+									index: i + 1,
 									total: j
 								})
 							})]
@@ -1728,13 +1728,13 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 						className: "media-resource-gallery--item-body grid gap-2 p-3",
 						children: [/* @__PURE__ */ C("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ S(n, {
+							children: [/* @__PURE__ */ S(r, {
 								tag: "div",
 								weight: "semibold",
 								size: "xs",
 								className: "truncate",
 								children: s
-							}), /* @__PURE__ */ S(n, {
+							}), /* @__PURE__ */ S(r, {
 								size: "xxs",
 								type: "secondary",
 								children: R(A.getSize(e)) || O.unknownSize
@@ -1742,7 +1742,7 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 						}), !_ && /* @__PURE__ */ C("div", {
 							className: "flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "secondary",
 									buttonStyle: "ghost",
@@ -1752,27 +1752,27 @@ function De({ items: a, accessors: o, title: s, description: c, primaryId: l, on
 									onClick: () => u?.(o, e),
 									children: /* @__PURE__ */ S(ie, { className: "size-3.5" })
 								}),
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "secondary",
 									buttonStyle: "ghost",
 									size: "icon-xs",
 									disabled: !v,
 									"aria-label": O.gallery.movePrevious,
-									onClick: () => F(a, a - 1),
+									onClick: () => F(i, i - 1),
 									children: /* @__PURE__ */ S(w, { className: "size-3.5" })
 								}),
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "secondary",
 									buttonStyle: "ghost",
 									size: "icon-xs",
 									disabled: !y,
 									"aria-label": O.gallery.moveNext,
-									onClick: () => F(a, a + 1),
+									onClick: () => F(i, i + 1),
 									children: /* @__PURE__ */ S(T, { className: "size-3.5" })
 								}),
-								/* @__PURE__ */ S(i, {
+								/* @__PURE__ */ S(n, {
 									type: "button",
 									variant: "error",
 									buttonStyle: "ghost",