@alfadocs/ui-kit-debug 1.118.0 → 1.120.0

package/dist/_chunks/{file-upload-CxjCs7TX.js → file-upload-DQc0LsBM.js}

@@ -1,27 +1,27 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as ye, useId as xe, useState as te, useRef as K, useCallback as y, useMemo as $, useEffect as we } from "react";
-import { u as Ue } from "./index-BcMWc8W2.js";
-import { c as H } from "./index-D2ZczOXr.js";
-import { useTranslation as Ne } from "react-i18next";
-import { u as ke, a as ze } from "./form-field-context-DtiROUJV.js";
-import { u as je } from "./registry-DvAUVLHh.js";
-import { C as ne } from "./circle-alert-rGDZ73Wh.js";
-import { U as M } from "./upload-BfT2hzMg.js";
-import { X as re } from "./x-B5YnXwCz.js";
-import { F as Fe } from "./file-text-5yv6r2ls.js";
-import { c as Ce } from "./createLucideIcon-DhHxpK9K.js";
-import { F as Le } from "./file-spreadsheet-DmwyfV4O.js";
-import { F as Re } from "./file-image-cDgE-BTy.js";
-import { F as Ie } from "./file-BuG1VMAy.js";
-import { C as Ae } from "./circle-check-BN6rz4NV.js";
-import { L as De } from "./loader-circle-BECIU_8N.js";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { forwardRef as De, useId as Me, useState as ue, useRef as G, useCallback as w, useMemo as H, useEffect as Be } from "react";
+import { u as Ee } from "./index-BcMWc8W2.js";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as He } from "react-i18next";
+import { u as Oe, a as qe } from "./form-field-context-DtiROUJV.js";
+import { u as Ve } from "./registry-DvAUVLHh.js";
+import { C as he } from "./circle-alert-rGDZ73Wh.js";
+import { U as O } from "./upload-BfT2hzMg.js";
+import { X as pe } from "./x-B5YnXwCz.js";
+import { F as Ke } from "./file-text-5yv6r2ls.js";
+import { c as Te } from "./createLucideIcon-DhHxpK9K.js";
+import { F as $e } from "./file-spreadsheet-DmwyfV4O.js";
+import { F as Pe } from "./file-image-cDgE-BTy.js";
+import { F as _e } from "./file-BuG1VMAy.js";
+import { C as We } from "./circle-check-BN6rz4NV.js";
+import { L as Ge } from "./loader-circle-BECIU_8N.js";
 /**
  * @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 Me = [
+const Xe = [
   [
     "path",
     {
@@ -34,7 +34,7 @@ const Me = [
   ["path", { d: "M8 18v-2", key: "qcmpov" }],
   ["path", { d: "M8 7V6", key: "1nbb54" }],
   ["circle", { cx: "8", cy: "20", r: "2", key: "ckkr5m" }]
-], Be = Ce("file-archive", Me), He = {
+], Ye = Te("file-archive", Xe), Je = {
   id: "file-upload",
   capabilities: ["dismiss"],
   state: {
@@ -65,8 +65,8 @@ const Me = [
       examples: [
         { args: { id: "file-1" }, note: "Remove the first tracked file." }
       ],
-      invoke: (a, o) => {
-        a.removeFile(o.id);
+      invoke: (a, t) => {
+        a.removeFile(t.id);
       }
     },
     clear: {
@@ -91,7 +91,7 @@ const Me = [
       description: "Each tracked file emits its id as data-file-id."
     }
   }
-}, Ee = H(
+}, Qe = q(
   [
     "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)]",
@@ -124,7 +124,7 @@ const Me = [
       isDisabled: !1
     }
   }
-), ie = H(
+), fe = q(
   [
     "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
@@ -140,7 +140,7 @@ const Me = [
     "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(" ")
-), Oe = H(
+), Ze = q(
   [
     "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",
@@ -161,7 +161,7 @@ const Me = [
       status: "pending"
     }
   }
-), oe = H(
+), me = q(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
@@ -173,68 +173,68 @@ const Me = [
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
 );
-function Te() {
+function Se() {
   return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
-function Ve(a) {
+function es(a) {
   return a.type.startsWith("image/");
 }
-function qe(a) {
-  var c;
-  const o = ((c = a.name.split(".").pop()) == null ? void 0 : c.toLowerCase()) ?? "";
-  return ["pdf", "doc", "docx", "txt", "rtf"].includes(o) ? /* @__PURE__ */ r(
-    Fe,
+function ss(a) {
+  var p;
+  const t = ((p = a.name.split(".").pop()) == null ? void 0 : p.toLowerCase()) ?? "";
+  return ["pdf", "doc", "docx", "txt", "rtf"].includes(t) ? /* @__PURE__ */ o(
+    Ke,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : ["zip", "rar", "7z", "tar", "gz"].includes(o) ? /* @__PURE__ */ r(
-    Be,
+  ) : ["zip", "rar", "7z", "tar", "gz"].includes(t) ? /* @__PURE__ */ o(
+    Ye,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : ["xls", "xlsx", "csv"].includes(o) ? /* @__PURE__ */ r(
-    Le,
+  ) : ["xls", "xlsx", "csv"].includes(t) ? /* @__PURE__ */ o(
+    $e,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(o) ? /* @__PURE__ */ r(
-    Re,
+  ) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(t) ? /* @__PURE__ */ o(
+    Pe,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
-  ) : /* @__PURE__ */ r(
-    Ie,
+  ) : /* @__PURE__ */ o(
+    _e,
     {
       "aria-hidden": "true",
       className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
     }
   );
 }
-function Ke(a) {
+function ts(a) {
   switch (a) {
     case "uploading":
-      return /* @__PURE__ */ r(
-        De,
+      return /* @__PURE__ */ o(
+        Ge,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:shrink-0 ds:text-primary ds:animate-spin"
         }
       );
     case "complete":
-      return /* @__PURE__ */ r(
-        Ae,
+      return /* @__PURE__ */ o(
+        We,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:shrink-0 ds:text-[var(--success)]"
         }
       );
     case "error":
-      return /* @__PURE__ */ r(
-        ne,
+      return /* @__PURE__ */ o(
+        he,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:shrink-0 ds:text-destructive"
@@ -244,22 +244,22 @@ function Ke(a) {
       return null;
   }
 }
-const $e = [
+const rs = [
   "inputs.fileUpload.units.bytes",
   "inputs.fileUpload.units.kilobytes",
   "inputs.fileUpload.units.megabytes",
   "inputs.fileUpload.units.gigabytes"
-], ae = ["B", "KB", "MB", "GB"];
-function B(a, o, c) {
-  let l = a, u = 0;
-  for (; l >= 1024 && u < ae.length - 1; )
-    l /= 1024, u++;
-  const g = new Intl.NumberFormat(o, {
+], ge = ["B", "KB", "MB", "GB"];
+function F(a, t, p) {
+  let c = a, u = 0;
+  for (; c >= 1024 && u < ge.length - 1; )
+    c /= 1024, u++;
+  const f = new Intl.NumberFormat(t, {
     maximumFractionDigits: u === 0 ? 0 : 1
-  }).format(l), N = c($e[u], ae[u]);
-  return `${g} ${N}`;
+  }).format(c), y = p(rs[u], ge[u]);
+  return `${f} ${y}`;
 }
-function Pe(a) {
+function is(a) {
   switch (a) {
     case "file-too-large":
       return "file-too-large";
@@ -269,175 +269,202 @@ function Pe(a) {
       return "file-invalid-type";
     case "too-many-files":
       return "too-many-files";
+    case "total-too-large":
+      return "total-too-large";
     default:
       return "file-invalid-type";
   }
 }
-function _e(a) {
-  const o = a.split(".");
-  return o.length > 1 ? `.${o.pop().toLowerCase()}` : "";
+function os(a) {
+  const t = a.split(".");
+  return t.length > 1 ? `.${t.pop().toLowerCase()}` : "";
 }
-function de(a, o) {
-  const c = _e(a.name);
-  for (const [l, u] of Object.entries(o)) {
-    const g = l === "*/*" || l.endsWith("/*") && a.type.startsWith(l.replace("/*", "/")) || a.type === l, N = u.length === 0 || u.some((F) => F.toLowerCase() === c);
-    if (g && N) return !0;
+function ve(a, t) {
+  const p = os(a.name);
+  for (const [c, u] of Object.entries(t)) {
+    const f = c === "*/*" || c.endsWith("/*") && a.type.startsWith(c.replace("/*", "/")) || a.type === c, y = u.length === 0 || u.some((V) => V.toLowerCase() === p);
+    if (f && y) return !0;
   }
   return !1;
 }
-function We(a) {
-  const o = [];
-  for (const l of Object.values(a))
-    for (const u of l)
-      o.push(u.toUpperCase().replace(".", ""));
-  if (o.length > 0) return o.join(", ");
-  const c = [];
-  for (const l of Object.keys(a))
-    l.endsWith("/*") ? c.push(l.replace("/*", "").split("/").pop() ?? l) : c.push(l.split("/").pop() ?? l);
-  return c.join(", ");
+function ns(a) {
+  if (!a) return [];
+  const t = Object.values(a).flat().map((p) => p.toLowerCase());
+  return Array.from(new Set(t));
 }
-const Ge = ye(
+function as(a) {
+  const t = [];
+  for (const c of Object.values(a))
+    for (const u of c)
+      t.push(u.toUpperCase().replace(".", ""));
+  if (t.length > 0) return t.join(", ");
+  const p = [];
+  for (const c of Object.keys(a))
+    c.endsWith("/*") ? p.push(c.replace("/*", "").split("/").pop() ?? c) : p.push(c.split("/").pop() ?? c);
+  return p.join(", ");
+}
+const ds = De(
   ({
     id: a,
-    accept: o,
-    maxSize: c,
-    minSize: l,
+    accept: t,
+    maxSize: p,
+    minSize: c,
     maxFiles: u = 1,
-    multiple: g = !1,
-    disabled: N,
-    strictAccept: F = !1,
-    onDrop: C,
-    onUpload: E,
-    onRemove: L,
-    onReject: R,
-    variant: v = "both",
-    showPreview: le = !0,
-    className: P
-  }, k) => {
-    const { t: i, i18n: w } = Ne("ui"), h = ke(), ce = xe(), x = h.disabled || N, ue = h.invalid, _ = ze(h) || ce, [I, b] = te([]), [W, pe] = te([]), A = K(/* @__PURE__ */ new Map()), O = K(null), z = K(I);
-    z.current = I;
-    const U = y((e) => {
-      O.current && (O.current.textContent = e);
-    }, []), G = y(
-      (e) => !F || !o ? !0 : de(e, o),
-      [F, o]
-    ), X = y(
+    maxTotalSize: f,
+    showFileList: y = !0,
+    describedBy: V,
+    listedFiles: K,
+    multiple: v = !1,
+    disabled: be,
+    strictAccept: X = !1,
+    onDrop: R,
+    onUpload: T,
+    onRemove: A,
+    onReject: D,
+    variant: h = "both",
+    showPreview: ye = !0,
+    className: Y
+  }, I) => {
+    const { t: i, i18n: x } = He("ui"), N = Oe(), xe = Me(), j = N.disabled || be, Ue = N.invalid, J = qe(N) || xe, [M, U] = ue([]), [Q, we] = ue([]), B = G(/* @__PURE__ */ new Map()), $ = G(null), z = G(M);
+    z.current = M;
+    const C = w((e) => {
+      $.current && ($.current.textContent = e);
+    }, []), Z = w(
+      (e) => !X || !t ? !0 : ve(e, t),
+      [X, t]
+    ), S = w(
       async (e) => {
-        if (!E) return;
+        if (!T) return;
         const s = new AbortController();
-        A.current.set(e.id, s), b(
-          (d) => d.map(
-            (t) => t.id === e.id ? { ...t, status: "uploading", progress: 0 } : t
+        B.current.set(e.id, s), U(
+          (n) => n.map(
+            (r) => r.id === e.id ? { ...r, status: "uploading", progress: 0 } : r
           )
-        ), U(i("inputs.fileUpload.uploading", "Uploading…"));
+        ), C(i("inputs.fileUpload.uploading", "Uploading…"));
         try {
-          await E(e.file, {
+          await T(e.file, {
             signal: s.signal,
-            onProgress: (d) => {
-              b(
-                (t) => t.map(
-                  (n) => n.id === e.id ? { ...n, progress: d } : n
+            onProgress: (n) => {
+              U(
+                (r) => r.map(
+                  (d) => d.id === e.id ? { ...d, progress: n } : d
                 )
-              ), U(
+              ), C(
                 i("inputs.fileUpload.progress", "{{percent}}% uploaded", {
-                  percent: d
+                  percent: n
                 })
               );
             }
-          }), b(
-            (d) => d.map(
-              (t) => t.id === e.id ? { ...t, status: "complete", progress: 100 } : t
+          }), U(
+            (n) => n.map(
+              (r) => r.id === e.id ? { ...r, status: "complete", progress: 100 } : r
             )
-          ), U(i("inputs.fileUpload.complete", "Upload complete"));
-        } catch (d) {
+          ), C(i("inputs.fileUpload.complete", "Upload complete"));
+        } catch (n) {
           if (s.signal.aborted) {
-            b((n) => n.filter((f) => f.id !== e.id));
+            U((d) => d.filter((g) => g.id !== e.id));
             return;
           }
-          const t = d instanceof Error ? d.message : i("inputs.fileUpload.errors.uploadFailed", "Upload failed");
-          b(
-            (n) => n.map(
-              (f) => f.id === e.id ? { ...f, status: "error", error: t } : f
+          const r = n instanceof Error ? n.message : i("inputs.fileUpload.errors.uploadFailed", "Upload failed");
+          U(
+            (d) => d.map(
+              (g) => g.id === e.id ? { ...g, status: "error", error: r } : g
             )
           );
         } finally {
-          A.current.delete(e.id);
+          B.current.delete(e.id);
         }
       },
-      [E, U, i]
-    ), T = y(
+      [T, C, i]
+    ), ee = [N.describedBy, V].filter(Boolean).join(" ") || void 0, Ne = H(() => {
+      if (!t || !("*/*" in t)) return t;
+      const { "*/*": e, ...s } = t;
+      return e.length > 0 ? { ...s, "application/octet-stream": e } : s;
+    }, [t]), P = w(
       (e, s) => {
-        const d = s.flatMap(
-          (p) => p.errors.map((D) => ({
-            file: p.file,
-            reason: Pe(D.code)
+        const n = s.flatMap(
+          (l) => l.errors.map((b) => ({
+            file: l.file,
+            reason: is(b.code)
           }))
-        ), t = [], n = [];
-        for (const p of e)
-          G(p) ? n.push(p) : t.push({ file: p, reason: "file-invalid-type" });
-        const f = [...d, ...t];
-        pe(f), f.length > 0 && (R == null || R(f));
-        const q = n.map((p) => ({
-          file: p,
-          id: Te(),
+        ), r = [], d = [];
+        for (const l of e)
+          Z(l) ? d.push(l) : r.push({ file: l, reason: "file-invalid-type" });
+        const g = !v && u === 1, de = K ?? z.current.filter((l) => l.status !== "error").map((l) => ({ size: l.file.size })), Le = g ? 0 : de.length, Re = g ? 0 : de.reduce((l, b) => l + b.size, 0);
+        let k = d;
+        const le = [], ce = K !== void 0 && v && Le + k.length > u, Ae = f !== void 0 && Re + k.reduce((l, b) => l + b.size, 0) > f;
+        if (k.length > 0 && (ce || Ae)) {
+          const l = ce ? "too-many-files" : "total-too-large";
+          for (const b of k) le.push({ file: b, reason: l });
+          k = [];
+        }
+        const E = [...n, ...r, ...le];
+        we(E), E.length > 0 && (D == null || D(E));
+        const W = k.map((l) => ({
+          file: l,
+          id: Se(),
           status: "pending",
           progress: 0,
-          preview: Ve(p) ? URL.createObjectURL(p) : void 0
+          preview: y && es(l) ? URL.createObjectURL(l) : void 0
         }));
-        b((p) => {
-          if (!g && u === 1) {
-            for (const D of p)
-              D.preview && URL.revokeObjectURL(D.preview);
-            return q;
+        if (U((l) => {
+          if (!y) return l;
+          if (!v && u === 1) {
+            for (const b of l)
+              b.preview && URL.revokeObjectURL(b.preview);
+            return W;
           }
-          return [...p, ...q];
-        }), C == null || C(n, f), U(
+          return [...l, ...W];
+        }), R == null || R(k, E), C(
           i("inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
-            count: n.length
+            count: k.length
           })
-        );
-        for (const p of q)
-          X(p);
+        ), y)
+          for (const l of W)
+            S(l);
       },
       [
-        g,
+        v,
         u,
-        C,
+        f,
+        y,
+        K,
         R,
-        G,
-        U,
-        X,
+        D,
+        Z,
+        C,
+        S,
         i
       ]
-    ), { getRootProps: fe, getInputProps: Y, isDragActive: j, open: J } = Ue({
-      accept: o,
-      maxSize: c,
-      minSize: l,
-      maxFiles: g ? u : 1,
-      multiple: g,
-      disabled: x,
-      onDrop: T,
-      noClick: v === "button",
-      noKeyboard: v === "button"
-    }), me = y((e) => {
-      const s = A.current.get(e);
-      s == null || s.abort(), b((d) => {
-        const t = d.find((n) => n.id === e);
-        return t != null && t.preview && URL.revokeObjectURL(t.preview), d.filter((n) => n.id !== e);
+    ), { getRootProps: ke, getInputProps: se, isDragActive: L, open: te } = Ee({
+      accept: Ne,
+      maxSize: p,
+      minSize: c,
+      maxFiles: v ? u : 1,
+      multiple: v,
+      disabled: j,
+      onDrop: P,
+      noClick: h === "button",
+      noKeyboard: h === "button"
+    }), je = w((e) => {
+      const s = B.current.get(e);
+      s == null || s.abort(), U((n) => {
+        const r = n.find((d) => d.id === e);
+        return r != null && r.preview && URL.revokeObjectURL(r.preview), n.filter((d) => d.id !== e);
       });
-    }, []), V = y(
+    }, []), _ = w(
       (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));
+        const s = z.current.find((n) => n.id === e);
+        s != null && s.preview && URL.revokeObjectURL(s.preview), U((n) => n.filter((r) => r.id !== e)), s && (A == null || A(s));
       },
-      [L]
-    ), Q = y(() => {
+      [A]
+    ), re = w(() => {
       for (const e of z.current) {
-        const s = A.current.get(e.id);
+        const s = B.current.get(e.id);
         s == null || s.abort(), e.preview && URL.revokeObjectURL(e.preview);
       }
-      b([]);
-    }, []), ge = $(
+      U([]);
+    }, []), ze = H(
       () => ({
         getFiles: () => z.current.map((e) => ({
           id: e.id,
@@ -445,106 +472,152 @@ const Ge = ye(
           size: e.file.size,
           status: e.status
         })),
-        removeFile: (e) => V(e),
-        clear: () => Q()
+        removeFile: (e) => _(e),
+        clear: () => re()
       }),
-      [V, Q]
+      [_, re]
     );
-    je(He, ge, a);
-    const Z = y(
+    Ve(Je, ze, a);
+    const ie = w(
       (e) => {
-        const s = [], d = [], t = g ? u : 1;
-        for (const n of e) {
-          if (s.length >= t) {
-            d.push({ file: n, reason: "too-many-files" });
+        const s = [], n = [], r = v ? u : 1;
+        if (e.length > r)
+          return {
+            accepted: s,
+            rejected: e.map((d) => ({
+              file: d,
+              reason: "too-many-files"
+            }))
+          };
+        for (const d of e) {
+          if (p !== void 0 && d.size > p) {
+            n.push({ file: d, reason: "file-too-large" });
             continue;
           }
-          if (c !== void 0 && n.size > c) {
-            d.push({ file: n, reason: "file-too-large" });
+          if (c !== void 0 && d.size < c) {
+            n.push({ file: d, reason: "file-too-small" });
             continue;
           }
-          if (l !== void 0 && n.size < l) {
-            d.push({ file: n, reason: "file-too-small" });
+          if (t && !ve(d, t)) {
+            n.push({ file: d, reason: "file-invalid-type" });
             continue;
           }
-          if (o && !de(n, o)) {
-            d.push({ file: n, reason: "file-invalid-type" });
-            continue;
-          }
-          s.push(n);
+          s.push(d);
         }
-        return { accepted: s, rejected: d };
+        return { accepted: s, rejected: n };
       },
-      [o, c, l, u, g]
-    ), S = y(
+      [t, p, c, u, v]
+    ), oe = w(
       (e) => {
-        if (x) return;
+        if (j) return;
         const s = Array.from(e.clipboardData.files);
         if (s.length > 0) {
           e.preventDefault();
-          const { accepted: d, rejected: t } = Z(s), n = t.map((f) => ({
-            file: f.file,
-            errors: [{ code: f.reason, message: f.reason }]
+          const { accepted: n, rejected: r } = ie(s), d = r.map((g) => ({
+            file: g.file,
+            errors: [{ code: g.reason, message: g.reason }]
           }));
-          T(d, n);
+          P(n, d);
         }
       },
-      [x, T, Z]
+      [j, P, ie]
     );
-    we(() => () => {
+    Be(() => () => {
       for (const e of z.current)
         e.preview && URL.revokeObjectURL(e.preview);
     }, []);
-    const ee = $(() => {
+    const ne = H(() => {
       const e = [];
-      return o && e.push(We(o)), c && e.push(
+      return t && e.push(as(t)), p && e.push(
         i("inputs.fileUpload.maxSizeHint", "Max {{size}}", {
-          size: B(c, w.language, i)
+          size: F(p, x.language, i)
         })
-      ), g && u > 1 && e.push(
+      ), v && u > 1 && Number.isFinite(u) && e.push(
         i("inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
           count: u
         })
+      ), f && e.push(
+        i("inputs.fileUpload.maxTotalSizeHint", "Up to {{size}} in total", {
+          size: F(f, x.language, i)
+        })
       ), e;
-    }, [o, c, g, u, i, w.language]), se = $(() => W.map((e) => {
-      switch (e.reason) {
-        case "file-too-large":
-          return i(
-            "inputs.fileUpload.errors.fileTooLarge",
-            "File exceeds {{maxSize}}",
-            {
-              maxSize: c ? B(c, w.language, i) : ""
-            }
-          );
-        case "file-too-small":
-          return i(
-            "inputs.fileUpload.errors.fileTooSmall",
-            "File is smaller than {{minSize}}",
-            {
-              minSize: l ? B(l, w.language, i) : ""
-            }
-          );
-        case "file-invalid-type":
-          return i(
-            "inputs.fileUpload.errors.fileInvalidType",
-            "File type not accepted"
-          );
-        case "too-many-files":
-          return i(
-            "inputs.fileUpload.errors.tooManyFiles",
-            "Maximum {{maxFiles}} files allowed",
-            {
-              maxFiles: u
+    }, [t, p, f, v, u, i, x.language]), ae = H(() => {
+      const e = /* @__PURE__ */ new Set();
+      return Q.filter((n) => e.has(n.reason) ? !1 : (e.add(n.reason), !0)).map((n) => {
+        switch (n.reason) {
+          case "file-too-large":
+            return i(
+              "inputs.fileUpload.errors.fileTooLarge",
+              "File exceeds {{maxSize}}",
+              {
+                maxSize: p ? F(p, x.language, i) : ""
+              }
+            );
+          case "file-too-small":
+            return i(
+              "inputs.fileUpload.errors.fileTooSmall",
+              "File is smaller than {{minSize}}",
+              {
+                minSize: c ? F(c, x.language, i) : ""
+              }
+            );
+          case "file-invalid-type": {
+            const r = ns(t);
+            if (r.length > 0) {
+              let d;
+              try {
+                d = new Intl.ListFormat(x.language, {
+                  style: "long",
+                  type: "conjunction"
+                }).format(r);
+              } catch {
+                d = r.join(", ");
+              }
+              return i(
+                "inputs.fileUpload.errors.fileInvalidTypeNamed",
+                "Only {{types}} files can be uploaded",
+                { types: d }
+              );
             }
-          );
-      }
-    }), [W, i, c, l, u, w.language]), ve = () => I.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: I.map((e) => /* @__PURE__ */ m(
+            return i(
+              "inputs.fileUpload.errors.fileInvalidType",
+              "File type not accepted"
+            );
+          }
+          case "too-many-files":
+            return i(
+              "inputs.fileUpload.errors.tooManyFiles",
+              "Maximum {{maxFiles}} files allowed",
+              {
+                maxFiles: u
+              }
+            );
+          case "total-too-large":
+            return i(
+              "inputs.fileUpload.errors.totalTooLarge",
+              "Files exceed {{maxTotalSize}} in total",
+              {
+                maxTotalSize: f ? F(f, x.language, i) : ""
+              }
+            );
+        }
+      });
+    }, [
+      Q,
+      i,
+      t,
+      p,
+      c,
+      u,
+      f,
+      x.language
+    ]), Ce = () => !y || M.length === 0 ? null : /* @__PURE__ */ o("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: M.map((e) => /* @__PURE__ */ m(
       "li",
       {
         "data-file-id": e.id,
-        className: Oe({ status: e.status }),
+        className: Ze({ status: e.status }),
         children: [
-          le && e.preview ? /* @__PURE__ */ r(
+          ye && e.preview ? /* @__PURE__ */ o(
             "img",
             {
               src: e.preview,
@@ -552,21 +625,21 @@ const Ge = ye(
               "aria-hidden": "true",
               className: "ds:size-12 ds:shrink-0 ds:rounded-[var(--radius-md)] ds:object-cover ds:border ds:border-border"
             }
-          ) : qe(e.file),
+          ) : ss(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 }),
-              Ke(e.status)
+              /* @__PURE__ */ o("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
+              ts(e.status)
             ] }),
             /* @__PURE__ */ m("p", { className: "type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5", children: [
-              B(e.file.size, w.language, i),
+              F(e.file.size, x.language, i),
               e.status === "uploading" && /* @__PURE__ */ m("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-primary ds:font-medium", children: [
                 e.progress,
                 "%"
               ] }),
-              e.status === "complete" && /* @__PURE__ */ r("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-[var(--success)] ds:font-medium", children: i("inputs.fileUpload.complete", "Complete") })
+              e.status === "complete" && /* @__PURE__ */ o("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-[var(--success)] ds:font-medium", children: i("inputs.fileUpload.complete", "Complete") })
             ] }),
-            e.status === "uploading" && /* @__PURE__ */ r(
+            e.status === "uploading" && /* @__PURE__ */ o(
               "div",
               {
                 role: "progressbar",
@@ -575,7 +648,7 @@ const Ge = ye(
                 "aria-valuemin": 0,
                 "aria-valuemax": 100,
                 className: "ds:mt-[var(--spacing-sm)] ds:h-1.5 ds:w-full ds:rounded-[var(--radius-full)] ds:bg-muted ds:overflow-hidden",
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   "div",
                   {
                     className: "ds:h-full ds:rounded-[var(--radius-full)] ds:bg-primary ds:transition-[inline-size] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
@@ -584,7 +657,7 @@ const Ge = ye(
                 )
               }
             ),
-            e.status === "error" && e.error && /* @__PURE__ */ r(
+            e.status === "error" && e.error && /* @__PURE__ */ o(
               "p",
               {
                 role: "alert",
@@ -593,62 +666,62 @@ const Ge = ye(
               }
             )
           ] }),
-          e.status === "uploading" && /* @__PURE__ */ r(
+          e.status === "uploading" && /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: () => me(e.id),
+              onClick: () => je(e.id),
               "aria-label": i("inputs.fileUpload.cancel", "Cancel upload"),
-              className: oe(),
-              children: /* @__PURE__ */ r(re, { "aria-hidden": "true", className: "ds:size-4" })
+              className: me(),
+              children: /* @__PURE__ */ o(pe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ),
-          (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ r(
+          (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: () => V(e.id),
+              onClick: () => _(e.id),
               "aria-label": i("inputs.fileUpload.remove", "Remove file"),
-              className: oe(),
-              children: /* @__PURE__ */ r(re, { "aria-hidden": "true", className: "ds:size-4" })
+              className: me(),
+              children: /* @__PURE__ */ o(pe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           )
         ]
       },
       e.id
-    )) }), he = () => {
-      if (v === "button") return null;
-      const e = fe({
-        className: Ee({
-          isDragActive: j,
-          hasError: ue ?? !1,
-          isDisabled: x ?? !1,
-          className: P
+    )) }), Fe = () => {
+      if (h === "button") return null;
+      const e = ke({
+        className: Qe({
+          isDragActive: L,
+          hasError: Ue ?? !1,
+          isDisabled: j ?? !1,
+          className: Y
         }),
-        tabIndex: x ? -1 : 0
+        tabIndex: j ? -1 : 0
       }), s = e.ref;
       return /* @__PURE__ */ m(
         "div",
         {
           ...e,
-          ref: (t) => {
-            typeof s == "function" ? s(t) : s && (s.current = t), typeof k == "function" ? k(t) : k && (k.current = t);
+          ref: (r) => {
+            typeof s == "function" ? s(r) : s && (s.current = r), typeof I == "function" ? I(r) : I && (I.current = r);
           },
-          onPaste: S,
-          id: _,
+          onPaste: oe,
+          id: J,
           "aria-label": i(
             "inputs.fileUpload.dropHere",
             "Drop files here or click to browse"
           ),
-          "aria-describedby": h.describedBy || void 0,
-          "aria-invalid": h.invalid || void 0,
-          "aria-required": h.required || void 0,
+          "aria-describedby": ee,
+          "aria-invalid": N.invalid || void 0,
+          "aria-required": N.required || void 0,
           "data-testid": "file-upload-dropzone",
           children: [
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ o(
               "input",
               {
-                ...Y({
+                ...se({
                   "aria-label": i(
                     "inputs.fileUpload.dropHere",
                     "Drop files here or click to browse"
@@ -657,27 +730,27 @@ const Ge = ye(
               }
             ),
             /* @__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: j ? /* @__PURE__ */ r(M, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ r(M, { "aria-hidden": "true", className: "ds:size-7" }) }),
+              /* @__PURE__ */ o("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: L ? /* @__PURE__ */ o(O, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ o(O, { "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: j ? i("inputs.fileUpload.dropActive", "Drop files here") : i(
+                /* @__PURE__ */ o("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: L ? i("inputs.fileUpload.dropActive", "Drop files here") : i(
                   "inputs.fileUpload.dropHere",
                   "Drop files here or click to browse"
                 ) }),
-                ee.length > 0 && !j && /* @__PURE__ */ r("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: ee.join(" · ") })
+                ne.length > 0 && !L && /* @__PURE__ */ o("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: ne.join(" · ") })
               ] }),
-              v === "both" && !j && /* @__PURE__ */ m(
+              h === "both" && !L && /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
-                  onClick: (t) => {
-                    t.stopPropagation(), J();
+                  onClick: (r) => {
+                    r.stopPropagation(), te();
                   },
-                  disabled: x,
-                  className: ie({
+                  disabled: j,
+                  className: fe({
                     className: "ds:mt-[var(--spacing-xs)]"
                   }),
                   children: [
-                    /* @__PURE__ */ r(M, { "aria-hidden": "true", className: "ds:size-4" }),
+                    /* @__PURE__ */ o(O, { "aria-hidden": "true", className: "ds:size-4" }),
                     i("inputs.fileUpload.browse", "Browse files")
                   ]
                 }
@@ -686,11 +759,11 @@ const Ge = ye(
           ]
         }
       );
-    }, be = () => v === "dropzone" ? null : v === "button" ? /* @__PURE__ */ m("div", { onPaste: S, ref: k, children: [
-      /* @__PURE__ */ r(
+    }, Ie = () => h === "dropzone" ? null : h === "button" ? /* @__PURE__ */ m("div", { onPaste: oe, ref: I, children: [
+      /* @__PURE__ */ o(
         "input",
         {
-          ...Y({
+          ...se({
             "aria-label": i("inputs.fileUpload.browse", "Browse files")
           })
         }
@@ -699,52 +772,52 @@ const Ge = ye(
         "button",
         {
           type: "button",
-          onClick: J,
-          disabled: x,
-          className: ie({ className: P }),
-          id: v === "button" ? _ : void 0,
-          "aria-describedby": v === "button" && h.describedBy || void 0,
-          "aria-invalid": v === "button" && h.invalid || void 0,
-          "aria-required": v === "button" && h.required || void 0,
+          onClick: te,
+          disabled: j,
+          className: fe({ className: Y }),
+          id: h === "button" ? J : void 0,
+          "aria-describedby": h === "button" ? ee : void 0,
+          "aria-invalid": h === "button" && N.invalid || void 0,
+          "aria-required": h === "button" && N.required || void 0,
           children: [
-            /* @__PURE__ */ r(M, { "aria-hidden": "true", className: "ds:size-4" }),
+            /* @__PURE__ */ o(O, { "aria-hidden": "true", className: "ds:size-4" }),
             i("inputs.fileUpload.browse", "Browse files")
           ]
         }
       )
     ] }) : null;
     return /* @__PURE__ */ m("div", { "data-component": "file-upload", "data-component-id": a, children: [
-      he(),
-      be(),
-      ve(),
-      se.length > 0 && /* @__PURE__ */ r(
+      Fe(),
+      Ie(),
+      Ce(),
+      ae.length > 0 && /* @__PURE__ */ o(
         "div",
         {
           role: "alert",
           className: "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-          children: se.map((e, s) => /* @__PURE__ */ m(
+          children: ae.map((e, s) => /* @__PURE__ */ m(
             "div",
             {
               className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
               children: [
-                /* @__PURE__ */ r(
-                  ne,
+                /* @__PURE__ */ o(
+                  he,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-3.5 ds:shrink-0 ds:text-destructive"
                   }
                 ),
-                /* @__PURE__ */ r("p", { className: "type-meta ds:text-destructive ds:m-0", children: e })
+                /* @__PURE__ */ o("p", { className: "type-meta ds:text-destructive ds:m-0", children: e })
               ]
             },
             s
           ))
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "span",
         {
-          ref: O,
+          ref: $,
           role: "status",
           "aria-live": "polite",
           className: "ds:sr-only"
@@ -753,11 +826,12 @@ const Ge = ye(
     ] });
   }
 );
-Ge.displayName = "FileUpload";
+ds.displayName = "FileUpload";
 export {
-  Ge as F,
-  Be as a,
-  ie as b,
-  He as f
+  ds as F,
+  F as a,
+  fe as b,
+  Ye as c,
+  Je as f
 };
-//# sourceMappingURL=file-upload-CxjCs7TX.js.map
+//# sourceMappingURL=file-upload-DQc0LsBM.js.map