@imfusion/web-ui 0.8.1-dev.3.g40eaad1c → 0.8.1-dev.31.g7b15b0d3

package/dist/integrations/frame-selection/frame-selection-view.d.ts

@@ -0,0 +1,24 @@
+type FrameSelectionViewProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Index of the focused frame, starting at 0. */
+    focus: number;
+    /** Number of frames in the selected image sets. Nothing renders for one frame or fewer. */
+    count: number;
+    /** Called with the new 0-based frame index while the thumb moves. */
+    onFocusChange: (index: number) => void;
+    /** Direction of the slider; the vertical layout stacks the readout under it. */
+    orientation?: "horizontal" | "vertical";
+    /** Accessible name of the slider thumb. */
+    label?: string;
+    /** Whether the slider ignores user interaction. */
+    disabled?: boolean;
+};
+/**
+ * FrameSelectionView - the SDK-free presentational surface behind
+ * `FrameSelection`: the same slider and readout, driven by plain props
+ * instead of live SDK data.
+ */
+export declare function FrameSelectionView({ focus, count, onFocusChange, orientation, label, disabled, className, style, ...props }: FrameSelectionViewProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FrameSelectionView {
+    var displayName: string;
+}
+export {};

package/dist/integrations/frame-selection/frame-selection.d.ts

@@ -0,0 +1,21 @@
+import { Data, HandleArray } from '@imfusion/sdk';
+import { FrameSelectionView } from './frame-selection-view';
+type Props = Omit<React.ComponentProps<typeof FrameSelectionView>, "focus" | "count" | "onFocusChange"> & {
+    /**
+     * Datasets to scan, for example from `useVisibleData()`. Non-image data, single-frame image sets, and image sets whose
+     * frame count differs from the first multi-frame set are ignored.
+     */
+    data: HandleArray<Data>;
+};
+/**
+ * FrameSelection - a position slider bound to the focused frame of the multi-frame image sets in `data`.
+ * Every matching image set follows the slider, and a `{focus} | {count}` readout sits beside it.
+ * Renders nothing when `data` holds no multi-frame image set.
+ *
+ * Must render inside an `ImFusionProvider`.
+ */
+export declare function FrameSelection({ data, orientation, label, disabled, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace FrameSelection {
+    var displayName: string;
+}
+export {};

package/dist/integrations/frame-selection/frame-selection.meta.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../types/meta';
+export declare const frameSelectionMeta: ComponentMeta;

package/dist/integrations/frame-selection/index.d.ts

@@ -0,0 +1,2 @@
+export { FrameSelection } from './frame-selection';
+export { frameSelectionMeta } from './frame-selection.meta';

package/dist/integrations/frame-selection.js

@@ -0,0 +1,121 @@
+import { a as e, i as t, o as n, t as r } from "../slider-gyIYWSy3.js";
+import { t as i } from "../meta-j-7HGrWv.js";
+import { t as a } from "../separator-BAxxttef.js";
+import { cva as o } from "class-variance-authority";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { useImFusion as p } from "@imfusion/sdk-react";
+var m = {
+	count: "imf-ui-frame-selection-module-count",
+	focus: "imf-ui-frame-selection-module-focus",
+	readout: "imf-ui-frame-selection-module-readout",
+	root: "imf-ui-frame-selection-module-root",
+	separator: "imf-ui-frame-selection-module-separator",
+	slider: "imf-ui-frame-selection-module-slider"
+}, h = o(m.root);
+function g({ focus: i, count: o, onFocusChange: s, orientation: u = "horizontal", label: d = "Frame", disabled: f = !1, className: p, style: g, ..._ }) {
+	if (o <= 1) return null;
+	let v = i + 1, y = {
+		"--digits": String(o).length,
+		"--count": o
+	};
+	return /* @__PURE__ */ l("div", {
+		..._,
+		"data-imf-ui-component": "FrameSelection",
+		"data-orientation": u,
+		className: h({ className: p }),
+		style: {
+			...y,
+			...g
+		},
+		children: [/* @__PURE__ */ c(t, {
+			className: m.slider,
+			variant: "position",
+			orientation: u,
+			disabled: f,
+			min: 1,
+			max: o,
+			value: v,
+			onValueChange: (e) => {
+				s((typeof e == "number" ? e : e[0]) - 1);
+			},
+			children: /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(e, {
+				"aria-label": d,
+				getAriaValueText: (e, t) => `${String(t)} of ${String(o)}`
+			}) }) })
+		}), /* @__PURE__ */ l("div", {
+			className: m.readout,
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ c("span", {
+					className: m.focus,
+					children: v
+				}),
+				/* @__PURE__ */ c(a, {
+					className: m.separator,
+					orientation: u === "horizontal" ? "vertical" : "horizontal"
+				}),
+				/* @__PURE__ */ c("span", {
+					className: m.count,
+					children: o
+				})
+			]
+		})]
+	});
+}
+g.displayName = "FrameSelectionView";
+//#endregion
+//#region src/integrations/frame-selection/frame-selection.tsx
+function _(e, t) {
+	if (e.length === 0) return [];
+	let n = t.bindings.getImages(e), r = null, i = [];
+	for (let e of n) e.size() > 1 && (r ??= e.size(), e.size() == r && i.push(e));
+	return i;
+}
+function v({ data: e, orientation: t = "horizontal", label: n = "Frame", disabled: r = !1, ...i }) {
+	let a = p(), o = d(() => _(e, a), [e, a]), l = o[0]?.size() ?? 0, [m, h] = f(() => o[0]?.focus() ?? 0);
+	return u(function() {
+		h(o[0]?.focus() ?? 0);
+		let e = o.map((e) => e.onSelectionChanged(() => {
+			let t = e.focus();
+			h((e) => e === t ? e : t);
+		}));
+		return () => e.forEach((e) => e());
+	}, [o]), u(function() {
+		let e = !1;
+		for (let t of o) t.focus() !== m && (t.setFocus(m), e = !0);
+		e && a.render();
+	}, [
+		m,
+		o,
+		a
+	]), /* @__PURE__ */ c(s, { children: l > 1 && /* @__PURE__ */ c(g, {
+		...i,
+		focus: m,
+		count: l,
+		onFocusChange: h,
+		orientation: t,
+		label: n,
+		disabled: r
+	}) });
+}
+v.displayName = "FrameSelection";
+//#endregion
+//#region src/integrations/frame-selection/frame-selection.meta.ts
+var y = {
+	name: "FrameSelection",
+	category: i.inputs,
+	status: "experimental",
+	description: "Frame or slice picker bound to the focused frame of ImFusion image sets, with a focus and count readout. For a position picker not tied to the SDK, use Slider with variant=\"position\".",
+	origin: "adapted",
+	internalDependencies: ["Slider", "Separator"],
+	upstream: {
+		name: "ImFusion Web SDK",
+		websiteLink: "https://www.imfusion.com/",
+		docLink: "https://docs.imfusion.com/",
+		llmDocLink: "https://docs.imfusion.com/",
+		runtimeDependencies: ["@imfusion/sdk", "@imfusion/sdk-react"]
+	}
+};
+//#endregion
+export { v as FrameSelection, y as frameSelectionMeta };

package/dist/integrations/image-display-options.js

@@ -1,5 +1,6 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, n as u, o as d, p as f, r as p, t as m, u as h, v as g, x as _, y as v } from "../tabs-BS6rqrrA.js";
-import { t as y } from "../meta-j-7HGrWv.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../slider-gyIYWSy3.js";
+import { t as s } from "../meta-j-7HGrWv.js";
+import { a as c, c as l, d as u, f as d, i as f, l as p, n as m, o as h, p as g, r as _, t as v, u as y } from "../tabs-9d4oaDwZ.js";
 import { cva as b } from "class-variance-authority";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { useId as w, useMemo as T, useState as E } from "react";
@@ -73,29 +74,29 @@ function F(e, t) {
 //#endregion
 //#region src/integrations/image-display-options/image-display-options-view.tsx
 var I = b(k.root);
-function L({ spec: t, value: r, row: i, onChange: a }) {
-	let c = /* @__PURE__ */ C(g, {
-		value: r,
-		min: t.min,
-		max: t.max,
-		step: t.step,
-		format: t.format,
+function L({ spec: s, value: c, row: l, onChange: u }) {
+	let d = /* @__PURE__ */ C(t, {
+		value: c,
+		min: s.min,
+		max: s.max,
+		step: s.step,
+		format: s.format,
 		onValueChange: (e) => {
-			a(typeof e == "number" ? e : e[0]);
+			u(typeof e == "number" ? e : e[0]);
 		},
-		children: [/* @__PURE__ */ C(l, {
+		children: [/* @__PURE__ */ C(p, {
 			justify: "between",
-			children: [/* @__PURE__ */ S(e, { children: t.label }), /* @__PURE__ */ S(_, {})]
-		}), /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(o, {}), /* @__PURE__ */ S(v, { "aria-label": t.label })] }) })]
+			children: [/* @__PURE__ */ S(i, { children: s.label }), /* @__PURE__ */ S(a, {})]
+		}), /* @__PURE__ */ S(o, { children: /* @__PURE__ */ C(r, { children: [/* @__PURE__ */ S(n, {}), /* @__PURE__ */ S(e, { "aria-label": s.label })] }) })]
 	});
-	return i ? /* @__PURE__ */ S("div", {
+	return l ? /* @__PURE__ */ S("div", {
 		className: k.rowField,
-		children: c
-	}) : c;
+		children: d
+	}) : d;
 }
 function R({ checked: e, row: t, onChange: n }) {
 	let r = w();
-	return /* @__PURE__ */ C(l, {
+	return /* @__PURE__ */ C(p, {
 		align: "center",
 		justify: t ? "start" : "between",
 		gap: "2",
@@ -104,18 +105,18 @@ function R({ checked: e, row: t, onChange: n }) {
 			id: r,
 			className: k.invertLabel,
 			children: "Invert"
-		}), /* @__PURE__ */ S(a, {
+		}), /* @__PURE__ */ S(d, {
 			"aria-labelledby": r,
 			checked: e,
 			onCheckedChange: (e) => {
 				n(e);
 			},
-			children: /* @__PURE__ */ S(f, {})
+			children: /* @__PURE__ */ S(g, {})
 		})]
 	});
 }
 function z({ active: e, onChange: t }) {
-	return /* @__PURE__ */ C(h, {
+	return /* @__PURE__ */ C(y, {
 		className: k.segment,
 		"aria-label": "Display dimension",
 		value: [e],
@@ -123,10 +124,10 @@ function z({ active: e, onChange: t }) {
 			let n = e[0];
 			(n === "2d" || n === "3d") && t(n);
 		},
-		children: [/* @__PURE__ */ S(i, {
+		children: [/* @__PURE__ */ S(u, {
 			value: "2d",
 			children: "2D"
-		}), /* @__PURE__ */ S(i, {
+		}), /* @__PURE__ */ S(u, {
 			value: "3d",
 			children: "3D"
 		})]
@@ -149,115 +150,115 @@ function B({ dimension: e, fields: t, options: n, row: r, onChange: i }) {
 		}
 	})] });
 }
-function V({ variant: e = "default", options: n, intensityRange: i, ranges: a, onOptionsChange: o, className: s, ...f }) {
-	let [h, g] = E("2d"), _ = N(i, a), v = (e) => {
-		g(e === "3d" ? "3d" : "2d");
+function V({ variant: e = "default", options: t, intensityRange: n, ranges: r, onOptionsChange: i, className: a, ...o }) {
+	let [s, u] = E("2d"), d = N(n, r), g = (e) => {
+		u(e === "3d" ? "3d" : "2d");
 	};
 	return /* @__PURE__ */ S("div", {
-		...f,
+		...o,
 		"data-imf-ui-component": "ImageDisplayOptions",
-		className: I({ className: s }),
-		children: e === "default" ? /* @__PURE__ */ C(t, {
-			value: h,
-			onValueChange: v,
-			children: [/* @__PURE__ */ C(u, { children: [
-				/* @__PURE__ */ S(d, {
+		className: I({ className: a }),
+		children: e === "default" ? /* @__PURE__ */ C(c, {
+			value: s,
+			onValueChange: g,
+			children: [/* @__PURE__ */ C(m, { children: [
+				/* @__PURE__ */ S(h, {
 					value: "2d",
 					children: "2D Slices"
 				}),
-				/* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(h, {
 					value: "3d",
 					children: "3D Volume"
 				}),
-				/* @__PURE__ */ S(m, {})
-			] }), /* @__PURE__ */ C(c, { children: [/* @__PURE__ */ S(p, {
+				/* @__PURE__ */ S(v, {})
+			] }), /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(_, {
 				value: "2d",
-				children: /* @__PURE__ */ S(r, {
+				children: /* @__PURE__ */ S(l, {
 					gap: "3",
 					children: /* @__PURE__ */ S(B, {
 						dimension: "2d",
-						fields: _["2d"],
-						options: n,
+						fields: d["2d"],
+						options: t,
 						row: !1,
-						onChange: o
+						onChange: i
 					})
 				})
-			}), /* @__PURE__ */ S(p, {
+			}), /* @__PURE__ */ S(_, {
 				value: "3d",
-				children: /* @__PURE__ */ S(r, {
+				children: /* @__PURE__ */ S(l, {
 					gap: "3",
 					children: /* @__PURE__ */ S(B, {
 						dimension: "3d",
-						fields: _["3d"],
-						options: n,
+						fields: d["3d"],
+						options: t,
 						row: !1,
-						onChange: o
+						onChange: i
 					})
 				})
 			})] })]
-		}) : e === "horizontal" ? /* @__PURE__ */ C(t, {
+		}) : e === "horizontal" ? /* @__PURE__ */ C(c, {
 			className: k.horizontalTabs,
 			orientation: "vertical",
-			value: h,
-			onValueChange: v,
-			children: [/* @__PURE__ */ C(u, {
+			value: s,
+			onValueChange: g,
+			children: [/* @__PURE__ */ C(m, {
 				fill: !0,
 				children: [
-					/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ S(h, {
 						value: "2d",
 						children: "2D"
 					}),
-					/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ S(h, {
 						value: "3d",
 						children: "3D"
 					}),
-					/* @__PURE__ */ S(m, {})
+					/* @__PURE__ */ S(v, {})
 				]
-			}), /* @__PURE__ */ C(c, {
+			}), /* @__PURE__ */ C(f, {
 				className: k.horizontalPanel,
-				children: [/* @__PURE__ */ S(p, {
+				children: [/* @__PURE__ */ S(_, {
 					value: "2d",
-					children: /* @__PURE__ */ S(l, {
+					children: /* @__PURE__ */ S(p, {
 						align: "center",
 						gap: "3",
 						className: k.strip,
 						children: /* @__PURE__ */ S(B, {
 							dimension: "2d",
-							fields: _["2d"],
-							options: n,
+							fields: d["2d"],
+							options: t,
 							row: !0,
-							onChange: o
+							onChange: i
 						})
 					})
-				}), /* @__PURE__ */ S(p, {
+				}), /* @__PURE__ */ S(_, {
 					value: "3d",
-					children: /* @__PURE__ */ S(l, {
+					children: /* @__PURE__ */ S(p, {
 						align: "center",
 						gap: "3",
 						className: k.strip,
 						children: /* @__PURE__ */ S(B, {
 							dimension: "3d",
-							fields: _["3d"],
-							options: n,
+							fields: d["3d"],
+							options: t,
 							row: !0,
-							onChange: o
+							onChange: i
 						})
 					})
 				})]
 			})]
-		}) : /* @__PURE__ */ C(l, {
+		}) : /* @__PURE__ */ C(p, {
 			align: "center",
 			gap: "3",
 			className: k.compactStrip,
 			children: [/* @__PURE__ */ S(z, {
-				active: h,
-				onChange: g
+				active: s,
+				onChange: u
 			}), /* @__PURE__ */ S(B, {
-				dimension: h,
-				fields: _[h],
-				options: n,
+				dimension: s,
+				fields: d[s],
+				options: t,
 				row: !0,
-				onChange: o
+				onChange: i
 			})]
 		})
 	});
@@ -295,7 +296,7 @@ H.displayName = "ImageDisplayOptions";
 //#region src/integrations/image-display-options/image-display-options.meta.ts
 var U = {
 	name: "ImageDisplayOptions",
-	category: y.inputs,
+	category: s.inputs,
 	status: "experimental",
 	description: "Panel and toolbar controls for an image dataset's display options, including window, level, gamma, and invert settings.",
 	origin: "adapted",

package/dist/llms/evals/runner/config.d.ts

@@ -3,6 +3,7 @@ export declare const NO_SKILLS: boolean;
 export declare const EVAL_ROOT: string;
 export declare const TEMPLATE: string;
 export declare const CODEX_HOME_DIR: string;
+export declare const XDG_CONFIG_DIR: string;
 export declare const RESULTS_DIR: string;
 export declare const REPORT_PATH: string;
 export declare const SCENARIOS_DIR: string;

package/dist/separator-BAxxttef.js

@@ -0,0 +1,26 @@
+import { cva as e } from "class-variance-authority";
+import { jsx as t } from "react/jsx-runtime";
+import { Separator as n } from "@base-ui/react/separator";
+var r = {
+	root: "imf-ui-separator-module-root",
+	variantDashed: "imf-ui-separator-module-variantDashed",
+	variantDotted: "imf-ui-separator-module-variantDotted",
+	variantSolid: "imf-ui-separator-module-variantSolid"
+}, i = e(r.root, { variants: { variant: {
+	solid: r.variantSolid,
+	dashed: r.variantDashed,
+	dotted: r.variantDotted
+} } });
+function a({ orientation: e = "horizontal", variant: r = "solid", ...a }) {
+	return /* @__PURE__ */ t(n, {
+		...a,
+		orientation: e,
+		"data-imf-ui-component": "Separator",
+		className: i({
+			variant: r,
+			className: a.className
+		})
+	});
+}
+//#endregion
+export { a as t };

package/dist/slider-gyIYWSy3.js

@@ -0,0 +1,116 @@
+import { t as e } from "./chunk-DmhlhrBa.js";
+import { cva as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { Slider as r } from "@base-ui/react/slider";
+//#region src/utils/resolve-state-props.ts
+function i(e, t) {
+	return e instanceof Function ? e(t) : e;
+}
+function a(e, t) {
+	return i(e, t);
+}
+function o(e, t) {
+	return i(e, t);
+}
+var s = {
+	control: "imf-ui-slider-module-control",
+	indicator: "imf-ui-slider-module-indicator",
+	label: "imf-ui-slider-module-label",
+	root: "imf-ui-slider-module-root",
+	thumb: "imf-ui-slider-module-thumb",
+	track: "imf-ui-slider-module-track",
+	value: "imf-ui-slider-module-value",
+	variantPosition: "imf-ui-slider-module-variantPosition"
+}, c = /* @__PURE__ */ e({
+	Control: () => y,
+	Indicator: () => x,
+	Label: () => _,
+	Root: () => g,
+	Thumb: () => S,
+	Track: () => b,
+	Value: () => v
+}), l = t(s.root, { variants: { variant: {
+	default: null,
+	position: s.variantPosition
+} } }), u = t(s.label), d = t(s.value), f = t(s.control), p = t(s.track), m = t(s.indicator), h = t(s.thumb);
+function g({ variant: e = "default", value: t, defaultValue: i, onValueChange: o, onValueCommitted: s, min: c = 0, max: u = 100, step: d = 1, largeStep: f = 10, minStepsBetweenValues: p = 0, disabled: m = !1, orientation: h = "horizontal", name: g, form: _, locale: v, thumbAlignment: y = "edge", thumbCollisionBehavior: b = "push", format: x, ...S }) {
+	return /* @__PURE__ */ n(r.Root, {
+		...S,
+		"data-imf-ui-component": "Slider.Root",
+		"data-orientation": h,
+		className: (t) => l({
+			variant: e,
+			className: a(S.className, t)
+		}),
+		value: t,
+		defaultValue: i,
+		onValueChange: o,
+		onValueCommitted: s,
+		min: c,
+		max: u,
+		step: d,
+		largeStep: f,
+		minStepsBetweenValues: p,
+		disabled: m,
+		orientation: h,
+		name: g,
+		form: _,
+		locale: v,
+		thumbAlignment: y,
+		thumbCollisionBehavior: b,
+		format: x
+	});
+}
+g.displayName = "Slider.Root";
+function _(e) {
+	return /* @__PURE__ */ n(r.Label, {
+		...e,
+		"data-imf-ui-component": "Slider.Label",
+		className: (t) => u({ className: a(e.className, t) })
+	});
+}
+_.displayName = "Slider.Label";
+function v({ children: e, ...t }) {
+	return /* @__PURE__ */ n(r.Value, {
+		...t,
+		"data-imf-ui-component": "Slider.Value",
+		className: (e) => d({ className: a(t.className, e) }),
+		children: e
+	});
+}
+v.displayName = "Slider.Value";
+function y(e) {
+	return /* @__PURE__ */ n(r.Control, {
+		...e,
+		"data-imf-ui-component": "Slider.Control",
+		className: (t) => f({ className: a(e.className, t) })
+	});
+}
+y.displayName = "Slider.Control";
+function b(e) {
+	return /* @__PURE__ */ n(r.Track, {
+		...e,
+		"data-imf-ui-component": "Slider.Track",
+		className: (t) => p({ className: a(e.className, t) })
+	});
+}
+b.displayName = "Slider.Track";
+function x(e) {
+	return /* @__PURE__ */ n(r.Indicator, {
+		...e,
+		"data-imf-ui-component": "Slider.Indicator",
+		className: (t) => m({ className: a(e.className, t) })
+	});
+}
+x.displayName = "Slider.Indicator";
+function S({ index: e, ...t }) {
+	return /* @__PURE__ */ n(r.Thumb, {
+		...t,
+		"data-imf-ui-component": "Slider.Thumb",
+		className: (e) => h({ className: a(t.className, e) }),
+		index: e
+	});
+}
+S.displayName = "Slider.Thumb";
+//#endregion
+export { S as a, c, g as i, a as l, x as n, b as o, _ as r, v as s, y as t, o as u };