@rpcbase/ui 0.208.0 → 0.209.0

package/dist/index194.js

@@ -1,81 +1,903 @@
-import { j as e } from "./index193.js";
-import { c as t } from "react/compiler-runtime";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/Image/index.tsx
-var s = (s) => {
-	let c = t(26), { src: l, hash: u, alt: d, className: f } = s, p = d === void 0 ? "" : d, [m, h] = i(!1), [g, _] = i(null), v = r(null), y, b;
-	c[0] === u ? (y = c[1], b = c[2]) : (y = () => {
-		if (!u) return;
-		let [t, n, r] = u, i = e(r, t, n), a = document.createElement("canvas"), o = a.getContext("2d");
-		if (o) {
-			a.width = t, a.height = n;
-			let e = new ImageData(new Uint8ClampedArray(i), t, n);
-			o.putImageData(e, 0, 0), _(a.toDataURL());
+import { cn as e } from "./index12.js";
+import { DismissableLayerBranch as t } from "./index23.js";
+import { c as n } from "react/compiler-runtime";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Loader2 as c, Maximize2 as l, Plus as ee, X as u } from "lucide-react";
+import { createPortal as d } from "react-dom";
+import { DndContext as f, DragOverlay as p, KeyboardSensor as m, PointerSensor as h, closestCenter as te, useSensor as g, useSensors as _ } from "@dnd-kit/core";
+import { SortableContext as ne, arrayMove as re, rectSortingStrategy as ie, sortableKeyboardCoordinates as v, useSortable as y } from "@dnd-kit/sortable";
+import { CSS as ae } from "@dnd-kit/utilities";
+//#region src/components/FilesUploadField/index.tsx
+var b = "rb-tenant-id", x = async (e) => {
+	if (typeof crypto > "u" || crypto.subtle === void 0) return null;
+	try {
+		let t = await crypto.subtle.digest("SHA-256", e);
+		return Array.from(new Uint8Array(t)).map((e) => e.toString(16).padStart(2, "0")).join("");
+	} catch {
+		return null;
+	}
+}, S = () => typeof window > "u" ? null : (new URLSearchParams(window.location.search || "").get(b)?.trim() ?? "") || null, C = (e, t) => t ? `${e}${e.includes("?") ? "&" : "?"}${b}=${encodeURIComponent(t)}` : e, w = async (e, t, n) => {
+	let r = await fetch(e, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			...n?.headers ?? {}
+		},
+		credentials: "include",
+		body: JSON.stringify(t),
+		signal: n?.signal
+	}), i = await r.json().catch(() => ({}));
+	return {
+		ok: r.ok,
+		status: r.status,
+		data: i
+	};
+}, T = async (e, t) => {
+	let n = await fetch(e, {
+		credentials: "include",
+		headers: t?.headers,
+		signal: t?.signal
+	}), r = await n.json().catch(() => ({}));
+	return {
+		ok: n.ok,
+		status: n.status,
+		data: r
+	};
+}, E = 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, {
+		method: "PUT",
+		credentials: "include",
+		headers: a,
+		body: t,
+		signal: i
+	});
+	return {
+		ok: o.ok,
+		status: o.status
+	};
+}, oe = async (e, t, n) => {
+	let r = S(), i = await w(C("/api/rb/file-uploads", r), {
+		filename: e.name,
+		mimeType: e.type || "application/octet-stream",
+		...typeof n?.isPublic == "boolean" ? { isPublic: n.isPublic } : {},
+		totalSize: e.size
+	}, { signal: n?.signal });
+	if (!i.ok || !i.data?.ok) throw Error(i.data?.error ?? `Init failed (${i.status})`);
+	let a = String(i.data?.uploadId ?? ""), o = typeof i.data?.uploadKey == "string" ? String(i.data.uploadKey) : null, s = Number(i.data?.chunkSize ?? 0), c = Number(i.data?.chunksTotal ?? 0);
+	if (!a || !s || !c) throw Error("Upload init missing required fields");
+	let l = async (t) => {
+		let i = t * s, c = Math.min(e.size, i + s), l = await e.slice(i, c).arrayBuffer(), ee = await x(l), u = await E({
+			url: C(`/api/rb/file-uploads/${encodeURIComponent(a)}/chunks/${t}`, r),
+			body: l,
+			sha256: ee ?? void 0,
+			uploadKey: o ?? void 0,
+			signal: n?.signal
+		});
+		if (u.status !== 204) throw Error(`Chunk ${t} failed (${u.status})`);
+	}, ee = async (e, n = 0) => {
+		let r = n;
+		for (let n of e) await l(n), r += 1, t(Math.min(99, Math.floor(r / c * 99)));
+	};
+	await ee(Array.from({ length: c }, (e, t) => t), 0);
+	let u = async () => {
+		let e = await w(C(`/api/rb/file-uploads/${encodeURIComponent(a)}/complete`, r), {}, {
+			headers: o ? { "X-Upload-Key": o } : void 0,
+			signal: n?.signal
+		});
+		if (e.ok && e.data?.ok) {
+			let t = String(e.data?.fileId ?? "");
+			if (!t) throw Error("Upload completed without fileId");
+			return t;
 		}
-	}, b = [u], c[0] = u, c[1] = y, c[2] = b), n(y, b);
-	let x;
-	c[3] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
-		v.current && v.current.complete && h(!0);
-	}, c[3] = x) : x = c[3];
-	let S;
-	c[4] === l ? S = c[5] : (S = [l], c[4] = l, c[5] = S), n(x, S);
-	let C;
-	c[6] === Symbol.for("react.memo_cache_sentinel") ? (C = () => {}, c[6] = C) : C = c[6];
-	let w = C, T;
-	c[7] === Symbol.for("react.memo_cache_sentinel") ? (T = () => {}, c[7] = T) : T = c[7];
-	let E = T, D;
-	c[8] === Symbol.for("react.memo_cache_sentinel") ? (D = {
-		position: "relative",
-		overflow: "hidden"
-	}, c[8] = D) : D = c[8];
+		let t = String(e.data?.error ?? "");
+		if (e.status !== 409 || t !== "missing_chunks") throw Error(t || `Complete failed (${e.status})`);
+		let i = await T(C(`/api/rb/file-uploads/${encodeURIComponent(a)}/status`, r), {
+			headers: o ? { "X-Upload-Key": o } : void 0,
+			signal: n?.signal
+		});
+		if (!i.ok || !i.data?.ok) throw Error(i.data?.error ?? `Status failed (${i.status})`);
+		let s = Array.isArray(i.data?.received) ? i.data.received : [], l = new Set(s), d = [];
+		for (let e = 0; e < c; e += 1) l.has(e) || d.push(e);
+		if (!d.length) throw Error("missing_chunks");
+		return await ee(d, l.size), u();
+	}, d = await u();
+	return t(100), {
+		id: d,
+		url: C(`/api/rb/files/${encodeURIComponent(d)}`, r),
+		alt: e.name,
+		...o ? { uploadKey: o } : {}
+	};
+};
+function se(ee) {
+	let f = n(79), { item: p, isHovered: m, enableImagePreview: h, renderItem: te, onHoverEnter: g, onHoverLeave: _, onRemove: ne, onRetry: re, startFullscreen: ie, isUploading: v, isError: b, tileClasses: x, disabled: S, isDraggingExternal: C, removeButtonAriaLabel: w } = ee, T;
+	f[0] !== S || f[1] !== p.id ? (T = {
+		id: p.id,
+		disabled: S
+	}, f[0] = S, f[1] = p.id, f[2] = T) : T = f[2];
+	let { setNodeRef: E, attributes: oe, listeners: se, transform: ce, transition: D, isDragging: le } = y(T), ue = i(null), de = i(null), [fe, pe] = a(null), me;
+	f[3] === Symbol.for("react.memo_cache_sentinel") ? (me = () => {
+		let e = ue.current;
+		if (!e) return;
+		let t = e.getBoundingClientRect();
+		pe({
+			left: t.left + t.width / 2,
+			top: t.top - 10
+		});
+	}, f[3] = me) : me = f[3];
+	let he = me, ge, _e;
+	f[4] !== h || f[5] !== m ? (ge = () => {
+		if (!h || !m) {
+			pe(null);
+			return;
+		}
+		he();
+		let e = 0, t = () => {
+			e && cancelAnimationFrame(e), e = requestAnimationFrame(() => {
+				e = 0, he();
+			});
+		};
+		return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
+			e && cancelAnimationFrame(e), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+		};
+	}, _e = [h, m], f[4] = h, f[5] = m, f[6] = ge, f[7] = _e) : (ge = f[6], _e = f[7]), r(ge, _e);
 	let O;
-	c[9] !== g || c[10] !== m ? (O = g && !m && /* @__PURE__ */ a("img", {
-		src: g,
-		style: {
-			position: "absolute",
-			top: 0,
-			left: 0,
-			width: "100%",
-			height: "100%",
-			objectFit: "cover"
+	f[8] === ce ? O = f[9] : (O = ae.Transform.toString(ce), f[8] = ce, f[9] = O);
+	let ve;
+	f[10] !== O || f[11] !== D ? (ve = {
+		transform: O,
+		transition: D
+	}, f[10] = O, f[11] = D, f[12] = ve) : ve = f[12];
+	let ye = ve, k;
+	f[13] !== h || f[14] !== b || f[15] !== v || f[16] !== p.alt || f[17] !== p.fileName || f[18] !== p.id || f[19] !== p.previewUrl || f[20] !== p.progress || f[21] !== p.status || f[22] !== p.uploadKey || f[23] !== p.url || f[24] !== te ? (k = te ? te({
+		file: {
+			id: p.id,
+			url: p.url,
+			alt: p.alt,
+			uploadKey: p.uploadKey
+		},
+		previewUrl: p.previewUrl,
+		status: p.status,
+		progress: p.progress,
+		fileName: p.fileName
+	}) : h ? /* @__PURE__ */ o("img", {
+		src: p.previewUrl,
+		alt: p.alt ?? "Uploaded file",
+		className: e("size-full rounded-md object-cover", v && "opacity-75", b && "grayscale")
+	}) : /* @__PURE__ */ o("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__ */ o("span", {
+			className: "w-full truncate",
+			children: p.fileName ?? p.alt ?? "Fichier"
+		})
+	}), f[13] = h, f[14] = b, f[15] = v, f[16] = p.alt, f[17] = p.fileName, f[18] = p.id, f[19] = p.previewUrl, f[20] = p.progress, f[21] = p.status, f[22] = p.uploadKey, f[23] = p.url, f[24] = te, f[25] = k) : k = f[25];
+	let A = k, j;
+	f[26] === E ? j = f[27] : (j = (e) => {
+		ue.current = e, E(e);
+	}, f[26] = E, f[27] = j);
+	let M = le && "z-20 ring-2 ring-primary shadow-xl", N = C && "opacity-0", P = !S && "cursor-grab active:cursor-grabbing", F = le && "cursor-grabbing", be = S && "cursor-default", I;
+	f[28] !== N || f[29] !== P || f[30] !== F || f[31] !== be || f[32] !== M || f[33] !== x ? (I = e(x, M, N, P, F, be), f[28] = N, f[29] = P, f[30] = F, f[31] = be, f[32] = M, f[33] = x, f[34] = I) : I = f[34];
+	let L;
+	f[35] === g ? L = f[36] : (L = () => {
+		he(), g();
+	}, f[35] = g, f[36] = L);
+	let R;
+	f[37] === _ ? R = f[38] : (R = (e) => {
+		let t = e.relatedTarget;
+		t instanceof Node && de.current?.contains(t) || _();
+	}, f[37] = _, f[38] = R);
+	let z;
+	f[39] !== S || f[40] !== p.id || f[41] !== ne ? (z = () => {
+		S || ne(p.id);
+	}, f[39] = S, f[40] = p.id, f[41] = ne, f[42] = z) : z = f[42];
+	let B;
+	f[43] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ o(u, { className: "h-4 w-4" }), f[43] = B) : B = f[43];
+	let V;
+	f[44] !== S || f[45] !== w || f[46] !== z ? (V = /* @__PURE__ */ o("button", {
+		type: "button",
+		onClick: z,
+		disabled: S,
+		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": w,
+		children: B
+	}), f[44] = S, f[45] = w, f[46] = z, f[47] = V) : V = f[47];
+	let H;
+	f[48] !== h || f[49] !== m || f[50] !== p.alt || f[51] !== p.id || f[52] !== p.url || f[53] !== g || f[54] !== _ || f[55] !== fe || f[56] !== ie ? (H = h && m && fe && (() => {
+		let e = /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o("div", {
+			ref: de,
+			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: fe.left,
+				top: fe.top
+			},
+			onMouseEnter: () => {
+				he(), g();
+			},
+			onMouseLeave: (e) => {
+				let t = e.relatedTarget;
+				t instanceof Node && ue.current?.contains(t) || _();
+			},
+			children: /* @__PURE__ */ s("div", {
+				className: "relative overflow-hidden rounded-lg",
+				children: [/* @__PURE__ */ o("img", {
+					src: p.url,
+					alt: p.alt ?? "Preview",
+					className: "h-40 w-full object-cover"
+				}), /* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: () => ie(p.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__ */ o(l, { className: "h-3.5 w-3.5" })
+				})]
+			})
+		}) });
+		return typeof document > "u" ? e : d(e, document.body);
+	})(), f[48] = h, f[49] = m, f[50] = p.alt, f[51] = p.id, f[52] = p.url, f[53] = g, f[54] = _, f[55] = fe, f[56] = ie, f[57] = H) : H = f[57];
+	let U;
+	f[58] !== v || f[59] !== p.progress ? (U = v && /* @__PURE__ */ s("div", {
+		className: "absolute inset-0 z-20 flex flex-col items-center justify-center gap-2 rounded-lg bg-black/40 text-white",
+		children: [
+			/* @__PURE__ */ o(c, { className: "h-5 w-5 animate-spin" }),
+			/* @__PURE__ */ o("div", {
+				className: "h-1.5 w-5/6 rounded-full bg-white/20",
+				children: /* @__PURE__ */ o("div", {
+					className: "h-full rounded-full bg-primary",
+					style: { width: `${p.progress}%` }
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "text-xs font-semibold",
+				children: [p.progress, "%"]
+			})
+		]
+	}), f[58] = v, f[59] = p.progress, f[60] = U) : U = f[60];
+	let W;
+	f[61] !== S || f[62] !== b || f[63] !== p.id || f[64] !== re ? (W = b && /* @__PURE__ */ s("div", {
+		className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-lg bg-red-600/70 text-white",
+		children: [/* @__PURE__ */ o("div", {
+			className: "text-xs font-semibold",
+			children: "Échec"
+		}), /* @__PURE__ */ o("button", {
+			type: "button",
+			onClick: () => re(p.id),
+			disabled: S,
+			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"
+		})]
+	}), f[61] = S, f[62] = b, f[63] = p.id, f[64] = re, f[65] = W) : W = f[65];
+	let G;
+	return f[66] !== oe || f[67] !== se || f[68] !== ye || f[69] !== I || f[70] !== L || f[71] !== R || f[72] !== V || f[73] !== H || f[74] !== U || f[75] !== W || f[76] !== j || f[77] !== A ? (G = /* @__PURE__ */ s("div", {
+		ref: j,
+		style: ye,
+		className: I,
+		onMouseEnter: L,
+		onMouseLeave: R,
+		...oe,
+		...se,
+		children: [
+			A,
+			V,
+			H,
+			U,
+			W
+		]
+	}), f[66] = oe, f[67] = se, f[68] = ye, f[69] = I, f[70] = L, f[71] = R, f[72] = V, f[73] = H, f[74] = U, f[75] = W, f[76] = j, f[77] = A, f[78] = G) : G = f[78], G;
+}
+function ce(e) {
+	return URL.createObjectURL(e);
+}
+function D(t) {
+	let c = n(125), { initialFiles: l, onChange: y, upload: ae, uploadIsPublic: b, disabled: x, onUploadingChange: S, accept: C, renderHeader: w, renderItem: T, addButtonAriaLabel: E, removeButtonAriaLabel: D } = t, k;
+	c[0] === l ? k = c[1] : (k = l === void 0 ? [] : l, c[0] = l, c[1] = k);
+	let A = k, j = ae === void 0 ? oe : ae, M = b === void 0 ? !1 : b, N = x === void 0 ? !1 : x, P = E === void 0 ? "Ajouter un fichier" : E, F = D === void 0 ? "Supprimer le fichier" : D, be = i(null), I;
+	c[2] === A ? I = c[3] : (I = () => A.map(ye), c[2] = A, c[3] = I);
+	let [L, R] = a(I), [z, B] = a(!1), [V, H] = a(null), [U, W] = a(null), [G, xe] = a(null), Se = i(null), Ce = i(!0), we;
+	c[4] === Symbol.for("react.memo_cache_sentinel") ? (we = [], c[4] = we) : we = c[4];
+	let Te = i(we), Ee = i(A), De = i(y), Oe = i(S), ke;
+	c[5] === Symbol.for("react.memo_cache_sentinel") ? (ke = /* @__PURE__ */ new Map(), c[5] = ke) : ke = c[5];
+	let Ae = i(ke), je;
+	c[6] === Symbol.for("react.memo_cache_sentinel") ? (je = /* @__PURE__ */ new Map(), c[6] = je) : je = c[6];
+	let K = i(je), Me;
+	c[7] === Symbol.for("react.memo_cache_sentinel") ? (Me = /* @__PURE__ */ new Map(), c[7] = Me) : Me = c[7];
+	let q = i(Me), Ne;
+	c[8] === Symbol.for("react.memo_cache_sentinel") ? (Ne = /* @__PURE__ */ new Map(), c[8] = Ne) : Ne = c[8];
+	let J = i(Ne), Pe;
+	c[9] === Symbol.for("react.memo_cache_sentinel") ? (Pe = { activationConstraint: { distance: 6 } }, c[9] = Pe) : Pe = c[9];
+	let Fe;
+	c[10] === Symbol.for("react.memo_cache_sentinel") ? (Fe = { coordinateGetter: v }, c[10] = Fe) : Fe = c[10];
+	let Ie = _(g(h, Pe), g(m, Fe)), Le, Re;
+	c[11] === Symbol.for("react.memo_cache_sentinel") ? (Le = () => () => {
+		for (let e of q.current.values()) try {
+			e.abort();
+		} catch {}
+		q.current.clear(), K.current.clear(), Ae.current.clear();
+		for (let e of J.current.values()) if (typeof URL < "u") try {
+			URL.revokeObjectURL(e);
+		} catch {}
+		J.current.clear();
+	}, Re = [], c[11] = Le, c[12] = Re) : (Le = c[11], Re = c[12]), r(Le, Re);
+	let ze, Be;
+	c[13] === G ? (ze = c[14], Be = c[15]) : (ze = () => {
+		if (!(typeof document > "u")) {
+			if (G) return document.body.style.cursor = "grabbing", ve;
+			document.body.style.cursor = "";
 		}
-	}), c[9] = g, c[10] = m, c[11] = O) : O = c[11];
-	let k = m ? "block" : "none", A;
-	c[12] === k ? A = c[13] : (A = {
-		width: "100%",
-		height: "100%",
-		objectFit: "cover",
-		display: k,
-		position: "absolute",
-		top: 0,
-		left: 0
-	}, c[12] = k, c[13] = A);
-	let j;
-	c[14] === Symbol.for("react.memo_cache_sentinel") ? (j = () => {
-		h(!0);
-	}, c[14] = j) : j = c[14];
-	let M;
-	c[15] === l ? M = c[16] : (M = (e) => console.error("Image failed to load:", l, e), c[15] = l, c[16] = M);
-	let N;
-	c[17] !== p || c[18] !== l || c[19] !== A || c[20] !== M ? (N = /* @__PURE__ */ a("img", {
-		ref: v,
-		src: l,
-		alt: p,
-		style: A,
-		onLoad: j,
-		onError: M
-	}), c[17] = p, c[18] = l, c[19] = A, c[20] = M, c[21] = N) : N = c[21];
-	let P;
-	return c[22] !== f || c[23] !== N || c[24] !== O ? (P = /* @__PURE__ */ o("div", {
-		style: D,
-		className: f,
-		onMouseEnter: w,
-		onMouseLeave: E,
-		children: [O, N]
-	}), c[22] = f, c[23] = N, c[24] = O, c[25] = P) : P = c[25], P;
-};
+	}, Be = [G], c[13] = G, c[14] = ze, c[15] = Be), r(ze, Be);
+	let Ve, He;
+	c[16] === L ? (Ve = c[17], He = c[18]) : (Ve = () => {
+		Te.current = L;
+	}, He = [L], c[16] = L, c[17] = Ve, c[18] = He), r(Ve, He);
+	let Ue, We;
+	c[19] === y ? (Ue = c[20], We = c[21]) : (Ue = () => {
+		De.current = y;
+	}, We = [y], c[19] = y, c[20] = Ue, c[21] = We), r(Ue, We);
+	let Ge, Ke;
+	c[22] === S ? (Ge = c[23], Ke = c[24]) : (Ge = () => {
+		Oe.current = S;
+	}, Ke = [S], c[22] = S, c[23] = Ge, c[24] = Ke), r(Ge, Ke);
+	let qe, Je;
+	c[25] === A ? (qe = c[26], Je = c[27]) : (qe = () => {
+		let e = Ee.current;
+		if (e.length === A.length && e.every((e, t) => {
+			let n = A[t];
+			return n && e.id === n.id && e.url === n.url && e.alt === n.alt;
+		})) return;
+		Ee.current = A;
+		let t = A.map(O), n = new Set(t.map(_e));
+		for (let [e, t] of Ae.current.entries()) n.has(t) && Ae.current.delete(e);
+		let r = new Set(Te.current.map(ge));
+		if (t.some((e) => {
+			let t = Ae.current.get(e.id);
+			return t ? r.has(t) : !1;
+		})) return;
+		let i = new Set(t.map(he));
+		for (let e of Te.current) {
+			if (i.has(e.id)) continue;
+			let t = q.current.get(e.id);
+			if (t) {
+				q.current.delete(e.id);
+				try {
+					t.abort();
+				} catch {}
+			}
+			K.current.delete(e.id);
+			let n = J.current.get(e.id);
+			if (n) {
+				J.current.delete(e.id);
+				try {
+					URL.revokeObjectURL(n);
+				} catch {}
+			}
+		}
+		R((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 : (Ce.current = !0, t));
+	}, Je = [A], c[25] = A, c[26] = qe, c[27] = Je), r(qe, Je);
+	let Ye, Xe;
+	c[28] === L ? (Ye = c[29], Xe = c[30]) : (Ye = () => {
+		if (Ce.current) {
+			Ce.current = !1;
+			return;
+		}
+		De.current?.(L.map(me));
+	}, Xe = [L], c[28] = L, c[29] = Ye, c[30] = Xe), r(Ye, Xe);
+	let Ze, Qe;
+	c[31] === L ? (Ze = c[32], Qe = c[33]) : (Ze = () => {
+		Oe.current?.(L.some(pe));
+	}, Qe = [L], c[31] = L, c[32] = Ze, c[33] = Qe), r(Ze, Qe);
+	let $e, et;
+	c[34] !== V || c[35] !== L.length ? ($e = () => {
+		if (V === null) return;
+		let e = (e) => {
+			if (e.key === "Escape") {
+				H(null);
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				H((e) => e === null ? e : (e + 1) % L.length);
+				return;
+			}
+			e.key === "ArrowLeft" && H((e) => e === null ? e : (e - 1 + L.length) % L.length);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, et = [V, L.length], c[34] = V, c[35] = L.length, c[36] = $e, c[37] = et) : ($e = c[36], et = c[37]), r($e, et);
+	let tt;
+	c[38] !== N || c[39] !== j || c[40] !== M ? (tt = async (e) => {
+		if (N) return;
+		let t = Array.from(e).map((e) => {
+			let t = ce(e), n = crypto.randomUUID();
+			J.current.set(n, t), K.current.set(n, e);
+			let r = {
+				id: n,
+				url: t,
+				previewUrl: t,
+				alt: e.name,
+				status: "uploading",
+				progress: 0,
+				fileName: e.name
+			};
+			R((e) => [...e, r]);
+			let i = (e) => {
+				let t = Math.max(0, Math.min(99, e));
+				R((e) => e.map((e) => e.id === n ? {
+					...e,
+					progress: t,
+					status: "uploading"
+				} : e));
+			};
+			return (async () => {
+				let t = new AbortController();
+				q.current.set(n, t);
+				try {
+					let r = await j(e, i, {
+						signal: t.signal,
+						isPublic: M
+					});
+					Ae.current.set(n, r.id);
+					let a = J.current.get(n);
+					if (a) {
+						J.current.delete(n);
+						try {
+							URL.revokeObjectURL(a);
+						} catch {}
+					}
+					q.current.delete(n), K.current.delete(n), R((e) => e.map((e) => e.id === n ? {
+						...e,
+						...r,
+						previewUrl: r.url,
+						url: r.url,
+						status: "uploaded",
+						progress: 100
+					} : e));
+				} catch (e) {
+					let r = e;
+					if (q.current.delete(n), t.signal.aborted) {
+						K.current.delete(n);
+						let e = J.current.get(n);
+						if (e) {
+							J.current.delete(n);
+							try {
+								URL.revokeObjectURL(e);
+							} catch {}
+						}
+						return;
+					}
+					console.error("Upload failed", r), R((e) => e.map((e) => e.id === n ? {
+						...e,
+						status: "error",
+						progress: Math.max(0, Math.min(99, e.progress))
+					} : e));
+				}
+			})();
+		});
+		await Promise.allSettled(t);
+	}, c[38] = N, c[39] = j, c[40] = M, c[41] = tt) : tt = c[41];
+	let nt = tt, rt;
+	c[42] === nt ? rt = c[43] : (rt = (e) => {
+		e.target.files && (nt(e.target.files), e.target.value = "");
+	}, c[42] = nt, c[43] = rt);
+	let it = rt, at;
+	c[44] === N ? at = c[45] : (at = () => {
+		N || be.current?.click();
+	}, c[44] = N, c[45] = at);
+	let ot = at, st;
+	c[46] === Symbol.for("react.memo_cache_sentinel") ? (st = (e) => {
+		let t = q.current.get(e);
+		if (t) {
+			q.current.delete(e);
+			try {
+				t.abort();
+			} catch {}
+		}
+		K.current.delete(e);
+		let n = J.current.get(e);
+		if (n) {
+			J.current.delete(e);
+			try {
+				URL.revokeObjectURL(n);
+			} catch {}
+		}
+		R((t) => t.filter((t) => t.id !== e));
+	}, c[46] = st) : st = c[46];
+	let ct = st, lt;
+	c[47] !== N || c[48] !== j || c[49] !== M ? (lt = (e) => {
+		if (N) return;
+		let t = K.current.get(e);
+		if (!t) return;
+		let n = q.current.get(e);
+		if (n) {
+			try {
+				n.abort();
+			} catch {}
+			q.current.delete(e);
+		}
+		R((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "uploading",
+			progress: 0
+		} : t));
+		let r = (t) => {
+			let n = Math.max(0, Math.min(99, t));
+			R((t) => t.map((t) => t.id === e ? {
+				...t,
+				progress: n,
+				status: "uploading"
+			} : t));
+		}, i = new AbortController();
+		q.current.set(e, i), (async () => {
+			try {
+				let n = await j(t, r, {
+					signal: i.signal,
+					isPublic: M
+				});
+				Ae.current.set(e, n.id);
+				let a = J.current.get(e);
+				if (a) {
+					J.current.delete(e);
+					try {
+						URL.revokeObjectURL(a);
+					} catch {}
+				}
+				q.current.delete(e), K.current.delete(e), R((t) => t.map((t) => t.id === e ? {
+					...t,
+					...n,
+					previewUrl: n.url,
+					url: n.url,
+					status: "uploaded",
+					progress: 100
+				} : t));
+			} catch (t) {
+				let n = t;
+				if (q.current.delete(e), i.signal.aborted) return;
+				console.error("Retry failed", n), R((t) => t.map((t) => t.id === e ? {
+					...t,
+					status: "error"
+				} : t));
+			}
+		})();
+	}, c[47] = N, c[48] = j, c[49] = M, c[50] = lt) : lt = c[50];
+	let ut = lt, dt;
+	c[51] === L ? dt = c[52] : (dt = (e) => {
+		let t = L.findIndex((t) => t.id === e);
+		t !== -1 && H(t);
+	}, c[51] = L, c[52] = dt);
+	let ft = dt, pt;
+	c[53] === Symbol.for("react.memo_cache_sentinel") ? (pt = (e) => {
+		xe(String(e.active.id));
+	}, c[53] = pt) : pt = c[53];
+	let mt = pt, ht;
+	c[54] === Symbol.for("react.memo_cache_sentinel") ? (ht = (e) => {
+		let { active: t, over: n } = e;
+		if (!n) {
+			xe(null);
+			return;
+		}
+		let r = String(t.id), i = String(n.id);
+		r !== i && R((e) => {
+			let t = e.findIndex((e) => e.id === r), n = e.findIndex((e) => e.id === i);
+			return t === -1 || n === -1 ? e : re(e, t, n);
+		}), xe(null);
+	}, c[54] = ht) : ht = c[54];
+	let gt = ht, _t;
+	c[55] === Symbol.for("react.memo_cache_sentinel") ? (_t = () => {
+		xe(null);
+	}, c[55] = _t) : _t = c[55];
+	let vt = _t, yt;
+	c[56] === Symbol.for("react.memo_cache_sentinel") ? (yt = () => {
+		Se.current !== null && (window.clearTimeout(Se.current), Se.current = null);
+	}, c[56] = yt) : yt = c[56];
+	let bt = yt, xt;
+	bb0: {
+		if (V === null) {
+			xt = null;
+			break bb0;
+		}
+		xt = L[V] ?? null;
+	}
+	let St = xt, Ct = z && "border-primary ring-2 ring-primary/50", wt = N && "opacity-70", Tt;
+	c[57] !== Ct || c[58] !== wt ? (Tt = e("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", Ct, wt), c[57] = Ct, c[58] = wt, c[59] = Tt) : Tt = c[59];
+	let Et = Tt, Dt;
+	bb1: {
+		if (!C) {
+			Dt = void 0;
+			break bb1;
+		}
+		if (Array.isArray(C)) {
+			let e;
+			c[60] === C ? e = c[61] : (e = C.join(","), c[60] = C, c[61] = e), Dt = e;
+			break bb1;
+		}
+		Dt = C;
+	}
+	let Y = Dt, X;
+	if (c[62] !== Y || c[63] !== T) {
+		bb2: {
+			if (T) {
+				X = !1;
+				break bb2;
+			}
+			if (!Y) {
+				X = !1;
+				break bb2;
+			}
+			let e = Y.split(",").map(fe).filter(Boolean);
+			if (!e.length) {
+				X = !1;
+				break bb2;
+			}
+			X = e.every(de);
+		}
+		c[62] = Y, c[63] = T, c[64] = X;
+	} else X = c[64];
+	let Z = X, Ot = ue, kt;
+	c[65] !== G || c[66] !== Z || c[67] !== L || c[68] !== T ? (kt = G ? (() => {
+		let e = L.find((e) => e.id === G);
+		if (!e) return null;
+		if (T) {
+			let t = T(Ot(e));
+			return t == null || t === !1 ? null : /* @__PURE__ */ o("div", {
+				className: "pointer-events-none",
+				children: /* @__PURE__ */ o("div", {
+					className: "h-24 w-24 overflow-hidden rounded-lg shadow-2xl",
+					children: t
+				})
+			});
+		}
+		return Z ? /* @__PURE__ */ o("div", {
+			className: "pointer-events-none",
+			children: /* @__PURE__ */ o("img", {
+				src: e.previewUrl,
+				alt: e.alt ?? "Dragged image",
+				className: "h-24 w-24 rounded-lg object-cover shadow-2xl"
+			})
+		}) : null;
+	})() : null, c[65] = G, c[66] = Z, c[67] = L, c[68] = T, c[69] = kt) : kt = c[69];
+	let At = kt, jt = At != null, Mt;
+	c[70] === N ? Mt = c[71] : (Mt = (e) => {
+		e.preventDefault(), N || B(!0);
+	}, c[70] = N, c[71] = Mt);
+	let Nt;
+	c[72] === Symbol.for("react.memo_cache_sentinel") ? (Nt = () => B(!1), c[72] = Nt) : Nt = c[72];
+	let Pt;
+	c[73] === nt ? Pt = c[74] : (Pt = (e) => {
+		e.preventDefault(), B(!1), e.dataTransfer.files?.length && nt(e.dataTransfer.files);
+	}, c[73] = nt, c[74] = Pt);
+	let Ft;
+	c[75] === w ? Ft = c[76] : (Ft = w ? /* @__PURE__ */ o("div", {
+		className: "mb-3",
+		children: w()
+	}) : null, c[75] = w, c[76] = Ft);
+	let It = N ? void 0 : Ie, Lt;
+	c[77] === L ? Lt = c[78] : (Lt = L.map(le), c[77] = L, c[78] = Lt);
+	let Rt;
+	c[79] !== G || c[80] !== N || c[81] !== Z || c[82] !== jt || c[83] !== U || c[84] !== L || c[85] !== F || c[86] !== T || c[87] !== ut || c[88] !== ft ? (Rt = L.map((e) => {
+		let t = e.status === "uploading", n = e.status === "error";
+		return /* @__PURE__ */ o(se, {
+			item: e,
+			isHovered: U === e.id,
+			enableImagePreview: Z,
+			renderItem: T,
+			onHoverEnter: () => {
+				bt(), W(e.id);
+			},
+			onHoverLeave: () => {
+				bt(), Se.current = window.setTimeout(() => {
+					W((t) => t === e.id ? null : t), Se.current = null;
+				}, 120);
+			},
+			onRemove: ct,
+			onRetry: ut,
+			startFullscreen: ft,
+			isUploading: t,
+			isError: n,
+			tileClasses: "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",
+			disabled: N,
+			isDraggingExternal: jt && G === e.id,
+			removeButtonAriaLabel: F
+		}, e.id);
+	}), c[79] = G, c[80] = N, c[81] = Z, c[82] = jt, c[83] = U, c[84] = L, c[85] = F, c[86] = T, c[87] = ut, c[88] = ft, c[89] = Rt) : Rt = c[89];
+	let zt;
+	c[90] === Symbol.for("react.memo_cache_sentinel") ? (zt = e("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", "flex items-center justify-center border-dashed bg-white text-slate-500 hover:border-slate-300 dark:bg-slate-900"), c[90] = zt) : zt = c[90];
+	let Bt;
+	c[91] === Symbol.for("react.memo_cache_sentinel") ? (Bt = /* @__PURE__ */ s("div", {
+		className: "flex flex-col items-center gap-1",
+		children: [/* @__PURE__ */ o("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__ */ o(ee, { className: "h-5 w-5" })
+		}), /* @__PURE__ */ o("span", {
+			className: "text-xs font-medium",
+			children: "Ajouter"
+		})]
+	}), c[91] = Bt) : Bt = c[91];
+	let Q;
+	c[92] !== P || c[93] !== N || c[94] !== ot ? (Q = /* @__PURE__ */ o("button", {
+		type: "button",
+		onClick: ot,
+		disabled: N,
+		className: zt,
+		"aria-label": P,
+		children: Bt
+	}), c[92] = P, c[93] = N, c[94] = ot, c[95] = Q) : Q = c[95];
+	let Vt;
+	c[96] !== Rt || c[97] !== Q ? (Vt = /* @__PURE__ */ s("div", {
+		className: "flex flex-wrap gap-3",
+		children: [Rt, Q]
+	}), c[96] = Rt, c[97] = Q, c[98] = Vt) : Vt = c[98];
+	let Ht;
+	c[99] !== Lt || c[100] !== Vt ? (Ht = /* @__PURE__ */ o(ne, {
+		items: Lt,
+		strategy: ie,
+		children: Vt
+	}), c[99] = Lt, c[100] = Vt, c[101] = Ht) : Ht = c[101];
+	let Ut;
+	bb3: {
+		let e;
+		c[102] === At ? e = c[103] : (e = /* @__PURE__ */ o(p, { children: At }), c[102] = At, c[103] = e);
+		let t = e;
+		if (typeof document > "u") {
+			Ut = t;
+			break bb3;
+		}
+		let n;
+		c[104] === t ? n = c[105] : (n = d(t, document.body), c[104] = t, c[105] = n), Ut = n;
+	}
+	let Wt;
+	c[106] !== It || c[107] !== Ht || c[108] !== Ut ? (Wt = /* @__PURE__ */ s(f, {
+		sensors: It,
+		collisionDetection: te,
+		onDragStart: mt,
+		onDragEnd: gt,
+		onDragCancel: vt,
+		children: [Ht, Ut]
+	}), c[106] = It, c[107] = Ht, c[108] = Ut, c[109] = Wt) : Wt = c[109];
+	let Gt;
+	c[110] !== Y || c[111] !== it ? (Gt = /* @__PURE__ */ o("input", {
+		ref: be,
+		type: "file",
+		accept: Y,
+		multiple: !0,
+		className: "hidden",
+		onChange: it,
+		"aria-hidden": !0
+	}), c[110] = Y, c[111] = it, c[112] = Gt) : Gt = c[112];
+	let $;
+	c[113] !== Z || c[114] !== St || c[115] !== L.length ? ($ = Z && St && /* @__PURE__ */ s("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/90",
+		children: [
+			/* @__PURE__ */ o("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: () => H((e) => e === null ? e : (e - 1 + L.length) % L.length),
+				"aria-label": "Précédent",
+				children: /* @__PURE__ */ o("svg", {
+					viewBox: "0 0 24 24",
+					className: "h-6 w-6",
+					stroke: "currentColor",
+					strokeWidth: 2,
+					fill: "none",
+					children: /* @__PURE__ */ o("path", {
+						d: "M15 18l-6-6 6-6",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "relative max-h-[80vh] max-w-4xl",
+				children: [/* @__PURE__ */ o("img", {
+					src: St.url,
+					alt: St.alt ?? "Fullscreen",
+					className: "max-h-[80vh] max-w-full rounded-lg object-contain shadow-2xl"
+				}), /* @__PURE__ */ o("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: () => H(null),
+					"aria-label": "Fermer",
+					children: /* @__PURE__ */ o(u, { className: "h-5 w-5" })
+				})]
+			}),
+			/* @__PURE__ */ o("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: () => H((e) => e === null ? e : (e + 1) % L.length),
+				"aria-label": "Suivant",
+				children: /* @__PURE__ */ o("svg", {
+					viewBox: "0 0 24 24",
+					className: "h-6 w-6",
+					stroke: "currentColor",
+					strokeWidth: 2,
+					fill: "none",
+					children: /* @__PURE__ */ o("path", {
+						d: "M9 6l6 6-6 6",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			})
+		]
+	}), c[113] = Z, c[114] = St, c[115] = L.length, c[116] = $) : $ = c[116];
+	let Kt;
+	return c[117] !== Et || c[118] !== Mt || c[119] !== Pt || c[120] !== Ft || c[121] !== Wt || c[122] !== Gt || c[123] !== $ ? (Kt = /* @__PURE__ */ s("div", {
+		onDragOver: Mt,
+		onDragLeave: Nt,
+		onDrop: Pt,
+		className: Et,
+		children: [
+			Ft,
+			Wt,
+			Gt,
+			$
+		]
+	}), c[117] = Et, c[118] = Mt, c[119] = Pt, c[120] = Ft, c[121] = Wt, c[122] = Gt, c[123] = $, c[124] = Kt) : Kt = c[124], Kt;
+}
+function le(e) {
+	return e.id;
+}
+function ue(e) {
+	return {
+		file: {
+			id: e.id,
+			url: e.url,
+			alt: e.alt,
+			uploadKey: e.uploadKey
+		},
+		previewUrl: e.previewUrl,
+		status: e.status,
+		progress: e.progress,
+		fileName: e.fileName
+	};
+}
+function de(e) {
+	return e === "image/*" || e.startsWith("image/");
+}
+function fe(e) {
+	return e.trim();
+}
+function pe(e) {
+	return e.status === "uploading";
+}
+function me(e) {
+	let { id: t, url: n, alt: r, uploadKey: i } = e;
+	return {
+		id: t,
+		url: n,
+		alt: r,
+		uploadKey: i
+	};
+}
+function he(e) {
+	return e.id;
+}
+function ge(e) {
+	return e.id;
+}
+function _e(e) {
+	return e.id;
+}
+function O(e) {
+	return {
+		...e,
+		previewUrl: e.url,
+		status: "uploaded",
+		progress: 100
+	};
+}
+function ve() {
+	document.body.style.cursor = "";
+}
+function ye(e) {
+	return {
+		...e,
+		previewUrl: e.url,
+		status: "uploaded",
+		progress: 100
+	};
+}
 //#endregion
-export { s as Image };
+export { D as FilesUploadField };
 
 //# sourceMappingURL=index194.js.map