@spark-ui/components 17.2.3 → 17.2.4

package/dist/file-upload/index.mjs

@@ -1,696 +1,559 @@
-import { jsx as s, jsxs as M, Fragment as Fe } from "react/jsx-runtime";
-import { useFormFieldControl as be } from "@spark-ui/components/form-field";
-import { createElement as X, useState as G, createContext as se, useId as he, useRef as z, useContext as le, useEffect as de, useCallback as ye } from "react";
-import { useCombinedState as Ie } from "@spark-ui/hooks/use-combined-state";
-import { CvOutline as Re } from "@spark-ui/icons/CvOutline";
-import { FilePdfOutline as Le } from "@spark-ui/icons/FilePdfOutline";
-import { ImageOutline as Ne } from "@spark-ui/icons/ImageOutline";
-import { PlayOutline as xe } from "@spark-ui/icons/PlayOutline";
-import { cx as _ } from "class-variance-authority";
-import { I as K } from "../Icon-BO327oHU.mjs";
-import { Progress as Ee } from "../progress/index.mjs";
-import { Close as ce } from "@spark-ui/icons/Close";
-import { I as ue } from "../IconButton-DdB3Pq13.mjs";
-import { WarningOutline as je } from "@spark-ui/icons/WarningOutline";
-import { b as Te, B as De } from "../Button-1M9DcZl0.mjs";
-import { S as Oe } from "../Slot-DLY1rJrG.mjs";
-const O = {
-  /**
-   * Exceeds the maxFiles limit
-   */
-  TOO_MANY_FILES: "TOO_MANY_FILES",
-  /**
-   * File type not in the accept list
-   */
-  FILE_INVALID_TYPE: "FILE_INVALID_TYPE",
-  /**
-   * File size exceeds maxFileSize
-   */
-  FILE_TOO_LARGE: "FILE_TOO_LARGE",
-  /**
-   * File size below minFileSize
-   */
-  FILE_TOO_SMALL: "FILE_TOO_SMALL",
-  /**
-   * Generic validation failure
-   */
-  FILE_INVALID: "FILE_INVALID",
-  /**
-   * Duplicate file detected
-   */
-  FILE_EXISTS: "FILE_EXISTS"
+import { Slot as e } from "../slot/index.mjs";
+import { t } from "../icon-D05Uqh8_.mjs";
+import { n, t as r } from "../button-_YZ_4J42.mjs";
+import { t as i } from "../icon-button-6p3O7NIm.mjs";
+import { t as a } from "../progress-cEf3tFbn.mjs";
+import { cx as o } from "class-variance-authority";
+import { createContext as s, createElement as c, useCallback as l, useContext as u, useEffect as d, useId as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useFormFieldControl as v } from "@spark-ui/components/form-field";
+import { useCombinedState as y } from "@spark-ui/hooks/use-combined-state";
+import { Close as b } from "@spark-ui/icons/Close";
+import { CvOutline as x } from "@spark-ui/icons/CvOutline";
+import { FilePdfOutline as S } from "@spark-ui/icons/FilePdfOutline";
+import { ImageOutline as C } from "@spark-ui/icons/ImageOutline";
+import { PlayOutline as w } from "@spark-ui/icons/PlayOutline";
+import { WarningOutline as T } from "@spark-ui/icons/WarningOutline";
+//#region src/file-upload/constants.ts
+var E = {
+	TOO_MANY_FILES: "TOO_MANY_FILES",
+	FILE_INVALID_TYPE: "FILE_INVALID_TYPE",
+	FILE_TOO_LARGE: "FILE_TOO_LARGE",
+	FILE_TOO_SMALL: "FILE_TOO_SMALL",
+	FILE_INVALID: "FILE_INVALID",
+	FILE_EXISTS: "FILE_EXISTS"
 };
-function oe(t, r) {
-  return r ? r.split(",").map((e) => e.trim()).some((e) => {
-    if (e.includes("/")) {
-      if (e.endsWith("/*")) {
-        const d = e.slice(0, -2);
-        return t.type.startsWith(d + "/");
-      }
-      return t.type === e;
-    }
-    if (e.startsWith(".")) {
-      const d = e.toLowerCase();
-      return t.name.toLowerCase().endsWith(d);
-    }
-    const o = "." + e.toLowerCase();
-    return t.name.toLowerCase().endsWith(o);
-  }) : !0;
+//#endregion
+//#region src/file-upload/utils.ts
+function D(e, t) {
+	return t ? t.split(",").map((e) => e.trim()).some((t) => {
+		if (t.includes("/")) {
+			if (t.endsWith("/*")) {
+				let n = t.slice(0, -2);
+				return e.type.startsWith(n + "/");
+			}
+			return e.type === t;
+		}
+		if (t.startsWith(".")) {
+			let n = t.toLowerCase();
+			return e.name.toLowerCase().endsWith(n);
+		}
+		let n = "." + t.toLowerCase();
+		return e.name.toLowerCase().endsWith(n);
+	}) : !0;
 }
-function _e(t, r, i, e) {
-  const o = e || fe();
-  return r !== void 0 && t.size < r ? {
-    valid: !1,
-    error: `File "${t.name}" is too small. Minimum size is ${W(r, o)}.`
-  } : i !== void 0 && t.size > i ? {
-    valid: !1,
-    error: `File "${t.name}" is too large. Maximum size is ${W(i, o)}.`
-  } : { valid: !0 };
+function O(e, t, n, r) {
+	let i = r || k();
+	return t !== void 0 && e.size < t ? {
+		valid: !1,
+		error: `File "${e.name}" is too small. Minimum size is ${A(t, i)}.`
+	} : n !== void 0 && e.size > n ? {
+		valid: !1,
+		error: `File "${e.name}" is too large. Maximum size is ${A(n, i)}.`
+	} : { valid: !0 };
 }
-function fe() {
-  return typeof navigator < "u" && navigator.language ? navigator.language : "en";
+function k() {
+	return typeof navigator < "u" && navigator.language ? navigator.language : "en";
 }
-function W(t, r) {
-  const i = r || fe();
-  let e = i;
-  if (i.length === 2 && (e = i === "fr" ? "fr-FR" : "en-US"), t === 0)
-    return new Intl.NumberFormat(e, {
-      style: "unit",
-      unit: "byte",
-      unitDisplay: "long",
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 0
-    }).format(0);
-  const o = 1024, c = Math.floor(Math.log(t) / Math.log(o)), a = ["byte", "kilobyte", "megabyte", "gigabyte"][c] || "byte", l = t / Math.pow(o, c), n = c === 0 ? "long" : "short";
-  return new Intl.NumberFormat(e, {
-    style: "unit",
-    unit: a,
-    unitDisplay: n,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 2
-  }).format(l);
+function A(e, t) {
+	let n = t || k(), r = n;
+	if (n.length === 2 && (r = n === "fr" ? "fr-FR" : "en-US"), e === 0) return new Intl.NumberFormat(r, {
+		style: "unit",
+		unit: "byte",
+		unitDisplay: "long",
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 0
+	}).format(0);
+	let i = 1024, a = Math.floor(Math.log(e) / Math.log(i)), o = [
+		"byte",
+		"kilobyte",
+		"megabyte",
+		"gigabyte"
+	][a] || "byte", s = e / i ** +a, c = a === 0 ? "long" : "short";
+	return new Intl.NumberFormat(r, {
+		style: "unit",
+		unit: o,
+		unitDisplay: c,
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 2
+	}).format(s);
 }
-function we(t) {
-  const r = t.type.toLowerCase(), i = t.name.toLowerCase();
-  return r.startsWith("image/") || /\.(jpg|jpeg|png|gif|bmp|webp|svg|ico)$/i.test(i) ? X(Ne) : r === "application/pdf" || i.endsWith(".pdf") ? X(Le) : r.startsWith("video/") || /\.(mp4|avi|mov|wmv|flv|webm|mkv)$/i.test(i) ? X(xe) : X(Re);
+function j(e) {
+	let t = e.type.toLowerCase(), n = e.name.toLowerCase();
+	return t.startsWith("image/") || /\.(jpg|jpeg|png|gif|bmp|webp|svg|ico)$/i.test(n) ? c(C) : t === "application/pdf" || n.endsWith(".pdf") ? c(S) : t.startsWith("video/") || /\.(mp4|avi|mov|wmv|flv|webm|mkv)$/i.test(n) ? c(w) : c(x);
 }
-function Ae(t) {
-  if (!t)
-    return !1;
-  if (t.tabIndex >= 0)
-    return !0;
-  const i = String(t.contentEditable) === "true";
-  return t instanceof HTMLInputElement || t instanceof HTMLButtonElement || t instanceof HTMLSelectElement || t instanceof HTMLTextAreaElement || t instanceof HTMLAnchorElement && !!t.href || i;
+function M(e) {
+	if (!e) return !1;
+	if (e.tabIndex >= 0) return !0;
+	let t = String(e.contentEditable) === "true";
+	return e instanceof HTMLInputElement || e instanceof HTMLButtonElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLAnchorElement && !!e.href || t;
 }
-function me(t, r) {
-  for (const i of t)
-    if (Ae(i))
-      return i;
-  return r.current ? r.current : null;
+function N(e, t) {
+	for (let t of e) if (M(t)) return t;
+	return t.current ? t.current : null;
 }
-function ze({
-  defaultValue: t = [],
-  value: r,
-  onFileAccept: i,
-  onFileReject: e,
-  onFileChange: o,
-  multiple: c = !0,
-  accept: d,
-  maxFiles: a,
-  maxFileSize: l,
-  minFileSize: n,
-  disabled: m = !1,
-  readOnly: p = !1,
-  locale: x
-}) {
-  const f = x || (typeof navigator < "u" && navigator.language ? navigator.language : "en"), [E, F] = Ie(r, t), u = E ?? [], I = F, [b, g] = G([]), U = (j) => {
-    if (m || p)
-      return;
-    g([]);
-    const T = [], P = (L, N) => N.some(
-      (y) => y.name === L.name && y.size === L.size
-    ), h = (L, N) => {
-      const y = T.find(
-        (w) => w.file.name === L.name && w.file.size === L.size
-      );
-      y ? y.errors.includes(N) || y.errors.push(N) : T.push({
-        file: L,
-        errors: [N]
-      });
-    };
-    I((L) => {
-      const N = L ?? [], y = a !== void 0 ? a - N.length : void 0;
-      y !== void 0 && y <= 0 && j.forEach((v) => {
-        h(v, O.TOO_MANY_FILES);
-      });
-      let w = j;
-      d && (j.filter((D) => !oe(D, d)).forEach((D) => {
-        h(D, O.FILE_INVALID_TYPE);
-      }), w = j.filter((D) => oe(D, d)));
-      let Y = w;
-      (n !== void 0 || l !== void 0) && (Y = w.filter((v) => _e(v, n, l, f).valid ? !0 : (l !== void 0 && v.size > l ? h(v, O.FILE_TOO_LARGE) : n !== void 0 && v.size < n ? h(v, O.FILE_TOO_SMALL) : h(v, O.FILE_INVALID), !1)));
-      const H = /* @__PURE__ */ new Map(), q = Y.filter((v) => {
-        const D = `${v.name}-${v.size}`;
-        return P(v, N) || H.has(D) ? (h(v, O.FILE_EXISTS), !1) : (H.set(D, v), !0);
-      });
-      let A = c ? q : q.slice(0, 1);
-      y !== void 0 && (y <= 0 ? A = [] : A.length > y && (A.forEach((v) => {
-        h(v, O.TOO_MANY_FILES);
-      }), A = []));
-      const ae = c ? [...N, ...A] : A, V = [...T];
-      return g(V), A.length > 0 && i && i({ files: A }), V.length > 0 && e && e({ files: V }), o && o({
-        acceptedFiles: ae,
-        rejectedFiles: V
-      }), ae;
-    });
-  }, C = (j) => {
-    m || p || I((T) => {
-      const h = (T ?? []).filter((N, y) => y !== j);
-      let L = b;
-      return a !== void 0 && h.length < a && (L = b.filter(
-        (N) => !N.errors.includes(O.TOO_MANY_FILES)
-      ), g(L)), o && o({
-        acceptedFiles: h,
-        rejectedFiles: L
-      }), h;
-    });
-  }, R = () => {
-    m || p || (I([]), g([]), o && o({
-      acceptedFiles: [],
-      rejectedFiles: []
-    }));
-  }, $ = (j) => {
-    m || p || g((T) => T.filter((P, h) => h !== j));
-  }, k = () => {
-    g([]);
-  }, B = a !== void 0 && u.length >= a;
-  return {
-    files: u,
-    rejectedFiles: b,
-    addFiles: U,
-    removeFile: C,
-    removeRejectedFile: $,
-    clearFiles: R,
-    clearRejectedFiles: k,
-    maxFilesReached: B
-  };
+//#endregion
+//#region src/file-upload/useFileUploadState.tsx
+function P({ defaultValue: e = [], value: t, onFileAccept: n, onFileReject: r, onFileChange: i, multiple: a = !0, accept: o, maxFiles: s, maxFileSize: c, minFileSize: l, disabled: u = !1, readOnly: d = !1, locale: f }) {
+	let p = f || (typeof navigator < "u" && navigator.language ? navigator.language : "en"), [h, g] = y(t, e), _ = h ?? [], v = g, [b, x] = m([]);
+	return {
+		files: _,
+		rejectedFiles: b,
+		addFiles: (e) => {
+			if (u || d) return;
+			x([]);
+			let t = [], f = (e, t) => t.some((t) => t.name === e.name && t.size === e.size), m = (e, n) => {
+				let r = t.find((t) => t.file.name === e.name && t.file.size === e.size);
+				r ? r.errors.includes(n) || r.errors.push(n) : t.push({
+					file: e,
+					errors: [n]
+				});
+			};
+			v((u) => {
+				let d = u ?? [], h = s === void 0 ? void 0 : s - d.length;
+				h !== void 0 && h <= 0 && e.forEach((e) => {
+					m(e, E.TOO_MANY_FILES);
+				});
+				let g = e;
+				o && (e.filter((e) => !D(e, o)).forEach((e) => {
+					m(e, E.FILE_INVALID_TYPE);
+				}), g = e.filter((e) => D(e, o)));
+				let _ = g;
+				(l !== void 0 || c !== void 0) && (_ = g.filter((e) => O(e, l, c, p).valid ? !0 : (c !== void 0 && e.size > c ? m(e, E.FILE_TOO_LARGE) : l !== void 0 && e.size < l ? m(e, E.FILE_TOO_SMALL) : m(e, E.FILE_INVALID), !1)));
+				let v = /* @__PURE__ */ new Map(), y = _.filter((e) => {
+					let t = `${e.name}-${e.size}`;
+					return f(e, d) || v.has(t) ? (m(e, E.FILE_EXISTS), !1) : (v.set(t, e), !0);
+				}), b = a ? y : y.slice(0, 1);
+				h !== void 0 && (h <= 0 ? b = [] : b.length > h && (b.forEach((e) => {
+					m(e, E.TOO_MANY_FILES);
+				}), b = []));
+				let S = a ? [...d, ...b] : b, C = [...t];
+				return x(C), b.length > 0 && n && n({ files: b }), C.length > 0 && r && r({ files: C }), i && i({
+					acceptedFiles: S,
+					rejectedFiles: C
+				}), S;
+			});
+		},
+		removeFile: (e) => {
+			u || d || v((t) => {
+				let n = (t ?? []).filter((t, n) => n !== e), r = b;
+				return s !== void 0 && n.length < s && (r = b.filter((e) => !e.errors.includes(E.TOO_MANY_FILES)), x(r)), i && i({
+					acceptedFiles: n,
+					rejectedFiles: r
+				}), n;
+			});
+		},
+		removeRejectedFile: (e) => {
+			u || d || x((t) => t.filter((t, n) => n !== e));
+		},
+		clearFiles: () => {
+			u || d || (v([]), x([]), i && i({
+				acceptedFiles: [],
+				rejectedFiles: []
+			}));
+		},
+		clearRejectedFiles: () => {
+			x([]);
+		},
+		maxFilesReached: s !== void 0 && _.length >= s
+	};
 }
-const pe = se(null), Ue = ":file-upload", ge = ({
-  asChild: t = !1,
-  children: r,
-  defaultValue: i = [],
-  value: e,
-  onFileAccept: o,
-  onFileReject: c,
-  onFileChange: d,
-  multiple: a = !0,
-  accept: l,
-  maxFiles: n,
-  maxFileSize: m,
-  minFileSize: p,
-  disabled: x = !1,
-  readOnly: f = !1,
-  locale: E
-}) => {
-  const F = be(), u = he(), I = F.id || `${Ue}-${u}`, b = F.name, g = z(null), U = z(null), C = z(null), R = z([]), $ = z([]), k = F.disabled ?? x, B = F.readOnly ?? f, {
-    files: j,
-    rejectedFiles: T,
-    addFiles: P,
-    removeFile: h,
-    removeRejectedFile: L,
-    clearFiles: N,
-    clearRejectedFiles: y,
-    maxFilesReached: w
-  } = ze({
-    defaultValue: i,
-    value: e,
-    onFileAccept: o,
-    onFileReject: c,
-    onFileChange: d,
-    multiple: a,
-    accept: l,
-    maxFiles: n,
-    maxFileSize: m,
-    minFileSize: p,
-    disabled: k,
-    readOnly: B,
-    locale: E
-  }), Y = () => {
-    N(), R.current = [];
-  }, H = () => {
-    y(), $.current = [];
-  };
-  return /* @__PURE__ */ s(
-    pe.Provider,
-    {
-      value: {
-        inputRef: g,
-        files: j,
-        rejectedFiles: T,
-        addFiles: P,
-        removeFile: h,
-        removeRejectedFile: L,
-        clearFiles: Y,
-        clearRejectedFiles: H,
-        triggerRef: U,
-        dropzoneRef: C,
-        deleteButtonRefs: R,
-        rejectedFileDeleteButtonRefs: $,
-        multiple: a,
-        maxFiles: n,
-        maxFilesReached: w,
-        disabled: k,
-        readOnly: B,
-        locale: E || (typeof navigator < "u" && navigator.language ? navigator.language : "en"),
-        description: F.description,
-        isInvalid: F.isInvalid,
-        isRequired: F.isRequired
-      },
-      children: /* @__PURE__ */ M("div", { className: "relative", children: [
-        r,
-        /* @__PURE__ */ s(
-          "input",
-          {
-            ref: g,
-            type: "file",
-            tabIndex: -1,
-            id: I,
-            multiple: a,
-            name: b,
-            accept: l,
-            disabled: k,
-            readOnly: B && !k,
-            required: F.isRequired,
-            "aria-invalid": F.isInvalid,
-            "aria-describedby": F.description,
-            "aria-label": F.labelId ? void 0 : "Upload files",
-            className: "sr-only",
-            onChange: (q) => {
-              if (q.target.files && !k && !B) {
-                P(Array.from(q.target.files));
-                try {
-                  q.target.value = "";
-                } catch {
-                }
-              }
-            }
-          }
-        )
-      ] })
-    }
-  );
+//#endregion
+//#region src/file-upload/FileUpload.tsx
+var F = s(null), I = ":file-upload", L = ({ asChild: e = !1, children: t, defaultValue: n = [], value: r, onFileAccept: i, onFileReject: a, onFileChange: o, multiple: s = !0, accept: c, maxFiles: l, maxFileSize: u, minFileSize: d, disabled: m = !1, readOnly: h = !1, locale: y }) => {
+	let b = v(), x = f(), S = b.id || `${I}-${x}`, C = b.name, w = p(null), T = p(null), E = p(null), D = p([]), O = p([]), k = b.disabled ?? m, A = b.readOnly ?? h, { files: j, rejectedFiles: M, addFiles: N, removeFile: L, removeRejectedFile: R, clearFiles: z, clearRejectedFiles: B, maxFilesReached: V } = P({
+		defaultValue: n,
+		value: r,
+		onFileAccept: i,
+		onFileReject: a,
+		onFileChange: o,
+		multiple: s,
+		accept: c,
+		maxFiles: l,
+		maxFileSize: u,
+		minFileSize: d,
+		disabled: k,
+		readOnly: A,
+		locale: y
+	});
+	return /* @__PURE__ */ g(F.Provider, {
+		value: {
+			inputRef: w,
+			files: j,
+			rejectedFiles: M,
+			addFiles: N,
+			removeFile: L,
+			removeRejectedFile: R,
+			clearFiles: () => {
+				z(), D.current = [];
+			},
+			clearRejectedFiles: () => {
+				B(), O.current = [];
+			},
+			triggerRef: T,
+			dropzoneRef: E,
+			deleteButtonRefs: D,
+			rejectedFileDeleteButtonRefs: O,
+			multiple: s,
+			maxFiles: l,
+			maxFilesReached: V,
+			disabled: k,
+			readOnly: A,
+			locale: y || (typeof navigator < "u" && navigator.language ? navigator.language : "en"),
+			description: b.description,
+			isInvalid: b.isInvalid,
+			isRequired: b.isRequired
+		},
+		children: /* @__PURE__ */ _("div", {
+			className: "relative",
+			children: [t, /* @__PURE__ */ g("input", {
+				ref: w,
+				type: "file",
+				tabIndex: -1,
+				id: S,
+				multiple: s,
+				name: C,
+				accept: c,
+				disabled: k,
+				readOnly: A && !k,
+				required: b.isRequired,
+				"aria-invalid": b.isInvalid,
+				"aria-describedby": b.description,
+				"aria-label": b.labelId ? void 0 : "Upload files",
+				className: "sr-only",
+				onChange: (e) => {
+					if (e.target.files && !k && !A) {
+						N(Array.from(e.target.files));
+						try {
+							e.target.value = "";
+						} catch {}
+					}
+				}
+			})]
+		})
+	});
 };
-ge.displayName = "FileUpload";
-const S = () => {
-  const t = le(pe);
-  if (!t)
-    throw Error("useFileUploadContext must be used within a FileUpload provider");
-  return t;
-}, J = ({
-  className: t,
-  file: r,
-  onClick: i,
-  ...e
-}) => {
-  const {
-    removeFile: o,
-    triggerRef: c,
-    dropzoneRef: d,
-    deleteButtonRefs: a,
-    inputRef: l,
-    disabled: n,
-    readOnly: m,
-    files: p
-  } = S(), x = z(null), f = p.findIndex((u) => u.name === r.name && u.size === r.size), E = (u) => {
-    n || m || (o(f), requestAnimationFrame(() => {
-      const I = a.current.filter(Boolean);
-      if (I.length > 0) {
-        const b = Math.min(f, I.length - 1), g = I[b];
-        g && g.focus();
-      } else {
-        const b = me(
-          [c.current, d.current],
-          l
-        );
-        b && b.focus();
-      }
-    }), i?.(u));
-  };
-  return /* @__PURE__ */ s(
-    ue,
-    {
-      ref: (u) => {
-        if (x.current = u, u) {
-          for (; a.current.length <= f; )
-            a.current.push(null);
-          a.current[f] = u;
-        } else
-          a.current[f] && (a.current[f] = null);
-      },
-      "data-spark-component": "file-upload-item-delete-trigger",
-      className: _(t),
-      onClick: E,
-      disabled: n || m,
-      size: "sm",
-      design: "contrast",
-      intent: "surface",
-      ...e,
-      children: /* @__PURE__ */ s(K, { size: "sm", children: /* @__PURE__ */ s(ce, {}) })
-    }
-  );
+L.displayName = "FileUpload";
+var R = () => {
+	let e = u(F);
+	if (!e) throw Error("useFileUploadContext must be used within a FileUpload provider");
+	return e;
+}, z = ({ className: e, file: n, onClick: r, ...a }) => {
+	let { removeFile: s, triggerRef: c, dropzoneRef: l, deleteButtonRefs: u, inputRef: d, disabled: f, readOnly: m, files: h } = R(), _ = p(null), v = h.findIndex((e) => e.name === n.name && e.size === n.size), y = (e) => {
+		f || m || (s(v), requestAnimationFrame(() => {
+			let e = u.current.filter(Boolean);
+			if (e.length > 0) {
+				let t = e[Math.min(v, e.length - 1)];
+				t && t.focus();
+			} else {
+				let e = N([c.current, l.current], d);
+				e && e.focus();
+			}
+		}), r?.(e));
+	};
+	return /* @__PURE__ */ g(i, {
+		ref: (e) => {
+			if (_.current = e, e) {
+				for (; u.current.length <= v;) u.current.push(null);
+				u.current[v] = e;
+			} else u.current[v] && (u.current[v] = null);
+		},
+		"data-spark-component": "file-upload-item-delete-trigger",
+		className: o(e),
+		onClick: y,
+		disabled: f || m,
+		size: "sm",
+		design: "contrast",
+		intent: "surface",
+		...a,
+		children: /* @__PURE__ */ g(t, {
+			size: "sm",
+			children: /* @__PURE__ */ g(b, {})
+		})
+	});
 };
-J.displayName = "FileUpload.ItemDeleteTrigger";
-const Z = ({
-  className: t,
-  file: r,
-  uploadProgress: i,
-  deleteButtonAriaLabel: e,
-  progressAriaLabel: o,
-  ...c
-}) => {
-  const { locale: d } = S(), [a, l] = G(i !== void 0);
-  de(() => {
-    l(i !== void 0);
-  }, [i]);
-  const n = ye(() => {
-    l(!1);
-  }, []);
-  return /* @__PURE__ */ M(
-    "li",
-    {
-      "data-spark-component": "file-upload-accepted-file",
-      className: _(
-        "relative",
-        "default:bg-surface default:border-sm default:border-outline default:p-md default:rounded-md",
-        "gap-md flex items-center justify-between default:w-full",
-        t
-      ),
-      ...c,
-      children: [
-        /* @__PURE__ */ s("div", { className: "size-sz-36 bg-support-container flex items-center justify-center rounded-md", children: /* @__PURE__ */ s(K, { size: "md", children: we(r) }) }),
-        /* @__PURE__ */ M("div", { className: "gap-md relative flex min-w-0 flex-1 flex-row items-center justify-between self-stretch", children: [
-          /* @__PURE__ */ s("p", { className: "text-body-2 truncate font-medium", children: r.name }),
-          /* @__PURE__ */ s("p", { className: "text-caption opacity-dim-1", children: W(r.size, d) }),
-          a && i !== void 0 && /* @__PURE__ */ s("div", { className: "absolute bottom-0 left-0 w-full", children: /* @__PURE__ */ s(
-            Ee,
-            {
-              value: i,
-              max: 100,
-              "aria-label": o,
-              onComplete: n
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ s(J, { "aria-label": e, file: r })
-      ]
-    }
-  );
+z.displayName = "FileUpload.ItemDeleteTrigger";
+//#endregion
+//#region src/file-upload/FileUploadAcceptedFile.tsx
+var B = ({ className: e, file: n, uploadProgress: r, deleteButtonAriaLabel: i, progressAriaLabel: s, ...c }) => {
+	let { locale: u } = R(), [f, p] = m(r !== void 0);
+	d(() => {
+		p(r !== void 0);
+	}, [r]);
+	let h = l(() => {
+		p(!1);
+	}, []);
+	return /* @__PURE__ */ _("li", {
+		"data-spark-component": "file-upload-accepted-file",
+		className: o("relative", "default:bg-surface default:border-sm default:border-outline default:p-md default:rounded-md", "gap-md flex items-center justify-between default:w-full", e),
+		...c,
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "size-sz-36 bg-support-container flex items-center justify-center rounded-md",
+				children: /* @__PURE__ */ g(t, {
+					size: "md",
+					children: j(n)
+				})
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "gap-md relative flex min-w-0 flex-1 flex-row items-center justify-between self-stretch",
+				children: [
+					/* @__PURE__ */ g("p", {
+						className: "text-body-2 truncate font-medium",
+						children: n.name
+					}),
+					/* @__PURE__ */ g("p", {
+						className: "text-caption opacity-dim-1",
+						children: A(n.size, u)
+					}),
+					f && r !== void 0 && /* @__PURE__ */ g("div", {
+						className: "absolute bottom-0 left-0 w-full",
+						children: /* @__PURE__ */ g(a, {
+							value: r,
+							max: 100,
+							"aria-label": s,
+							onComplete: h
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ g(z, {
+				"aria-label": i,
+				file: n
+			})
+		]
+	});
 };
-Z.displayName = "FileUpload.AcceptedFile";
-const ee = ({ children: t }) => {
-  const { files: r = [], rejectedFiles: i = [], locale: e } = S();
-  return /* @__PURE__ */ s(Fe, { children: t({
-    acceptedFiles: r,
-    rejectedFiles: i,
-    formatFileSize: W,
-    locale: e
-  }) });
+B.displayName = "FileUpload.AcceptedFile";
+//#endregion
+//#region src/file-upload/FileUploadContext.tsx
+var V = ({ children: e }) => {
+	let { files: t = [], rejectedFiles: n = [], locale: r } = R();
+	return /* @__PURE__ */ g(h, { children: e({
+		acceptedFiles: t,
+		rejectedFiles: n,
+		formatFileSize: A,
+		locale: r
+	}) });
 };
-ee.displayName = "FileUpload.Context";
-const ve = se(!1), Ce = () => le(ve);
-function te({
-  children: t,
-  className: r,
-  unstyled: i = !1
-}) {
-  const e = S(), o = z(null);
-  if (!e) throw new Error("FileUploadDropzone must be used inside <FileUpload>");
-  const c = (n) => {
-    if (n.preventDefault(), n.stopPropagation(), n.currentTarget.setAttribute("data-drag-over", "false"), e.disabled || e.readOnly)
-      return;
-    const m = n.dataTransfer.files;
-    let p = [];
-    m && (p = Array.isArray(m) ? [...m] : Array.from(m)), p.length > 0 && e.addFiles(p);
-  }, d = () => {
-    !e.disabled && !e.readOnly && e.inputRef.current?.click();
-  }, a = (n) => {
-    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), !e.disabled && !e.readOnly && e.inputRef.current?.click());
-  }, l = e.disabled || e.readOnly;
-  return /* @__PURE__ */ s(ve.Provider, { value: !0, children: /* @__PURE__ */ s(
-    "div",
-    {
-      ref: (n) => {
-        o.current = n, e.dropzoneRef && (e.dropzoneRef.current = n);
-      },
-      role: "button",
-      tabIndex: l ? -1 : 0,
-      "aria-disabled": e.disabled ? !0 : void 0,
-      "aria-describedby": e.description,
-      "aria-invalid": e.isInvalid,
-      "aria-required": e.isRequired,
-      onClick: d,
-      onKeyDown: a,
-      onDrop: c,
-      onDragOver: (n) => {
-        n.preventDefault();
-      },
-      className: i ? r : _(
-        "default:bg-surface default:border-sm default:border-outline default:relative default:rounded-lg default:border-dashed",
-        "gap-lg flex flex-col items-center justify-center text-center",
-        "default:p-xl",
-        "transition-colors duration-200",
-        !l && "default:hover:bg-surface-hovered",
-        "data-[drag-over=true]:border-outline-high data-[drag-over=true]:bg-surface-hovered data-[drag-over=true]:border-solid",
-        // Disabled: more visually disabled (opacity + cursor)
-        e.disabled && "cursor-not-allowed opacity-50",
-        // ReadOnly: less visually disabled (just cursor, no opacity)
-        e.readOnly && !e.disabled && "cursor-default",
-        r
-      ),
-      onDragEnter: (n) => {
-        l || n.currentTarget.setAttribute("data-drag-over", "true");
-      },
-      onDragLeave: (n) => {
-        n.currentTarget.setAttribute("data-drag-over", "false");
-      },
-      children: t
-    }
-  ) });
+V.displayName = "FileUpload.Context";
+//#endregion
+//#region src/file-upload/FileUploadDropzone.tsx
+var H = s(!1), U = () => u(H);
+function W({ children: e, className: t, unstyled: n = !1 }) {
+	let r = R(), i = p(null);
+	if (!r) throw Error("FileUploadDropzone must be used inside <FileUpload>");
+	let a = (e) => {
+		if (e.preventDefault(), e.stopPropagation(), e.currentTarget.setAttribute("data-drag-over", "false"), r.disabled || r.readOnly) return;
+		let t = e.dataTransfer.files, n = [];
+		t && (n = Array.isArray(t) ? [...t] : Array.from(t)), n.length > 0 && r.addFiles(n);
+	}, s = () => {
+		!r.disabled && !r.readOnly && r.inputRef.current?.click();
+	}, c = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), !r.disabled && !r.readOnly && r.inputRef.current?.click());
+	}, l = r.disabled || r.readOnly;
+	return /* @__PURE__ */ g(H.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ g("div", {
+			ref: (e) => {
+				i.current = e, r.dropzoneRef && (r.dropzoneRef.current = e);
+			},
+			role: "button",
+			tabIndex: l ? -1 : 0,
+			"aria-disabled": r.disabled ? !0 : void 0,
+			"aria-describedby": r.description,
+			"aria-invalid": r.isInvalid,
+			"aria-required": r.isRequired,
+			onClick: s,
+			onKeyDown: c,
+			onDrop: a,
+			onDragOver: (e) => {
+				e.preventDefault();
+			},
+			className: n ? t : o("default:bg-surface default:border-sm default:border-outline default:relative default:rounded-lg default:border-dashed", "gap-lg flex flex-col items-center justify-center text-center", "default:p-xl", "transition-colors duration-200", !l && "default:hover:bg-surface-hovered", "data-[drag-over=true]:border-outline-high data-[drag-over=true]:bg-surface-hovered data-[drag-over=true]:border-solid", r.disabled && "cursor-not-allowed opacity-50", r.readOnly && !r.disabled && "cursor-default", t),
+			onDragEnter: (e) => {
+				l || e.currentTarget.setAttribute("data-drag-over", "true");
+			},
+			onDragLeave: (e) => {
+				e.currentTarget.setAttribute("data-drag-over", "false");
+			},
+			children: e
+		})
+	});
 }
-te.displayName = "FileUploadDropzone";
-const re = ({
-  className: t,
-  file: r,
-  fallback: i = "📄",
-  ...e
-}) => {
-  const [o, c] = G(!1), [d, a] = G(!1), l = r.type.startsWith("image/"), n = l ? URL.createObjectURL(r) : null;
-  return de(() => () => {
-    n && URL.revokeObjectURL(n);
-  }, [n]), !l || o ? /* @__PURE__ */ s(
-    "div",
-    {
-      "data-spark-component": "file-upload-preview-image",
-      className: _(
-        "bg-neutral-container flex items-center justify-center rounded-md",
-        t
-      ),
-      ...e,
-      children: i
-    }
-  ) : /* @__PURE__ */ M(
-    "div",
-    {
-      "data-spark-component": "file-upload-preview-image",
-      className: _("bg-neutral-container overflow-hidden", t),
-      ...e,
-      children: [
-        /* @__PURE__ */ s(
-          "img",
-          {
-            src: n,
-            alt: r.name,
-            className: _("size-full object-cover", !d && "opacity-0"),
-            onLoad: () => a(!0),
-            onError: () => c(!0)
-          }
-        ),
-        !d && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: i })
-      ]
-    }
-  );
+W.displayName = "FileUploadDropzone";
+//#endregion
+//#region src/file-upload/FileUploadPreviewImage.tsx
+var G = ({ className: e, file: t, fallback: n = "📄", ...r }) => {
+	let [i, a] = m(!1), [s, c] = m(!1), l = t.type.startsWith("image/"), u = l ? URL.createObjectURL(t) : null;
+	return d(() => () => {
+		u && URL.revokeObjectURL(u);
+	}, [u]), !l || i ? /* @__PURE__ */ g("div", {
+		"data-spark-component": "file-upload-preview-image",
+		className: o("bg-neutral-container flex items-center justify-center rounded-md", e),
+		...r,
+		children: n
+	}) : /* @__PURE__ */ _("div", {
+		"data-spark-component": "file-upload-preview-image",
+		className: o("bg-neutral-container overflow-hidden", e),
+		...r,
+		children: [/* @__PURE__ */ g("img", {
+			src: u,
+			alt: t.name,
+			className: o("size-full object-cover", !s && "opacity-0"),
+			onLoad: () => c(!0),
+			onError: () => a(!0)
+		}), !s && /* @__PURE__ */ g("div", {
+			className: "absolute inset-0 flex items-center justify-center",
+			children: n
+		})]
+	});
 };
-re.displayName = "FileUpload.PreviewImage";
-const Q = ({
-  className: t,
-  rejectedFile: r,
-  onClick: i,
-  ...e
-}) => {
-  const {
-    removeRejectedFile: o,
-    triggerRef: c,
-    dropzoneRef: d,
-    rejectedFileDeleteButtonRefs: a,
-    inputRef: l,
-    disabled: n,
-    readOnly: m,
-    rejectedFiles: p
-  } = S(), x = z(null), f = p.findIndex(
-    (u) => u.file.name === r.file.name && u.file.size === r.file.size
-  ), E = (u) => {
-    n || m || (o(f), requestAnimationFrame(() => {
-      const I = a.current.filter(Boolean);
-      if (I.length > 0) {
-        const b = Math.min(f, I.length - 1), g = I[b];
-        g && g.focus();
-      } else {
-        const b = me(
-          [c.current, d.current],
-          l
-        );
-        b && b.focus();
-      }
-    }), i?.(u));
-  };
-  return /* @__PURE__ */ s(
-    ue,
-    {
-      ref: (u) => {
-        if (x.current = u, u) {
-          for (; a.current.length <= f; )
-            a.current.push(null);
-          a.current[f] = u;
-        } else
-          a.current[f] && (a.current[f] = null);
-      },
-      "data-spark-component": "file-upload-rejected-file-delete-trigger",
-      className: _(t),
-      onClick: E,
-      disabled: n || m,
-      size: "sm",
-      design: "contrast",
-      intent: "surface",
-      ...e,
-      children: /* @__PURE__ */ s(K, { size: "sm", children: /* @__PURE__ */ s(ce, {}) })
-    }
-  );
+G.displayName = "FileUpload.PreviewImage";
+//#endregion
+//#region src/file-upload/FileUploadRejectedFileDeleteTrigger.tsx
+var K = ({ className: e, rejectedFile: n, onClick: r, ...a }) => {
+	let { removeRejectedFile: s, triggerRef: c, dropzoneRef: l, rejectedFileDeleteButtonRefs: u, inputRef: d, disabled: f, readOnly: m, rejectedFiles: h } = R(), _ = p(null), v = h.findIndex((e) => e.file.name === n.file.name && e.file.size === n.file.size), y = (e) => {
+		f || m || (s(v), requestAnimationFrame(() => {
+			let e = u.current.filter(Boolean);
+			if (e.length > 0) {
+				let t = e[Math.min(v, e.length - 1)];
+				t && t.focus();
+			} else {
+				let e = N([c.current, l.current], d);
+				e && e.focus();
+			}
+		}), r?.(e));
+	};
+	return /* @__PURE__ */ g(i, {
+		ref: (e) => {
+			if (_.current = e, e) {
+				for (; u.current.length <= v;) u.current.push(null);
+				u.current[v] = e;
+			} else u.current[v] && (u.current[v] = null);
+		},
+		"data-spark-component": "file-upload-rejected-file-delete-trigger",
+		className: o(e),
+		onClick: y,
+		disabled: f || m,
+		size: "sm",
+		design: "contrast",
+		intent: "surface",
+		...a,
+		children: /* @__PURE__ */ g(t, {
+			size: "sm",
+			children: /* @__PURE__ */ g(b, {})
+		})
+	});
 };
-Q.displayName = "FileUpload.RejectedFileDeleteTrigger";
-const ie = ({
-  className: t,
-  rejectedFile: r,
-  renderError: i,
-  deleteButtonAriaLabel: e,
-  ...o
-}) => {
-  const { locale: c } = S();
-  return /* @__PURE__ */ M(
-    "li",
-    {
-      "data-spark-component": "file-upload-rejected-file",
-      className: _(
-        "relative",
-        "default:bg-surface default:border-sm default:border-outline default:p-md default:rounded-md",
-        "gap-md flex items-center justify-between default:w-full",
-        "border-error border-md",
-        t
-      ),
-      ...o,
-      children: [
-        /* @__PURE__ */ s("div", { className: "size-sz-36 bg-error-container flex items-center justify-center rounded-md", children: /* @__PURE__ */ s(K, { size: "md", className: "text-error", children: /* @__PURE__ */ s(je, {}) }) }),
-        /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ M("div", { className: "gap-md flex flex-col", children: [
-          /* @__PURE__ */ M("div", { className: "gap-md flex flex-row items-center justify-between", children: [
-            /* @__PURE__ */ s("p", { className: "text-body-2 truncate font-medium", children: r.file.name }),
-            /* @__PURE__ */ s("p", { className: "text-caption opacity-dim-1", children: W(r.file.size, c) })
-          ] }),
-          /* @__PURE__ */ s("div", { className: "gap-xs flex flex-col", children: r.errors.map((d, a) => /* @__PURE__ */ s("div", { className: "text-caption text-error", "data-error-code": d, children: i(d) }, a)) })
-        ] }) }),
-        /* @__PURE__ */ s(Q, { "aria-label": e, rejectedFile: r })
-      ]
-    }
-  );
+K.displayName = "FileUpload.RejectedFileDeleteTrigger";
+//#endregion
+//#region src/file-upload/FileUploadRejectedFile.tsx
+var q = ({ className: e, rejectedFile: n, renderError: r, deleteButtonAriaLabel: i, ...a }) => {
+	let { locale: s } = R();
+	return /* @__PURE__ */ _("li", {
+		"data-spark-component": "file-upload-rejected-file",
+		className: o("relative", "default:bg-surface default:border-sm default:border-outline default:p-md default:rounded-md", "gap-md flex items-center justify-between default:w-full", "border-error border-md", e),
+		...a,
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "size-sz-36 bg-error-container flex items-center justify-center rounded-md",
+				children: /* @__PURE__ */ g(t, {
+					size: "md",
+					className: "text-error",
+					children: /* @__PURE__ */ g(T, {})
+				})
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ _("div", {
+					className: "gap-md flex flex-col",
+					children: [/* @__PURE__ */ _("div", {
+						className: "gap-md flex flex-row items-center justify-between",
+						children: [/* @__PURE__ */ g("p", {
+							className: "text-body-2 truncate font-medium",
+							children: n.file.name
+						}), /* @__PURE__ */ g("p", {
+							className: "text-caption opacity-dim-1",
+							children: A(n.file.size, s)
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "gap-xs flex flex-col",
+						children: n.errors.map((e, t) => /* @__PURE__ */ g("div", {
+							className: "text-caption text-error",
+							"data-error-code": e,
+							children: r(e)
+						}, t))
+					})]
+				})
+			}),
+			/* @__PURE__ */ g(K, {
+				"aria-label": i,
+				rejectedFile: n
+			})
+		]
+	});
 };
-ie.displayName = "FileUpload.RejectedFile";
-const ne = ({
-  className: t,
-  children: r,
-  asChild: i = !1,
-  unstyled: e = !1,
-  design: o = "filled",
-  intent: c = "support",
-  size: d = "md",
-  shape: a = "rounded",
-  ref: l,
-  ...n
-}) => {
-  const { inputRef: m, triggerRef: p, disabled: x, readOnly: f, description: E, isInvalid: F, isRequired: u } = S(), I = Ce(), b = (R) => {
-    R.stopPropagation(), R.preventDefault(), !x && !f && m.current?.click();
-  }, g = (R) => {
-    p && (p.current = R), l && (typeof l == "function" ? l(R) : l.current = R);
-  };
-  let U, C;
-  if (I) {
-    U = "span";
-    const R = e ? t : Te({
-      design: o,
-      intent: c,
-      size: d,
-      shape: a,
-      disabled: x || f,
-      className: t
-    });
-    C = {
-      ref: g,
-      "data-spark-component": "file-upload-trigger",
-      className: R
-      // No onClick, no role, no tabIndex - Dropzone handles interaction
-      // No aria attributes here - they're on the Dropzone
-    };
-  } else
-    U = i ? Oe : e ? "button" : De, C = {
-      ref: g,
-      type: "button",
-      design: o,
-      intent: c,
-      size: d,
-      shape: a,
-      "data-spark-component": "file-upload-trigger",
-      className: _(t),
-      disabled: x || f,
-      onClick: b,
-      "aria-describedby": E,
-      "aria-invalid": F,
-      "aria-required": u,
-      ...n
-    };
-  return /* @__PURE__ */ s(U, { ...C, children: r });
+q.displayName = "FileUpload.RejectedFile";
+//#endregion
+//#region src/file-upload/FileUploadTrigger.tsx
+var J = ({ className: t, children: i, asChild: a = !1, unstyled: s = !1, design: c = "filled", intent: l = "support", size: u = "md", shape: d = "rounded", ref: f, ...p }) => {
+	let { inputRef: m, triggerRef: h, disabled: _, readOnly: v, description: y, isInvalid: b, isRequired: x } = R(), S = U(), C = (e) => {
+		e.stopPropagation(), e.preventDefault(), !_ && !v && m.current?.click();
+	}, w = (e) => {
+		h && (h.current = e), f && (typeof f == "function" ? f(e) : f.current = e);
+	}, T, E;
+	if (S) {
+		T = "span";
+		let e = s ? t : n({
+			design: c,
+			intent: l,
+			size: u,
+			shape: d,
+			disabled: _ || v,
+			className: t
+		});
+		E = {
+			ref: w,
+			"data-spark-component": "file-upload-trigger",
+			className: e
+		};
+	} else T = a ? e : s ? "button" : r, E = {
+		ref: w,
+		type: "button",
+		design: c,
+		intent: l,
+		size: u,
+		shape: d,
+		"data-spark-component": "file-upload-trigger",
+		className: o(t),
+		disabled: _ || v,
+		onClick: C,
+		"aria-describedby": y,
+		"aria-invalid": b,
+		"aria-required": x,
+		...p
+	};
+	return /* @__PURE__ */ g(T, {
+		...E,
+		children: i
+	});
 };
-ne.displayName = "FileUpload.Trigger";
-const ke = Object.assign(ge, {
-  // Main input components
-  Trigger: ne,
-  Dropzone: te,
-  // Context components
-  Context: ee,
-  AcceptedFile: Z,
-  RejectedFile: ie,
-  // Helpers for custom renders
-  PreviewImage: re,
-  ItemDeleteTrigger: J,
-  RejectedFileDeleteTrigger: Q
+J.displayName = "FileUpload.Trigger";
+//#endregion
+//#region src/file-upload/index.ts
+var Y = Object.assign(L, {
+	Trigger: J,
+	Dropzone: W,
+	Context: V,
+	AcceptedFile: B,
+	RejectedFile: q,
+	PreviewImage: G,
+	ItemDeleteTrigger: z,
+	RejectedFileDeleteTrigger: K
 });
-ke.displayName = "FileUpload";
-ne.displayName = "FileUpload.Trigger";
-te.displayName = "FileUpload.Dropzone";
-ee.displayName = "FileUpload.Context";
-J.displayName = "FileUpload.ItemDeleteTrigger";
-re.displayName = "FileUpload.PreviewImage";
-Z.displayName = "FileUpload.AcceptedFile";
-ie.displayName = "FileUpload.RejectedFile";
-Q.displayName = "FileUpload.RejectedFileDeleteTrigger";
-export {
-  O as FILE_UPLOAD_ERRORS,
-  ke as FileUpload
-};
-//# sourceMappingURL=index.mjs.map
+Y.displayName = "FileUpload", J.displayName = "FileUpload.Trigger", W.displayName = "FileUpload.Dropzone", V.displayName = "FileUpload.Context", z.displayName = "FileUpload.ItemDeleteTrigger", G.displayName = "FileUpload.PreviewImage", B.displayName = "FileUpload.AcceptedFile", q.displayName = "FileUpload.RejectedFile", K.displayName = "FileUpload.RejectedFileDeleteTrigger";
+//#endregion
+export { E as FILE_UPLOAD_ERRORS, Y as FileUpload };
+
+//# sourceMappingURL=index.mjs.map