@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index16.js

@@ -1,727 +1,5 @@
-"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;
-}
+import * as e from "react";
+//#region ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+var t = globalThis?.document ? e.useLayoutEffect : () => {};
 //#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 };
+export { t as useLayoutEffect2 };