@rpcbase/ui 0.263.0 → 0.264.0

package/dist/index299.js

@@ -1,16 +1,16 @@
 import { cn as e } from "./index12.js";
-import { Image as t } from "./index297.js";
-import n from "./index298.js";
-import { c as r } from "react/compiler-runtime";
-import { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { Loader2 as c, Maximize2 as ee, Plus as l, X as te } from "lucide-react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createPortal as ne } from "react-dom";
-import { DndContext as p, DragOverlay as m, KeyboardSensor as re, PointerSensor as h, closestCenter as g, defaultDropAnimationSideEffects as _, useSensor as ie, useSensors as ae } from "@dnd-kit/core";
-import { SortableContext as v, arrayMove as y, rectSortingStrategy as oe, sortableKeyboardCoordinates as b, useSortable as x } from "@dnd-kit/sortable";
-import { CSS as S } from "@dnd-kit/utilities";
+import { Image as t, getImageSrcSet as n, isRpcbaseFileImageSrc as r, withImageWidth as i } from "./index297.js";
+import a from "./index298.js";
+import { c as o } from "react/compiler-runtime";
+import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Loader2 as d, Maximize2 as f, Plus as p, X as ee } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createPortal as te } from "react-dom";
+import { DndContext as _, DragOverlay as v, KeyboardSensor as ne, PointerSensor as re, closestCenter as ie, defaultDropAnimationSideEffects as y, useSensor as b, useSensors as ae } from "@dnd-kit/core";
+import { SortableContext as x, arrayMove as oe, rectSortingStrategy as se, sortableKeyboardCoordinates as ce, useSortable as S } from "@dnd-kit/sortable";
+import { CSS as le } from "@dnd-kit/utilities";
 //#region src/components/FilesUploadField/index.tsx
-var se = async (e) => {
+var C = async (e) => {
 	if (typeof crypto > "u" || crypto.subtle === void 0) return null;
 	try {
 		let t = await crypto.subtle.digest("SHA-256", e);
@@ -18,31 +18,31 @@ var se = async (e) => {
 	} catch {
 		return null;
 	}
-}, C = async (e, t) => {
+}, w = async (e, t) => {
 	if (typeof Worker > "u") throw Error("File hashing is not supported in this browser");
-	return new Promise((r, i) => {
-		let a = new n(), o = () => {
-			t?.removeEventListener("abort", s), a.terminate();
+	return new Promise((n, r) => {
+		let i = new a(), o = () => {
+			t?.removeEventListener("abort", s), i.terminate();
 		}, s = () => {
 			o();
 			let e = /* @__PURE__ */ Error("Upload aborted");
-			e.name = "AbortError", i(e);
+			e.name = "AbortError", r(e);
 		};
 		if (t?.aborted) {
 			s();
 			return;
 		}
-		t?.addEventListener("abort", s, { once: !0 }), a.onerror = () => {
-			o(), i(/* @__PURE__ */ Error("Unable to hash file"));
-		}, a.onmessage = (e) => {
+		t?.addEventListener("abort", s, { once: !0 }), i.onerror = () => {
+			o(), r(/* @__PURE__ */ Error("Unable to hash file"));
+		}, i.onmessage = (e) => {
 			if (o(), e.data.ok) {
-				r(e.data.hash);
+				n(e.data.hash);
 				return;
 			}
-			i(/* @__PURE__ */ Error(e.data.error === "hash_unavailable" ? "File hashing is not supported in this browser" : "Unable to hash file"));
-		}, a.postMessage(e);
+			r(/* @__PURE__ */ Error(e.data.error === "hash_unavailable" ? "File hashing is not supported in this browser" : "Unable to hash file"));
+		}, i.postMessage(e);
 	});
-}, w = async (e, t, n) => {
+}, T = async (e, t, n) => {
 	let r = await fetch(e, {
 		method: "POST",
 		headers: {
@@ -58,7 +58,7 @@ var se = async (e) => {
 		status: r.status,
 		data: i
 	};
-}, T = async (e, t) => {
+}, E = async (e, t) => {
 	let n = await fetch(e, {
 		credentials: "include",
 		headers: t?.headers,
@@ -69,7 +69,7 @@ var se = async (e) => {
 		status: n.status,
 		data: r
 	};
-}, E = async ({ url: e, body: t, sha256: n, uploadKey: r, signal: i }) => {
+}, D = async ({ url: e, body: t, sha256: n, uploadKey: r, signal: i }) => {
 	let a = { "Content-Type": "application/octet-stream" };
 	n && (a["X-Chunk-SHA256"] = n), r && (a["X-Upload-Key"] = r);
 	let o = await fetch(e, {
@@ -83,8 +83,8 @@ var se = async (e) => {
 		ok: o.ok,
 		status: o.status
 	};
-}, ce = async (e, t, n) => {
-	let r = n?.deduplicationNamespace?.trim(), i = r ? await C(e, n?.signal) : null, a = await w("/api/rb/file-uploads", {
+}, ue = async (e, t, n) => {
+	let r = n?.deduplicationNamespace?.trim(), i = r ? await w(e, n?.signal) : null, a = await T("/api/rb/file-uploads", {
 		filename: e.name,
 		mimeType: e.type || "application/octet-stream",
 		...n?.accessScope ? { accessScope: n.accessScope } : typeof n?.isPublic == "boolean" ? { isPublic: n.isPublic } : {},
@@ -106,24 +106,24 @@ var se = async (e) => {
 			...n ? { uploadKey: n } : {}
 		};
 	}
-	let s = String(a.data?.uploadId ?? ""), c = typeof a.data?.uploadKey == "string" ? String(a.data.uploadKey) : null, ee = Number(a.data?.chunkSize ?? 0), l = Number(a.data?.chunksTotal ?? 0);
-	if (!s || !ee || !l) throw Error("Upload init missing required fields");
-	let te = async (t) => {
-		let r = t * ee, i = Math.min(e.size, r + ee), a = await e.slice(r, i).arrayBuffer(), o = await se(a), l = await E({
+	let s = String(a.data?.uploadId ?? ""), c = typeof a.data?.uploadKey == "string" ? String(a.data.uploadKey) : null, l = Number(a.data?.chunkSize ?? 0), u = Number(a.data?.chunksTotal ?? 0);
+	if (!s || !l || !u) throw Error("Upload init missing required fields");
+	let d = async (t) => {
+		let r = t * l, i = Math.min(e.size, r + l), a = await e.slice(r, i).arrayBuffer(), o = await C(a), u = await D({
 			url: `/api/rb/file-uploads/${encodeURIComponent(s)}/chunks/${t}`,
 			body: a,
 			sha256: o ?? void 0,
 			uploadKey: c ?? void 0,
 			signal: n?.signal
 		});
-		if (l.status !== 204) throw Error(`Chunk ${t} failed (${l.status})`);
-	}, u = async (e, n = 0) => {
+		if (u.status !== 204) throw Error(`Chunk ${t} failed (${u.status})`);
+	}, f = async (e, n = 0) => {
 		let r = n;
-		for (let n of e) await te(n), r += 1, t(Math.min(99, Math.floor(r / l * 99)));
+		for (let n of e) await d(n), r += 1, t(Math.min(99, Math.floor(r / u * 99)));
 	};
-	await u(Array.from({ length: l }, (e, t) => t), 0);
-	let d = async () => {
-		let e = await w(`/api/rb/file-uploads/${encodeURIComponent(s)}/complete`, {}, {
+	await f(Array.from({ length: u }, (e, t) => t), 0);
+	let p = async () => {
+		let e = await T(`/api/rb/file-uploads/${encodeURIComponent(s)}/complete`, {}, {
 			headers: c ? { "X-Upload-Key": c } : void 0,
 			signal: n?.signal
 		});
@@ -134,275 +134,287 @@ var se = async (e) => {
 		}
 		let t = String(e.data?.error ?? "");
 		if (e.status !== 409 || t !== "missing_chunks") throw Error(t || `Complete failed (${e.status})`);
-		let r = await T(`/api/rb/file-uploads/${encodeURIComponent(s)}/status`, {
+		let r = await E(`/api/rb/file-uploads/${encodeURIComponent(s)}/status`, {
 			headers: c ? { "X-Upload-Key": c } : void 0,
 			signal: n?.signal
 		});
 		if (!r.ok || !r.data?.ok) throw Error(r.data?.error ?? `Status failed (${r.status})`);
 		let i = Array.isArray(r.data?.received) ? r.data.received : [], a = new Set(i), o = [];
-		for (let e = 0; e < l; e += 1) a.has(e) || o.push(e);
+		for (let e = 0; e < u; e += 1) a.has(e) || o.push(e);
 		if (!o.length) throw Error("missing_chunks");
-		return await u(o, a.size), d();
-	}, f = await d();
+		return await f(o, a.size), p();
+	}, ee = await p();
 	return t(100), {
-		id: f,
-		url: `/api/rb/files/${encodeURIComponent(f)}`,
+		id: ee,
+		url: `/api/rb/files/${encodeURIComponent(ee)}`,
 		alt: e.name,
 		...c ? { uploadKey: c } : {}
 	};
 };
-function le(n) {
-	let a = r(82), { item: l, isHovered: p, enableImagePreview: m, renderItem: re, onHoverEnter: h, onHoverLeave: g, onRemove: _, onRetry: ie, startFullscreen: ae, isUploading: v, isError: y, tileClasses: oe, disabled: b, isDraggingExternal: se, removeButtonAriaLabel: C } = n, w;
-	a[0] !== b || a[1] !== l.id ? (w = {
-		id: l.id,
-		disabled: b
-	}, a[0] = b, a[1] = l.id, a[2] = w) : w = a[2];
-	let { setNodeRef: T, attributes: E, listeners: ce, transform: le, transition: ue, isDragging: de } = x(w), pe = o(null), me = o(null), [D, he] = s(null), O;
-	a[3] === Symbol.for("react.memo_cache_sentinel") ? (O = () => {
-		let e = pe.current;
+function de(n) {
+	let r = o(82), { item: i, isHovered: a, enableImagePreview: c, renderItem: p, onHoverEnter: _, onHoverLeave: v, onRemove: ne, onRetry: re, startFullscreen: ie, isUploading: y, isError: b, tileClasses: ae, disabled: x, isDraggingExternal: oe, removeButtonAriaLabel: se } = n, ce;
+	r[0] !== x || r[1] !== i.id ? (ce = {
+		id: i.id,
+		disabled: x
+	}, r[0] = x, r[1] = i.id, r[2] = ce) : ce = r[2];
+	let { setNodeRef: C, attributes: w, listeners: T, transform: E, transition: D, isDragging: ue } = S(ce), de = l(null), fe = l(null), [O, pe] = u(null), k;
+	r[3] === Symbol.for("react.memo_cache_sentinel") ? (k = () => {
+		let e = de.current;
 		if (!e) return;
 		let t = e.getBoundingClientRect();
-		he({
+		pe({
 			left: t.left + t.width / 2,
 			top: t.top - 10
 		});
-	}, a[3] = O) : O = a[3];
-	let ge = O, k, A;
-	a[4] !== m || a[5] !== p ? (k = () => {
-		if (!m || !p) {
-			he(null);
+	}, r[3] = k) : k = r[3];
+	let A = k, j, he;
+	r[4] !== c || r[5] !== a ? (j = () => {
+		if (!c || !a) {
+			pe(null);
 			return;
 		}
-		ge();
+		A();
 		let e = 0, t = () => {
 			e && cancelAnimationFrame(e), e = requestAnimationFrame(() => {
-				e = 0, ge();
+				e = 0, A();
 			});
 		};
 		return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
 			e && cancelAnimationFrame(e), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
-	}, A = [m, p], a[4] = m, a[5] = p, a[6] = k, a[7] = A) : (k = a[6], A = a[7]), i(k, A);
-	let j;
-	a[8] === le ? j = a[9] : (j = S.Transform.toString(le), a[8] = le, a[9] = j);
+	}, he = [c, a], r[4] = c, r[5] = a, r[6] = j, r[7] = he) : (j = r[6], he = r[7]), s(j, he);
 	let M;
-	a[10] !== j || a[11] !== ue ? (M = {
-		transform: j,
-		transition: ue
-	}, a[10] = j, a[11] = ue, a[12] = M) : M = a[12];
-	let N = M, P;
-	a[13] !== m || a[14] !== y || a[15] !== v || a[16] !== l.alt || a[17] !== l.fileName || a[18] !== l.id || a[19] !== l.previewUrl || a[20] !== l.progress || a[21] !== l.status || a[22] !== l.uploadKey || a[23] !== l.url || a[24] !== re ? (P = re ? re({
+	r[8] === E ? M = r[9] : (M = le.Transform.toString(E), r[8] = E, r[9] = M);
+	let ge;
+	r[10] !== M || r[11] !== D ? (ge = {
+		transform: M,
+		transition: D
+	}, r[10] = M, r[11] = D, r[12] = ge) : ge = r[12];
+	let N = ge, P;
+	r[13] !== c || r[14] !== b || r[15] !== y || r[16] !== i.alt || r[17] !== i.fileName || r[18] !== i.id || r[19] !== i.previewUrl || r[20] !== i.progress || r[21] !== i.status || r[22] !== i.uploadKey || r[23] !== i.url || r[24] !== p ? (P = p ? p({
 		file: {
-			id: l.id,
-			url: l.url,
-			alt: l.alt,
-			uploadKey: l.uploadKey
+			id: i.id,
+			url: i.url,
+			alt: i.alt,
+			uploadKey: i.uploadKey
 		},
-		previewUrl: l.previewUrl,
-		status: l.status,
-		progress: l.progress,
-		fileName: l.fileName
-	}) : m ? /* @__PURE__ */ d(t, {
-		src: l.previewUrl,
-		alt: l.alt ?? "Uploaded file",
+		previewUrl: i.previewUrl,
+		status: i.status,
+		progress: i.progress,
+		fileName: i.fileName
+	}) : c ? /* @__PURE__ */ h(t, {
+		src: i.previewUrl,
+		alt: i.alt ?? "Uploaded file",
 		sizes: "96px",
-		className: e("size-full rounded-md object-cover", v && "opacity-75", y && "grayscale")
-	}) : /* @__PURE__ */ d("div", {
+		className: e("size-full rounded-md object-cover", y && "opacity-75", b && "grayscale")
+	}) : /* @__PURE__ */ h("div", {
 		className: "flex size-full items-center justify-center rounded-md bg-slate-100 px-2 text-center text-[10px] font-medium text-slate-700 dark:bg-slate-800 dark:text-slate-200",
-		children: /* @__PURE__ */ d("span", {
+		children: /* @__PURE__ */ h("span", {
 			className: "w-full truncate",
-			children: l.fileName ?? l.alt ?? "Fichier"
+			children: i.fileName ?? i.alt ?? "Fichier"
 		})
-	}), a[13] = m, a[14] = y, a[15] = v, a[16] = l.alt, a[17] = l.fileName, a[18] = l.id, a[19] = l.previewUrl, a[20] = l.progress, a[21] = l.status, a[22] = l.uploadKey, a[23] = l.url, a[24] = re, a[25] = P) : P = a[25];
-	let _e = P, F;
-	a[26] === T ? F = a[27] : (F = (e) => {
-		pe.current = e, T(e);
-	}, a[26] = T, a[27] = F);
-	let I = de && "z-20 ring-2 ring-primary shadow-xl", L = se && "opacity-0", ve = !b && "cursor-grab active:cursor-grabbing", R = de && "cursor-grabbing", z = b && "cursor-default", B;
-	a[28] !== L || a[29] !== ve || a[30] !== R || a[31] !== z || a[32] !== I || a[33] !== oe ? (B = e(oe, I, L, ve, R, z), a[28] = L, a[29] = ve, a[30] = R, a[31] = z, a[32] = I, a[33] = oe, a[34] = B) : B = a[34];
+	}), r[13] = c, r[14] = b, r[15] = y, r[16] = i.alt, r[17] = i.fileName, r[18] = i.id, r[19] = i.previewUrl, r[20] = i.progress, r[21] = i.status, r[22] = i.uploadKey, r[23] = i.url, r[24] = p, r[25] = P) : P = r[25];
+	let F = P, I;
+	r[26] === C ? I = r[27] : (I = (e) => {
+		de.current = e, C(e);
+	}, r[26] = C, r[27] = I);
+	let _e = ue && "z-20 ring-2 ring-primary shadow-xl", L = oe && "opacity-0", R = !x && "cursor-grab active:cursor-grabbing", ve = ue && "cursor-grabbing", z = x && "cursor-default", B;
+	r[28] !== L || r[29] !== R || r[30] !== ve || r[31] !== z || r[32] !== _e || r[33] !== ae ? (B = e(ae, _e, L, R, ve, z), r[28] = L, r[29] = R, r[30] = ve, r[31] = z, r[32] = _e, r[33] = ae, r[34] = B) : B = r[34];
 	let V;
-	a[35] === h ? V = a[36] : (V = () => {
-		ge(), h();
-	}, a[35] = h, a[36] = V);
+	r[35] === _ ? V = r[36] : (V = () => {
+		A(), _();
+	}, r[35] = _, r[36] = V);
 	let H;
-	a[37] === g ? H = a[38] : (H = (e) => {
+	r[37] === v ? H = r[38] : (H = (e) => {
 		let t = e.relatedTarget;
-		t instanceof Node && me.current?.contains(t) || g();
-	}, a[37] = g, a[38] = H);
+		t instanceof Node && fe.current?.contains(t) || v();
+	}, r[37] = v, r[38] = H);
 	let U;
-	a[39] !== b || a[40] !== l.id || a[41] !== _ ? (U = () => {
-		b || _(l.id);
-	}, a[39] = b, a[40] = l.id, a[41] = _, a[42] = U) : U = a[42];
+	r[39] !== x || r[40] !== i.id || r[41] !== ne ? (U = () => {
+		x || ne(i.id);
+	}, r[39] = x, r[40] = i.id, r[41] = ne, r[42] = U) : U = r[42];
+	let ye;
+	r[43] === Symbol.for("react.memo_cache_sentinel") ? (ye = /* @__PURE__ */ h(ee, { className: "h-4 w-4" }), r[43] = ye) : ye = r[43];
 	let W;
-	a[43] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ d(te, { className: "h-4 w-4" }), a[43] = W) : W = a[43];
-	let G;
-	a[44] !== b || a[45] !== C || a[46] !== U ? (G = /* @__PURE__ */ d("button", {
+	r[44] !== x || r[45] !== se || r[46] !== U ? (W = /* @__PURE__ */ h("button", {
 		type: "button",
 		onClick: U,
-		disabled: b,
+		disabled: x,
 		className: "absolute right-1 top-1 inline-flex size-6 items-center justify-center rounded-full bg-white text-slate-700 shadow-sm transition hover:scale-105 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary dark:bg-slate-900 dark:text-slate-200",
-		"aria-label": C,
-		children: W
-	}), a[44] = b, a[45] = C, a[46] = U, a[47] = G) : G = a[47];
-	let K;
-	a[48] !== m || a[49] !== p || a[50] !== l.alt || a[51] !== l.id || a[52] !== l.url || a[53] !== h || a[54] !== g || a[55] !== D || a[56] !== ae ? (K = m && p && D && (() => {
-		let e = /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d("div", {
-			ref: me,
+		"aria-label": se,
+		children: ye
+	}), r[44] = x, r[45] = se, r[46] = U, r[47] = W) : W = r[47];
+	let G;
+	r[48] !== c || r[49] !== a || r[50] !== i.alt || r[51] !== i.id || r[52] !== i.url || r[53] !== _ || r[54] !== v || r[55] !== O || r[56] !== ie ? (G = c && a && O && (() => {
+		let e = /* @__PURE__ */ h(m, { children: /* @__PURE__ */ h("div", {
+			ref: fe,
 			className: "pointer-events-auto fixed z-[60] w-52 -translate-x-1/2 -translate-y-full rounded-xl border border-slate-200 bg-white/95 p-3 shadow-2xl backdrop-blur dark:border-slate-700 dark:bg-slate-900/95",
 			style: {
-				left: D.left,
-				top: D.top
+				left: O.left,
+				top: O.top
 			},
 			onMouseEnter: () => {
-				ge(), h();
+				A(), _();
 			},
 			onMouseLeave: (e) => {
 				let t = e.relatedTarget;
-				t instanceof Node && pe.current?.contains(t) || g();
+				t instanceof Node && de.current?.contains(t) || v();
 			},
-			children: /* @__PURE__ */ f("div", {
+			children: /* @__PURE__ */ g("div", {
 				className: "relative overflow-hidden rounded-lg",
-				children: [/* @__PURE__ */ d(t, {
-					src: l.url,
-					alt: l.alt ?? "Preview",
+				children: [/* @__PURE__ */ h(t, {
+					src: i.url,
+					alt: i.alt ?? "Preview",
 					sizes: "208px",
 					className: "h-40 w-full object-cover"
-				}), /* @__PURE__ */ d("button", {
+				}), /* @__PURE__ */ h("button", {
 					type: "button",
-					onClick: () => ae(l.id),
+					onClick: () => ie(i.id),
 					className: "absolute right-2 top-2 inline-flex items-center justify-center rounded-full bg-black/70 p-2 text-white transition hover:bg-black",
 					"aria-label": "Plein écran",
-					children: /* @__PURE__ */ d(ee, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ h(f, { className: "h-3.5 w-3.5" })
 				})]
 			})
 		}) });
-		return typeof document > "u" ? e : ne(e, document.body);
-	})(), a[48] = m, a[49] = p, a[50] = l.alt, a[51] = l.id, a[52] = l.url, a[53] = h, a[54] = g, a[55] = D, a[56] = ae, a[57] = K) : K = a[57];
-	let q;
-	a[58] !== v || a[59] !== l.alt || a[60] !== l.fileName || a[61] !== l.progress ? (q = v && /* @__PURE__ */ f("div", {
+		return typeof document > "u" ? e : te(e, document.body);
+	})(), r[48] = c, r[49] = a, r[50] = i.alt, r[51] = i.id, r[52] = i.url, r[53] = _, r[54] = v, r[55] = O, r[56] = ie, r[57] = G) : G = r[57];
+	let K;
+	r[58] !== y || r[59] !== i.alt || r[60] !== i.fileName || r[61] !== i.progress ? (K = y && /* @__PURE__ */ g("div", {
 		className: "absolute inset-0 z-20 flex flex-col items-center justify-center gap-2 rounded-lg bg-black/40 text-white",
 		role: "progressbar",
-		"aria-label": l.fileName ?? l.alt ?? "File",
+		"aria-label": i.fileName ?? i.alt ?? "File",
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
-		"aria-valuenow": l.progress,
+		"aria-valuenow": i.progress,
 		children: [
-			/* @__PURE__ */ d(c, {
+			/* @__PURE__ */ h(d, {
 				className: "h-5 w-5 animate-spin",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ h("div", {
 				className: "h-1.5 w-5/6 rounded-full bg-white/20",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ h("div", {
 					className: "h-full rounded-full bg-primary",
-					style: { width: `${l.progress}%` }
+					style: { width: `${i.progress}%` }
 				})
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ g("div", {
 				className: "text-xs font-semibold",
-				children: [l.progress, "%"]
+				children: [i.progress, "%"]
 			})
 		]
-	}), a[58] = v, a[59] = l.alt, a[60] = l.fileName, a[61] = l.progress, a[62] = q) : q = a[62];
-	let J;
-	a[63] !== b || a[64] !== y || a[65] !== l.errorMessage || a[66] !== l.id || a[67] !== ie ? (J = y && /* @__PURE__ */ f("div", {
+	}), r[58] = y, r[59] = i.alt, r[60] = i.fileName, r[61] = i.progress, r[62] = K) : K = r[62];
+	let q;
+	r[63] !== x || r[64] !== b || r[65] !== i.errorMessage || r[66] !== i.id || r[67] !== re ? (q = b && /* @__PURE__ */ g("div", {
 		className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-lg bg-red-600/70 text-white",
 		role: "alert",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "max-w-[92%] break-words text-center text-[10px] font-semibold leading-tight",
-			title: l.errorMessage,
-			children: fe(l.errorMessage)
-		}), /* @__PURE__ */ d("button", {
+			title: i.errorMessage,
+			children: me(i.errorMessage)
+		}), /* @__PURE__ */ h("button", {
 			type: "button",
-			onClick: () => ie(l.id),
-			disabled: b,
+			onClick: () => re(i.id),
+			disabled: x,
 			className: "rounded-full bg-white/90 px-3 py-1 text-xs font-semibold text-red-700 shadow-sm transition hover:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",
 			children: "Réessayer"
 		})]
-	}), a[63] = b, a[64] = y, a[65] = l.errorMessage, a[66] = l.id, a[67] = ie, a[68] = J) : J = a[68];
-	let Y;
-	return a[69] !== E || a[70] !== ce || a[71] !== N || a[72] !== B || a[73] !== V || a[74] !== H || a[75] !== G || a[76] !== K || a[77] !== q || a[78] !== J || a[79] !== F || a[80] !== _e ? (Y = /* @__PURE__ */ f("div", {
-		ref: F,
+	}), r[63] = x, r[64] = b, r[65] = i.errorMessage, r[66] = i.id, r[67] = re, r[68] = q) : q = r[68];
+	let J;
+	return r[69] !== w || r[70] !== T || r[71] !== N || r[72] !== B || r[73] !== V || r[74] !== H || r[75] !== W || r[76] !== G || r[77] !== K || r[78] !== q || r[79] !== I || r[80] !== F ? (J = /* @__PURE__ */ g("div", {
+		ref: I,
 		style: N,
 		className: B,
 		onMouseEnter: V,
 		onMouseLeave: H,
-		...E,
-		...ce,
+		...w,
+		...T,
 		children: [
-			_e,
+			F,
+			W,
 			G,
 			K,
-			q,
-			J
+			q
 		]
-	}), a[69] = E, a[70] = ce, a[71] = N, a[72] = B, a[73] = V, a[74] = H, a[75] = G, a[76] = K, a[77] = q, a[78] = J, a[79] = F, a[80] = _e, a[81] = Y) : Y = a[81], Y;
+	}), r[69] = w, r[70] = T, r[71] = N, r[72] = B, r[73] = V, r[74] = H, r[75] = W, r[76] = G, r[77] = K, r[78] = q, r[79] = I, r[80] = F, r[81] = J) : J = r[81], J;
 }
-function ue(e) {
+function fe(e) {
 	return URL.createObjectURL(e);
 }
-var de = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Upload failed", fe = (e) => e ? e.startsWith("heif_decode_unsupported") ? "HEIC/HEVC non supporté" : e : "Échec", pe = /\.(png|jpe?g|gif|webp|avif|heic|heif|svg|bmp)$/i, me = 350, D = _({ styles: { active: { opacity: "0" } } }), he = (e) => e.mimeType ? e.mimeType.startsWith("image/") : pe.test(e.fileName ?? e.alt ?? "");
-function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic: ee, uploadAccessScope: u, uploadDeduplicationNamespace: _, maxFiles: x, disabled: S = !1, onUploadingChange: se, accept: C, renderHeader: w, renderItem: T, addButtonAriaLabel: E = "Ajouter un fichier", removeButtonAriaLabel: pe = "Supprimer le fichier", variant: O = "card" }) {
-	let ge = o(null), [k, A] = s(() => n.map((e) => ({
+async function O(e) {
+	let t = document.createElement("img"), a = n(e);
+	if (a && (t.srcset = a, t.sizes = "96px"), t.src = r(e) ? i(e, 960) : e, typeof t.decode == "function") {
+		await t.decode().catch(() => void 0);
+		return;
+	}
+	t.complete || await new Promise((e) => {
+		t.onload = () => e(), t.onerror = () => e();
+	});
+}
+var pe = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Upload failed", me = (e) => e ? e.startsWith("heif_decode_unsupported") ? "HEIC/HEVC non supporté" : e : "Échec", k = /\.(png|jpe?g|gif|webp|avif|heic|heif|svg|bmp)$/i, A = 350, j = y({ styles: { active: { opacity: "0" } } }), he = (e) => e.mimeType ? e.mimeType.startsWith("image/") : k.test(e.fileName ?? e.alt ?? "");
+function M({ initialFiles: n = [], onChange: r, upload: i = ue, uploadIsPublic: a, uploadAccessScope: o, uploadDeduplicationNamespace: d, maxFiles: f, disabled: m = !1, onUploadingChange: y, accept: S, renderHeader: le, renderItem: C, addButtonAriaLabel: w = "Ajouter un fichier", removeButtonAriaLabel: T = "Supprimer le fichier", variant: E = "card" }) {
+	let D = l(null), [k, M] = u(() => n.map((e) => ({
 		...e,
+		renderKey: e.id,
 		previewUrl: e.url,
 		status: "uploaded",
 		progress: 100
-	}))), [j, M] = s(!1), [N, P] = s(null), [_e, F] = s(null), [I, L] = s(null), [ve, R] = s(null), z = o(null), B = o(null), V = o(!1), H = o(() => {}), U = o({ sideEffects(e) {
-		let t = String(e.active.id), n = B.current;
-		n?.id === t && (window.clearTimeout(n.timeout), B.current = null);
-		let r = D(e);
+	}))), [ge, N] = u(!1), [P, F] = u(null), [I, _e] = u(null), [L, R] = u(null), [ve, z] = u(null), B = l(null), V = l(null), H = l(!1), U = l(() => {}), ye = l({ sideEffects(e) {
+		let t = String(e.active.id), n = V.current;
+		n?.id === t && (window.clearTimeout(n.timeout), V.current = null);
+		let r = j(e);
 		return () => {
-			r?.(), H.current(t);
+			r?.(), U.current(t);
 		};
-	} }), W = o(!0), G = o([]), K = o(n), q = o(r), J = o(se), Y = o(/* @__PURE__ */ new Map()), X = o(/* @__PURE__ */ new Map()), Z = o(/* @__PURE__ */ new Map()), Q = o(/* @__PURE__ */ new Map()), ye = ae(ie(h, { activationConstraint: { distance: 6 } }), ie(re, { coordinateGetter: b }));
-	i(() => () => {
+	} }), W = l(!0), G = l([]), K = l(n), q = l(r), J = l(y), Y = l(/* @__PURE__ */ new Map()), X = l(/* @__PURE__ */ new Map()), Z = l(/* @__PURE__ */ new Map()), Q = l(/* @__PURE__ */ new Map()), be = ae(b(re, { activationConstraint: { distance: 6 } }), b(ne, { coordinateGetter: ce }));
+	s(() => () => {
 		for (let e of Z.current.values()) try {
 			e.abort();
 		} catch {}
-		Z.current.clear(), B.current !== null && (window.clearTimeout(B.current.timeout), B.current = null), X.current.clear(), Y.current.clear();
+		Z.current.clear(), V.current !== null && (window.clearTimeout(V.current.timeout), V.current = null), X.current.clear(), Y.current.clear();
 		for (let e of Q.current.values()) if (typeof URL < "u") try {
 			URL.revokeObjectURL(e);
 		} catch {}
 		Q.current.clear();
-	}, []), H.current = (e) => {
-		let t = B.current;
-		t?.id === e && (window.clearTimeout(t.timeout), B.current = null), R((t) => t === e ? null : t);
-	}, i(() => {
+	}, []), U.current = (e) => {
+		let t = V.current;
+		t?.id === e && (window.clearTimeout(t.timeout), V.current = null), z((t) => t === e ? null : t);
+	}, s(() => {
 		if (!(typeof document > "u")) {
-			if (I) return document.body.style.cursor = "grabbing", () => {
+			if (L) return document.body.style.cursor = "grabbing", () => {
 				document.body.style.cursor = "";
 			};
 			document.body.style.cursor = "";
 		}
-	}, [I]), i(() => {
+	}, [L]), s(() => {
 		G.current = k;
-	}, [k]), i(() => {
+	}, [k]), s(() => {
 		q.current = r;
-	}, [r]), i(() => {
-		J.current = se;
-	}, [se]), i(() => {
+	}, [r]), s(() => {
+		J.current = y;
+	}, [y]), s(() => {
 		let e = K.current;
 		if (e.length === n.length && e.every((e, t) => {
 			let r = n[t];
 			return r && e.id === r.id && e.url === r.url && e.alt === r.alt;
 		})) return;
 		K.current = n;
-		let t = n.map((e) => ({
+		let t = new Map(G.current.map((e) => [e.id, e.renderKey])), r = n.map((e) => ({
 			...e,
+			renderKey: t.get(e.id) ?? e.id,
 			previewUrl: e.url,
 			status: "uploaded",
 			progress: 100
-		})), r = new Set(t.map((e) => e.id));
-		for (let [e, t] of Y.current.entries()) r.has(t) && Y.current.delete(e);
-		let i = new Set(G.current.map((e) => e.id));
-		if (t.some((e) => {
+		})), i = new Set(r.map((e) => e.id));
+		for (let [e, t] of Y.current.entries()) i.has(t) && Y.current.delete(e);
+		let a = new Set(G.current.map((e) => e.id));
+		if (r.some((e) => {
 			let t = Y.current.get(e.id);
-			return t ? i.has(t) : !1;
+			return t ? a.has(t) : !1;
 		})) return;
-		let a = new Set(t.map((e) => e.id));
+		let o = new Set(r.map((e) => e.id));
 		for (let e of G.current) {
-			if (a.has(e.id)) continue;
+			if (o.has(e.id)) continue;
 			let t = Z.current.get(e.id);
 			if (t) {
 				Z.current.delete(e.id);
@@ -419,11 +431,11 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 				} catch {}
 			}
 		}
-		A((e) => e.length === t.length && e.every((e, n) => {
-			let r = t[n];
-			return r && e.id === r.id && e.url === r.url && e.alt === r.alt && e.uploadKey === r.uploadKey;
-		}) ? e : (W.current = !0, t));
-	}, [n]), i(() => {
+		M((e) => e.length === r.length && e.every((e, t) => {
+			let n = r[t];
+			return n && e.id === n.id && e.url === n.url && e.alt === n.alt && e.uploadKey === n.uploadKey;
+		}) ? e : (W.current = !0, r));
+	}, [n]), s(() => {
 		if (W.current) {
 			W.current = !1;
 			return;
@@ -434,33 +446,34 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 			alt: n,
 			uploadKey: r
 		})));
-	}, [k]), i(() => {
+	}, [k]), s(() => {
 		J.current?.(k.some((e) => e.status === "uploading"));
-	}, [k]), i(() => {
-		if (N === null) return;
+	}, [k]), s(() => {
+		if (P === null) return;
 		let e = (e) => {
 			if (e.key === "Escape") {
-				P(null);
+				F(null);
 				return;
 			}
 			if (e.key === "ArrowRight") {
-				P((e) => e === null ? e : (e + 1) % k.length);
+				F((e) => e === null ? e : (e + 1) % k.length);
 				return;
 			}
-			e.key === "ArrowLeft" && P((e) => e === null ? e : (e - 1 + k.length) % k.length);
+			e.key === "ArrowLeft" && F((e) => e === null ? e : (e - 1 + k.length) % k.length);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [N, k.length]);
-	let be = async (e) => {
-		if (S) return;
-		let t = typeof x == "number" && Number.isFinite(x) && x > 0 ? Math.floor(x) : null, n = t === null ? Infinity : Math.max(0, t - G.current.length), r = Array.from(e).slice(0, n);
+	}, [P, k.length]);
+	let xe = async (e) => {
+		if (m) return;
+		let t = typeof f == "number" && Number.isFinite(f) && f > 0 ? Math.floor(f) : null, n = t === null ? Infinity : Math.max(0, t - G.current.length), r = Array.from(e).slice(0, n);
 		if (!r.length) return;
-		let i = r.map((e) => {
-			let t = ue(e), n = crypto.randomUUID();
+		let s = r.map((e) => {
+			let t = fe(e), n = crypto.randomUUID();
 			Q.current.set(n, t), X.current.set(n, e);
 			let r = {
 				id: n,
 				url: t,
+				renderKey: n,
 				previewUrl: t,
 				alt: e.name,
 				status: "uploading",
@@ -468,10 +481,10 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 				fileName: e.name,
 				mimeType: e.type
 			};
-			A((e) => [...e, r]);
-			let i = (e) => {
+			M((e) => [...e, r]);
+			let s = (e) => {
 				let t = Math.max(0, Math.min(99, e));
-				A((e) => e.map((e) => e.id === n ? {
+				M((e) => e.map((e) => e.id === n ? {
 					...e,
 					progress: t,
 					status: "uploading"
@@ -481,20 +494,14 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 				let t = new AbortController();
 				Z.current.set(n, t);
 				try {
-					let r = await c(e, i, {
+					let r = await i(e, s, {
 						signal: t.signal,
-						...u ? { accessScope: u } : { isPublic: ee ?? !1 },
-						..._ ? { deduplicationNamespace: _ } : {}
+						...o ? { accessScope: o } : { isPublic: a ?? !1 },
+						...d ? { deduplicationNamespace: d } : {}
 					});
 					Y.current.set(n, r.id);
-					let a = Q.current.get(n);
-					if (a) {
-						Q.current.delete(n);
-						try {
-							URL.revokeObjectURL(a);
-						} catch {}
-					}
-					Z.current.delete(n), X.current.delete(n), A((e) => e.map((e) => e.id === n ? {
+					let c = Q.current.get(n);
+					e.type.startsWith("image/") && await O(r.url), Z.current.delete(n), X.current.delete(n), M((e) => e.map((e) => e.id === n ? {
 						...e,
 						...r,
 						previewUrl: r.url,
@@ -502,7 +509,7 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 						status: "uploaded",
 						progress: 100,
 						errorMessage: void 0
-					} : e));
+					} : e)), c && (Q.current.delete(n), window.requestAnimationFrame(() => URL.revokeObjectURL(c)));
 				} catch (e) {
 					if (Z.current.delete(n), t.signal.aborted) {
 						X.current.delete(n);
@@ -516,8 +523,8 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 						return;
 					}
 					console.error("Upload failed", e);
-					let r = de(e);
-					A((e) => e.map((e) => e.id === n ? {
+					let r = pe(e);
+					M((e) => e.map((e) => e.id === n ? {
 						...e,
 						status: "error",
 						progress: Math.max(0, Math.min(99, e.progress)),
@@ -526,12 +533,12 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 				}
 			})();
 		});
-		await Promise.allSettled(i);
-	}, xe = (e) => {
-		e.target.files && (be(e.target.files), e.target.value = "");
-	}, Se = () => {
-		S || ge.current?.click();
-	}, Ce = (e) => {
+		await Promise.allSettled(s);
+	}, Se = (e) => {
+		e.target.files && (xe(e.target.files), e.target.value = "");
+	}, Ce = () => {
+		m || D.current?.click();
+	}, we = (e) => {
 		let t = Z.current.get(e);
 		if (t) {
 			Z.current.delete(e);
@@ -547,9 +554,9 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 				URL.revokeObjectURL(n);
 			} catch {}
 		}
-		A((t) => t.filter((t) => t.id !== e));
-	}, we = (e) => {
-		if (S) return;
+		M((t) => t.filter((t) => t.id !== e));
+	}, Te = (e) => {
+		if (m) return;
 		let t = X.current.get(e);
 		if (!t) return;
 		let n = Z.current.get(e);
@@ -559,7 +566,7 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 			} catch {}
 			Z.current.delete(e);
 		}
-		A((t) => t.map((t) => t.id === e ? {
+		M((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "uploading",
 			progress: 0,
@@ -567,28 +574,22 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 		} : t));
 		let r = (t) => {
 			let n = Math.max(0, Math.min(99, t));
-			A((t) => t.map((t) => t.id === e ? {
+			M((t) => t.map((t) => t.id === e ? {
 				...t,
 				progress: n,
 				status: "uploading"
 			} : t));
-		}, i = new AbortController();
-		Z.current.set(e, i), (async () => {
+		}, s = new AbortController();
+		Z.current.set(e, s), (async () => {
 			try {
-				let n = await c(t, r, {
-					signal: i.signal,
-					...u ? { accessScope: u } : { isPublic: ee ?? !1 },
-					..._ ? { deduplicationNamespace: _ } : {}
+				let n = await i(t, r, {
+					signal: s.signal,
+					...o ? { accessScope: o } : { isPublic: a ?? !1 },
+					...d ? { deduplicationNamespace: d } : {}
 				});
 				Y.current.set(e, n.id);
-				let a = Q.current.get(e);
-				if (a) {
-					Q.current.delete(e);
-					try {
-						URL.revokeObjectURL(a);
-					} catch {}
-				}
-				Z.current.delete(e), X.current.delete(e), A((t) => t.map((t) => t.id === e ? {
+				let c = Q.current.get(e);
+				t.type.startsWith("image/") && await O(n.url), Z.current.delete(e), X.current.delete(e), M((t) => t.map((t) => t.id === e ? {
 					...t,
 					...n,
 					previewUrl: n.url,
@@ -596,60 +597,60 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 					status: "uploaded",
 					progress: 100,
 					errorMessage: void 0
-				} : t));
+				} : t)), c && (Q.current.delete(e), window.requestAnimationFrame(() => URL.revokeObjectURL(c)));
 			} catch (t) {
-				if (Z.current.delete(e), i.signal.aborted) return;
+				if (Z.current.delete(e), s.signal.aborted) return;
 				console.error("Retry failed", t);
-				let n = de(t);
-				A((t) => t.map((t) => t.id === e ? {
+				let n = pe(t);
+				M((t) => t.map((t) => t.id === e ? {
 					...t,
 					status: "error",
 					errorMessage: n
 				} : t));
 			}
 		})();
-	}, Te = (e) => {
+	}, Ee = (e) => {
 		let t = k.findIndex((t) => t.id === e);
-		t !== -1 && P(t);
-	}, Ee = () => {
-		B.current !== null && (window.clearTimeout(B.current.timeout), B.current = null), R(null);
-	}, De = (e) => {
-		B.current !== null && window.clearTimeout(B.current.timeout), B.current = {
+		t !== -1 && F(t);
+	}, De = () => {
+		V.current !== null && (window.clearTimeout(V.current.timeout), V.current = null), z(null);
+	}, Oe = (e) => {
+		V.current !== null && window.clearTimeout(V.current.timeout), V.current = {
 			id: e,
 			timeout: window.setTimeout(() => {
-				B.current = null, R((t) => t === e ? null : t);
-			}, me)
+				V.current = null, z((t) => t === e ? null : t);
+			}, A)
 		};
-	}, Oe = (e) => {
-		V.current && (R(e), De(e)), L(null);
 	}, ke = (e) => {
-		Ee(), L(String(e.active.id));
+		H.current && (z(e), Oe(e)), R(null);
 	}, Ae = (e) => {
+		De(), R(String(e.active.id));
+	}, je = (e) => {
 		let { active: t, over: n } = e, r = String(t.id);
 		if (!n) {
-			Oe(r);
+			ke(r);
 			return;
 		}
 		let i = String(n.id);
-		r !== i && A((e) => {
+		r !== i && M((e) => {
 			let t = e.findIndex((e) => e.id === r), n = e.findIndex((e) => e.id === i);
-			return t === -1 || n === -1 ? e : y(e, t, n);
-		}), Oe(r);
-	}, je = () => {
-		if (I) {
-			Oe(I);
+			return t === -1 || n === -1 ? e : oe(e, t, n);
+		}), ke(r);
+	}, Me = () => {
+		if (L) {
+			ke(L);
 			return;
 		}
-		L(null);
-	}, Me = () => {
-		z.current !== null && (window.clearTimeout(z.current), z.current = null);
-	}, Ne = a(() => N === null ? null : k[N] ?? null, [N, k]), Pe = e(O === "bare" ? "rounded-lg transition-colors" : "rounded-xl border border-dashed border-slate-300 bg-white/70 p-4 shadow-sm transition-colors dark:border-slate-700 dark:bg-slate-900/60", j && (O === "bare" ? "bg-primary/5 ring-2 ring-primary/50" : "border-primary ring-2 ring-primary/50"), S && "opacity-70"), Fe = "group relative size-20 overflow-visible rounded-lg border border-slate-200 bg-slate-50 shadow-inner transition hover:shadow md:size-24 dark:border-slate-700 dark:bg-slate-800", Ie = a(() => {
-		if (C) return Array.isArray(C) ? C.join(",") : C;
-	}, [C]), Le = a(() => {
-		if (T || !Ie) return !1;
-		let e = Ie.split(",").map((e) => e.trim()).filter(Boolean);
+		R(null);
+	}, Ne = () => {
+		B.current !== null && (window.clearTimeout(B.current), B.current = null);
+	}, Pe = c(() => P === null ? null : k[P] ?? null, [P, k]), Fe = e(E === "bare" ? "rounded-lg transition-colors" : "rounded-xl border border-dashed border-slate-300 bg-white/70 p-4 shadow-sm transition-colors dark:border-slate-700 dark:bg-slate-900/60", ge && (E === "bare" ? "bg-primary/5 ring-2 ring-primary/50" : "border-primary ring-2 ring-primary/50"), m && "opacity-70"), Ie = "group relative size-20 overflow-visible rounded-lg border border-slate-200 bg-slate-50 shadow-inner transition hover:shadow md:size-24 dark:border-slate-700 dark:bg-slate-800", Le = c(() => {
+		if (S) return Array.isArray(S) ? S.join(",") : S;
+	}, [S]), Re = c(() => {
+		if (C || !Le) return !1;
+		let e = Le.split(",").map((e) => e.trim()).filter(Boolean);
 		return e.length ? e.every((e) => e === "image/*" || e.startsWith("image/") || e === ".heic" || e === ".heif" || e === ".heics" || e === ".heifs") : !1;
-	}, [Ie, T]), Re = (e) => Le || !T && he(e), ze = typeof x == "number" && Number.isFinite(x) && x > 0 ? Math.floor(x) : null, Be = !S && (ze === null || k.length < ze), $ = k.find((e) => e.status === "error") ?? k.find((e) => e.status === "uploading"), Ve = $ ? $.status === "error" ? fe($.errorMessage) : `${$.fileName ?? $.alt ?? "File"}: ${$.progress}%` : "", He = (e) => ({
+	}, [Le, C]), ze = (e) => Re || !C && he(e), Be = typeof f == "number" && Number.isFinite(f) && f > 0 ? Math.floor(f) : null, Ve = !m && (Be === null || k.length < Be), $ = k.find((e) => e.status === "error") ?? k.find((e) => e.status === "uploading"), He = $ ? $.status === "error" ? me($.errorMessage) : `${$.fileName ?? $.alt ?? "File"}: ${$.progress}%` : "", Ue = (e) => ({
 		file: {
 			id: e.id,
 			url: e.url,
@@ -660,126 +661,126 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 		status: e.status,
 		progress: e.progress,
 		fileName: e.fileName
-	}), Ue = I ? (() => {
-		let e = k.find((e) => e.id === I);
+	}), We = L ? (() => {
+		let e = k.find((e) => e.id === L);
 		if (!e) return null;
-		if (T) {
-			let t = T(He(e));
-			return t == null || t === !1 ? null : /* @__PURE__ */ d("div", {
+		if (C) {
+			let t = C(Ue(e));
+			return t == null || t === !1 ? null : /* @__PURE__ */ h("div", {
 				className: "pointer-events-none",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ h("div", {
 					className: "h-24 w-24 overflow-hidden rounded-lg shadow-2xl",
 					children: t
 				})
 			});
 		}
-		return Re(e) ? /* @__PURE__ */ d("div", {
+		return ze(e) ? /* @__PURE__ */ h("div", {
 			className: "pointer-events-none",
-			children: /* @__PURE__ */ d(t, {
+			children: /* @__PURE__ */ h(t, {
 				src: e.previewUrl,
 				alt: e.alt ?? "Dragged image",
 				sizes: "96px",
 				className: "h-24 w-24 rounded-lg object-cover shadow-2xl"
 			})
 		}) : null;
-	})() : null, We = Ue != null, Ge = We ? I : ve;
-	return V.current = We, /* @__PURE__ */ f("div", {
+	})() : null, Ge = We != null, Ke = Ge ? L : ve;
+	return H.current = Ge, /* @__PURE__ */ g("div", {
 		onDragOver: (e) => {
-			e.preventDefault(), Be && M(!0);
+			e.preventDefault(), Ve && N(!0);
 		},
-		onDragLeave: () => M(!1),
+		onDragLeave: () => N(!1),
 		onDrop: (e) => {
-			e.preventDefault(), M(!1), Be && e.dataTransfer.files?.length && be(e.dataTransfer.files);
+			e.preventDefault(), N(!1), Ve && e.dataTransfer.files?.length && xe(e.dataTransfer.files);
 		},
-		className: Pe,
+		className: Fe,
 		children: [
-			w ? /* @__PURE__ */ d("div", {
+			le ? /* @__PURE__ */ h("div", {
 				className: "mb-3",
-				children: w()
+				children: le()
 			}) : null,
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ h("div", {
 				role: "status",
 				className: "sr-only",
-				children: Ve
+				children: He
 			}),
-			/* @__PURE__ */ f(p, {
-				sensors: S ? void 0 : ye,
-				collisionDetection: g,
-				onDragStart: ke,
-				onDragEnd: Ae,
-				onDragCancel: je,
-				children: [/* @__PURE__ */ d(v, {
+			/* @__PURE__ */ g(_, {
+				sensors: m ? void 0 : be,
+				collisionDetection: ie,
+				onDragStart: Ae,
+				onDragEnd: je,
+				onDragCancel: Me,
+				children: [/* @__PURE__ */ h(x, {
 					items: k.map((e) => e.id),
-					strategy: oe,
-					children: /* @__PURE__ */ f("div", {
+					strategy: se,
+					children: /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap gap-3",
 						children: [k.map((e) => {
 							let t = e.status === "uploading", n = e.status === "error";
-							return /* @__PURE__ */ d(le, {
+							return /* @__PURE__ */ h(de, {
 								item: e,
-								isHovered: _e === e.id,
-								enableImagePreview: Re(e),
-								renderItem: T,
+								isHovered: I === e.id,
+								enableImagePreview: ze(e),
+								renderItem: C,
 								onHoverEnter: () => {
-									Me(), F(e.id);
+									Ne(), _e(e.id);
 								},
 								onHoverLeave: () => {
-									Me(), z.current = window.setTimeout(() => {
-										F((t) => t === e.id ? null : t), z.current = null;
+									Ne(), B.current = window.setTimeout(() => {
+										_e((t) => t === e.id ? null : t), B.current = null;
 									}, 120);
 								},
-								onRemove: Ce,
-								onRetry: we,
-								startFullscreen: Te,
+								onRemove: we,
+								onRetry: Te,
+								startFullscreen: Ee,
 								isUploading: t,
 								isError: n,
-								tileClasses: Fe,
-								disabled: S,
-								isDraggingExternal: Ge === e.id,
-								removeButtonAriaLabel: pe
-							}, e.id);
-						}), Be && (O === "bare" && k.length === 0 ? /* @__PURE__ */ f("button", {
+								tileClasses: Ie,
+								disabled: m,
+								isDraggingExternal: Ke === e.id,
+								removeButtonAriaLabel: T
+							}, e.renderKey);
+						}), Ve && (E === "bare" && k.length === 0 ? /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: Se,
-							disabled: S,
+							onClick: Ce,
+							disabled: m,
 							className: "flex w-full flex-col items-center justify-center gap-1 rounded-lg border border-dashed border-slate-300 px-4 py-6 text-slate-500 transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-600 dark:border-slate-700 dark:hover:bg-slate-800/50",
-							"aria-label": E,
+							"aria-label": w,
 							children: [
-								/* @__PURE__ */ d(l, { className: "h-5 w-5" }),
-								/* @__PURE__ */ d("span", {
+								/* @__PURE__ */ h(p, { className: "h-5 w-5" }),
+								/* @__PURE__ */ h("span", {
 									className: "text-xs font-medium",
-									children: E
+									children: w
 								}),
-								/* @__PURE__ */ d("span", {
+								/* @__PURE__ */ h("span", {
 									className: "text-[11px] text-slate-400 dark:text-slate-500",
 									children: "ou glissez-déposez ici"
 								})
 							]
-						}) : O === "bare" ? /* @__PURE__ */ d("button", {
+						}) : E === "bare" ? /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: Se,
-							disabled: S,
+							onClick: Ce,
+							disabled: m,
 							className: "flex size-20 items-center justify-center rounded-lg border border-dashed border-slate-300 text-slate-400 transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-600 md:size-24 dark:border-slate-700 dark:hover:bg-slate-800/50 dark:hover:text-slate-300",
-							"aria-label": E,
-							children: /* @__PURE__ */ f("div", {
+							"aria-label": w,
+							children: /* @__PURE__ */ g("div", {
 								className: "flex flex-col items-center gap-1",
-								children: [/* @__PURE__ */ d(l, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", {
+								children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), /* @__PURE__ */ h("span", {
 									className: "text-[11px] font-medium",
 									children: "Ajouter"
 								})]
 							})
-						}) : /* @__PURE__ */ d("button", {
+						}) : /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: Se,
-							disabled: S,
-							className: e(Fe, "flex items-center justify-center border-dashed bg-white text-slate-500 hover:border-slate-300 dark:bg-slate-900"),
-							"aria-label": E,
-							children: /* @__PURE__ */ f("div", {
+							onClick: Ce,
+							disabled: m,
+							className: e(Ie, "flex items-center justify-center border-dashed bg-white text-slate-500 hover:border-slate-300 dark:bg-slate-900"),
+							"aria-label": w,
+							children: /* @__PURE__ */ g("div", {
 								className: "flex flex-col items-center gap-1",
-								children: [/* @__PURE__ */ d("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "flex size-9 items-center justify-center rounded-full border border-slate-300 bg-slate-100 text-slate-600 shadow-inner dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",
-									children: /* @__PURE__ */ d(l, { className: "h-5 w-5" })
-								}), /* @__PURE__ */ d("span", {
+									children: /* @__PURE__ */ h(p, { className: "h-5 w-5" })
+								}), /* @__PURE__ */ h("span", {
 									className: "text-xs font-medium",
 									children: "Ajouter"
 								})]
@@ -787,71 +788,71 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 						}))]
 					})
 				}), (() => {
-					let e = /* @__PURE__ */ d(m, {
-						dropAnimation: U.current,
-						children: Ue
+					let e = /* @__PURE__ */ h(v, {
+						dropAnimation: ye.current,
+						children: We
 					});
-					return typeof document > "u" ? e : ne(e, document.body);
+					return typeof document > "u" ? e : te(e, document.body);
 				})()]
 			}),
-			/* @__PURE__ */ d("input", {
-				ref: ge,
+			/* @__PURE__ */ h("input", {
+				ref: D,
 				type: "file",
-				accept: Ie,
-				multiple: ze !== 1,
-				disabled: !Be,
+				accept: Le,
+				multiple: Be !== 1,
+				disabled: !Ve,
 				className: "hidden",
-				onChange: xe,
+				onChange: Se,
 				"aria-hidden": !0
 			}),
-			Ne && Re(Ne) && /* @__PURE__ */ f("div", {
+			Pe && ze(Pe) && /* @__PURE__ */ g("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/90",
 				children: [
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ h("button", {
 						type: "button",
 						className: "absolute left-6 top-1/2 -translate-y-1/2 rounded-full bg-white/10 p-3 text-white shadow-lg transition hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",
-						onClick: () => P((e) => e === null ? e : (e - 1 + k.length) % k.length),
+						onClick: () => F((e) => e === null ? e : (e - 1 + k.length) % k.length),
 						"aria-label": "Précédent",
-						children: /* @__PURE__ */ d("svg", {
+						children: /* @__PURE__ */ h("svg", {
 							viewBox: "0 0 24 24",
 							className: "h-6 w-6",
 							stroke: "currentColor",
 							strokeWidth: 2,
 							fill: "none",
-							children: /* @__PURE__ */ d("path", {
+							children: /* @__PURE__ */ h("path", {
 								d: "M15 18l-6-6 6-6",
 								strokeLinecap: "round",
 								strokeLinejoin: "round"
 							})
 						})
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ g("div", {
 						className: "relative max-h-[80vh] max-w-4xl",
-						children: [/* @__PURE__ */ d(t, {
-							src: Ne.url,
-							alt: Ne.alt ?? "Fullscreen",
+						children: [/* @__PURE__ */ h(t, {
+							src: Pe.url,
+							alt: Pe.alt ?? "Fullscreen",
 							sizes: "(max-width: 1024px) 100vw, 1024px",
 							className: "max-h-[80vh] max-w-full rounded-lg object-contain shadow-2xl"
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ h("button", {
 							type: "button",
 							className: "absolute right-3 top-3 inline-flex size-9 items-center justify-center rounded-full bg-black/70 text-white transition hover:bg-black focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",
-							onClick: () => P(null),
+							onClick: () => F(null),
 							"aria-label": "Fermer",
-							children: /* @__PURE__ */ d(te, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ h(ee, { className: "h-5 w-5" })
 						})]
 					}),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ h("button", {
 						type: "button",
 						className: "absolute right-6 top-1/2 -translate-y-1/2 rounded-full bg-white/10 p-3 text-white shadow-lg transition hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",
-						onClick: () => P((e) => e === null ? e : (e + 1) % k.length),
+						onClick: () => F((e) => e === null ? e : (e + 1) % k.length),
 						"aria-label": "Suivant",
-						children: /* @__PURE__ */ d("svg", {
+						children: /* @__PURE__ */ h("svg", {
 							viewBox: "0 0 24 24",
 							className: "h-6 w-6",
 							stroke: "currentColor",
 							strokeWidth: 2,
 							fill: "none",
-							children: /* @__PURE__ */ d("path", {
+							children: /* @__PURE__ */ h("path", {
 								d: "M9 6l6 6-6 6",
 								strokeLinecap: "round",
 								strokeLinejoin: "round"
@@ -864,6 +865,6 @@ function O({ initialFiles: n = [], onChange: r, upload: c = ce, uploadIsPublic:
 	});
 }
 //#endregion
-export { O as FilesUploadField };
+export { M as FilesUploadField };
 
 //# sourceMappingURL=index299.js.map