@alfadocs/ui-kit-debug 0.72.1 → 0.73.0

package/dist/_chunks/{file-upload-Kw1rdvFw.js → file-upload-B2SXhRiN.js}

@@ -1,16 +1,17 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as xe, useId as ke, useState as re, useRef as O, useCallback as y, useMemo as T, useEffect as we } from "react";
+import { forwardRef as xe, useId as we, useState as re, useRef as O, useCallback as y, useMemo as T, useEffect as ke } from "react";
 import { u as Ue } from "./index-BcMWc8W2.js";
-import { c as B } from "./index-D2ZczOXr.js";
+import { c as _ } from "./index-D2ZczOXr.js";
 import { useTranslation as Ne } from "react-i18next";
 import { u as ze } from "./form-field-context-B3APVHKx.js";
 import { u as je } from "./registry-DvAUVLHh.js";
 import { C as le } from "./circle-alert-rGDZ73Wh.js";
-import { c as U } from "./createLucideIcon-DhHxpK9K.js";
+import { c as F } from "./createLucideIcon-DhHxpK9K.js";
+import { U as K } from "./upload-BfT2hzMg.js";
 import { X as ie } from "./x-B5YnXwCz.js";
-import { F as Me } from "./file-text-5yv6r2ls.js";
-import { F as Fe } from "./file-spreadsheet-DmwyfV4O.js";
-import { C as Ce } from "./circle-check-BN6rz4NV.js";
+import { F as Fe } from "./file-text-5yv6r2ls.js";
+import { F as Ce } from "./file-spreadsheet-DmwyfV4O.js";
+import { C as Me } from "./circle-check-BN6rz4NV.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -21,7 +22,7 @@ const Le = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
   ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
-], Ae = U("cloud-upload", Le);
+], Ae = F("cloud-upload", Le);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -41,7 +42,7 @@ const Re = [
   ["path", { d: "M8 18v-2", key: "qcmpov" }],
   ["path", { d: "M8 7V6", key: "1nbb54" }],
   ["circle", { cx: "8", cy: "20", r: "2", key: "ckkr5m" }]
-], Ie = U("file-archive", Re);
+], Ie = F("file-archive", Re);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -59,14 +60,14 @@ const De = [
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
   ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
   ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
-], _e = U("file-image", De);
+], Be = F("file-image", De);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = [
+const _e = [
   [
     "path",
     {
@@ -75,25 +76,14 @@ const Be = [
     }
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
-], He = U("file", Be);
+], He = F("file", _e);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], qe = U("loader-circle", $e);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ee = [
-  ["path", { d: "M12 3v12", key: "1x0j5s" }],
-  ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
-], K = U("upload", Ee), Ve = {
+const Ee = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ve = F("loader-circle", Ee), $e = {
   id: "file-upload",
   capabilities: ["dismiss"],
   state: {
@@ -150,7 +140,7 @@ const Ee = [
       description: "Each tracked file emits its id as data-file-id."
     }
   }
-}, Oe = B(
+}, qe = _(
   [
     "ds:relative ds:flex ds:flex-col ds:items-center ds:justify-center",
     "ds:min-h-48 ds:px-[var(--spacing-lg)] ds:py-[var(--spacing-xl)]",
@@ -183,9 +173,12 @@ const Ee = [
       isDisabled: !1
     }
   }
-), ae = B(
+), ae = _(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
+    // Full-width on phone so the affordance stacks cleanly; natural width
+    // once the viewport can lay actions out in a row.
+    "ds:w-full ds:sm:w-auto",
     "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-primary/30 ds:bg-primary/5",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]",
@@ -196,7 +189,7 @@ const Ee = [
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
   ].join(" ")
-), Te = B(
+), Oe = _(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:bg-background",
@@ -217,7 +210,7 @@ const Ee = [
       status: "pending"
     }
   }
-), oe = B(
+), oe = _(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
@@ -229,17 +222,17 @@ const Ee = [
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
 );
-function Ke() {
+function Te() {
   return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
-function Pe(o) {
+function Ke(o) {
   return o.type.startsWith("image/");
 }
-function We(o) {
+function Pe(o) {
   var c;
   const a = ((c = o.name.split(".").pop()) == null ? void 0 : c.toLowerCase()) ?? "";
   return ["pdf", "doc", "docx", "txt", "rtf"].includes(a) ? /* @__PURE__ */ r(
-    Me,
+    Fe,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
@@ -251,13 +244,13 @@ function We(o) {
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
   ) : ["xls", "xlsx", "csv"].includes(a) ? /* @__PURE__ */ r(
-    Fe,
+    Ce,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
   ) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(a) ? /* @__PURE__ */ r(
-    _e,
+    Be,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
@@ -270,11 +263,11 @@ function We(o) {
     }
   );
 }
-function Ge(o) {
+function We(o) {
   switch (o) {
     case "uploading":
       return /* @__PURE__ */ r(
-        qe,
+        Ve,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:shrink-0 ds:text-primary ds:animate-spin"
@@ -282,7 +275,7 @@ function Ge(o) {
       );
     case "complete":
       return /* @__PURE__ */ r(
-        Ce,
+        Me,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:shrink-0 ds:text-[var(--success)]"
@@ -300,22 +293,22 @@ function Ge(o) {
       return null;
   }
 }
-const Xe = [
+const Ge = [
   "inputs.fileUpload.units.bytes",
   "inputs.fileUpload.units.kilobytes",
   "inputs.fileUpload.units.megabytes",
   "inputs.fileUpload.units.gigabytes"
 ], de = ["B", "KB", "MB", "GB"];
-function _(o, a, c) {
+function B(o, a, c) {
   let l = o, u = 0;
   for (; l >= 1024 && u < de.length - 1; )
     l /= 1024, u++;
   const g = new Intl.NumberFormat(a, {
     maximumFractionDigits: u === 0 ? 0 : 1
-  }).format(l), N = c(Xe[u], de[u]);
-  return `${g} ${N}`;
+  }).format(l), U = c(Ge[u], de[u]);
+  return `${g} ${U}`;
 }
-function Ye(o) {
+function Xe(o) {
   switch (o) {
     case "file-too-large":
       return "file-too-large";
@@ -329,19 +322,19 @@ function Ye(o) {
       return "file-invalid-type";
   }
 }
-function Je(o) {
+function Ye(o) {
   const a = o.split(".");
   return a.length > 1 ? `.${a.pop().toLowerCase()}` : "";
 }
 function ne(o, a) {
-  const c = Je(o.name);
+  const c = Ye(o.name);
   for (const [l, u] of Object.entries(a)) {
-    const g = l === "*/*" || l.endsWith("/*") && o.type.startsWith(l.replace("/*", "/")) || o.type === l, N = u.length === 0 || u.some((F) => F.toLowerCase() === c);
-    if (g && N) return !0;
+    const g = l === "*/*" || l.endsWith("/*") && o.type.startsWith(l.replace("/*", "/")) || o.type === l, U = u.length === 0 || u.some((C) => C.toLowerCase() === c);
+    if (g && U) return !0;
   }
   return !1;
 }
-function Qe(o) {
+function Je(o) {
   const a = [];
   for (const l of Object.values(o))
     for (const u of l)
@@ -352,7 +345,7 @@ function Qe(o) {
     l.endsWith("/*") ? c.push(l.replace("/*", "").split("/").pop() ?? l) : c.push(l.split("/").pop() ?? l);
   return c.join(", ");
 }
-const Ze = xe(
+const Qe = xe(
   ({
     id: o,
     accept: a,
@@ -360,23 +353,23 @@ const Ze = xe(
     minSize: l,
     maxFiles: u = 1,
     multiple: g = !1,
-    disabled: N,
-    strictAccept: F = !1,
-    onDrop: C,
+    disabled: U,
+    strictAccept: C = !1,
+    onDrop: M,
     onUpload: H,
     onRemove: L,
     onReject: A,
     variant: v = "both",
     showPreview: ce = !0,
     className: P
-  }, z) => {
-    const { t: i, i18n: k } = Ne(), h = ze(), ue = ke(), x = h.disabled || N, pe = h.invalid, W = h.id || ue, [R, b] = re([]), [G, fe] = re([]), I = O(/* @__PURE__ */ new Map()), $ = O(null), j = O(R);
-    j.current = R;
-    const w = y((e) => {
-      $.current && ($.current.textContent = e);
+  }, N) => {
+    const { t: i, i18n: w } = Ne(), h = ze(), ue = we(), x = h.disabled || U, pe = h.invalid, W = h.id || ue, [R, b] = re([]), [G, fe] = re([]), I = O(/* @__PURE__ */ new Map()), E = O(null), z = O(R);
+    z.current = R;
+    const k = y((e) => {
+      E.current && (E.current.textContent = e);
     }, []), X = y(
-      (e) => !F || !a ? !0 : ne(e, a),
-      [F, a]
+      (e) => !C || !a ? !0 : ne(e, a),
+      [C, a]
     ), Y = y(
       async (e) => {
         if (!H) return;
@@ -385,7 +378,7 @@ const Ze = xe(
           (d) => d.map(
             (t) => t.id === e.id ? { ...t, status: "uploading", progress: 0 } : t
           )
-        ), w(i("inputs.fileUpload.uploading", "Uploading…"));
+        ), k(i("inputs.fileUpload.uploading", "Uploading…"));
         try {
           await H(e.file, {
             signal: s.signal,
@@ -394,7 +387,7 @@ const Ze = xe(
                 (t) => t.map(
                   (n) => n.id === e.id ? { ...n, progress: d } : n
                 )
-              ), w(
+              ), k(
                 i("inputs.fileUpload.progress", "{{percent}}% uploaded", {
                   percent: d
                 })
@@ -404,7 +397,7 @@ const Ze = xe(
             (d) => d.map(
               (t) => t.id === e.id ? { ...t, status: "complete", progress: 100 } : t
             )
-          ), w(i("inputs.fileUpload.complete", "Upload complete"));
+          ), k(i("inputs.fileUpload.complete", "Upload complete"));
         } catch (d) {
           if (s.signal.aborted) {
             b((n) => n.filter((f) => f.id !== e.id));
@@ -420,59 +413,59 @@ const Ze = xe(
           I.current.delete(e.id);
         }
       },
-      [H, w, i]
-    ), q = y(
+      [H, k, i]
+    ), V = y(
       (e, s) => {
         const d = s.flatMap(
           (p) => p.errors.map((D) => ({
             file: p.file,
-            reason: Ye(D.code)
+            reason: Xe(D.code)
           }))
         ), t = [], n = [];
         for (const p of e)
           X(p) ? n.push(p) : t.push({ file: p, reason: "file-invalid-type" });
         const f = [...d, ...t];
         fe(f), f.length > 0 && (A == null || A(f));
-        const V = n.map((p) => ({
+        const q = n.map((p) => ({
           file: p,
-          id: Ke(),
+          id: Te(),
           status: "pending",
           progress: 0,
-          preview: Pe(p) ? URL.createObjectURL(p) : void 0
+          preview: Ke(p) ? URL.createObjectURL(p) : void 0
         }));
         b((p) => {
           if (!g && u === 1) {
             for (const D of p)
               D.preview && URL.revokeObjectURL(D.preview);
-            return V;
+            return q;
           }
-          return [...p, ...V];
-        }), C == null || C(n, f), w(
+          return [...p, ...q];
+        }), M == null || M(n, f), k(
           i("inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
             count: n.length
           })
         );
-        for (const p of V)
+        for (const p of q)
           Y(p);
       },
       [
         g,
         u,
-        C,
+        M,
         A,
         X,
-        w,
+        k,
         Y,
         i
       ]
-    ), { getRootProps: me, getInputProps: J, isDragActive: M, open: Q } = Ue({
+    ), { getRootProps: me, getInputProps: J, isDragActive: j, open: Q } = Ue({
       accept: a,
       maxSize: c,
       minSize: l,
       maxFiles: g ? u : 1,
       multiple: g,
       disabled: x,
-      onDrop: q,
+      onDrop: V,
       noClick: v === "button",
       noKeyboard: v === "button"
     }), ge = y((e) => {
@@ -481,32 +474,32 @@ const Ze = xe(
         const t = d.find((n) => n.id === e);
         return t != null && t.preview && URL.revokeObjectURL(t.preview), d.filter((n) => n.id !== e);
       });
-    }, []), E = y(
+    }, []), $ = y(
       (e) => {
-        const s = j.current.find((d) => d.id === e);
+        const s = z.current.find((d) => d.id === e);
         s != null && s.preview && URL.revokeObjectURL(s.preview), b((d) => d.filter((t) => t.id !== e)), s && (L == null || L(s));
       },
       [L]
     ), Z = y(() => {
-      for (const e of j.current) {
+      for (const e of z.current) {
         const s = I.current.get(e.id);
         s == null || s.abort(), e.preview && URL.revokeObjectURL(e.preview);
       }
       b([]);
     }, []), ve = T(
       () => ({
-        getFiles: () => j.current.map((e) => ({
+        getFiles: () => z.current.map((e) => ({
           id: e.id,
           name: e.file.name,
           size: e.file.size,
           status: e.status
         })),
-        removeFile: (e) => E(e),
+        removeFile: (e) => $(e),
         clear: () => Z()
       }),
-      [E, Z]
+      [$, Z]
     );
-    je(Ve, ve, o);
+    je($e, ve, o);
     const S = y(
       (e) => {
         const s = [], d = [], t = g ? u : 1;
@@ -542,34 +535,34 @@ const Ze = xe(
             file: f.file,
             errors: [{ code: f.reason, message: f.reason }]
           }));
-          q(d, n);
+          V(d, n);
         }
       },
-      [x, q, S]
+      [x, V, S]
     );
-    we(() => () => {
-      for (const e of j.current)
+    ke(() => () => {
+      for (const e of z.current)
         e.preview && URL.revokeObjectURL(e.preview);
     }, []);
     const se = T(() => {
       const e = [];
-      return a && e.push(Qe(a)), c && e.push(
+      return a && e.push(Je(a)), c && e.push(
         i("inputs.fileUpload.maxSizeHint", "Max {{size}}", {
-          size: _(c, k.language, i)
+          size: B(c, w.language, i)
         })
       ), g && u > 1 && e.push(
         i("inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
           count: u
         })
       ), e;
-    }, [a, c, g, u, i, k.language]), te = T(() => G.map((e) => {
+    }, [a, c, g, u, i, w.language]), te = T(() => G.map((e) => {
       switch (e.reason) {
         case "file-too-large":
           return i(
             "inputs.fileUpload.errors.fileTooLarge",
             "File exceeds {{maxSize}}",
             {
-              maxSize: c ? _(c, k.language, i) : ""
+              maxSize: c ? B(c, w.language, i) : ""
             }
           );
         case "file-too-small":
@@ -577,7 +570,7 @@ const Ze = xe(
             "inputs.fileUpload.errors.fileTooSmall",
             "File is smaller than {{minSize}}",
             {
-              minSize: l ? _(l, k.language, i) : ""
+              minSize: l ? B(l, w.language, i) : ""
             }
           );
         case "file-invalid-type":
@@ -594,11 +587,11 @@ const Ze = xe(
             }
           );
       }
-    }), [G, i, c, l, u, k.language]), he = () => R.length === 0 ? null : /* @__PURE__ */ r("ul", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:p-0 ds:m-0", children: R.map((e) => /* @__PURE__ */ m(
+    }), [G, i, c, l, u, w.language]), he = () => R.length === 0 ? null : /* @__PURE__ */ r("ul", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:p-0 ds:m-0", children: R.map((e) => /* @__PURE__ */ m(
       "li",
       {
         "data-file-id": e.id,
-        className: Te({ status: e.status }),
+        className: Oe({ status: e.status }),
         children: [
           ce && e.preview ? /* @__PURE__ */ r(
             "img",
@@ -608,14 +601,14 @@ const Ze = xe(
               "aria-hidden": "true",
               className: "ds:size-12 ds:shrink-0 ds:rounded-[var(--radius-md)] ds:object-cover ds:border ds:border-border"
             }
-          ) : We(e.file),
+          ) : Pe(e.file),
           /* @__PURE__ */ m("div", { className: "ds:flex-1 ds:min-w-0", children: [
             /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
               /* @__PURE__ */ r("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
-              Ge(e.status)
+              We(e.status)
             ] }),
             /* @__PURE__ */ m("p", { className: "type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5", children: [
-              _(e.file.size, k.language, i),
+              B(e.file.size, w.language, i),
               e.status === "uploading" && /* @__PURE__ */ m("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-primary ds:font-medium", children: [
                 e.progress,
                 "%"
@@ -663,7 +656,7 @@ const Ze = xe(
             "button",
             {
               type: "button",
-              onClick: () => E(e.id),
+              onClick: () => $(e.id),
               "aria-label": i("inputs.fileUpload.remove", "Remove file"),
               className: oe(),
               children: /* @__PURE__ */ r(ie, { "aria-hidden": "true", className: "ds:size-4" })
@@ -675,8 +668,8 @@ const Ze = xe(
     )) }), be = () => {
       if (v === "button") return null;
       const e = me({
-        className: Oe({
-          isDragActive: M,
+        className: qe({
+          isDragActive: j,
           hasError: pe ?? !1,
           isDisabled: x ?? !1,
           className: P
@@ -688,7 +681,7 @@ const Ze = xe(
         {
           ...e,
           ref: (t) => {
-            typeof s == "function" ? s(t) : s && (s.current = t), typeof z == "function" ? z(t) : z && (z.current = t);
+            typeof s == "function" ? s(t) : s && (s.current = t), typeof N == "function" ? N(t) : N && (N.current = t);
           },
           onPaste: ee,
           id: W,
@@ -713,15 +706,15 @@ const Ze = xe(
               }
             ),
             /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-center ds:size-14 ds:rounded-[var(--radius-full)] ds:bg-primary/10 ds:text-primary ds:transition-colors ds:duration-[var(--animation-duration)] ds:group-hover:bg-primary/15 ds:motion-reduce:transition-none", children: M ? /* @__PURE__ */ r(Ae, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ r(K, { "aria-hidden": "true", className: "ds:size-7" }) }),
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-center ds:size-14 ds:rounded-[var(--radius-full)] ds:bg-primary/10 ds:text-primary ds:transition-colors ds:duration-[var(--animation-duration)] ds:group-hover:bg-primary/15 ds:motion-reduce:transition-none", children: j ? /* @__PURE__ */ r(Ae, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ r(K, { "aria-hidden": "true", className: "ds:size-7" }) }),
               /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ r("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: M ? i("inputs.fileUpload.dropActive", "Drop files here") : i(
+                /* @__PURE__ */ r("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: j ? i("inputs.fileUpload.dropActive", "Drop files here") : i(
                   "inputs.fileUpload.dropHere",
                   "Drop files here or click to browse"
                 ) }),
-                se.length > 0 && !M && /* @__PURE__ */ r("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: se.join(" · ") })
+                se.length > 0 && !j && /* @__PURE__ */ r("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: se.join(" · ") })
               ] }),
-              v === "both" && !M && /* @__PURE__ */ m(
+              v === "both" && !j && /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
@@ -742,7 +735,7 @@ const Ze = xe(
           ]
         }
       );
-    }, ye = () => v === "dropzone" ? null : v === "button" ? /* @__PURE__ */ m("div", { onPaste: ee, ref: z, children: [
+    }, ye = () => v === "dropzone" ? null : v === "button" ? /* @__PURE__ */ m("div", { onPaste: ee, ref: N, children: [
       /* @__PURE__ */ r(
         "input",
         {
@@ -800,7 +793,7 @@ const Ze = xe(
       /* @__PURE__ */ r(
         "span",
         {
-          ref: $,
+          ref: E,
           role: "status",
           "aria-live": "polite",
           className: "ds:sr-only"
@@ -809,11 +802,11 @@ const Ze = xe(
     ] });
   }
 );
-Ze.displayName = "FileUpload";
+Qe.displayName = "FileUpload";
 export {
-  Ze as F,
-  qe as L,
-  K as U,
-  Ve as f
+  Qe as F,
+  Ve as L,
+  ae as b,
+  $e as f
 };
-//# sourceMappingURL=file-upload-Kw1rdvFw.js.map
+//# sourceMappingURL=file-upload-B2SXhRiN.js.map