@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/file-upload-DwZcAK8D.js

@@ -1,819 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as xe, useId as ke, useState as re, useRef as O, useCallback as y, useMemo as T, useEffect as we } from "react";
-import { u as Ue } from "./index-BcMWc8W2.js";
-import { c as B } from "./index-D2ZczOXr.js";
-import { useTranslation as Ne } from "react-i18next";
-import { u as ze } from "./form-field-context-B3APVHKx.js";
-import { u as je } from "./registry-DvAUVLHh.js";
-import { C as le } from "./circle-alert-ChA9opNA.js";
-import { c as U } from "./createLucideIcon-CrFbzy84.js";
-import { X as ie } from "./x-CCcI3eJp.js";
-import { F as Me } from "./file-text-DSNuv2B8.js";
-import { F as Fe } from "./file-spreadsheet-zUkY8rJ2.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" }]
-], Ae = U("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 Re = [
-  [
-    "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 = U("file-archive", 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 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" }]
-], _e = U("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 Be = [
-  [
-    "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" }]
-], He = U("file", Be);
-/**
- * @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: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], qe = U("loader-circle", $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 Ee = [
-  ["path", { d: "M12 3v12", key: "1x0j5s" }],
-  ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
-], K = U("upload", Ee), Ve = {
-  id: "file-upload",
-  capabilities: ["dismiss"],
-  state: {
-    files: {
-      type: "Array<{ id, name, size, status }>",
-      descriptionKey: "ui.agent.fileUpload.state.files",
-      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 }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          id: {
-            type: "string",
-            description: "Id of the tracked file to remove (data-file-id)."
-          }
-        },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.fileUpload.actions.removeFile",
-      description: "Remove the file with the given id from the upload list.",
-      examples: [
-        { args: { id: "file-1" }, note: "Remove the first tracked file." }
-      ],
-      invoke: (o, a) => {
-        o.removeFile(a.id);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      idempotent: !0,
-      descriptionKey: "ui.agent.fileUpload.actions.clear",
-      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."
-    }
-  }
-}, Oe = B(
-  [
-    "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
-    }
-  }
-), ae = B(
-  [
-    "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 = B(
-  [
-    "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",
-    "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"
-    }
-  }
-), oe = B(
-  [
-    "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 Ke() {
-  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 We(o) {
-  var c;
-  const a = ((c = o.name.split(".").pop()) == null ? void 0 : c.toLowerCase()) ?? "";
-  return ["pdf", "doc", "docx", "txt", "rtf"].includes(a) ? /* @__PURE__ */ r(
-    Me,
-    {
-      "aria-hidden": "true",
-      className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
-    }
-  ) : ["zip", "rar", "7z", "tar", "gz"].includes(a) ? /* @__PURE__ */ r(
-    Ie,
-    {
-      "aria-hidden": "true",
-      className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
-    }
-  ) : ["xls", "xlsx", "csv"].includes(a) ? /* @__PURE__ */ r(
-    Fe,
-    {
-      "aria-hidden": "true",
-      className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
-    }
-  ) : ["png", "jpg", "jpeg", "gif", "webp", "svg", "bmp"].includes(a) ? /* @__PURE__ */ r(
-    _e,
-    {
-      "aria-hidden": "true",
-      className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
-    }
-  ) : /* @__PURE__ */ r(
-    He,
-    {
-      "aria-hidden": "true",
-      className: "ds:size-10 ds:shrink-0 ds:text-muted-foreground"
-    }
-  );
-}
-function Ge(o) {
-  switch (o) {
-    case "uploading":
-      return /* @__PURE__ */ r(
-        qe,
-        {
-          "aria-hidden": "true",
-          className: "ds:size-4 ds:shrink-0 ds:text-primary ds:animate-spin"
-        }
-      );
-    case "complete":
-      return /* @__PURE__ */ r(
-        Ce,
-        {
-          "aria-hidden": "true",
-          className: "ds:size-4 ds:shrink-0 ds:text-[var(--success)]"
-        }
-      );
-    case "error":
-      return /* @__PURE__ */ r(
-        le,
-        {
-          "aria-hidden": "true",
-          className: "ds:size-4 ds:shrink-0 ds:text-destructive"
-        }
-      );
-    default:
-      return null;
-  }
-}
-const Xe = [
-  "inputs.fileUpload.units.bytes",
-  "inputs.fileUpload.units.kilobytes",
-  "inputs.fileUpload.units.megabytes",
-  "inputs.fileUpload.units.gigabytes"
-], de = ["B", "KB", "MB", "GB"];
-function _(o, a, c) {
-  let l = o, u = 0;
-  for (; l >= 1024 && u < de.length - 1; )
-    l /= 1024, u++;
-  const g = new Intl.NumberFormat(a, {
-    maximumFractionDigits: u === 0 ? 0 : 1
-  }).format(l), N = c(Xe[u], de[u]);
-  return `${g} ${N}`;
-}
-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 Je(o) {
-  const a = o.split(".");
-  return a.length > 1 ? `.${a.pop().toLowerCase()}` : "";
-}
-function ne(o, a) {
-  const c = Je(o.name);
-  for (const [l, u] of Object.entries(a)) {
-    const g = l === "*/*" || l.endsWith("/*") && o.type.startsWith(l.replace("/*", "/")) || o.type === l, N = u.length === 0 || u.some((F) => F.toLowerCase() === c);
-    if (g && N) return !0;
-  }
-  return !1;
-}
-function Qe(o) {
-  const a = [];
-  for (const l of Object.values(o))
-    for (const u of l)
-      a.push(u.toUpperCase().replace(".", ""));
-  if (a.length > 0) return a.join(", ");
-  const c = [];
-  for (const l of Object.keys(o))
-    l.endsWith("/*") ? c.push(l.replace("/*", "").split("/").pop() ?? l) : c.push(l.split("/").pop() ?? l);
-  return c.join(", ");
-}
-const Ze = xe(
-  ({
-    id: o,
-    accept: a,
-    maxSize: c,
-    minSize: l,
-    maxFiles: u = 1,
-    multiple: g = !1,
-    disabled: N,
-    strictAccept: F = !1,
-    onDrop: C,
-    onUpload: H,
-    onRemove: L,
-    onReject: A,
-    variant: v = "both",
-    showPreview: ce = !0,
-    className: P
-  }, z) => {
-    const { t: i, i18n: k } = Ne(), h = ze(), ue = ke(), x = h.disabled || N, pe = h.invalid, W = h.id || ue, [R, b] = re([]), [G, fe] = re([]), I = O(/* @__PURE__ */ new Map()), $ = O(null), j = O(R);
-    j.current = R;
-    const w = y((e) => {
-      $.current && ($.current.textContent = e);
-    }, []), X = y(
-      (e) => !F || !a ? !0 : ne(e, a),
-      [F, a]
-    ), Y = y(
-      async (e) => {
-        if (!H) return;
-        const s = new AbortController();
-        I.current.set(e.id, s), b(
-          (d) => d.map(
-            (t) => t.id === e.id ? { ...t, status: "uploading", progress: 0 } : t
-          )
-        ), w(i("inputs.fileUpload.uploading", "Uploading…"));
-        try {
-          await H(e.file, {
-            signal: s.signal,
-            onProgress: (d) => {
-              b(
-                (t) => t.map(
-                  (n) => n.id === e.id ? { ...n, progress: d } : n
-                )
-              ), w(
-                i("inputs.fileUpload.progress", "{{percent}}% uploaded", {
-                  percent: d
-                })
-              );
-            }
-          }), b(
-            (d) => d.map(
-              (t) => t.id === e.id ? { ...t, status: "complete", progress: 100 } : t
-            )
-          ), w(i("inputs.fileUpload.complete", "Upload complete"));
-        } catch (d) {
-          if (s.signal.aborted) {
-            b((n) => n.filter((f) => f.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
-            )
-          );
-        } finally {
-          I.current.delete(e.id);
-        }
-      },
-      [H, w, i]
-    ), q = y(
-      (e, s) => {
-        const d = s.flatMap(
-          (p) => p.errors.map((D) => ({
-            file: p.file,
-            reason: Ye(D.code)
-          }))
-        ), t = [], n = [];
-        for (const p of e)
-          X(p) ? n.push(p) : t.push({ file: p, reason: "file-invalid-type" });
-        const f = [...d, ...t];
-        fe(f), f.length > 0 && (A == null || A(f));
-        const V = n.map((p) => ({
-          file: p,
-          id: Ke(),
-          status: "pending",
-          progress: 0,
-          preview: Pe(p) ? URL.createObjectURL(p) : void 0
-        }));
-        b((p) => {
-          if (!g && u === 1) {
-            for (const D of p)
-              D.preview && URL.revokeObjectURL(D.preview);
-            return V;
-          }
-          return [...p, ...V];
-        }), C == null || C(n, f), w(
-          i("inputs.fileUpload.filesSelected", "{{count}} file(s) selected", {
-            count: n.length
-          })
-        );
-        for (const p of V)
-          Y(p);
-      },
-      [
-        g,
-        u,
-        C,
-        A,
-        X,
-        w,
-        Y,
-        i
-      ]
-    ), { getRootProps: me, getInputProps: J, isDragActive: M, open: Q } = Ue({
-      accept: a,
-      maxSize: c,
-      minSize: l,
-      maxFiles: g ? u : 1,
-      multiple: g,
-      disabled: x,
-      onDrop: q,
-      noClick: v === "button",
-      noKeyboard: v === "button"
-    }), ge = y((e) => {
-      const s = I.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);
-      });
-    }, []), E = y(
-      (e) => {
-        const s = j.current.find((d) => d.id === e);
-        s != null && s.preview && URL.revokeObjectURL(s.preview), b((d) => d.filter((t) => t.id !== e)), s && (L == null || L(s));
-      },
-      [L]
-    ), Z = y(() => {
-      for (const e of j.current) {
-        const s = I.current.get(e.id);
-        s == null || s.abort(), e.preview && URL.revokeObjectURL(e.preview);
-      }
-      b([]);
-    }, []), ve = T(
-      () => ({
-        getFiles: () => j.current.map((e) => ({
-          id: e.id,
-          name: e.file.name,
-          size: e.file.size,
-          status: e.status
-        })),
-        removeFile: (e) => E(e),
-        clear: () => Z()
-      }),
-      [E, Z]
-    );
-    je(Ve, ve, o);
-    const S = y(
-      (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" });
-            continue;
-          }
-          if (c !== void 0 && n.size > c) {
-            d.push({ file: n, reason: "file-too-large" });
-            continue;
-          }
-          if (l !== void 0 && n.size < l) {
-            d.push({ file: n, reason: "file-too-small" });
-            continue;
-          }
-          if (a && !ne(n, a)) {
-            d.push({ file: n, reason: "file-invalid-type" });
-            continue;
-          }
-          s.push(n);
-        }
-        return { accepted: s, rejected: d };
-      },
-      [a, c, l, u, g]
-    ), ee = y(
-      (e) => {
-        if (x) return;
-        const s = Array.from(e.clipboardData.files);
-        if (s.length > 0) {
-          e.preventDefault();
-          const { accepted: d, rejected: t } = S(s), n = t.map((f) => ({
-            file: f.file,
-            errors: [{ code: f.reason, message: f.reason }]
-          }));
-          q(d, n);
-        }
-      },
-      [x, q, S]
-    );
-    we(() => () => {
-      for (const e of j.current)
-        e.preview && URL.revokeObjectURL(e.preview);
-    }, []);
-    const se = T(() => {
-      const e = [];
-      return a && e.push(Qe(a)), c && e.push(
-        i("inputs.fileUpload.maxSizeHint", "Max {{size}}", {
-          size: _(c, k.language, i)
-        })
-      ), g && u > 1 && e.push(
-        i("inputs.fileUpload.maxFilesHint", "Up to {{count}} files", {
-          count: u
-        })
-      ), e;
-    }, [a, c, g, u, i, k.language]), te = T(() => G.map((e) => {
-      switch (e.reason) {
-        case "file-too-large":
-          return i(
-            "inputs.fileUpload.errors.fileTooLarge",
-            "File exceeds {{maxSize}}",
-            {
-              maxSize: c ? _(c, k.language, i) : ""
-            }
-          );
-        case "file-too-small":
-          return i(
-            "inputs.fileUpload.errors.fileTooSmall",
-            "File is smaller than {{minSize}}",
-            {
-              minSize: l ? _(l, k.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
-            }
-          );
-      }
-    }), [G, i, c, l, u, k.language]), he = () => R.length === 0 ? null : /* @__PURE__ */ r("ul", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:p-0 ds:m-0", children: R.map((e) => /* @__PURE__ */ m(
-      "li",
-      {
-        "data-file-id": e.id,
-        className: Te({ status: e.status }),
-        children: [
-          ce && e.preview ? /* @__PURE__ */ r(
-            "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"
-            }
-          ) : We(e.file),
-          /* @__PURE__ */ m("div", { className: "ds:flex-1 ds:min-w-0", children: [
-            /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ r("p", { className: "ds:truncate type-label ds:m-0", children: e.file.name }),
-              Ge(e.status)
-            ] }),
-            /* @__PURE__ */ m("p", { className: "type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5", children: [
-              _(e.file.size, k.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 === "uploading" && /* @__PURE__ */ r(
-              "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__ */ r(
-                  "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__ */ r(
-              "p",
-              {
-                role: "alert",
-                className: "type-meta ds:text-destructive ds:m-0 ds:mt-[var(--spacing-xs)]",
-                children: e.error
-              }
-            )
-          ] }),
-          e.status === "uploading" && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: () => ge(e.id),
-              "aria-label": i("inputs.fileUpload.cancel", "Cancel upload"),
-              className: oe(),
-              children: /* @__PURE__ */ r(ie, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          ),
-          (e.status === "complete" || e.status === "pending" || e.status === "error") && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: () => E(e.id),
-              "aria-label": i("inputs.fileUpload.remove", "Remove file"),
-              className: oe(),
-              children: /* @__PURE__ */ r(ie, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          )
-        ]
-      },
-      e.id
-    )) }), be = () => {
-      if (v === "button") return null;
-      const e = me({
-        className: Oe({
-          isDragActive: M,
-          hasError: pe ?? !1,
-          isDisabled: x ?? !1,
-          className: P
-        }),
-        tabIndex: x ? -1 : 0
-      }), s = e.ref;
-      return /* @__PURE__ */ m(
-        "div",
-        {
-          ...e,
-          ref: (t) => {
-            typeof s == "function" ? s(t) : s && (s.current = t), typeof z == "function" ? z(t) : z && (z.current = t);
-          },
-          onPaste: ee,
-          id: W,
-          "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,
-          "data-testid": "file-upload-dropzone",
-          children: [
-            /* @__PURE__ */ r(
-              "input",
-              {
-                ...J({
-                  "aria-label": i(
-                    "inputs.fileUpload.dropHere",
-                    "Drop files here or click to browse"
-                  )
-                })
-              }
-            ),
-            /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-center ds:size-14 ds:rounded-[var(--radius-full)] ds:bg-primary/10 ds:text-primary ds:transition-colors ds:duration-[var(--animation-duration)] ds:group-hover:bg-primary/15 ds:motion-reduce:transition-none", children: M ? /* @__PURE__ */ r(Ae, { "aria-hidden": "true", className: "ds:size-7" }) : /* @__PURE__ */ r(K, { "aria-hidden": "true", className: "ds:size-7" }) }),
-              /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ r("p", { className: "type-label ds:text-foreground ds:text-center ds:m-0", children: M ? i("inputs.fileUpload.dropActive", "Drop files here") : i(
-                  "inputs.fileUpload.dropHere",
-                  "Drop files here or click to browse"
-                ) }),
-                se.length > 0 && !M && /* @__PURE__ */ r("p", { className: "type-meta ds:text-muted-foreground ds:text-center ds:m-0", children: se.join(" · ") })
-              ] }),
-              v === "both" && !M && /* @__PURE__ */ m(
-                "button",
-                {
-                  type: "button",
-                  onClick: (t) => {
-                    t.stopPropagation(), Q();
-                  },
-                  disabled: x,
-                  className: ae({
-                    className: "ds:mt-[var(--spacing-xs)]"
-                  }),
-                  children: [
-                    /* @__PURE__ */ r(K, { "aria-hidden": "true", className: "ds:size-4" }),
-                    i("inputs.fileUpload.browse", "Browse files")
-                  ]
-                }
-              )
-            ] })
-          ]
-        }
-      );
-    }, ye = () => v === "dropzone" ? null : v === "button" ? /* @__PURE__ */ m("div", { onPaste: ee, ref: z, children: [
-      /* @__PURE__ */ r(
-        "input",
-        {
-          ...J({
-            "aria-label": i("inputs.fileUpload.browse", "Browse files")
-          })
-        }
-      ),
-      /* @__PURE__ */ m(
-        "button",
-        {
-          type: "button",
-          onClick: Q,
-          disabled: x,
-          className: ae({ className: P }),
-          id: v === "button" ? W : 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,
-          children: [
-            /* @__PURE__ */ r(K, { "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": o, children: [
-      be(),
-      ye(),
-      he(),
-      te.length > 0 && /* @__PURE__ */ r(
-        "div",
-        {
-          role: "alert",
-          className: "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-          children: te.map((e, s) => /* @__PURE__ */ m(
-            "div",
-            {
-              className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
-              children: [
-                /* @__PURE__ */ r(
-                  le,
-                  {
-                    "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 })
-              ]
-            },
-            s
-          ))
-        }
-      ),
-      /* @__PURE__ */ r(
-        "span",
-        {
-          ref: $,
-          role: "status",
-          "aria-live": "polite",
-          className: "ds:sr-only"
-        }
-      )
-    ] });
-  }
-);
-Ze.displayName = "FileUpload";
-export {
-  Ze as F,
-  qe as L,
-  K as U,
-  Ve as f
-};
-//# sourceMappingURL=file-upload-DwZcAK8D.js.map