chroma-panel 0.1.0

package/dist/modes/image/index.cjs

@@ -0,0 +1,193 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_context = require("../../core/context.cjs");
+const require_icons = require("../../primitives/icons.cjs");
+const require_SwatchGrid = require("../../primitives/SwatchGrid.cjs");
+const require_extract = require("../../image/extract.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/modes/image/index.tsx
+const kept = /* @__PURE__ */ new WeakMap();
+const EMPTY = {
+	status: "idle",
+	message: "",
+	swatches: [],
+	preview: null
+};
+function ImagePanel(props) {
+	const { extractOptions } = props;
+	const { idPrefix, disabled } = require_context.usePanel();
+	const inputId = `${idPrefix}-image-file`;
+	const { store } = require_context.usePanel();
+	const restored = kept.get(store) ?? EMPTY;
+	const [status, setStatus] = react.useState(restored.status);
+	const [message, setMessage] = react.useState(restored.message);
+	const [swatches, setSwatches] = react.useState(restored.swatches);
+	const [preview, setPreview] = react.useState(restored.preview);
+	const inputRef = react.useRef(null);
+	react.useEffect(() => {
+		if (preview === null && status === "idle") kept.delete(store);
+		else kept.set(store, {
+			status,
+			message,
+			swatches,
+			preview
+		});
+	}, [
+		store,
+		status,
+		message,
+		swatches,
+		preview
+	]);
+	const controller = react.useRef(null);
+	const previewUrl = react.useRef(restored.preview);
+	const releasePreview = react.useCallback(() => {
+		if (previewUrl.current !== null) {
+			URL.revokeObjectURL(previewUrl.current);
+			previewUrl.current = null;
+		}
+	}, []);
+	react.useEffect(() => {
+		return () => {
+			controller.current?.abort();
+		};
+	}, []);
+	const run = react.useCallback(async (file) => {
+		controller.current?.abort();
+		const next = new AbortController();
+		controller.current = next;
+		releasePreview();
+		const url = URL.createObjectURL(file);
+		previewUrl.current = url;
+		setPreview(url);
+		setStatus("working");
+		setMessage("");
+		try {
+			const result = await require_extract.extractPalette(file, {
+				maxColors: 10,
+				...extractOptions,
+				signal: next.signal
+			});
+			if (next.signal.aborted) return;
+			setSwatches(result.swatches);
+			setStatus(result.swatches.length > 0 ? "ready" : "error");
+			if (result.swatches.length === 0) setMessage("No opaque pixels found in that image.");
+		} catch (error) {
+			if (next.signal.aborted) return;
+			setStatus("error");
+			setMessage(error instanceof Error ? error.message : "Could not read that image.");
+		}
+	}, [extractOptions, releasePreview]);
+	const onFiles = (files) => {
+		const file = files?.[0];
+		if (file !== void 0) run(file);
+	};
+	const clear = () => {
+		controller.current?.abort();
+		releasePreview();
+		setPreview(null);
+		setSwatches([]);
+		setMessage("");
+		setStatus("idle");
+		if (inputRef.current !== null) inputRef.current.value = "";
+	};
+	const dragDepth = react.useRef(0);
+	const [dragging, setDragging] = react.useState(false);
+	const endDrag = () => {
+		dragDepth.current = 0;
+		setDragging(false);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "cp-panel",
+		onDragEnter: (e) => {
+			e.preventDefault();
+			if (disabled) return;
+			dragDepth.current += 1;
+			setDragging(true);
+		},
+		onDragOver: (e) => e.preventDefault(),
+		onDragLeave: () => {
+			dragDepth.current -= 1;
+			if (dragDepth.current <= 0) endDrag();
+		},
+		onDrop: (e) => {
+			e.preventDefault();
+			endDrag();
+			if (!disabled) onFiles(e.dataTransfer.files);
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "status",
+				"aria-live": "polite",
+				className: "cp-visually-hidden",
+				children: [
+					status === "working" ? "Extracting colours" : "",
+					status === "ready" ? `${swatches.length} colours extracted` : "",
+					status === "error" ? message : ""
+				]
+			}),
+			preview === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "cp-dropzone",
+				htmlFor: inputId,
+				"data-cp-dragging": dragging ? "true" : void 0,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, { name: "image" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "cp-dropzone-title",
+						children: status === "working" ? "Reading image…" : "Drop an image here"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "cp-dropzone-hint",
+						children: status === "error" ? message : "or click to choose a file"
+					})
+				]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "cp-image-preview",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					src: preview,
+					alt: ""
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "cp-image-remove",
+					"aria-label": "Remove image",
+					title: "Remove image",
+					disabled,
+					onClick: clear,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, { name: "x" })
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref: inputRef,
+				id: inputId,
+				className: "cp-visually-hidden",
+				type: "file",
+				accept: "image/*",
+				disabled,
+				onChange: (e) => onFiles(e.currentTarget.files)
+			}),
+			preview !== null && status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "cp-empty",
+				children: message
+			}),
+			status === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SwatchGrid.SwatchGrid, {
+				swatches: swatches.map((s) => ({
+					color: s.hex,
+					name: s.hex
+				})),
+				label: "Extracted colours",
+				columns: 5
+			})
+		]
+	});
+}
+const imageMode = {
+	id: "image",
+	label: "Image",
+	icon: require_icons.ImageIcon,
+	Panel: ImagePanel
+};
+//#endregion
+exports.ImagePanel = ImagePanel;
+exports.imageMode = imageMode;

package/dist/modes/image/index.d.cts

@@ -0,0 +1,10 @@
+import { ExtractOptions } from "../../image/extract.cjs";
+import { PickerMode } from "../registry.cjs";
+import * as React from "react";
+//#region src/modes/image/index.d.ts
+export interface ImagePanelProps {
+  extractOptions?: ExtractOptions;
+}
+export declare function ImagePanel(props: ImagePanelProps): React.ReactElement;
+export declare const imageMode: PickerMode;
+//#endregion

package/dist/modes/image/index.d.ts

@@ -0,0 +1,10 @@
+import { ExtractOptions } from "../../image/extract.js";
+import { PickerMode } from "../registry.js";
+import * as React from "react";
+//#region src/modes/image/index.d.ts
+export interface ImagePanelProps {
+  extractOptions?: ExtractOptions;
+}
+export declare function ImagePanel(props: ImagePanelProps): React.ReactElement;
+export declare const imageMode: PickerMode;
+//#endregion

package/dist/modes/image/index.js

@@ -0,0 +1,191 @@
+"use client";
+import { usePanel } from "../../core/context.js";
+import { Icon, ImageIcon } from "../../primitives/icons.js";
+import { SwatchGrid } from "../../primitives/SwatchGrid.js";
+import { extractPalette } from "../../image/extract.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/modes/image/index.tsx
+const kept = /* @__PURE__ */ new WeakMap();
+const EMPTY = {
+	status: "idle",
+	message: "",
+	swatches: [],
+	preview: null
+};
+function ImagePanel(props) {
+	const { extractOptions } = props;
+	const { idPrefix, disabled } = usePanel();
+	const inputId = `${idPrefix}-image-file`;
+	const { store } = usePanel();
+	const restored = kept.get(store) ?? EMPTY;
+	const [status, setStatus] = React.useState(restored.status);
+	const [message, setMessage] = React.useState(restored.message);
+	const [swatches, setSwatches] = React.useState(restored.swatches);
+	const [preview, setPreview] = React.useState(restored.preview);
+	const inputRef = React.useRef(null);
+	React.useEffect(() => {
+		if (preview === null && status === "idle") kept.delete(store);
+		else kept.set(store, {
+			status,
+			message,
+			swatches,
+			preview
+		});
+	}, [
+		store,
+		status,
+		message,
+		swatches,
+		preview
+	]);
+	const controller = React.useRef(null);
+	const previewUrl = React.useRef(restored.preview);
+	const releasePreview = React.useCallback(() => {
+		if (previewUrl.current !== null) {
+			URL.revokeObjectURL(previewUrl.current);
+			previewUrl.current = null;
+		}
+	}, []);
+	React.useEffect(() => {
+		return () => {
+			controller.current?.abort();
+		};
+	}, []);
+	const run = React.useCallback(async (file) => {
+		controller.current?.abort();
+		const next = new AbortController();
+		controller.current = next;
+		releasePreview();
+		const url = URL.createObjectURL(file);
+		previewUrl.current = url;
+		setPreview(url);
+		setStatus("working");
+		setMessage("");
+		try {
+			const result = await extractPalette(file, {
+				maxColors: 10,
+				...extractOptions,
+				signal: next.signal
+			});
+			if (next.signal.aborted) return;
+			setSwatches(result.swatches);
+			setStatus(result.swatches.length > 0 ? "ready" : "error");
+			if (result.swatches.length === 0) setMessage("No opaque pixels found in that image.");
+		} catch (error) {
+			if (next.signal.aborted) return;
+			setStatus("error");
+			setMessage(error instanceof Error ? error.message : "Could not read that image.");
+		}
+	}, [extractOptions, releasePreview]);
+	const onFiles = (files) => {
+		const file = files?.[0];
+		if (file !== void 0) run(file);
+	};
+	const clear = () => {
+		controller.current?.abort();
+		releasePreview();
+		setPreview(null);
+		setSwatches([]);
+		setMessage("");
+		setStatus("idle");
+		if (inputRef.current !== null) inputRef.current.value = "";
+	};
+	const dragDepth = React.useRef(0);
+	const [dragging, setDragging] = React.useState(false);
+	const endDrag = () => {
+		dragDepth.current = 0;
+		setDragging(false);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "cp-panel",
+		onDragEnter: (e) => {
+			e.preventDefault();
+			if (disabled) return;
+			dragDepth.current += 1;
+			setDragging(true);
+		},
+		onDragOver: (e) => e.preventDefault(),
+		onDragLeave: () => {
+			dragDepth.current -= 1;
+			if (dragDepth.current <= 0) endDrag();
+		},
+		onDrop: (e) => {
+			e.preventDefault();
+			endDrag();
+			if (!disabled) onFiles(e.dataTransfer.files);
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				role: "status",
+				"aria-live": "polite",
+				className: "cp-visually-hidden",
+				children: [
+					status === "working" ? "Extracting colours" : "",
+					status === "ready" ? `${swatches.length} colours extracted` : "",
+					status === "error" ? message : ""
+				]
+			}),
+			preview === null ? /* @__PURE__ */ jsxs("label", {
+				className: "cp-dropzone",
+				htmlFor: inputId,
+				"data-cp-dragging": dragging ? "true" : void 0,
+				children: [
+					/* @__PURE__ */ jsx(Icon, { name: "image" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "cp-dropzone-title",
+						children: status === "working" ? "Reading image…" : "Drop an image here"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "cp-dropzone-hint",
+						children: status === "error" ? message : "or click to choose a file"
+					})
+				]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "cp-image-preview",
+				children: [/* @__PURE__ */ jsx("img", {
+					src: preview,
+					alt: ""
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "cp-image-remove",
+					"aria-label": "Remove image",
+					title: "Remove image",
+					disabled,
+					onClick: clear,
+					children: /* @__PURE__ */ jsx(Icon, { name: "x" })
+				})]
+			}),
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				id: inputId,
+				className: "cp-visually-hidden",
+				type: "file",
+				accept: "image/*",
+				disabled,
+				onChange: (e) => onFiles(e.currentTarget.files)
+			}),
+			preview !== null && status === "error" && /* @__PURE__ */ jsx("p", {
+				className: "cp-empty",
+				children: message
+			}),
+			status === "ready" && /* @__PURE__ */ jsx(SwatchGrid, {
+				swatches: swatches.map((s) => ({
+					color: s.hex,
+					name: s.hex
+				})),
+				label: "Extracted colours",
+				columns: 5
+			})
+		]
+	});
+}
+const imageMode = {
+	id: "image",
+	label: "Image",
+	icon: ImageIcon,
+	Panel: ImagePanel
+};
+//#endregion
+export { ImagePanel, imageMode };
+

package/dist/modes/palettes/index.cjs

@@ -0,0 +1,76 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_context = require("../../core/context.cjs");
+const require_icons = require("../../primitives/icons.cjs");
+const require_defaults = require("../../data/defaults.cjs");
+const require_SwatchGrid = require("../../primitives/SwatchGrid.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/modes/palettes/index.tsx
+function normalise(colors) {
+	return colors.map((entry) => typeof entry === "string" ? { color: entry } : {
+		color: entry.color,
+		name: entry.name
+	});
+}
+function PalettesPanel() {
+	const { options, idPrefix } = require_context.usePanel();
+	const [query, setQuery] = react.useState("");
+	const searchId = `${idPrefix}-palette-search`;
+	const groups = react.useMemo(() => {
+		const needle = query.trim().toLowerCase();
+		return (options.palettes ?? require_defaults.defaultPalettes()).map((palette) => ({
+			name: palette.name,
+			swatches: normalise(palette.colors).filter((s) => needle === "" || s.color.toLowerCase().includes(needle) || (s.name ?? "").toLowerCase().includes(needle))
+		})).filter((group) => group.swatches.length > 0);
+	}, [options.palettes, query]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "cp-panel",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "cp-field",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				className: "cp-field-label",
+				htmlFor: searchId,
+				children: "Search"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				id: searchId,
+				className: "cp-input",
+				type: "search",
+				placeholder: "Name or hex",
+				value: query,
+				onChange: (e) => setQuery(e.currentTarget.value)
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "cp-scroll",
+			children: groups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "cp-empty",
+				children: [
+					"No colours match “",
+					query,
+					"”."
+				]
+			}) : groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "cp-group",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+					className: "cp-group-title",
+					children: group.name
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SwatchGrid.SwatchGrid, {
+					swatches: group.swatches,
+					label: group.name,
+					columns: 6,
+					variant: "spaced"
+				})]
+			}, group.name))
+		})]
+	});
+}
+const palettesMode = {
+	id: "palettes",
+	label: "Palettes",
+	icon: require_icons.PalettesIcon,
+	Panel: PalettesPanel
+};
+//#endregion
+exports.PalettesPanel = PalettesPanel;
+exports.palettesMode = palettesMode;

package/dist/modes/palettes/index.d.cts

@@ -0,0 +1,6 @@
+import { PickerMode } from "../registry.cjs";
+import * as React from "react";
+//#region src/modes/palettes/index.d.ts
+export declare function PalettesPanel(): React.ReactElement;
+export declare const palettesMode: PickerMode;
+//#endregion

package/dist/modes/palettes/index.d.ts

@@ -0,0 +1,6 @@
+import { PickerMode } from "../registry.js";
+import * as React from "react";
+//#region src/modes/palettes/index.d.ts
+export declare function PalettesPanel(): React.ReactElement;
+export declare const palettesMode: PickerMode;
+//#endregion

package/dist/modes/palettes/index.js

@@ -0,0 +1,74 @@
+"use client";
+import { usePanel } from "../../core/context.js";
+import { PalettesIcon } from "../../primitives/icons.js";
+import { defaultPalettes } from "../../data/defaults.js";
+import { SwatchGrid } from "../../primitives/SwatchGrid.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/modes/palettes/index.tsx
+function normalise(colors) {
+	return colors.map((entry) => typeof entry === "string" ? { color: entry } : {
+		color: entry.color,
+		name: entry.name
+	});
+}
+function PalettesPanel() {
+	const { options, idPrefix } = usePanel();
+	const [query, setQuery] = React.useState("");
+	const searchId = `${idPrefix}-palette-search`;
+	const groups = React.useMemo(() => {
+		const needle = query.trim().toLowerCase();
+		return (options.palettes ?? defaultPalettes()).map((palette) => ({
+			name: palette.name,
+			swatches: normalise(palette.colors).filter((s) => needle === "" || s.color.toLowerCase().includes(needle) || (s.name ?? "").toLowerCase().includes(needle))
+		})).filter((group) => group.swatches.length > 0);
+	}, [options.palettes, query]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "cp-panel",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "cp-field",
+			children: [/* @__PURE__ */ jsx("label", {
+				className: "cp-field-label",
+				htmlFor: searchId,
+				children: "Search"
+			}), /* @__PURE__ */ jsx("input", {
+				id: searchId,
+				className: "cp-input",
+				type: "search",
+				placeholder: "Name or hex",
+				value: query,
+				onChange: (e) => setQuery(e.currentTarget.value)
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "cp-scroll",
+			children: groups.length === 0 ? /* @__PURE__ */ jsxs("p", {
+				className: "cp-empty",
+				children: [
+					"No colours match “",
+					query,
+					"”."
+				]
+			}) : groups.map((group) => /* @__PURE__ */ jsxs("section", {
+				className: "cp-group",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "cp-group-title",
+					children: group.name
+				}), /* @__PURE__ */ jsx(SwatchGrid, {
+					swatches: group.swatches,
+					label: group.name,
+					columns: 6,
+					variant: "spaced"
+				})]
+			}, group.name))
+		})]
+	});
+}
+const palettesMode = {
+	id: "palettes",
+	label: "Palettes",
+	icon: PalettesIcon,
+	Panel: PalettesPanel
+};
+//#endregion
+export { PalettesPanel, palettesMode };
+

package/dist/modes/pencils/index.cjs

@@ -0,0 +1,36 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_context = require("../../core/context.cjs");
+const require_icons = require("../../primitives/icons.cjs");
+const require_defaults = require("../../data/defaults.cjs");
+const require_SwatchGrid = require("../../primitives/SwatchGrid.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/modes/pencils/index.tsx
+function PencilsPanel() {
+	const { options } = require_context.usePanel();
+	const swatches = react.useMemo(() => (options.pencils ?? require_defaults.defaultPencils()).map((color) => ({ color })), [options.pencils]);
+	if (swatches.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "cp-empty",
+		children: "No pencils configured."
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "cp-panel",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SwatchGrid.SwatchGrid, {
+			swatches,
+			label: "Pencils",
+			columns: 12,
+			variant: "mosaic"
+		})
+	});
+}
+const pencilsMode = {
+	id: "pencils",
+	label: "Pencils",
+	icon: require_icons.PencilsIcon,
+	Panel: PencilsPanel
+};
+//#endregion
+exports.PencilsPanel = PencilsPanel;
+exports.pencilsMode = pencilsMode;

package/dist/modes/pencils/index.d.cts

@@ -0,0 +1,6 @@
+import { PickerMode } from "../registry.cjs";
+import * as React from "react";
+//#region src/modes/pencils/index.d.ts
+export declare function PencilsPanel(): React.ReactElement;
+export declare const pencilsMode: PickerMode;
+//#endregion

package/dist/modes/pencils/index.d.ts

@@ -0,0 +1,6 @@
+import { PickerMode } from "../registry.js";
+import * as React from "react";
+//#region src/modes/pencils/index.d.ts
+export declare function PencilsPanel(): React.ReactElement;
+export declare const pencilsMode: PickerMode;
+//#endregion

package/dist/modes/pencils/index.js

@@ -0,0 +1,34 @@
+"use client";
+import { usePanel } from "../../core/context.js";
+import { PencilsIcon } from "../../primitives/icons.js";
+import { defaultPencils } from "../../data/defaults.js";
+import { SwatchGrid } from "../../primitives/SwatchGrid.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/modes/pencils/index.tsx
+function PencilsPanel() {
+	const { options } = usePanel();
+	const swatches = React.useMemo(() => (options.pencils ?? defaultPencils()).map((color) => ({ color })), [options.pencils]);
+	if (swatches.length === 0) return /* @__PURE__ */ jsx("p", {
+		className: "cp-empty",
+		children: "No pencils configured."
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "cp-panel",
+		children: /* @__PURE__ */ jsx(SwatchGrid, {
+			swatches,
+			label: "Pencils",
+			columns: 12,
+			variant: "mosaic"
+		})
+	});
+}
+const pencilsMode = {
+	id: "pencils",
+	label: "Pencils",
+	icon: PencilsIcon,
+	Panel: PencilsPanel
+};
+//#endregion
+export { PencilsPanel, pencilsMode };
+

package/dist/modes/registry.cjs

@@ -0,0 +1,26 @@
+const require_dev = require("../core/dev.cjs");
+//#region src/modes/registry.ts
+const registry = /* @__PURE__ */ new Map();
+function registerMode(mode) {
+	registry.set(mode.id, mode);
+}
+function getMode(id) {
+	return registry.get(id);
+}
+function resolveModes(requested) {
+	const out = [];
+	for (const entry of requested) {
+		if (typeof entry !== "string") {
+			out.push(entry);
+			continue;
+		}
+		const found = registry.get(entry);
+		if (found !== void 0) out.push(found);
+		else require_dev.warnOnce(`unknown mode "${entry}". Known modes: ${Array.from(registry.keys()).join(", ")}.`);
+	}
+	return out;
+}
+//#endregion
+exports.getMode = getMode;
+exports.registerMode = registerMode;
+exports.resolveModes = resolveModes;