@vlrc-fe/components 1.0.0

package/dist/index16.js

@@ -0,0 +1,727 @@
+"use client";
+import { cn as e } from "./index3.js";
+import { FileArchiveIcon as t, FileAudioIcon as n, FileCodeIcon as r, FileCogIcon as i, FileIcon as a, FileTextIcon as o, FileVideoIcon as s } from "lucide-react";
+import * as c from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Slot as f } from "@radix-ui/react-slot";
+import { useDirection as p } from "@radix-ui/react-direction";
+//#region src/ui/file-upload.tsx
+var m = "FileUpload", h = "FileUploadDropzone", g = "FileUploadTrigger", _ = "FileUploadList", v = "FileUploadItem", y = "FileUploadItemPreview", b = "FileUploadItemMetadata", x = "FileUploadItemProgress", S = "FileUploadItemDelete", C = "FileUploadClear";
+function w(e) {
+	let t = c.useRef(null);
+	return t.current === null && (t.current = e()), t;
+}
+function T(e, t, n, r, i) {
+	let a = {
+		files: t,
+		dragOver: !1,
+		invalid: r
+	};
+	function o(e, r) {
+		switch (r.type) {
+			case "ADD_FILES":
+				for (let e of r.files) t.set(e, {
+					file: e,
+					progress: 0,
+					status: "idle"
+				});
+				return i && i(Array.from(t.values()).map((e) => e.file)), {
+					...e,
+					files: t
+				};
+			case "SET_FILES": {
+				let n = new Set(r.files);
+				for (let e of t.keys()) n.has(e) || t.delete(e);
+				for (let e of r.files) t.get(e) || t.set(e, {
+					file: e,
+					progress: 0,
+					status: "idle"
+				});
+				return {
+					...e,
+					files: t
+				};
+			}
+			case "SET_PROGRESS": {
+				let n = t.get(r.file);
+				return n && t.set(r.file, {
+					...n,
+					progress: r.progress,
+					status: "uploading"
+				}), {
+					...e,
+					files: t
+				};
+			}
+			case "SET_SUCCESS": {
+				let n = t.get(r.file);
+				return n && t.set(r.file, {
+					...n,
+					progress: 100,
+					status: "success"
+				}), {
+					...e,
+					files: t
+				};
+			}
+			case "SET_ERROR": {
+				let n = t.get(r.file);
+				return n && t.set(r.file, {
+					...n,
+					error: r.error,
+					status: "error"
+				}), {
+					...e,
+					files: t
+				};
+			}
+			case "REMOVE_FILE":
+				if (n) {
+					let e = n.get(r.file);
+					e && (URL.revokeObjectURL(e), n.delete(r.file));
+				}
+				return t.delete(r.file), i && i(Array.from(t.values()).map((e) => e.file)), {
+					...e,
+					files: t
+				};
+			case "SET_DRAG_OVER": return {
+				...e,
+				dragOver: r.dragOver
+			};
+			case "SET_INVALID": return {
+				...e,
+				invalid: r.invalid
+			};
+			case "CLEAR":
+				if (n) for (let e of t.keys()) {
+					let t = n.get(e);
+					t && (URL.revokeObjectURL(t), n.delete(e));
+				}
+				return t.clear(), i && i([]), {
+					...e,
+					files: t,
+					invalid: !1
+				};
+			default: return e;
+		}
+	}
+	function s() {
+		return a;
+	}
+	function c(t) {
+		a = o(a, t);
+		for (let t of e) t();
+	}
+	function l(t) {
+		return e.add(t), () => e.delete(t);
+	}
+	return {
+		getState: s,
+		dispatch: c,
+		subscribe: l
+	};
+}
+var E = c.createContext(null);
+function D(e) {
+	let t = c.useContext(E);
+	if (!t) throw Error(`\`${e}\` must be used within \`${m}\``);
+	return t;
+}
+function O(e) {
+	let t = D("useStore"), n = w(() => null), r = c.useCallback(() => {
+		let r = t.getState(), i = n.current;
+		if (i && i.state === r) return i.value;
+		let a = e(r);
+		return n.current = {
+			value: a,
+			state: r
+		}, a;
+	}, [
+		t,
+		e,
+		n
+	]);
+	return c.useSyncExternalStore(t.subscribe, r, r);
+}
+var k = c.createContext(null);
+function A(e) {
+	let t = c.useContext(k);
+	if (!t) throw Error(`\`${e}\` must be used within \`${m}\``);
+	return t;
+}
+function j(t) {
+	let { value: n, defaultValue: r, onValueChange: i, onAccept: a, onFileAccept: o, onFileReject: s, onFileValidate: l, onUpload: m, accept: h, maxFiles: g, maxSize: _, dir: v, label: y, name: b, asChild: x, disabled: S = !1, invalid: C = !1, multiple: D = !1, required: O = !1, children: A, className: j, ...M } = t, N = c.useId(), P = c.useId(), F = c.useId(), I = c.useId(), L = p(v), R = w(() => /* @__PURE__ */ new Set()).current, z = w(() => /* @__PURE__ */ new Map()).current, B = w(() => /* @__PURE__ */ new WeakMap()).current, V = c.useRef(null), H = n !== void 0, U = c.useMemo(() => T(R, z, B, C, i), [
+		R,
+		z,
+		C,
+		i,
+		B
+	]), W = c.useMemo(() => h?.split(",").map((e) => e.trim()) ?? null, [h]), G = w(() => {
+		let e = 0;
+		return (t, n) => {
+			e ||= requestAnimationFrame(() => {
+				e = 0, U.dispatch({
+					type: "SET_PROGRESS",
+					file: t,
+					progress: Math.min(Math.max(0, n), 100)
+				});
+			});
+		};
+	}).current;
+	c.useEffect(() => {
+		H ? U.dispatch({
+			type: "SET_FILES",
+			files: n
+		}) : r && r.length > 0 && !U.getState().files.size && U.dispatch({
+			type: "SET_FILES",
+			files: r
+		});
+	}, [
+		n,
+		r,
+		H,
+		U
+	]), c.useEffect(() => () => {
+		for (let e of z.keys()) {
+			let t = B.get(e);
+			t && URL.revokeObjectURL(t);
+		}
+	}, [z, B]);
+	let K = c.useCallback(async (e) => {
+		try {
+			for (let t of e) U.dispatch({
+				type: "SET_PROGRESS",
+				file: t,
+				progress: 0
+			});
+			if (m) await m(e, {
+				onProgress: G,
+				onSuccess: (e) => {
+					U.dispatch({
+						type: "SET_SUCCESS",
+						file: e
+					});
+				},
+				onError: (e, t) => {
+					U.dispatch({
+						type: "SET_ERROR",
+						file: e,
+						error: t.message ?? "Upload failed"
+					});
+				}
+			});
+			else for (let t of e) U.dispatch({
+				type: "SET_SUCCESS",
+				file: t
+			});
+		} catch (t) {
+			let n = t instanceof Error ? t.message : "Upload failed";
+			for (let t of e) U.dispatch({
+				type: "SET_ERROR",
+				file: t,
+				error: n
+			});
+		}
+	}, [
+		U,
+		m,
+		G
+	]), q = c.useCallback((e) => {
+		if (S) return;
+		let t = [...e], n = !1;
+		if (g) {
+			let e = U.getState().files.size;
+			if (g === 1 && e > 0 && t.length > 0) U.dispatch({ type: "CLEAR" });
+			else {
+				let r = Math.max(0, g - e);
+				if (r < t.length) {
+					let e = t.slice(r);
+					n = !0, t = t.slice(0, r);
+					for (let t of e) {
+						let e = `Maximum ${g} files allowed`;
+						if (l) {
+							let n = l(t);
+							n && (e = n);
+						}
+						s?.(t, e);
+					}
+				}
+			}
+		}
+		let r = [], c = [];
+		for (let e of t) {
+			let t = !1, i = "";
+			if (l) {
+				let r = l(e);
+				if (r) {
+					i = r, s?.(e, i), t = !0, n = !0;
+					continue;
+				}
+			}
+			if (W) {
+				let r = e.type, a = `.${e.name.split(".").pop()}`;
+				W.some((e) => e === r || e === a || e.includes("/*") && r.startsWith(e.replace("/*", "/"))) || (i = "File type not accepted", s?.(e, i), t = !0, n = !0);
+			}
+			_ && e.size > _ && (i = "File too large", s?.(e, i), t = !0, n = !0), t ? c.push({
+				file: e,
+				message: i
+			}) : r.push(e);
+		}
+		if (n && (U.dispatch({
+			type: "SET_INVALID",
+			invalid: n
+		}), setTimeout(() => {
+			U.dispatch({
+				type: "SET_INVALID",
+				invalid: !1
+			});
+		}, 2e3)), r.length > 0) {
+			U.dispatch({
+				type: "ADD_FILES",
+				files: r
+			}), H && i && i([...Array.from(U.getState().files.values()).map((e) => e.file)]), a && a(r);
+			for (let e of r) o?.(e);
+			m && requestAnimationFrame(() => {
+				K(r);
+			});
+		}
+	}, [
+		U,
+		H,
+		i,
+		a,
+		o,
+		m,
+		K,
+		g,
+		l,
+		s,
+		W,
+		_,
+		S
+	]), J = c.useCallback((e) => {
+		q(Array.from(e.target.files ?? [])), e.target.value = "";
+	}, [q]), Y = c.useMemo(() => ({
+		dropzoneId: P,
+		inputId: N,
+		listId: F,
+		labelId: I,
+		dir: L,
+		disabled: S,
+		inputRef: V,
+		urlCache: B
+	}), [
+		P,
+		N,
+		F,
+		I,
+		L,
+		S,
+		B
+	]), X = x ? f : "div";
+	return /* @__PURE__ */ u(E.Provider, {
+		value: U,
+		children: /* @__PURE__ */ u(k.Provider, {
+			value: Y,
+			children: /* @__PURE__ */ d(X, {
+				"data-disabled": S ? "" : void 0,
+				"data-slot": "file-upload",
+				dir: L,
+				...M,
+				className: e("relative flex flex-col gap-2", j),
+				children: [
+					A,
+					/* @__PURE__ */ u("input", {
+						type: "file",
+						id: N,
+						"aria-labelledby": I,
+						"aria-describedby": P,
+						ref: V,
+						tabIndex: -1,
+						accept: h,
+						name: b,
+						className: "sr-only",
+						disabled: S,
+						multiple: D,
+						required: O,
+						onChange: J
+					}),
+					/* @__PURE__ */ u("span", {
+						id: I,
+						className: "sr-only",
+						children: y ?? "File upload"
+					})
+				]
+			})
+		})
+	});
+}
+function M(t) {
+	let { asChild: n, className: r, onClick: i, onDragOver: a, onDragEnter: o, onDragLeave: s, onDrop: l, onPaste: d, onKeyDown: p, ...m } = t, g = A(h), _ = D(h), v = O((e) => e.dragOver), y = O((e) => e.invalid), b = c.useCallback((e) => {
+		if (i?.(e), e.defaultPrevented) return;
+		let t = e.target;
+		t instanceof HTMLElement && t.closest("[data-slot=\"file-upload-trigger\"]") || g.inputRef.current?.click();
+	}, [g.inputRef, i]), x = c.useCallback((e) => {
+		a?.(e), !e.defaultPrevented && (e.preventDefault(), _.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: !0
+		}));
+	}, [_, a]), S = c.useCallback((e) => {
+		o?.(e), !e.defaultPrevented && (e.preventDefault(), _.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: !0
+		}));
+	}, [_, o]), C = c.useCallback((e) => {
+		if (s?.(e), e.defaultPrevented) return;
+		let t = e.relatedTarget;
+		t && t instanceof Node && e.currentTarget.contains(t) || (e.preventDefault(), _.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: !1
+		}));
+	}, [_, s]), w = c.useCallback((e) => {
+		if (l?.(e), e.defaultPrevented) return;
+		e.preventDefault(), _.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: !1
+		});
+		let t = Array.from(e.dataTransfer.files), n = g.inputRef.current;
+		if (!n) return;
+		let r = new DataTransfer();
+		for (let e of t) r.items.add(e);
+		n.files = r.files, n.dispatchEvent(new Event("change", { bubbles: !0 }));
+	}, [
+		_,
+		g.inputRef,
+		l
+	]), T = c.useCallback((e) => {
+		if (d?.(e), e.defaultPrevented) return;
+		e.preventDefault(), _.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: !1
+		});
+		let t = e.clipboardData?.items;
+		if (!t) return;
+		let n = [];
+		for (let e = 0; e < t.length; e++) {
+			let r = t[e];
+			if (r?.kind === "file") {
+				let e = r.getAsFile();
+				e && n.push(e);
+			}
+		}
+		if (n.length === 0) return;
+		let r = g.inputRef.current;
+		if (!r) return;
+		let i = new DataTransfer();
+		for (let e of n) i.items.add(e);
+		r.files = i.files, r.dispatchEvent(new Event("change", { bubbles: !0 }));
+	}, [
+		_,
+		g.inputRef,
+		d
+	]), E = c.useCallback((e) => {
+		p?.(e), !e.defaultPrevented && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g.inputRef.current?.click());
+	}, [g.inputRef, p]);
+	return /* @__PURE__ */ u(n ? f : "div", {
+		role: "region",
+		id: g.dropzoneId,
+		"aria-controls": `${g.inputId} ${g.listId}`,
+		"aria-disabled": g.disabled,
+		"aria-invalid": y,
+		"data-disabled": g.disabled ? "" : void 0,
+		"data-dragging": v ? "" : void 0,
+		"data-invalid": y ? "" : void 0,
+		"data-slot": "file-upload-dropzone",
+		dir: g.dir,
+		tabIndex: g.disabled ? void 0 : 0,
+		...m,
+		className: e("relative flex select-none flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 outline-none transition-colors hover:bg-accent/30 focus-visible:border-ring/50 data-disabled:pointer-events-none data-dragging:border-primary/30 data-invalid:border-destructive data-dragging:bg-accent/30 data-invalid:ring-destructive/20", r),
+		onClick: b,
+		onDragEnter: S,
+		onDragLeave: C,
+		onDragOver: x,
+		onDrop: w,
+		onKeyDown: E,
+		onPaste: T
+	});
+}
+function N(e) {
+	let { asChild: t, onClick: n, ...r } = e, i = A(g), a = c.useCallback((e) => {
+		n?.(e), !e.defaultPrevented && i.inputRef.current?.click();
+	}, [i.inputRef, n]);
+	return /* @__PURE__ */ u(t ? f : "button", {
+		type: "button",
+		"aria-controls": i.inputId,
+		"data-disabled": i.disabled ? "" : void 0,
+		"data-slot": "file-upload-trigger",
+		...r,
+		disabled: i.disabled,
+		onClick: a
+	});
+}
+function P(t) {
+	let { className: n, orientation: r = "vertical", asChild: i, forceMount: a, ...o } = t, s = A(_), c = O((e) => e.files.size), l = a || c > 0;
+	return l ? /* @__PURE__ */ u(i ? f : "div", {
+		role: "list",
+		id: s.listId,
+		"aria-orientation": r,
+		"data-orientation": r,
+		"data-slot": "file-upload-list",
+		"data-state": l ? "active" : "inactive",
+		dir: s.dir,
+		...o,
+		className: e("data-[state=inactive]:fade-out-0 data-[state=active]:fade-in-0 data-[state=inactive]:slide-out-to-top-2 data-[state=active]:slide-in-from-top-2 flex flex-col gap-2 data-[state=active]:animate-in data-[state=inactive]:animate-out", r === "horizontal" && "flex-row overflow-x-auto p-1.5", n)
+	}) : null;
+}
+var F = c.createContext(null);
+function I(e) {
+	let t = c.useContext(F);
+	if (!t) throw Error(`\`${e}\` must be used within \`${v}\``);
+	return t;
+}
+function L(t) {
+	let { value: n, asChild: r, className: i, ...a } = t, o = c.useId(), s = `${o}-status`, l = `${o}-name`, p = `${o}-size`, m = `${o}-message`, h = A(v), g = O((e) => e.files.get(n)), _ = O((e) => e.files.size), y = O((e) => Array.from(e.files.keys()).indexOf(n) + 1), b = c.useMemo(() => ({
+		id: o,
+		fileState: g,
+		nameId: l,
+		sizeId: p,
+		statusId: s,
+		messageId: m
+	}), [
+		o,
+		g,
+		s,
+		l,
+		p,
+		m
+	]);
+	if (!g) return null;
+	let x = g.error ? `Error: ${g.error}` : g.status === "uploading" ? `Uploading: ${g.progress}% complete` : g.status === "success" ? "Upload complete" : "Ready to upload", S = r ? f : "div";
+	return /* @__PURE__ */ u(F.Provider, {
+		value: b,
+		children: /* @__PURE__ */ d(S, {
+			role: "listitem",
+			id: o,
+			"aria-setsize": _,
+			"aria-posinset": y,
+			"aria-describedby": `${l} ${p} ${s} ${g.error ? m : ""}`,
+			"aria-labelledby": l,
+			"data-slot": "file-upload-item",
+			dir: h.dir,
+			...a,
+			className: e("relative flex items-center gap-2.5 rounded-md border p-3", i),
+			children: [t.children, /* @__PURE__ */ u("span", {
+				id: s,
+				className: "sr-only",
+				children: x
+			})]
+		})
+	});
+}
+function R(e) {
+	if (e === 0) return "0 B";
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = Math.floor(Math.log(e) / Math.log(1024));
+	return `${(e / 1024 ** n).toFixed(+!!n)} ${t[n]}`;
+}
+function z(e) {
+	let c = e.type, l = e.name.split(".").pop()?.toLowerCase() ?? "";
+	return c.startsWith("video/") ? /* @__PURE__ */ u(s, {}) : c.startsWith("audio/") ? /* @__PURE__ */ u(n, {}) : c.startsWith("text/") || [
+		"txt",
+		"md",
+		"rtf",
+		"pdf"
+	].includes(l) ? /* @__PURE__ */ u(o, {}) : [
+		"html",
+		"css",
+		"js",
+		"jsx",
+		"ts",
+		"tsx",
+		"json",
+		"xml",
+		"php",
+		"py",
+		"rb",
+		"java",
+		"c",
+		"cpp",
+		"cs"
+	].includes(l) ? /* @__PURE__ */ u(r, {}) : [
+		"zip",
+		"rar",
+		"7z",
+		"tar",
+		"gz",
+		"bz2"
+	].includes(l) ? /* @__PURE__ */ u(t, {}) : [
+		"exe",
+		"msi",
+		"app",
+		"apk",
+		"deb",
+		"rpm"
+	].includes(l) || c.startsWith("application/") ? /* @__PURE__ */ u(i, {}) : /* @__PURE__ */ u(a, {});
+}
+function B(t) {
+	let { render: n, asChild: r, children: i, className: a, ...o } = t, s = I(y), l = A(y), p = c.useCallback((e) => {
+		if (s.fileState?.file.type.startsWith("image/")) {
+			let t = l.urlCache.get(e);
+			return t || (t = URL.createObjectURL(e), l.urlCache.set(e, t)), /* @__PURE__ */ u("img", {
+				src: t,
+				alt: e.name,
+				className: "size-full object-cover"
+			});
+		}
+		return z(e);
+	}, [s.fileState?.file.type, l.urlCache]), m = c.useCallback((e) => n ? n(e, () => p(e)) : p(e), [n, p]);
+	return s.fileState ? /* @__PURE__ */ d(r ? f : "div", {
+		"aria-labelledby": s.nameId,
+		"data-slot": "file-upload-preview",
+		...o,
+		className: e("relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded border bg-accent/50 [&>svg]:size-10", a),
+		children: [m(s.fileState.file), i]
+	}) : null;
+}
+function V(t) {
+	let { asChild: n, size: r = "default", children: i, className: a, ...o } = t, s = A(b), c = I(b);
+	return c.fileState ? /* @__PURE__ */ u(n ? f : "div", {
+		"data-slot": "file-upload-metadata",
+		dir: s.dir,
+		...o,
+		className: e("flex min-w-0 flex-1 flex-col", a),
+		children: i ?? /* @__PURE__ */ d(l, { children: [
+			/* @__PURE__ */ u("span", {
+				id: c.nameId,
+				className: e("truncate font-medium text-sm", r === "sm" && "font-normal text-[13px] leading-snug"),
+				children: c.fileState.file.name
+			}),
+			/* @__PURE__ */ u("span", {
+				id: c.sizeId,
+				className: e("truncate text-muted-foreground text-xs", r === "sm" && "text-[11px] leading-snug"),
+				children: R(c.fileState.file.size)
+			}),
+			c.fileState.error && /* @__PURE__ */ u("span", {
+				id: c.messageId,
+				className: "text-destructive text-xs",
+				children: c.fileState.error
+			})
+		] })
+	}) : null;
+}
+function H(t) {
+	let { variant: n = "linear", size: r = 40, asChild: i, forceMount: a, className: o, ...s } = t, c = I(x);
+	if (!c.fileState || !(a || c.fileState.progress !== 100)) return null;
+	let l = i ? f : "div";
+	switch (n) {
+		case "circular": {
+			let t = 2 * Math.PI * ((r - 4) / 2), n = t - c.fileState.progress / 100 * t;
+			return /* @__PURE__ */ u(l, {
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": c.fileState.progress,
+				"aria-valuetext": `${c.fileState.progress}%`,
+				"aria-labelledby": c.nameId,
+				"data-slot": "file-upload-progress",
+				...s,
+				className: e("-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2", o),
+				children: /* @__PURE__ */ d("svg", {
+					className: "-rotate-90 transform",
+					width: r,
+					height: r,
+					viewBox: `0 0 ${r} ${r}`,
+					fill: "none",
+					stroke: "currentColor",
+					children: [/* @__PURE__ */ u("circle", {
+						className: "text-primary/20",
+						strokeWidth: "2",
+						cx: r / 2,
+						cy: r / 2,
+						r: (r - 4) / 2
+					}), /* @__PURE__ */ u("circle", {
+						className: "text-primary transition-[stroke-dashoffset] duration-300 ease-linear",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeDasharray: t,
+						strokeDashoffset: n,
+						cx: r / 2,
+						cy: r / 2,
+						r: (r - 4) / 2
+					})]
+				})
+			});
+		}
+		case "fill": {
+			let t = c.fileState.progress, n = 100 - t;
+			return /* @__PURE__ */ u(l, {
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": t,
+				"aria-valuetext": `${t}%`,
+				"aria-labelledby": c.nameId,
+				"data-slot": "file-upload-progress",
+				...s,
+				className: e("absolute inset-0 bg-primary/50 transition-[clip-path] duration-300 ease-linear", o),
+				style: { clipPath: `inset(${n}% 0% 0% 0%)` }
+			});
+		}
+		default: return /* @__PURE__ */ u(l, {
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": c.fileState.progress,
+			"aria-valuetext": `${c.fileState.progress}%`,
+			"aria-labelledby": c.nameId,
+			"data-slot": "file-upload-progress",
+			...s,
+			className: e("relative h-1.5 w-full overflow-hidden rounded-full bg-primary/20", o),
+			children: /* @__PURE__ */ u("div", {
+				className: "h-full w-full flex-1 bg-primary transition-transform duration-300 ease-linear",
+				style: { transform: `translateX(-${100 - c.fileState.progress}%)` }
+			})
+		});
+	}
+}
+function U(e) {
+	let { asChild: t, onClick: n, ...r } = e, i = D(S), a = I(S), o = c.useCallback((e) => {
+		n?.(e), !(!a.fileState || e.defaultPrevented) && i.dispatch({
+			type: "REMOVE_FILE",
+			file: a.fileState.file
+		});
+	}, [
+		i,
+		a.fileState,
+		n
+	]);
+	return a.fileState ? /* @__PURE__ */ u(t ? f : "button", {
+		type: "button",
+		"aria-controls": a.id,
+		"aria-describedby": a.nameId,
+		"data-slot": "file-upload-item-delete",
+		...r,
+		onClick: o
+	}) : null;
+}
+function W(e) {
+	let { asChild: t, forceMount: n, disabled: r, onClick: i, ...a } = e, o = A(C), s = D(C), l = O((e) => e.files.size), d = r || o.disabled, p = c.useCallback((e) => {
+		i?.(e), !e.defaultPrevented && s.dispatch({ type: "CLEAR" });
+	}, [s, i]);
+	return n || l > 0 ? /* @__PURE__ */ u(t ? f : "button", {
+		type: "button",
+		"aria-controls": o.listId,
+		"data-slot": "file-upload-clear",
+		"data-disabled": d ? "" : void 0,
+		...a,
+		disabled: d,
+		onClick: p
+	}) : null;
+}
+//#endregion
+export { W as FileUploadClear, M as FileUploadDropzone, L as FileUploadItem, U as FileUploadItemDelete, V as FileUploadItemMetadata, B as FileUploadItemPreview, H as FileUploadItemProgress, P as FileUploadList, j as FileUploadRoot, N as FileUploadTrigger, O as useStore };