@rpcbase/ui 0.183.0 → 0.185.0

package/dist/index15.js

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