@harryy/react-file-browser 0.0.0

package/dist/index.js

@@ -0,0 +1,3212 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./chunks/path-CPm7s9NF.js";
+import { FILE_BROWSER_THEME_CONTRACT as l, getFileBrowserDensityAttributes as u } from "./theme/index.js";
+import { t as d } from "./chunks/browser-4lIkMGbo.js";
+import { createContext as f, createElement as p, forwardRef as m, useCallback as h, useContext as g, useEffect as _, useMemo as v, useRef as y, useState as b, useSyncExternalStore as x } from "react";
+import S from "react-selecto";
+import { createPortal as C } from "react-dom";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/core/use-file-browser.ts
+function D({ adapter: n, initialPath: i = "/" }) {
+	let [o, s] = b(() => a(i)), [c, l] = b("loading"), [u, d] = b([]), [f, p] = b(), [m, g] = b(null), [x, S] = b(() => /* @__PURE__ */ new Set()), [C, w] = b(null), [T, E] = b(null), [D, j] = b(null), [M, ne] = b("grid"), [N, re] = b(""), [P, ie] = b("all"), [F, ae] = b("name"), [I, oe] = b("asc"), se = y(0), ce = y(o), L = v(() => ({
+		createFolder: typeof n.createFolder == "function",
+		rename: typeof n.rename == "function",
+		move: typeof n.move == "function",
+		copy: typeof n.copy == "function",
+		stat: typeof n.stat == "function",
+		exists: typeof n.exists == "function",
+		multipart: typeof n.createMultipartUpload == "function" && typeof n.uploadPart == "function" && typeof n.completeMultipartUpload == "function",
+		bulkDownload: typeof n.bulkDownloadUrl == "function"
+	}), [n]), R = v(() => te(Array.from(x)), [x]), le = v(() => u.filter((e) => x.has(e.path)), [u, x]), z = v(() => {
+		let e = N.trim().toLowerCase();
+		return [...u].filter((t) => e ? t.name.toLowerCase().includes(e) : !0).filter((e) => P === "all" ? !0 : e.kind === (P === "files" ? "file" : "folder")).sort((e, t) => ee(e, t, F, I));
+	}, [
+		P,
+		u,
+		N,
+		F,
+		I
+	]), ue = h(async (e, t) => {
+		let r = a(e), i = ++se.current;
+		l((e) => t === "replace" || e === "idle" ? "loading" : e), g(null);
+		try {
+			let e = await n.list(r, { cursor: t === "append" ? f : void 0 });
+			if (i !== se.current) return;
+			d((n) => t === "append" ? O(n, e.items) : e.items), p(e.cursor), l("ready");
+		} catch (e) {
+			if (i !== se.current) return;
+			g(A(e)), l("error");
+		}
+	}, [n, f]), de = h(async () => {
+		await ue(o, "replace");
+	}, [o, ue]), fe = h(async (e) => {
+		let t = a(e);
+		ce.current = t, s(t), S(/* @__PURE__ */ new Set()), w(null), E(null), p(void 0), await ue(t, "replace");
+	}, [ue]), pe = h(async () => {
+		!f || c === "loading" || await ue(o, "append");
+	}, [
+		o,
+		f,
+		ue,
+		c
+	]);
+	_(() => {
+		Promise.resolve().then(() => ue(o, "replace"));
+	}, [n]);
+	let B = h((e) => {
+		let t = a(e);
+		S(/* @__PURE__ */ new Set([t])), w(t), E(t);
+	}, []), me = h((e) => {
+		let t = a(e);
+		S((e) => {
+			let n = new Set(e);
+			return n.has(t) ? n.delete(t) : n.add(t), n;
+		}), w(t);
+	}, []), he = h((e) => {
+		let t = a(e), n = T ?? C ?? t, r = z.map((e) => e.path), i = r.indexOf(n), o = r.indexOf(t);
+		if (i === -1 || o === -1) {
+			B(t);
+			return;
+		}
+		let s = Math.min(i, o), c = Math.max(i, o);
+		S(new Set(r.slice(s, c + 1))), w(t);
+	}, [
+		z,
+		C,
+		T,
+		B
+	]), ge = h((e, t = {}) => {
+		let n = e.map(a);
+		S((e) => {
+			let r = t.additive ? new Set(e) : /* @__PURE__ */ new Set();
+			for (let e of n) r.add(e);
+			return r;
+		}), w(n.at(-1) ?? null), E(n.at(0) ?? null);
+	}, []), _e = h(() => {
+		S(new Set(u.map((e) => e.path))), w(u.at(0)?.path ?? null), E(u.at(0)?.path ?? null);
+	}, [u]), ve = h(() => {
+		S(/* @__PURE__ */ new Set()), w(null), E(null);
+	}, []), ye = h(async (e) => {
+		e.kind === "folder" ? await fe(e.path) : B(e.path);
+	}, [fe, B]), V = h(async (r) => {
+		if (!n.createFolder) throw new t("not_supported", "Folder creation is not supported by this adapter");
+		let i = e(o, r.trim()), a = {
+			path: i,
+			name: r.trim(),
+			kind: "folder",
+			modifiedAt: (/* @__PURE__ */ new Date()).toISOString()
+		};
+		d((e) => O(e, [a]));
+		try {
+			let e = await n.createFolder(i);
+			return d((t) => O(k(t, [i]), [e])), e;
+		} catch (e) {
+			throw d((e) => k(e, [i])), e;
+		}
+	}, [n, o]), be = h(async (e, r) => {
+		if (!n.rename) throw new t("not_supported", "Rename is not supported by this adapter");
+		let i = a(e), o = u;
+		d((e) => e.map((e) => e.path === i ? {
+			...e,
+			name: r.trim()
+		} : e));
+		try {
+			let e = await n.rename(i, r.trim());
+			return d((t) => t.map((t) => t.path === i ? e : t)), e;
+		} catch (e) {
+			throw d(o), e;
+		}
+	}, [n, u]), xe = h(async (e) => {
+		let t = e.map(a), i = u, o = x;
+		d((e) => k(e, t)), S((e) => {
+			let n = new Set(e);
+			for (let e of t) n.delete(e);
+			return n;
+		});
+		try {
+			await n.delete(t);
+		} catch (e) {
+			if (e instanceof r) {
+				let t = e.succeededPaths.map(a), n = e.failures.map((e) => a(e.path));
+				throw d(k(i, t)), S(new Set(n)), w(n.at(0) ?? null), E(n.at(0) ?? null), e;
+			}
+			throw d(i), S(o), e;
+		}
+	}, [
+		n,
+		u,
+		x
+	]), H = h(async () => {
+		await xe(R);
+	}, [xe, R]), U = h(async (e, i) => {
+		if (!n.move) throw new t("not_supported", "Move is not supported by this adapter");
+		let s = e.map(a);
+		if (s.length === 0) return;
+		let c = a(i);
+		try {
+			await n.move(s, c);
+		} catch (e) {
+			if (e instanceof r) {
+				let t = e.succeededPaths.map(a), n = e.failures.map((e) => a(e.path));
+				throw c === o ? await de() : d((e) => k(e, t)), S(new Set(n)), w(n.at(0) ?? null), E(n.at(0) ?? null), e;
+			}
+			throw e;
+		}
+		S((e) => {
+			let t = new Set(e);
+			for (let e of s) t.delete(e);
+			return t;
+		}), w(null), E(null), c === o ? await de() : d((e) => k(e, s));
+	}, [
+		n,
+		o,
+		de
+	]), Se = h(async (e) => {
+		await U(R, e), j((e) => e?.type === "cut" ? null : e);
+	}, [U, R]), Ce = h((e = R) => {
+		j({
+			type: "copy",
+			paths: e.map(a)
+		});
+	}, [R]), we = h((e = R) => {
+		j({
+			type: "cut",
+			paths: e.map(a)
+		});
+	}, [R]), Te = h(async (e) => {
+		if (!D || D.paths.length === 0) return;
+		let r = a(e);
+		if (D.type === "copy") {
+			if (!n.copy) throw new t("not_supported", "Copy is not supported by this adapter");
+			await n.copy(D.paths, r);
+		} else {
+			if (!n.move) throw new t("not_supported", "Move is not supported by this adapter");
+			await U(D.paths, r), j(null);
+			return;
+		}
+		r === o && await de();
+	}, [
+		n,
+		D,
+		o,
+		U,
+		de
+	]), Ee = h(async (t, r = {}) => {
+		if (r.onConflict === "skip") return [];
+		let i = Array.from(t), a = [];
+		for (let t of i) {
+			let i = e(ce.current, t.name), o = await n.upload(i, t, { onConflict: r.onConflict ?? "keep-both" });
+			a.push(o), d((e) => O(e, [o]));
+		}
+		return a;
+	}, [n]);
+	return {
+		adapter: n,
+		capabilities: L,
+		currentPath: o,
+		status: c,
+		items: u,
+		error: m,
+		hasMore: !!f,
+		selectedPaths: R,
+		selectedItems: le,
+		focusedPath: C,
+		clipboard: D,
+		view: M,
+		searchQuery: N,
+		filterKind: P,
+		sortBy: F,
+		sortDirection: I,
+		filteredItems: z,
+		setView: ne,
+		setSearchQuery: re,
+		setFilterKind: ie,
+		setSortBy: ae,
+		setSortDirection: oe,
+		refresh: de,
+		loadMore: pe,
+		navigate: fe,
+		open: ye,
+		selectOnly: B,
+		toggleSelection: me,
+		selectRange: he,
+		setSelection: ge,
+		selectAllLoaded: _e,
+		clearSelection: ve,
+		createFolder: V,
+		rename: be,
+		deleteSelected: H,
+		deletePaths: xe,
+		movePathsTo: U,
+		moveSelectedTo: Se,
+		copySelection: Ce,
+		cutSelection: we,
+		pasteInto: Te,
+		uploadFiles: Ee
+	};
+}
+function O(e, t) {
+	let n = new Map(e.map((e) => [e.path, e]));
+	for (let e of t) n.set(e.path, e);
+	return Array.from(n.values()).sort((e, t) => ee(e, t, "name", "asc"));
+}
+function k(e, t) {
+	let n = new Set(t);
+	return e.filter((e) => !n.has(e.path));
+}
+function ee(e, t, n, r) {
+	let i = r === "asc" ? 1 : -1;
+	return e.kind === t.kind ? n === "size" ? ((e.size ?? 0) - (t.size ?? 0)) * i : n === "modifiedAt" ? String(e.modifiedAt ?? "").localeCompare(String(t.modifiedAt ?? "")) * i : e.name.localeCompare(t.name, void 0, {
+		numeric: !0,
+		sensitivity: "base"
+	}) * i : e.kind === "folder" ? -1 : 1;
+}
+function te(e) {
+	return [...e].sort((e, t) => e.localeCompare(t));
+}
+function A(e) {
+	return e instanceof Error ? e : Error(String(e));
+}
+//#endregion
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var j = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), M = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ne = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), N = (e) => {
+	let t = ne(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, re = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, P = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, ie = f({}), F = () => g(ie), ae = m(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
+	let { size: l = 24, strokeWidth: u = 2, absoluteStrokeWidth: d = !1, color: f = "currentColor", className: m = "" } = F() ?? {}, h = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
+	return p("svg", {
+		ref: c,
+		...re,
+		width: t ?? l ?? re.width,
+		height: t ?? l ?? re.height,
+		stroke: e ?? f,
+		strokeWidth: h,
+		className: j("lucide", m, i),
+		...!a && !P(s) && { "aria-hidden": "true" },
+		...s
+	}, [...o.map(([e, t]) => p(e, t)), ...Array.isArray(a) ? a : [a]]);
+}), I = (e, t) => {
+	let n = m(({ className: n, ...r }, i) => p(ae, {
+		ref: i,
+		iconNode: t,
+		className: j(`lucide-${M(N(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = N(e), n;
+}, oe = I("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), se = I("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), ce = I("copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]), L = I("download", [
+	["path", {
+		d: "M12 15V3",
+		key: "m9g1x1"
+	}],
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["path", {
+		d: "m7 10 5 5 5-5",
+		key: "brsn70"
+	}]
+]), R = I("file", [["path", {
+	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+	key: "1oefj6"
+}], ["path", {
+	d: "M14 2v5a1 1 0 0 0 1 1h5",
+	key: "wfsgrz"
+}]]), le = I("folder-input", [
+	["path", {
+		d: "M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1",
+		key: "fm4g5t"
+	}],
+	["path", {
+		d: "M2 13h10",
+		key: "pgb2dq"
+	}],
+	["path", {
+		d: "m9 16 3-3-3-3",
+		key: "6m91ic"
+	}]
+]), z = I("folder", [["path", {
+	d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+	key: "1kt360"
+}]]), ue = I("grid-2x2", [
+	["path", {
+		d: "M12 3v18",
+		key: "108xh3"
+	}],
+	["path", {
+		d: "M3 12h18",
+		key: "1i2n21"
+	}],
+	["rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "2",
+		key: "h1oib"
+	}]
+]), de = I("list", [
+	["path", {
+		d: "M3 5h.01",
+		key: "18ugdj"
+	}],
+	["path", {
+		d: "M3 12h.01",
+		key: "nlz23k"
+	}],
+	["path", {
+		d: "M3 19h.01",
+		key: "noohij"
+	}],
+	["path", {
+		d: "M8 5h13",
+		key: "1pao27"
+	}],
+	["path", {
+		d: "M8 12h13",
+		key: "1za7za"
+	}],
+	["path", {
+		d: "M8 19h13",
+		key: "m83p4d"
+	}]
+]), fe = I("pause", [["rect", {
+	x: "14",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "kaeet6"
+}], ["rect", {
+	x: "5",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "1wsw3u"
+}]]), pe = I("pencil", [["path", {
+	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+	key: "1a8usu"
+}], ["path", {
+	d: "m15 5 4 4",
+	key: "1mk7zo"
+}]]), B = I("play", [["path", {
+	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+	key: "10ikf1"
+}]]), me = I("scissors", [
+	["circle", {
+		cx: "6",
+		cy: "6",
+		r: "3",
+		key: "1lh9wr"
+	}],
+	["path", {
+		d: "M8.12 8.12 12 12",
+		key: "1alkpv"
+	}],
+	["path", {
+		d: "M20 4 8.12 15.88",
+		key: "xgtan2"
+	}],
+	["circle", {
+		cx: "6",
+		cy: "18",
+		r: "3",
+		key: "fqmcym"
+	}],
+	["path", {
+		d: "M14.8 14.8 20 20",
+		key: "ptml3r"
+	}]
+]), he = I("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]), ge = I("square-check-big", [["path", {
+	d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",
+	key: "2acyp4"
+}], ["path", {
+	d: "m9 11 3 3L22 4",
+	key: "1pflzl"
+}]]), _e = I("square", [["rect", {
+	width: "18",
+	height: "18",
+	x: "3",
+	y: "3",
+	rx: "2",
+	key: "afitv7"
+}]]), ve = I("trash-2", [
+	["path", {
+		d: "M10 11v6",
+		key: "nco0om"
+	}],
+	["path", {
+		d: "M14 11v6",
+		key: "outv1u"
+	}],
+	["path", {
+		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+		key: "miytrc"
+	}],
+	["path", {
+		d: "M3 6h18",
+		key: "d0wm0j"
+	}],
+	["path", {
+		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+		key: "e791ji"
+	}]
+]), ye = I("upload", [
+	["path", {
+		d: "M12 3v12",
+		key: "1x0j5s"
+	}],
+	["path", {
+		d: "m17 8-5-5-5 5",
+		key: "7q97r8"
+	}],
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}]
+]), V = I("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+//#region src/core/upload-drop.ts
+async function be(e) {
+	let t = Array.from(e.items).map((e) => e.webkitGetAsEntry?.()).filter((e) => !!e);
+	if (t.length === 0) return xe(e.files);
+	let n = [];
+	for (let e of t) n.push(...await H(e));
+	return n;
+}
+function xe(e) {
+	return Array.from(e).map((e) => ({
+		file: e,
+		relativePath: Te(Ce(e))
+	}));
+}
+async function H(e, t = "") {
+	if (e.isFile) {
+		let n = await U(e);
+		return [{
+			file: n,
+			relativePath: Te(we(t, n.name))
+		}];
+	}
+	let n = we(t, e.name), r = await Se(e), i = [];
+	for (let e of r) i.push(...await H(e, n));
+	return i;
+}
+function U(e) {
+	return new Promise((t, n) => {
+		e.file(t, n);
+	});
+}
+async function Se(e) {
+	let t = e.createReader(), n = [];
+	for (;;) {
+		let e = await new Promise((e, n) => {
+			t.readEntries(e, n);
+		});
+		if (e.length === 0) break;
+		n.push(...e);
+	}
+	return n;
+}
+function Ce(e) {
+	return e.webkitRelativePath || e.name;
+}
+function we(...e) {
+	return e.filter(Boolean).join("/");
+}
+function Te(e) {
+	return e.replaceAll("\\", "/").split("/").filter((e) => e && e !== "." && e !== "..").join("/");
+}
+//#endregion
+//#region src/transfers/transfer-manager.ts
+var Ee = "react-file-browser-transfers", De = 1440 * 60 * 1e3, W = class {
+	uploads = /* @__PURE__ */ new Map();
+	downloads = /* @__PURE__ */ new Map();
+	uploadSpeedSamples = /* @__PURE__ */ new Map();
+	subscribers = /* @__PURE__ */ new Set();
+	activeTasks = /* @__PURE__ */ new Set();
+	storage;
+	storageKey;
+	idFactory;
+	now;
+	snapshotCache;
+	constructor(e = {}) {
+		this.storage = e.storage, this.storageKey = e.storageKey ?? Ee, this.idFactory = e.idFactory ?? Pe, this.now = e.now ?? (() => /* @__PURE__ */ new Date()), this.restorePersisted(), this.downloads.size > 0 && this.pruneExpiredDownloads();
+	}
+	subscribe(e) {
+		return this.subscribers.add(e), () => {
+			this.subscribers.delete(e);
+		};
+	}
+	getSnapshot() {
+		return this.snapshotCache ??= {
+			uploads: Array.from(this.uploads.values()).map(je),
+			downloads: Array.from(this.downloads.values()).map((e) => ({ ...K(e) }))
+		}, this.snapshotCache;
+	}
+	getUpload(e) {
+		let t = this.uploads.get(e);
+		return t ? je(t) : void 0;
+	}
+	getRestorableUploads() {
+		return Array.from(this.uploads.values()).filter((e) => [
+			"queued",
+			"uploading",
+			"paused",
+			"failed"
+		].includes(e.status)).filter((e) => !e.file || !e.adapter).map(je);
+	}
+	dismissRestoredUploads(e) {
+		for (let t of e) {
+			let e = this.uploads.get(t);
+			e && (e.status = "cancelled", this.uploadSpeedSamples.delete(t), e.updatedAt = this.timestamp());
+		}
+		this.persistAndNotify();
+	}
+	dismissDownload(e) {
+		let t = this.downloads.get(e);
+		t && (Ne(t.url), this.downloads.delete(e), this.persistAndNotify());
+	}
+	hasActiveTransfers() {
+		let e = this.getSnapshot();
+		return e.uploads.some((e) => ["queued", "uploading"].includes(e.status)) || e.downloads.some((e) => e.status === "preparing");
+	}
+	enqueueUpload({ adapter: e, destinationPath: t, file: n, group: r, onConflict: i }) {
+		let a = this.idFactory(), o = this.timestamp(), s = {
+			id: a,
+			kind: "upload",
+			status: "queued",
+			path: t,
+			name: n.name,
+			loadedBytes: 0,
+			totalBytes: n.size,
+			completedParts: [],
+			createdAt: o,
+			updatedAt: o,
+			adapter: e,
+			file: n,
+			group: r,
+			onConflict: i,
+			abortController: new AbortController()
+		};
+		return this.uploads.set(a, s), this.persistAndNotify(), this.track(this.runUpload(a)), a;
+	}
+	resumeUpload(e) {
+		let t = this.uploads.get(e);
+		return !t || !t.adapter || !t.file ? Promise.resolve() : (t.status = "queued", t.error = void 0, t.bytesPerSecond = void 0, this.uploadSpeedSamples.delete(e), t.abortController = new AbortController(), t.updatedAt = this.timestamp(), this.persistAndNotify(), this.track(this.runUpload(e)), Promise.resolve());
+	}
+	resumeRestoredUpload({ adapter: e, file: t, id: n, onConflict: r }) {
+		let i = this.uploads.get(n);
+		return i ? (i.adapter = e, i.file = t, i.name = t.name, i.totalBytes = t.size, i.onConflict = r ?? i.onConflict, i.status = "queued", i.error = void 0, i.bytesPerSecond = void 0, this.uploadSpeedSamples.delete(n), i.abortController = new AbortController(), i.updatedAt = this.timestamp(), this.persistAndNotify(), this.track(this.runUpload(n)), Promise.resolve()) : Promise.resolve();
+	}
+	pauseUpload(e) {
+		let t = this.uploads.get(e);
+		t && (t.abortController?.abort(), t.status = "paused", this.uploadSpeedSamples.delete(e), t.updatedAt = this.timestamp(), this.persistAndNotify());
+	}
+	async cancelUpload(e) {
+		let t = this.uploads.get(e);
+		t && (t.abortController?.abort(), t.status = "cancelled", this.uploadSpeedSamples.delete(e), t.updatedAt = this.timestamp(), t.uploadId && t.adapter?.abortMultipartUpload && await t.adapter.abortMultipartUpload(t.uploadId), this.persistAndNotify());
+	}
+	async waitForIdle() {
+		for (; this.activeTasks.size > 0;) await Promise.allSettled(Array.from(this.activeTasks));
+	}
+	async prepareBulkDownload({ adapter: e, paths: t, selectedBytes: n, warnZipSizeBytes: r = Infinity }) {
+		let i = this.idFactory(), a = this.timestamp(), o = {
+			id: i,
+			kind: "bulk-download",
+			status: "preparing",
+			strategy: e.bulkDownloadUrl ? "server" : "client",
+			adapter: e,
+			paths: [...t],
+			selectedBytes: n,
+			createdAt: a,
+			updatedAt: a
+		};
+		this.downloads.set(i, o), this.persistAndNotify();
+		try {
+			if (e.bulkDownloadUrl) {
+				let n = await e.bulkDownloadUrl(t);
+				o.status = "ready", o.url = n.url, o.expiresAt = n.expiresAt;
+			} else n > r ? (o.status = "warning", o.warning = "client_zip_size") : (o.url = await Ie(e, t), o.status = "ready");
+		} catch (e) {
+			o.status = "failed", o.error = Fe(e);
+		}
+		return o.updatedAt = this.timestamp(), this.persistAndNotify(), K(o);
+	}
+	async prepareSingleDownload({ adapter: e, path: t, selectedBytes: n = 0 }) {
+		let r = this.idFactory(), i = this.timestamp(), a = {
+			id: r,
+			kind: "bulk-download",
+			status: "preparing",
+			strategy: "single",
+			adapter: e,
+			paths: [t],
+			selectedBytes: n,
+			createdAt: i,
+			updatedAt: i
+		};
+		this.downloads.set(r, a), this.persistAndNotify();
+		try {
+			a.url = await e.signedUrl(t), a.status = "ready";
+		} catch (e) {
+			a.status = "failed", a.error = Fe(e);
+		}
+		return a.updatedAt = this.timestamp(), this.persistAndNotify(), K(a);
+	}
+	async confirmBulkDownload(e) {
+		let t = this.downloads.get(e);
+		if (t) {
+			if (t.status !== "warning") return K(t);
+			if (!t.adapter) return t.status = "failed", t.error = "This download can no longer continue in the current session.", t.updatedAt = this.timestamp(), this.persistAndNotify(), K(t);
+			t.status = "preparing", t.warning = void 0, t.updatedAt = this.timestamp(), this.persistAndNotify();
+			try {
+				t.url = await Ie(t.adapter, t.paths), t.status = "ready";
+			} catch (e) {
+				t.status = "failed", t.error = Fe(e);
+			}
+			return t.updatedAt = this.timestamp(), this.persistAndNotify(), K(t);
+		}
+	}
+	async runUpload(e) {
+		let t = this.uploads.get(e);
+		if (!(!t?.adapter || !t.file)) {
+			t.status = "uploading", t.updatedAt = this.timestamp(), this.persistAndNotify();
+			try {
+				let e = Oe(t.adapter) ? await this.runMultipartUpload(t) : await this.runSimpleUpload(t);
+				t.status = "completed", t.loadedBytes = t.totalBytes, t.result = e, this.uploadSpeedSamples.delete(t.id), t.updatedAt = this.timestamp(), this.persistAndNotify();
+			} catch (e) {
+				if (["paused", "cancelled"].includes(t.status)) {
+					this.uploadSpeedSamples.delete(t.id), this.persistAndNotify();
+					return;
+				}
+				t.status = "failed", t.error = Fe(e), this.uploadSpeedSamples.delete(t.id), t.updatedAt = this.timestamp(), this.persistAndNotify();
+			}
+		}
+	}
+	async runSimpleUpload(e) {
+		if (!e.adapter || !e.file) throw Error("Upload is missing adapter or file");
+		return e.adapter.upload(e.path, e.file, {
+			onConflict: e.onConflict,
+			signal: e.abortController?.signal,
+			onProgress: (t, n) => {
+				this.updateUploadProgress(e, t, n);
+			}
+		});
+	}
+	async runMultipartUpload(e) {
+		let t = e.adapter, n = e.file;
+		if (!t || !n || !Oe(t)) throw Error("Multipart upload is not available");
+		if (!e.uploadId || !e.partSize) {
+			await G(e);
+			let r = await t.createMultipartUpload(e.path, n.size);
+			e.uploadId = r.uploadId, e.partSize = r.partSize, e.updatedAt = this.timestamp(), this.persistAndNotify();
+		}
+		let r = e.partSize, i = Math.ceil(n.size / r);
+		for (let a = 1; a <= i; a += 1) {
+			if (e.completedParts.some((e) => e.partNumber === a)) continue;
+			let i = (a - 1) * r, o = Math.min(i + r, n.size), s = n.slice(i, o), c = ke(e), l = await t.uploadPart({
+				uploadId: e.uploadId,
+				partNumber: a,
+				chunk: s,
+				signal: e.abortController?.signal,
+				onProgress: (t) => {
+					this.updateUploadProgress(e, c + t, e.totalBytes);
+				}
+			});
+			e.completedParts = [...e.completedParts, {
+				partNumber: a,
+				etag: l.etag
+			}].sort((e, t) => e.partNumber - t.partNumber), e.loadedBytes = ke(e), e.updatedAt = this.timestamp(), this.persistAndNotify();
+		}
+		return t.completeMultipartUpload({
+			uploadId: e.uploadId,
+			parts: e.completedParts
+		});
+	}
+	updateUploadProgress(e, t, n) {
+		let r = this.now(), i = r.getTime(), a = this.uploadSpeedSamples.get(e.id);
+		e.loadedBytes = t, e.totalBytes = n, a && t > a.loadedBytes && i > a.timeMs && (e.bytesPerSecond = (t - a.loadedBytes) / (i - a.timeMs) * 1e3), this.uploadSpeedSamples.set(e.id, {
+			loadedBytes: t,
+			timeMs: i
+		}), e.updatedAt = r.toISOString(), this.persistAndNotify();
+	}
+	track(e) {
+		this.activeTasks.add(e), e.finally(() => {
+			this.activeTasks.delete(e);
+		});
+	}
+	persistAndNotify() {
+		this.snapshotCache = void 0, this.persist();
+		for (let e of this.subscribers) e();
+	}
+	persist() {
+		if (!this.storage) return;
+		let e = {
+			uploads: Array.from(this.uploads.values()).map((e) => ({
+				...je(e),
+				file: void 0,
+				adapter: void 0,
+				abortController: void 0
+			})),
+			downloads: Array.from(this.downloads.values()).map(K)
+		};
+		this.storage.setItem(this.storageKey, JSON.stringify(e));
+	}
+	restorePersisted() {
+		if (!this.storage) return;
+		let e = this.storage.getItem(this.storageKey);
+		if (e) try {
+			let t = JSON.parse(e);
+			for (let e of t.uploads ?? []) this.uploads.set(e.id, {
+				...e,
+				file: void 0,
+				adapter: void 0,
+				abortController: void 0
+			});
+			for (let e of t.downloads ?? []) this.downloads.set(e.id, { ...e });
+		} catch {
+			this.storage.removeItem(this.storageKey);
+		}
+	}
+	timestamp() {
+		return this.now().toISOString();
+	}
+	pruneExpiredDownloads() {
+		let e = this.now().getTime(), t = !1;
+		for (let [n, r] of this.downloads) Me(r, e) && (Ne(r.url), this.downloads.delete(n), t = !0);
+		t && (this.snapshotCache = void 0, this.persist());
+	}
+};
+function Oe(e) {
+	return typeof e.createMultipartUpload == "function" && typeof e.uploadPart == "function" && typeof e.completeMultipartUpload == "function";
+}
+function ke(e) {
+	let t = e.partSize ?? e.totalBytes;
+	return e.completedParts.reduce((n, r) => {
+		let i = (r.partNumber - 1) * t;
+		return n + Math.min(t, e.totalBytes - i);
+	}, 0);
+}
+async function G(e) {
+	let n = e.adapter;
+	if (!n?.exists) return;
+	let r = (e) => n.exists?.(e) ?? Promise.resolve({});
+	if ((await r([e.path]))[e.path]) {
+		if (e.onConflict === "keep-both") {
+			e.path = await Ae(r, e.path);
+			return;
+		}
+		if (e.onConflict !== "replace") throw new t("conflict", `A file browser entry already exists at ${e.path}`);
+	}
+}
+async function Ae(n, r) {
+	let a = o(r), s = i(r), c = s.lastIndexOf("."), l = c > 0, u = l ? s.slice(0, c) : s, d = l ? s.slice(c) : "";
+	for (let t = 1; t < 2 ** 53 - 1; t += 1) {
+		let r = e(a, `${u} (${t})${d}`);
+		if (!(await n([r]))[r]) return r;
+	}
+	throw new t("conflict", `Could not allocate a unique file browser path for ${r}`);
+}
+function je(e) {
+	return {
+		...e,
+		group: e.group ? { ...e.group } : void 0,
+		completedParts: e.completedParts.map((e) => ({ ...e }))
+	};
+}
+function K(e) {
+	let { adapter: t, ...n } = e;
+	return {
+		...n,
+		paths: [...e.paths]
+	};
+}
+function Me(e, t) {
+	if (e.status === "preparing") return !1;
+	if (e.expiresAt) {
+		let n = Date.parse(e.expiresAt);
+		if (Number.isFinite(n) && n <= t) return !0;
+	}
+	let n = Date.parse(e.updatedAt);
+	return Number.isFinite(n) && t - n > De;
+}
+function Ne(e) {
+	!e?.startsWith("blob:") || typeof URL > "u" || typeof URL.revokeObjectURL != "function" || URL.revokeObjectURL(e);
+}
+function Pe() {
+	return `transfer-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+}
+function Fe(e) {
+	return e instanceof Error ? e.message : String(e);
+}
+async function Ie(e, t) {
+	let n = await q(e, t), r = {};
+	for (let t of n) {
+		let n = await e.signedUrl(t.path), i = await fetch(n);
+		if (!i.ok) throw Error(`Could not fetch ${t.path} for the client zip`);
+		r[t.archivePath] = new Uint8Array(await i.arrayBuffer());
+	}
+	let i = d(r);
+	return URL.createObjectURL(new Blob([i], { type: "application/zip" }));
+}
+async function q(e, t) {
+	let n = [], r = /* @__PURE__ */ new Set();
+	for (let i of t) await Le(e, i, n, r);
+	return n;
+}
+async function Le(e, t, n, r) {
+	if (r.has(t)) return;
+	r.add(t);
+	let i = await Re(e, t);
+	if (i?.kind === "file") {
+		n.push({
+			path: t,
+			archivePath: Be(t)
+		});
+		return;
+	}
+	if (i?.kind === "folder") {
+		await J(e, t, n, r);
+		return;
+	}
+	let a = await ze(e, t);
+	if (a) {
+		for (let t of a) await Le(e, t.path, n, r);
+		return;
+	}
+	n.push({
+		path: t,
+		archivePath: Be(t)
+	});
+}
+async function J(e, t, n, r) {
+	let i;
+	do {
+		let a = await e.list(t, { cursor: i });
+		for (let t of a.items) await Le(e, t.path, n, r);
+		i = a.cursor;
+	} while (i);
+}
+async function Re(e, t) {
+	if (e.stat) try {
+		return await e.stat(t);
+	} catch {
+		return;
+	}
+}
+async function ze(e, t) {
+	try {
+		let n, r = [];
+		do {
+			let i = await e.list(t, { cursor: n });
+			r.push(...i.items), n = i.cursor;
+		} while (n);
+		return r;
+	} catch {
+		return;
+	}
+}
+function Be(e) {
+	return e.replace(/^\/+/, "") || "download";
+}
+//#endregion
+//#region src/transfers/file-browser-provider.tsx
+var Ve = f(null), He = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", Y = "transition-[background-color,border-color,box-shadow,opacity] duration-200 ease-out motion-reduce:transition-none";
+function Ue({ children: e, manager: t, options: n, resolveRestoredUpload: r, showFloatingWidget: i = !0 }) {
+	let a = v(() => t ?? new W(Je(n)), [t, n]), o = Ke(a), [s, c] = b(!1), l = a.getRestorableUploads();
+	qe(a);
+	async function u(e) {
+		for (let t of e) {
+			if (t.adapter && t.file) {
+				await a.resumeUpload(t.id);
+				continue;
+			}
+			let e = await r?.(t);
+			e && await a.resumeRestoredUpload({
+				id: t.id,
+				...e
+			});
+		}
+		c(!0);
+	}
+	return /* @__PURE__ */ E(Ve.Provider, {
+		value: a,
+		children: [
+			e,
+			i ? /* @__PURE__ */ T(Ye, {
+				manager: a,
+				snapshot: o
+			}) : null,
+			!s && l.length > 0 ? /* @__PURE__ */ T(Qe, {
+				count: l.length,
+				onDismiss: () => {
+					a.dismissRestoredUploads(l.map((e) => e.id)), c(!0);
+				},
+				onResume: () => {
+					u(l);
+				}
+			}) : null
+		]
+	});
+}
+function We() {
+	return g(Ve) ?? $e;
+}
+function Ge() {
+	return Ke(We());
+}
+function Ke(e) {
+	return x((t) => e.subscribe(t), () => e.getSnapshot(), () => ({
+		uploads: [],
+		downloads: []
+	}));
+}
+function qe(e) {
+	_(() => {
+		let t = (t) => {
+			e.hasActiveTransfers() && (t.preventDefault(), t.returnValue = "");
+		};
+		return window.addEventListener("beforeunload", t), () => window.removeEventListener("beforeunload", t);
+	}, [e]);
+}
+function Je(e) {
+	if (e?.storage) return e;
+	let t = typeof window > "u" ? void 0 : window.localStorage;
+	return t ? {
+		...e,
+		storage: t
+	} : e ?? {};
+}
+function Ye({ manager: e, snapshot: t }) {
+	let n = t.uploads.filter(rt), r = it(t.uploads), i = new Set(r.flatMap((e) => e.activeUploads.map((e) => e.id))), a = n.filter((e) => !i.has(e.id)), o = t.downloads.filter((e) => [
+		"preparing",
+		"warning",
+		"ready",
+		"failed"
+	].includes(e.status));
+	return n.length === 0 && o.length === 0 ? null : C(/* @__PURE__ */ E("aside", {
+		"aria-label": "Transfers",
+		className: `fixed bottom-4 right-4 z-50 w-[min(360px,calc(100vw-2rem))] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-3 text-[12px] text-[var(--fb-text)] shadow-[0_16px_44px_color-mix(in_oklch,var(--fb-text)_16%,transparent)] ${Y}`,
+		children: [/* @__PURE__ */ E("div", {
+			className: "mb-2 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ T("div", {
+				className: "font-semibold",
+				children: "Transfers"
+			}), /* @__PURE__ */ E("div", {
+				className: "text-[11px] text-[var(--fb-muted)]",
+				children: [n.length + o.length, " active"]
+			})]
+		}), /* @__PURE__ */ E("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				r.map((t) => /* @__PURE__ */ T(Xe, {
+					group: t,
+					manager: e
+				}, t.group.id)),
+				a.map((t) => /* @__PURE__ */ T(Ze, {
+					manager: e,
+					upload: t
+				}, t.id)),
+				o.map((t) => /* @__PURE__ */ E("div", {
+					className: "text-[11px] text-[var(--fb-muted)]",
+					children: [
+						t.status === "ready" && t.url ? /* @__PURE__ */ E("div", {
+							className: "flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ E("a", {
+								"aria-label": "Open prepared download",
+								className: `inline-flex min-w-0 items-center gap-1 rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 font-medium text-[var(--fb-accent)] hover:bg-[var(--fb-accent-soft)] ${He}`,
+								download: !0,
+								href: t.url,
+								onClick: () => e.dismissDownload(t.id),
+								children: [/* @__PURE__ */ T(L, {
+									"aria-hidden": "true",
+									className: "size-3.5 shrink-0"
+								}), /* @__PURE__ */ T("span", {
+									className: "truncate",
+									children: ct(t)
+								})]
+							}), /* @__PURE__ */ T("button", {
+								"aria-label": "Dismiss download",
+								className: et(),
+								onClick: () => e.dismissDownload(t.id),
+								type: "button",
+								children: /* @__PURE__ */ T(V, {
+									"aria-hidden": "true",
+									className: "size-3.5"
+								})
+							})]
+						}) : null,
+						t.status === "warning" ? /* @__PURE__ */ E("div", {
+							className: "flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ T("span", { children: "Large client zip" }), /* @__PURE__ */ T("button", {
+								className: tt(),
+								onClick: () => void e.confirmBulkDownload(t.id),
+								type: "button",
+								children: "Continue"
+							})]
+						}) : null,
+						t.status === "preparing" ? /* @__PURE__ */ T("span", { children: "Preparing zip" }) : null,
+						t.status === "failed" ? /* @__PURE__ */ T("span", {
+							className: "text-[var(--fb-danger)]",
+							children: t.error ?? "Download failed"
+						}) : null
+					]
+				}, t.id))
+			]
+		})]
+	}), document.body);
+}
+function Xe({ group: e, manager: t }) {
+	return /* @__PURE__ */ E("div", {
+		className: Y,
+		children: [/* @__PURE__ */ E("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ E("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ E("div", {
+					className: "truncate font-semibold",
+					children: ["Uploading ", e.group.name]
+				}), /* @__PURE__ */ T("div", {
+					className: "text-[11px] text-[var(--fb-muted)]",
+					children: at(e)
+				})]
+			}), /* @__PURE__ */ T("button", {
+				"aria-label": `Cancel upload group ${e.group.name}`,
+				className: et(),
+				onClick: () => {
+					for (let n of e.activeUploads) t.cancelUpload(n.id);
+				},
+				title: "Cancel",
+				type: "button",
+				children: /* @__PURE__ */ T(V, {
+					"aria-hidden": "true",
+					className: "size-3.5"
+				})
+			})]
+		}), /* @__PURE__ */ T("div", {
+			className: `mt-2 flex flex-col gap-1.5 border-l border-[var(--fb-border)] pl-3 ${Y}`,
+			children: e.activeUploads.map((e) => /* @__PURE__ */ T(Ze, {
+				compact: !0,
+				manager: t,
+				upload: e
+			}, e.id))
+		})]
+	});
+}
+function Ze({ compact: e = !1, manager: t, upload: n }) {
+	return /* @__PURE__ */ E("div", {
+		className: Y,
+		children: [/* @__PURE__ */ E("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ E("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ T("span", {
+					className: "block truncate font-medium",
+					children: n.name
+				}), /* @__PURE__ */ T("span", {
+					className: "text-[11px] text-[var(--fb-muted)]",
+					children: ot(n)
+				})]
+			}), /* @__PURE__ */ E("div", {
+				className: "flex shrink-0 items-center gap-1",
+				children: [
+					["queued", "uploading"].includes(n.status) ? /* @__PURE__ */ T("button", {
+						"aria-label": `Pause upload ${n.name}`,
+						className: et(),
+						onClick: () => t.pauseUpload(n.id),
+						title: "Pause",
+						type: "button",
+						children: /* @__PURE__ */ T(fe, {
+							"aria-hidden": "true",
+							className: "size-3.5"
+						})
+					}) : null,
+					["failed", "paused"].includes(n.status) ? /* @__PURE__ */ T("button", {
+						"aria-label": `Resume upload ${n.name}`,
+						className: et(),
+						onClick: () => void t.resumeUpload(n.id),
+						title: "Resume",
+						type: "button",
+						children: /* @__PURE__ */ T(B, {
+							"aria-hidden": "true",
+							className: "size-3.5"
+						})
+					}) : null,
+					/* @__PURE__ */ T("button", {
+						"aria-label": `Cancel upload ${n.name}`,
+						className: et(),
+						onClick: () => void t.cancelUpload(n.id),
+						title: "Cancel",
+						type: "button",
+						children: /* @__PURE__ */ T(V, {
+							"aria-hidden": "true",
+							className: "size-3.5"
+						})
+					})
+				]
+			})]
+		}), /* @__PURE__ */ T("div", {
+			className: `h-1.5 overflow-hidden rounded-full bg-[var(--fb-surface-2)] ${Y} ${e ? "mt-1" : "mt-1.5"}`,
+			children: /* @__PURE__ */ T("div", {
+				className: "h-full rounded-full bg-[var(--fb-accent)] transition-[width] duration-300 ease-out motion-reduce:transition-none",
+				style: { width: `${Math.min(100, n.totalBytes ? n.loadedBytes / n.totalBytes * 100 : 0)}%` }
+			})
+		})]
+	});
+}
+function Qe({ count: e, onDismiss: t, onResume: n }) {
+	return C(/* @__PURE__ */ T("div", {
+		"aria-label": "Resume uploads",
+		"aria-modal": "true",
+		className: `fixed inset-0 z-50 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 text-[13px] text-[var(--fb-text)] ${Y}`,
+		role: "dialog",
+		children: /* @__PURE__ */ E("div", {
+			className: `w-[min(380px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Y}`,
+			children: [
+				/* @__PURE__ */ T("h2", {
+					className: "m-0 text-[14px] font-semibold",
+					children: "Resume uploads"
+				}),
+				/* @__PURE__ */ E("p", {
+					className: "mt-2 text-[12px] text-[var(--fb-muted)]",
+					children: [
+						"Resume ",
+						e,
+						" upload",
+						e === 1 ? "?" : "s?"
+					]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "mt-4 flex justify-end gap-2",
+					children: [/* @__PURE__ */ T("button", {
+						className: tt(),
+						onClick: t,
+						type: "button",
+						children: "Dismiss"
+					}), /* @__PURE__ */ T("button", {
+						className: nt(),
+						onClick: n,
+						type: "button",
+						children: "Resume uploads"
+					})]
+				})
+			]
+		})
+	}), document.body);
+}
+var $e = new W();
+function et() {
+	return `grid size-7 place-items-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-muted)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${He}`;
+}
+function tt() {
+	return `inline-flex h-7 items-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[11px] font-medium text-[var(--fb-text)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${He}`;
+}
+function nt() {
+	return `inline-flex h-7 items-center rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-accent)] bg-[var(--fb-accent)] px-2 text-[11px] font-semibold text-[var(--fb-surface)] outline-none hover:opacity-90 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${He}`;
+}
+function rt(e) {
+	return [
+		"queued",
+		"uploading",
+		"failed",
+		"paused"
+	].includes(e.status);
+}
+function it(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		if (!n.group) continue;
+		let e = t.get(n.group.id) ?? {
+			group: n.group,
+			uploads: [],
+			activeUploads: [],
+			completedCount: 0
+		};
+		e.uploads.push(n), n.status === "completed" && (e.completedCount += 1), rt(n) && e.activeUploads.push(n), t.set(n.group.id, e);
+	}
+	return Array.from(t.values()).filter((e) => e.activeUploads.length > 0);
+}
+function at(e) {
+	let t = e.group.createdFolders, n = `${e.completedCount} of ${e.group.totalFiles} files`;
+	return t <= 0 ? n : `${n}, ${t} folder${t === 1 ? "" : "s"} created`;
+}
+function ot(e) {
+	return e.status !== "uploading" || typeof e.bytesPerSecond != "number" || !Number.isFinite(e.bytesPerSecond) || e.bytesPerSecond <= 0 ? e.status : `${e.status}, ${st(e.bytesPerSecond)}/s`;
+}
+function st(e) {
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = Math.max(0, e), r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+	return `${r === 0 || n >= 10 ? Math.round(n).toString() : n.toFixed(1)} ${t[r]}`;
+}
+function ct(e) {
+	let t = e.expiresAt ? lt(e.expiresAt) : void 0;
+	return t ? `Download ready, expires in ${t}` : "Download ready";
+}
+function lt(e) {
+	let t = Date.parse(e) - Date.now();
+	if (!(!Number.isFinite(t) || t <= 0)) return t < 3600 * 1e3 ? `${Math.ceil(t / (60 * 1e3))}m` : t < 1440 * 60 * 1e3 ? `${Math.ceil(t / (3600 * 1e3))}h` : `${Math.ceil(t / (1440 * 60 * 1e3))}d`;
+}
+//#endregion
+//#region src/components/file-browser.tsx
+var ut = "application/x.react-file-browser.paths", dt = 220, ft = 5e3, X = "transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out motion-reduce:transition-none", Z = "transition-[background-color,border-color,box-shadow,opacity] duration-200 ease-out motion-reduce:transition-none", pt = {
+	comfortable: {
+		"--fb-font": "13px",
+		"--fb-control-h": "32px",
+		"--fb-cell-x": "12px",
+		"--fb-cell-y": "8px",
+		"--fb-pad": "12px",
+		"--fb-card-min": "150px",
+		"--fb-card-minh": "132px",
+		"--fb-card-pad": "8px",
+		"--fb-thumb-h": "64px",
+		"--fb-grid-gap": "12px",
+		"--fb-panel-w": "18rem",
+		"--fb-panel-pad": "16px"
+	},
+	compact: {
+		"--fb-font": "12px",
+		"--fb-control-h": "28px",
+		"--fb-cell-x": "10px",
+		"--fb-cell-y": "6px",
+		"--fb-pad": "8px",
+		"--fb-card-min": "124px",
+		"--fb-card-minh": "108px",
+		"--fb-card-pad": "6px",
+		"--fb-thumb-h": "48px",
+		"--fb-grid-gap": "8px",
+		"--fb-panel-w": "15rem",
+		"--fb-panel-pad": "12px"
+	}
+};
+function mt({ adapter: e, initialPath: n = "/", density: i = "comfortable", readOnly: a = !1, showDetailsPanel: s = !0, uploadPolicy: c, warnZipSizeBytes: l }) {
+	let u = D({
+		adapter: e,
+		initialPath: n
+	}), d = We(), f = Ge(), [p, m] = b(!1), [g, x] = b(""), [S, C] = b(null), [w, O] = b(null), [k, ee] = b(""), [te, A] = b(null), [j, M] = b(null), [ne, N] = b(""), [re, P] = b(null), [ie, F] = b(!1), [ae, I] = b(!1), [ce, L] = b(null), [le, fe] = b(n), [pe, B] = b([]), [me, ge] = b("idle"), [_e, ve] = b(null), [V, H] = b(null), [U, Se] = b(null), [Ce, we] = b([]), [Te, Ee] = b(!1), [De, W] = b(null), [Oe, ke] = b(!1), [G, Ae] = b(null), je = y(null), K = y(null), Me = y(null), Ne = y(null), Pe = y(null), Fe = y(/* @__PURE__ */ new Set()), Ie = u.selectedItems.at(0) ?? null, q = v(() => u.filteredItems.filter((e) => e.kind === "file"), [u.filteredItems]), Le = h(async (t) => {
+		Ae({
+			item: t,
+			status: "loading"
+		});
+		try {
+			let n = await e.signedUrl(t.path);
+			Ae((e) => e?.item.path === t.path ? {
+				item: t,
+				status: "ready",
+				url: n
+			} : e);
+		} catch (e) {
+			Ae((n) => n?.item.path === t.path ? {
+				item: t,
+				status: "error",
+				error: Jt(e)
+			} : n);
+		}
+	}, [e]), J = h(() => {
+		Me.current &&= (clearTimeout(Me.current.timeoutId), null);
+	}, []), Re = h((e) => {
+		J(), Me.current = {
+			path: e,
+			timeoutId: setTimeout(() => {
+				Me.current?.path === e && (Me.current = null, u.clearSelection());
+			}, dt)
+		};
+	}, [u, J]), ze = h((e, t) => {
+		let n = Date.now(), r = Ne.current, i = r?.path === e && n - r.timeMs <= dt;
+		if ("detail" in t && t.detail > 1) {
+			i && (J(), Pe.current = e), Ne.current = {
+				path: e,
+				timeMs: n
+			};
+			return;
+		}
+		Pe.current = null, Ne.current = {
+			path: e,
+			timeMs: n
+		}, Bt(u, e, t, {
+			cancelPendingSelectedItemUnselect: J,
+			scheduleSelectedItemUnselect: Re
+		});
+	}, [
+		u,
+		J,
+		Re
+	]), Be = h((e) => {
+		Pe.current === e.path && (Pe.current = null, J(), e.kind === "folder" ? u.navigate(e.path) : Le(e));
+	}, [
+		u,
+		J,
+		Le
+	]);
+	_(() => () => {
+		J();
+	}, [J]);
+	let Ve = v(() => u.selectedItems.reduce((e, t) => e + (t.size ?? 0), 0), [u.selectedItems]), He = h((e, t) => {
+		let n = u.filteredItems;
+		if (n.length === 0) return;
+		let r = u.focusedPath ?? u.selectedPaths.at(-1), i = n.findIndex((e) => e.path === r), a = e === "ArrowUp" || e === "ArrowLeft" || e === "End" ? n.length - 1 : 0, o = n[i === -1 ? a : Ut(e, i, n.length)];
+		t ? u.selectRange(o.path) : u.selectOnly(o.path);
+	}, [u]), Y = h((e = u.selectedPaths) => {
+		e.length !== 0 && (u.copySelection(e), W(`Copied ${Zt(e.length)}`));
+	}, [u]), Ue = h((e = u.selectedPaths) => {
+		e.length !== 0 && (u.cutSelection(e), W(`Cut ${Zt(e.length)}`));
+	}, [u]), Ke = h(async (e) => {
+		e.length !== 0 && (await navigator.clipboard.writeText(e.join(", ")), W(e.length === 1 ? "Copied path" : `Copied ${e.length} paths`));
+	}, []), qe = h(async (e) => {
+		let t = u.clipboard?.paths.length ?? 0;
+		await u.pasteInto(e), t > 0 && W(`Pasted ${Zt(t)}`);
+	}, [u]);
+	_(() => {
+		let e = (e) => {
+			if (e.key === "Escape" && (u.clearSelection(), M(null), N(""), P(null), O(null), A(null), C(null), F(!1), I(!1), L(null), H(null), Se(null), Ae(null)), !Yt(e.target)) {
+				if (Ht(e.key)) {
+					e.preventDefault(), He(e.key, e.shiftKey);
+					return;
+				}
+				if (!a && e.key === "F2" && u.capabilities.rename && u.selectedItems.length === 1) {
+					e.preventDefault();
+					let t = u.selectedItems[0];
+					O(null), A(null), M(t), N(t.name), P(null);
+					return;
+				}
+				if (!a && (e.key === "Delete" || e.key === "Backspace") && u.selectedPaths.length > 0) {
+					e.preventDefault(), F(!0);
+					return;
+				}
+				if ((e.metaKey || e.ctrlKey) && !a) {
+					let t = e.key.toLowerCase();
+					if (t === "c" && u.capabilities.copy && u.selectedPaths.length > 0) {
+						e.preventDefault(), Y();
+						return;
+					}
+					if (t === "x" && u.capabilities.move && u.selectedPaths.length > 0) {
+						e.preventDefault(), Ue();
+						return;
+					}
+					if (t === "v" && u.clipboard) {
+						e.preventDefault(), qe(u.currentPath);
+						return;
+					}
+				}
+				if (e.key === "Enter" && u.selectedItems.length === 1) {
+					let e = u.selectedItems[0];
+					e.kind === "folder" ? u.navigate(e.path) : Le(e);
+				}
+				(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "a" && (e.preventDefault(), u.selectAllLoaded());
+			}
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		u,
+		Y,
+		Ue,
+		He,
+		Le,
+		qe,
+		a
+	]), _(() => {
+		u.focusedPath && (je.current?.querySelector(`[data-fb-path="${Wt(u.focusedPath)}"]`))?.focus();
+	}, [
+		u.focusedPath,
+		u.filteredItems,
+		u.view
+	]), _(() => {
+		if (!V) return;
+		let e = () => H(null);
+		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+	}, [V]), _(() => {
+		if (!De) return;
+		let e = setTimeout(() => W(null), ft);
+		return () => clearTimeout(e);
+	}, [De]), _(() => {
+		for (let e of f.uploads) e.status !== "completed" || !e.result || Fe.current.has(e.id) || (Fe.current.add(e.id), o(e.result.path) === u.currentPath && u.refresh());
+	}, [u, f.uploads]), _(() => {
+		if (!ae) return;
+		let t = !1;
+		return Promise.resolve().then(async () => t ? [] : (ge("loading"), ve(null), yt(e, u.selectedPaths))).then((e) => {
+			if (t || e.length === 0) {
+				!t && e.length === 0 && (B([]), ge("ready"));
+				return;
+			}
+			B(e), ge("ready");
+		}).catch((e) => {
+			t || (B([]), ge("error"), ve(Jt(e)));
+		}), () => {
+			t = !0;
+		};
+	}, [
+		e,
+		u.selectedPaths,
+		ae
+	]);
+	async function Je() {
+		if (g.trim()) {
+			C(null);
+			try {
+				await u.createFolder(g), x(""), m(!1);
+			} catch (e) {
+				C(Jt(e));
+			}
+		}
+	}
+	function Ye(e = u.selectedItems.at(0)) {
+		e && (M(null), N(""), P(null), O(e), ee(e.name), A(null));
+	}
+	async function Xe() {
+		let e = k.trim();
+		if (!(!w || !e)) {
+			A(null);
+			try {
+				await u.rename(w.path, e), O(null), ee("");
+			} catch (e) {
+				A(Jt(e));
+			}
+		}
+	}
+	async function Ze() {
+		let e = j, t = ne.trim();
+		if (P(null), !e || !t || t === e.name) {
+			M(null), N("");
+			return;
+		}
+		try {
+			await u.rename(e.path, t), M(null), N("");
+		} catch (n) {
+			M(e), N(t), P(Jt(n));
+		}
+	}
+	function Qe() {
+		M(null), N(""), P(null);
+	}
+	async function $e() {
+		try {
+			await u.deleteSelected(), F(!1);
+		} catch (e) {
+			if (e instanceof r) {
+				F(!1), L(e);
+				return;
+			}
+			throw e;
+		}
+	}
+	function et() {
+		u.selectedPaths.length !== 0 && (fe(u.currentPath), I(!0));
+	}
+	async function tt() {
+		try {
+			await u.moveSelectedTo(le), I(!1);
+		} catch (e) {
+			if (e instanceof r) {
+				I(!1), L(e);
+				return;
+			}
+			throw e;
+		}
+	}
+	function nt(e, t) {
+		if (a || !u.capabilities.move) return;
+		let n = u.selectedPaths.includes(e.path) ? u.selectedPaths : [e.path];
+		u.setSelection(n), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(ut, JSON.stringify(n));
+	}
+	function rt(e, t) {
+		a || !u.capabilities.move || e.kind !== "folder" || Gt(t.dataTransfer).length !== 0 && (t.preventDefault(), t.stopPropagation(), t.dataTransfer.dropEffect = "move");
+	}
+	async function it(e, t) {
+		if (a || !u.capabilities.move || e.kind !== "folder") return;
+		let n = Gt(t.dataTransfer);
+		if (n.length !== 0) {
+			t.preventDefault(), t.stopPropagation();
+			try {
+				await u.movePathsTo(n, e.path);
+			} catch (e) {
+				if (e instanceof r) {
+					L(e);
+					return;
+				}
+				throw e;
+			}
+		}
+	}
+	function at(e, t) {
+		t.preventDefault(), t.stopPropagation(), u.selectedPaths.includes(e.path) || u.selectOnly(e.path), H({
+			target: "item",
+			item: e,
+			x: t.clientX,
+			y: t.clientY,
+			mode: "context"
+		});
+	}
+	function ot(e) {
+		u.selectedPaths.includes(e.path) || u.selectOnly(e.path), H({
+			target: "item",
+			item: e,
+			x: 0,
+			y: 0,
+			mode: "sheet"
+		});
+	}
+	function st(e) {
+		e.preventDefault(), u.clearSelection(), H({
+			target: "empty",
+			x: e.clientX,
+			y: e.clientY,
+			mode: "context"
+		});
+	}
+	function ct(e) {
+		e.target !== e.currentTarget || Vt(e) || u.clearSelection();
+	}
+	function lt(e) {
+		if (!G || q.length === 0) return;
+		let t = q.findIndex((e) => e.path === G.item.path), n = ((t >= 0 ? t : 0) + e + q.length) % q.length, r = q[n];
+		Le(r), u.selectOnly(r.path);
+	}
+	async function mt() {
+		if (u.selectedItems.length === 1 && u.selectedItems[0].kind === "file") {
+			await bt(u.selectedItems[0]);
+			return;
+		}
+		await St(u.selectedPaths.length > 0 ? u.selectedPaths : u.items.map((e) => e.path), Ve);
+	}
+	async function bt(t) {
+		if (t.kind === "file") {
+			await d.prepareSingleDownload({
+				adapter: e,
+				path: t.path,
+				selectedBytes: t.size ?? 0
+			});
+			return;
+		}
+		await St([t.path], t.size ?? 0);
+	}
+	async function St(t, n) {
+		await d.prepareBulkDownload({
+			adapter: e,
+			paths: t,
+			selectedBytes: n,
+			warnZipSizeBytes: l
+		});
+	}
+	async function wt(e) {
+		!e || e.length === 0 || (await Tt(e), K.current && (K.current.value = ""));
+	}
+	async function Tt(e) {
+		await jt(xe(e));
+	}
+	async function Q(e) {
+		await jt(await be(e));
+	}
+	async function jt(e) {
+		if (e.length === 0) return;
+		let { acceptedCandidates: t, rejectedCandidates: n } = xt(e, c, u.currentPath);
+		if (n.length > 0 && we(n), t.length === 0) return;
+		let r = Pt(t);
+		if (r.length === 0) return;
+		let i = await qt(r), a = vt(u.currentPath, r, i);
+		an(r, await Xt(r), 0, void 0, a);
+	}
+	function Pt(e) {
+		if (u.capabilities.createFolder) return e;
+		let [t, n] = _t(e, (e) => e.relativePath.includes("/"));
+		return t.length > 0 && we((e) => [...e, ...t.map((e) => ({
+			fileName: e.file.name,
+			relativePath: e.relativePath,
+			reasons: ["Folder uploads require folder creation support"]
+		}))]), n;
+	}
+	async function qt(n) {
+		let r = gt(n), i = 0;
+		if (!e.createFolder) {
+			if (r.length > 0) throw new t("not_supported", "Folder uploads require folder creation support");
+			return 0;
+		}
+		for (let n of r) try {
+			await e.createFolder(ht(u.currentPath, n)), i += 1;
+		} catch (e) {
+			if (e instanceof t && e.code === "conflict") continue;
+			throw e;
+		}
+		return i > 0 && await u.refresh(), i;
+	}
+	async function Xt(t) {
+		let n = t.map((e) => ht(u.currentPath, e.relativePath));
+		if (e.exists) try {
+			let t = await e.exists(n);
+			return n.filter((e) => t[e]);
+		} catch {}
+		let r = new Set(u.items.map((e) => e.path)), i = [];
+		for (let e of n) (r.has(e) || await rn(e)) && i.push(e);
+		return i;
+	}
+	async function rn(t) {
+		let n = o(t), r;
+		do {
+			let i = await e.list(n, { cursor: r });
+			if (i.items.some((e) => e.path === t)) return !0;
+			r = i.cursor;
+		} while (r);
+		return !1;
+	}
+	function an(e, t, n, r, i) {
+		let a = new Set(t);
+		for (let o = n; o < e.length; o += 1) {
+			let n = e[o], s = ht(u.currentPath, n.relativePath);
+			if (a.has(s)) {
+				if (!r) {
+					Se({
+						candidates: e,
+						conflictPaths: t,
+						group: i,
+						index: o
+					}), Ee(!1);
+					return;
+				}
+				r !== "skip" && sn(n, r, i);
+			} else sn(n, void 0, i);
+		}
+		Se(null), Ee(!1);
+	}
+	function on(e) {
+		if (!U) return;
+		let { candidates: t, conflictPaths: n, group: r, index: i } = U;
+		if (Te) {
+			an(t, n, i, e, r);
+			return;
+		}
+		let a = t[i];
+		e !== "skip" && sn(a, e, r), an(t, n, i + 1, void 0, r);
+	}
+	function sn(t, n, r) {
+		d.enqueueUpload({
+			adapter: e,
+			destinationPath: ht(u.currentPath, t.relativePath),
+			file: t.file,
+			group: r,
+			onConflict: n === "skip" ? void 0 : n
+		});
+	}
+	return /* @__PURE__ */ E("section", {
+		className: `flex min-h-[520px] w-full overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] font-[inherit] text-[length:var(--fb-font)] text-[var(--fb-text)] ${Z}`,
+		"data-fb-density": i,
+		ref: je,
+		style: pt[i],
+		onDragEnter: (e) => {
+			e.preventDefault(), a || ke(!0);
+		},
+		onDragLeave: (e) => {
+			e.currentTarget === e.target && ke(!1);
+		},
+		onDragOver: (e) => {
+			e.preventDefault();
+		},
+		onDrop: (e) => {
+			e.preventDefault(), ke(!1), !a && Q(e.dataTransfer);
+		},
+		onPaste: (e) => {
+			if (a) return;
+			let t = Array.from(e.clipboardData.files).filter((e) => e.type.startsWith("image/"));
+			t.length > 0 && Tt(t);
+		},
+		children: [
+			/* @__PURE__ */ T("div", {
+				"aria-atomic": "true",
+				"aria-live": "polite",
+				className: "sr-only",
+				role: "status",
+				children: Qt({
+					currentPath: u.currentPath,
+					itemCount: u.filteredItems.length,
+					selectedCount: u.selectedPaths.length,
+					status: u.status
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "flex min-w-0 flex-1 flex-col",
+				children: [
+					/* @__PURE__ */ E("header", {
+						className: `flex flex-wrap items-center gap-2 border-b border-[var(--fb-border)] bg-[var(--fb-surface)] px-[var(--fb-pad)] py-[var(--fb-cell-y)] ${Z}`,
+						children: [
+							/* @__PURE__ */ T(Nt, {
+								path: u.currentPath,
+								onNavigate: u.navigate
+							}),
+							De ? /* @__PURE__ */ T("span", {
+								"aria-label": "Clipboard status",
+								className: `rounded-[calc(var(--fb-radius)-4px)] bg-[var(--fb-accent-soft)] px-2 py-1 text-[12px] font-medium text-[var(--fb-accent)] ${X}`,
+								role: "status",
+								children: De
+							}) : null,
+							/* @__PURE__ */ E("div", {
+								className: "ml-auto flex min-w-0 items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ E("label", {
+										className: "relative block min-w-[140px] max-w-[220px]",
+										children: [/* @__PURE__ */ T(he, {
+											"aria-hidden": "true",
+											className: "pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-[var(--fb-muted)]"
+										}), /* @__PURE__ */ T("input", {
+											"aria-label": "Search files",
+											className: `h-[var(--fb-control-h)] w-full rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] pl-7 pr-2 text-[12px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+											onChange: (e) => u.setSearchQuery(e.target.value),
+											placeholder: "Search",
+											type: "search",
+											value: u.searchQuery
+										})]
+									}),
+									/* @__PURE__ */ E("select", {
+										"aria-label": "Filter files",
+										className: nn(),
+										onChange: (e) => u.setFilterKind(e.target.value),
+										value: u.filterKind,
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "all",
+												children: "All"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "folders",
+												children: "Folders"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "files",
+												children: "Files"
+											})
+										]
+									}),
+									/* @__PURE__ */ E("select", {
+										"aria-label": "Sort files",
+										className: nn(),
+										onChange: (e) => u.setSortBy(e.target.value),
+										value: u.sortBy,
+										children: [
+											/* @__PURE__ */ T("option", {
+												value: "name",
+												children: "Name"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "modifiedAt",
+												children: "Modified"
+											}),
+											/* @__PURE__ */ T("option", {
+												value: "size",
+												children: "Size"
+											})
+										]
+									}),
+									/* @__PURE__ */ T("button", {
+										"aria-label": "Toggle sort direction",
+										className: $t(!1),
+										onClick: () => u.setSortDirection((e) => e === "asc" ? "desc" : "asc"),
+										type: "button",
+										children: u.sortDirection === "asc" ? "Asc" : "Desc"
+									}),
+									/* @__PURE__ */ T("button", {
+										"aria-label": "Grid view",
+										className: $t(u.view === "grid"),
+										onClick: () => u.setView("grid"),
+										type: "button",
+										children: /* @__PURE__ */ T(ue, {
+											"aria-hidden": "true",
+											className: "size-4"
+										})
+									}),
+									/* @__PURE__ */ T("button", {
+										"aria-label": "List view",
+										className: $t(u.view === "list"),
+										onClick: () => u.setView("list"),
+										type: "button",
+										children: /* @__PURE__ */ T(de, {
+											"aria-hidden": "true",
+											className: "size-4"
+										})
+									}),
+									!a && u.capabilities.createFolder ? /* @__PURE__ */ E("button", {
+										className: $(!1),
+										onClick: () => {
+											C(null), m(!0);
+										},
+										type: "button",
+										children: [/* @__PURE__ */ T(z, {
+											"aria-hidden": "true",
+											className: "size-4"
+										}), "New folder"]
+									}) : null,
+									/* @__PURE__ */ T("input", {
+										"aria-label": "Upload files",
+										multiple: !0,
+										onChange: (e) => void wt(e.target.files),
+										ref: K,
+										type: "file",
+										className: "hidden"
+									}),
+									a ? null : /* @__PURE__ */ E("button", {
+										className: en(),
+										onClick: () => K.current?.click(),
+										type: "button",
+										children: [/* @__PURE__ */ T(ye, {
+											"aria-hidden": "true",
+											className: "size-4"
+										}), "Upload"]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ T(Mt, {
+						canCopy: !a && u.capabilities.copy,
+						canCut: !a && u.capabilities.move,
+						canDelete: !a,
+						canMove: !a && u.capabilities.move,
+						canRename: !a && u.capabilities.rename,
+						itemCount: u.filteredItems.length,
+						onCopy: () => Y(),
+						onCut: () => Ue(),
+						onDelete: () => F(!0),
+						onDownload: () => void mt(),
+						onMove: et,
+						onRename: Ye,
+						onSelectAll: u.selectAllLoaded,
+						onSelectNone: u.clearSelection,
+						selectedCount: u.selectedPaths.length
+					}),
+					Ce.length > 0 ? /* @__PURE__ */ T(zt, {
+						onDismiss: () => we([]),
+						rejections: Ce
+					}) : null,
+					/* @__PURE__ */ E("div", {
+						className: `relative min-h-0 flex-1 overflow-auto bg-[var(--fb-bg)] p-[var(--fb-pad)] ${Z}`,
+						onClick: ct,
+						onContextMenu: st,
+						children: [u.status === "loading" && u.items.length === 0 ? /* @__PURE__ */ T(Lt, {}) : u.status === "error" ? /* @__PURE__ */ T(Rt, {
+							title: Kt(u.error).title,
+							tone: "danger",
+							value: Kt(u.error).value
+						}) : u.filteredItems.length === 0 ? /* @__PURE__ */ T(Rt, {
+							title: "This folder is empty",
+							value: "Create a folder or upload files to start."
+						}) : u.view === "grid" ? /* @__PURE__ */ T(Ct, {
+							browser: u,
+							canMove: !a && u.capabilities.move,
+							inlineRenameError: re,
+							inlineRenameLabel: j?.name ?? "",
+							inlineRenameItem: j,
+							inlineRenameValue: ne,
+							onDragStart: nt,
+							onFolderDragOver: rt,
+							onFolderDrop: (e, t) => void it(e, t),
+							onEmptyClick: () => u.clearSelection(),
+							onInlineRenameCancel: Qe,
+							onInlineRenameChange: (e) => {
+								N(e), P(null);
+							},
+							onInlineRenameCommit: () => void Ze(),
+							onContextMenu: at,
+							onOpenItem: Be,
+							onSelectItem: ze,
+							onTouchMenu: ot,
+							selectedPaths: u.selectedPaths
+						}) : /* @__PURE__ */ T(Et, {
+							browser: u,
+							canMove: !a && u.capabilities.move,
+							inlineRenameError: re,
+							inlineRenameLabel: j?.name ?? "",
+							inlineRenameItem: j,
+							inlineRenameValue: ne,
+							onDragStart: nt,
+							onFolderDragOver: rt,
+							onFolderDrop: (e, t) => void it(e, t),
+							onInlineRenameCancel: Qe,
+							onInlineRenameChange: (e) => {
+								N(e), P(null);
+							},
+							onInlineRenameCommit: () => void Ze(),
+							onContextMenu: at,
+							onOpenItem: Be,
+							onSelectItem: ze,
+							selectedPaths: u.selectedPaths
+						}), Oe ? /* @__PURE__ */ T("div", {
+							className: `pointer-events-none absolute inset-3 z-10 grid place-items-center rounded-[var(--fb-radius)] border-2 border-dashed border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[13px] font-semibold text-[var(--fb-accent)] ${Z}`,
+							children: "Drop files to upload"
+						}) : null]
+					}),
+					/* @__PURE__ */ E("footer", {
+						className: `flex h-9 items-center justify-between border-t border-[var(--fb-border)] px-[var(--fb-pad)] text-[11px] text-[var(--fb-muted)] ${Z}`,
+						children: [/* @__PURE__ */ E("span", { children: [
+							u.filteredItems.length,
+							" items",
+							u.selectedPaths.length ? ` · ${u.selectedPaths.length} selected` : ""
+						] }), u.hasMore ? /* @__PURE__ */ T("button", {
+							className: `rounded-[calc(var(--fb-radius)-4px)] px-2 py-1 font-medium text-[var(--fb-accent)] hover:bg-[var(--fb-accent-soft)] ${X}`,
+							onClick: () => void u.loadMore(),
+							type: "button",
+							children: "Load more"
+						}) : /* @__PURE__ */ T("span", {})]
+					})
+				]
+			}),
+			s ? /* @__PURE__ */ T(Ft, {
+				item: Ie,
+				onCopyPath: () => void Ke(u.selectedPaths),
+				onDownload: () => void mt(),
+				selectedCount: u.selectedItems.length,
+				totalBytes: Ve
+			}) : null,
+			V ? /* @__PURE__ */ T(Dt, {
+				browser: u,
+				menu: V,
+				onClose: () => H(null),
+				onDelete: () => F(!0),
+				onDownload: () => void mt(),
+				onMove: et,
+				onNewFolder: () => {
+					C(null), m(!0);
+				},
+				onCopy: () => Y(),
+				onCopyPath: (e) => void Ke(u.selectedPaths.includes(e.path) ? u.selectedPaths : [e.path]),
+				onCut: () => Ue(),
+				onPaste: () => void qe(u.currentPath),
+				onRename: Ye,
+				onUpload: () => K.current?.click(),
+				readOnly: a
+			}) : null,
+			p ? /* @__PURE__ */ T("div", {
+				"aria-label": "New folder",
+				"aria-modal": "true",
+				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
+				role: "dialog",
+				children: /* @__PURE__ */ E("form", {
+					className: `w-[min(360px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+					onSubmit: (e) => {
+						e.preventDefault(), Je();
+					},
+					children: [
+						/* @__PURE__ */ T("h2", {
+							className: "m-0 text-[14px] font-semibold",
+							children: "New folder"
+						}),
+						/* @__PURE__ */ E("label", {
+							className: "mt-3 block text-[12px] font-medium text-[var(--fb-muted)]",
+							children: ["Folder name", /* @__PURE__ */ T("input", {
+								"aria-label": "Folder name",
+								autoFocus: !0,
+								className: `mt-1 h-9 w-full rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[13px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+								onChange: (e) => {
+									x(e.target.value), C(null);
+								},
+								value: g
+							})]
+						}),
+						S ? /* @__PURE__ */ T("div", {
+							className: `mt-3 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2 py-1.5 text-[12px] text-[var(--fb-danger)] ${Z}`,
+							role: "alert",
+							children: S
+						}) : null,
+						/* @__PURE__ */ E("div", {
+							className: "mt-4 flex justify-end gap-2",
+							children: [/* @__PURE__ */ T("button", {
+								className: $(!1),
+								onClick: () => {
+									C(null), m(!1);
+								},
+								type: "button",
+								children: "Cancel"
+							}), /* @__PURE__ */ T("button", {
+								className: en(),
+								type: "submit",
+								children: "Create folder"
+							})]
+						})
+					]
+				})
+			}) : null,
+			w ? /* @__PURE__ */ T("div", {
+				"aria-label": "Rename item",
+				"aria-modal": "true",
+				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
+				role: "dialog",
+				children: /* @__PURE__ */ E("form", {
+					className: `w-[min(360px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+					onSubmit: (e) => {
+						e.preventDefault(), Xe();
+					},
+					children: [
+						/* @__PURE__ */ T("h2", {
+							className: "m-0 text-[14px] font-semibold",
+							children: "Rename"
+						}),
+						/* @__PURE__ */ E("label", {
+							className: "mt-3 block text-[12px] font-medium text-[var(--fb-muted)]",
+							children: ["New name", /* @__PURE__ */ T("input", {
+								"aria-label": "New name",
+								autoFocus: !0,
+								className: `mt-1 h-9 w-full rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[13px] text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+								onChange: (e) => {
+									ee(e.target.value), A(null);
+								},
+								value: k
+							})]
+						}),
+						te ? /* @__PURE__ */ T("div", {
+							className: `mt-3 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2 py-1.5 text-[12px] text-[var(--fb-danger)] ${Z}`,
+							role: "alert",
+							children: te
+						}) : null,
+						/* @__PURE__ */ E("div", {
+							className: "mt-4 flex justify-end gap-2",
+							children: [/* @__PURE__ */ T("button", {
+								className: $(!1),
+								onClick: () => {
+									O(null), ee(""), A(null);
+								},
+								type: "button",
+								children: "Cancel"
+							}), /* @__PURE__ */ T("button", {
+								className: en(),
+								type: "submit",
+								children: "Rename item"
+							})]
+						})
+					]
+				})
+			}) : null,
+			ie ? /* @__PURE__ */ T("div", {
+				"aria-label": "Delete selected items",
+				"aria-modal": "true",
+				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
+				role: "dialog",
+				children: /* @__PURE__ */ E("form", {
+					className: `w-[min(400px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+					onSubmit: (e) => {
+						e.preventDefault(), $e();
+					},
+					children: [
+						/* @__PURE__ */ T("h2", {
+							className: "m-0 text-[14px] font-semibold",
+							children: "Delete selected items"
+						}),
+						/* @__PURE__ */ T("p", {
+							className: "mt-2 text-[12px] text-[var(--fb-muted)]",
+							children: "This removes the selected entries from storage."
+						}),
+						/* @__PURE__ */ T("ul", {
+							className: `mt-3 max-h-32 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${Z}`,
+							children: u.selectedItems.map((e) => /* @__PURE__ */ T("li", {
+								className: "truncate py-1",
+								children: e.name
+							}, e.path))
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "mt-4 flex justify-end gap-2",
+							children: [/* @__PURE__ */ T("button", {
+								className: $(!1),
+								onClick: () => F(!1),
+								type: "button",
+								children: "Cancel"
+							}), /* @__PURE__ */ T("button", {
+								className: tn(),
+								type: "submit",
+								children: "Delete selected"
+							})]
+						})
+					]
+				})
+			}) : null,
+			ae ? /* @__PURE__ */ T("div", {
+				"aria-label": "Move selected items",
+				"aria-modal": "true",
+				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
+				role: "dialog",
+				children: /* @__PURE__ */ E("form", {
+					className: `w-[min(420px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+					onSubmit: (e) => {
+						e.preventDefault(), tt();
+					},
+					children: [
+						/* @__PURE__ */ T("h2", {
+							className: "m-0 text-[14px] font-semibold",
+							children: "Move selected items"
+						}),
+						/* @__PURE__ */ T("p", {
+							className: "mt-2 text-[12px] text-[var(--fb-muted)]",
+							children: "Choose a destination folder from the folder tree."
+						}),
+						/* @__PURE__ */ T(At, {
+							currentPath: u.currentPath,
+							destinations: pe,
+							error: _e,
+							onSelect: fe,
+							selectedPath: le,
+							status: me
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "mt-3 truncate text-[11px] text-[var(--fb-muted)]",
+							children: ["Destination: ", le]
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "mt-4 flex justify-end gap-2",
+							children: [/* @__PURE__ */ T("button", {
+								className: $(!1),
+								onClick: () => I(!1),
+								type: "button",
+								children: "Cancel"
+							}), /* @__PURE__ */ T("button", {
+								className: en(),
+								type: "submit",
+								children: "Move here"
+							})]
+						})
+					]
+				})
+			}) : null,
+			ce ? /* @__PURE__ */ T(kt, {
+				error: ce,
+				onClose: () => L(null)
+			}) : null,
+			U ? /* @__PURE__ */ T(Ot, {
+				applyToAll: Te,
+				currentPath: u.currentPath,
+				onApplyToAllChange: Ee,
+				onCancel: () => {
+					Se(null), Ee(!1);
+				},
+				onResolve: (e) => on(e),
+				queue: U
+			}) : null,
+			G ? /* @__PURE__ */ T("div", {
+				"aria-label": `Preview ${G.item.name}`,
+				"aria-modal": "true",
+				className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_35%,transparent)] p-4 ${Z}`,
+				role: "dialog",
+				children: /* @__PURE__ */ E("div", {
+					className: `w-[min(720px,100%)] overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] shadow-[0_22px_70px_color-mix(in_oklch,var(--fb-text)_24%,transparent)] ${Z}`,
+					children: [/* @__PURE__ */ E("div", {
+						className: `flex h-12 items-center justify-between border-b border-[var(--fb-border)] px-4 ${Z}`,
+						children: [/* @__PURE__ */ E("div", {
+							className: "min-w-0 truncate font-semibold",
+							children: ["Preview ", G.item.name]
+						}), /* @__PURE__ */ E("div", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ T("button", {
+									"aria-label": "Previous file",
+									className: $t(!1),
+									disabled: q.length <= 1,
+									onClick: () => lt(-1),
+									type: "button",
+									children: /* @__PURE__ */ T(oe, {
+										"aria-hidden": "true",
+										className: "size-4"
+									})
+								}),
+								/* @__PURE__ */ T("button", {
+									"aria-label": "Next file",
+									className: $t(!1),
+									disabled: q.length <= 1,
+									onClick: () => lt(1),
+									type: "button",
+									children: /* @__PURE__ */ T(se, {
+										"aria-hidden": "true",
+										className: "size-4"
+									})
+								}),
+								/* @__PURE__ */ T("button", {
+									className: $t(!1),
+									onClick: () => Ae(null),
+									type: "button",
+									children: "Close"
+								})
+							]
+						})]
+					}), /* @__PURE__ */ T("div", {
+						className: `grid min-h-[260px] place-items-center bg-[var(--fb-bg)] p-8 ${Z}`,
+						children: G.item.mimeType?.startsWith("image/") && G.url || G.item.thumbnailUrl ? /* @__PURE__ */ E("div", {
+							className: "text-center",
+							children: [/* @__PURE__ */ T("img", {
+								alt: G.item.name,
+								className: `max-h-[420px] max-w-full rounded-[calc(var(--fb-radius)-2px)] object-contain ${Z}`,
+								src: G.url ?? G.item.thumbnailUrl
+							}), /* @__PURE__ */ T(It, { preview: G })]
+						}) : /* @__PURE__ */ E("div", {
+							className: "text-center",
+							children: [
+								/* @__PURE__ */ T(R, { className: "mx-auto size-12 text-[var(--fb-muted)]" }),
+								/* @__PURE__ */ T("div", {
+									className: "mt-3 font-semibold",
+									children: G.item.name
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "mt-1 text-[12px] text-[var(--fb-muted)]",
+									children: G.item.mimeType ?? "File"
+								}),
+								G.status === "loading" ? /* @__PURE__ */ T("div", {
+									className: "mt-3 text-[12px] text-[var(--fb-muted)]",
+									children: "Loading preview"
+								}) : null,
+								G.status === "error" ? /* @__PURE__ */ T("div", {
+									className: "mt-3 text-[12px] text-[var(--fb-danger)]",
+									children: G.error ?? "Could not load preview"
+								}) : null,
+								/* @__PURE__ */ T(It, { preview: G })
+							]
+						})
+					})]
+				})
+			}) : null
+		]
+	});
+}
+function ht(t, n) {
+	return n.split("/").filter(Boolean).reduce((t, n) => e(t, n), t);
+}
+function gt(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let { relativePath: n } of e) {
+		let e = n.split("/").filter(Boolean);
+		for (let n = 1; n < e.length; n += 1) t.add(e.slice(0, n).join("/"));
+	}
+	return Array.from(t).sort((e, t) => e.split("/").length - t.split("/").length || e.localeCompare(t));
+}
+function _t(e, t) {
+	let n = [], r = [];
+	for (let i of e) t(i) ? n.push(i) : r.push(i);
+	return [n, r];
+}
+function vt(e, t, n = 0) {
+	if (gt(t).length === 0) return;
+	let r = t.map((e) => e.relativePath.split("/").filter(Boolean)[0]).filter((e) => !!e), i = Array.from(new Set(r)), o = i.length === 1 ? i[0] : "Folder upload";
+	return {
+		id: i.length === 1 ? ht(e, o) : `${a(e)}#folder-upload`,
+		name: o,
+		totalFiles: t.length,
+		createdFolders: n
+	};
+}
+async function yt(e, t) {
+	let n = [], r = t.map(a);
+	async function i(t, a) {
+		let o;
+		do {
+			let s = await e.list(t, { cursor: o }), c = s.items.filter((e) => e.kind === "folder").sort((e, t) => e.name.localeCompare(t.name, void 0, {
+				numeric: !0,
+				sensitivity: "base"
+			}));
+			for (let e of c) bt(e.path, r) || (n.push({
+				path: e.path,
+				name: e.name,
+				depth: a
+			}), await i(e.path, a + 1));
+			o = s.cursor;
+		} while (o);
+	}
+	return await i("/", 0), n;
+}
+function bt(e, t) {
+	let n = a(e);
+	return t.some((e) => n === e || n.startsWith(`${e}/`));
+}
+function xt(e, t, n) {
+	if (!t) return {
+		acceptedCandidates: e,
+		rejectedCandidates: []
+	};
+	let r = [], i = [], a = 0;
+	for (let o of e) {
+		let e = [];
+		t.maxFileSizeBytes !== void 0 && o.file.size > t.maxFileSizeBytes && e.push(`File is larger than ${Xt(t.maxFileSizeBytes)}`), t.allowedMimeTypes?.length && !St(o.file, t.allowedMimeTypes) && e.push(`File type ${o.file.type || "unknown"} is not allowed`), t.remainingQuotaBytes !== void 0 && a + o.file.size > t.remainingQuotaBytes && e.push(`Upload exceeds remaining quota of ${Xt(t.remainingQuotaBytes)}`);
+		let s = t.validate?.(o, {
+			acceptedBytes: a,
+			currentPath: n
+		});
+		if (Array.isArray(s) ? e.push(...s.filter(Boolean)) : s && e.push(s), e.length > 0) {
+			i.push({
+				fileName: o.file.name,
+				relativePath: o.relativePath,
+				reasons: e
+			});
+			continue;
+		}
+		a += o.file.size, r.push(o);
+	}
+	return {
+		acceptedCandidates: r,
+		rejectedCandidates: i
+	};
+}
+function St(e, t) {
+	return t.some((t) => t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : e.type === t);
+}
+function Ct({ browser: e, canMove: t, inlineRenameError: n, inlineRenameLabel: r, inlineRenameItem: i, inlineRenameValue: a, selectedPaths: o, onContextMenu: s, onDragStart: c, onEmptyClick: l, onFolderDragOver: u, onFolderDrop: d, onInlineRenameCancel: f, onInlineRenameChange: p, onInlineRenameCommit: m, onOpenItem: h, onSelectItem: g, onTouchMenu: _ }) {
+	let [v, y] = b(null);
+	function x(t) {
+		let n = t.inputEvent, r = t.selected.map((e) => e.getAttribute("data-fb-path")).filter((e) => !!e);
+		e.setSelection(r, { additive: !!(n?.shiftKey || n?.metaKey || n?.ctrlKey) });
+	}
+	return /* @__PURE__ */ E(w, { children: [v ? /* @__PURE__ */ T(S, {
+		className: "[background:var(--fb-accent-soft)!important] [border-color:var(--fb-accent)!important]",
+		container: v,
+		dragContainer: v,
+		hitRate: 10,
+		onSelect: x,
+		preventClickEventOnDrag: !0,
+		selectByClick: !1,
+		selectableTargets: [() => Array.from(v.querySelectorAll("[data-fb-selectable='true']"))],
+		selectFromInside: !1
+	}) : null, /* @__PURE__ */ T("div", {
+		"aria-label": "Files",
+		className: "relative grid min-h-full content-start grid-cols-[repeat(auto-fill,minmax(var(--fb-card-min),1fr))] gap-[var(--fb-grid-gap)]",
+		onClick: (e) => {
+			e.target === e.currentTarget && !Vt(e) && l();
+		},
+		ref: y,
+		role: "grid",
+		children: e.filteredItems.map((e) => /* @__PURE__ */ T(wt, {
+			canMove: t,
+			item: e,
+			onOpen: () => h(e),
+			onContextMenu: (t) => s(e, t),
+			onDragStart: (t) => c(e, t),
+			onFolderDragOver: (t) => u(e, t),
+			onFolderDrop: (t) => d(e, t),
+			inlineRenameError: n,
+			inlineRenameLabel: r,
+			inlineRenameValue: a,
+			isRenaming: i?.path === e.path,
+			onInlineRenameCancel: f,
+			onInlineRenameChange: p,
+			onInlineRenameCommit: m,
+			onSelect: (t) => g(e.path, t),
+			onTouchMenu: () => _(e),
+			selected: o.includes(e.path)
+		}, e.path))
+	})] });
+}
+function wt({ canMove: e, inlineRenameError: t, inlineRenameLabel: n, inlineRenameValue: r, isRenaming: i, item: a, selected: o, onSelect: s, onOpen: c, onContextMenu: l, onDragStart: u, onFolderDragOver: d, onFolderDrop: f, onInlineRenameCancel: p, onInlineRenameChange: m, onInlineRenameCommit: h, onTouchMenu: g }) {
+	let _ = y(null);
+	function v() {
+		_.current &&= (clearTimeout(_.current), null);
+	}
+	function b() {
+		v(), _.current = setTimeout(() => {
+			_.current = null, g();
+		}, 520);
+	}
+	return /* @__PURE__ */ E("article", {
+		"aria-selected": o,
+		"data-fb-path": a.path,
+		"data-fb-selectable": "true",
+		draggable: e,
+		className: `group relative flex min-h-[var(--fb-card-minh)] cursor-default flex-col rounded-[calc(var(--fb-radius)-1px)] border p-[var(--fb-card-pad)] outline-none hover:shadow-[0_8px_22px_color-mix(in_oklch,var(--fb-text)_8%,transparent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${Z} ${o ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] hover:border-[var(--fb-border-strong)]"}`,
+		onClick: s,
+		onContextMenu: l,
+		onDoubleClick: c,
+		onDragOver: a.kind === "folder" ? d : void 0,
+		onDragStart: e ? u : void 0,
+		onDrop: a.kind === "folder" ? f : void 0,
+		onTouchCancel: v,
+		onTouchEnd: v,
+		onTouchMove: v,
+		onTouchStart: b,
+		role: "gridcell",
+		tabIndex: 0,
+		children: [
+			/* @__PURE__ */ T("span", {
+				"aria-hidden": "true",
+				className: `absolute right-2 top-2 grid size-4 place-items-center rounded border text-[10px] ${X} ${o ? "border-[var(--fb-accent)] bg-[var(--fb-accent)] text-[var(--fb-surface)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] opacity-0 group-hover:opacity-100"}`,
+				children: o ? "✓" : ""
+			}),
+			/* @__PURE__ */ T("div", {
+				className: `grid h-[var(--fb-thumb-h)] place-items-center rounded-[calc(var(--fb-radius)-3px)] bg-[var(--fb-surface-2)] group-hover:bg-[var(--fb-bg)] ${X}`,
+				children: a.kind === "folder" ? /* @__PURE__ */ T(z, {
+					"aria-hidden": "true",
+					className: "size-9 text-[var(--fb-folder)]"
+				}) : /* @__PURE__ */ T(R, {
+					"aria-hidden": "true",
+					className: "size-9 text-[var(--fb-muted)]"
+				})
+			}),
+			i ? /* @__PURE__ */ T(Tt, {
+				item: a,
+				error: t,
+				label: n,
+				onCancel: p,
+				onChange: m,
+				onCommit: h,
+				value: r
+			}) : /* @__PURE__ */ T("button", {
+				className: `mt-2 min-w-0 truncate text-left text-[12.5px] font-semibold text-[var(--fb-text)] outline-none ${X}`,
+				onClick: (e) => {
+					e.stopPropagation(), s(e);
+				},
+				type: "button",
+				children: a.name
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "mt-1 text-[11px] text-[var(--fb-muted)]",
+				children: a.kind === "folder" ? "Folder" : Xt(a.size ?? 0)
+			})
+		]
+	});
+}
+function Tt({ error: e, item: t, label: n, onCancel: r, onChange: i, onCommit: a, value: o }) {
+	return /* @__PURE__ */ E("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ T("input", {
+			"aria-label": `Rename ${n || t.name}`,
+			autoFocus: !0,
+			className: `mt-2 min-w-0 rounded-[calc(var(--fb-radius)-4px)] border border-[var(--fb-accent)] bg-[var(--fb-surface)] px-1.5 py-1 text-[12.5px] font-semibold text-[var(--fb-text)] outline-none ring-2 ring-[var(--fb-accent-soft)] ${X}`,
+			onBlur: a,
+			onChange: (e) => i(e.target.value),
+			onClick: (e) => e.stopPropagation(),
+			onDoubleClick: (e) => e.stopPropagation(),
+			onKeyDown: (e) => {
+				e.key === "Enter" && (e.preventDefault(), a()), e.key === "Escape" && (e.preventDefault(), r());
+			},
+			value: o
+		}), e ? /* @__PURE__ */ T("div", {
+			className: `mt-1 rounded-[calc(var(--fb-radius)-5px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-1.5 py-1 text-[11px] text-[var(--fb-danger)] ${Z}`,
+			role: "alert",
+			children: e
+		}) : null]
+	});
+}
+function Et({ browser: e, canMove: t, inlineRenameError: n, inlineRenameLabel: r, inlineRenameItem: i, inlineRenameValue: a, selectedPaths: o, onContextMenu: s, onDragStart: c, onFolderDragOver: l, onFolderDrop: u, onInlineRenameCancel: d, onInlineRenameChange: f, onInlineRenameCommit: p, onOpenItem: m, onSelectItem: h }) {
+	return /* @__PURE__ */ E("table", {
+		"aria-label": "Files",
+		className: `w-full border-separate border-spacing-0 overflow-hidden rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] text-left ${Z}`,
+		children: [/* @__PURE__ */ T("thead", {
+			className: "text-[11px] text-[var(--fb-muted)]",
+			children: /* @__PURE__ */ E("tr", { children: [
+				/* @__PURE__ */ T("th", {
+					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
+					children: "Name"
+				}),
+				/* @__PURE__ */ T("th", {
+					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
+					children: "Size"
+				}),
+				/* @__PURE__ */ T("th", {
+					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] font-medium",
+					children: "Modified"
+				})
+			] })
+		}), /* @__PURE__ */ T("tbody", { children: e.filteredItems.map((e) => /* @__PURE__ */ E("tr", {
+			"aria-selected": o.includes(e.path),
+			"data-fb-path": e.path,
+			className: o.includes(e.path) ? `bg-[var(--fb-accent-soft)] outline-none focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}` : `outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+			draggable: t,
+			onClick: (t) => h(e.path, t),
+			onContextMenu: (t) => s(e, t),
+			onDragOver: (t) => l(e, t),
+			onDragStart: (t) => c(e, t),
+			onDrop: (t) => u(e, t),
+			onDoubleClick: () => m(e),
+			tabIndex: 0,
+			children: [
+				/* @__PURE__ */ T("td", {
+					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)]",
+					children: /* @__PURE__ */ E("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [e.kind === "folder" ? /* @__PURE__ */ T(z, { className: "size-4 text-[var(--fb-folder)]" }) : /* @__PURE__ */ T(R, { className: "size-4 text-[var(--fb-muted)]" }), i?.path === e.path ? /* @__PURE__ */ T(Tt, {
+							item: e,
+							error: n,
+							label: r,
+							onCancel: d,
+							onChange: f,
+							onCommit: p,
+							value: a
+						}) : /* @__PURE__ */ T("button", {
+							className: `truncate font-medium ${X}`,
+							onClick: (t) => {
+								t.stopPropagation(), h(e.path, t);
+							},
+							type: "button",
+							children: e.name
+						})]
+					})
+				}),
+				/* @__PURE__ */ T("td", {
+					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] text-[12px] text-[var(--fb-muted)]",
+					children: e.kind === "folder" ? "Folder" : Xt(e.size ?? 0)
+				}),
+				/* @__PURE__ */ T("td", {
+					className: "border-b border-[var(--fb-border)] px-[var(--fb-cell-x)] py-[var(--fb-cell-y)] text-[12px] text-[var(--fb-muted)]",
+					children: e.modifiedAt ? new Date(e.modifiedAt).toLocaleDateString() : "—"
+				})
+			]
+		}, e.path)) })]
+	});
+}
+function Dt({ browser: e, menu: t, onClose: n, onDelete: r, onDownload: i, onCopy: a, onCopyPath: o, onCut: s, onMove: c, onNewFolder: l, onPaste: u, onRename: d, onUpload: f, readOnly: p }) {
+	let m = t.target === "item", h = t.mode === "sheet";
+	function g(e) {
+		e(), n();
+	}
+	return /* @__PURE__ */ E("div", {
+		"aria-label": m ? "Item actions" : "Folder actions",
+		className: `fixed z-50 rounded-[calc(var(--fb-radius)-2px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-1 text-[12px] text-[var(--fb-text)] shadow-[0_16px_44px_color-mix(in_oklch,var(--fb-text)_16%,transparent)] ${Z} ${h ? "inset-x-3 bottom-3 max-h-[80vh] overflow-auto" : "min-w-40"}`,
+		"data-fb-menu": h ? "sheet" : "context",
+		role: "menu",
+		style: h ? void 0 : {
+			left: t.x,
+			top: t.y
+		},
+		children: [
+			m && !p && e.capabilities.rename ? /* @__PURE__ */ T(Q, {
+				onClick: () => g(() => d(t.item)),
+				children: "Rename"
+			}) : null,
+			m && !p && e.capabilities.move ? /* @__PURE__ */ T(Q, {
+				onClick: () => g(c),
+				children: "Move"
+			}) : null,
+			m && !p && e.capabilities.copy ? /* @__PURE__ */ T(Q, {
+				onClick: () => g(a),
+				children: "Copy"
+			}) : null,
+			m && !p && e.capabilities.move ? /* @__PURE__ */ T(Q, {
+				onClick: () => g(s),
+				children: "Cut"
+			}) : null,
+			m ? /* @__PURE__ */ E(w, { children: [
+				/* @__PURE__ */ T(Q, {
+					onClick: () => g(() => o(t.item)),
+					children: e.selectedPaths.includes(t.item.path) && e.selectedPaths.length > 1 ? "Copy paths" : "Copy path"
+				}),
+				/* @__PURE__ */ T(Q, {
+					onClick: () => g(i),
+					children: "Download"
+				}),
+				p ? null : /* @__PURE__ */ T(Q, {
+					danger: !0,
+					onClick: () => {
+						r(), n();
+					},
+					children: "Delete"
+				})
+			] }) : /* @__PURE__ */ E(w, { children: [p ? null : /* @__PURE__ */ E(w, { children: [e.capabilities.createFolder ? /* @__PURE__ */ T(Q, {
+				onClick: () => g(l),
+				children: "New folder"
+			}) : null, /* @__PURE__ */ T(Q, {
+				onClick: () => g(f),
+				children: "Upload"
+			})] }), !p && e.clipboard ? /* @__PURE__ */ T(Q, {
+				onClick: () => g(u),
+				children: "Paste here"
+			}) : null] })
+		]
+	});
+}
+function Q({ children: e, danger: t, onClick: n }) {
+	return /* @__PURE__ */ T("button", {
+		className: `flex h-8 w-full items-center rounded-[calc(var(--fb-radius)-4px)] px-2 text-left font-medium outline-none hover:bg-[var(--fb-bg)] focus:bg-[var(--fb-bg)] ${X} ${t ? "text-[var(--fb-danger)]" : ""}`,
+		onClick: n,
+		role: "menuitem",
+		type: "button",
+		children: e
+	});
+}
+function Ot({ applyToAll: e, currentPath: t, onApplyToAllChange: n, onCancel: r, onResolve: i, queue: a }) {
+	let o = a.candidates[a.index], s = ht(t, o.relativePath), c = a.conflictPaths.indexOf(s) + 1;
+	return /* @__PURE__ */ T("div", {
+		"aria-label": "File conflict",
+		"aria-modal": "true",
+		className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
+		role: "dialog",
+		children: /* @__PURE__ */ E("div", {
+			className: `w-[min(420px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+			children: [
+				/* @__PURE__ */ T("h2", {
+					className: "m-0 text-[14px] font-semibold",
+					children: "File conflict"
+				}),
+				/* @__PURE__ */ E("p", {
+					className: "mt-2 text-[12px] text-[var(--fb-muted)]",
+					children: [o.relativePath, " already exists in this folder."]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: `mt-3 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${Z}`,
+					children: [
+						"Conflict ",
+						c,
+						" of ",
+						a.conflictPaths.length
+					]
+				}),
+				/* @__PURE__ */ E("label", {
+					className: "mt-3 flex items-center gap-2 text-[12px] font-medium text-[var(--fb-muted)]",
+					children: [/* @__PURE__ */ T("input", {
+						checked: e,
+						onChange: (e) => n(e.target.checked),
+						type: "checkbox"
+					}), "Apply to all conflicts"]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "mt-4 flex flex-wrap justify-end gap-2",
+					children: [
+						/* @__PURE__ */ T("button", {
+							className: $(!1),
+							onClick: r,
+							type: "button",
+							children: "Cancel"
+						}),
+						/* @__PURE__ */ T("button", {
+							className: $(!1),
+							onClick: () => i("skip"),
+							type: "button",
+							children: "Skip"
+						}),
+						/* @__PURE__ */ T("button", {
+							className: $(!1),
+							onClick: () => i("replace"),
+							type: "button",
+							children: "Replace"
+						}),
+						/* @__PURE__ */ T("button", {
+							className: en(),
+							onClick: () => i("keep-both"),
+							type: "button",
+							children: "Keep both"
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function kt({ error: e, onClose: t }) {
+	let n = e.succeededPaths.length;
+	return /* @__PURE__ */ T("div", {
+		"aria-label": "Partial bulk failure",
+		"aria-modal": "true",
+		className: `fixed inset-0 z-40 grid place-items-center bg-[color-mix(in_oklch,var(--fb-text)_20%,transparent)] p-4 ${Z}`,
+		role: "dialog",
+		children: /* @__PURE__ */ E("div", {
+			className: `w-[min(440px,100%)] rounded-[var(--fb-radius)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 shadow-[0_18px_50px_color-mix(in_oklch,var(--fb-text)_18%,transparent)] ${Z}`,
+			children: [
+				/* @__PURE__ */ T("h2", {
+					className: "m-0 text-[14px] font-semibold",
+					children: "Partial bulk failure"
+				}),
+				/* @__PURE__ */ E("p", {
+					className: "mt-2 text-[12px] text-[var(--fb-muted)]",
+					children: [
+						n,
+						" of ",
+						e.totalCount,
+						" completed"
+					]
+				}),
+				/* @__PURE__ */ T("ul", {
+					className: `mt-3 max-h-40 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 text-[12px] ${Z}`,
+					children: e.failures.map((e) => /* @__PURE__ */ E("li", {
+						className: "py-1",
+						children: [/* @__PURE__ */ T("div", {
+							className: "truncate font-medium",
+							children: e.path.split("/").filter(Boolean).at(-1) ?? e.path
+						}), /* @__PURE__ */ T("div", {
+							className: "text-[var(--fb-danger)]",
+							children: e.message
+						})]
+					}, e.path))
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "mt-4 flex justify-end",
+					children: /* @__PURE__ */ T("button", {
+						className: en(),
+						onClick: t,
+						type: "button",
+						children: "OK"
+					})
+				})
+			]
+		})
+	});
+}
+function At({ currentPath: e, destinations: t, error: n, onSelect: r, selectedPath: i, status: a }) {
+	return /* @__PURE__ */ E("div", {
+		className: `mt-3 max-h-64 overflow-auto rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-bg)] p-2 ${Z}`,
+		children: [
+			/* @__PURE__ */ T(jt, {
+				active: i === e,
+				label: "Current folder",
+				onClick: () => r(e),
+				path: e
+			}),
+			/* @__PURE__ */ T(jt, {
+				active: i === "/",
+				label: "Files",
+				onClick: () => r("/"),
+				path: "/"
+			}),
+			a === "loading" ? /* @__PURE__ */ T("div", {
+				className: "px-2 py-3 text-[12px] text-[var(--fb-muted)]",
+				children: "Loading folders"
+			}) : null,
+			a === "error" ? /* @__PURE__ */ T("div", {
+				className: "px-2 py-3 text-[12px] text-[var(--fb-danger)]",
+				children: n ?? "Could not load folders"
+			}) : null,
+			a === "ready" && t.length === 0 ? /* @__PURE__ */ T("div", {
+				className: "px-2 py-3 text-[12px] text-[var(--fb-muted)]",
+				children: "No folders available."
+			}) : null,
+			t.map((e) => /* @__PURE__ */ T(jt, {
+				active: i === e.path,
+				depth: e.depth,
+				label: e.name,
+				onClick: () => r(e.path),
+				path: e.path
+			}, e.path))
+		]
+	});
+}
+function jt({ active: e, depth: t = 0, label: n, onClick: r, path: i }) {
+	return /* @__PURE__ */ E("button", {
+		"aria-label": `Move destination ${i}`,
+		className: `mt-1 flex h-8 w-full items-center gap-2 rounded-[calc(var(--fb-radius)-4px)] px-2 text-left text-[12px] font-medium ${X} ${e ? "bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "hover:bg-[var(--fb-surface)]"}`,
+		onClick: r,
+		style: { paddingLeft: `calc((${t} * 6 + 2) * var(--fb-gap))` },
+		type: "button",
+		children: [/* @__PURE__ */ T(z, {
+			"aria-hidden": "true",
+			className: "size-4 shrink-0"
+		}), /* @__PURE__ */ T("span", {
+			className: "truncate",
+			children: n
+		})]
+	});
+}
+function Mt({ selectedCount: e, itemCount: t, canRename: n, canMove: r, canCopy: i, canCut: a, canDelete: o, onRename: s, onMove: c, onCopy: l, onCut: u, onDelete: d, onDownload: f, onSelectAll: p, onSelectNone: m }) {
+	let h = e > 0;
+	return /* @__PURE__ */ E("div", {
+		"aria-label": "Selection actions",
+		className: `flex min-h-11 flex-wrap items-center gap-2 border-b border-[var(--fb-border)] px-[var(--fb-pad)] py-1.5 ${Z} ${h ? "bg-[var(--fb-accent-soft)]" : "bg-[var(--fb-surface)]"}`,
+		role: "toolbar",
+		children: [
+			/* @__PURE__ */ E("span", {
+				className: "mr-auto text-[12px] font-semibold",
+				children: [e, " selected"]
+			}),
+			/* @__PURE__ */ E("button", {
+				className: $(!1),
+				disabled: t === 0,
+				onClick: p,
+				type: "button",
+				children: [/* @__PURE__ */ T(ge, { className: "size-4" }), "Select all"]
+			}),
+			/* @__PURE__ */ E("button", {
+				className: $(!1),
+				disabled: !h,
+				onClick: m,
+				type: "button",
+				children: [/* @__PURE__ */ T(V, { className: "size-4" }), "Select none"]
+			}),
+			h && n && e === 1 ? /* @__PURE__ */ E("button", {
+				className: $(!1),
+				onClick: () => s(),
+				type: "button",
+				children: [/* @__PURE__ */ T(pe, { className: "size-4" }), "Rename"]
+			}) : null,
+			h && r ? /* @__PURE__ */ E("button", {
+				className: $(!1),
+				onClick: c,
+				type: "button",
+				children: [/* @__PURE__ */ T(le, { className: "size-4" }), "Move"]
+			}) : null,
+			h && i ? /* @__PURE__ */ E("button", {
+				className: $(!1),
+				onClick: l,
+				type: "button",
+				children: [/* @__PURE__ */ T(ce, { className: "size-4" }), "Copy"]
+			}) : null,
+			h && a ? /* @__PURE__ */ E("button", {
+				className: $(!1),
+				onClick: u,
+				type: "button",
+				children: [/* @__PURE__ */ T(me, { className: "size-4" }), "Cut"]
+			}) : null,
+			h ? /* @__PURE__ */ E("button", {
+				className: $(!1),
+				onClick: f,
+				type: "button",
+				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Download"]
+			}) : null,
+			h && o ? /* @__PURE__ */ E("button", {
+				className: tn(),
+				onClick: d,
+				type: "button",
+				children: [/* @__PURE__ */ T(ve, { className: "size-4" }), "Delete"]
+			}) : null
+		]
+	});
+}
+function Nt({ path: e, onNavigate: t }) {
+	let n = e.split("/").filter(Boolean);
+	return /* @__PURE__ */ T("nav", {
+		"aria-label": "Breadcrumb",
+		className: "flex min-w-0 items-center gap-1",
+		children: Pt([{
+			label: "Files",
+			path: "/"
+		}].concat(n.map((e, t) => ({
+			label: e,
+			path: `/${n.slice(0, t + 1).join("/")}`
+		})))).map((e, n) => /* @__PURE__ */ E("span", {
+			className: "flex min-w-0 items-center gap-1",
+			children: [n > 0 ? /* @__PURE__ */ T("span", {
+				className: "text-[var(--fb-muted)]",
+				"aria-hidden": "true",
+				children: "/"
+			}) : null, e.kind === "collapsed" ? /* @__PURE__ */ T("span", {
+				"aria-label": "Collapsed breadcrumb",
+				className: `rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 text-[12px] font-semibold text-[var(--fb-muted)] ${X}`,
+				children: "..."
+			}) : /* @__PURE__ */ T("button", {
+				className: `max-w-[160px] truncate rounded-[calc(var(--fb-radius)-4px)] px-1.5 py-1 text-[12px] font-semibold hover:bg-[var(--fb-bg)] ${X}`,
+				onClick: () => void t(e.path),
+				type: "button",
+				children: e.label
+			})]
+		}, e.key))
+	});
+}
+function Pt(e) {
+	return e.length <= 4 ? e.map((e) => ({
+		...e,
+		kind: "crumb",
+		key: e.path
+	})) : [
+		{
+			...e[0],
+			kind: "crumb",
+			key: e[0].path
+		},
+		{
+			...e[1],
+			kind: "crumb",
+			key: e[1].path
+		},
+		{
+			kind: "collapsed",
+			key: "collapsed"
+		},
+		...e.slice(-2).map((e) => ({
+			...e,
+			kind: "crumb",
+			key: e.path
+		}))
+	];
+}
+function Ft({ item: e, onCopyPath: t, onDownload: n, selectedCount: r, totalBytes: i }) {
+	return e ? r > 1 ? /* @__PURE__ */ E("aside", {
+		"aria-label": "Details",
+		className: `hidden w-[var(--fb-panel-w)] shrink-0 border-l border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-panel-pad)] md:block ${Z}`,
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
+				children: /* @__PURE__ */ T(ce, { className: "size-12 text-[var(--fb-muted)]" })
+			}),
+			/* @__PURE__ */ E("h2", {
+				className: "mt-4 text-[14px] font-semibold",
+				children: [Zt(r), " selected"]
+			}),
+			/* @__PURE__ */ T("dl", {
+				className: "mt-3 space-y-2 text-[12px]",
+				children: /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+					className: "text-[var(--fb-muted)]",
+					children: "Total size"
+				}), /* @__PURE__ */ T("dd", {
+					className: "font-medium",
+					children: Xt(i)
+				})] })
+			}),
+			/* @__PURE__ */ E("button", {
+				"aria-label": `Download ${Zt(r)}`,
+				className: `${$(!1)} mt-4 w-full justify-center`,
+				onClick: n,
+				type: "button",
+				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Download"]
+			}),
+			/* @__PURE__ */ E("button", {
+				"aria-label": `Copy ${Zt(r)} paths`,
+				className: `${$(!1)} mt-2 w-full justify-center`,
+				onClick: t,
+				type: "button",
+				children: [/* @__PURE__ */ T(ce, { className: "size-4" }), "Copy paths"]
+			})
+		]
+	}) : /* @__PURE__ */ E("aside", {
+		"aria-label": "Details",
+		className: `hidden w-72 shrink-0 border-l border-[var(--fb-border)] bg-[var(--fb-surface)] p-4 md:block ${Z}`,
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: `grid h-28 place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
+				children: e.kind === "folder" ? /* @__PURE__ */ T(z, { className: "size-12 text-[var(--fb-folder)]" }) : /* @__PURE__ */ T(R, { className: "size-12 text-[var(--fb-muted)]" })
+			}),
+			/* @__PURE__ */ T("h2", {
+				className: "mt-4 truncate text-[14px] font-semibold",
+				children: e.name
+			}),
+			/* @__PURE__ */ E("dl", {
+				className: "mt-3 space-y-2 text-[12px]",
+				children: [
+					/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+						className: "text-[var(--fb-muted)]",
+						children: "Path"
+					}), /* @__PURE__ */ T("dd", {
+						className: "truncate font-medium",
+						children: e.path
+					})] }),
+					/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+						className: "text-[var(--fb-muted)]",
+						children: "Type"
+					}), /* @__PURE__ */ T("dd", {
+						className: "font-medium",
+						children: e.kind
+					})] }),
+					e.kind === "file" ? /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+						className: "text-[var(--fb-muted)]",
+						children: "Size"
+					}), /* @__PURE__ */ T("dd", {
+						className: "font-medium",
+						children: Xt(e.size ?? 0)
+					})] }) : null
+				]
+			}),
+			/* @__PURE__ */ E("button", {
+				"aria-label": `Download ${e.name}`,
+				className: `${$(!1)} mt-4 w-full justify-center`,
+				onClick: n,
+				type: "button",
+				children: [/* @__PURE__ */ T(L, { className: "size-4" }), "Download"]
+			}),
+			/* @__PURE__ */ E("button", {
+				"aria-label": `Copy path of ${e.name}`,
+				className: `${$(!1)} mt-2 w-full justify-center`,
+				onClick: t,
+				type: "button",
+				children: [/* @__PURE__ */ T(ce, { className: "size-4" }), "Copy path"]
+			})
+		]
+	}) : /* @__PURE__ */ T("aside", {
+		"aria-label": "Details",
+		className: `hidden w-[var(--fb-panel-w)] shrink-0 border-l border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-panel-pad)] md:flex ${Z}`,
+		children: /* @__PURE__ */ E("div", {
+			className: "flex min-h-full flex-1 flex-col items-center justify-center text-center",
+			children: [/* @__PURE__ */ T("div", {
+				className: `grid h-28 w-full place-items-center rounded-[var(--fb-radius)] bg-[var(--fb-bg)] ${Z}`,
+				children: /* @__PURE__ */ T(_e, { className: "size-12 text-[var(--fb-muted)]" })
+			}), /* @__PURE__ */ T("h2", {
+				className: "mt-4 text-[14px] font-semibold",
+				children: "No item selected"
+			})]
+		})
+	});
+}
+function It({ preview: e }) {
+	return e.url ? /* @__PURE__ */ T("a", {
+		"aria-label": `Open original ${e.item.name}`,
+		className: `mt-4 inline-flex h-8 items-center rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2.5 text-[12px] font-medium text-[var(--fb-accent)] outline-none hover:bg-[var(--fb-bg)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`,
+		href: e.url,
+		rel: "noreferrer",
+		target: "_blank",
+		children: "Open original"
+	}) : null;
+}
+function Lt() {
+	return /* @__PURE__ */ T("div", {
+		"aria-label": "Files",
+		className: "grid grid-cols-[repeat(auto-fill,minmax(var(--fb-card-min),1fr))] gap-[var(--fb-grid-gap)]",
+		role: "grid",
+		children: Array.from({ length: 8 }, (e, t) => /* @__PURE__ */ E("div", {
+			className: `min-h-[var(--fb-card-minh)] animate-pulse rounded-[calc(var(--fb-radius)-1px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] p-[var(--fb-card-pad)] ${Z}`,
+			children: [
+				/* @__PURE__ */ T("div", { className: "h-[var(--fb-thumb-h)] rounded-[calc(var(--fb-radius)-3px)] bg-[var(--fb-surface-2)]" }),
+				/* @__PURE__ */ T("div", { className: "mt-3 h-3 w-3/4 rounded bg-[var(--fb-surface-2)]" }),
+				/* @__PURE__ */ T("div", { className: "mt-2 h-3 w-1/2 rounded bg-[var(--fb-surface-2)]" })
+			]
+		}, t))
+	});
+}
+function Rt({ title: e, value: t, tone: n }) {
+	return /* @__PURE__ */ T("div", {
+		className: `grid min-h-[280px] place-items-center rounded-[var(--fb-radius)] border border-dashed border-[var(--fb-border)] bg-[var(--fb-surface)] p-8 text-center ${Z}`,
+		children: /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("div", {
+			className: `font-semibold ${n === "danger" ? "text-[var(--fb-danger)]" : ""}`,
+			children: e
+		}), /* @__PURE__ */ T("div", {
+			className: "mt-1 text-[12px] text-[var(--fb-muted)]",
+			children: t
+		})] })
+	});
+}
+function zt({ onDismiss: e, rejections: t }) {
+	return /* @__PURE__ */ T("div", {
+		"aria-label": "Upload rejected",
+		className: "border-b border-[var(--fb-border)] bg-[var(--fb-danger-soft)] px-3 py-2 text-[12px] text-[var(--fb-text)]",
+		role: "alert",
+		children: /* @__PURE__ */ E("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ E("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ T("div", {
+					className: "font-semibold text-[var(--fb-danger)]",
+					children: "Upload rejected"
+				}), /* @__PURE__ */ T("ul", {
+					className: "mt-1 space-y-1",
+					children: t.map((e) => /* @__PURE__ */ E("li", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ T("span", {
+							className: "font-medium",
+							children: e.relativePath
+						}), /* @__PURE__ */ E("span", {
+							className: "text-[var(--fb-muted)]",
+							children: [" ", e.reasons.join("; ")]
+						})]
+					}, e.relativePath))
+				})]
+			}), /* @__PURE__ */ T("button", {
+				"aria-label": "Dismiss upload rejection",
+				className: $(!1),
+				onClick: e,
+				type: "button",
+				children: "Dismiss"
+			})]
+		})
+	});
+}
+function Bt(e, t, n, r) {
+	"shiftKey" in n && n.shiftKey ? (r.cancelPendingSelectedItemUnselect(), e.selectRange(t)) : "metaKey" in n && (n.metaKey || n.ctrlKey) ? (r.cancelPendingSelectedItemUnselect(), e.toggleSelection(t)) : e.selectedPaths.length === 1 && e.selectedPaths[0] === t ? r.scheduleSelectedItemUnselect(t) : (r.cancelPendingSelectedItemUnselect(), e.selectOnly(t));
+}
+function Vt(e) {
+	return !!("shiftKey" in e && (e.shiftKey || e.metaKey || e.ctrlKey));
+}
+function Ht(e) {
+	return [
+		"ArrowDown",
+		"ArrowLeft",
+		"ArrowRight",
+		"ArrowUp",
+		"End",
+		"Home"
+	].includes(e);
+}
+function Ut(e, t, n) {
+	return e === "Home" ? 0 : e === "End" ? n - 1 : e === "ArrowUp" || e === "ArrowLeft" ? Math.max(0, t - 1) : Math.min(n - 1, t + 1);
+}
+function Wt(e) {
+	return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
+}
+function Gt(e) {
+	let t = e.getData(ut);
+	if (!t) return [];
+	try {
+		let e = JSON.parse(t);
+		return Array.isArray(e) ? e.filter((e) => typeof e == "string").map(a) : [];
+	} catch {
+		return [];
+	}
+}
+function Kt(e) {
+	return qt(e) ? {
+		title: "Access denied",
+		value: e?.message ?? "You do not have access to this folder."
+	} : {
+		title: "Could not load this folder",
+		value: e?.message ?? "Unknown error"
+	};
+}
+function qt(e) {
+	if (!e) return !1;
+	let t = e;
+	return t.status === 403 || t.statusCode === 403 || t.code === "access_denied" || t.code === "forbidden" || t.code === "permission_denied";
+}
+function Jt(e) {
+	return e instanceof Error ? e.message : String(e);
+}
+function Yt(e) {
+	return e instanceof HTMLElement ? e.isContentEditable || [
+		"INPUT",
+		"SELECT",
+		"TEXTAREA"
+	].includes(e.tagName) : !1;
+}
+function Xt(e) {
+	if (e < 1024) return `${e} B`;
+	let t = e / 1024;
+	return t < 1024 ? `${t.toFixed(1)} KB` : `${(t / 1024).toFixed(1)} MB`;
+}
+function Zt(e) {
+	return `${e} ${e === 1 ? "item" : "items"}`;
+}
+function Qt({ currentPath: e, itemCount: t, selectedCount: n, status: r }) {
+	return `${e === "/" ? "Files" : e.split("/").filter(Boolean).at(-1) ?? "Files"} ${r}. ${t} ${t === 1 ? "item" : "items"}. ${n} selected.`;
+}
+function $t(e) {
+	return `inline-flex h-[var(--fb-control-h)] items-center justify-center gap-1 rounded-[calc(var(--fb-radius)-3px)] border px-2 text-[12px] font-medium outline-none focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X} ${e ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-muted)] hover:bg-[var(--fb-bg)]"}`;
+}
+function $(e) {
+	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border px-2.5 text-[12px] font-medium outline-none disabled:cursor-not-allowed disabled:opacity-45 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X} ${e ? "border-[var(--fb-accent)] bg-[var(--fb-accent-soft)] text-[var(--fb-accent)]" : "border-[var(--fb-border)] bg-[var(--fb-surface)] text-[var(--fb-text)] hover:bg-[var(--fb-bg)]"}`;
+}
+function en() {
+	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-accent)] bg-[var(--fb-accent)] px-2.5 text-[12px] font-semibold text-[var(--fb-surface)] outline-none hover:opacity-90 focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`;
+}
+function tn() {
+	return `inline-flex h-[var(--fb-control-h)] items-center gap-1.5 rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-danger)] bg-[var(--fb-danger-soft)] px-2.5 text-[12px] font-medium text-[var(--fb-danger)] outline-none hover:bg-[var(--fb-danger-soft)] focus:ring-2 focus:ring-[var(--fb-danger-soft)] ${X}`;
+}
+function nn() {
+	return `h-[var(--fb-control-h)] rounded-[calc(var(--fb-radius)-3px)] border border-[var(--fb-border)] bg-[var(--fb-surface)] px-2 text-[12px] font-medium text-[var(--fb-text)] outline-none focus:border-[var(--fb-accent)] focus:ring-2 focus:ring-[var(--fb-accent-soft)] ${X}`;
+}
+//#endregion
+export { l as FILE_BROWSER_THEME_CONTRACT, mt as FileBrowser, t as FileBrowserAdapterError, r as FileBrowserBulkActionError, Ue as FileBrowserProvider, c as ROOT_PATH, W as TransferManager, i as getFileBrowserBasename, u as getFileBrowserDensityAttributes, o as getFileBrowserDirname, n as isFileBrowserDescendantOrSelf, e as joinFileBrowserPath, a as normalizeFileBrowserPath, s as replaceFileBrowserPathPrefix, D as useFileBrowser, Ge as useTransferSnapshot, We as useTransfers };
+
+//# sourceMappingURL=index.js.map