@alfadocs/ui-kit 0.1.10 → 0.2.0

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

@@ -1,681 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-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 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 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" }]
-], Fe = N("cloud-upload", Le);
-/**
- * @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" }]
-], 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 _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" }],
-  ["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" }]
-], 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 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" }],
-  ["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 = 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 $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" }]
-], 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 = 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 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" }]
-], 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)]",
-    "ds:rounded-[var(--radius-lg)] ds:border-2 ds:border-dashed",
-    "ds:bg-background",
-    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:cursor-pointer",
-    "ds:group"
-  ].join(" "),
-  {
-    variants: {
-      isDragActive: {
-        true: "ds:border-primary ds:bg-primary/10 ds:scale-[1.01]",
-        false: "ds:border-border ds:hover:border-muted-foreground/40 ds:hover:bg-muted/5"
-      },
-      hasError: {
-        true: "ds:border-destructive ds:bg-destructive/5 ds:hover:border-destructive",
-        false: ""
-      },
-      isDisabled: {
-        true: "ds:cursor-not-allowed ds:opacity-50 ds:hover:border-border ds:hover:bg-background",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      isDragActive: !1,
-      hasError: !1,
-      isDisabled: !1
-    }
-  }
-), 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)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-primary/30 ds:bg-primary/5",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]",
-    "ds:text-primary ds:text-[length:var(--font-size-sm)] ds:font-medium",
-    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:bg-primary/10 ds:hover:border-primary/50",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-  ].join(" ")
-), Te = I(
-  [
-    "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:bg-background",
-    "ds:p-[var(--spacing-md)]",
-    "ds:text-[length:var(--font-size-sm)] ds:text-foreground",
-    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      status: {
-        pending: "ds:border-border",
-        uploading: "ds:border-primary/30 ds:bg-primary/[0.02]",
-        complete: "ds:border-[var(--success)]/30 ds:bg-[var(--success)]/[0.02]",
-        error: "ds:border-destructive/30 ds:bg-destructive/[0.02]"
-      }
-    },
-    defaultVariants: {
-      status: "pending"
-    }
-  }
-), 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)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:text-muted-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:text-foreground ds:hover:bg-muted/40",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-  ].join(" ")
-);
-function We() {
-  return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
-}
-function Pe(o) {
-  return o.type.startsWith("image/");
-}
-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 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(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 Xe = [
-  "ui.inputs.fileUpload.units.bytes",
-  "ui.inputs.fileUpload.units.kilobytes",
-  "ui.inputs.fileUpload.units.megabytes",
-  "ui.inputs.fileUpload.units.gigabytes"
-], 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 Ye(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 de(o) {
-  const n = o.split(".");
-  return n.length > 1 ? `.${n.pop().toLowerCase()}` : "";
-}
-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 Qe = ke(
-  ({
-    id: o,
-    accept: n,
-    maxSize: c,
-    minSize: u,
-    maxFiles: p = 1,
-    multiple: h = !1,
-    disabled: _,
-    strictAccept: H = !1,
-    onDrop: j,
-    onUpload: D,
-    onRemove: C,
-    onReject: L,
-    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 (!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;
-      },
-      [H, n]
-    ), G = y(
-      async (e) => {
-        if (!D) return;
-        const s = new AbortController();
-        R.current.set(e.id, s), b(
-          (r) => r.map(
-            (d) => d.id === e.id ? { ...d, status: "uploading", progress: 0 } : d
-          )
-        ), U(a("ui.inputs.fileUpload.uploading", "Uploading…"));
-        try {
-          await D(e.file, {
-            signal: s.signal,
-            onProgress: (r) => {
-              b(
-                (d) => d.map(
-                  (i) => i.id === e.id ? { ...i, progress: r } : i
-                )
-              ), U(
-                a("ui.inputs.fileUpload.progress", "{{percent}}% uploaded", {
-                  percent: r
-                })
-              );
-            }
-          }), b(
-            (r) => r.map(
-              (d) => d.id === e.id ? { ...d, status: "complete", progress: 100 } : d
-            )
-          ), U(a("ui.inputs.fileUpload.complete", "Upload complete"));
-        } catch (r) {
-          if (s.signal.aborted) {
-            b((i) => i.filter((f) => f.id !== e.id));
-            return;
-          }
-          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 {
-          R.current.delete(e.id);
-        }
-      },
-      [D, U, a]
-    ), E = y(
-      (e, s) => {
-        const r = s.flatMap(
-          (l) => l.errors.map((k) => ({
-            file: l.file,
-            reason: Ye(k.code)
-          }))
-        ), 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: Pe(l) ? URL.createObjectURL(l) : void 0
-        }));
-        b((l) => {
-          if (!h && p === 1) {
-            for (const k of l)
-              k.preview && URL.revokeObjectURL(k.preview);
-            return z;
-          }
-          return [...l, ...z];
-        }), j == null || j(i, f), U(
-          a("ui.inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
-            count: i.length
-          })
-        );
-        for (const l of z)
-          G(l);
-      },
-      [
-        h,
-        p,
-        j,
-        L,
-        K,
-        U,
-        G,
-        a
-      ]
-    ), { 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 = 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);
-        });
-      },
-      []
-    ), me = y(
-      (e) => {
-        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]
-    ), J = y(
-      (e) => {
-        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 (c !== void 0 && i.size > c) {
-            r.push({ file: i, reason: "file-too-large" });
-            continue;
-          }
-          if (u !== void 0 && i.size < u) {
-            r.push({ file: i, reason: "file-too-small" });
-            continue;
-          }
-          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;
-            })) {
-              r.push({ file: i, reason: "file-invalid-type" });
-              continue;
-            }
-          }
-          s.push(i);
-        }
-        return { accepted: s, rejected: r };
-      },
-      [n, c, u, p, h]
-    ), Q = y(
-      (e) => {
-        if (x) return;
-        const s = Array.from(e.clipboardData.files);
-        if (s.length > 0) {
-          e.preventDefault();
-          const { accepted: r, rejected: d } = J(s), i = d.map((f) => ({
-            file: f.file,
-            errors: [{ code: f.reason, message: f.reason }]
-          }));
-          E(r, i);
-        }
-      },
-      [x, E, J]
-    );
-    we(() => () => {
-      for (const e of $.current)
-        e.preview && URL.revokeObjectURL(e.preview);
-    }, []);
-    const Z = se(() => {
-      const e = [];
-      return n && e.push(Je(n)), c && e.push(
-        a("ui.inputs.fileUpload.maxSizeHint", "Max {{size}}", {
-          size: A(c, w.language, a)
-        })
-      ), h && p > 1 && e.push(
-        a("ui.inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
-          count: p
-        })
-      ), 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: c ? A(c, w.language, a) : ""
-          });
-        case "file-too-small":
-          return a("ui.inputs.fileUpload.errors.fileTooSmall", "File is smaller than {{minSize}}", {
-            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: p
-          });
-      }
-    }), [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,
-          alt: "",
-          "aria-hidden": "true",
-          className: "ds:size-12 ds:shrink-0 ds:rounded-[var(--radius-md)] ds:object-cover ds:border ds:border-border"
-        }
-      ) : Ke(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__ */ t("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
-          Ge(e.status)
-        ] }),
-        /* @__PURE__ */ m("p", { className: "type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5", children: [
-          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,
-            "%"
-          ] }),
-          e.status === "complete" && /* @__PURE__ */ t("span", { className: "ds:ms-[var(--spacing-sm)] ds:text-[var(--success)] ds:font-medium", children: a("ui.inputs.fileUpload.complete", "Complete") })
-        ] }),
-        e.status === "uploading" && /* @__PURE__ */ t(
-          "div",
-          {
-            role: "progressbar",
-            "aria-label": e.file.name,
-            "aria-valuenow": e.progress,
-            "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__ */ t(
-              "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",
-                style: { inlineSize: `${e.progress}%` }
-              }
-            )
-          }
-        ),
-        e.status === "error" && e.error && /* @__PURE__ */ t("p", { role: "alert", className: "type-meta ds:text-destructive ds:m-0 ds:mt-[var(--spacing-xs)]", children: e.error })
-      ] }),
-      e.status === "uploading" && /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          onClick: () => fe(e.id),
-          "aria-label": a("ui.inputs.fileUpload.cancel", "Cancel upload"),
-          className: re(),
-          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: () => me(e.id),
-          "aria-label": a("ui.inputs.fileUpload.remove", "Remove file"),
-          className: re(),
-          children: /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-4" })
-        }
-      )
-    ] }, e.id)) }), ge = () => {
-      if (g === "button") return null;
-      const e = pe({
-        className: qe({
-          isDragActive: M,
-          hasError: ce ?? !1,
-          isDisabled: x ?? !1,
-          className: q
-        }),
-        tabIndex: x ? -1 : 0
-      });
-      return /* @__PURE__ */ m(
-        "div",
-        {
-          ...e,
-          ref: T,
-          onPaste: Q,
-          id: W,
-          "aria-label": a("ui.inputs.fileUpload.dropHere", "Drop files here or click to browse"),
-          "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", { ...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: 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: 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(" · ") })
-              ] }),
-              g === "both" && !M && /* @__PURE__ */ m(
-                "button",
-                {
-                  type: "button",
-                  onClick: (s) => {
-                    s.stopPropagation(), Y();
-                  },
-                  disabled: x,
-                  className: ie({ className: "ds:mt-[var(--spacing-xs)]" }),
-                  children: [
-                    /* @__PURE__ */ t(V, { "aria-hidden": "true", className: "ds:size-4" }),
-                    a("ui.inputs.fileUpload.browse", "Browse files")
-                  ]
-                }
-              )
-            ] })
-          ]
-        }
-      );
-    }, ve = () => g === "dropzone" ? null : g === "button" ? /* @__PURE__ */ m("div", { onPaste: Q, ref: T, children: [
-      /* @__PURE__ */ t("input", { ...X() }),
-      /* @__PURE__ */ m(
-        "button",
-        {
-          type: "button",
-          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(V, { "aria-hidden": "true", className: "ds:size-4" }),
-            a("ui.inputs.fileUpload.browse", "Browse files")
-          ]
-        }
-      )
-    ] }) : null;
-    return /* @__PURE__ */ m("div", { "data-component": "file-upload", "data-component-id": o, children: [
-      ge(),
-      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: B,
-          role: "status",
-          "aria-live": "polite",
-          className: "ds:sr-only"
-        }
-      )
-    ] });
-  }
-);
-Qe.displayName = "FileUpload";
-const ls = {
-  id: "file-upload",
-  capabilities: ["submit", "dismiss"],
-  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" },
-    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 {
-  Qe as F,
-  ls as f
-};
-//# sourceMappingURL=file-upload.agent-DJaH2dHg.js.map