@rpcbase/ui 0.222.0 → 0.224.0

package/dist/index8.js

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