@slotted/react 0.1.0-beta.0 → 0.1.0-beta.10

package/dist/upload-CEDsfMWz.js

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

package/dist/upload.js

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

package/dist/visually-hidden-BUSrFZ1_.js

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

package/dist/visually-hidden.js

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