@techzyapp/ui-library 1.0.25 → 1.0.28

package/dist/FileUploader-CuOHWkiG.js

@@ -0,0 +1,707 @@
+import { jsx as n, jsxs as _, Fragment as ze } from "react/jsx-runtime";
+import { useRef as O, useState as x, forwardRef as Dt, useId as Ct, useEffect as se } from "react";
+import { clsx as j } from "clsx";
+import { useSensors as Ft, useSensor as Ye, PointerSensor as Mt, KeyboardSensor as Pt, DndContext as Rt, closestCenter as Lt } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as $t, SortableContext as Bt, rectSortingStrategy as Ot, arrayMove as jt, useSortable as At } from "@dnd-kit/sortable";
+import { CSS as Wt } from "@dnd-kit/utilities";
+import { useAutoAnimate as Ht } from "@formkit/auto-animate/react";
+import { useDropzone as qt } from "react-dropzone";
+import { u as Kt } from "./formContext-B7ln1Miy.js";
+import { t as Je } from "./toastStore-Cx_JOKwS.js";
+import { I as L } from "./Icon-DaTvzLBu.js";
+import { S as Vt } from "./Skeleton-_-uGax2j.js";
+import { T as ce } from "./Typography-CJv5AnRP.js";
+import Gt from "react-image-crop";
+import { B as Qe } from "./Button-BLW9yV8W.js";
+import { M as Yt, O as Jt } from "./Modal-cz6JIsZn.js";
+import { T as Qt } from "./TextField-CkronCRC.js";
+import { a as he, h as Xt } from "./ConfigProvider-B_RSn9bb.js";
+import { f as Ie } from "./TextField.module-6gYcR9TL.js";
+const Zt = "_cropSection_1j2zs_4", eo = "_cropHead_1j2zs_10", to = "_cropStage_1j2zs_16", oo = "_crop_1j2zs_4", no = "_cropImg_1j2zs_30", ro = "_altFields_1j2zs_35", X = {
+  cropSection: Zt,
+  cropHead: eo,
+  cropStage: to,
+  crop: oo,
+  cropImg: no,
+  altFields: ro
+};
+function ao({
+  mode: o,
+  name: t,
+  imageUrl: s,
+  mimeType: f,
+  editLocales: w,
+  initialDraft: k,
+  onClose: E,
+  onSave: $
+}) {
+  const g = he(), F = O(null), [b, A] = x(), [i, W] = x(null), [H, Y] = x(null), [J, q] = x(k), [K, Z] = x(null), [z, T] = x(!1), ee = (c, y) => {
+    A(y);
+    const p = F.current;
+    if (p && p.width > 0 && c.width >= 1 && c.height >= 1) {
+      const D = p.naturalWidth / p.width, B = p.naturalHeight / p.height;
+      W({
+        x: Math.round(c.x * D),
+        y: Math.round(c.y * B),
+        width: Math.round(c.width * D),
+        height: Math.round(c.height * B)
+      });
+    } else
+      W(null);
+  }, N = async () => {
+    const c = F.current;
+    if (!c || !i || i.width < 1 || i.height < 1) return;
+    const y = document.createElement("canvas");
+    y.width = i.width, y.height = i.height;
+    const p = y.getContext("2d");
+    if (!p) return;
+    p.imageSmoothingEnabled = !1, p.drawImage(
+      c,
+      i.x,
+      i.y,
+      i.width,
+      i.height,
+      0,
+      0,
+      i.width,
+      i.height
+    );
+    const D = await new Promise((B) => y.toBlob(B, f, 1));
+    if (!D) throw new Error("canvas.toBlob returned null");
+    return new File([D], t, { type: f, lastModified: Date.now() });
+  }, Q = async () => {
+    if (o === "altText") {
+      $({ draft: J });
+      return;
+    }
+    T(!0);
+    try {
+      const c = i && i.width >= 1 && i.height >= 1 ? await N() : void 0;
+      $({ croppedFile: c });
+    } catch {
+      Z(g("fileUploader.cropError")), T(!1);
+    }
+  };
+  return /* @__PURE__ */ n(
+    Yt,
+    {
+      open: !0,
+      onClose: E,
+      size: o === "crop" ? "lg" : "sm",
+      icon: o === "crop" ? "Crop" : "Text",
+      title: g(o === "crop" ? "fileUploader.cropTitle" : "fileUploader.altTitle"),
+      description: t,
+      footer: /* @__PURE__ */ _(ze, { children: [
+        /* @__PURE__ */ n(Qe, { variant: "text", color: "accent", size: "sm", onClick: E, disabled: z, children: g("common.cancel") }),
+        /* @__PURE__ */ n(Qe, { size: "sm", onClick: Q, loading: z, children: g("common.save") })
+      ] }),
+      children: o === "crop" ? /* @__PURE__ */ _("div", { className: X.cropSection, children: [
+        /* @__PURE__ */ _("div", { className: X.cropHead, children: [
+          /* @__PURE__ */ n(ce, { variant: "bodySmall", color: "muted", children: g("fileUploader.cropHint") }),
+          /* @__PURE__ */ n(ce, { variant: "bodySmall", color: i ? "text" : "muted", children: i ? `${i.width} × ${i.height} px` : H ? `${H.w} × ${H.h} px` : "" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: X.cropStage, children: /* @__PURE__ */ n(Gt, { crop: b, onChange: ee, className: X.crop, children: /* @__PURE__ */ n(
+          "img",
+          {
+            ref: F,
+            src: s ?? void 0,
+            alt: "",
+            className: X.cropImg,
+            onLoad: (c) => Y({
+              w: c.currentTarget.naturalWidth,
+              h: c.currentTarget.naturalHeight
+            })
+          }
+        ) }) }),
+        K && /* @__PURE__ */ n(ce, { variant: "bodySmall", color: "error", children: K })
+      ] }) : /* @__PURE__ */ n("div", { className: X.altFields, children: w.map((c) => /* @__PURE__ */ n(
+        Qt,
+        {
+          label: c.label ?? (c.code || g("fileUploader.altTitle")),
+          placeholder: g("fileUploader.altPlaceholder"),
+          value: J[c.code] ?? "",
+          onChange: (y) => q((p) => ({ ...p, [c.code]: y.target.value }))
+        },
+        c.code
+      )) })
+    }
+  );
+}
+const lo = "_backdrop_uqdv2_5", so = "_media_uqdv2_9", io = "_mediaSvg_uqdv2_19", co = "_close_uqdv2_27", le = {
+  backdrop: lo,
+  media: so,
+  mediaSvg: io,
+  close: co
+};
+function uo({
+  url: o,
+  isVideo: t,
+  isSvg: s,
+  name: f,
+  onClose: w
+}) {
+  const k = he();
+  return /* @__PURE__ */ _(
+    Jt,
+    {
+      open: !0,
+      onClose: w,
+      dim: 0.85,
+      className: le.backdrop,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": k("fileUploader.preview", { name: f }),
+      children: [
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: le.close,
+            "aria-label": k("fileUploader.closePreview"),
+            onClick: w,
+            autoFocus: !0,
+            children: /* @__PURE__ */ n(L, { name: "Close", size: "lg" })
+          }
+        ),
+        t ? /* @__PURE__ */ n("video", { src: o, className: le.media, controls: !0, playsInline: !0 }) : (
+          // an SVG's natural size is unreliable, so it always gets the floored box (`.mediaSvg`); a raster
+          // keeps its natural size, only capped to the viewport (`.media`)
+          /* @__PURE__ */ n("img", { src: o, alt: f, className: j(le.media, s && le.mediaSvg) })
+        )
+      ]
+    }
+  );
+}
+const fo = "_root_m8xag_4", po = "_fullWidth_m8xag_9", mo = "_disabled_m8xag_14", go = "_dropzone_m8xag_17", ho = "_dropText_m8xag_41", _o = "_dropping_m8xag_56", bo = "_error_m8xag_61", vo = "_dropIcon_m8xag_65", xo = "_prompt_m8xag_77", yo = "_accent_m8xag_82", So = "_hint_m8xag_87", Uo = "_list_m8xag_93", wo = "_populated_m8xag_103", To = "_tile_m8xag_121", No = "_grabbable_m8xag_130", Io = "_entering_m8xag_139", ko = "_dragging_m8xag_142", Eo = "_tileError_m8xag_148", zo = "_tileImg_m8xag_153", Do = "_tileImgPending_m8xag_161", Co = "_tileSkeleton_m8xag_164", Fo = "_tileFallback_m8xag_169", Mo = "_tilePlay_m8xag_179", Po = "_tileTop_m8xag_198", Ro = "_tileBottom_m8xag_208", Lo = "_tileRemove_m8xag_218", $o = "_tileAction_m8xag_219", Bo = "_tileActionEnd_m8xag_254", Oo = "_tileText_m8xag_257", jo = "_name_m8xag_264", Ao = "_nameBase_m8xag_271", Wo = "_nameExt_m8xag_277", Ho = "_tileMeta_m8xag_281", qo = "_metaError_m8xag_285", a = {
+  root: fo,
+  fullWidth: po,
+  disabled: mo,
+  dropzone: go,
+  dropText: ho,
+  dropping: _o,
+  error: bo,
+  dropIcon: vo,
+  prompt: xo,
+  accent: yo,
+  hint: So,
+  list: Uo,
+  populated: wo,
+  tile: To,
+  grabbable: No,
+  entering: Io,
+  dragging: ko,
+  tileError: Eo,
+  tileImg: zo,
+  tileImgPending: Do,
+  tileSkeleton: Co,
+  tileFallback: Fo,
+  tilePlay: Mo,
+  tileTop: Po,
+  tileBottom: Ro,
+  tileRemove: Lo,
+  tileAction: $o,
+  tileActionEnd: Bo,
+  tileText: Oo,
+  name: jo,
+  nameBase: Ao,
+  nameExt: Wo,
+  tileMeta: Ho,
+  metaError: qo
+}, Xe = () => typeof URL < "u" && typeof URL.createObjectURL == "function", Ko = 300, Vo = (o, t, s, f) => {
+  let w = [{}, {}], k = Ko;
+  if (t === "add")
+    k = 0;
+  else if (t === "remove")
+    w = [
+      { opacity: 1, transform: "translateY(0)" },
+      { opacity: 0, transform: "translateY(-8px)" }
+    ];
+  else if (s && f) {
+    const E = s.left - f.left, $ = s.top - f.top;
+    w = [{ transform: `translate(${E}px, ${$}px)` }, { transform: "translate(0, 0)" }];
+  }
+  return new KeyframeEffect(o, w, { duration: k, easing: "ease-out" });
+}, ie = (o) => {
+  if (o < 1024) return `${o} B`;
+  const t = ["KB", "MB", "GB", "TB"];
+  let s = o / 1024, f = 0;
+  for (; s >= 1024 && f < t.length - 1; )
+    s /= 1024, f += 1;
+  return `${s.toFixed(s < 10 ? 1 : 0)} ${t[f]}`;
+}, Go = (o) => {
+  if (typeof o == "number") return o;
+  const t = /^\s*([\d.]+)\s*(b|kb|mb|gb|tb)?\s*$/i.exec(o);
+  if (!t) return;
+  const s = {
+    b: 1,
+    kb: 1024,
+    mb: 1024 ** 2,
+    gb: 1024 ** 3,
+    tb: 1024 ** 4
+  };
+  return parseFloat(t[1]) * (s[(t[2] || "b").toLowerCase()] ?? 1);
+}, Ze = (o) => `f:${o.name}:${o.size}:${o.lastModified}`, Yo = (o) => o.file ? Ze(o.file) : `s:${o.source ?? ""}`, ge = (o) => o.file ? o.file.name : o.source ? /^(data|blob):/i.test(o.source) ? "File" : o.source.split(/[?#]/)[0].split("/").pop() || "File" : "File", ke = (o) => {
+  if (o.file) return o.file.type.startsWith("image/");
+  const t = o.source;
+  return t ? /^data:image\//i.test(t) ? !0 : /^data:/i.test(t) ? !1 : /\.(png|jpe?g|gif|webp|avif|svg|bmp|ico|heic|heif)(?:[?#]|$)/i.test(t) || !/\.[a-z0-9]{1,8}(?:[?#]|$)/i.test(t) : !1;
+}, Ee = (o) => {
+  if (o.file) return o.file.type.startsWith("video/");
+  const t = o.source;
+  return t ? /^data:video\//i.test(t) || /\.(mp4|webm|ogg|ogv|mov|m4v|avi|mkv)(?:[?#]|$)/i.test(t) : !1;
+}, Jo = (o) => {
+  if (typeof document > "u") return;
+  const t = document.createElement("a");
+  if (t.style.display = "none", o.file) {
+    if (!Xe()) return;
+    const s = URL.createObjectURL(o.file);
+    t.href = s, t.download = o.file.name, document.body.appendChild(t), t.click(), t.remove(), setTimeout(() => URL.revokeObjectURL(s), 1e3);
+  } else o.source && (t.href = o.source, t.download = ge(o), t.target = "_blank", t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove());
+}, Qo = (o) => {
+  const t = o.lastIndexOf(".");
+  return t > 0 && o.length - t <= 7 ? { base: o.slice(0, t), ext: o.slice(t) } : { base: o, ext: "" };
+};
+function Xo({
+  id: o,
+  item: t,
+  preview: s,
+  sortable: f,
+  entering: w,
+  disabled: k,
+  error: E,
+  onRemove: $,
+  onCrop: g,
+  onAltText: F,
+  onDownload: b,
+  onView: A,
+  onPreviewError: i
+}) {
+  const { attributes: W, listeners: H, setNodeRef: Y, transform: J, transition: q, isDragging: K } = At({
+    id: o,
+    disabled: !f
+  }), Z = {
+    transform: Wt.Transform.toString(J),
+    transition: q
+  }, z = he(), T = ge(t), { base: ee, ext: N } = Qo(T), [Q, c] = x(() => !s || s.startsWith("blob:")), y = O(s);
+  y.current !== s && (y.current = s, c(!s || s.startsWith("blob:")));
+  const p = O(null);
+  se(() => {
+    const m = p.current;
+    m != null && m.complete && m.naturalWidth > 0 && c(!0);
+  }, [s]);
+  const D = () => {
+    c(!0), i == null || i();
+  }, B = t.file ? ie(t.file.size) : z("fileUploader.uploaded"), _e = Ee(t), de = b ? /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      className: a.tileAction,
+      "aria-label": z("fileUploader.download", { name: T }),
+      onClick: b,
+      onPointerDown: (m) => m.stopPropagation(),
+      children: /* @__PURE__ */ n(L, { name: "DocumentDownload", size: "sm" })
+    }
+  ) : null;
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: Y,
+      style: Z,
+      className: j(
+        a.tile,
+        f && a.grabbable,
+        w && a.entering,
+        K && a.dragging,
+        E && a.tileError
+      ),
+      ...W,
+      ...H,
+      children: [
+        s && !Q && /* @__PURE__ */ n(Vt, { variant: "rect", width: "100%", height: "100%", className: a.tileSkeleton }),
+        s ? _e ? /* @__PURE__ */ _(ze, { children: [
+          /* @__PURE__ */ n(
+            "video",
+            {
+              src: s,
+              className: a.tileImg,
+              muted: !0,
+              playsInline: !0,
+              preload: "metadata",
+              draggable: !1,
+              onLoadedData: () => c(!0),
+              onError: D
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: a.tilePlay, "aria-hidden": "true", children: /* @__PURE__ */ n(L, { name: "Play", size: "lg" }) })
+        ] }) : /* @__PURE__ */ n(
+          "img",
+          {
+            ref: p,
+            src: s,
+            alt: "",
+            className: j(a.tileImg, !Q && a.tileImgPending),
+            draggable: !1,
+            onLoad: () => c(!0),
+            onError: D
+          }
+        ) : /* @__PURE__ */ n("span", { className: a.tileFallback, "aria-hidden": "true", children: /* @__PURE__ */ n(L, { name: "Document", size: "lg" }) }),
+        /* @__PURE__ */ _("div", { className: a.tileTop, children: [
+          /* @__PURE__ */ _("span", { className: a.tileText, children: [
+            /* @__PURE__ */ _("span", { className: a.name, title: T, children: [
+              /* @__PURE__ */ n("span", { className: a.nameBase, children: ee }),
+              N && /* @__PURE__ */ n("span", { className: a.nameExt, children: N })
+            ] }),
+            /* @__PURE__ */ n("span", { className: j(a.tileMeta, E && a.metaError), children: E ?? B })
+          ] }),
+          !k && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: a.tileRemove,
+              "aria-label": z("fileUploader.remove", { name: T }),
+              onClick: $,
+              onPointerDown: (m) => m.stopPropagation(),
+              children: /* @__PURE__ */ n(L, { name: "Close", size: "sm" })
+            }
+          )
+        ] }),
+        (g || F || b || A) && /* @__PURE__ */ _("div", { className: a.tileBottom, children: [
+          g && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: a.tileAction,
+              "aria-label": z("fileUploader.crop", { name: T }),
+              onClick: g,
+              onPointerDown: (m) => m.stopPropagation(),
+              children: /* @__PURE__ */ n(L, { name: "Crop", size: "sm" })
+            }
+          ),
+          F && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: a.tileAction,
+              "aria-label": z("fileUploader.editAlt", { name: T }),
+              onClick: F,
+              onPointerDown: (m) => m.stopPropagation(),
+              children: /* @__PURE__ */ n(L, { name: "Text", size: "sm" })
+            }
+          ),
+          de,
+          A && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: j(a.tileAction, a.tileActionEnd),
+              "aria-label": z("fileUploader.preview", { name: T }),
+              onClick: A,
+              onPointerDown: (m) => m.stopPropagation(),
+              children: /* @__PURE__ */ n(L, { name: "Eye", size: "sm" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const vn = Dt(function({
+  multiple: t = !1,
+  allowDrop: s = !0,
+  allowReorder: f = !0,
+  allowDownload: w = !0,
+  allowPreview: k = !0,
+  allowAltText: E = !0,
+  altTextLocales: $,
+  localizedAltText: g = !0,
+  allowDuplicates: F = !1,
+  disabled: b = !1,
+  accept: A,
+  maxFiles: i,
+  maxFileSize: W,
+  itemInsertLocation: H = "end",
+  value: Y,
+  defaultValue: J,
+  onChange: q,
+  label: K,
+  error: Z,
+  helperText: z,
+  required: T = !1,
+  fullWidth: ee = !0,
+  name: N,
+  id: Q,
+  onBlur: c,
+  className: y,
+  style: p,
+  ...D
+}, B) {
+  var Ke;
+  const _e = Ct(), de = Q ?? _e, m = `${de}-helper`, M = W != null ? Go(W) : void 0, [ue, be] = x(null);
+  se(() => {
+    if (!ue) return;
+    const e = window.setTimeout(() => be(null), 4e3);
+    return () => window.clearTimeout(e);
+  }, [ue]);
+  const te = Kt(), De = !!(te && N), P = te && N ? te.field(N) : void 0, Ce = t ? [] : null, Fe = Y !== void 0 ? Y : De ? te.values[N] ?? Ce : void 0, Me = Fe !== void 0, [et, tt] = x(J ?? Ce), oe = Me ? Fe : et, h = oe == null ? [] : Array.isArray(oe) ? oe : [oe], ve = Z ?? (P == null ? void 0 : P.error) ?? !1, ot = z ?? (P == null ? void 0 : P.helperText), xe = ue ?? ot, nt = !!ue || ve, fe = f && t && !b, Pe = O(/* @__PURE__ */ new WeakMap()), Re = O(0), rt = (e, r) => {
+    if (e.file) {
+      let l = Pe.current.get(e.file);
+      return l || (Re.current += 1, l = `f${Re.current}`, Pe.current.set(e.file, l)), l;
+    }
+    return e.source ? `s:${e.source}` : `i:${r}`;
+  }, I = h.map((e, r) => rt(e, r)), Le = O(/* @__PURE__ */ new Set()), at = new Set(I.filter((e) => !Le.current.has(e)));
+  se(() => {
+    Le.current = new Set(I);
+  });
+  const [lt, $e] = x(() => /* @__PURE__ */ new Set()), st = (e) => $e((r) => r.has(e) ? r : new Set(r).add(e)), [it, ct] = x(() => /* @__PURE__ */ new Set()), dt = (e) => ct((r) => r.has(e) ? r : new Set(r).add(e)), pe = O(/* @__PURE__ */ new Map()), me = (e) => {
+    if (e.file) {
+      const r = e.file.type;
+      if (!r.startsWith("image/") && !r.startsWith("video/") || !Xe() || it.has(e.file))
+        return null;
+      let l = pe.current.get(e.file);
+      return l || (l = URL.createObjectURL(e.file), pe.current.set(e.file, l)), l;
+    }
+    return e.source && !lt.has(e.source) ? e.source : null;
+  }, [R, Be] = x(null);
+  se(() => {
+    const e = pe.current, r = new Set(h.map((d) => d.file).filter(Boolean)), l = new Set(h.filter((d) => !d.file && d.source).map((d) => d.source));
+    for (const [d, u] of e)
+      !r.has(d) && u !== (R == null ? void 0 : R.url) && (URL.revokeObjectURL(u), e.delete(d));
+    $e((d) => {
+      if (d.size === 0) return d;
+      const u = new Set([...d].filter((S) => l.has(S)));
+      return u.size === d.size ? d : u;
+    });
+  }, [oe, R]), se(() => {
+    const e = pe.current;
+    return () => {
+      for (const r of e.values()) URL.revokeObjectURL(r);
+      e.clear();
+    };
+  }, []);
+  const ut = (e) => e.map((r, l) => r.sortIndex === l ? r : { ...r, sortIndex: l }), ne = (e) => {
+    const r = ut(e), l = t ? r : r[0] ?? null;
+    Me || tt(l), De && te.setValue(N, l), q == null || q(l);
+  }, ye = () => P == null ? void 0 : P.onBlur({}), v = he(), ft = Xt(), Oe = $ ?? ft, pt = g && Oe.length > 0 ? Oe : [{ code: "" }], [re, Se] = x(null), [je, Ae] = x("altText"), Ue = re != null ? I.indexOf(re) : -1, C = Ue !== -1 ? h[Ue] : null, mt = (e) => {
+    Ae("crop"), Se(I[e] ?? null);
+  }, gt = (e) => {
+    Ae("altText"), Se(I[e] ?? null);
+  }, we = () => Se(null), ht = (e) => {
+    const r = me(e);
+    if (!r) return;
+    const l = e.file ? e.file.type === "image/svg+xml" : /^data:image\/svg/i.test(e.source ?? "") || /\.svg(?:[?#]|$)/i.test(e.source ?? "");
+    Be({ url: r, isVideo: Ee(e), isSvg: l, name: ge(e) });
+  }, _t = C ? g ? C.altText && typeof C.altText == "object" ? { ...C.altText } : {} : { "": typeof C.altText == "string" ? C.altText : "" } : {}, bt = ({ draft: e, croppedFile: r }) => {
+    if (Ue === -1) return we();
+    ne(
+      h.map((l, d) => {
+        if (I[d] !== re) return l;
+        const u = { ...l };
+        if (e !== void 0)
+          if (g) {
+            const S = Object.fromEntries(
+              Object.entries(e).map(([V, U]) => [V, U.trim()]).filter(([, V]) => V !== "")
+            );
+            u.altText = Object.keys(S).length > 0 ? S : void 0;
+          } else
+            u.altText = (e[""] ?? "").trim() || void 0;
+        return r && (u.file = r, u.source = ""), u;
+      })
+    ), we();
+  }, vt = (e, r = []) => {
+    const l = r.filter((U) => U.errors.some((G) => G.code === "file-invalid-type")), d = r.filter((U) => U.errors.some((G) => G.code === "file-too-large"));
+    l.length > 0 && Je.error(
+      l.length === 1 ? v("fileUploader.wrongTypeOne", { name: l[0].file.name }) : v("fileUploader.wrongTypeMany", { count: l.length })
+    ), d.length > 0 && M != null && Je.error(
+      d.length === 1 ? v("fileUploader.tooLargeOne", {
+        name: d[0].file.name,
+        size: ie(M)
+      }) : v("fileUploader.tooLargeMany", { count: d.length, size: ie(M) })
+    );
+    const u = [];
+    let S = e;
+    if (t && !F) {
+      const U = new Set(h.map(Yo)), G = [];
+      for (const Ve of S) {
+        const Ge = Ze(Ve);
+        U.has(Ge) || (U.add(Ge), G.push(Ve));
+      }
+      G.length < S.length && u.push(v("fileUploader.duplicate")), S = G;
+    }
+    if (t && i != null) {
+      const U = Math.max(0, i - h.length);
+      S.length > U && (S = S.slice(0, U), u.push(
+        i === 1 ? v("fileUploader.hintUpToOne", { count: i }) : v("fileUploader.hintUpToMany", { count: i })
+      ));
+    }
+    if (be(u.length > 0 ? u.join(" · ") : null), S.length === 0) return;
+    const V = S.map((U) => ({ file: U, source: "", sortIndex: 0 }));
+    if (!t) {
+      ne([V[0]]);
+      return;
+    }
+    ne(H === "start" ? [...V, ...h] : [...h, ...V]);
+  }, xt = (e) => {
+    be(null), ne(h.filter((r, l) => l !== e)), ye();
+  }, [yt, Te] = Ht(Vo), We = () => {
+    typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => Te(!0)) : Te(!0);
+  }, St = () => Te(!1), Ut = () => We(), wt = (e) => {
+    const { active: r, over: l } = e;
+    if (l && r.id !== l.id) {
+      const d = I.indexOf(String(r.id)), u = I.indexOf(String(l.id));
+      d !== -1 && u !== -1 && ne(jt(h, d, u));
+    }
+    We();
+  }, Tt = Ft(
+    Ye(Mt, { activationConstraint: { distance: 5 } }),
+    Ye(Pt, { coordinateGetter: $t })
+  ), ae = O(!1), { getRootProps: Nt, getInputProps: It, isDragActive: kt } = qt({
+    multiple: t,
+    accept: A,
+    // reject oversized picks here so they never get added; the rejection surfaces as a Toast in addFiles
+    maxSize: M,
+    disabled: b,
+    noKeyboard: !1,
+    noDrag: !s,
+    onFileDialogOpen: () => {
+      ae.current = !0;
+    },
+    onFileDialogCancel: () => {
+      ae.current = !1, ye();
+    },
+    onDrop: (e, r) => {
+      ae.current = !1, vt(e, r);
+    }
+  }), He = t || h.length === 0, Ne = [];
+  t && i != null && Ne.push(
+    i === 1 ? v("fileUploader.hintUpToOne", { count: i }) : v("fileUploader.hintUpToMany", { count: i })
+  ), M != null && Ne.push(v("fileUploader.hintMax", { size: ie(M) }));
+  const qe = Ne.join(" · "), Et = s ? /* @__PURE__ */ _(ze, { children: [
+    /* @__PURE__ */ n("span", { className: a.accent, children: v("fileUploader.choose") }),
+    " ",
+    v("fileUploader.dropSuffix")
+  ] }) : /* @__PURE__ */ n("span", { className: a.accent, children: v("fileUploader.choose") }), zt = (e) => {
+    if (c == null || c(e), !e.currentTarget.contains(e.relatedTarget) && re == null) {
+      if (ae.current) {
+        ae.current = !1;
+        return;
+      }
+      ye();
+    }
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: B,
+      id: de,
+      className: j(
+        a.root,
+        ee && a.fullWidth,
+        ve && a.error,
+        b && a.disabled,
+        y
+      ),
+      style: p,
+      "aria-invalid": ve || void 0,
+      "aria-describedby": xe != null ? m : void 0,
+      onBlur: zt,
+      ...D,
+      ...N ? { name: N, tabIndex: -1 } : {},
+      children: [
+        K != null && /* @__PURE__ */ _("label", { className: Ie.label, children: [
+          /* @__PURE__ */ n(ce, { as: "span", variant: "bodySmall", color: "muted", children: K }),
+          T && /* @__PURE__ */ n("span", { className: Ie.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        He && /* @__PURE__ */ _(
+          "div",
+          {
+            ...Nt({ className: j(a.dropzone, kt && a.dropping) }),
+            children: [
+              /* @__PURE__ */ n("input", { ...It() }),
+              /* @__PURE__ */ n("span", { className: a.dropIcon, "aria-hidden": "true", children: /* @__PURE__ */ n(L, { name: "DocumentUpload", size: "lg" }) }),
+              /* @__PURE__ */ _("span", { className: a.dropText, children: [
+                /* @__PURE__ */ n("span", { className: a.prompt, children: Et }),
+                qe && /* @__PURE__ */ n("span", { className: a.hint, children: qe })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          Rt,
+          {
+            sensors: Tt,
+            collisionDetection: Lt,
+            onDragStart: fe ? St : void 0,
+            onDragEnd: fe ? wt : void 0,
+            onDragCancel: fe ? Ut : void 0,
+            children: /* @__PURE__ */ n(Bt, { items: I, strategy: Ot, children: /* @__PURE__ */ n(
+              "div",
+              {
+                ref: yt,
+                className: j(a.list, He && h.length > 0 && a.populated),
+                children: h.map((e, r) => /* @__PURE__ */ n(
+                  Xo,
+                  {
+                    id: I[r],
+                    item: e,
+                    preview: me(e),
+                    sortable: fe && h.length > 1,
+                    entering: at.has(I[r]),
+                    disabled: b,
+                    error: e.file && M != null && e.file.size > M ? v("fileUploader.exceedsLimit", { size: ie(M) }) : void 0,
+                    onRemove: () => xt(r),
+                    onCrop: E && !b && ke(e) ? () => mt(r) : void 0,
+                    onAltText: E && !b && ke(e) ? () => gt(r) : void 0,
+                    onDownload: w && !b ? () => Jo(e) : void 0,
+                    onView: k && !b && me(e) != null && (ke(e) || Ee(e)) ? () => ht(e) : void 0,
+                    onPreviewError: e.file ? () => dt(e.file) : e.source ? () => st(e.source) : void 0
+                  },
+                  I[r]
+                ))
+              }
+            ) })
+          }
+        ),
+        xe != null && /* @__PURE__ */ n(
+          ce,
+          {
+            as: "span",
+            id: m,
+            variant: "bodySmall",
+            color: nt ? "error" : "muted",
+            className: Ie.helper,
+            role: "status",
+            "aria-live": "polite",
+            children: xe
+          }
+        ),
+        C && /* @__PURE__ */ n(
+          ao,
+          {
+            mode: je,
+            name: ge(C),
+            imageUrl: me(C),
+            mimeType: ((Ke = C.file) == null ? void 0 : Ke.type) || "image/png",
+            editLocales: pt,
+            initialDraft: _t,
+            onClose: we,
+            onSave: bt
+          },
+          `${re}:${je}`
+        ),
+        R && /* @__PURE__ */ n(
+          uo,
+          {
+            url: R.url,
+            isVideo: R.isVideo,
+            isSvg: R.isSvg,
+            name: R.name,
+            onClose: () => Be(null)
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  vn as F
+};
+//# sourceMappingURL=FileUploader-CuOHWkiG.js.map