@parallelworks/ui 0.21.0 → 0.21.2

package/dist/file-explorer/FileExplorer.js

@@ -1,6 +1,21 @@
 import { safeUrl } from "../safeUrl.js";
 import { useNotify, useSlots, useStrings } from "../components/Provider.js";
-import { AccessIcon, AlertIcon, AngleDownIcon, ChevronRightIcon, ClipboardIcon, CollapseIcon, DownloadFileIcon, EyeIcon, FileIcon, FileTextIcon, FolderIcon, LinkIcon, RefreshIcon, ShareIcon, TrashIcon, UploadIcon } from "../icons.js";
+import { BiSolidTrashAlt } from "../icons/bi/BiSolidTrashAlt.js";
+import { BsArrowsCollapse } from "../icons/bs/BsArrowsCollapse.js";
+import { FaAngleDown } from "../icons/fa/FaAngleDown.js";
+import { FaLink } from "../icons/fa/FaLink.js";
+import { FaRegFolder } from "../icons/fa/FaRegFolder.js";
+import { FaUsers } from "../icons/fa/FaUsers.js";
+import { FiDownload } from "../icons/fi/FiDownload.js";
+import { FiFile } from "../icons/fi/FiFile.js";
+import { FiFileText } from "../icons/fi/FiFileText.js";
+import { FiUpload } from "../icons/fi/FiUpload.js";
+import { HiOutlineClipboardCopy } from "../icons/hi/HiOutlineClipboardCopy.js";
+import { LuChevronRight } from "../icons/lu/LuChevronRight.js";
+import { LuEye } from "../icons/lu/LuEye.js";
+import { MdRefresh } from "../icons/md/MdRefresh.js";
+import { PiShareBold } from "../icons/pi/PiShareBold.js";
+import { TbAlertTriangle } from "../icons/tb/TbAlertTriangle.js";
 import { keyedByContent } from "../components/keys.js";
 import { TOOLTIP_ID, TooltipInfo } from "../components/Tooltip.js";
 import { ConfirmModal } from "../components/ConfirmModal.js";
@@ -51,7 +66,7 @@ function UriCard({ value }) {
 			/* @__PURE__ */ jsx("span", {
 				className: "shrink-0 inline-flex items-center justify-center px-3 border-l theme-border theme-muted-text group-hover:text-(--theme-link) group-hover:bg-(--theme-link)/5 transition-colors duration-150",
 				title: t.chrome.copyToClipboard,
-				children: /* @__PURE__ */ jsx(ClipboardIcon, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ jsx(HiOutlineClipboardCopy, { className: "h-3.5 w-3.5" })
 			})
 		]
 	});
@@ -172,6 +187,40 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 	const [accessDrawerOpen, setAccessDrawerOpen] = useState(false);
 	const [connectionIssuesMessage, updateConnectionIssuesMessage] = useState(/* @__PURE__ */ new Map());
 	const [hasCorsIssue, setHasCorsIssue] = useState(/* @__PURE__ */ new Map());
+	const storageRoots = useMemo(() => {
+		const roots = /* @__PURE__ */ new Map();
+		for (const node of rootNodes) {
+			const candidates = node.root ? [node] : parentToChildrenMap[node.path] ?? [];
+			for (const root of candidates) if (root.root && root.storageId) roots.set(root.storageId, root.path);
+		}
+		return roots;
+	}, [rootNodes, parentToChildrenMap]);
+	const seenStorageRootsRef = useRef(storageRoots);
+	const forgetStorages = useEffectEvent((removed) => {
+		const isUnder = (path) => removed.some(([, root]) => path !== root && path.startsWith(root));
+		const isWithin = (path) => removed.some(([, root]) => path.startsWith(root));
+		for (const path of [...fetchesInFlightRef.current.keys()]) if (isWithin(path)) fetchesInFlightRef.current.delete(path);
+		setListings((prev) => removed.reduce((next, [, root]) => clearListingsUnder(next, root), prev));
+		setLoadingPaths((prev) => new Set([...prev].filter((path) => !isWithin(path))));
+		setExpandedPaths((prev) => new Set([...prev].filter((path) => !isUnder(path))));
+		const withoutRemoved = (prev) => {
+			const next = new Map(prev);
+			for (const [id] of removed) next.delete(id);
+			return next;
+		};
+		updateConnectionIssuesMessage(withoutRemoved);
+		setHasCorsIssue(withoutRemoved);
+		const selectedRoot = removed.find(([, root]) => normalizedSelectedPath.startsWith(root))?.[1];
+		if (selectedRoot) {
+			const parent = getParentPath(selectedRoot);
+			setSelectedPath(treeMap[parent] ? parent : "");
+		}
+	});
+	useEffect(() => {
+		const removed = [...seenStorageRootsRef.current].filter(([id]) => !storageRoots.has(id));
+		seenStorageRootsRef.current = storageRoots;
+		if (removed.length > 0) forgetStorages(removed);
+	}, [storageRoots]);
 	const [uploadModalOpen, setUploadModalOpen] = useState(false);
 	const [createFolderTarget, setCreateFolderTarget] = useState(null);
 	const [pendingUpload, setPendingUpload] = useState(null);
@@ -555,7 +604,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		return [{
 			key: "create-folder",
 			label: t.createFolder.action,
-			icon: /* @__PURE__ */ jsx(FolderIcon, {}),
+			icon: /* @__PURE__ */ jsx(FaRegFolder, {}),
 			onSelect: () => openCreateFolder(node)
 		}];
 	};
@@ -569,20 +618,20 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		if (isFile && canPreview(node)) actions.push({
 			key: "preview",
 			label: t.preview.preview,
-			icon: /* @__PURE__ */ jsx(EyeIcon, {}),
+			icon: /* @__PURE__ */ jsx(LuEye, {}),
 			onSelect: () => openPreview(node)
 		});
 		if (isFile) {
 			actions.push({
 				key: "download",
 				label: t.preview.download,
-				icon: /* @__PURE__ */ jsx(DownloadFileIcon, {}),
+				icon: /* @__PURE__ */ jsx(FiDownload, {}),
 				onSelect: () => downloadNode(node)
 			});
 			if (nodeCanShare) actions.push({
 				key: "share",
 				label: t.preview.shareFile,
-				icon: /* @__PURE__ */ jsx(ShareIcon, {}),
+				icon: /* @__PURE__ */ jsx(PiShareBold, {}),
 				onSelect: () => onShareFileButtonClick(node)
 			});
 		}
@@ -590,20 +639,20 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 		if (nodeCanWrite && !node.root) actions.push({
 			key: "delete",
 			label: t.preview.delete,
-			icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+			icon: /* @__PURE__ */ jsx(BiSolidTrashAlt, {}),
 			destructive: true,
 			onSelect: () => deleteNode(node)
 		});
 		const lead = [{
 			kind: "action",
 			label: isFile ? t.preview.viewDetails : t.preview.openFolder,
-			icon: isFile ? /* @__PURE__ */ jsx(FileTextIcon, {}) : /* @__PURE__ */ jsx(FolderIcon, {}),
+			icon: isFile ? /* @__PURE__ */ jsx(FiFileText, {}) : /* @__PURE__ */ jsx(FaRegFolder, {}),
 			onSelect: () => handleSelectTreeItem(node.path, node)
 		}];
 		const uriExtras = uris.map((value) => ({
 			label: `${getUriScheme(value).toUpperCase()} URI`,
 			value,
-			icon: /* @__PURE__ */ jsx(LinkIcon, {})
+			icon: /* @__PURE__ */ jsx(FaLink, {})
 		}));
 		return assembleRowMenu({
 			lead,
@@ -639,7 +688,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 				const label = node.displayName || node.name;
 				return /* @__PURE__ */ jsxs("span", {
 					className: "flex min-w-0 items-center gap-1",
-					children: [i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 shrink-0 text-(--theme-muted-text-color)" }), isLast ? /* @__PURE__ */ jsx("span", {
+					children: [i > 0 && /* @__PURE__ */ jsx(LuChevronRight, { className: "h-3 w-3 shrink-0 text-(--theme-muted-text-color)" }), isLast ? /* @__PURE__ */ jsx("span", {
 						className: "truncate font-semibold text-(--theme-app)",
 						children: label
 					}) : /* @__PURE__ */ jsx("button", {
@@ -884,7 +933,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 									"data-tooltip-class-name": "z-50",
 									className: "inline-flex items-center justify-center h-7 w-7 rounded-md cursor-pointer theme-muted-text hover:theme-text hover:theme-hover transition-colors duration-150 focus:outline-none focus-visible:ring-1 focus-visible:ring-(--theme-link)",
 									onClick: () => handleRefresh(),
-									children: /* @__PURE__ */ jsx(RefreshIcon, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ jsx(MdRefresh, { className: "h-3.5 w-3.5" })
 								}), /* @__PURE__ */ jsx("button", {
 									type: "button",
 									"aria-label": t.chrome.collapse,
@@ -893,7 +942,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 									"data-tooltip-class-name": "z-50",
 									className: "inline-flex items-center justify-center h-7 w-7 rounded-md cursor-pointer theme-muted-text hover:theme-text hover:theme-hover transition-colors duration-150 focus:outline-none focus-visible:ring-1 focus-visible:ring-(--theme-link)",
 									onClick: collapseAll,
-									children: /* @__PURE__ */ jsx(CollapseIcon, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ jsx(BsArrowsCollapse, { className: "h-3.5 w-3.5" })
 								})]
 							})
 						}), /* @__PURE__ */ jsx(TreeView, {
@@ -955,7 +1004,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 									getItems: () => [{
 										kind: "action",
 										label: t.preview.open,
-										icon: /* @__PURE__ */ jsx(FolderIcon, {}),
+										icon: /* @__PURE__ */ jsx(FaRegFolder, {}),
 										onSelect: () => openUserNode(rootNode)
 									}],
 									openMenu,
@@ -1012,7 +1061,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										className: "btn btn-info cursor-pointer flex items-center justify-center",
 										disabled: selectedNode.type === "file" || !selectedNode.storageId,
 										onClick: () => setCreateFolderTarget(selectedNode),
-										children: [/* @__PURE__ */ jsx(FolderIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
+										children: [/* @__PURE__ */ jsx(FaRegFolder, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
 											className: "hidden md:inline",
 											children: t.createFolder.action
 										})]
@@ -1021,10 +1070,10 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										"aria-label": t.chrome.upload,
 										className: "btn btn-info cursor-pointer flex items-center justify-between pr-0.5!",
 										disabled: selectedNode.type === "file" || !selectedNode.storageId,
-										children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
+										children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(FiUpload, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
 											className: "hidden md:inline",
 											children: t.chrome.upload
-										})] }), /* @__PURE__ */ jsx(AngleDownIcon, { className: "h-4 w-4 ml-2" })]
+										})] }), /* @__PURE__ */ jsx(FaAngleDown, { className: "h-4 w-4 ml-2" })]
 									}), /* @__PURE__ */ jsxs(MenuItems, {
 										transition: true,
 										anchor: "bottom end",
@@ -1045,10 +1094,10 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										"aria-label": t.chrome.download,
 										className: "btn btn-info cursor-pointer flex items-center justify-between pr-0.5!",
 										disabled: checkedItems.size === 0 && selectedNode.type !== "file" || hasFolderSelected() || !selectedNode.storageId,
-										children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(DownloadFileIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
+										children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(FiDownload, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
 											className: "hidden md:inline",
 											children: t.chrome.download
-										})] }), /* @__PURE__ */ jsx(AngleDownIcon, { className: "h-4 w-4 ml-2" })]
+										})] }), /* @__PURE__ */ jsx(FaAngleDown, { className: "h-4 w-4 ml-2" })]
 									}), /* @__PURE__ */ jsxs(MenuItems, {
 										transition: true,
 										anchor: "bottom end",
@@ -1079,7 +1128,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										disabled: !selectedNode.storageId,
 										onClick: () => setAccessDrawerOpen(true),
 										hidden: groups.length === 0 || !selectedNodeCanManageAccess,
-										children: [/* @__PURE__ */ jsx(AccessIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
+										children: [/* @__PURE__ */ jsx(FaUsers, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
 											className: "hidden md:inline",
 											children: t.chrome.manageAccess
 										})]
@@ -1090,7 +1139,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										className: "btn btn-destructive cursor-pointer flex items-center justify-center",
 										disabled: checkedItems.size === 0 && selectedNode.type !== "file" || !selectedNode.storageId,
 										onClick: onDeleteClick,
-										children: [/* @__PURE__ */ jsx(TrashIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
+										children: [/* @__PURE__ */ jsx(BiSolidTrashAlt, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", {
 											className: "hidden md:inline",
 											children: t.chrome.delete
 										})]
@@ -1136,7 +1185,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 						}),
 						selectedNode.type === "file" && (() => {
 							const uris = getNodeUris(selectedNode);
-							const fileIcon = getNodeIcon(selectedNode, slots.storageIconUrl, t.chrome.storageIconAlt) ?? /* @__PURE__ */ jsx(FileIcon, { className: "h-5 w-5 theme-muted-text" });
+							const fileIcon = getNodeIcon(selectedNode, slots.storageIconUrl, t.chrome.storageIconAlt) ?? /* @__PURE__ */ jsx(FiFile, { className: "h-5 w-5 theme-muted-text" });
 							const modifiedDt = selectedNode.modified ? DateTime.fromISO(selectedNode.modified) : null;
 							const createdDt = selectedNode.created ? DateTime.fromISO(selectedNode.created) : null;
 							const previewable = canPreview(selectedNode);
@@ -1296,7 +1345,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			/* @__PURE__ */ jsx(CreateModal, {
 				open: !!createFolderTarget,
 				onClose: () => setCreateFolderTarget(null),
-				typeIcon: /* @__PURE__ */ jsx(FolderIcon, { className: "w-3 h-3" }),
+				typeIcon: /* @__PURE__ */ jsx(FaRegFolder, { className: "w-3 h-3" }),
 				typeLabel: t.createFolder.folder,
 				namePlaceholder: t.createFolder.namePlaceholder,
 				submitLabel: t.createFolder.submit,
@@ -1353,7 +1402,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 							className: "mt-3 p-3 bg-amber-50 border border-amber-200 rounded-lg",
 							children: /* @__PURE__ */ jsxs("div", {
 								className: "flex items-start gap-2",
-								children: [/* @__PURE__ */ jsx(AlertIcon, { className: "w-4 h-4 text-amber-600 shrink-0 mt-0.5" }), /* @__PURE__ */ jsxs("div", {
+								children: [/* @__PURE__ */ jsx(TbAlertTriangle, { className: "w-4 h-4 text-amber-600 shrink-0 mt-0.5" }), /* @__PURE__ */ jsxs("div", {
 									className: "text-amber-800",
 									children: [/* @__PURE__ */ jsx("div", {
 										className: "font-semibold mb-1",

package/dist/file-explorer/FilePreview/Inline.js

@@ -1,5 +1,5 @@
 import { useStrings } from "../../components/Provider.js";
-import { ExpandIcon } from "../../icons.js";
+import { FaExpand } from "../../icons/fa/FaExpand.js";
 import { formatFileSize } from "../lib/utils.js";
 import { getPreviewKind } from "./previewType.js";
 import { StreamedBadge } from "./StreamedBadge.js";
@@ -36,7 +36,7 @@ function FilePreviewInline({ node, storage, getPresignedUrl, onOpenFull, onDownl
 				type: "button",
 				className: "btn btn-neutral cursor-pointer",
 				onClick: () => onOpenFull(node),
-				children: [/* @__PURE__ */ jsx(ExpandIcon, { className: "mr-2 h-4 w-4" }), t.preview.openFullPreview]
+				children: [/* @__PURE__ */ jsx(FaExpand, { className: "mr-2 h-4 w-4" }), t.preview.openFullPreview]
 			})]
 		})]
 	});

package/dist/file-explorer/FilePreview/StreamedBadge.js

@@ -1,5 +1,5 @@
 import { useStrings } from "../../components/Provider.js";
-import { LockIcon } from "../../icons.js";
+import { FaLock } from "../../icons/fa/FaLock.js";
 import { TOOLTIP_ID } from "../../components/Tooltip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/file-explorer/FilePreview/StreamedBadge.tsx
@@ -9,7 +9,7 @@ function StreamedBadge() {
 		className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-green-500/40 bg-green-500/15 px-2 py-0.5 text-[11px] text-green-600",
 		"data-tooltip-id": TOOLTIP_ID,
 		"data-tooltip-content": t.preview.streamedTooltip,
-		children: [/* @__PURE__ */ jsx(LockIcon, { className: "h-2.5 w-2.5" }), t.preview.streamed]
+		children: [/* @__PURE__ */ jsx(FaLock, { className: "h-2.5 w-2.5" }), t.preview.streamed]
 	});
 }
 //#endregion

package/dist/file-explorer/FilePreview/Viewer.js

@@ -1,5 +1,9 @@
 import { useStrings } from "../../components/Provider.js";
-import { DownloadFileIcon, FileIcon, LockIcon, MusicIcon, ZipIcon } from "../../icons.js";
+import { BsFileEarmarkZip } from "../../icons/bs/BsFileEarmarkZip.js";
+import { BsMusicNoteBeamed } from "../../icons/bs/BsMusicNoteBeamed.js";
+import { FaLock } from "../../icons/fa/FaLock.js";
+import { FiDownload } from "../../icons/fi/FiDownload.js";
+import { FiFile } from "../../icons/fi/FiFile.js";
 import { positionKeys, withPositionKeys } from "../../components/keys.js";
 import Loader from "../../components/Loader.js";
 import Markdown from "../../components/Markdown.js";
@@ -36,19 +40,19 @@ function FilePreviewViewer({ node, kind, url, urlLoading, urlError, zoom = 100,
 		return { corsError: false };
 	}, [url]);
 	if (urlError) return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(FileIcon, { className: "h-9 w-9 theme-muted-text" }),
+		icon: /* @__PURE__ */ jsx(FiFile, { className: "h-9 w-9 theme-muted-text" }),
 		title: t.preview.errorTitle,
 		message: urlError,
 		onDownload
 	});
 	if (kind === "archive") return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-9 w-9 text-(--theme-link)" }),
+		icon: /* @__PURE__ */ jsx(BsFileEarmarkZip, { className: "h-9 w-9 text-(--theme-link)" }),
 		title: t.preview.archiveTitle,
 		message: t.preview.archiveMessage,
 		onDownload
 	});
 	if (kind === "unsupported") return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(FileIcon, { className: "h-9 w-9 theme-muted-text" }),
+		icon: /* @__PURE__ */ jsx(FiFile, { className: "h-9 w-9 theme-muted-text" }),
 		title: t.preview.unsupportedTitle,
 		message: t.preview.unsupportedMessage,
 		onDownload
@@ -153,7 +157,7 @@ function AudioView({ node, url, onDownload }) {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "flex h-28 w-28 items-center justify-center rounded-2xl bg-linear-to-br from-(--theme-element) to-(--theme-link) shadow-lg",
-					children: /* @__PURE__ */ jsx(MusicIcon, { className: "h-12 w-12 text-white" })
+					children: /* @__PURE__ */ jsx(BsMusicNoteBeamed, { className: "h-12 w-12 text-white" })
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "text-center",
@@ -179,7 +183,7 @@ function AudioView({ node, url, onDownload }) {
 function PreviewError({ onDownload }) {
 	const t = useStrings().fileExplorer;
 	return /* @__PURE__ */ jsx(NotPreviewable, {
-		icon: /* @__PURE__ */ jsx(FileIcon, { className: "h-9 w-9 theme-muted-text" }),
+		icon: /* @__PURE__ */ jsx(FiFile, { className: "h-9 w-9 theme-muted-text" }),
 		title: t.preview.errorTitle,
 		message: t.preview.previewError,
 		onDownload
@@ -250,7 +254,7 @@ function CodeView({ node, url, onDownload, storage, onCorsRetry }) {
 				}),
 				/* @__PURE__ */ jsxs("span", {
 					className: "inline-flex shrink-0 items-center gap-1 rounded-full border theme-border px-2 py-0.5 text-[11px] theme-muted-text",
-					children: [/* @__PURE__ */ jsx(LockIcon, { className: "h-2.5 w-2.5" }), t.readOnly]
+					children: [/* @__PURE__ */ jsx(FaLock, { className: "h-2.5 w-2.5" }), t.readOnly]
 				})
 			]
 		}), /* @__PURE__ */ jsx("div", {
@@ -476,7 +480,7 @@ function NotPreviewable({ icon, title, message, onDownload }) {
 					type: "button",
 					className: "btn btn-info cursor-pointer",
 					onClick: onDownload,
-					children: [/* @__PURE__ */ jsx(DownloadFileIcon, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
+					children: [/* @__PURE__ */ jsx(FiDownload, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
 				})
 			]
 		})
@@ -495,7 +499,7 @@ function TooLargeInline({ onDownload }) {
 				type: "button",
 				className: "btn btn-info cursor-pointer",
 				onClick: onDownload,
-				children: [/* @__PURE__ */ jsx(DownloadFileIcon, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
+				children: [/* @__PURE__ */ jsx(FiDownload, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
 			})]
 		})
 	});
@@ -513,7 +517,7 @@ function InlineError({ message, onDownload }) {
 				type: "button",
 				className: "btn btn-neutral cursor-pointer",
 				onClick: onDownload,
-				children: [/* @__PURE__ */ jsx(DownloadFileIcon, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
+				children: [/* @__PURE__ */ jsx(FiDownload, { className: "mr-2 h-4 w-4" }), t.preview.downloadInstead]
 			})]
 		})
 	});

package/dist/file-explorer/FilePreview/index.js

@@ -1,5 +1,12 @@
 import { useStrings } from "../../components/Provider.js";
-import { ChevronLeftIcon, ChevronRightIcon, CloseIcon, DownloadFileIcon, FileIcon, LinkIcon, ZoomInIcon, ZoomOutIcon } from "../../icons.js";
+import { FaLink } from "../../icons/fa/FaLink.js";
+import { FiDownload } from "../../icons/fi/FiDownload.js";
+import { FiFile } from "../../icons/fi/FiFile.js";
+import { IoMdClose } from "../../icons/io/IoMdClose.js";
+import { LuChevronLeft } from "../../icons/lu/LuChevronLeft.js";
+import { LuChevronRight } from "../../icons/lu/LuChevronRight.js";
+import { LuZoomIn } from "../../icons/lu/LuZoomIn.js";
+import { LuZoomOut } from "../../icons/lu/LuZoomOut.js";
 import { formatFileSize } from "../lib/utils.js";
 import { getPreviewKind } from "./previewType.js";
 import { StreamedBadge } from "./StreamedBadge.js";
@@ -71,7 +78,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex min-w-0 items-center gap-2.5",
 			children: [
-				/* @__PURE__ */ jsx(FileIcon, { className: cx("h-4 w-4 shrink-0", !floatingChrome && "theme-muted-text") }),
+				/* @__PURE__ */ jsx(FiFile, { className: cx("h-4 w-4 shrink-0", !floatingChrome && "theme-muted-text") }),
 				/* @__PURE__ */ jsx("span", {
 					className: "truncate font-semibold",
 					children: node.name
@@ -99,19 +106,19 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 					overlay: floatingChrome,
 					label: t.preview.copyUri,
 					onClick: () => onCopyUri(node),
-					children: /* @__PURE__ */ jsx(LinkIcon, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(FaLink, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ jsx(ChromeButton, {
 					overlay: floatingChrome,
 					label: t.preview.download,
 					onClick: () => onDownload(node),
-					children: /* @__PURE__ */ jsx(DownloadFileIcon, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(FiDownload, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ jsx(ChromeButton, {
 					overlay: floatingChrome,
 					label: t.preview.close,
 					onClick: onClose,
-					children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(IoMdClose, { className: "h-4 w-4" })
 				})
 			]
 		})]
@@ -130,7 +137,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						overlay: floatingChrome,
 						label: t.preview.zoomOut,
 						onClick: () => setZoom((z) => Math.max(25, z - 25)),
-						children: /* @__PURE__ */ jsx(ZoomOutIcon, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(LuZoomOut, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ jsxs("span", {
 						className: "min-w-11 text-center text-xs tabular-nums",
@@ -140,7 +147,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						overlay: floatingChrome,
 						label: t.preview.zoomIn,
 						onClick: () => setZoom((z) => Math.min(400, z + 25)),
-						children: /* @__PURE__ */ jsx(ZoomInIcon, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(LuZoomIn, { className: "h-3.5 w-3.5" })
 					})
 				]
 			}), /* @__PURE__ */ jsxs("div", {
@@ -151,7 +158,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						label: t.preview.previousFile,
 						disabled: !hasPrev,
 						onClick: goPrev,
-						children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(LuChevronLeft, { className: "h-4 w-4" })
 					}),
 					/* @__PURE__ */ jsx("span", {
 						className: "min-w-14 text-center text-xs tabular-nums",
@@ -162,7 +169,7 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 						label: t.preview.nextFile,
 						disabled: !hasNext,
 						onClick: goNext,
-						children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(LuChevronRight, { className: "h-4 w-4" })
 					})
 				]
 			})]
@@ -259,7 +266,7 @@ function EdgeButton({ side, label, disabled, onClick }) {
 		},
 		className: cx("absolute top-1/2 z-20 flex h-13 w-13 -translate-y-1/2 items-center justify-center rounded-full text-white backdrop-blur", side === "left" ? "left-5" : "right-5", disabled ? "cursor-not-allowed opacity-30" : "cursor-pointer hover:bg-white/20"),
 		style: { backgroundColor: "rgba(22,27,34,.7)" },
-		children: side === "left" ? /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-6 w-6" })
+		children: side === "left" ? /* @__PURE__ */ jsx(LuChevronLeft, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx(LuChevronRight, { className: "h-6 w-6" })
 	});
 }
 //#endregion

package/dist/file-explorer/FileRow.js

@@ -1,5 +1,5 @@
 import { useStrings } from "../components/Provider.js";
-import { EyeIcon } from "../icons.js";
+import { LuEye } from "../icons/lu/LuEye.js";
 import { TOOLTIP_ID } from "../components/Tooltip.js";
 import { MoreButton, useRowMenuActive } from "../list/RowContextMenu.js";
 import { Table } from "../components/Table.js";
@@ -151,7 +151,7 @@ function FileRow({ node, icon, rowId, rowIndex, active, checked, canPreview, get
 							onPreview(node);
 						},
 						className: cx("rounded p-1 text-(--theme-muted-text-color) transition-colors hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app) [&>svg]:h-4 [&>svg]:w-4", menuActive ? "opacity-100" : "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"),
-						children: /* @__PURE__ */ jsx(EyeIcon, {})
+						children: /* @__PURE__ */ jsx(LuEye, {})
 					}), /* @__PURE__ */ jsx(MoreButton, {
 						active: menuActive,
 						onOpen: (x, y) => openRowMenu(x, y, getItems())

package/dist/file-explorer/FileRowsWindow.js

@@ -1,5 +1,6 @@
 import { useSlots, useStrings } from "../components/Provider.js";
-import { FileIcon, FolderIcon } from "../icons.js";
+import { FaRegFolder } from "../icons/fa/FaRegFolder.js";
+import { FiFile } from "../icons/fi/FiFile.js";
 import { canPreview } from "./FilePreview/previewType.js";
 import { getNodeIcon } from "./helpers.js";
 import { FileRow } from "./FileRow.js";
@@ -41,7 +42,7 @@ function FileRowsWindow({ items, padTop, padBottom, nodes, checkedItems, activeI
 				root: scrollEl,
 				onLoadMore: loadMore.onLoadMore
 			}, "load-more") : null;
-			const icon = getNodeIcon(node, storageIconUrl, storageIconAlt) ?? (node.type === "directory" ? /* @__PURE__ */ jsx(FolderIcon, { className: "h-4 w-4 text-sky-500/80" }) : /* @__PURE__ */ jsx(FileIcon, { className: "h-4 w-4 theme-muted-text" }));
+			const icon = getNodeIcon(node, storageIconUrl, storageIconAlt) ?? (node.type === "directory" ? /* @__PURE__ */ jsx(FaRegFolder, { className: "h-4 w-4 text-sky-500/80" }) : /* @__PURE__ */ jsx(FiFile, { className: "h-4 w-4 theme-muted-text" }));
 			return /* @__PURE__ */ jsx(FileRow, {
 				rowId: `${rowIdPrefix}-${item.index}`,
 				rowIndex: item.index + 2,

package/dist/file-explorer/TreeView.js

@@ -1,5 +1,7 @@
 import { useStrings } from "../components/Provider.js";
-import { AngleRightIcon, FolderIcon, FolderOpenIcon } from "../icons.js";
+import { FaAngleRight } from "../icons/fa/FaAngleRight.js";
+import { FaRegFolder } from "../icons/fa/FaRegFolder.js";
+import { FaRegFolderOpen } from "../icons/fa6/FaRegFolderOpen.js";
 import { positionKeys } from "../components/keys.js";
 import { getParentPath } from "./lib/utils.js";
 import { canPreview } from "./FilePreview/previewType.js";
@@ -192,8 +194,8 @@ function RowIcons({ isDirectory, isExpanded, customIcon }) {
 		className: "shrink-0",
 		children: customIcon
 	});
-	const folder = isExpanded ? /* @__PURE__ */ jsx(FolderOpenIcon, { className: "h-4 w-4 mr-1 text-sky-500" }) : /* @__PURE__ */ jsx(FolderIcon, { className: "h-4 w-4 mr-1 text-sky-500/80" });
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AngleRightIcon, { className: cx("h-3.5 w-3.5 shrink-0 theme-muted-text transition-transform duration-150", isExpanded && "rotate-90") }), customIcon ?? folder] });
+	const folder = isExpanded ? /* @__PURE__ */ jsx(FaRegFolderOpen, { className: "h-4 w-4 mr-1 text-sky-500" }) : /* @__PURE__ */ jsx(FaRegFolder, { className: "h-4 w-4 mr-1 text-sky-500/80" });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FaAngleRight, { className: cx("h-3.5 w-3.5 shrink-0 theme-muted-text transition-transform duration-150", isExpanded && "rotate-90") }), customIcon ?? folder] });
 }
 /** Click-only, unlike the table's sentinel: the tree is a navigation aid, and
 *  growing it automatically as the user scrolls is what the cap exists to prevent. */