@techzyapp/ui-library 1.0.42 → 1.0.44

package/dist/FileUploader-DfYOBFa4.js

@@ -1,707 +0,0 @@
-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 { b as L } from "./Icon-D5TxgfCc.js";
-import { S as Vt } from "./Skeleton-_-uGax2j.js";
-import { T as ce } from "./Typography-ChSuxgkc.js";
-import Gt from "react-image-crop";
-import { B as Qe } from "./Button-0ZgdNjX-.js";
-import { M as Yt, O as Jt } from "./Modal-C6Zgwz_6.js";
-import { T as Qt } from "./TextField-0WvJsHhA.js";
-import { a as he, i as Xt } from "./ConfigProvider-D61cpCz-.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-DfYOBFa4.js.map