@techzyapp/ui-library 1.0.27 → 1.0.29

package/dist/FileUploader-Dv_3bjZA.js

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