@rpcbase/ui 0.232.0 → 0.233.0

package/dist/index8.js

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