@parallelworks/ui 0.21.0 → 0.21.2

package/dist/file-explorer/helpers.js

@@ -1,5 +1,19 @@
 import { useNotify, useProvisionCorsRules, useStrings } from "../components/Provider.js";
-import { AlertIcon, CustomizeIcon, DiskIcon, DocumentIcon, FileIcon, FileTextIcon, FolderIcon, ImageIcon, PdfIcon, RefreshIcon, ShareIcon, SpreadsheetIcon, UserIcon, VideoIcon, ZipIcon } from "../icons.js";
+import { BsFileEarmarkZip } from "../icons/bs/BsFileEarmarkZip.js";
+import { FaRegFileImage } from "../icons/fa/FaRegFileImage.js";
+import { FaRegFolder } from "../icons/fa/FaRegFolder.js";
+import { FaUser } from "../icons/fa/FaUser.js";
+import { FaRegFilePdf } from "../icons/fa6/FaRegFilePdf.js";
+import { FaWandMagicSparkles } from "../icons/fa6/FaWandMagicSparkles.js";
+import { FiFile } from "../icons/fi/FiFile.js";
+import { FiFileText } from "../icons/fi/FiFileText.js";
+import { FiHardDrive } from "../icons/fi/FiHardDrive.js";
+import { GoVideo } from "../icons/go/GoVideo.js";
+import { IoDocumentTextOutline } from "../icons/io5/IoDocumentTextOutline.js";
+import { LuSheet } from "../icons/lu/LuSheet.js";
+import { MdRefresh } from "../icons/md/MdRefresh.js";
+import { PiShareBold } from "../icons/pi/PiShareBold.js";
+import { TbAlertTriangle } from "../icons/tb/TbAlertTriangle.js";
 import { positionKeys } from "../components/keys.js";
 import Callout from "../components/Callout.js";
 import { ListSkeleton } from "../list/ListTable.js";
@@ -15,73 +29,73 @@ var SIDEBAR_WIDTH_STORAGE_KEY = "fileExplorerSidebarWidth";
 var contentTypeIconMap = [
 	{
 		pattern: /^image\//,
-		icon: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-blue-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFileImage, { className: "h-4 w-4 text-blue-500" })
 	},
 	{
 		pattern: /^video\//,
-		icon: /* @__PURE__ */ jsx(VideoIcon, { className: "h-4 w-4 text-purple-500" })
+		icon: /* @__PURE__ */ jsx(GoVideo, { className: "h-4 w-4 text-purple-500" })
 	},
 	{
 		pattern: /^application\/pdf$/,
-		icon: /* @__PURE__ */ jsx(PdfIcon, { className: "h-4 w-4 text-red-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFilePdf, { className: "h-4 w-4 text-red-500" })
 	},
 	{
 		pattern: /(spreadsheet|csv|excel)/,
-		icon: /* @__PURE__ */ jsx(SpreadsheetIcon, { className: "h-4 w-4 text-green-500" })
+		icon: /* @__PURE__ */ jsx(LuSheet, { className: "h-4 w-4 text-green-500" })
 	},
 	{
 		pattern: /(document|word)/,
-		icon: /* @__PURE__ */ jsx(DocumentIcon, { className: "h-4 w-4 text-blue-400" })
+		icon: /* @__PURE__ */ jsx(IoDocumentTextOutline, { className: "h-4 w-4 text-blue-400" })
 	},
 	{
 		pattern: /(javascript|json|css|html)/,
-		icon: /* @__PURE__ */ jsx(FileTextIcon, { className: "h-4 w-4 text-yellow-500" })
+		icon: /* @__PURE__ */ jsx(FiFileText, { className: "h-4 w-4 text-yellow-500" })
 	},
 	{
 		pattern: /(zip|gzip|tar)/,
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-4 w-4 text-purple-600" })
+		icon: /* @__PURE__ */ jsx(BsFileEarmarkZip, { className: "h-4 w-4 text-purple-600" })
 	}
 ];
 var extensionIconMap = [
 	{
 		pattern: /^(jpe?g|png|gif|svg|webp)$/i,
-		icon: /* @__PURE__ */ jsx(ImageIcon, { className: "h-4 w-4 text-blue-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFileImage, { className: "h-4 w-4 text-blue-500" })
 	},
 	{
 		pattern: /^(mp4|mov|avi|mkv)$/i,
-		icon: /* @__PURE__ */ jsx(VideoIcon, { className: "h-4 w-4 text-purple-500" })
+		icon: /* @__PURE__ */ jsx(GoVideo, { className: "h-4 w-4 text-purple-500" })
 	},
 	{
 		pattern: /^pdf$/i,
-		icon: /* @__PURE__ */ jsx(PdfIcon, { className: "h-4 w-4 text-red-500" })
+		icon: /* @__PURE__ */ jsx(FaRegFilePdf, { className: "h-4 w-4 text-red-500" })
 	},
 	{
 		pattern: /^(xlsx?|csv|ods)$/i,
-		icon: /* @__PURE__ */ jsx(SpreadsheetIcon, { className: "h-4 w-4 text-green-500" })
+		icon: /* @__PURE__ */ jsx(LuSheet, { className: "h-4 w-4 text-green-500" })
 	},
 	{
 		pattern: /^(docx?|odt)$/i,
-		icon: /* @__PURE__ */ jsx(DocumentIcon, { className: "h-4 w-4 text-blue-400" })
+		icon: /* @__PURE__ */ jsx(IoDocumentTextOutline, { className: "h-4 w-4 text-blue-400" })
 	},
 	{
 		pattern: /^(js|ts|json|css|html|md|txt)$/i,
-		icon: /* @__PURE__ */ jsx(FileTextIcon, { className: "h-4 w-4 text-yellow-500" })
+		icon: /* @__PURE__ */ jsx(FiFileText, { className: "h-4 w-4 text-yellow-500" })
 	},
 	{
 		pattern: /^(zip|gz|gzip|tar|rar)$/i,
-		icon: /* @__PURE__ */ jsx(ZipIcon, { className: "h-4 w-4 text-purple-600" })
+		icon: /* @__PURE__ */ jsx(BsFileEarmarkZip, { className: "h-4 w-4 text-purple-600" })
 	}
 ];
 function getNodeIcon(node, storageIconUrl, storageIconAlt = "Storage icon") {
 	const isUserNode = !node.storageId;
 	const isStorageNode = node.root;
-	if (isUserNode) return /* @__PURE__ */ jsx(UserIcon, { className: "h-3 w-3 mr-2" });
-	if (isStorageNode && node.storageType === "workspace") return /* @__PURE__ */ jsx(DiskIcon, { className: "h-4 w-4 mr-2" });
+	if (isUserNode) return /* @__PURE__ */ jsx(FaUser, { className: "h-3 w-3 mr-2" });
+	if (isStorageNode && node.storageType === "workspace") return /* @__PURE__ */ jsx(FiHardDrive, { className: "h-4 w-4 mr-2" });
 	if (isStorageNode && node.storageNodeIcon) {
 		const storageNodeIcon = node.storageNodeIcon;
 		const fallbackSrc = storageIconUrl?.({ type: storageNodeIcon });
 		const iconSrc = node.storageImageUrl || fallbackSrc;
-		if (!iconSrc) return /* @__PURE__ */ jsx(DiskIcon, { className: "h-4 w-4 mr-2" });
+		if (!iconSrc) return /* @__PURE__ */ jsx(FiHardDrive, { className: "h-4 w-4 mr-2" });
 		return /* @__PURE__ */ jsx("img", {
 			className: "h-4 w-4 mr-2",
 			src: iconSrc,
@@ -99,7 +113,7 @@ function getNodeIcon(node, storageIconUrl, storageIconAlt = "Storage icon") {
 	if (ext) {
 		for (const { pattern, icon } of extensionIconMap) if (pattern.test(ext)) return icon;
 	}
-	return /* @__PURE__ */ jsx(FileIcon, { className: "h-4 w-4 theme-muted-text" });
+	return /* @__PURE__ */ jsx(FiFile, { className: "h-4 w-4 theme-muted-text" });
 }
 function renderUploadNodes(uploadNodes) {
 	const sorted = [...uploadNodes].sort((a, b) => a.relativePath.localeCompare(b.relativePath));
@@ -112,7 +126,7 @@ function renderUploadNodes(uploadNodes) {
 		while (common < folders.length && common < lastFolders.length && folders[common] === lastFolders[common]) common++;
 		const folderElements = folders.slice(common).map((folder, i) => /* @__PURE__ */ jsxs("div", {
 			style: { marginLeft: (common + i) * 16 },
-			children: [/* @__PURE__ */ jsx(FolderIcon, { className: "inline h-3 w-3 mr-1" }), /* @__PURE__ */ jsxs("span", {
+			children: [/* @__PURE__ */ jsx(FaRegFolder, { className: "inline h-3 w-3 mr-1" }), /* @__PURE__ */ jsxs("span", {
 				className: "font-semibold",
 				children: [folder, "/"]
 			})]
@@ -144,7 +158,7 @@ function NoFileSelectedPreview() {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full theme-muted-panel mb-4",
-					children: /* @__PURE__ */ jsx(DiskIcon, { className: "h-6 w-6 theme-muted-text" })
+					children: /* @__PURE__ */ jsx(FiHardDrive, { className: "h-6 w-6 theme-muted-text" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -169,7 +183,7 @@ function NotFoundPreview({ path, onRetry }) {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full theme-muted-panel mb-4",
-					children: /* @__PURE__ */ jsx(DiskIcon, { className: "h-6 w-6 theme-muted-text" })
+					children: /* @__PURE__ */ jsx(FiHardDrive, { className: "h-6 w-6 theme-muted-text" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -183,7 +197,7 @@ function NotFoundPreview({ path, onRetry }) {
 					type: "button",
 					className: "btn btn-info gap-2",
 					onClick: onRetry,
-					children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4" }), t.retry]
+					children: [/* @__PURE__ */ jsx(MdRefresh, { className: "h-4 w-4" }), t.retry]
 				})
 			]
 		})
@@ -237,12 +251,12 @@ function CorsIssuePreview({ selectedStorage, onRefresh }) {
 				type: "button",
 				className: "btn btn-info cursor-pointer flex items-center",
 				onClick: onRefresh ? () => onRefresh() : void 0,
-				children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4 mr-2" }), t.actions.retry]
+				children: [/* @__PURE__ */ jsx(MdRefresh, { className: "h-4 w-4 mr-2" }), t.actions.retry]
 			}), provisionCorsRules && /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				className: "btn btn-info cursor-pointer flex items-center",
 				onClick: handleAddCorsRules,
-				children: [/* @__PURE__ */ jsx(CustomizeIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", { children: t.actions.addRules })]
+				children: [/* @__PURE__ */ jsx(FaWandMagicSparkles, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", { children: t.actions.addRules })]
 			})]
 		})]
 	});
@@ -398,7 +412,7 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full theme-muted-panel mb-4",
-					children: /* @__PURE__ */ jsx(FileIcon, { className: "h-6 w-6 theme-muted-text" })
+					children: /* @__PURE__ */ jsx(FiFile, { className: "h-6 w-6 theme-muted-text" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -414,7 +428,7 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "inline-flex items-center justify-center w-14 h-14 rounded-full bg-amber-500/10 mb-4",
-					children: /* @__PURE__ */ jsx(AlertIcon, { className: "h-6 w-6 text-amber-500" })
+					children: /* @__PURE__ */ jsx(TbAlertTriangle, { className: "h-6 w-6 text-amber-500" })
 				}),
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-base font-semibold mb-1",
@@ -428,7 +442,7 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 					type: "button",
 					className: "btn btn-info cursor-pointer flex items-center gap-2",
 					onClick: onRefresh ? () => onRefresh() : void 0,
-					children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4" }), t.empty.tryAgain]
+					children: [/* @__PURE__ */ jsx(MdRefresh, { className: "h-4 w-4" }), t.empty.tryAgain]
 				})
 			]
 		})
@@ -492,7 +506,7 @@ function ShareFileButton({ node, onShare }) {
 			});
 		},
 		disabled: isPending,
-		children: [/* @__PURE__ */ jsx(ShareIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(PiShareBold, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 			className: "hidden md:inline",
 			children: t.empty.shareThisFile
 		})]

package/dist/file-explorer/toasts.js

@@ -1,5 +1,12 @@
 import { useStrings } from "../components/Provider.js";
-import { AlertIcon, AngleDownIcon, AngleUpIcon, CloseIcon, CloudUploadIcon, ExpandVerticalIcon, MinimizeIcon, SuccessIcon } from "../icons.js";
+import { BiExpandVertical } from "../icons/bi/BiExpandVertical.js";
+import { FaAngleDown } from "../icons/fa/FaAngleDown.js";
+import { FaAngleUp } from "../icons/fa/FaAngleUp.js";
+import { HiMiniCheckCircle } from "../icons/hi2/HiMiniCheckCircle.js";
+import { IoMdClose } from "../icons/io/IoMdClose.js";
+import { IoCloudUploadOutline } from "../icons/io5/IoCloudUploadOutline.js";
+import { TbAlertTriangle } from "../icons/tb/TbAlertTriangle.js";
+import { VscChromeMinimize } from "../icons/vsc/VscChromeMinimize.js";
 import { formatETA, formatFileSize } from "./lib/utils.js";
 import cx from "classnames";
 import { useState } from "react";
@@ -8,31 +15,31 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 function getSessionStatusInfo(session, queueLength, strings) {
 	switch (session.status) {
 		case "queued": return {
-			icon: /* @__PURE__ */ jsx(CloudUploadIcon, { className: "w-5 h-5 text-blue-600" }),
+			icon: /* @__PURE__ */ jsx(IoCloudUploadOutline, { className: "w-5 h-5 text-blue-600" }),
 			title: strings.inQueue(session.queueIndex + 1, queueLength),
 			shortTitle: strings.queuedShort(session.queueIndex + 1, queueLength),
 			bgColor: "bg-blue-100"
 		};
 		case "uploading": return {
-			icon: /* @__PURE__ */ jsx(CloudUploadIcon, { className: "w-5 h-5 text-blue-600" }),
+			icon: /* @__PURE__ */ jsx(IoCloudUploadOutline, { className: "w-5 h-5 text-blue-600" }),
 			title: strings.uploading,
 			shortTitle: strings.uploading,
 			bgColor: "bg-blue-100"
 		};
 		case "completed": return {
-			icon: /* @__PURE__ */ jsx(SuccessIcon, { className: "w-5 h-5 text-green-600" }),
+			icon: /* @__PURE__ */ jsx(HiMiniCheckCircle, { className: "w-5 h-5 text-green-600" }),
 			title: strings.completeTitle,
 			shortTitle: strings.completeShort,
 			bgColor: "bg-green-100"
 		};
 		case "failed": return {
-			icon: /* @__PURE__ */ jsx(AlertIcon, { className: "w-5 h-5 text-red-600" }),
+			icon: /* @__PURE__ */ jsx(TbAlertTriangle, { className: "w-5 h-5 text-red-600" }),
 			title: strings.failedTitle,
 			shortTitle: strings.failedShort,
 			bgColor: "bg-red-100"
 		};
 		default: return {
-			icon: /* @__PURE__ */ jsx(CloudUploadIcon, { className: "w-5 h-5 theme-muted-text" }),
+			icon: /* @__PURE__ */ jsx(IoCloudUploadOutline, { className: "w-5 h-5 theme-muted-text" }),
 			title: strings.unknownTitle,
 			shortTitle: strings.unknownShort,
 			bgColor: "bg-(--theme-muted-panel-bg)"
@@ -134,7 +141,7 @@ function FileProgressBar({ fileProgress, fileName, onCancelFile }) {
 					className: "p-1 rounded-full hover:bg-red-100 relative cursor-pointer",
 					onClick: handleCancelClick,
 					title: `Cancel ${fileName}`,
-					children: /* @__PURE__ */ jsx(CloseIcon, { className: "w-4 h-4 text-red-500 hover:text-red-700" })
+					children: /* @__PURE__ */ jsx(IoMdClose, { className: "w-4 h-4 text-red-500 hover:text-red-700" })
 				}),
 				showCancelConfirm && canCancel && /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-1",
@@ -230,7 +237,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 									className: "flex items-center justify-between text-xs theme-muted-text hover:theme-text cursor-pointer",
 									onClick: handleExpandClick,
 									title: strings.expandDetails,
-									children: /* @__PURE__ */ jsx(ExpandVerticalIcon, { className: "w-4 h-4" })
+									children: /* @__PURE__ */ jsx(BiExpandVertical, { className: "w-4 h-4" })
 								})]
 							})]
 						}),
@@ -291,7 +298,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 						className: "flex items-center justify-between text-xs theme-muted-text hover:theme-text cursor-pointer mr-2",
 						onClick: handleExpandClick,
 						title: strings.minimizeDetails,
-						children: /* @__PURE__ */ jsx(MinimizeIcon, { className: "w-4 h-4" })
+						children: /* @__PURE__ */ jsx(VscChromeMinimize, { className: "w-4 h-4" })
 					})]
 				}),
 				/* @__PURE__ */ jsx("div", {
@@ -321,7 +328,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 					className: "mb-4 p-3 bg-amber-50 border border-amber-200 rounded-lg",
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ jsx(AlertIcon, { className: "w-4 h-4 text-amber-600 flex-shrink-0 mt-0.5" }), /* @__PURE__ */ jsx("p", {
+						children: [/* @__PURE__ */ jsx(TbAlertTriangle, { className: "w-4 h-4 text-amber-600 flex-shrink-0 mt-0.5" }), /* @__PURE__ */ jsx("p", {
 							className: "text-xs text-amber-800",
 							children: "Please don't refresh this page during upload to prevent any data loss."
 						})]
@@ -346,7 +353,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 						type: "button",
 						className: "flex items-center justify-between text-xs theme-muted-text hover:theme-text cursor-pointer",
 						onClick: () => setIsExpanded(!isFileListExpanded),
-						children: [/* @__PURE__ */ jsxs("span", { children: [session.uploadNodes.length, " files"] }), isFileListExpanded ? /* @__PURE__ */ jsx(AngleUpIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(AngleDownIcon, { className: "w-4 h-4" })]
+						children: [/* @__PURE__ */ jsxs("span", { children: [session.uploadNodes.length, " files"] }), isFileListExpanded ? /* @__PURE__ */ jsx(FaAngleUp, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(FaAngleDown, { className: "w-4 h-4" })]
 					}), isFileListExpanded && /* @__PURE__ */ jsx("div", {
 						className: "max-h-48 overflow-y-auto space-y-2",
 						children: session.uploadNodes.map((node) => {

package/dist/form/Form.js

@@ -1,5 +1,6 @@
 import { useStrings, useWorkflowEngine } from "../components/Provider.js";
-import { AngleRightIcon, TrashIcon } from "../icons.js";
+import { BiSolidTrashAlt } from "../icons/bi/BiSolidTrashAlt.js";
+import { FaAngleRight } from "../icons/fa/FaAngleRight.js";
 import { TooltipInfo } from "../components/Tooltip.js";
 import { UncontrolledCollapsiblePanel } from "../components/CollapsiblePanel.js";
 import CustomListbox from "../components/Listbox.js";
@@ -201,7 +202,7 @@ function GroupHeader({ children, open, setOpen, title }) {
 			"aria-expanded": open,
 			className: "w-full flex items-center text-left transform ease-in transition cursor-pointer",
 			onClick: () => setOpen((open) => !open),
-			children: [/* @__PURE__ */ jsx(AngleRightIcon, { className: cx(open && "transform rotate-90 ", "px-1 text-[1.25rem]  transition ease-in ") }), /* @__PURE__ */ jsx("span", { children: title })]
+			children: [/* @__PURE__ */ jsx(FaAngleRight, { className: cx(open && "transform rotate-90 ", "px-1 text-[1.25rem]  transition ease-in ") }), /* @__PURE__ */ jsx("span", { children: title })]
 		}), children]
 	});
 }
@@ -279,7 +280,7 @@ function MultiSelectionDropdown({ name, label = "", invalid = false, options: in
 			"aria-label": t.remove,
 			className: "inline-flex bg-transparent p-0 cursor-pointer",
 			onClick: () => handleRemoveOption(option.value),
-			children: /* @__PURE__ */ jsx(TrashIcon, { className: "link mr-4" })
+			children: /* @__PURE__ */ jsx(BiSolidTrashAlt, { className: "link mr-4" })
 		}) })] }, String(option.value));
 	}) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs(Table.Item, { children: [
 		"No ",

package/dist/form/SpecialTypes/FormikCustomInput.js

@@ -1,4 +1,5 @@
-import { EyeIcon, EyeOffIcon } from "../../icons.js";
+import { LuEye } from "../../icons/lu/LuEye.js";
+import { LuEyeOff } from "../../icons/lu/LuEyeOff.js";
 import { useFieldControlProps, useFieldRequired } from "../fieldContext.js";
 import cx from "classnames";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -105,7 +106,7 @@ function FormikCustomInput({ name, type, step, placeholder, onChange, disabled,
 			disabled,
 			tabIndex: -1,
 			"aria-label": showPassword ? "Hide value" : "Show value",
-			children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "h-4 w-4" })
+			children: showPassword ? /* @__PURE__ */ jsx(LuEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(LuEye, { className: "h-4 w-4" })
 		})]
 	});
 }

package/dist/graph/AnnotationBanner.js

@@ -1,4 +1,8 @@
-import { ChevronDownIcon, ChevronRightIcon, ErrorIcon, InfoIcon, WarningIcon } from "../icons.js";
+import { BiError } from "../icons/bi/BiError.js";
+import { FaChevronDown } from "../icons/fa/FaChevronDown.js";
+import { FaInfoCircle } from "../icons/fa/FaInfoCircle.js";
+import { IoWarningOutline } from "../icons/io5/IoWarningOutline.js";
+import { LuChevronRight } from "../icons/lu/LuChevronRight.js";
 import { keyedByContent } from "../components/keys.js";
 import cx from "classnames";
 import { useState } from "react";
@@ -11,21 +15,21 @@ var typeOrder = {
 };
 var typeConfig = {
 	error: {
-		icon: ErrorIcon,
+		icon: BiError,
 		label: "Error",
 		accentClass: "text-red-500",
 		bgClass: "bg-red-500/5 dark:bg-red-500/10",
 		countBg: "bg-red-500/15 text-red-700 dark:text-red-400"
 	},
 	warning: {
-		icon: WarningIcon,
+		icon: IoWarningOutline,
 		label: "Warning",
 		accentClass: "text-yellow-500",
 		bgClass: "bg-yellow-500/5 dark:bg-yellow-500/10",
 		countBg: "bg-yellow-500/15 text-yellow-700 dark:text-yellow-400"
 	},
 	notice: {
-		icon: InfoIcon,
+		icon: FaInfoCircle,
 		label: "Notice",
 		accentClass: "text-blue-500",
 		bgClass: "bg-blue-500/5 dark:bg-blue-500/10",
@@ -71,7 +75,7 @@ function AnnotationBanner({ executedJobs }) {
 		notice: 0
 	};
 	for (const a of annotations) counts[a.type]++;
-	const ChevronIcon = expanded ? ChevronDownIcon : ChevronRightIcon;
+	const ChevronIcon = expanded ? FaChevronDown : LuChevronRight;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx("rounded-lg border border-[var(--theme-border)] overflow-hidden", "bg-[var(--theme-panel-bg)]"),
 		children: [/* @__PURE__ */ jsxs("button", {

package/dist/graph/DependencyGraph.js

@@ -1,5 +1,7 @@
 import { useRunFile, useSlots, useStrings, useWorkflowEngine } from "../components/Provider.js";
-import { ArrowLeftIcon, ArrowRightIcon, DocumentIcon } from "../icons.js";
+import { FaArrowLeft } from "../icons/fa/FaArrowLeft.js";
+import { FaArrowRight } from "../icons/fa/FaArrowRight.js";
+import { IoDocumentTextOutline } from "../icons/io5/IoDocumentTextOutline.js";
 import { TooltipInfo } from "../components/Tooltip.js";
 import { BareModal, modalPanelClasses } from "../components/BareModal.js";
 import { Indicator } from "../components/Indicator.js";
@@ -1053,13 +1055,13 @@ function DependencyGraph({ run, preview = false, removeBorder, viewMode = "dag",
 			type: "button",
 			className: "btn btn-neutral",
 			onClick: () => nextStep(true),
-			children: [/* @__PURE__ */ jsx(ArrowLeftIcon, {}), /* @__PURE__ */ jsx("span", { children: "Prev" })]
+			children: [/* @__PURE__ */ jsx(FaArrowLeft, {}), /* @__PURE__ */ jsx("span", { children: "Prev" })]
 		}),
 		/* @__PURE__ */ jsxs("button", {
 			type: "button",
 			className: "btn btn-neutral",
 			onClick: () => nextStep(false),
-			children: [/* @__PURE__ */ jsx(ArrowRightIcon, {}), /* @__PURE__ */ jsx("span", { children: "Next" })]
+			children: [/* @__PURE__ */ jsx(FaArrowRight, {}), /* @__PURE__ */ jsx("span", { children: "Next" })]
 		}),
 		/* @__PURE__ */ jsx("span", {
 			className: "pt-0.5 whitespace-pre-wrap text-xs",
@@ -1099,7 +1101,7 @@ function DependencyGraph({ run, preview = false, removeBorder, viewMode = "dag",
 							"aria-label": "General log",
 							onClick: () => setSublogOpen(generalLogPath),
 							className: "link",
-							children: /* @__PURE__ */ jsx(DocumentIcon, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ jsx(IoDocumentTextOutline, { className: "w-4 h-4" })
 						})]
 					}),
 					/* @__PURE__ */ jsx("div", {

package/dist/graph/JobSummary.js

@@ -1,5 +1,6 @@
 import { useNavigation, useSlots, useStrings, useWorkflowEngine } from "../components/Provider.js";
-import { DocumentIcon, OpenInNewGraphIcon } from "../icons.js";
+import { IoDocumentTextOutline } from "../icons/io5/IoDocumentTextOutline.js";
+import { PiArrowBendUpRightBold } from "../icons/pi/PiArrowBendUpRightBold.js";
 import { TOOLTIP_ID } from "../components/Tooltip.js";
 import { Indicator } from "../components/Indicator.js";
 import { Reveal } from "./Reveal.js";
@@ -74,7 +75,7 @@ function Joblist(inputs) {
 										inputs.onStepLogClick(jobName, i);
 									},
 									className: "link ml-1",
-									children: /* @__PURE__ */ jsx(DocumentIcon, { className: "w-[1.2em] h-[1.2em]" })
+									children: /* @__PURE__ */ jsx(IoDocumentTextOutline, { className: "w-[1.2em] h-[1.2em]" })
 								}),
 								/* @__PURE__ */ jsx(UsesIcon, {
 									uses: step.uses,
@@ -90,7 +91,7 @@ function Joblist(inputs) {
 										inputs.onSubworkflowIcon(jobName, i);
 									},
 									className: "link ml-1",
-									children: /* @__PURE__ */ jsx(OpenInNewGraphIcon, { className: "w-[1.2em] h-[1.2em]" })
+									children: /* @__PURE__ */ jsx(PiArrowBendUpRightBold, { className: "w-[1.2em] h-[1.2em]" })
 								})
 							] })]
 						}), canExpand && inputs.renderSubworkflow(jobName, i)] }, stepKey);

package/dist/graph/TreeView.js

@@ -1,5 +1,6 @@
 import { useRunFile, useSlots, useWorkflowEngine } from "../components/Provider.js";
-import { ChevronRightIcon, LoaderIcon } from "../icons.js";
+import { LuChevronRight } from "../icons/lu/LuChevronRight.js";
+import { LoaderIcon } from "../components/StatusIcons.js";
 import { Indicator } from "../components/Indicator.js";
 import { LogViewer } from "../logviewer/LogViewer.js";
 import { toAbsHumanDuration } from "../duration.js";
@@ -21,7 +22,7 @@ function Chevron({ open, hidden = false }) {
 		animate: { rotate: open ? 90 : 0 },
 		transition: { duration: .15 },
 		className: cx("flex-shrink-0", hidden ? "invisible" : "text-[var(--theme-muted-text-color)]"),
-		children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("w-4 h-4", open && "text-[var(--theme-element)]") })
+		children: /* @__PURE__ */ jsx(LuChevronRight, { className: cx("w-4 h-4", open && "text-[var(--theme-element)]") })
 	});
 }
 function StepLogs({ slug, prefix, jobName, stepIndex }) {

package/dist/icons/ai/AiOutlineRollback.js

@@ -0,0 +1,16 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/ai/AiOutlineRollback.js
+/*! AiOutlineRollback: Ant Design Icons (https://github.com/ant-design/ant-design-icons), MIT https://opensource.org/licenses/MIT */
+function AiOutlineRollback(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 1024 1024" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M793 242H366v-74c0-6.7-7.7-10.4-12.9-6.3l-142 112a8 8 0 0 0 0 12.6l142 112c5.2 4.1 12.9.4 12.9-6.3v-74h415v470H175c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-28.7 64-64V306c0-35.3-28.7-64-64-64z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { AiOutlineRollback };

package/dist/icons/bi/BiBell.js

@@ -0,0 +1,16 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiBell.js
+/*! BiBell: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiBell(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M19 13.586V10c0-3.217-2.185-5.927-5.145-6.742C13.562 2.52 12.846 2 12 2s-1.562.52-1.855 1.258C7.185 4.074 5 6.783 5 10v3.586l-1.707 1.707A.996.996 0 0 0 3 16v2a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L19 13.586zM19 17H5v-.586l1.707-1.707A.996.996 0 0 0 7 14v-4c0-2.757 2.243-5 5-5s5 2.243 5 5v4c0 .266.105.52.293.707L19 16.414V17zm-7 5a2.98 2.98 0 0 0 2.818-2H9.182A2.98 2.98 0 0 0 12 22z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiBell };

package/dist/icons/bi/BiBellOff.js

@@ -0,0 +1,16 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiBellOff.js
+/*! BiBellOff: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiBellOff(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M12 22a2.98 2.98 0 0 0 2.818-2H9.182A2.98 2.98 0 0 0 12 22zm9-4v-2a.996.996 0 0 0-.293-.707L19 13.586V10c0-3.217-2.185-5.927-5.145-6.742C13.562 2.52 12.846 2 12 2s-1.562.52-1.855 1.258c-1.323.364-2.463 1.128-3.346 2.127L3.707 2.293 2.293 3.707l18 18 1.414-1.414-1.362-1.362A.993.993 0 0 0 21 18zM12 5c2.757 0 5 2.243 5 5v4c0 .266.105.52.293.707L19 16.414V17h-.586L8.207 6.793C9.12 5.705 10.471 5 12 5zm-5.293 9.707A.996.996 0 0 0 7 14v-2.879L5.068 9.189C5.037 9.457 5 9.724 5 10v3.586l-1.707 1.707A.996.996 0 0 0 3 16v2a1 1 0 0 0 1 1h10.879l-2-2H5v-.586l1.707-1.707z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiBellOff };

package/dist/icons/bi/BiBuildings.js

@@ -0,0 +1,20 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiBuildings.js
+/*! BiBuildings: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiBuildings(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M19 2H9c-1.103 0-2 .897-2 2v6H5c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2zM5 12h6v8H5v-8zm14 8h-6v-8c0-1.103-.897-2-2-2H9V4h10v16z" },
+			"child": []
+		}, {
+			"tag": "path",
+			"attr": { "d": "M11 6h2v2h-2zm4 0h2v2h-2zm0 4.031h2V12h-2zM15 14h2v2h-2zm-8 .001h2v2H7z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiBuildings };

package/dist/icons/bi/BiError.js

@@ -0,0 +1,20 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiError.js
+/*! BiError: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiError(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M11.001 10h2v5h-2zM11 16h2v2h-2z" },
+			"child": []
+		}, {
+			"tag": "path",
+			"attr": { "d": "M13.768 4.2C13.42 3.545 12.742 3.138 12 3.138s-1.42.407-1.768 1.063L2.894 18.064a1.986 1.986 0 0 0 .054 1.968A1.984 1.984 0 0 0 4.661 21h14.678c.708 0 1.349-.362 1.714-.968a1.989 1.989 0 0 0 .054-1.968L13.768 4.2zM4.661 19 12 5.137 19.344 19H4.661z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiError };

package/dist/icons/bi/BiExpandVertical.js

@@ -0,0 +1,16 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiExpandVertical.js
+/*! BiExpandVertical: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiExpandVertical(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "m12 19.24-4.95-4.95-1.41 1.42L12 22.07l6.36-6.36-1.41-1.42L12 19.24zM5.64 8.29l1.41 1.42L12 4.76l4.95 4.95 1.41-1.42L12 1.93 5.64 8.29z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiExpandVertical };

package/dist/icons/bi/BiPause.js

@@ -0,0 +1,16 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiPause.js
+/*! BiPause: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiPause(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M8 7h3v10H8zm5 0h3v10h-3z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiPause };

package/dist/icons/bi/BiPlay.js

@@ -0,0 +1,16 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiPlay.js
+/*! BiPlay: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiPlay(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M7 6v12l10-6z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiPlay };

package/dist/icons/bi/BiSolidCheckShield.js

@@ -0,0 +1,16 @@
+import { GenIcon } from "react-icons/lib";
+//#region src/icons/bi/BiSolidCheckShield.js
+/*! BiSolidCheckShield: BoxIcons (https://github.com/atisawd/boxicons), MIT https://github.com/atisawd/boxicons/blob/master/LICENSE */
+function BiSolidCheckShield(props) {
+	return GenIcon({
+		"tag": "svg",
+		"attr": { "viewBox": "0 0 24 24" },
+		"child": [{
+			"tag": "path",
+			"attr": { "d": "M11.488 21.754c.294.157.663.156.957-.001 8.012-4.304 8.581-12.713 8.574-15.104a.988.988 0 0 0-.596-.903l-8.05-3.566a1.005 1.005 0 0 0-.813.001L3.566 5.747a.99.99 0 0 0-.592.892c-.034 2.379.445 10.806 8.514 15.115zM8.674 10.293l2.293 2.293 4.293-4.293 1.414 1.414-5.707 5.707-3.707-3.707 1.414-1.414z" },
+			"child": []
+		}]
+	})(props);
+}
+//#endregion
+export { BiSolidCheckShield };