@imfusion/web-ui 0.8.1-dev.58.g0912b389 → 0.8.1-dev.64.gbde1f63f

package/dist/integrations/code-highlight.js

@@ -1,6 +1,6 @@
 import { t as e } from "../rolldown-runtime-Dy4uBu1J.js";
 import { t } from "../meta-V_KyLeGn.js";
-import { i as n, n as r, r as i } from "../code-GwkswukD.js";
+import { i as n, n as r, r as i } from "../code-BYkr5k55.js";
 import { jsx as a } from "react/jsx-runtime";
 import { cloneElement as o, useMemo as s } from "react";
 import { createHighlighter as c, defineLanguage as l, renderNodesToHtml as u, renderTokens as d } from "@tanstack/highlight/core";

package/dist/integrations/frame-selection.js

@@ -1,5 +1,5 @@
-import { a as e, i as t, o as n, t as r } from "../slider-Cqpreglu.js";
-import { t as i } from "../meta-V_KyLeGn.js";
+import { t as e } from "../meta-V_KyLeGn.js";
+import { a as t, i as n, o as r, t as i } from "../slider-Cqpreglu.js";
 import { t as a } from "../separator-lzz4A3x_.js";
 import { cva as o } from "class-variance-authority";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -13,9 +13,9 @@ var m = {
 	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, ..._ }) {
+function g({ focus: e, 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 = {
+	let v = e + 1, y = {
 		"--digits": String(o).length,
 		"--count": o
 	};
@@ -28,7 +28,7 @@ function g({ focus: i, count: o, onFocusChange: s, orientation: u = "horizontal"
 			...y,
 			...g
 		},
-		children: [/* @__PURE__ */ c(t, {
+		children: [/* @__PURE__ */ c(n, {
 			className: m.slider,
 			variant: "position",
 			orientation: u,
@@ -39,7 +39,7 @@ function g({ focus: i, count: o, onFocusChange: s, orientation: u = "horizontal"
 			onValueChange: (e) => {
 				s((typeof e == "number" ? e : e[0]) - 1);
 			},
-			children: /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(e, {
+			children: /* @__PURE__ */ c(i, { children: /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(t, {
 				"aria-label": d,
 				getAriaValueText: (e, t) => `${String(t)} of ${String(o)}`
 			}) }) })
@@ -104,7 +104,7 @@ v.displayName = "FrameSelection";
 //#region src/integrations/frame-selection/frame-selection.meta.ts
 var y = {
 	name: "FrameSelection",
-	category: i.inputs,
+	category: e.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",

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

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