@parallelworks/ui 0.45.0 → 0.47.0

package/dist/components/Toast.js

@@ -135,7 +135,7 @@ function ToastViewport() {
 	return /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
 		"data-toast-viewport": "",
 		"aria-label": common.notifications,
-		className: "fixed inset-x-0 top-3 z-(--layer-toast) mx-auto w-[calc(100vw-2rem)] outline-none sm:w-96",
+		className: "fixed top-[calc(var(--app-inset-top,0px)+0.75rem)] right-0 left-(--app-inset-start,0px) z-(--layer-toast) mx-auto w-[calc(100vw-var(--app-inset-start,0px)-2rem)] outline-none sm:w-96",
 		children: /* @__PURE__ */ jsx(ToastList, {})
 	}) });
 }

package/dist/components/ToggleGroup.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+export interface ToggleGroupOption<T extends string> {
+    value: T;
+    label: string;
+    /** Before the label, such as a `StatusDot` in the status's tone or a provider's logo. */
+    icon?: ReactNode;
+    /** How many items the option matches, after the label. */
+    count?: number | undefined;
+    disabled?: boolean | undefined;
+    testId?: string;
+}
+export interface ToggleGroupProps<T extends string> {
+    /** Names the group for assistive technology. Leave it out inside a
+     *  `Field group`, whose legend names it. */
+    label?: string | undefined;
+    options: readonly ToggleGroupOption<T>[];
+    /** The pressed options. Empty filters nothing out. */
+    value: readonly T[];
+    /** Called with the pressed options in the order `options` lists them. */
+    onValueChange: (value: T[]) => void;
+    /** Several options may be pressed at once; `false` allows one or none. */
+    multiple?: boolean | undefined;
+    /** Leads with an "All" option, pressed while nothing else is, that clears
+     *  the others. `{ count }` shows the total beside it. */
+    all?: boolean | {
+        count?: number | undefined;
+    } | undefined;
+    size?: 'sm' | 'md' | undefined;
+    disabled?: boolean | undefined;
+    testId?: string;
+}
+/** Options that narrow a list, such as run statuses or job states, as a row of
+ *  toggle buttons that wraps on a narrow screen. Pressing one adds it to the
+ *  filter and pressing it again takes it out, so an empty filter shows
+ *  everything; with `multiple={false}` pressing one replaces the last. Each
+ *  option may carry an icon, such as a status dot, and a count.
+ *
+ *  Use `SegmentedControl` instead for a setting that always has exactly one
+ *  value, such as a time range, what to group by, or which view of the same
+ *  data to show. A filter that may be off, or takes several values, is a
+ *  `ToggleGroup`. */
+export declare function ToggleGroup<T extends string>({ label, options, value, onValueChange, multiple, all, size, disabled, testId, }: ToggleGroupProps<T>): import("react").JSX.Element;

package/dist/components/ToggleGroup.js

@@ -0,0 +1,69 @@
+import { cx } from "../cx.js";
+import { buttonClasses } from "./buttonClasses.js";
+import { useStrings } from "./Provider.js";
+import { formatCount } from "../format.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/components/ToggleGroup.tsx
+var ALL = "\0all";
+/** Options that narrow a list, such as run statuses or job states, as a row of
+*  toggle buttons that wraps on a narrow screen. Pressing one adds it to the
+*  filter and pressing it again takes it out, so an empty filter shows
+*  everything; with `multiple={false}` pressing one replaces the last. Each
+*  option may carry an icon, such as a status dot, and a count.
+*
+*  Use `SegmentedControl` instead for a setting that always has exactly one
+*  value, such as a time range, what to group by, or which view of the same
+*  data to show. A filter that may be off, or takes several values, is a
+*  `ToggleGroup`. */
+function ToggleGroup$1({ label, options, value, onValueChange, multiple = true, all = false, size = "sm", disabled = false, testId }) {
+	const strings = useStrings();
+	const allCount = typeof all === "object" ? all.count : void 0;
+	const pressed = all && value.length === 0 ? [ALL] : value;
+	return /* @__PURE__ */ jsxs(ToggleGroup, {
+		"aria-label": label,
+		"data-testid": testId,
+		className: "flex flex-wrap items-center gap-1",
+		multiple,
+		disabled,
+		value: pressed,
+		onValueChange: (next) => {
+			if (next.includes(ALL) && !pressed.includes(ALL)) {
+				onValueChange([]);
+				return;
+			}
+			onValueChange(options.filter((option) => next.includes(option.value)).map((option) => option.value));
+		},
+		children: [all && /* @__PURE__ */ jsx(Chip, {
+			value: ALL,
+			label: strings.common.all,
+			count: allCount,
+			size
+		}), options.map((option) => /* @__PURE__ */ jsx(Chip, {
+			...option,
+			size
+		}, option.value))]
+	});
+}
+function Chip({ value, label, icon, count, disabled, testId, size }) {
+	return /* @__PURE__ */ jsxs(Toggle, {
+		value,
+		disabled,
+		"data-testid": testId,
+		className: cx("group aria-pressed:bg-(--theme-accent-subtle)", buttonClasses({
+			variant: "outline",
+			size
+		})),
+		children: [
+			icon,
+			label,
+			count !== void 0 && /* @__PURE__ */ jsx("span", {
+				className: "tabular-nums text-(--theme-muted-text-color) group-aria-pressed:text-(--theme-app)",
+				children: formatCount(count)
+			})
+		]
+	});
+}
+//#endregion
+export { ToggleGroup$1 as ToggleGroup };

package/dist/components/comboboxItems.d.ts

@@ -15,7 +15,7 @@ export interface ComboboxGroup<Value = string> {
     /** Empty for a group that only reports a status; a search finds it by its heading. */
     items: readonly ComboboxLeaf<Value>[];
 }
-/** One item: an option, or a bare string labelled by its value. */
+/** One item: an option, or a bare string labeled by its value. */
 export type ComboboxLeaf<Value = string> = ComboboxItem<Value> | (Value & string);
 /** Items, groups under headings, or both: items between groups list where they sit, without a heading. */
 export type ComboboxItems<Value = string> = readonly (ComboboxLeaf<Value> | ComboboxGroup<Value>)[];

package/dist/components/fieldBox.js

@@ -16,7 +16,7 @@ var sizes = {
 		text: "text-sm"
 	}
 };
-var base = "w-full min-w-0 rounded-md border border-(--theme-border) bg-(--theme-input-bg) text-(--theme-app) outline-none transition-colors placeholder:text-(--theme-muted-text-color)";
+var base = "w-full min-w-0 rounded-md border border-(--theme-border) bg-(--theme-input-bg) text-(--theme-app) outline-none transition-colors placeholder:text-(--theme-placeholder)";
 var own = cx("focus-visible:border-(--theme-accent) focus-visible:ring-1 focus-visible:ring-(--theme-accent)", "aria-invalid:border-(--theme-error) aria-invalid:focus-visible:ring-(--theme-error)", "disabled:cursor-not-allowed disabled:bg-(--theme-input-disabled-bg) disabled:text-(--theme-placeholder)", "data-disabled:cursor-not-allowed data-disabled:bg-(--theme-input-disabled-bg) data-disabled:text-(--theme-placeholder)");
 var inside = cx("has-[:focus-visible]:border-(--theme-accent) has-[:focus-visible]:ring-1 has-[:focus-visible]:ring-(--theme-accent)", "has-[[aria-invalid=true]]:border-(--theme-error) has-[[aria-invalid=true]:focus-visible]:ring-(--theme-error)", "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-(--theme-input-disabled-bg) has-[input:disabled]:text-(--theme-placeholder)", "data-disabled:cursor-not-allowed data-disabled:bg-(--theme-input-disabled-bg) data-disabled:text-(--theme-placeholder)");
 /** The box every input-like control draws: text inputs, textareas, and the triggers of

package/dist/components/tone.d.ts

@@ -1,4 +1,4 @@
-/** How a status reads: its colours come from the theme's tone tokens, so every
+/** How a status reads: its colors come from the theme's tone tokens, so every
  *  theme, dark ones included, sets them once. */
 export type Tone = 'default' | 'success' | 'warning' | 'error' | 'info' | 'muted';
 /** Text in the tone, for a status line beside a dot or icon. */

package/dist/editing.d.ts

@@ -320,7 +320,7 @@ export type SettingsYamlProblem = {
 /** A key or list index on the way down to a YAML node. */
 export type YamlSegment = string | number;
 type UnknownRecord = Record<string, unknown>;
-/** One input a built-in action takes in its step's `with`, labelled in the reader's language. */
+/** One input a built-in action takes in its step's `with`, labeled in the reader's language. */
 export interface WorkflowActionInput {
     key: string;
     kind: 'text' | 'textarea' | 'number' | 'any' | 'list' | 'bool' | 'choice' | 'flags' | 'target';

package/dist/file-explorer/FileExplorerContext.js

@@ -107,7 +107,7 @@ function FileExplorerProvider({ children }) {
 		const fileProgress = session.progress.allFiles.get(relativePath);
 		if (fileProgress?.abortController && (fileProgress.status === "pending" || fileProgress.status === "uploading")) {
 			fileProgress.abortController.abort();
-			updateFileProgressInUploadSession(session, relativePath, { status: "cancelled" });
+			updateFileProgressInUploadSession(session, relativePath, { status: "canceled" });
 		}
 	};
 	const handleSessionCancel = (session) => {
@@ -116,12 +116,12 @@ function FileExplorerProvider({ children }) {
 				fileProgress.abortController.abort();
 				session.progress?.allFiles?.set(relativePath, {
 					...fileProgress,
-					status: "cancelled"
+					status: "canceled"
 				});
 			}
 		});
 		session.abortController?.abort();
-		session.status = "cancelled";
+		session.status = "canceled";
 	};
 	const startUploadSession = async (sessionId) => {
 		const session = getUploadSessionById(sessionId);
@@ -157,7 +157,7 @@ function FileExplorerProvider({ children }) {
 			const results = await mapWithConcurrency(session.uploadNodes, UPLOAD_CONCURRENCY, async (node) => {
 				const fileProgress = session.progress?.allFiles?.get(node.relativePath);
 				if (!fileProgress) return;
-				if (fileProgress.status === "cancelled") throw new Error("Upload cancelled by user");
+				if (fileProgress.status === "canceled") throw new Error("Upload canceled by user");
 				updateFileProgressInUploadSession(session, node.relativePath, {
 					status: "uploading",
 					loadedBytes: 0,
@@ -172,11 +172,11 @@ function FileExplorerProvider({ children }) {
 				}
 				const input = uploadFileInput(session.storageName, objectPath, node.file);
 				const onProgress = (progress) => {
-					if (session.status === "cancelled" || !session.progress?.allFiles) return;
+					if (session.status === "canceled" || !session.progress?.allFiles) return;
 					const currentFileProgress = session.progress.allFiles.get(node.relativePath);
 					if (!currentFileProgress || [
 						"failed",
-						"cancelled",
+						"canceled",
 						"completed"
 					].includes(currentFileProgress.status ?? "")) return;
 					updateFileProgressInUploadSession(session, node.relativePath, {
@@ -205,8 +205,8 @@ function FileExplorerProvider({ children }) {
 					updateFileProgressInUploadSession(session, node.relativePath, { status: "completed" });
 				} catch (error) {
 					const errorMessage = error instanceof Error ? error.message : String(error ?? "");
-					const isCancelled = errorMessage.toLowerCase().includes("abort") || errorMessage.toLowerCase().includes("cancel");
-					updateFileProgressInUploadSession(session, node.relativePath, { status: isCancelled ? "cancelled" : "failed" });
+					const isCanceled = errorMessage.toLowerCase().includes("abort") || errorMessage.toLowerCase().includes("cancel");
+					updateFileProgressInUploadSession(session, node.relativePath, { status: isCanceled ? "canceled" : "failed" });
 					toast.update(sessionId, {
 						message: progressToast({
 							...session,
@@ -218,7 +218,7 @@ function FileExplorerProvider({ children }) {
 							}
 						}),
 						icon: false,
-						dismissible: session.status === "failed" || session.status === "cancelled",
+						dismissible: session.status === "failed" || session.status === "canceled",
 						timeout: false
 					});
 					throw error;
@@ -267,12 +267,12 @@ function FileExplorerProvider({ children }) {
 			else if (abortedCount > 0 && successfulCount > 0) toast.update(sessionId, {
 				message: /* @__PURE__ */ jsxs("div", {
 					className: "w-full flex flex-col gap-1",
-					children: [/* @__PURE__ */ jsx("div", { children: t.upload.someUploaded(successfulCount) }), /* @__PURE__ */ jsx("div", { children: t.upload.someCancelled(abortedCount) })]
+					children: [/* @__PURE__ */ jsx("div", { children: t.upload.someUploaded(successfulCount) }), /* @__PURE__ */ jsx("div", { children: t.upload.someCanceled(abortedCount) })]
 				}),
 				tone: "success"
 			});
 			else if (abortedCount > 0 && successfulCount === 0) toast.update(sessionId, {
-				message: t.upload.allCancelled(abortedCount),
+				message: t.upload.allCanceled(abortedCount),
 				tone: "info"
 			});
 			else toast.update(sessionId, {

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

@@ -34,7 +34,7 @@ function useObjectBlobUrl(url, { maxBytes, knownSize, mimeType, cacheKey }) {
 			});
 			return;
 		}
-		let cancelled = false;
+		let canceled = false;
 		const record = loadPreviewContent(cacheKey, async (signal) => {
 			const response = await fetchPreviewObject(cacheKey, url, signal);
 			const { bytes, tooLarge: exceeded } = await readCappedBytes(response, maxBytes);
@@ -52,17 +52,17 @@ function useObjectBlobUrl(url, { maxBytes, knownSize, mimeType, cacheKey }) {
 			loading: true
 		});
 		record.promise.then((result) => {
-			if (!cancelled) setState(toState(result));
+			if (!canceled) setState(toState(result));
 		}).catch((err) => {
 			if (err instanceof DOMException && err.name === "AbortError") return;
-			if (!cancelled) setState({
+			if (!canceled) setState({
 				...IDLE,
 				error: err instanceof Error ? err.message : "Failed to load file",
 				corsError: err instanceof CorsError
 			});
 		});
 		return () => {
-			cancelled = true;
+			canceled = true;
 		};
 	}, [
 		url,

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

@@ -60,7 +60,7 @@ function useObjectText(url, { maxBytes, maxLines, knownSize, cacheKey, tail = fa
 			});
 			return;
 		}
-		let cancelled = false;
+		let canceled = false;
 		const record = loadPreviewContent(key, (signal) => readObjectText(signal, {
 			url,
 			cacheKey,
@@ -74,17 +74,17 @@ function useObjectText(url, { maxBytes, maxLines, knownSize, cacheKey, tail = fa
 			loading: true
 		});
 		record.promise.then((result) => {
-			if (!cancelled) setState(toState(result));
+			if (!canceled) setState(toState(result));
 		}).catch((err) => {
 			if (err instanceof DOMException && err.name === "AbortError") return;
-			if (!cancelled) setState({
+			if (!canceled) setState({
 				...IDLE,
 				error: err instanceof Error ? err.message : "Failed to load file",
 				corsError: err instanceof CorsError
 			});
 		});
 		return () => {
-			cancelled = true;
+			canceled = true;
 		};
 	}, [
 		url,

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

@@ -46,7 +46,7 @@ function usePresignedUrl(node, getPresignedUrl, { enabled, linkErrorMessage }) {
 			});
 			return;
 		}
-		let cancelled = false;
+		let canceled = false;
 		const record = loadPreviewUrl(path, () => getUrlRef.current(node));
 		setState(record.value ? toState(record.value, linkErrorRef.current) : {
 			url: null,
@@ -54,16 +54,16 @@ function usePresignedUrl(node, getPresignedUrl, { enabled, linkErrorMessage }) {
 			error: null
 		});
 		record.promise.then((result) => {
-			if (!cancelled) setState(toState(result, linkErrorRef.current));
+			if (!canceled) setState(toState(result, linkErrorRef.current));
 		}).catch((err) => {
-			if (!cancelled) setState({
+			if (!canceled) setState({
 				url: null,
 				loading: false,
 				error: err instanceof Error ? err.message : linkErrorRef.current
 			});
 		});
 		return () => {
-			cancelled = true;
+			canceled = true;
 		};
 	}, [path]);
 	const cached = path ? peekPreviewUrl(path) : void 0;

package/dist/file-explorer/lib/types.d.ts

@@ -79,14 +79,14 @@ export interface UploadFileProgress {
     totalBytes?: number;
     percentage?: number;
     abortController?: AbortController;
-    status?: 'pending' | 'uploading' | 'completed' | 'failed' | 'cancelled';
+    status?: 'pending' | 'uploading' | 'completed' | 'failed' | 'canceled';
 }
 export interface UploadSession {
     id: string;
     storageName: string;
     targetPath: string;
     uploadNodes: UploadNode[];
-    status: 'queued' | 'uploading' | 'completed' | 'failed' | 'cancelled';
+    status: 'queued' | 'uploading' | 'completed' | 'failed' | 'canceled';
     queueIndex: number;
     client: IFileExplorerClient;
     provider: IFileExplorerProvider;

package/dist/file-explorer/toasts.js

@@ -42,9 +42,9 @@ function getSessionStatusInfo(session, queueLength, strings) {
 		};
 	}
 }
-function barTone({ isCompleted, isCancelled, isFailed }) {
+function barTone({ isCompleted, isCanceled, isFailed }) {
 	if (isCompleted) return "success";
-	if (isCancelled) return "muted";
+	if (isCanceled) return "muted";
 	return isFailed ? "error" : "accent";
 }
 function FileProgressBar({ fileProgress, fileName, onCancelFile }) {
@@ -55,9 +55,9 @@ function FileProgressBar({ fileProgress, fileName, onCancelFile }) {
 	const loadedBytes = fileProgress.loadedBytes || 0;
 	const totalBytes = fileProgress.fileSizeBytes || fileProgress.totalBytes || 0;
 	const isCompleted = percentage === 100 || fileProgress.status === "completed";
-	const isCancelled = fileProgress.status === "cancelled";
+	const isCanceled = fileProgress.status === "canceled";
 	const isFailed = fileProgress.status === "failed";
-	const isSettled = isCompleted || isCancelled || isFailed;
+	const isSettled = isCompleted || isCanceled || isFailed;
 	const canCancel = !!fileProgress.abortController && !isSettled;
 	const stop = (e, then) => {
 		e.stopPropagation();
@@ -71,11 +71,11 @@ function FileProgressBar({ fileProgress, fileName, onCancelFile }) {
 				value: percentage,
 				tone: barTone({
 					isCompleted,
-					isCancelled,
+					isCanceled,
 					isFailed
 				}),
 				label: fileName,
-				status: isCancelled ? strings.cancelled : isCompleted ? strings.completed : isFailed ? strings.failed : void 0,
+				status: isCanceled ? strings.canceled : isCompleted ? strings.completed : isFailed ? strings.failed : void 0,
 				detail: !isSettled && totalBytes > 0 ? `${formatBytes(loadedBytes)} / ${formatBytes(totalBytes)}` : void 0
 			}),
 			!showCancelConfirm && canCancel && /* @__PURE__ */ jsx(IconButton, {
@@ -120,14 +120,14 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 	const statusInfo = getSessionStatusInfo(session, queueLength, strings);
 	const targetPath = `${session.targetPath}/`;
 	const isCompleted = session.status === "completed";
-	const isCancelled = session.status === "cancelled";
+	const isCanceled = session.status === "canceled";
 	const isFailed = session.status === "failed";
-	const isUploading = !isCompleted && !isCancelled && !isFailed;
+	const isUploading = !isCompleted && !isCanceled && !isFailed;
 	const totalProgress = session.progress?.overallProgress || 0;
 	const totalSize = session.progress?.totalSizeBytes || 0;
 	const sessionTone = barTone({
 		isCompleted,
-		isCancelled,
+		isCanceled,
 		isFailed
 	});
 	const allFiles = session.progress?.allFiles ? Array.from(session.progress.allFiles.values()) : [];

package/dist/form/Fields/BooleanField.js

@@ -1,6 +1,6 @@
 import { Tooltip } from "../../components/Tooltip.js";
-import { Switch } from "../../components/Switch.js";
 import { Field } from "../../components/Field.js";
+import { Switch } from "../../components/Switch.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { jsx } from "react/jsx-runtime";

package/dist/form/Fields/ColorField.js

@@ -1,6 +1,5 @@
-import { cx } from "../../cx.js";
-import { fieldBox } from "../../components/fieldBox.js";
 import { Field } from "../../components/Field.js";
+import { ColorInput } from "../../components/ColorInput.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { jsx } from "react/jsx-runtime";
@@ -8,20 +7,17 @@ import { jsx } from "react/jsx-runtime";
 function ColorField(props) {
 	const { field, disabled, onChange } = props;
 	const [value, change] = useFieldValue(field.name ?? "");
-	const handleChange = (e) => {
-		onChange?.(e.target.value);
-		change(e.target.value);
-	};
 	return /* @__PURE__ */ jsx(Field, {
 		...fieldFrame(props),
-		children: (control) => /* @__PURE__ */ jsx("input", {
+		children: (control) => /* @__PURE__ */ jsx(ColorInput, {
 			...control,
-			className: cx(fieldBox(), "w-18 cursor-pointer p-1"),
 			name: field.name,
 			value: value || "#fbbf24",
-			type: "color",
 			disabled,
-			onChange: handleChange
+			onValueChange: (color) => {
+				onChange?.(color);
+				change(color);
+			}
 		})
 	});
 }

package/dist/form/Fields/DropdownField.js

@@ -1,5 +1,5 @@
-import { Autocomplete, Combobox } from "../../components/Combobox.js";
 import { Field } from "../../components/Field.js";
+import { Autocomplete, Combobox } from "../../components/Combobox.js";
 import { toFieldItems } from "../utils/fieldItems.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useChoiceField } from "../useChoiceField.js";

package/dist/form/Fields/DurationField.js

@@ -1,7 +1,7 @@
 import { useStrings } from "../../components/Provider.js";
 import { Checkbox } from "../../components/Checkbox.js";
-import { fieldBox } from "../../components/fieldBox.js";
 import { Field, FieldOption } from "../../components/Field.js";
+import { fieldBox } from "../../components/fieldBox.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { formatDurationText, parseDurationText } from "../utils/duration.js";

package/dist/form/Fields/MultiDropdownField.js

@@ -1,5 +1,5 @@
-import { Combobox } from "../../components/Combobox.js";
 import { Field } from "../../components/Field.js";
+import { Combobox } from "../../components/Combobox.js";
 import { toFieldItems } from "../utils/fieldItems.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";

package/dist/form/Fields/StringField.js

@@ -1,6 +1,6 @@
 import { cx } from "../../cx.js";
-import { fieldBox } from "../../components/fieldBox.js";
 import { Field, RevealToggle } from "../../components/Field.js";
+import { fieldBox } from "../../components/fieldBox.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { getPlaceholder } from "../utils/getPlaceholder.js";

package/dist/form/Fields/TextAreaField.js

@@ -1,6 +1,6 @@
 import { cx } from "../../cx.js";
-import { fieldBox } from "../../components/fieldBox.js";
 import { Field } from "../../components/Field.js";
+import { fieldBox } from "../../components/fieldBox.js";
 import { fieldFrame } from "../fieldFrame.js";
 import { useFieldValue } from "../useFieldValue.js";
 import { getPlaceholder } from "../utils/getPlaceholder.js";

package/dist/form/Form.js

@@ -2,8 +2,8 @@ import { cx } from "../cx.js";
 import { Loader } from "../components/Loader.js";
 import { useStrings, useWorkflowEngine } from "../components/Provider.js";
 import { Button } from "../components/Button.js";
-import { InfoTip } from "../components/InfoTip.js";
 import { FieldRowContext } from "../components/Field.js";
+import { InfoTip } from "../components/InfoTip.js";
 import { Section } from "../components/Section.js";
 import { parseWizardConfig } from "./Wizard/utils.js";
 import { inputWidth, resolvedFlag } from "./lib.js";

package/dist/form/utils/fieldItems.d.ts

@@ -17,7 +17,7 @@ export interface FieldOptionGroup<Value = string> {
     category?: string | undefined;
     options: readonly (FieldOptionItem<Value> | string)[];
 }
-/** A dropdown option: a bare string is a choice labelled by its value. */
+/** A dropdown option: a bare string is a choice labeled by its value. */
 export type FieldOption<Value = string> = string | FieldOptionItem<Value> | FieldOptionGroup<Value>;
 /** A picker item that also sets other fields when chosen, through `secondaryField`. */
 export type ChoiceItem<Value = unknown> = ComboboxItem<Value> & {

package/dist/graph/GraphEditorDialogs.js

@@ -3,8 +3,8 @@ import { withPositionKeys } from "../components/keys.js";
 import { useWorkflowActions, useWorkflowEditing } from "../components/Provider.js";
 import { Checkbox } from "../components/Checkbox.js";
 import { ErrorText, FieldOption } from "../components/Field.js";
-import { IconButton } from "../components/IconButton.js";
 import { Input } from "../components/Input.js";
+import { IconButton } from "../components/IconButton.js";
 import { Select } from "../components/Select.js";
 import { useGraphEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";

package/dist/graph/InputDialog.js

@@ -3,10 +3,10 @@ import { ArrowDownIcon, ArrowUpIcon, EditIcon, RemoveIcon, TrashIcon } from "../
 import { withPositionKeys } from "../components/keys.js";
 import { useWorkflowEditing, useWorkflowEngine } from "../components/Provider.js";
 import { Checkbox, CheckboxGroup } from "../components/Checkbox.js";
-import { Combobox } from "../components/Combobox.js";
 import { ErrorText, Field, FieldOption } from "../components/Field.js";
-import { IconButton } from "../components/IconButton.js";
 import { Input, Textarea } from "../components/Input.js";
+import { Combobox } from "../components/Combobox.js";
+import { IconButton } from "../components/IconButton.js";
 import { useGraphEditorStrings, useInputsEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";
 import { INPUT_YAML_PATH } from "../editor/settingsYaml.js";

package/dist/graph/SuggestionInput.d.ts

@@ -4,7 +4,7 @@ export interface Suggestion {
     value: string;
     label?: string | undefined;
 }
-/** A labelled suggestion shows its meaning, with the value it writes beneath. */
+/** A labeled suggestion shows its meaning, with the value it writes beneath. */
 export declare function suggestionItems(suggestions: Suggestion[]): ComboboxItem[];
 /** A field that takes any typed value, offering `suggestions` as it's typed. */
 export declare function SuggestionInput({ suggestions, ...props }: Omit<AutocompleteProps, 'items' | 'defaultValue'> & {

package/dist/graph/SuggestionInput.js

@@ -1,7 +1,7 @@
 import { Autocomplete } from "../components/Combobox.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/graph/SuggestionInput.tsx
-/** A labelled suggestion shows its meaning, with the value it writes beneath. */
+/** A labeled suggestion shows its meaning, with the value it writes beneath. */
 function suggestionItems(suggestions) {
 	return suggestions.map(({ value, label }) => label ? {
 		value,

package/dist/graph/WorkflowSettingsDialog.js

@@ -1,8 +1,8 @@
 import { RemoveIcon } from "../icons.js";
 import { useWorkflowEditing } from "../components/Provider.js";
 import { ErrorText } from "../components/Field.js";
-import { IconButton } from "../components/IconButton.js";
 import { Input } from "../components/Input.js";
+import { IconButton } from "../components/IconButton.js";
 import { useGraphEditorStrings, useInputsEditorStrings } from "./editorStrings.js";
 import { asRecord } from "./records.js";
 import { SETTINGS_YAML_PATH } from "../editor/settingsYaml.js";

package/dist/graph/editorFields.js

@@ -3,11 +3,11 @@ import { withPositionKeys } from "../components/keys.js";
 import { Tooltip } from "../components/Tooltip.js";
 import { Button } from "../components/Button.js";
 import { Checkbox } from "../components/Checkbox.js";
+import { ErrorText, Field } from "../components/Field.js";
+import { Input, Textarea } from "../components/Input.js";
 import { Modal, ModalTitle } from "../components/Modal.js";
 import { Switch } from "../components/Switch.js";
-import { ErrorText, Field } from "../components/Field.js";
 import { IconButton } from "../components/IconButton.js";
-import { Input, Textarea } from "../components/Input.js";
 import { Section } from "../components/Section.js";
 import { SegmentedControl } from "../components/SegmentedControl.js";
 import { useGraphEditorStrings } from "./editorStrings.js";

package/dist/graph/editorPrimitives.d.ts

@@ -33,7 +33,7 @@ interface DragOptions {
     onMove?: (client: Point) => void;
     /** The release; `dragged` tells a drag from a click. */
     onEnd?: (client: Point, dragged: boolean) => void;
-    /** A cancelled pointer, or Escape when `escape` is on. */
+    /** A canceled pointer, or Escape when `escape` is on. */
     onCancel?: (dragged: boolean) => void;
     /** Escape cancels the press, and goes no further. */
     escape?: boolean;
@@ -42,7 +42,7 @@ interface DragOptions {
     /** The click after the release: swallowed always, only after a drag, or never. */
     swallowClick?: 'always' | 'drag' | 'never';
 }
-/** Follows a press from `start` until it's released or cancelled. */
+/** Follows a press from `start` until it's released or canceled. */
 export declare function trackDrag(start: Point, { onMove, onEnd, onCancel, escape: cancelOnEscape, holdText, swallowClick, }: DragOptions): void;
 export declare function place(box: Box): {
     left: number;

package/dist/graph/editorPrimitives.js

@@ -69,7 +69,7 @@ function suppressNextClick() {
 	window.addEventListener("click", swallow, true);
 	setTimeout(() => window.removeEventListener("click", swallow, true), 0);
 }
-/** Follows a press from `start` until it's released or cancelled. */
+/** Follows a press from `start` until it's released or canceled. */
 function trackDrag(start, { onMove, onEnd, onCancel, escape: cancelOnEscape = false, holdText, swallowClick = "never" }) {
 	let dragged = false;
 	const cleanup = () => {

package/dist/graph/editorStrings.d.ts

@@ -203,14 +203,14 @@ export declare const GRAPH_EDITOR_STRINGS: {
         default: string;
         always: string;
         failure: string;
-        cancelled: string;
+        canceled: string;
         success: string;
     };
     jobConditions: {
         default: string;
         always: string;
         failure: string;
-        cancelled: string;
+        canceled: string;
         success: string;
     };
     modeFromInput: string;