@rpcbase/ui 0.210.0 → 0.212.0

package/dist/index8.js

@@ -1,37 +1,875 @@
-import { c as e } from "react/compiler-runtime";
-import { useEffect as t, useRef as n } from "react";
-//#region src/helpers/useUserScrollIntent.ts
-var r = new Set([
-	" ",
-	"Spacebar",
-	"PageUp",
-	"PageDown",
-	"Home",
-	"End",
-	"ArrowDown",
-	"ArrowUp"
-]);
-function i(i) {
-	let a = e(3), o = i === void 0 ? 1e3 : i, s = n(!1), c = n(null), l, u;
-	return a[0] === o ? (l = a[1], u = a[2]) : (l = () => {
-		if (typeof window > "u") return;
-		if (o <= 0) {
-			s.current = !1;
-			return;
-		}
-		let e = () => {
-			s.current = !0, c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-				s.current = !1;
-			}, o);
-		}, t = (t) => {
-			r.has(t.key) && e();
-		};
-		return window.addEventListener("touchmove", e, { passive: !0 }), window.addEventListener("wheel", e, { passive: !0 }), window.addEventListener("keydown", t), () => {
-			window.removeEventListener("touchmove", e), window.removeEventListener("wheel", e), window.removeEventListener("keydown", t), c.current && clearTimeout(c.current);
-		};
-	}, u = [o], a[0] = o, a[1] = l, a[2] = u), t(l, u), s;
-}
-//#endregion
-export { i as useUserScrollIntent };
-
-//# sourceMappingURL=index8.js.map
+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 { DismissableLayerBranch as Tt } from "./index31.js";
+import { useSensors as Kt, useSensor as Nt, PointerSensor as Ft, KeyboardSensor as $t, DragOverlay as Ot, DndContext as Ht, closestCenter as Bt } from "@dnd-kit/core";
+import { useSortable as _t, sortableKeyboardCoordinates as Xt, arrayMove as Vt, SortableContext as Jt, rectSortingStrategy as Wt } from "@dnd-kit/sortable";
+import { CSS as qt } from "@dnd-kit/utilities";
+import { X as Lt, Maximize2 as Gt, Loader2 as Qt, Plus as Yt } from "lucide-react";
+import { cn as pt } from "./index2.js";
+const At = "rb-tenant-id", Zt = async (n) => {
+  if (typeof crypto > "u" || typeof crypto.subtle > "u") return null;
+  try {
+    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;
+  }
+}, er = () => {
+  if (typeof window > "u") return null;
+  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",
+      ...r?.headers ?? {}
+    },
+    credentials: "include",
+    body: JSON.stringify(e),
+    signal: r?.signal
+  }), f = await c.json().catch(() => ({}));
+  return {
+    ok: c.ok,
+    status: c.status,
+    data: f
+  };
+}, tr = async (n, e) => {
+  const r = await fetch(n, {
+    credentials: "include",
+    headers: e?.headers,
+    signal: e?.signal
+  }), c = await r.json().catch(() => ({}));
+  return {
+    ok: r.ok,
+    status: r.status,
+    data: c
+  };
+}, rr = async ({
+  url: n,
+  body: e,
+  sha256: r,
+  uploadKey: c,
+  signal: f
+}) => {
+  const N = {
+    "Content-Type": "application/octet-stream"
+  };
+  r && (N["X-Chunk-SHA256"] = r), c && (N["X-Upload-Key"] = c);
+  const v = await fetch(n, {
+    method: "PUT",
+    credentials: "include",
+    headers: N,
+    body: e,
+    signal: f
+  });
+  return {
+    ok: v.ok,
+    status: v.status
+  };
+}, nr = async (n, e, r) => {
+  const c = er(), 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 q = async (l) => {
+    const y = l * I, h = Math.min(n.size, y + I), P = await n.slice(y, h).arrayBuffer(), D = await Zt(P), j = await rr({
+      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 (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);
+    }
+  }, 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 y = String(l.data?.error ?? "");
+    if (l.status !== 409 || y !== "missing_chunks")
+      throw new Error(y || `Complete failed (${l.status})`);
+    const h = await tr(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 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 sr(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
+  }, 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
+  } = _t(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;
+    }
+    pe();
+    let g = 0;
+    const x = () => {
+      g && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+        g = 0, pe();
+      });
+    };
+    return window.addEventListener("resize", x), window.addEventListener("scroll", x, !0), () => {
+      g && cancelAnimationFrame(g), window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
+    };
+  }, 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 ? ($ = qt.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(Tt, { children: /* @__PURE__ */ s.jsx("div", { ref: ve, className: "pointer-events-auto fixed z-[60] w-52 -translate-x-1/2 -translate-y-full rounded-xl border border-slate-200 bg-white/95 p-3 shadow-2xl backdrop-blur dark:border-slate-700 dark:bg-slate-900/95", style: {
+      left: 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(Gt, { 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(Qt, { 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 lr(n) {
+  return URL.createObjectURL(n);
+}
+function Rr(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 ? nr : 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(br), 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: Xt
+  }, e[10] = V) : V = e[10];
+  const de = Kt(Nt(Ft, te), Nt($t, V));
+  let J, W;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = () => () => {
+    for (const t of b.current.values())
+      try {
+        t.abort();
+      } catch {
+      }
+    b.current.clear(), O.current.clear(), Q.current.clear();
+    for (const t of w.current.values())
+      if (typeof URL < "u")
+        try {
+          URL.revokeObjectURL(t);
+        } catch {
+        }
+    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 (R)
+        return document.body.style.cursor = "grabbing", gr;
+      document.body.style.cursor = "";
+    }
+  }, 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(hr), S = new Set(a.map(pr));
+    for (const [m, p] of Q.current.entries())
+      S.has(p) && Q.current.delete(m);
+    const z = new Set(ie.current.map(mr));
+    if (a.some((m) => {
+      const p = Q.current.get(m.id);
+      return p ? z.has(p) : !1;
+    }))
+      return;
+    const U = new Set(a.map(fr));
+    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 {
+          p.abort();
+        } catch {
+        }
+      }
+      O.current.delete(m.id);
+      const C = w.current.get(m.id);
+      if (C) {
+        w.current.delete(m.id);
+        try {
+          URL.revokeObjectURL(C);
+        } catch {
+        }
+      }
+    }
+    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;
+    }
+    ee.current?.(o.map(dr));
+  }, 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(ur));
+  }, 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 t = (d) => {
+      if (d.key === "Escape") {
+        G(null);
+        return;
+      }
+      if (d.key === "ArrowRight") {
+        G((a) => a === null ? a : (a + 1) % o.length);
+        return;
+      }
+      d.key === "ArrowLeft" && G((a) => a === null ? a : (a - 1 + o.length) % o.length);
+    };
+    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 = lr(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: S.name
+      };
+      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 C = new AbortController();
+        b.current.set(i, C);
+        try {
+          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(fe);
+            } catch {
+            }
+          }
+          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(L);
+              } catch {
+              }
+            }
+            return;
+          }
+          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);
+  }, 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 {
+        d.abort();
+      } catch {
+      }
+    }
+    O.current.delete(t);
+    const a = w.current.get(t);
+    if (a) {
+      w.current.delete(t);
+      try {
+        URL.revokeObjectURL(a);
+      } catch {
+      }
+    }
+    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 {
+      }
+      b.current.delete(t);
+    }
+    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 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(U);
+          } catch {
+          }
+        }
+        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));
+      }
+    })();
+  }, 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) {
+      Z(null);
+      return;
+    }
+    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 : Vt(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);
+  }, 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;
+    }
+    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;
+      }
+      if (!ge) {
+        be = !1;
+        break e;
+      }
+      const t = ge.split(",").map(cr).filter(Boolean);
+      if (!t.length) {
+        be = !1;
+        break e;
+      }
+      be = t.every(ir);
+    }
+    e[62] = ge, e[63] = k, e[64] = be;
+  } else
+    be = e[64];
+  const ne = be, Mt = ar;
+  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(or), 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(sr, { 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(Yt, { 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(Jt, { items: Ue, strategy: Wt, 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(Ot, { 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(Ht, { sensors: St, collisionDetection: Bt, 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 or(n) {
+  return n.id;
+}
+function ar(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 ir(n) {
+  return n === "image/*" || n.startsWith("image/");
+}
+function cr(n) {
+  return n.trim();
+}
+function ur(n) {
+  return n.status === "uploading";
+}
+function dr(n) {
+  const {
+    id: e,
+    url: r,
+    alt: c,
+    uploadKey: f
+  } = n;
+  return {
+    id: e,
+    url: r,
+    alt: c,
+    uploadKey: f
+  };
+}
+function fr(n) {
+  return n.id;
+}
+function mr(n) {
+  return n.id;
+}
+function pr(n) {
+  return n.id;
+}
+function hr(n) {
+  return {
+    ...n,
+    previewUrl: n.url,
+    status: "uploaded",
+    progress: 100
+  };
+}
+function gr() {
+  document.body.style.cursor = "";
+}
+function br(n) {
+  return {
+    ...n,
+    previewUrl: n.url,
+    status: "uploaded",
+    progress: 100
+  };
+}
+export {
+  Rr as FilesUploadField
+};
+//# sourceMappingURL=index8.js.map