@alfadocs/ui-kit 0.0.12

package/dist/_chunks/file-upload.agent-BMow5yDY.js

@@ -0,0 +1,649 @@
+import { jsxs as m, jsx as r } 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 { C as ne } from "./circle-alert-ChA9opNA.js";
+import { c as k } from "./createLucideIcon-CrFbzy84.js";
+import { X as te } from "./x-CCcI3eJp.js";
+import { F as Me } from "./file-text-DSNuv2B8.js";
+import { C as je } 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 = [
+  ["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);
+/**
+ * @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 Ae = [
+  [
+    "path",
+    {
+      d: "M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5",
+      key: "4pqfef"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M8 12v-1", key: "1ej8lb" }],
+  ["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);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["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);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M8 13h2", key: "yr2amv" }],
+  ["path", { d: "M14 13h2", key: "un5t4a" }],
+  ["path", { d: "M8 17h2", key: "2yhykz" }],
+  ["path", { d: "M14 17h2", key: "10kma7" }]
+], Be = k("file-spreadsheet", _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 Re = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
+], $e = k("file", 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 Oe = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ve = k("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 = [
+  ["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(
+  [
+    "relative flex flex-col items-center justify-center",
+    "min-h-48 px-[var(--spacing-lg)] py-[var(--spacing-xl)]",
+    "rounded-[var(--radius-lg)] border-2 border-dashed",
+    "bg-background",
+    "transition-all duration-[var(--animation-duration)] motion-reduce:transition-none",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "cursor-pointer",
+    "group"
+  ].join(" "),
+  {
+    variants: {
+      isDragActive: {
+        true: "border-primary bg-primary/10 scale-[1.01]",
+        false: "border-border hover:border-muted-foreground/40 hover:bg-muted/5"
+      },
+      hasError: {
+        true: "border-destructive bg-destructive/5 hover:border-destructive",
+        false: ""
+      },
+      isDisabled: {
+        true: "cursor-not-allowed opacity-50 hover:border-border hover:bg-background",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isDragActive: !1,
+      hasError: !1,
+      isDisabled: !1
+    }
+  }
+), re = D(
+  [
+    "inline-flex items-center justify-center gap-[var(--spacing-xs)]",
+    "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
+    "rounded-[var(--radius-md)] border border-primary/30 bg-primary/5",
+    "ps-[var(--spacing-md)] pe-[var(--spacing-md)] py-[var(--spacing-sm)]",
+    "text-primary text-[var(--font-size-sm)] font-medium",
+    "transition-all duration-[var(--animation-duration)] motion-reduce:transition-none",
+    "hover:bg-primary/10 hover:border-primary/50",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ].join(" ")
+), qe = D(
+  [
+    "flex items-center gap-[var(--spacing-md)]",
+    "rounded-[var(--radius-md)] border bg-background",
+    "p-[var(--spacing-md)]",
+    "text-[var(--font-size-sm)] text-foreground",
+    "transition-all duration-[var(--animation-duration)] motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      status: {
+        pending: "border-border",
+        uploading: "border-primary/30 bg-primary/[0.02]",
+        complete: "border-[var(--success)]/30 bg-[var(--success)]/[0.02]",
+        error: "border-destructive/30 bg-destructive/[0.02]"
+      }
+    },
+    defaultVariants: {
+      status: "pending"
+    }
+  }
+), ie = D(
+  [
+    "inline-flex items-center justify-center",
+    "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
+    "rounded-[var(--radius-sm)]",
+    "text-muted-foreground",
+    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
+    "hover:text-foreground hover:bg-muted/40",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+  ].join(" ")
+);
+function Te() {
+  return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+}
+function We(o) {
+  return o.type.startsWith("image/");
+}
+function Ke(o) {
+  var p;
+  const l = ((p = o.name.split(".").pop()) == null ? void 0 : p.toLowerCase()) ?? "";
+  return ["pdf", "doc", "docx", "txt", "rtf"].includes(l) ? /* @__PURE__ */ r(Me, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : ["zip", "rar", "7z", "tar", "gz"].includes(l) ? /* @__PURE__ */ r(Fe, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : ["xls", "xlsx", "csv"].includes(l) ? /* @__PURE__ */ r(Be, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(l) ? /* @__PURE__ */ r(Ie, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ r($e, { "aria-hidden": "true", className: "size-10 shrink-0 text-muted-foreground" });
+}
+function Pe(o) {
+  switch (o) {
+    case "uploading":
+      return /* @__PURE__ */ r(Ve, { "aria-hidden": "true", className: "size-4 shrink-0 text-primary animate-spin" });
+    case "complete":
+      return /* @__PURE__ */ r(je, { "aria-hidden": "true", className: "size-4 shrink-0 text-[var(--success)]" });
+    case "error":
+      return /* @__PURE__ */ r(ne, { "aria-hidden": "true", className: "size-4 shrink-0 text-destructive" });
+    default:
+      return null;
+  }
+}
+const Ge = [
+  "ui.inputs.fileUpload.units.bytes",
+  "ui.inputs.fileUpload.units.kilobytes",
+  "ui.inputs.fileUpload.units.megabytes",
+  "ui.inputs.fileUpload.units.gigabytes"
+], se = ["B", "KB", "MB", "GB"];
+function F(o, l, p) {
+  let d = o, f = 0;
+  for (; d >= 1024 && f < se.length - 1; )
+    d /= 1024, f++;
+  const I = new Intl.NumberFormat(l, {
+    maximumFractionDigits: f === 0 ? 0 : 1
+  }).format(d), M = p(Ge[f], se[f]);
+  return `${I} ${M}`;
+}
+function Xe(o) {
+  switch (o) {
+    case "file-too-large":
+      return "file-too-large";
+    case "file-too-small":
+      return "file-too-small";
+    case "file-invalid-type":
+      return "file-invalid-type";
+    case "too-many-files":
+      return "too-many-files";
+    default:
+      return "file-invalid-type";
+  }
+}
+function ae(o) {
+  const l = o.split(".");
+  return l.length > 1 ? `.${l.pop().toLowerCase()}` : "";
+}
+function Ye(o) {
+  const l = [];
+  for (const d of Object.values(o))
+    for (const f of d)
+      l.push(f.toUpperCase().replace(".", ""));
+  if (l.length > 0) return l.join(", ");
+  const p = [];
+  for (const d of Object.keys(o))
+    d.endsWith("/*") ? p.push(d.replace("/*", "").split("/").pop() ?? d) : p.push(d.split("/").pop() ?? d);
+  return p.join(", ");
+}
+const Je = xe(
+  ({
+    accept: o,
+    maxSize: l,
+    minSize: p,
+    maxFiles: d = 1,
+    multiple: f = !1,
+    disabled: I,
+    strictAccept: M = !1,
+    onDrop: j,
+    onUpload: _,
+    onRemove: C,
+    onReject: L,
+    variant: h = "both",
+    showPreview: oe = !0,
+    className: H
+  }, q) => {
+    const { t: a, i18n: N } = Ue(), g = ze(), le = ke(), y = g.disabled || I, de = g.invalid, T = g.id || le, [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(
+      (e) => {
+        if (!M || !o) return !0;
+        for (const [t, s] of Object.entries(o)) {
+          const n = t === "*/*" || t.endsWith("/*") && e.type.startsWith(t.replace("/*", "/")) || e.type === t, i = ae(e.name), u = s.length === 0 || s.some((U) => U.toLowerCase() === i);
+          if (n && u) return !0;
+        }
+        return !1;
+      },
+      [M, o]
+    ), P = b(
+      async (e) => {
+        if (!_) return;
+        const t = new AbortController();
+        B.current.set(e.id, t), v(
+          (s) => s.map(
+            (n) => n.id === e.id ? { ...n, status: "uploading", progress: 0 } : n
+          )
+        ), w(a("ui.inputs.fileUpload.uploading", "Uploading…"));
+        try {
+          await _(e.file, {
+            signal: t.signal,
+            onProgress: (s) => {
+              v(
+                (n) => n.map(
+                  (i) => i.id === e.id ? { ...i, progress: s } : i
+                )
+              ), w(
+                a("ui.inputs.fileUpload.progress", "{{percent}}% uploaded", {
+                  percent: s
+                })
+              );
+            }
+          }), v(
+            (s) => s.map(
+              (n) => n.id === e.id ? { ...n, status: "complete", progress: 100 } : n
+            )
+          ), w(a("ui.inputs.fileUpload.complete", "Upload complete"));
+        } catch (s) {
+          if (t.signal.aborted) {
+            v((i) => i.filter((u) => u.id !== e.id));
+            return;
+          }
+          const n = s instanceof Error ? s.message : a("ui.inputs.fileUpload.errors.uploadFailed", "Upload failed");
+          v(
+            (i) => i.map(
+              (u) => u.id === e.id ? { ...u, status: "error", error: n } : u
+            )
+          );
+        } finally {
+          B.current.delete(e.id);
+        }
+      },
+      [_, w, a]
+    ), O = b(
+      (e, t) => {
+        const s = t.flatMap(
+          (c) => c.errors.map((x) => ({
+            file: c.file,
+            reason: Xe(x.code)
+          }))
+        ), n = [], i = [];
+        for (const c of e)
+          K(c) ? i.push(c) : n.push({ file: c, reason: "file-invalid-type" });
+        const u = [...s, ...n];
+        ce(u), u.length > 0 && (L == null || L(u));
+        const U = i.map((c) => ({
+          file: c,
+          id: Te(),
+          status: "pending",
+          progress: 0,
+          preview: We(c) ? URL.createObjectURL(c) : void 0
+        }));
+        v((c) => {
+          if (!f && d === 1) {
+            for (const x of c)
+              x.preview && URL.revokeObjectURL(x.preview);
+            return U;
+          }
+          return [...c, ...U];
+        }), j == null || j(i, u), w(
+          a("ui.inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
+            count: i.length
+          })
+        );
+        for (const c of U)
+          P(c);
+      },
+      [
+        f,
+        d,
+        j,
+        L,
+        K,
+        w,
+        P,
+        a
+      ]
+    ), { getRootProps: ue, getInputProps: G, isDragActive: z, open: X } = we({
+      accept: o,
+      maxSize: l,
+      minSize: p,
+      maxFiles: f ? d : 1,
+      multiple: f,
+      disabled: y,
+      onDrop: O,
+      noClick: h === "button",
+      noKeyboard: h === "button"
+    }), pe = b(
+      (e) => {
+        const t = B.current.get(e);
+        t == null || t.abort(), v((s) => {
+          const n = s.find((i) => i.id === e);
+          return n != null && n.preview && URL.revokeObjectURL(n.preview), s.filter((i) => i.id !== e);
+        });
+      },
+      []
+    ), fe = b(
+      (e) => {
+        const t = $.current.find((s) => s.id === e);
+        t != null && t.preview && URL.revokeObjectURL(t.preview), v((s) => s.filter((n) => n.id !== e)), t && (C == null || C(t));
+      },
+      [C]
+    ), Y = b(
+      (e) => {
+        const t = [], s = [], n = f ? d : 1;
+        for (const i of e) {
+          if (t.length >= n) {
+            s.push({ file: i, reason: "too-many-files" });
+            continue;
+          }
+          if (l !== void 0 && i.size > l) {
+            s.push({ file: i, reason: "file-too-large" });
+            continue;
+          }
+          if (p !== void 0 && i.size < p) {
+            s.push({ file: i, reason: "file-too-small" });
+            continue;
+          }
+          if (o) {
+            const u = ae(i.name);
+            if (!Object.entries(o).some(([c, x]) => {
+              const ve = c === "*/*" || c.endsWith("/*") && i.type.startsWith(c.replace("/*", "/")) || i.type === c, be = x.length > 0 && x.some((ye) => ye.toLowerCase() === u);
+              return ve || be;
+            })) {
+              s.push({ file: i, reason: "file-invalid-type" });
+              continue;
+            }
+          }
+          t.push(i);
+        }
+        return { accepted: t, rejected: s };
+      },
+      [o, l, p, d, f]
+    ), J = b(
+      (e) => {
+        if (y) return;
+        const t = Array.from(e.clipboardData.files);
+        if (t.length > 0) {
+          e.preventDefault();
+          const { accepted: s, rejected: n } = Y(t), i = n.map((u) => ({
+            file: u.file,
+            errors: [{ code: u.reason, message: u.reason }]
+          }));
+          O(s, i);
+        }
+      },
+      [y, O, Y]
+    );
+    Ne(() => () => {
+      for (const e of $.current)
+        e.preview && URL.revokeObjectURL(e.preview);
+    }, []);
+    const Q = ee(() => {
+      const e = [];
+      return o && e.push(Ye(o)), l && e.push(
+        a("ui.inputs.fileUpload.maxSizeHint", "Max {{size}}", {
+          size: F(l, N.language, a)
+        })
+      ), f && d > 1 && e.push(
+        a("ui.inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
+          count: d
+        })
+      ), e;
+    }, [o, l, f, d, a, N.language]), Z = ee(() => W.map((e) => {
+      switch (e.reason) {
+        case "file-too-large":
+          return a("ui.inputs.fileUpload.errors.fileTooLarge", "File exceeds {{maxSize}}", {
+            maxSize: l ? F(l, N.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) : ""
+          });
+        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: d
+          });
+      }
+    }), [W, a, l, p, d, N.language]), me = () => A.length === 0 ? null : /* @__PURE__ */ r("ul", { className: "mt-[var(--spacing-md)] flex flex-col gap-[var(--spacing-sm)] list-none p-0 m-0", children: A.map((e) => /* @__PURE__ */ m("li", { className: qe({ status: e.status }), children: [
+      oe && e.preview ? /* @__PURE__ */ r(
+        "img",
+        {
+          src: e.preview,
+          alt: "",
+          "aria-hidden": "true",
+          className: "size-12 shrink-0 rounded-[var(--radius-md)] object-cover border border-border"
+        }
+      ) : Ke(e.file),
+      /* @__PURE__ */ m("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ m("div", { className: "flex items-center gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ r("p", { className: "truncate type-label m-0", children: e.file.name }),
+          Pe(e.status)
+        ] }),
+        /* @__PURE__ */ m("p", { className: "type-meta text-muted-foreground m-0 mt-0.5", children: [
+          F(e.file.size, N.language, a),
+          e.status === "uploading" && /* @__PURE__ */ m("span", { className: "ms-[var(--spacing-sm)] text-primary font-medium", children: [
+            e.progress,
+            "%"
+          ] }),
+          e.status === "complete" && /* @__PURE__ */ r("span", { className: "ms-[var(--spacing-sm)] text-[var(--success)] font-medium", children: a("ui.inputs.fileUpload.complete", "Complete") })
+        ] }),
+        e.status === "uploading" && /* @__PURE__ */ r(
+          "div",
+          {
+            role: "progressbar",
+            "aria-label": e.file.name,
+            "aria-valuenow": e.progress,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            className: "mt-[var(--spacing-sm)] h-1.5 w-full rounded-[var(--radius-full)] bg-muted overflow-hidden",
+            children: /* @__PURE__ */ r(
+              "div",
+              {
+                className: "h-full rounded-[var(--radius-full)] bg-primary transition-[inline-size] duration-[var(--animation-duration)] motion-reduce:transition-none",
+                style: { inlineSize: `${e.progress}%` }
+              }
+            )
+          }
+        ),
+        e.status === "error" && e.error && /* @__PURE__ */ r("p", { role: "alert", className: "type-meta text-destructive m-0 mt-[var(--spacing-xs)]", children: e.error })
+      ] }),
+      e.status === "uploading" && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => pe(e.id),
+          "aria-label": a("ui.inputs.fileUpload.cancel", "Cancel upload"),
+          className: ie(),
+          children: /* @__PURE__ */ r(te, { "aria-hidden": "true", className: "size-4" })
+        }
+      ),
+      (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => fe(e.id),
+          "aria-label": a("ui.inputs.fileUpload.remove", "Remove file"),
+          className: ie(),
+          children: /* @__PURE__ */ r(te, { "aria-hidden": "true", className: "size-4" })
+        }
+      )
+    ] }, e.id)) }), he = () => {
+      if (h === "button") return null;
+      const e = ue({
+        className: He({
+          isDragActive: z,
+          hasError: de ?? !1,
+          isDisabled: y ?? !1,
+          className: H
+        }),
+        tabIndex: y ? -1 : 0
+      });
+      return /* @__PURE__ */ m(
+        "div",
+        {
+          ...e,
+          ref: q,
+          onPaste: J,
+          id: T,
+          "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,
+          "data-testid": "file-upload-dropzone",
+          children: [
+            /* @__PURE__ */ r("input", { ...G() }),
+            /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ r("div", { className: "flex items-center justify-center size-14 rounded-[var(--radius-full)] bg-primary/10 text-primary transition-colors duration-[var(--animation-duration)] group-hover:bg-primary/15 motion-reduce:transition-none", children: z ? /* @__PURE__ */ r(Le, { "aria-hidden": "true", className: "size-7" }) : /* @__PURE__ */ r(E, { "aria-hidden": "true", className: "size-7" }) }),
+              /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ r("p", { className: "type-label text-foreground text-center 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__ */ r("p", { className: "type-meta text-muted-foreground text-center m-0", children: Q.join(" · ") })
+              ] }),
+              h === "both" && !z && /* @__PURE__ */ m(
+                "button",
+                {
+                  type: "button",
+                  onClick: (t) => {
+                    t.stopPropagation(), X();
+                  },
+                  disabled: y,
+                  className: re({ className: "mt-[var(--spacing-xs)]" }),
+                  children: [
+                    /* @__PURE__ */ r(E, { "aria-hidden": "true", className: "size-4" }),
+                    a("ui.inputs.fileUpload.browse", "Browse files")
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      );
+    }, ge = () => h === "dropzone" ? null : h === "button" ? /* @__PURE__ */ m("div", { onPaste: J, ref: q, children: [
+      /* @__PURE__ */ r("input", { ...G() }),
+      /* @__PURE__ */ m(
+        "button",
+        {
+          type: "button",
+          onClick: X,
+          disabled: y,
+          className: re({ 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,
+          children: [
+            /* @__PURE__ */ r(E, { "aria-hidden": "true", className: "size-4" }),
+            a("ui.inputs.fileUpload.browse", "Browse files")
+          ]
+        }
+      )
+    ] }) : null;
+    return /* @__PURE__ */ m("div", { children: [
+      he(),
+      ge(),
+      me(),
+      Z.length > 0 && /* @__PURE__ */ r("div", { role: "alert", className: "mt-[var(--spacing-sm)] flex flex-col gap-[var(--spacing-xs)]", children: Z.map((e, t) => /* @__PURE__ */ m("div", { className: "flex items-center gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ r(ne, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-destructive" }),
+        /* @__PURE__ */ r("p", { className: "type-meta text-destructive m-0", children: e })
+      ] }, t)) }),
+      /* @__PURE__ */ r(
+        "span",
+        {
+          ref: R,
+          role: "status",
+          "aria-live": "polite",
+          className: "sr-only"
+        }
+      )
+    ] });
+  }
+);
+Je.displayName = "FileUpload";
+const lt = {
+  id: "file-upload",
+  capabilities: ["submit", "dismiss"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: { attr: "data-component", value: "file-upload" }
+  }
+};
+export {
+  Je as F,
+  lt as f
+};
+//# sourceMappingURL=file-upload.agent-BMow5yDY.js.map