@techzyapp/ui-library 1.0.25 → 1.0.27

package/dist/{FileUploader-BYF5FvUc.js → FileUploader-Dv_3bjZA.js}

@@ -1,21 +1,21 @@
-import { jsx as n, jsxs as g, Fragment as Ee } from "react/jsx-runtime";
-import { useRef as J, useState as w, forwardRef as Dt, useId as Ct, useEffect as fe } from "react";
-import { clsx as K } from "clsx";
-import { useSensors as Ft, useSensor as qe, PointerSensor as Mt, KeyboardSensor as Rt, DndContext as Pt, closestCenter as $t } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as Bt, SortableContext as Ot, rectSortingStrategy as Lt, arrayMove as jt, useSortable as At } from "@dnd-kit/sortable";
+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 Kt } from "react-dropzone";
-import { u as Vt } from "./formContext-B7ln1Miy.js";
+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 R } from "./Icon-DaTvzLBu.js";
+import { I as M } from "./Icon-DaTvzLBu.js";
 import { T as se } from "./Typography-Cta6Rg4L.js";
-import qt from "react-image-crop";
-import { B as Ye } from "./Button-DBs8xnA5.js";
-import { M as Gt, O as Yt } from "./Modal-B7yoFC3o.js";
-import { T as Jt } from "./TextField-BWdmF-HE.js";
-import { a as me, h as Qt } from "./ConfigProvider-DR9YMy9U.js";
-import { f as xe } from "./TextField.module-QePvGeJ3.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,
@@ -30,29 +30,29 @@ function ro({
   imageUrl: d,
   mimeType: p,
   editLocales: S,
-  initialDraft: E,
-  onClose: I,
-  onSave: P
+  initialDraft: N,
+  onClose: E,
+  onSave: R
 }) {
-  const m = me(), D = J(null), [_, $] = w(), [s, B] = w(null), [O, V] = w(null), [q, L] = w(E), [j, Q] = w(null), [k, U] = w(!1), X = (i, T) => {
-    $(T);
-    const u = D.current;
+  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;
-      B({
+      $({
         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
-      B(null);
-  }, x = async () => {
-    const i = D.current;
+      $(null);
+  }, U = async () => {
+    const i = z.current;
     if (!i || !s || s.width < 1 || s.height < 1) return;
-    const T = document.createElement("canvas");
-    T.width = s.width, T.height = s.height;
-    const u = T.getContext("2d");
+    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,
@@ -65,68 +65,68 @@ function ro({
       s.width,
       s.height
     );
-    const A = await new Promise((G) => T.toBlob(G, p, 1));
+    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") {
-      P({ draft: q });
+      R({ draft: V });
       return;
     }
-    U(!0);
+    j(!0);
     try {
-      const i = s && s.width >= 1 && s.height >= 1 ? await x() : void 0;
-      P({ croppedFile: i });
+      const i = s && s.width >= 1 && s.height >= 1 ? await U() : void 0;
+      R({ croppedFile: i });
     } catch {
-      Q(m("fileUploader.cropError")), U(!1);
+      Q(m("fileUploader.cropError")), j(!1);
     }
   };
   return /* @__PURE__ */ n(
     Gt,
     {
       open: !0,
-      onClose: I,
+      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(Ee, { children: [
-        /* @__PURE__ */ n(Ye, { variant: "text", color: "accent", onClick: I, disabled: k, children: m("common.cancel") }),
-        /* @__PURE__ */ n(Ye, { onClick: Z, loading: k, children: m("common.save") })
+      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` : O ? `${O.w} × ${O.h} px` : "" })
+          /* @__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(qt, { crop: _, onChange: X, className: Y.crop, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: Y.cropStage, children: /* @__PURE__ */ n(Vt, { crop: _, onChange: X, className: Y.crop, children: /* @__PURE__ */ n(
           "img",
           {
-            ref: D,
+            ref: z,
             src: d ?? void 0,
             alt: "",
             className: Y.cropImg,
-            onLoad: (i) => V({
+            onLoad: (i) => K({
               w: i.currentTarget.naturalWidth,
               h: i.currentTarget.naturalHeight
             })
           }
         ) }) }),
-        j && /* @__PURE__ */ n(se, { variant: "bodySmall", color: "error", children: j })
+        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: q[i.code] ?? "",
-          onChange: (T) => L((u) => ({ ...u, [i.code]: T.target.value }))
+          value: V[i.code] ?? "",
+          onChange: (x) => O((u) => ({ ...u, [i.code]: x.target.value }))
         },
         i.code
       )) })
     }
   );
 }
-const ao = "_backdrop_1c3fg_5", lo = "_media_1c3fg_9", so = "_mediaSvg_1c3fg_19", io = "_close_1c3fg_27", ae = {
+const ao = "_backdrop_uqdv2_5", lo = "_media_uqdv2_9", so = "_mediaSvg_uqdv2_19", io = "_close_uqdv2_27", ae = {
   backdrop: ao,
   media: lo,
   mediaSvg: so,
@@ -139,7 +139,7 @@ function co({
   name: p,
   onClose: S
 }) {
-  const E = me();
+  const N = me();
   return /* @__PURE__ */ g(
     Yt,
     {
@@ -149,29 +149,29 @@ function co({
       className: ae.backdrop,
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": E("fileUploader.preview", { name: p }),
+      "aria-label": N("fileUploader.preview", { name: p }),
       children: [
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: ae.close,
-            "aria-label": E("fileUploader.closePreview"),
+            "aria-label": N("fileUploader.closePreview"),
             onClick: S,
             autoFocus: !0,
-            children: /* @__PURE__ */ n(R, { name: "Close", size: "lg" })
+            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: K(ae.media, d && ae.mediaSvg) })
+          /* @__PURE__ */ n("img", { src: o, alt: p, className: q(ae.media, d && ae.mediaSvg) })
         )
       ]
     }
   );
 }
-const uo = "_root_1ed4u_4", fo = "_fullWidth_1ed4u_9", po = "_disabled_1ed4u_14", mo = "_dropzone_1ed4u_17", ho = "_dropText_1ed4u_41", go = "_dropping_1ed4u_56", _o = "_error_1ed4u_61", bo = "_dropIcon_1ed4u_65", vo = "_prompt_1ed4u_77", yo = "_accent_1ed4u_82", wo = "_hint_1ed4u_87", So = "_list_1ed4u_93", Uo = "_populated_1ed4u_102", xo = "_tile_1ed4u_120", To = "_grabbable_1ed4u_129", No = "_entering_1ed4u_138", Eo = "_dragging_1ed4u_141", Io = "_tileError_1ed4u_147", ko = "_tileImg_1ed4u_152", zo = "_tileFallback_1ed4u_159", Do = "_tilePlay_1ed4u_169", Co = "_tileTop_1ed4u_188", Fo = "_tileBottom_1ed4u_198", Mo = "_tileRemove_1ed4u_208", Ro = "_tileAction_1ed4u_209", Po = "_tileActionEnd_1ed4u_244", $o = "_tileText_1ed4u_247", Bo = "_name_1ed4u_254", Oo = "_nameBase_1ed4u_261", Lo = "_nameExt_1ed4u_267", jo = "_tileMeta_1ed4u_271", Ao = "_metaError_1ed4u_275", a = {
+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,
@@ -184,40 +184,40 @@ const uo = "_root_1ed4u_4", fo = "_fullWidth_1ed4u_9", po = "_disabled_1ed4u_14"
   accent: yo,
   hint: wo,
   list: So,
-  populated: Uo,
-  tile: xo,
-  grabbable: To,
-  entering: No,
-  dragging: Eo,
-  tileError: Io,
-  tileImg: ko,
-  tileFallback: zo,
-  tilePlay: Do,
-  tileTop: Co,
-  tileBottom: Fo,
-  tileRemove: Mo,
-  tileAction: Ro,
-  tileActionEnd: Po,
-  tileText: $o,
-  name: Bo,
-  nameBase: Oo,
-  nameExt: Lo,
-  tileMeta: jo,
+  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 = [{}, {}], E = Wo;
+  let S = [{}, {}], N = Wo;
   if (t === "add")
-    E = 0;
+    N = 0;
   else if (t === "remove")
     S = [
       { opacity: 1, transform: "translateY(0)" },
       { opacity: 0, transform: "translateY(-8px)" }
     ];
   else if (d && p) {
-    const I = d.left - p.left, P = d.top - p.top;
-    S = [{ transform: `translate(${I}px, ${P}px)` }, { transform: "translate(0, 0)" }];
+    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: E, easing: "ease-out" });
+  return new KeyframeEffect(o, S, { duration: N, easing: "ease-out" });
 }, le = (o) => {
   if (o < 1024) return `${o} B`;
   const t = ["KB", "MB", "GB", "TB"];
@@ -225,7 +225,7 @@ const uo = "_root_1ed4u_4", fo = "_fullWidth_1ed4u_9", po = "_disabled_1ed4u_14"
   for (; d >= 1024 && p < t.length - 1; )
     d /= 1024, p += 1;
   return `${d.toFixed(d < 10 ? 1 : 0)} ${t[p]}`;
-}, Ko = (o) => {
+}, 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;
@@ -237,15 +237,15 @@ const uo = "_root_1ed4u_4", fo = "_fullWidth_1ed4u_9", po = "_disabled_1ed4u_14"
     tb: 1024 ** 4
   };
   return parseFloat(t[1]) * (d[(t[2] || "b").toLowerCase()] ?? 1);
-}, Qe = (o) => `f:${o.name}:${o.size}:${o.lastModified}`, Vo = (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", Te = (o) => {
+}, 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;
-}, Ne = (o) => {
+}, 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;
-}, qo = (o) => {
+}, Vo = (o) => {
   if (typeof document > "u") return;
   const t = document.createElement("a");
   if (t.style.display = "none", o.file) {
@@ -263,48 +263,48 @@ function Yo({
   preview: d,
   sortable: p,
   entering: S,
-  disabled: E,
-  error: I,
-  onRemove: P,
+  disabled: N,
+  error: E,
+  onRemove: R,
   onCrop: m,
-  onAltText: D,
+  onAltText: z,
   onDownload: _,
-  onView: $,
+  onView: P,
   onPreviewError: s
 }) {
-  const { attributes: B, listeners: O, setNodeRef: V, transform: q, transition: L, isDragging: j } = At({
+  const { attributes: $, listeners: B, setNodeRef: K, transform: V, transition: O, isDragging: L } = At({
     id: o,
     disabled: !p
   }), Q = {
-    transform: Wt.Transform.toString(q),
-    transition: L
-  }, k = me(), U = pe(t), { base: X, ext: x } = Go(U), Z = t.file ? le(t.file.size) : k("fileUploader.uploaded"), i = Ne(t), T = _ ? /* @__PURE__ */ n(
+    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": k("fileUploader.download", { name: U }),
+      "aria-label": I("fileUploader.download", { name: j }),
       onClick: _,
       onPointerDown: (u) => u.stopPropagation(),
-      children: /* @__PURE__ */ n(R, { name: "DocumentDownload", size: "sm" })
+      children: /* @__PURE__ */ n(M, { name: "DocumentDownload", size: "sm" })
     }
   ) : null;
   return /* @__PURE__ */ g(
     "div",
     {
-      ref: V,
+      ref: K,
       style: Q,
-      className: K(
+      className: q(
         a.tile,
         p && a.grabbable,
         S && a.entering,
-        j && a.dragging,
-        I && a.tileError
+        L && a.dragging,
+        E && a.tileError
       ),
+      ...$,
       ...B,
-      ...O,
       children: [
-        d ? i ? /* @__PURE__ */ g(Ee, { children: [
+        d ? i ? /* @__PURE__ */ g(Ne, { children: [
           /* @__PURE__ */ n(
             "video",
             {
@@ -317,7 +317,7 @@ function Yo({
               onError: s
             }
           ),
-          /* @__PURE__ */ n("span", { className: a.tilePlay, "aria-hidden": "true", children: /* @__PURE__ */ n(R, { name: "Play", size: "lg" }) })
+          /* @__PURE__ */ n("span", { className: a.tilePlay, "aria-hidden": "true", children: /* @__PURE__ */ n(M, { name: "Play", size: "lg" }) })
         ] }) : /* @__PURE__ */ n(
           "img",
           {
@@ -327,60 +327,60 @@ function Yo({
             draggable: !1,
             onError: s
           }
-        ) : /* @__PURE__ */ n("span", { className: a.tileFallback, "aria-hidden": "true", children: /* @__PURE__ */ n(R, { name: "Document", size: "lg" }) }),
+        ) : /* @__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: U, children: [
+            /* @__PURE__ */ g("span", { className: a.name, title: j, children: [
               /* @__PURE__ */ n("span", { className: a.nameBase, children: X }),
-              x && /* @__PURE__ */ n("span", { className: a.nameExt, children: x })
+              U && /* @__PURE__ */ n("span", { className: a.nameExt, children: U })
             ] }),
-            /* @__PURE__ */ n("span", { className: K(a.tileMeta, I && a.metaError), children: I ?? Z })
+            /* @__PURE__ */ n("span", { className: q(a.tileMeta, E && a.metaError), children: E ?? Z })
           ] }),
-          !E && /* @__PURE__ */ n(
+          !N && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               className: a.tileRemove,
-              "aria-label": k("fileUploader.remove", { name: U }),
-              onClick: P,
+              "aria-label": I("fileUploader.remove", { name: j }),
+              onClick: R,
               onPointerDown: (u) => u.stopPropagation(),
-              children: /* @__PURE__ */ n(R, { name: "Close", size: "sm" })
+              children: /* @__PURE__ */ n(M, { name: "Close", size: "sm" })
             }
           )
         ] }),
-        (m || D || _ || $) && /* @__PURE__ */ g("div", { className: a.tileBottom, children: [
+        (m || z || _ || P) && /* @__PURE__ */ g("div", { className: a.tileBottom, children: [
           m && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               className: a.tileAction,
-              "aria-label": k("fileUploader.crop", { name: U }),
+              "aria-label": I("fileUploader.crop", { name: j }),
               onClick: m,
               onPointerDown: (u) => u.stopPropagation(),
-              children: /* @__PURE__ */ n(R, { name: "Crop", size: "sm" })
+              children: /* @__PURE__ */ n(M, { name: "Crop", size: "sm" })
             }
           ),
-          D && /* @__PURE__ */ n(
+          z && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               className: a.tileAction,
-              "aria-label": k("fileUploader.editAlt", { name: U }),
-              onClick: D,
+              "aria-label": I("fileUploader.editAlt", { name: j }),
+              onClick: z,
               onPointerDown: (u) => u.stopPropagation(),
-              children: /* @__PURE__ */ n(R, { name: "Text", size: "sm" })
+              children: /* @__PURE__ */ n(M, { name: "Text", size: "sm" })
             }
           ),
-          T,
-          $ && /* @__PURE__ */ n(
+          x,
+          P && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              className: K(a.tileAction, a.tileActionEnd),
-              "aria-label": k("fileUploader.preview", { name: U }),
-              onClick: $,
+              className: q(a.tileAction, a.tileActionEnd),
+              "aria-label": I("fileUploader.preview", { name: j }),
+              onClick: P,
               onPointerDown: (u) => u.stopPropagation(),
-              children: /* @__PURE__ */ n(R, { name: "Eye", size: "sm" })
+              children: /* @__PURE__ */ n(M, { name: "Eye", size: "sm" })
             }
           )
         ] })
@@ -388,54 +388,54 @@ function Yo({
     }
   );
 }
-const hn = Dt(function({
+const hn = zt(function({
   multiple: t = !1,
   allowDrop: d = !0,
   allowReorder: p = !0,
   allowDownload: S = !0,
-  allowPreview: E = !0,
-  allowAltText: I = !0,
-  altTextLocales: P,
+  allowPreview: N = !0,
+  allowAltText: E = !0,
+  altTextLocales: R,
   localizedAltText: m = !0,
-  allowDuplicates: D = !1,
+  allowDuplicates: z = !1,
   disabled: _ = !1,
-  accept: $,
+  accept: P,
   maxFiles: s,
-  maxFileSize: B,
-  itemInsertLocation: O = "end",
-  value: V,
-  defaultValue: q,
-  onChange: L,
-  label: j,
+  maxFileSize: $,
+  itemInsertLocation: B = "end",
+  value: K,
+  defaultValue: V,
+  onChange: O,
+  label: L,
   error: Q,
-  helperText: k,
-  required: U = !1,
+  helperText: I,
+  required: j = !1,
   fullWidth: X = !0,
-  name: x,
+  name: U,
   id: Z,
   onBlur: i,
-  className: T,
+  className: x,
   style: u,
   ...A
 }, G) {
   var He;
-  const Xe = Ct(), Ie = Z ?? Xe, ke = `${Ie}-helper`, C = B != null ? Ko(B) : void 0, [ie, he] = w(null);
+  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 = Vt(), ze = !!(ee && x), F = ee && x ? ee.field(x) : void 0, De = t ? [] : null, Ce = V !== void 0 ? V : ze ? ee.values[x] ?? De : void 0, Fe = Ce !== void 0, [Ze, et] = w(q ?? De), te = Fe ? Ce : Ze, h = te == null ? [] : Array.isArray(te) ? te : [te], ge = Q ?? (F == null ? void 0 : F.error) ?? !1, tt = k ?? (F == null ? void 0 : F.helperText), _e = ie ?? tt, ot = !!ie || ge, ce = p && t && !_, Me = J(/* @__PURE__ */ new WeakMap()), Re = J(0), nt = (e, r) => {
+  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 = Me.current.get(e.file);
-      return l || (Re.current += 1, l = `f${Re.current}`, Me.current.set(e.file, l)), l;
+      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}`;
-  }, N = h.map((e, r) => nt(e, r)), Pe = J(/* @__PURE__ */ new Set()), rt = new Set(N.filter((e) => !Pe.current.has(e)));
+  }, T = h.map((e, r) => nt(e, r)), Re = J(/* @__PURE__ */ new Set()), rt = new Set(T.filter((e) => !Re.current.has(e)));
   fe(() => {
-    Pe.current = new Set(N);
+    Re.current = new Set(T);
   });
-  const [at, $e] = w(() => /* @__PURE__ */ new Set()), lt = (e) => $e((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) => {
+  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))
@@ -444,17 +444,17 @@ const hn = Dt(function({
       return l || (l = URL.createObjectURL(e.file), de.current.set(e.file, l)), l;
     }
     return e.source && !at.has(e.source) ? e.source : null;
-  }, [M, Be] = w(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 !== (M == null ? void 0 : M.url) && (URL.revokeObjectURL(f), e.delete(c));
-    $e((c) => {
+      !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, M]), fe(() => {
+  }, [te, F]), fe(() => {
     const e = de.current;
     return () => {
       for (const r of e.values()) URL.revokeObjectURL(r);
@@ -463,21 +463,21 @@ const hn = Dt(function({
   }, []);
   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;
-    Fe || et(l), ze && ee.setValue(x, l), L == null || L(l);
-  }, be = () => F == null ? void 0 : F.onBlur({}), b = me(), ut = Qt(), Oe = P ?? ut, ft = m && Oe.length > 0 ? Oe : [{ code: "" }], [ne, ve] = w(null), [Le, je] = w("altText"), ye = ne != null ? N.indexOf(ne) : -1, z = ye !== -1 ? h[ye] : null, pt = (e) => {
-    je("crop"), ve(N[e] ?? 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) => {
-    je("altText"), ve(N[e] ?? null);
+    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 ?? "");
-    Be({ url: r, isVideo: Ne(e), isSvg: l, name: pe(e) });
-  }, gt = z ? m ? z.altText && typeof z.altText == "object" ? { ...z.altText } : {} : { "": typeof z.altText == "string" ? z.altText : "" } : {}, _t = ({ draft: e, croppedFile: r }) => {
+    $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 (N[c] !== ne) return l;
+        if (T[c] !== ne) return l;
         const f = { ...l };
         if (e !== void 0)
           if (m) {
@@ -494,19 +494,19 @@ const hn = Dt(function({
     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 && C != null && Ge.error(
+    ), c.length > 0 && D != null && Ge.error(
       c.length === 1 ? b("fileUploader.tooLargeOne", {
         name: c[0].file.name,
-        size: le(C)
-      }) : b("fileUploader.tooLargeMany", { count: c.length, size: le(C) })
+        size: le(D)
+      }) : b("fileUploader.tooLargeMany", { count: c.length, size: le(D) })
     );
     const f = [];
     let v = e;
-    if (t && !D) {
-      const y = new Set(h.map(Vo)), H = [];
-      for (const Ke of v) {
-        const Ve = Qe(Ke);
-        y.has(Ve) || (y.add(Ve), H.push(Ke));
+    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;
     }
@@ -522,26 +522,26 @@ const hn = Dt(function({
       oe([W[0]]);
       return;
     }
-    oe(O === "start" ? [...W, ...h] : [...h, ...W]);
+    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(), Ut = (e) => {
+  }, wt = () => Se(!1), St = () => Ae(), jt = (e) => {
     const { active: r, over: l } = e;
     if (l && r.id !== l.id) {
-      const c = N.indexOf(String(r.id)), f = N.indexOf(String(l.id));
-      c !== -1 && f !== -1 && oe(jt(h, c, f));
+      const c = T.indexOf(String(r.id)), f = T.indexOf(String(l.id));
+      c !== -1 && f !== -1 && oe(Lt(h, c, f));
     }
     Ae();
-  }, xt = Ft(
-    qe(Mt, { activationConstraint: { distance: 5 } }),
-    qe(Rt, { coordinateGetter: Bt })
-  ), re = J(!1), { getRootProps: Tt, getInputProps: Nt, isDragActive: Et } = Kt({
+  }, Ut = Ct(
+    Ve(Ft, { activationConstraint: { distance: 5 } }),
+    Ve(Mt, { coordinateGetter: $t })
+  ), re = J(!1), { getRootProps: xt, getInputProps: Tt, isDragActive: Nt } = qt({
     multiple: t,
-    accept: $,
+    accept: P,
     // reject oversized picks here so they never get added; the rejection surfaces as a Toast in addFiles
-    maxSize: C,
+    maxSize: D,
     disabled: _,
     noKeyboard: !1,
     noDrag: !d,
@@ -554,15 +554,15 @@ const hn = Dt(function({
     onDrop: (e, r) => {
       re.current = !1, bt(e, r);
     }
-  }), It = t || h.length === 0, Ue = [];
-  t && s != null && Ue.push(
+  }), Et = t || h.length === 0, je = [];
+  t && s != null && je.push(
     s === 1 ? b("fileUploader.hintUpToOne", { count: s }) : b("fileUploader.hintUpToMany", { count: s })
-  ), C != null && Ue.push(b("fileUploader.hintMax", { size: le(C) }));
-  const We = Ue.join(" · "), kt = d ? /* @__PURE__ */ g(Ee, { children: [
+  ), 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") }), zt = (e) => {
+  ] }) : /* @__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;
@@ -575,65 +575,65 @@ const hn = Dt(function({
     "div",
     {
       ref: G,
-      id: Ie,
-      className: K(
+      id: Ee,
+      className: q(
         a.root,
         X && a.fullWidth,
         ge && a.error,
         _ && a.disabled,
-        T
+        x
       ),
       style: u,
       "aria-invalid": ge || void 0,
-      "aria-describedby": _e != null ? ke : void 0,
-      onBlur: zt,
+      "aria-describedby": _e != null ? Ie : void 0,
+      onBlur: kt,
       ...A,
-      ...x ? { name: x, tabIndex: -1 } : {},
+      ...U ? { name: U, tabIndex: -1 } : {},
       children: [
-        j != null && /* @__PURE__ */ g("label", { className: xe.label, children: [
-          /* @__PURE__ */ n(se, { as: "span", variant: "bodySmall", color: "muted", children: j }),
-          U && /* @__PURE__ */ n("span", { className: xe.required, "aria-hidden": "true", 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: "*" })
         ] }),
-        It && /* @__PURE__ */ g(
+        Et && /* @__PURE__ */ g(
           "div",
           {
-            ...Tt({ className: K(a.dropzone, Et && a.dropping) }),
+            ...xt({ className: q(a.dropzone, Nt && a.dropping) }),
             children: [
-              /* @__PURE__ */ n("input", { ...Nt() }),
-              /* @__PURE__ */ n("span", { className: a.dropIcon, "aria-hidden": "true", children: /* @__PURE__ */ n(R, { name: "DocumentUpload", size: "lg" }) }),
+              /* @__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: kt }),
+                /* @__PURE__ */ n("span", { className: a.prompt, children: It }),
                 We && /* @__PURE__ */ n("span", { className: a.hint, children: We })
               ] })
             ]
           }
         ),
         /* @__PURE__ */ n(
-          Pt,
+          Rt,
           {
-            sensors: xt,
-            collisionDetection: $t,
+            sensors: Ut,
+            collisionDetection: Pt,
             onDragStart: ce ? wt : void 0,
-            onDragEnd: ce ? Ut : void 0,
+            onDragEnd: ce ? jt : void 0,
             onDragCancel: ce ? St : void 0,
-            children: /* @__PURE__ */ n(Ot, { items: N, strategy: Lt, children: /* @__PURE__ */ n("div", { ref: yt, className: K(a.list, h.length > 0 && a.populated), children: h.map((e, r) => /* @__PURE__ */ n(
+            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: N[r],
+                id: T[r],
                 item: e,
                 preview: ue(e),
                 sortable: ce && h.length > 1,
-                entering: rt.has(N[r]),
+                entering: rt.has(T[r]),
                 disabled: _,
-                error: e.file && C != null && e.file.size > C ? b("fileUploader.exceedsLimit", { size: le(C) }) : void 0,
+                error: e.file && D != null && e.file.size > D ? b("fileUploader.exceedsLimit", { size: le(D) }) : void 0,
                 onRemove: () => vt(r),
-                onCrop: I && !_ && Te(e) ? () => pt(r) : void 0,
-                onAltText: I && !_ && Te(e) ? () => mt(r) : void 0,
-                onDownload: S && !_ ? () => qo(e) : void 0,
-                onView: E && !_ && ue(e) != null && (Te(e) || Ne(e)) ? () => ht(e) : void 0,
+                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
               },
-              N[r]
+              T[r]
             )) }) })
           }
         ),
@@ -641,37 +641,37 @@ const hn = Dt(function({
           se,
           {
             as: "span",
-            id: ke,
+            id: Ie,
             variant: "bodySmall",
             color: ot ? "error" : "muted",
-            className: xe.helper,
+            className: Ue.helper,
             role: "status",
             "aria-live": "polite",
             children: _e
           }
         ),
-        z && /* @__PURE__ */ n(
+        k && /* @__PURE__ */ n(
           ro,
           {
-            mode: Le,
-            name: pe(z),
-            imageUrl: ue(z),
-            mimeType: ((He = z.file) == null ? void 0 : He.type) || "image/png",
+            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}:${Le}`
+          `${ne}:${Oe}`
         ),
-        M && /* @__PURE__ */ n(
+        F && /* @__PURE__ */ n(
           co,
           {
-            url: M.url,
-            isVideo: M.isVideo,
-            isSvg: M.isSvg,
-            name: M.name,
-            onClose: () => Be(null)
+            url: F.url,
+            isVideo: F.isVideo,
+            isSvg: F.isSvg,
+            name: F.name,
+            onClose: () => $e(null)
           }
         )
       ]
@@ -681,4 +681,4 @@ const hn = Dt(function({
 export {
   hn as F
 };
-//# sourceMappingURL=FileUploader-BYF5FvUc.js.map
+//# sourceMappingURL=FileUploader-Dv_3bjZA.js.map