@parallelworks/ui 0.43.0 → 0.45.0

package/dist/graph/stepWith.js

@@ -1,5 +1,6 @@
-import { IoMdClose } from "../icons/io/IoMdClose.js";
+import { RemoveIcon } from "../icons.js";
 import { useRepoSuggestions, useWorkflowActions, useWorkflowEditing, useWorkflowJsonResolver } from "../components/Provider.js";
+import { ErrorText } from "../components/Field.js";
 import { IconButton } from "../components/IconButton.js";
 import { Input, Textarea } from "../components/Input.js";
 import { useGraphEditorStrings, useInputsEditorStrings } from "./editorStrings.js";
@@ -7,7 +8,7 @@ import { asRecord } from "./records.js";
 import { loadUsesInputs, splitAtRef } from "./usesInputs.js";
 import { FixButtons, LintScope, useFieldLint, useFieldProblems } from "./fieldProblems.js";
 import { SuggestionInput } from "./SuggestionInput.js";
-import { ChoiceButtons, EXPRESSION, FieldError, FieldLabel, KeyValueEditor, LabelledField, StringListEditor, SuggestedInput, ToggleField, isScalar, labelled, parseJson, parseScalar, rowsError, rowsFrom, rowsTo, sameValue } from "./editorFields.js";
+import { ChoiceButtons, EXPRESSION, KeyValueEditor, StringListEditor, SuggestedInput, ToggleField, YamlField, isScalar, labelled, parseJson, parseScalar, rowsError, rowsFrom, rowsTo, sameValue } from "./editorFields.js";
 import { ValueOrInputField, refSuggestions } from "./inputRefs.js";
 import { DynamicForm } from "../form/Form.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -125,14 +126,14 @@ function withError(uses, actions, draft, original, t) {
 	for (const spec of specsFor(uses, actions)) {
 		const value = valueFor(spec, draft.values[slot(spec)]);
 		if (spec.required && value === void 0) return t.missingInput(spec.key);
-		if (spec.kind === "number" && value !== void 0 && typeof value !== "number") return t.invalidNumberInput;
+		if (spec.kind === "number" && value !== void 0 && typeof value !== "number") return t.common.invalidNumber;
 		if (spec.kind === "choice" && typeof value === "string" && !spec.choices?.includes(value) && !(spec.expression && EXPRESSION.test(value))) return t.invalidChoice(spec.key);
 		if (spec.kind === "flags") {
-			const error = rowsError(draft.values[slot(spec)], INPUT_KEY, t.invalidKey, t);
+			const error = rowsError(draft.values[slot(spec)], INPUT_KEY, t.common.invalidName, t);
 			if (error) return error;
 		}
 	}
-	return kind === "action" ? void 0 : rowsError(draft.rows, kind === "other" ? /^\$?[a-zA-Z0-9_-]+$/ : INPUT_KEY, t.invalidKey, t);
+	return kind === "action" ? void 0 : rowsError(draft.rows, kind === "other" ? /^\$?[a-zA-Z0-9_-]+$/ : INPUT_KEY, t.common.invalidName, t);
 }
 function SpecField({ spec, draft, onChange, references, source }) {
 	const t = useGraphEditorStrings();
@@ -149,7 +150,7 @@ function SpecField({ spec, draft, onChange, references, source }) {
 		suggestions: spec.choices ?? []
 	});
 	switch (spec.kind) {
-		case "list": return /* @__PURE__ */ jsx(LabelledField, {
+		case "list": return /* @__PURE__ */ jsx(YamlField, {
 			label,
 			yamlKey: spec.key,
 			description,
@@ -157,7 +158,7 @@ function SpecField({ spec, draft, onChange, references, source }) {
 				label,
 				values: draft,
 				onChange,
-				addLabel: t.addRow
+				addLabel: t.common.add
 			})
 		});
 		case "bool": return /* @__PURE__ */ jsx(ToggleField, {
@@ -167,7 +168,7 @@ function SpecField({ spec, draft, onChange, references, source }) {
 			checked: typeof draft === "boolean" ? draft : spec.fallback ?? false,
 			onChange: (on) => onChange(on === (spec.fallback ?? false) ? void 0 : on)
 		});
-		case "flags": return /* @__PURE__ */ jsx(LabelledField, {
+		case "flags": return /* @__PURE__ */ jsx(YamlField, {
 			label,
 			yamlKey: spec.key,
 			description,
@@ -180,22 +181,23 @@ function SpecField({ spec, draft, onChange, references, source }) {
 		});
 		case "target": {
 			const target = draft;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ jsx(FieldLabel, {
-					label,
-					yamlKey: spec.key,
-					description
-				}), (spec.fields ?? []).map((field) => /* @__PURE__ */ jsx(Input, {
-					mono: true,
-					...labelled(field.label, field.key),
-					description: field.description,
-					value: target[field.key] ?? "",
-					onChange: (e) => onChange({
-						...target,
-						[field.key]: e.target.value
-					})
-				}, field.key))]
+			return /* @__PURE__ */ jsx(YamlField, {
+				label,
+				yamlKey: spec.key,
+				description,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-2",
+					children: (spec.fields ?? []).map((field) => /* @__PURE__ */ jsx(Input, {
+						mono: true,
+						...labelled(field.label, field.key),
+						description: field.description,
+						value: target[field.key] ?? "",
+						onChange: (e) => onChange({
+							...target,
+							[field.key]: e.target.value
+						})
+					}, field.key))
+				})
 			});
 		}
 		case "textarea": return /* @__PURE__ */ jsx(Textarea, {
@@ -311,35 +313,35 @@ function UsesPicker({ uses, onUses, choices, draft, onDraft, error }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ jsx(FieldLabel, {
+			/* @__PURE__ */ jsx(YamlField, {
 				label: t.fields.uses,
 				yamlKey: "uses",
-				description: t.help.uses
-			}),
-			/* @__PURE__ */ jsx(ChoiceButtons, {
-				options: [
-					{
-						value: "action",
-						label: t.usesAction
-					},
-					{
-						value: "workflow",
-						label: t.usesWorkflow
-					},
-					{
-						value: "marketplace",
-						label: t.usesMarketplace
-					},
-					{
-						value: "repository",
-						label: t.usesRepository
+				description: t.help.uses,
+				children: /* @__PURE__ */ jsx(ChoiceButtons, {
+					options: [
+						{
+							value: "action",
+							label: t.usesAction
+						},
+						{
+							value: "workflow",
+							label: t.usesWorkflow
+						},
+						{
+							value: "marketplace",
+							label: t.usesMarketplace
+						},
+						{
+							value: "repository",
+							label: t.usesRepository
+						}
+					],
+					value: mode,
+					onChange: (next) => {
+						setMode(next);
+						if (next !== usesMode(uses, actions)) onUses("");
 					}
-				],
-				value: mode,
-				onChange: (next) => {
-					setMode(next);
-					if (next !== usesMode(uses, actions)) onUses("");
-				}
+				})
 			}),
 			mode === "action" ? select(Object.keys(actions), t.chooseAction, (value) => actions[value]?.description) : mode === "workflow" ? select(options("workflow/"), t.chooseWorkflow) : mode === "marketplace" ? select(options("marketplace/"), t.chooseMarketplace) : /* @__PURE__ */ jsx(RepositoryForm, {
 				uses,
@@ -347,7 +349,7 @@ function UsesPicker({ uses, onUses, choices, draft, onDraft, error }) {
 				onUses,
 				onDraft
 			}),
-			/* @__PURE__ */ jsx(FieldError, { message: error ?? lint.message })
+			/* @__PURE__ */ jsx(ErrorText, { children: error ?? lint.message })
 		]
 	});
 }
@@ -417,38 +419,47 @@ function WithEditor({ uses, draft, original, onChange, error, source }) {
 			rows
 		});
 	};
+	const otherRows = /* @__PURE__ */ jsx(KeyValueEditor, {
+		rows: draft.rows.filter((row) => !knownKeys.has(row.key)),
+		onChange: (rows) => onChange({
+			...draft,
+			rows: [...draft.rows.filter((row) => knownKeys.has(row.key)), ...rows]
+		}),
+		error: void 0,
+		valueSuggestions: references,
+		lint: true
+	});
 	return /* @__PURE__ */ jsx(LintScope, {
 		at: "with",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-3",
-			children: [
-				/* @__PURE__ */ jsx(FieldLabel, {
-					label: t.fields.with,
-					yamlKey: "with",
-					description: t.help.with
-				}),
-				kind === "action" && specsFor(uses, actions).map((spec) => /* @__PURE__ */ jsx(SpecField, {
-					spec,
-					draft: draft.values[slot(spec)],
-					references,
-					source,
-					onChange: (value) => onChange({
-						...draft,
-						values: {
-							...draft.values,
-							[slot(spec)]: value
-						}
-					})
-				}, slot(spec))),
-				extras.map((key) => /* @__PURE__ */ jsx(ExtraKey, {
-					name: key,
-					uses,
-					draft,
-					original,
-					onChange
-				}, key)),
-				kind !== "action" && /* @__PURE__ */ jsxs(Fragment, { children: [
-					known.map(([key, raw]) => {
+		children: /* @__PURE__ */ jsx(YamlField, {
+			label: t.fields.with,
+			yamlKey: "with",
+			description: t.help.with,
+			error,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3",
+				children: [
+					kind === "action" && specsFor(uses, actions).map((spec) => /* @__PURE__ */ jsx(SpecField, {
+						spec,
+						draft: draft.values[slot(spec)],
+						references,
+						source,
+						onChange: (value) => onChange({
+							...draft,
+							values: {
+								...draft.values,
+								[slot(spec)]: value
+							}
+						})
+					}, slot(spec))),
+					extras.map((key) => /* @__PURE__ */ jsx(ExtraKey, {
+						name: key,
+						uses,
+						draft,
+						original,
+						onChange
+					}, key)),
+					kind !== "action" && /* @__PURE__ */ jsxs(Fragment, { children: [known.map(([key, raw]) => {
 						const definition = asRecord(raw);
 						const label = String(definition["label"] ?? "");
 						const about = String(definition["description"] ?? "");
@@ -461,24 +472,13 @@ function WithEditor({ uses, draft, original, onChange, error, source }) {
 							suggestions: references,
 							onChange: (value) => setRow(key, value)
 						}, key);
-					}),
-					known.length > 0 && /* @__PURE__ */ jsx(FieldLabel, {
+					}), known.length > 0 ? /* @__PURE__ */ jsx(YamlField, {
 						label: t.otherInputs,
-						description: t.help.withInputs
-					}),
-					/* @__PURE__ */ jsx(KeyValueEditor, {
-						rows: draft.rows.filter((row) => !knownKeys.has(row.key)),
-						onChange: (rows) => onChange({
-							...draft,
-							rows: [...draft.rows.filter((row) => knownKeys.has(row.key)), ...rows]
-						}),
-						error: void 0,
-						valueSuggestions: references,
-						lint: true
-					})
-				] }),
-				/* @__PURE__ */ jsx(FieldError, { message: error })
-			]
+						description: t.help.withInputs,
+						children: otherRows
+					}) : otherRows] })
+				]
+			})
 		})
 	});
 }
@@ -519,8 +519,8 @@ function ExtraKey({ name, uses, draft, original, onChange }) {
 					children: t.notActionInput
 				}),
 				/* @__PURE__ */ jsx(IconButton, {
-					icon: /* @__PURE__ */ jsx(IoMdClose, { className: "h-4 w-4" }),
-					label: t.removeRow,
+					icon: /* @__PURE__ */ jsx(RemoveIcon, {}),
+					label: t.common.remove,
 					variant: "ghost",
 					size: "sm",
 					onClick: remove

package/dist/graph/toolbarPanel.d.ts

@@ -0,0 +1,8 @@
+/** A toolbar button's panel: above the button when there's room, its right edge
+ *  lined up with the button's, focused itself so a list doesn't open on one item. */
+export declare const toolbarPanel: {
+    readonly side: 'top';
+    readonly align: 'end';
+    readonly initialFocus: 'popup';
+    readonly className: 'w-96 text-xs';
+};

package/dist/graph/toolbarPanel.js

@@ -0,0 +1,11 @@
+//#region src/graph/toolbarPanel.ts
+/** A toolbar button's panel: above the button when there's room, its right edge
+*  lined up with the button's, focused itself so a list doesn't open on one item. */
+var toolbarPanel = {
+	side: "top",
+	align: "end",
+	initialFocus: "popup",
+	className: "w-96 text-xs"
+};
+//#endregion
+export { toolbarPanel };

package/dist/icons.d.ts

@@ -1,23 +1,234 @@
-export type { IconType } from 'react-icons';
-export { AiOutlineRollback as RollbackIcon } from 'react-icons/ai';
-export { BiBell as UnmuteIcon, BiBellOff as MuteIcon, BiBuildings as OrganizationIcon, BiError as ErrorIcon, BiExpandVertical as ExpandVerticalIcon, BiPause as PauseIcon, BiPlay as StartIcon, BiRedo as RedoIcon, BiSolidCheckShield as ShieldIcon, BiSolidTrashAlt as TrashIcon, BiStop as StopIcon, BiUndo as UndoIcon, } from 'react-icons/bi';
-export { BsArrowsCollapse as CollapseIcon, BsBank2 as GovernmentIcon, BsBriefcase as BriefcaseIcon, BsBucket as BucketIcon, BsCalendarX as CalendarOffIcon, BsChatLeft as CommentIcon, BsChevronDoubleDown as ChevronDoubleDownIcon, BsChevronDoubleUp as ChevronDoubleUpIcon, BsClipboardCheck as ClipboardCheckIcon, BsCurrencyDollar as MoneyIcon, BsDash as MinusIcon, BsFileEarmarkZip as ZipIcon, BsFiles as FilesIcon, BsGeoAlt as MapPinIcon, BsGrid as GridIcon, BsLayers as InfrastructureLayersIcon, BsLayoutThreeColumns as ColumnsIcon, BsListUl as ListViewIcon, BsMortarboard as EducationIcon, BsMusicNoteBeamed as MusicIcon, BsOpenai as OpenAIIcon, BsPersonPlus as AddUserIcon, BsSearch as SearchOutlineIcon, BsSend as SendIcon, BsShieldSlash as ShieldOffIcon, BsStar as PinIcon, BsStarFill as PinFilledIcon, BsStopCircle as StopCircleIcon, BsTag as TagIcon, BsTelephone as PhoneIcon, BsTerminal as UserWorkspaceIcon, BsTerminalFill as UserWorkspaceFillIcon, BsThreeDots as MoreIcon, BsThreeDotsVertical as MenuIcon, BsZoomIn as ChartZoomIcon, } from 'react-icons/bs';
-export { FaAmazon as AmazonIcon, FaAngleDown as AngleDownIcon, FaAngleLeft as AngleLeftIcon, FaAngleRight as AngleRightIcon, FaAngleUp as AngleUpIcon, FaArrowDown as ArrowDownIcon, FaArrowLeft as ArrowLeftIcon, FaArrowRight as ArrowRightIcon, FaArrowUp as ArrowUpIcon, FaBalanceScale as LegalIcon, FaCaretDown as CaretDownIcon, FaCentos as CentOSIcon, FaChartLine as ChartIcon, FaChartPie as PieChartIcon, FaCheck as CheckIcon, FaChevronDown as ChevronDownIcon, FaChevronUp as ChevronUpIcon, FaChrome as ChromeIcon, FaCloud as CloudIcon, FaCloudDownloadAlt as DownloadIcon, FaCog as CogIcon, FaCogs as GearsIcon, FaComments as ChatIcon, FaCompress as ShrinkIcon, FaDesktop as SnapshotIcon, FaDocker as DockerIcon, FaDollarSign as CostDashboardIcon, FaEdge as EdgeIcon, FaEdit as EditIcon, FaExclamationTriangle as WarningTriangleIcon, FaExpand as ExpandIcon, FaEye as HiddenFalseIcon, FaEyeSlash as HiddenTrueIcon, FaFile as FileSolidIcon, FaFilePdf as PdfSolidIcon, FaFilter as FilterIcon, FaFirefoxBrowser as FirefoxIcon, FaFlask as FlaskIcon, FaFolder as FolderSolidIcon, FaGithub as GitHubIcon, FaGitlab as GitLabIcon, FaGlobe as GlobeIcon, FaGlobeAmericas as MarketplaceIcon, FaGlobeAmericas as PublishIcon, FaImage as ImageSolidIcon, FaInfoCircle as InfoIcon, FaKey as KeyIcon, FaKey as PasswordIcon, FaLayerGroup as ResourceGroupIcon, FaLink as LinkIcon, FaLinkedin as LinkedInIcon, FaLinux as LinuxIcon, FaList as SchedulerIcon, FaLock as LockIcon, FaOpenid as OIDCIcon, FaOpera as OperaIcon, FaPaperclip as AttachmentIcon, FaPlus as AddIcon, FaPowerOff as PowerIcon, FaPrint as PrintIcon, FaQrcode as QRCodeIcon, FaQuestionCircle as UserGuideIcon, FaRedhat as RedHatIcon, FaRegCircle as NotRunningIcon, FaRegFileImage as ImageIcon, FaRegFolder as FolderIcon, FaRobot as RobotIcon, FaRocket as PartnerIcon, FaRunning as ExecuteWorkflow, FaSafari as SafariIcon, FaSave as SaveIcon, FaSearch as SearchIcon, FaShieldAlt as ShieldAltIcon, FaSlack as SlackIcon, FaStar as FeaturedIcon, FaStop as StopSolidIcon, FaSuse as SuseIcon, FaTerminal as TerminalIcon, FaTimes as TimesIcon, FaUbuntu as UbuntuIcon, FaUndoAlt as RetryIcon, FaUnlink as UnlinkIcon, FaUser as UserIcon, FaUsers as AccessIcon, FaUsers as SharingIcon, FaUsers as UsersIcon, FaWindows as WindowsIcon, } from 'react-icons/fa';
-export { FaApple as AppleIcon, FaArrowsRotate as RefreshArrowsIcon, FaDebian as DebianIcon, FaFilterCircleXmark as FilterClearIcon, FaInbox as NotificationInboxIcon, FaLocationDot as IpAddressIcon, FaRegFilePdf as PdfIcon, FaRegFolderOpen as FolderOpenIcon, FaUpRightFromSquare as NewWindowIcon, FaWandMagicSparkles as CustomizeIcon, FaXTwitter as XTwitterIcon, } from 'react-icons/fa6';
-export { FiActivity as HealthMonitoringIcon, FiAlertCircle as AlertCircleIcon, FiChevronDown as ChevronDownStrokeIcon, FiClock as ClockIcon, FiCopy as CopyIcon, FiDownload as DownloadFileIcon, FiFile as FileIcon, FiFileText as FileTextIcon, FiHardDrive as DiskIcon, FiRotateCcw as HistoryIcon, FiUpload as UploadIcon, FiX as XIcon, FiZap as ZapIcon, } from 'react-icons/fi';
-export { GiSpy as ImpersonateIcon } from 'react-icons/gi';
-export { GoGitCommit as CommitIcon, GoGitPullRequest as PullRequestIcon, GoIssueOpened as IssueIcon, GoPlus as PlusOutlineIcon, GoRepoForked as ForkIcon, GoSignOut as SignOutIcon, GoSkip as ForbiddenIcon, GoVideo as VideoIcon, } from 'react-icons/go';
-export { GrCloudComputer as ComputeIcon, GrInbox as InboxIcon, GrServerCluster as ClusterIcon, GrStorage as StorageIcon, GrTasks as MonitorIcon, } from 'react-icons/gr';
-export { HiCog as GearIcon, HiDuplicate as DuplicateIcon, HiOutlineArchive as ArchiveIcon, HiOutlineClipboardCopy as ClipboardIcon, HiOutlineHome as HomeIcon, HiQuestionMarkCircle as TooltipIcon, HiServer as ServerIcon, } from 'react-icons/hi';
-export { HiMiniCheckCircle as SuccessIcon, HiMiniLanguage as LanguageIcon, HiMiniMinusCircle as SkipIcon, HiMiniXCircle as FailIcon, HiSparkles as SparklesIcon, } from 'react-icons/hi2';
-export { ImSpinner5 as RunningIcon } from 'react-icons/im';
-export { IoIosNotifications as NotificationFillIcon, IoMdBuild as BuildWorkflowIcon, IoMdClose as CloseIcon, } from 'react-icons/io';
-export { IoCloudUploadOutline as CloudUploadIcon, IoDocumentTextOutline as DocumentIcon, IoFileTrayFullOutline as FilesystemIcon, IoHeart as FavoriteIcon, IoHeartDislike as UnfavoriteIcon, IoHeartOutline as FavoriteOutlineIcon, IoInformationCircleOutline as InfoCircleIcon, IoSettingsOutline as SettingsIcon, IoWarningOutline as WarningIcon, } from 'react-icons/io5';
-export { LuArrowRight as ArrowRightStrokeIcon, LuBadgeCheck as LicenseIcon, LuBraces as ExpressionIcon, LuBrainCircuit as MlIcon, LuCalendar as CalendarIcon, LuCheck as CheckStrokeIcon, LuChevronLeft as ChevronLeftIcon, LuChevronRight as ChevronRightIcon, LuCode as CodeIcon, LuExternalLink as ExternalLink, LuEye as EyeIcon, LuEyeOff as EyeOffIcon, LuFolderTree as FolderTreeIcon, LuIdCard as IdCardIcon, LuKeyboard as KeyboardIcon, LuLogs as EventsIcon, LuMail as MailIcon, LuMegaphone as MegaphoneIcon, LuMoon as MoonIcon, LuNetwork as GraphIcon, LuPartyPopper as CelebrateIcon, LuSettings2 as DisplayIcon, LuSheet as SpreadsheetIcon, LuShield as ShieldOutlineIcon, LuSun as SunIcon, LuTextCursorInput as InputFormIcon, LuX as XStrokeIcon, LuZoomIn as ZoomInIcon, LuZoomOut as ZoomOutIcon, } from 'react-icons/lu';
-export { MdClear as ClearIcon, MdDragHandle as DragHandleIcon, MdInstallDesktop as InstallIcon, MdOutlineAttachMoney as EnableCostIcon, MdOutlineMoneyOff as DisableCostIcon, MdPieChart as QuotaIcon, MdRefresh as RefreshIcon, MdReplay as ReplayIcon, MdSmartphone as MFA, } from 'react-icons/md';
-export { PiArrowBendUpRightBold as OpenInNewGraphIcon, PiPlugsConnectedFill as ConnectIcon, PiRectangleDashed as KubernetesNamespaceIcon, PiShareBold as ShareIcon, } from 'react-icons/pi';
-export { SiAnthropic as AnthropicIcon, SiHelm as HelmIcon, SiKubernetes as KubernetesIcon, } from 'react-icons/si';
-export { TbAlertTriangle as AlertIcon, TbAlertTriangleFilled as AlertFillIcon, TbApi as APIIcon, TbBrain as ThinkingIcon, TbBuildingTunnel as TunnelIcon, TbEdit as NewChatIcon, TbLayoutSidebar as SidebarIcon, TbLayoutSidebarLeftCollapse as SidebarOpenIcon, TbLayoutSidebarRightCollapse as SidebarCloseIcon, TbUser as EnableUserIcon, TbUserOff as DisableUserIcon, TbWorldShare as EndpointIcon, TbWorldWww as SubdomainIcon, } from 'react-icons/tb';
-export { TiArrowSortedDown as SortDownIcon, TiArrowSortedUp as SortUpIcon, TiArrowUnsorted as SortUnsortedIcon, TiCancel as CancelIcon, } from 'react-icons/ti';
-export { VscChromeMinimize as MinimizeIcon, VscJson as JsonIcon, VscLayoutSidebarLeft as EditorIcon, VscPass as CheckMarkIcon, VscSplitHorizontal as SplitIcon, VscTerminalPowershell as PowershellIcon, VscTerminalPowershell as RunWorkflowIcon, } from 'react-icons/vsc';
-export { ErrorCheckmark, LoaderIcon, SuccessCheckmark } from './components/StatusIcons.js';
+import type { LucideProps } from 'lucide-react';
+import type { ReactNode } from 'react';
+export interface IconProps extends LucideProps {
+    /** Names the icon for assistive technology. Without it, or an `aria-label`,
+     *  the icon is decoration and hidden from assistive technology. */
+    title?: string | undefined;
+}
+/** An icon from this module or the brand icons. */
+export type IconType = (props: IconProps) => ReactNode;
+export declare const AccessIcon: IconType;
+export declare const AddIcon: IconType;
+export declare const AddUserIcon: IconType;
+export declare const AgentIcon: IconType;
+export declare const AllocationIcon: IconType;
+export declare const APIIcon: IconType;
+export declare const ArchiveIcon: IconType;
+export declare const ArrowDownIcon: IconType;
+export declare const ArrowLeftIcon: IconType;
+export declare const ArrowRightIcon: IconType;
+export declare const ArrowUpIcon: IconType;
+export declare const AttachmentIcon: IconType;
+export declare const AuthenticationIcon: IconType;
+export declare const BillingIcon: IconType;
+export declare const BriefcaseIcon: IconType;
+export declare const BucketIcon: IconType;
+export declare const BuildWorkflowIcon: IconType;
+export declare const CalendarIcon: IconType;
+export declare const CalendarOffIcon: IconType;
+export declare const CancelIcon: IconType;
+export declare const CelebrateIcon: IconType;
+export declare const CertificateIcon: IconType;
+export declare const ChartIcon: IconType;
+export declare const ChatIcon: IconType;
+export declare const CheckIcon: IconType;
+export declare const ChevronDoubleDownIcon: IconType;
+export declare const ChevronDoubleUpIcon: IconType;
+export declare const ChevronDownIcon: IconType;
+export declare const ChevronLeftIcon: IconType;
+export declare const ChevronRightIcon: IconType;
+export declare const ChevronUpIcon: IconType;
+export declare const ClipboardCheckIcon: IconType;
+export declare const ClockIcon: IconType;
+export declare const CloseIcon: IconType;
+export declare const CloudIcon: IconType;
+export declare const ClusterIcon: IconType;
+export declare const CodeIcon: IconType;
+export declare const CollapseIcon: IconType;
+export declare const ColumnsIcon: IconType;
+export declare const CommentIcon: IconType;
+export declare const CommitIcon: IconType;
+export declare const ComputeIcon: IconType;
+export declare const ConnectIcon: IconType;
+export declare const CopyIcon: IconType;
+export declare const CustomizeIcon: IconType;
+export declare const DesktopIcon: IconType;
+export declare const DestroyIcon: IconType;
+export declare const DeviceIcon: IconType;
+export declare const DirectoryIcon: IconType;
+export declare const DisableCostIcon: IconType;
+export declare const DisableUserIcon: IconType;
+export declare const DisconnectIcon: IconType;
+export declare const DiskIcon: IconType;
+export declare const DisplayIcon: IconType;
+export declare const DownloadIcon: IconType;
+export declare const DragHandleIcon: IconType;
+export declare const DuplicateIcon: IconType;
+export declare const EditIcon: IconType;
+export declare const EditorIcon: IconType;
+export declare const EducationIcon: IconType;
+export declare const EnableCostIcon: IconType;
+export declare const EnableUserIcon: IconType;
+export declare const EndpointIcon: IconType;
+export declare const ErrorIcon: IconType;
+export declare const EventsIcon: IconType;
+export declare const ExpandIcon: IconType;
+export declare const ExpandVerticalIcon: IconType;
+export declare const ExpressionIcon: IconType;
+export declare const ExternalLinkIcon: IconType;
+export declare const EyeIcon: IconType;
+export declare const EyeOffIcon: IconType;
+export declare const FailIcon: IconType;
+export declare const FavoriteIcon: IconType;
+export declare const FavoriteOutlineIcon: IconType;
+export declare const FeaturedIcon: IconType;
+export declare const FileIcon: IconType;
+export declare const FilesIcon: IconType;
+export declare const FilesystemIcon: IconType;
+export declare const FileTextIcon: IconType;
+export declare const FilterClearIcon: IconType;
+export declare const FilterIcon: IconType;
+export declare const FlaskIcon: IconType;
+export declare const FolderIcon: IconType;
+export declare const FolderOpenIcon: IconType;
+export declare const FolderTreeIcon: IconType;
+export declare const ForbiddenIcon: IconType;
+export declare const ForkIcon: IconType;
+export declare const GearsIcon: IconType;
+export declare const GlobeIcon: IconType;
+export declare const GovernmentIcon: IconType;
+export declare const GraphIcon: IconType;
+export declare const GridIcon: IconType;
+export declare const HealthMonitoringIcon: IconType;
+export declare const HelpIcon: IconType;
+export declare const HistoryIcon: IconType;
+export declare const HomeIcon: IconType;
+export declare const IdCardIcon: IconType;
+export declare const ImageIcon: IconType;
+export declare const ImpersonateIcon: IconType;
+export declare const InboxIcon: IconType;
+export declare const IndexIcon: IconType;
+export declare const InfoIcon: IconType;
+export declare const InfrastructureLayersIcon: IconType;
+export declare const InputFormIcon: IconType;
+export declare const InstallIcon: IconType;
+export declare const InstanceIcon: IconType;
+export declare const InstanceTypeIcon: IconType;
+export declare const IpAddressIcon: IconType;
+export declare const IssueIcon: IconType;
+export declare const JobIcon: IconType;
+export declare const JsonIcon: IconType;
+export declare const KeyboardIcon: IconType;
+export declare const KeyIcon: IconType;
+export declare const KubernetesNamespaceIcon: IconType;
+export declare const LanguageIcon: IconType;
+export declare const LegalIcon: IconType;
+export declare const LicenseIcon: IconType;
+export declare const LinkIcon: IconType;
+export declare const ListViewIcon: IconType;
+export declare const LockIcon: IconType;
+export declare const MachineImageIcon: IconType;
+export declare const MailIcon: IconType;
+export declare const MapPinIcon: IconType;
+export declare const MarketplaceIcon: IconType;
+export declare const MatrixIcon: IconType;
+export declare const MegaphoneIcon: IconType;
+export declare const MFAIcon: IconType;
+export declare const MigrationIcon: IconType;
+export declare const MinimizeIcon: IconType;
+export declare const MinusIcon: IconType;
+export declare const MlIcon: IconType;
+export declare const MoneyIcon: IconType;
+export declare const MoonIcon: IconType;
+export declare const MoreIcon: IconType;
+export declare const MusicIcon: IconType;
+export declare const MuteIcon: IconType;
+export declare const NetworkInterfaceIcon: IconType;
+export declare const NewChatIcon: IconType;
+export declare const NodeIcon: IconType;
+export declare const NotebookIcon: IconType;
+export declare const NotificationIcon: IconType;
+export declare const NotRunningIcon: IconType;
+export declare const OnboardingIcon: IconType;
+export declare const OpenInNewGraphIcon: IconType;
+export declare const OrganizationIcon: IconType;
+export declare const PartnerIcon: IconType;
+export declare const PasswordIcon: IconType;
+export declare const PauseIcon: IconType;
+export declare const PdfIcon: IconType;
+export declare const PhoneIcon: IconType;
+export declare const PieChartIcon: IconType;
+export declare const PinFilledIcon: IconType;
+export declare const PinIcon: IconType;
+export declare const PowerIcon: IconType;
+export declare const PowershellIcon: IconType;
+export declare const PreviewIcon: IconType;
+export declare const PrintIcon: IconType;
+export declare const PublishIcon: IconType;
+export declare const PullRequestIcon: IconType;
+export declare const QRCodeIcon: IconType;
+export declare const QueueIcon: IconType;
+export declare const QuotaIcon: IconType;
+export declare const RedoIcon: IconType;
+export declare const RefreshIcon: IconType;
+export declare const RemoveIcon: IconType;
+export declare const RenameIcon: IconType;
+export declare const ResetLayoutIcon: IconType;
+export declare const ResourceGroupIcon: IconType;
+export declare const ResourceIcon: IconType;
+export declare const RetryIcon: IconType;
+export declare const RollbackIcon: IconType;
+export declare const RunningIcon: IconType;
+export declare const RunsIcon: IconType;
+export declare const RunWorkflowIcon: IconType;
+export declare const SaveIcon: IconType;
+export declare const SchedulerIcon: IconType;
+export declare const ScriptIcon: IconType;
+export declare const SearchIcon: IconType;
+export declare const SendIcon: IconType;
+export declare const ServiceIcon: IconType;
+export declare const SessionIcon: IconType;
+export declare const SettingsIcon: IconType;
+export declare const ShareIcon: IconType;
+export declare const ShieldIcon: IconType;
+export declare const ShieldOffIcon: IconType;
+export declare const ShrinkIcon: IconType;
+export declare const SidebarCloseIcon: IconType;
+export declare const SidebarIcon: IconType;
+export declare const SidebarOpenIcon: IconType;
+export declare const SignOutIcon: IconType;
+export declare const SkipIcon: IconType;
+export declare const SnapshotIcon: IconType;
+export declare const SortDownIcon: IconType;
+export declare const SortUnsortedIcon: IconType;
+export declare const SortUpIcon: IconType;
+export declare const SparklesIcon: IconType;
+export declare const SplitIcon: IconType;
+export declare const SpreadsheetIcon: IconType;
+export declare const StartIcon: IconType;
+export declare const StopIcon: IconType;
+export declare const StorageIcon: IconType;
+export declare const SubdomainIcon: IconType;
+export declare const SuccessIcon: IconType;
+export declare const SunIcon: IconType;
+export declare const TagIcon: IconType;
+export declare const TerminalIcon: IconType;
+export declare const ThinkingIcon: IconType;
+export declare const TrashIcon: IconType;
+export declare const TunnelIcon: IconType;
+export declare const UndoIcon: IconType;
+export declare const UnfavoriteIcon: IconType;
+export declare const UnlinkIcon: IconType;
+export declare const UnmuteIcon: IconType;
+export declare const UploadIcon: IconType;
+export declare const UserIcon: IconType;
+export declare const UsersIcon: IconType;
+export declare const UserWorkspaceIcon: IconType;
+export declare const VideoIcon: IconType;
+export declare const WarningIcon: IconType;
+export declare const WebhookIcon: IconType;
+export declare const ZapIcon: IconType;
+export declare const ZipIcon: IconType;
+export declare const ZoomInIcon: IconType;
+export declare const ZoomOutIcon: IconType;
+export { ErrorCheckmark, SuccessCheckmark } from './components/StatusIcons.js';