@rpcbase/ui 0.234.0 → 0.236.0

package/dist/index8.js

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