@slotted/react 0.0.0-stage → 0.1.0-beta.1

package/dist/upload-Bq_UiyMr.js

@@ -0,0 +1,613 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { n as i } from "./progress-indicator-DwvUSFFs.js";
+import { b as a } from "./field-BJh5HI7w.js";
+import { o, p as s } from "./dialog-Dmy-m_pe.js";
+import { createControllable as c } from "@slotted/core/state";
+import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as ee, useImperativeHandle as te, useMemo as ne, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createPortalRoot as re } from "@slotted/core/portal";
+import { uploadMessages as v } from "@slotted/core/i18n";
+import { createUploadRunner as y, estimateRemaining as b, formatBytes as x, formatDuration as S, isViewable as ie, selectFiles as ae, splitName as oe, uploadSummary as se } from "@slotted/core/upload";
+import { getLiveAnnouncer as ce } from "@slotted/core/live-announcer";
+//#region src/upload/upload-defaults.tsx
+var le = l({
+	variant: "dropzone",
+	layout: "list",
+	size: "md",
+	preview: "auto",
+	view: "auto",
+	duplicates: "reject",
+	clickToBrowse: !0,
+	allowDrop: !0,
+	allowPaste: !0,
+	preventDocumentDrop: !0,
+	autoUpload: !0,
+	pendingBlocksSubmit: !0,
+	adapter: void 0,
+	concurrency: 3,
+	retries: 0,
+	retryDelay: 1e3,
+	stallAfter: 1e4,
+	maxRows: 6,
+	fileKey: void 0
+});
+function ue() {
+	return d(le);
+}
+function de({ children: e, ...t }) {
+	let n = ue();
+	return /* @__PURE__ */ g(le.Provider, {
+		value: {
+			...n,
+			...Object.fromEntries(Object.entries(t).filter(([, e]) => e !== void 0))
+		},
+		children: e
+	});
+}
+function fe(e) {
+	return {
+		bytes: (t) => x(t, e),
+		duration: (t) => S(t, e)
+	};
+}
+//#endregion
+//#region src/upload/upload-viewer.tsx
+function pe({ files: n, size: r, viewing: i, urls: a, t: c, formatters: l, onViewing: u }) {
+	let [d, ee] = m(null), [te, ne] = m(null);
+	f(() => {
+		if (d === null) return;
+		let e = re({ origin: d });
+		return ne(e.container), () => {
+			ne(null), e.release();
+		};
+	}, [d]);
+	let p = n.filter((e) => e.file !== void 0 && ie(e)), v = p.findIndex((e) => e.key === i), y = v === -1 ? n.find((e) => e.key === i) : p[v], b = (e, t) => {
+		let n = p[v + e];
+		n !== void 0 && u(n.key, "keyboard", t);
+	};
+	f(() => {
+		if (y === void 0) return;
+		let e = (e) => {
+			if (e.key === "ArrowLeft") b(-1, e);
+			else if (e.key === "ArrowRight") b(1, e);
+			else if (e.key === "Home") {
+				let t = p[0];
+				t !== void 0 && u(t.key, "keyboard", e);
+			} else if (e.key === "End") {
+				let t = p.at(-1);
+				t !== void 0 && u(t.key, "keyboard", e);
+			} else return;
+			e.preventDefault();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	});
+	let x = /* @__PURE__ */ g("span", {
+		hidden: !0,
+		ref: ee
+	});
+	if (y === void 0 || te === null) return x;
+	let S = a.get(y.key);
+	return /* @__PURE__ */ _(h, { children: [x, /* @__PURE__ */ g(s, {
+		container: te,
+		fullScreen: "always",
+		onOpenChange: (e, t) => {
+			e || u(null, t.reason === "escape" || t.reason === "outsidePress" ? t.reason : "dismiss", t.source);
+		},
+		open: !0,
+		children: /* @__PURE__ */ g(o, {
+			"aria-label": y.name,
+			children: /* @__PURE__ */ _("div", {
+				"data-part": "viewer",
+				"data-size": r,
+				"data-ui": "upload",
+				children: [/* @__PURE__ */ _("div", {
+					"data-part": "viewerHeader",
+					children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h2", {
+						"data-part": "viewerTitle",
+						children: y.name
+					}), /* @__PURE__ */ g("span", {
+						"data-part": "viewerMeta",
+						children: v === -1 ? c("viewerMeta", {
+							size: l.bytes(y.size),
+							kind: c(y.kind)
+						}) : c("viewerMetaPosition", {
+							size: l.bytes(y.size),
+							kind: c(y.kind),
+							index: v + 1,
+							count: p.length
+						})
+					})] }), /* @__PURE__ */ _("span", {
+						"data-part": "viewerActions",
+						children: [S === void 0 ? null : /* @__PURE__ */ g("button", {
+							"aria-label": c("viewerExternal"),
+							"data-part": "viewerExternal",
+							onClick: () => window.open(S, "_blank", "noopener,noreferrer"),
+							type: "button",
+							children: /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: "external" }) })
+						}), /* @__PURE__ */ g("button", {
+							"aria-label": c("viewerClose"),
+							"data-part": "viewerClose",
+							onClick: (e) => u(null, "pointer", e),
+							type: "button",
+							children: /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: "x" }) })
+						})]
+					})]
+				}), /* @__PURE__ */ _("div", {
+					"data-part": "viewerStage",
+					children: [
+						p.length > 1 ? /* @__PURE__ */ g("button", {
+							"aria-label": c("viewerPrevious"),
+							"data-part": "viewerPrevious",
+							disabled: v <= 0,
+							onClick: (e) => b(-1, e),
+							type: "button",
+							children: /* @__PURE__ */ g(t, {
+								directional: !0,
+								children: /* @__PURE__ */ g(e, { name: "chevron-right" })
+							})
+						}) : null,
+						/* @__PURE__ */ g(me, {
+							current: y,
+							t: c,
+							url: S
+						}),
+						p.length > 1 ? /* @__PURE__ */ g("button", {
+							"aria-label": c("viewerNext"),
+							"data-part": "viewerNext",
+							disabled: v === -1 || v >= p.length - 1,
+							onClick: (e) => b(1, e),
+							type: "button",
+							children: /* @__PURE__ */ g(t, {
+								directional: !0,
+								children: /* @__PURE__ */ g(e, { name: "chevron-right" })
+							})
+						}) : null
+					]
+				})]
+			})
+		})
+	})] });
+}
+function me({ current: n, t: r, url: i }) {
+	let a = n.type.split(";")[0] ?? "";
+	return i !== void 0 && a.startsWith("image/") ? /* @__PURE__ */ g("img", {
+		alt: n.name,
+		src: i
+	}) : i !== void 0 && a.startsWith("video/") ? /* @__PURE__ */ g("video", {
+		controls: !0,
+		src: i
+	}) : i !== void 0 && a.startsWith("audio/") ? /* @__PURE__ */ g("audio", {
+		controls: !0,
+		src: i
+	}) : i !== void 0 && a === "application/pdf" ? /* @__PURE__ */ g("iframe", {
+		src: i,
+		title: n.name
+	}) : i !== void 0 && a.startsWith("text/") ? /* @__PURE__ */ g("iframe", {
+		sandbox: "",
+		src: i,
+		title: n.name
+	}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
+		"data-extension": ge(n.name, r("noExtension")),
+		"data-kind": n.kind,
+		"data-part": "preview",
+		children: /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: he[n.kind] }) })
+	}), /* @__PURE__ */ g("p", { children: r("viewerUnsupported") })] });
+}
+var he = {
+	archive: "file-archive",
+	audio: "file-audio",
+	document: "file-type",
+	image: "file-image",
+	other: "file",
+	pdf: "file-text",
+	presentation: "presentation",
+	spreadsheet: "file-spreadsheet",
+	video: "file-video"
+};
+function ge(e, t) {
+	let n = e.lastIndexOf(".");
+	return n <= 0 ? t : e.slice(n + 1).toUpperCase();
+}
+//#endregion
+//#region src/upload/upload.tsx
+function _e({ accept: o, adapter: s, allowDrop: l, allowPaste: d, autoUpload: re, capture: x, children: S, className: le, clickToBrowse: de, concurrency: me, defaultFiles: ge, defaultViewing: _e = null, description: C, directory: be = !1, disabled: xe, duplicates: Se, fileKey: Ce, files: w, handleRef: we, id: T, invalid: Te, label: Ee, layout: De, locale: Oe, maxFiles: E, maxRows: ke, maxSize: Ae, maxTotalSize: je, messages: Me, minFiles: D, minSize: Ne, multiple: O = !1, name: Pe, onChange: Fe, onDragEnter: Ie, onDragLeave: Le, onDragOver: Re, onDrop: ze, onFilesChange: Be, onPaste: Ve, onReject: He, onViewingChange: Ue, pendingBlocksSubmit: We, preventDocumentDrop: Ge, preview: Ke, readOnly: qe, render: Je, required: Ye, retries: Xe, retryDelay: Ze, size: Qe, stallAfter: $e, style: et, transform: tt, validate: nt, variant: rt, view: it, viewing: k, ...at }) {
+	let A = ue(), j = a(), ot = ee(), st = p(null), ct = p(null), M = rt ?? A.variant, lt = De ?? A.layout, ut = Qe ?? j?.size ?? A.size, dt = Ke ?? A.preview, N = it ?? A.view, ft = Se ?? A.duplicates, pt = de ?? A.clickToBrowse, P = l ?? A.allowDrop, mt = d ?? A.allowPaste, ht = Ge ?? A.preventDocumentDrop, gt = re ?? A.autoUpload, _t = We ?? A.pendingBlocksSubmit, vt = s ?? A.adapter, yt = ke ?? A.maxRows, bt = n(), xt = Oe ?? bt, F = r(v, Me), I = fe(xt), St = (e) => e.reason === "size" ? F("rejection.size", { size: I.bytes(e.size) }) : F(`rejection.${e.reason ?? "custom"}`), L = xe ?? j?.disabled, R = qe ?? j?.readOnly, Ct = Te ?? j?.invalid, wt = Ye ?? j?.required, Tt = j != null, [Et, Dt] = m(ge ?? []), z = w ?? Et, [Ot, kt] = m(_e), B = k === void 0 ? Ot : k, V = p(z);
+	V.current = z;
+	let H = u((e, t, n) => {
+		c({
+			controlled: w,
+			initial: V.current,
+			onRequest: (e) => Be?.(e.value, e),
+			equals: (e, t) => e === t
+		}).request(e, t, n) && Dt(e), V.current = e;
+	}, [w, Be]), At = u((e, t) => {
+		let n = V.current.map((n) => n.key === e ? {
+			...n,
+			...t
+		} : n);
+		H(n, "programmatic", void 0);
+	}, [H]), U = p(null), [jt, Mt] = m(!1);
+	f(() => {
+		if (vt === void 0) {
+			U.current = null, Mt(!1);
+			return;
+		}
+		let e = y({
+			adapter: vt,
+			concurrency: me ?? A.concurrency,
+			retries: Xe ?? A.retries,
+			retryDelay: Ze ?? A.retryDelay,
+			stallAfter: $e ?? A.stallAfter,
+			onPatch: At
+		});
+		return U.current = e, Mt(e.pausable), () => {
+			e.destroy(), U.current = null;
+		};
+	}, [
+		vt,
+		me,
+		A.concurrency,
+		A.retries,
+		A.retryDelay,
+		A.stallAfter,
+		At,
+		Xe,
+		Ze,
+		$e
+	]);
+	let [W, Nt] = m(/* @__PURE__ */ new Map()), G = p(W);
+	G.current = W, f(() => {
+		let e = new Map(G.current), t = !1;
+		for (let n of z) n.file === void 0 || e.has(n.key) || (dt !== "none" || N !== "none") && ie(n) && (e.set(n.key, URL.createObjectURL(n.file)), t = !0);
+		let n = new Set(z.map((e) => e.key));
+		for (let [r, i] of e) n.has(r) || (URL.revokeObjectURL(i), e.delete(r), t = !0);
+		t && Nt(e);
+	}, [
+		z,
+		dt,
+		N
+	]), f(() => () => {
+		for (let e of G.current.values()) URL.revokeObjectURL(e);
+	}, []);
+	let K = (e) => {
+		ce()?.announce(e);
+	}, q = L !== !0 && R !== !0, Pt = async (e, t, n) => {
+		if (!q || e.length === 0) return;
+		let r = tt === void 0 ? [...e] : await tt([...e]), i = V.current, a = ae(r, i, {
+			accept: o,
+			multiple: O,
+			directory: be,
+			maxFiles: E,
+			maxSize: Ae,
+			minSize: Ne,
+			maxTotalSize: je,
+			duplicates: ft,
+			validate: nt,
+			fileKey: Ce ?? A.fileKey
+		});
+		H(a.files, t, n);
+		let s = a.files.filter((e) => e.status !== "rejected" && !i.includes(e)).length;
+		if (s > 0 && K(F("added", { count: s })), a.rejected.length > 0) {
+			He?.(a.rejected);
+			for (let e of a.rejected) K(F("fileNotice", {
+				name: e.name,
+				message: St(e)
+			}));
+		}
+		if (gt) for (let e of a.files) e.status === "ready" && e.file !== void 0 && U.current?.enqueue(e.key, e.file);
+	}, J = p(0), [Ft, It] = m(!1), [Lt, Y] = m(null), Rt = (e) => {
+		let t = [...e?.items ?? []].filter((e) => e.kind === "file");
+		return t.length === 0 || !O && t.length > 1 || E !== void 0 && t.length > E ? "invalid" : o === void 0 || o.trim() === "" ? "target" : t.some((e) => e.type !== "" && !ye(e.type, o)) ? "invalid" : "target";
+	}, zt = (e) => {
+		Ie?.(e), P && q && (J.current += 1, It(!0), Y(Rt(e.dataTransfer)));
+	}, Bt = (e) => {
+		Le?.(e), P && q && (--J.current, !(J.current > 0) && (J.current = 0, It(!1), Y(null)));
+	}, Vt = (e) => {
+		Re?.(e), P && q && e.preventDefault();
+	}, Ht = (e) => {
+		ze?.(e), P && q && (e.preventDefault(), J.current = 0, It(!1), Y(null), Pt([...e.dataTransfer.files], "pointer", e));
+	}, Ut = (e) => {
+		if (Ve?.(e), !mt || !q) return;
+		let t = [...e.clipboardData.files];
+		t.length > 0 && Pt(t, "keyboard", e);
+	}, [Wt, Gt] = m(!1);
+	f(() => {
+		if (!ht) return;
+		let e = (e) => {
+			[...e.dataTransfer?.types ?? []].includes("Files") && (Gt(!0), e.target?.closest?.("[data-ui=\"upload\"]") || (e.preventDefault(), e.dataTransfer !== null && (e.dataTransfer.dropEffect = "none")));
+		}, t = (e) => {
+			Gt(!1), e.target?.closest?.("[data-ui=\"upload\"]") || e.preventDefault();
+		};
+		return document.addEventListener("dragover", e), document.addEventListener("drop", t), document.addEventListener("dragend", t), () => {
+			document.removeEventListener("dragover", e), document.removeEventListener("drop", t), document.removeEventListener("dragend", t);
+		};
+	}, [ht]);
+	let X = ne(() => se(z), [z]), Z = p([]);
+	Z.current.at(-1)?.loaded !== X.loaded && (Z.current = [...Z.current, {
+		at: Date.now(),
+		loaded: X.loaded
+	}].slice(-8));
+	let Kt = X.pending ? b(Z.current, X) : null;
+	f(() => {
+		let e = st.current;
+		if (e === null) return;
+		let t = D !== void 0 && X.counts.success < D, n = _t && X.pending;
+		e.setCustomValidity(n || t ? F("pending") : "");
+	}, [
+		F,
+		D,
+		_t,
+		X.counts.success,
+		X.pending
+	]);
+	let Q = X.complete && X.total > 0, qt = p(Q);
+	f(() => {
+		let e = qt.current;
+		qt.current = Q, Q && !e && K(F("finished", {
+			uploaded: X.counts.success,
+			total: X.total
+		}));
+	}, [
+		Q,
+		X.counts.success,
+		X.total
+	]);
+	let Jt = p(/* @__PURE__ */ new Map());
+	f(() => {
+		let e = Jt.current;
+		for (let t of z) {
+			let n = e.get(t.key);
+			n !== void 0 && n !== t.status && (t.status === "error" || t.status === "canceled") && K(F("fileNotice", {
+				name: t.name,
+				message: F(t.status)
+			}));
+		}
+		Jt.current = new Map(z.map((e) => [e.key, e.status]));
+	}, [z, F]);
+	let Yt = (e, t, n) => {
+		let r = U.current;
+		if (t === "remove") {
+			r?.remove(e.key), H(V.current.filter((t) => t.key !== e.key), "remove", n), B === e.key && $(null, "dismiss", n);
+			return;
+		}
+		e.file !== void 0 && r !== null && (t === "start" || t === "retry" ? r.start(e.key, e.file) : t === "pause" ? r.pause(e.key) : t === "resume" ? r.resume(e.key) : r.cancel(e.key));
+	}, $ = (e, t, n) => {
+		c({
+			controlled: k,
+			initial: B,
+			onRequest: (e) => Ue?.(e.value, e)
+		}).request(e, t, n) && kt(e);
+	};
+	te(we, () => ({
+		browse: () => st.current?.click(),
+		upload: () => {
+			for (let e of V.current) e.status === "ready" && e.file !== void 0 && U.current?.start(e.key, e.file);
+		},
+		retryAll: () => {
+			for (let e of V.current) e.status === "error" && e.file !== void 0 && U.current?.start(e.key, e.file);
+		},
+		cancelAll: () => {
+			for (let e of V.current) U.current?.cancel(e.key);
+		},
+		clear: () => {
+			for (let e of V.current) U.current?.remove(e.key);
+			H([], "clear", void 0);
+		},
+		view: (e) => $(e, "programmatic", void 0)
+	}));
+	let Xt = (n) => {
+		if (R === !0) return null;
+		let r = (r, i) => /* @__PURE__ */ g("button", {
+			"aria-label": F(i, { name: n.name }),
+			"data-part": r,
+			onClick: (e) => Yt(n, i, e),
+			type: "button",
+			children: /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: ve[r] }) })
+		}, r);
+		switch (n.status) {
+			case "ready": return [r("start", "start"), r("remove", "remove")];
+			case "queued": return [r("cancel", "cancel"), r("remove", "remove")];
+			case "uploading": return [...jt ? [r("pause", "pause")] : [], r("cancel", "cancel")];
+			case "paused": return [r("start", "resume"), r("cancel", "cancel")];
+			case "stalled": return [r("cancel", "cancel")];
+			case "error": return [r("retry", "retry"), r("remove", "remove")];
+			case "canceled": return [r("start", "start"), r("remove", "remove")];
+			default: return [r("remove", "remove")];
+		}
+	}, Zt = (n) => {
+		let { stem: r, extension: a } = oe(n.name), o = W.get(n.key), s = N !== "none" && o !== void 0 && ie(n), c = [
+			"uploading",
+			"paused",
+			"stalled"
+		].includes(n.status), l = n.total !== void 0 && n.total > 0 ? n.loaded / n.total * 100 : null, u = {
+			"data-part": "filename",
+			dir: "auto",
+			children: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
+				"data-part": "name",
+				children: r
+			}), a === "" ? null : /* @__PURE__ */ g("span", {
+				"data-part": "extension",
+				children: a
+			})] })
+		};
+		return /* @__PURE__ */ _("li", {
+			"data-part": "item",
+			"data-status": n.status,
+			children: [
+				dt === "none" && lt === "list" ? null : /* @__PURE__ */ g("span", {
+					"data-extension": a.replace(".", "").toUpperCase() || F("noExtension"),
+					"data-kind": n.kind,
+					"data-part": "preview",
+					children: o !== void 0 && n.type.startsWith("image/") ? /* @__PURE__ */ g("img", {
+						alt: "",
+						src: o
+					}) : /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: he[n.kind] }) })
+				}),
+				/* @__PURE__ */ _("div", {
+					"data-part": "body",
+					children: [s ? /* @__PURE__ */ g("button", {
+						...u,
+						onClick: (e) => $(n.key, "pointer", e),
+						type: "button"
+					}) : /* @__PURE__ */ g("span", { ...u }), /* @__PURE__ */ _("div", {
+						"data-part": "detail",
+						children: [/* @__PURE__ */ g("span", {
+							"data-part": "meta",
+							children: I.bytes(n.size)
+						}), /* @__PURE__ */ _("span", {
+							"data-part": "status",
+							children: [F(n.status), l !== null && c ? ` · ${Math.round(l)}%` : ""]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ g("span", {
+					"data-part": "actions",
+					children: Xt(n)
+				}),
+				c ? /* @__PURE__ */ g("div", {
+					"data-part": "progress",
+					children: /* @__PURE__ */ g(i, {
+						decorative: !0,
+						size: "sm",
+						tone: n.status === "uploading" ? "accent" : "warning",
+						value: l
+					})
+				}) : null,
+				n.status === "rejected" || n.status === "error" ? /* @__PURE__ */ g("p", {
+					"data-part": "message",
+					children: n.status === "rejected" ? St(n) : F("error")
+				}) : null
+			]
+		}, n.key);
+	}, Qt = {
+		...L === !0 ? { "data-disabled": "" } : {},
+		...Ct === !0 ? { "data-invalid": "" } : {},
+		...R === !0 ? { "data-readonly": "" } : {},
+		...wt === !0 ? { "data-required": "" } : {},
+		...X.pending ? { "data-loading": "" } : {},
+		...X.complete ? { "data-complete": "" } : {},
+		...Ft || Wt ? { "data-dragging": "" } : {},
+		className: le,
+		"data-layout": lt,
+		"data-part": "root",
+		"data-size": ut,
+		"data-ui": "upload",
+		"data-variant": M,
+		style: et,
+		children: /* @__PURE__ */ _(h, { children: [
+			Ee === void 0 || Tt ? null : /* @__PURE__ */ g("span", {
+				"data-part": "label",
+				children: Ee
+			}),
+			C === void 0 || Tt ? null : /* @__PURE__ */ g("p", {
+				"data-part": "description",
+				id: `${T ?? ot}-description`,
+				children: C
+			}),
+			M === "button" ? $t() : /* @__PURE__ */ _("div", {
+				"data-part": "dropzone",
+				...pt && q ? { "data-browsable": "" } : {},
+				...Lt === "target" ? { "data-drop-target": "" } : {},
+				...Lt === "invalid" ? { "data-drop-invalid": "" } : {},
+				onClick: (e) => {
+					pt && q && (e.target.closest("[data-part=\"trigger\"]") || ct.current?.click());
+				},
+				onDragEnter: zt,
+				onDragLeave: Bt,
+				onDragOver: Vt,
+				onDrop: Ht,
+				onPaste: Ut,
+				children: [
+					M === "dropzone" ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: "upload" }) }), F("dropzone")] }) : null,
+					$t(),
+					M === "field" ? /* @__PURE__ */ g("span", {
+						"data-part": "meta",
+						children: z.length === 0 ? "—" : z.length === 1 ? `${z[0]?.name} · ${I.bytes(z[0]?.size ?? 0)}` : F("selection", { count: z.length })
+					}) : null
+				]
+			}),
+			z.length > 1 ? /* @__PURE__ */ _("div", {
+				"data-part": "summary",
+				children: [/* @__PURE__ */ g("span", { children: Kt === null ? F("summary", {
+					uploaded: X.counts.success,
+					total: X.total
+				}) : F("summaryRemaining", {
+					uploaded: X.counts.success,
+					total: X.total,
+					duration: I.duration(Kt)
+				}) }), R === !0 ? null : /* @__PURE__ */ g("button", {
+					"data-part": "clear",
+					onClick: (e) => {
+						for (let e of V.current) U.current?.remove(e.key);
+						H([], "clear", e);
+					},
+					type: "button",
+					children: F("clear")
+				})]
+			}) : null,
+			z.length === 0 || M === "field" && z.length === 1 ? null : /* @__PURE__ */ g("ul", {
+				"data-part": "list",
+				style: { "--slotted-upload-visible-rows": yt === 0 ? z.length : yt },
+				children: z.map(Zt)
+			}),
+			S,
+			/* @__PURE__ */ g(pe, {
+				files: z,
+				formatters: I,
+				onViewing: $,
+				size: ut,
+				t: F,
+				urls: W,
+				viewing: N === "none" ? null : B
+			})
+		] }),
+		...at
+	};
+	function $t() {
+		return /* @__PURE__ */ _("label", {
+			"data-part": "trigger",
+			ref: ct,
+			children: [
+				M === "dropzone" ? null : /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: "upload" }) }),
+				/* @__PURE__ */ g("input", {
+					accept: o,
+					"aria-describedby": [C === void 0 ? void 0 : `${T ?? ot}-description`, j?.describedBy].filter(Boolean).join(" ") || void 0,
+					capture: x,
+					"data-part": "input",
+					disabled: L,
+					id: T ?? j?.ids.control,
+					multiple: O,
+					name: Pe,
+					onChange: (e) => {
+						Fe?.(e), Pt([...e.currentTarget.files ?? []], "select", e), e.currentTarget.value = "";
+					},
+					ref: st,
+					required: wt,
+					type: "file",
+					...be ? { webkitdirectory: "" } : {}
+				}),
+				F("trigger")
+			]
+		});
+	}
+	return Je === void 0 ? /* @__PURE__ */ g("div", { ...Qt }) : Je(Qt);
+}
+var ve = {
+	cancel: "x",
+	pause: "pause",
+	remove: "trash",
+	retry: "rotate-ccw",
+	start: "play"
+};
+function ye(e, t) {
+	let n = t.split(",").map((e) => e.trim().toLowerCase()).filter((e) => e.length > 0 && !e.startsWith("."));
+	if (n.length === 0) return !0;
+	let [r, i] = e.toLowerCase().split("/");
+	return n.some((e) => {
+		let [t, n] = e.split("/");
+		return (t === "*" || t === r) && (n === "*" || n === i);
+	});
+}
+//#endregion
+export { de as n, ue as r, _e as t };

package/dist/upload.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "./upload-Bq_UiyMr.js";
+export { n as Upload, e as UploadDefaultsProvider, t as useUploadDefaults };

package/dist/visually-hidden-CE6u5JLW.js

@@ -0,0 +1,14 @@
+/* empty css                         */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/visually-hidden/visually-hidden.tsx
+function t({ focusable: t = !1, render: n, ...r }) {
+	let i = {
+		...r,
+		"data-focusable": t ? "" : void 0,
+		"data-part": "root",
+		"data-ui": "visually-hidden"
+	};
+	return n === void 0 ? /* @__PURE__ */ e("span", { ...i }) : n(i);
+}
+//#endregion
+export { t };

package/dist/visually-hidden.js

@@ -0,0 +1,2 @@
+import { t as e } from "./visually-hidden-CE6u5JLW.js";
+export { e as VisuallyHidden };