@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/{file-upload.agent-B9AN82LA.js → file-upload.agent-DJaH2dHg.js}

@@ -1,25 +1,25 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { forwardRef as xe, useId as ke, useState as S, useRef as V, useCallback as b, useEffect as Ne, useMemo as ee } from "react";
-import { u as we } from "./index-CeY1nNvd.js";
-import { c as D } from "./index-D2ZczOXr.js";
-import { useTranslation as Ue } from "react-i18next";
-import { u as ze } from "./form-field-context-94LwgYTQ.js";
+import { forwardRef as ke, useId as Ne, useState as ee, useRef as O, useCallback as y, useEffect as we, useMemo as se } from "react";
+import { u as Ue } from "./index-CeY1nNvd.js";
+import { c as I } from "./index-D2ZczOXr.js";
+import { useTranslation as ze } from "react-i18next";
+import { u as Me } from "./form-field-context-94LwgYTQ.js";
 import { C as ne } from "./circle-alert-ChA9opNA.js";
-import { c as k } from "./createLucideIcon-CrFbzy84.js";
-import { X as se } from "./x-CCcI3eJp.js";
-import { F as Me } from "./file-text-DSNuv2B8.js";
-import { C as je } from "./circle-check-9AeSgJD_.js";
+import { c as N } from "./createLucideIcon-CrFbzy84.js";
+import { X as te } from "./x-CCcI3eJp.js";
+import { F as je } from "./file-text-DSNuv2B8.js";
+import { C as Ce } from "./circle-check-9AeSgJD_.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ce = [
+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" }]
-], Le = k("cloud-upload", Ce);
+], Fe = N("cloud-upload", Le);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -39,14 +39,14 @@ const Ae = [
   ["path", { d: "M8 18v-2", key: "qcmpov" }],
   ["path", { d: "M8 7V6", key: "1nbb54" }],
   ["circle", { cx: "8", cy: "20", r: "2", key: "ckkr5m" }]
-], Fe = k("file-archive", Ae);
+], Ie = N("file-archive", Ae);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = [
+const _e = [
   [
     "path",
     {
@@ -57,14 +57,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" }]
-], Ie = k("file-image", De);
+], De = N("file-image", _e);
 /**
  * @license lucide-react v1.8.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 = [
+const Re = [
   [
     "path",
     {
@@ -77,14 +77,14 @@ const _e = [
   ["path", { d: "M14 13h2", key: "un5t4a" }],
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
-], Be = k("file-spreadsheet", _e);
+], Be = N("file-spreadsheet", Re);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Re = [
+const $e = [
   [
     "path",
     {
@@ -93,25 +93,25 @@ const Re = [
     }
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
-], $e = k("file", Re);
+], Ee = N("file", $e);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ve = k("loader-circle", Oe);
+const Oe = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ve = N("loader-circle", Oe);
 /**
  * @license lucide-react v1.8.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 = [
+const He = [
   ["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" }]
-], E = k("upload", Ee), He = D(
+], V = N("upload", He), qe = I(
   [
     "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)]",
@@ -144,7 +144,7 @@ const Ee = [
       isDisabled: !1
     }
   }
-), te = D(
+), ie = I(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
@@ -157,7 +157,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(" ")
-), qe = D(
+), Te = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:bg-background",
@@ -178,7 +178,7 @@ const Ee = [
       status: "pending"
     }
   }
-), re = D(
+), re = I(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
@@ -190,46 +190,46 @@ const Ee = [
     "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
 );
-function Te() {
+function We() {
   return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
-function We(d) {
-  return d.type.startsWith("image/");
+function Pe(o) {
+  return o.type.startsWith("image/");
 }
-function Ke(d) {
-  var p;
-  const o = ((p = d.name.split(".").pop()) == null ? void 0 : p.toLowerCase()) ?? "";
-  return ["pdf", "doc", "docx", "txt", "rtf"].includes(o) ? /* @__PURE__ */ t(Me, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["zip", "rar", "7z", "tar", "gz"].includes(o) ? /* @__PURE__ */ t(Fe, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["xls", "xlsx", "csv"].includes(o) ? /* @__PURE__ */ t(Be, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(o) ? /* @__PURE__ */ t(Ie, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : /* @__PURE__ */ t($e, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" });
+function Ke(o) {
+  var c;
+  const n = ((c = o.name.split(".").pop()) == null ? void 0 : c.toLowerCase()) ?? "";
+  return ["pdf", "doc", "docx", "txt", "rtf"].includes(n) ? /* @__PURE__ */ t(je, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["zip", "rar", "7z", "tar", "gz"].includes(n) ? /* @__PURE__ */ t(Ie, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["xls", "xlsx", "csv"].includes(n) ? /* @__PURE__ */ t(Be, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(n) ? /* @__PURE__ */ t(De, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" }) : /* @__PURE__ */ t(Ee, { "aria-hidden": "true", className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground" });
 }
-function Pe(d) {
-  switch (d) {
+function Ge(o) {
+  switch (o) {
     case "uploading":
       return /* @__PURE__ */ t(Ve, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0 ds:text-primary ds:animate-spin" });
     case "complete":
-      return /* @__PURE__ */ t(je, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0 ds:text-[var(--success)]" });
+      return /* @__PURE__ */ t(Ce, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0 ds:text-[var(--success)]" });
     case "error":
       return /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0 ds:text-destructive" });
     default:
       return null;
   }
 }
-const Ge = [
+const Xe = [
   "ui.inputs.fileUpload.units.bytes",
   "ui.inputs.fileUpload.units.kilobytes",
   "ui.inputs.fileUpload.units.megabytes",
   "ui.inputs.fileUpload.units.gigabytes"
-], ie = ["B", "KB", "MB", "GB"];
-function F(d, o, p) {
-  let l = d, f = 0;
-  for (; l >= 1024 && f < ie.length - 1; )
-    l /= 1024, f++;
-  const I = new Intl.NumberFormat(o, {
-    maximumFractionDigits: f === 0 ? 0 : 1
-  }).format(l), M = p(Ge[f], ie[f]);
-  return `${I} ${M}`;
+], ae = ["B", "KB", "MB", "GB"];
+function A(o, n, c) {
+  let u = o, p = 0;
+  for (; u >= 1024 && p < ae.length - 1; )
+    u /= 1024, p++;
+  const h = new Intl.NumberFormat(n, {
+    maximumFractionDigits: p === 0 ? 0 : 1
+  }).format(u), _ = c(Xe[p], ae[p]);
+  return `${h} ${_}`;
 }
-function Xe(d) {
-  switch (d) {
+function Ye(o) {
+  switch (o) {
     case "file-too-large":
       return "file-too-large";
     case "file-too-small":
@@ -242,245 +242,246 @@ function Xe(d) {
       return "file-invalid-type";
   }
 }
-function ae(d) {
-  const o = d.split(".");
-  return o.length > 1 ? `.${o.pop().toLowerCase()}` : "";
+function de(o) {
+  const n = o.split(".");
+  return n.length > 1 ? `.${n.pop().toLowerCase()}` : "";
 }
-function Ye(d) {
-  const o = [];
-  for (const l of Object.values(d))
-    for (const f of l)
-      o.push(f.toUpperCase().replace(".", ""));
-  if (o.length > 0) return o.join(", ");
-  const p = [];
-  for (const l of Object.keys(d))
-    l.endsWith("/*") ? p.push(l.replace("/*", "").split("/").pop() ?? l) : p.push(l.split("/").pop() ?? l);
-  return p.join(", ");
+function Je(o) {
+  const n = [];
+  for (const u of Object.values(o))
+    for (const p of u)
+      n.push(p.toUpperCase().replace(".", ""));
+  if (n.length > 0) return n.join(", ");
+  const c = [];
+  for (const u of Object.keys(o))
+    u.endsWith("/*") ? c.push(u.replace("/*", "").split("/").pop() ?? u) : c.push(u.split("/").pop() ?? u);
+  return c.join(", ");
 }
-const Je = xe(
+const Qe = ke(
   ({
-    accept: d,
-    maxSize: o,
-    minSize: p,
-    maxFiles: l = 1,
-    multiple: f = !1,
-    disabled: I,
-    strictAccept: M = !1,
+    id: o,
+    accept: n,
+    maxSize: c,
+    minSize: u,
+    maxFiles: p = 1,
+    multiple: h = !1,
+    disabled: _,
+    strictAccept: H = !1,
     onDrop: j,
-    onUpload: _,
+    onUpload: D,
     onRemove: C,
     onReject: L,
-    variant: h = "both",
-    showPreview: de = !0,
-    className: H
-  }, q) => {
-    const { t: a, i18n: N } = Ue(), g = ze(), oe = ke(), y = g.disabled || I, le = g.invalid, T = g.id || oe, [A, v] = S([]), [W, ce] = S([]), B = V(/* @__PURE__ */ new Map()), R = V(null), $ = V(A);
-    $.current = A;
-    const w = b((e) => {
-      R.current && (R.current.textContent = e);
-    }, []), K = b(
+    variant: g = "both",
+    showPreview: oe = !0,
+    className: q
+  }, T) => {
+    const { t: a, i18n: w } = ze(), v = Me(), le = Ne(), x = v.disabled || _, ce = v.invalid, W = v.id || le, [F, b] = ee([]), [P, ue] = ee([]), R = O(/* @__PURE__ */ new Map()), B = O(null), $ = O(F);
+    $.current = F;
+    const U = y((e) => {
+      B.current && (B.current.textContent = e);
+    }, []), K = y(
       (e) => {
-        if (!M || !d) return !0;
-        for (const [s, i] of Object.entries(d)) {
-          const n = s === "*/*" || s.endsWith("/*") && e.type.startsWith(s.replace("/*", "/")) || e.type === s, r = ae(e.name), u = i.length === 0 || i.some((U) => U.toLowerCase() === r);
-          if (n && u) return !0;
+        if (!H || !n) return !0;
+        for (const [s, r] of Object.entries(n)) {
+          const d = s === "*/*" || s.endsWith("/*") && e.type.startsWith(s.replace("/*", "/")) || e.type === s, i = de(e.name), f = r.length === 0 || r.some((z) => z.toLowerCase() === i);
+          if (d && f) return !0;
         }
         return !1;
       },
-      [M, d]
-    ), P = b(
+      [H, n]
+    ), G = y(
       async (e) => {
-        if (!_) return;
+        if (!D) return;
         const s = new AbortController();
-        B.current.set(e.id, s), v(
-          (i) => i.map(
-            (n) => n.id === e.id ? { ...n, status: "uploading", progress: 0 } : n
+        R.current.set(e.id, s), b(
+          (r) => r.map(
+            (d) => d.id === e.id ? { ...d, status: "uploading", progress: 0 } : d
           )
-        ), w(a("ui.inputs.fileUpload.uploading", "Uploading…"));
+        ), U(a("ui.inputs.fileUpload.uploading", "Uploading…"));
         try {
-          await _(e.file, {
+          await D(e.file, {
             signal: s.signal,
-            onProgress: (i) => {
-              v(
-                (n) => n.map(
-                  (r) => r.id === e.id ? { ...r, progress: i } : r
+            onProgress: (r) => {
+              b(
+                (d) => d.map(
+                  (i) => i.id === e.id ? { ...i, progress: r } : i
                 )
-              ), w(
+              ), U(
                 a("ui.inputs.fileUpload.progress", "{{percent}}% uploaded", {
-                  percent: i
+                  percent: r
                 })
               );
             }
-          }), v(
-            (i) => i.map(
-              (n) => n.id === e.id ? { ...n, status: "complete", progress: 100 } : n
+          }), b(
+            (r) => r.map(
+              (d) => d.id === e.id ? { ...d, status: "complete", progress: 100 } : d
             )
-          ), w(a("ui.inputs.fileUpload.complete", "Upload complete"));
-        } catch (i) {
+          ), U(a("ui.inputs.fileUpload.complete", "Upload complete"));
+        } catch (r) {
           if (s.signal.aborted) {
-            v((r) => r.filter((u) => u.id !== e.id));
+            b((i) => i.filter((f) => f.id !== e.id));
             return;
           }
-          const n = i instanceof Error ? i.message : a("ui.inputs.fileUpload.errors.uploadFailed", "Upload failed");
-          v(
-            (r) => r.map(
-              (u) => u.id === e.id ? { ...u, status: "error", error: n } : u
+          const d = r instanceof Error ? r.message : a("ui.inputs.fileUpload.errors.uploadFailed", "Upload failed");
+          b(
+            (i) => i.map(
+              (f) => f.id === e.id ? { ...f, status: "error", error: d } : f
             )
           );
         } finally {
-          B.current.delete(e.id);
+          R.current.delete(e.id);
         }
       },
-      [_, w, a]
-    ), O = b(
+      [D, U, a]
+    ), E = y(
       (e, s) => {
-        const i = s.flatMap(
-          (c) => c.errors.map((x) => ({
-            file: c.file,
-            reason: Xe(x.code)
+        const r = s.flatMap(
+          (l) => l.errors.map((k) => ({
+            file: l.file,
+            reason: Ye(k.code)
           }))
-        ), n = [], r = [];
-        for (const c of e)
-          K(c) ? r.push(c) : n.push({ file: c, reason: "file-invalid-type" });
-        const u = [...i, ...n];
-        ce(u), u.length > 0 && (L == null || L(u));
-        const U = r.map((c) => ({
-          file: c,
-          id: Te(),
+        ), d = [], i = [];
+        for (const l of e)
+          K(l) ? i.push(l) : d.push({ file: l, reason: "file-invalid-type" });
+        const f = [...r, ...d];
+        ue(f), f.length > 0 && (L == null || L(f));
+        const z = i.map((l) => ({
+          file: l,
+          id: We(),
           status: "pending",
           progress: 0,
-          preview: We(c) ? URL.createObjectURL(c) : void 0
+          preview: Pe(l) ? URL.createObjectURL(l) : void 0
         }));
-        v((c) => {
-          if (!f && l === 1) {
-            for (const x of c)
-              x.preview && URL.revokeObjectURL(x.preview);
-            return U;
+        b((l) => {
+          if (!h && p === 1) {
+            for (const k of l)
+              k.preview && URL.revokeObjectURL(k.preview);
+            return z;
           }
-          return [...c, ...U];
-        }), j == null || j(r, u), w(
+          return [...l, ...z];
+        }), j == null || j(i, f), U(
           a("ui.inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
-            count: r.length
+            count: i.length
           })
         );
-        for (const c of U)
-          P(c);
+        for (const l of z)
+          G(l);
       },
       [
-        f,
-        l,
+        h,
+        p,
         j,
         L,
         K,
-        w,
-        P,
+        U,
+        G,
         a
       ]
-    ), { getRootProps: ue, getInputProps: G, isDragActive: z, open: X } = we({
-      accept: d,
-      maxSize: o,
-      minSize: p,
-      maxFiles: f ? l : 1,
-      multiple: f,
-      disabled: y,
-      onDrop: O,
-      noClick: h === "button",
-      noKeyboard: h === "button"
-    }), pe = b(
+    ), { getRootProps: pe, getInputProps: X, isDragActive: M, open: Y } = Ue({
+      accept: n,
+      maxSize: c,
+      minSize: u,
+      maxFiles: h ? p : 1,
+      multiple: h,
+      disabled: x,
+      onDrop: E,
+      noClick: g === "button",
+      noKeyboard: g === "button"
+    }), fe = y(
       (e) => {
-        const s = B.current.get(e);
-        s == null || s.abort(), v((i) => {
-          const n = i.find((r) => r.id === e);
-          return n != null && n.preview && URL.revokeObjectURL(n.preview), i.filter((r) => r.id !== e);
+        const s = R.current.get(e);
+        s == null || s.abort(), b((r) => {
+          const d = r.find((i) => i.id === e);
+          return d != null && d.preview && URL.revokeObjectURL(d.preview), r.filter((i) => i.id !== e);
         });
       },
       []
-    ), fe = b(
+    ), me = y(
       (e) => {
-        const s = $.current.find((i) => i.id === e);
-        s != null && s.preview && URL.revokeObjectURL(s.preview), v((i) => i.filter((n) => n.id !== e)), s && (C == null || C(s));
+        const s = $.current.find((r) => r.id === e);
+        s != null && s.preview && URL.revokeObjectURL(s.preview), b((r) => r.filter((d) => d.id !== e)), s && (C == null || C(s));
       },
       [C]
-    ), Y = b(
+    ), J = y(
       (e) => {
-        const s = [], i = [], n = f ? l : 1;
-        for (const r of e) {
-          if (s.length >= n) {
-            i.push({ file: r, reason: "too-many-files" });
+        const s = [], r = [], d = h ? p : 1;
+        for (const i of e) {
+          if (s.length >= d) {
+            r.push({ file: i, reason: "too-many-files" });
             continue;
           }
-          if (o !== void 0 && r.size > o) {
-            i.push({ file: r, reason: "file-too-large" });
+          if (c !== void 0 && i.size > c) {
+            r.push({ file: i, reason: "file-too-large" });
             continue;
           }
-          if (p !== void 0 && r.size < p) {
-            i.push({ file: r, reason: "file-too-small" });
+          if (u !== void 0 && i.size < u) {
+            r.push({ file: i, reason: "file-too-small" });
             continue;
           }
-          if (d) {
-            const u = ae(r.name);
-            if (!Object.entries(d).some(([c, x]) => {
-              const ve = c === "*/*" || c.endsWith("/*") && r.type.startsWith(c.replace("/*", "/")) || r.type === c, be = x.length > 0 && x.some((ye) => ye.toLowerCase() === u);
-              return ve || be;
+          if (n) {
+            const f = de(i.name);
+            if (!Object.entries(n).some(([l, k]) => {
+              const be = l === "*/*" || l.endsWith("/*") && i.type.startsWith(l.replace("/*", "/")) || i.type === l, ye = k.length > 0 && k.some((xe) => xe.toLowerCase() === f);
+              return be || ye;
             })) {
-              i.push({ file: r, reason: "file-invalid-type" });
+              r.push({ file: i, reason: "file-invalid-type" });
               continue;
             }
           }
-          s.push(r);
+          s.push(i);
         }
-        return { accepted: s, rejected: i };
+        return { accepted: s, rejected: r };
       },
-      [d, o, p, l, f]
-    ), J = b(
+      [n, c, u, p, h]
+    ), Q = y(
       (e) => {
-        if (y) return;
+        if (x) return;
         const s = Array.from(e.clipboardData.files);
         if (s.length > 0) {
           e.preventDefault();
-          const { accepted: i, rejected: n } = Y(s), r = n.map((u) => ({
-            file: u.file,
-            errors: [{ code: u.reason, message: u.reason }]
+          const { accepted: r, rejected: d } = J(s), i = d.map((f) => ({
+            file: f.file,
+            errors: [{ code: f.reason, message: f.reason }]
           }));
-          O(i, r);
+          E(r, i);
         }
       },
-      [y, O, Y]
+      [x, E, J]
     );
-    Ne(() => () => {
+    we(() => () => {
       for (const e of $.current)
         e.preview && URL.revokeObjectURL(e.preview);
     }, []);
-    const Q = ee(() => {
+    const Z = se(() => {
       const e = [];
-      return d && e.push(Ye(d)), o && e.push(
+      return n && e.push(Je(n)), c && e.push(
         a("ui.inputs.fileUpload.maxSizeHint", "Max {{size}}", {
-          size: F(o, N.language, a)
+          size: A(c, w.language, a)
         })
-      ), f && l > 1 && e.push(
+      ), h && p > 1 && e.push(
         a("ui.inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
-          count: l
+          count: p
         })
       ), e;
-    }, [d, o, f, l, a, N.language]), Z = ee(() => W.map((e) => {
+    }, [n, c, h, p, a, w.language]), S = se(() => P.map((e) => {
       switch (e.reason) {
         case "file-too-large":
           return a("ui.inputs.fileUpload.errors.fileTooLarge", "File exceeds {{maxSize}}", {
-            maxSize: o ? F(o, N.language, a) : ""
+            maxSize: c ? A(c, w.language, a) : ""
           });
         case "file-too-small":
           return a("ui.inputs.fileUpload.errors.fileTooSmall", "File is smaller than {{minSize}}", {
-            minSize: p ? F(p, N.language, a) : ""
+            minSize: u ? A(u, w.language, a) : ""
           });
         case "file-invalid-type":
           return a("ui.inputs.fileUpload.errors.fileInvalidType", "File type not accepted");
         case "too-many-files":
           return a("ui.inputs.fileUpload.errors.tooManyFiles", "Maximum {{maxFiles}} files allowed", {
-            maxFiles: l
+            maxFiles: p
           });
       }
-    }), [W, a, o, p, l, N.language]), me = () => A.length === 0 ? null : /* @__PURE__ */ t("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: A.map((e) => /* @__PURE__ */ m("li", { className: qe({ status: e.status }), children: [
-      de && e.preview ? /* @__PURE__ */ t(
+    }), [P, a, c, u, p, w.language]), he = () => F.length === 0 ? null : /* @__PURE__ */ t("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: F.map((e) => /* @__PURE__ */ m("li", { "data-file-id": e.id, className: Te({ status: e.status }), children: [
+      oe && e.preview ? /* @__PURE__ */ t(
         "img",
         {
           src: e.preview,
@@ -492,10 +493,10 @@ const Je = xe(
       /* @__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__ */ t("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
-          Pe(e.status)
+          Ge(e.status)
         ] }),
         /* @__PURE__ */ m("p", { className: "type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5", children: [
-          F(e.file.size, N.language, a),
+          A(e.file.size, w.language, a),
           e.status === "uploading" && /* @__PURE__ */ m("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-primary ds:font-medium", children: [
             e.progress,
             "%"
@@ -526,64 +527,64 @@ const Je = xe(
         "button",
         {
           type: "button",
-          onClick: () => pe(e.id),
+          onClick: () => fe(e.id),
           "aria-label": a("ui.inputs.fileUpload.cancel", "Cancel upload"),
           className: re(),
-          children: /* @__PURE__ */ t(se, { "aria-hidden": "true", className: "ds:size-4" })
+          children: /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-4" })
         }
       ),
       (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          onClick: () => fe(e.id),
+          onClick: () => me(e.id),
           "aria-label": a("ui.inputs.fileUpload.remove", "Remove file"),
           className: re(),
-          children: /* @__PURE__ */ t(se, { "aria-hidden": "true", className: "ds:size-4" })
+          children: /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-4" })
         }
       )
-    ] }, e.id)) }), he = () => {
-      if (h === "button") return null;
-      const e = ue({
-        className: He({
-          isDragActive: z,
-          hasError: le ?? !1,
-          isDisabled: y ?? !1,
-          className: H
+    ] }, e.id)) }), ge = () => {
+      if (g === "button") return null;
+      const e = pe({
+        className: qe({
+          isDragActive: M,
+          hasError: ce ?? !1,
+          isDisabled: x ?? !1,
+          className: q
         }),
-        tabIndex: y ? -1 : 0
+        tabIndex: x ? -1 : 0
       });
       return /* @__PURE__ */ m(
         "div",
         {
           ...e,
-          ref: q,
-          onPaste: J,
-          id: T,
+          ref: T,
+          onPaste: Q,
+          id: W,
           "aria-label": a("ui.inputs.fileUpload.dropHere", "Drop files here or click to browse"),
-          "aria-describedby": g.describedBy || void 0,
-          "aria-invalid": g.invalid || void 0,
-          "aria-required": g.required || void 0,
+          "aria-describedby": v.describedBy || void 0,
+          "aria-invalid": v.invalid || void 0,
+          "aria-required": v.required || void 0,
           "data-testid": "file-upload-dropzone",
           children: [
-            /* @__PURE__ */ t("input", { ...G() }),
+            /* @__PURE__ */ t("input", { ...X() }),
             /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ t("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: z ? /* @__PURE__ */ t(Le, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ t(E, { "aria-hidden": "true", className: "ds:size-7" }) }),
+              /* @__PURE__ */ t("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__ */ t(Fe, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ t(V, { "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__ */ t("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: z ? a("ui.inputs.fileUpload.dropActive", "Drop files here") : a("ui.inputs.fileUpload.dropHere", "Drop files here or click to browse") }),
-                Q.length > 0 && !z && /* @__PURE__ */ t("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: Q.join(" · ") })
+                /* @__PURE__ */ t("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: M ? a("ui.inputs.fileUpload.dropActive", "Drop files here") : a("ui.inputs.fileUpload.dropHere", "Drop files here or click to browse") }),
+                Z.length > 0 && !M && /* @__PURE__ */ t("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: Z.join(" · ") })
               ] }),
-              h === "both" && !z && /* @__PURE__ */ m(
+              g === "both" && !M && /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
                   onClick: (s) => {
-                    s.stopPropagation(), X();
+                    s.stopPropagation(), Y();
                   },
-                  disabled: y,
-                  className: te({ className: "ds:mt-[var(--spacing-xs)]" }),
+                  disabled: x,
+                  className: ie({ className: "ds:mt-[var(--spacing-xs)]" }),
                   children: [
-                    /* @__PURE__ */ t(E, { "aria-hidden": "true", className: "ds:size-4" }),
+                    /* @__PURE__ */ t(V, { "aria-hidden": "true", className: "ds:size-4" }),
                     a("ui.inputs.fileUpload.browse", "Browse files")
                   ]
                 }
@@ -592,38 +593,38 @@ const Je = xe(
           ]
         }
       );
-    }, ge = () => h === "dropzone" ? null : h === "button" ? /* @__PURE__ */ m("div", { onPaste: J, ref: q, children: [
-      /* @__PURE__ */ t("input", { ...G() }),
+    }, ve = () => g === "dropzone" ? null : g === "button" ? /* @__PURE__ */ m("div", { onPaste: Q, ref: T, children: [
+      /* @__PURE__ */ t("input", { ...X() }),
       /* @__PURE__ */ m(
         "button",
         {
           type: "button",
-          onClick: X,
-          disabled: y,
-          className: te({ className: H }),
-          id: h === "button" ? T : void 0,
-          "aria-describedby": h === "button" && g.describedBy || void 0,
-          "aria-invalid": h === "button" && g.invalid || void 0,
-          "aria-required": h === "button" && g.required || void 0,
+          onClick: Y,
+          disabled: x,
+          className: ie({ className: q }),
+          id: g === "button" ? W : void 0,
+          "aria-describedby": g === "button" && v.describedBy || void 0,
+          "aria-invalid": g === "button" && v.invalid || void 0,
+          "aria-required": g === "button" && v.required || void 0,
           children: [
-            /* @__PURE__ */ t(E, { "aria-hidden": "true", className: "ds:size-4" }),
+            /* @__PURE__ */ t(V, { "aria-hidden": "true", className: "ds:size-4" }),
             a("ui.inputs.fileUpload.browse", "Browse files")
           ]
         }
       )
     ] }) : null;
-    return /* @__PURE__ */ m("div", { "data-component": "file-upload", children: [
-      he(),
+    return /* @__PURE__ */ m("div", { "data-component": "file-upload", "data-component-id": o, children: [
       ge(),
-      me(),
-      Z.length > 0 && /* @__PURE__ */ t("div", { role: "alert", className: "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: Z.map((e, s) => /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+      ve(),
+      he(),
+      S.length > 0 && /* @__PURE__ */ t("div", { role: "alert", className: "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: S.map((e, s) => /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0 ds:text-destructive" }),
         /* @__PURE__ */ t("p", { className: "type-meta ds:text-destructive ds:m-0", children: e })
       ] }, s)) }),
       /* @__PURE__ */ t(
         "span",
         {
-          ref: R,
+          ref: B,
           role: "status",
           "aria-live": "polite",
           className: "ds:sr-only"
@@ -632,18 +633,49 @@ const Je = xe(
     ] });
   }
 );
-Je.displayName = "FileUpload";
-const os = {
+Qe.displayName = "FileUpload";
+const ls = {
   id: "file-upload",
   capabilities: ["submit", "dismiss"],
-  state: {},
-  actions: {},
+  state: {
+    files: {
+      type: "Array<{ id, name, size, status }>",
+      description: "Files currently tracked by the uploader. Identifiers and metadata only — never file content.",
+      read: (o) => o.getFiles()
+    }
+  },
+  actions: {
+    remove_file: {
+      safety: "destructive",
+      argsType: "{ id: string }",
+      description: "Remove the file with the given id from the upload list.",
+      invoke: (o, n) => {
+        o.removeFile(n.id);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      description: "Remove all files from the upload list.",
+      invoke: (o) => {
+        o.clear();
+      }
+    }
+  },
   domHooks: {
-    root: { attr: "data-component", value: "file-upload" }
+    root: { attr: "data-component", value: "file-upload" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-file-id",
+      description: "Each tracked file emits its id as data-file-id."
+    }
   }
 };
 export {
-  Je as F,
-  os as f
+  Qe as F,
+  ls as f
 };
-//# sourceMappingURL=file-upload.agent-B9AN82LA.js.map
+//# sourceMappingURL=file-upload.agent-DJaH2dHg.js.map