@imfusion/web-ui 0.5.1-dev.52.gcaa229a7 → 0.5.1-dev.56.gcf89961f

package/dist/integrations/code-highlight.js

@@ -1,8 +1,8 @@
-import { n as e } from "../chunk-DA_OvQe2.js";
-import { t } from "../meta-BwCupYyq.js";
-import { i as n, n as r, r as i } from "../code-BRy_lg-h.js";
-import { cloneElement as a, useMemo as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
+import { t as e } from "../chunk-DmhlhrBa.js";
+import { t } from "../meta-CySnRuVp.js";
+import { i as n, n as r, r as i } from "../code-Blo48PGr.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";
 import { css as f } from "@tanstack/highlight/languages/css";
 import { json as p } from "@tanstack/highlight/languages/json";
@@ -194,13 +194,13 @@ var P = /* @__PURE__ */ e({
 	InlineLink: () => n
 });
 function F(e, t) {
-	return o(() => {
-		if (!(t == null || e === "")) return /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: N(e, t) } });
+	return s(() => {
+		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: N(e, t) } });
 	}, [e, t]);
 }
 function I({ language: e, children: t, ...n }) {
 	let i = F(t, e);
-	return a(/* @__PURE__ */ s(r, {
+	return o(/* @__PURE__ */ a(r, {
 		...n,
 		language: e,
 		children: t
@@ -209,7 +209,7 @@ function I({ language: e, children: t, ...n }) {
 I.displayName = "Code.Block";
 function L({ language: e, children: t, ...n }) {
 	let r = F(t, e);
-	return a(/* @__PURE__ */ s(i, {
+	return o(/* @__PURE__ */ a(i, {
 		...n,
 		children: t
 	}), { children: r ?? t });

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

@@ -1,7 +1,8 @@
-import { C as e, S as t, a as n, b as r, c as i, d 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, v as h, w as g, x as _, y as v } from "../tabs-CYqtw1q9.js";
-import { n as y, t as b } from "../meta-BwCupYyq.js";
-import { useId as x, useMemo as S, useState as C } from "react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { t as e } from "../meta-CySnRuVp.js";
+import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, n as d, o as f, p, r as m, t as h, u as g, v as _, x as v, y } from "../tabs-CMKvMF4E.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";
 import { useDisplayOptions2d as D, useDisplayOptions3d as O } from "@imfusion/sdk-react";
 var k = {
 	compactStrip: "imf-ui-image-display-options-module-compactStrip",
@@ -71,50 +72,50 @@ function F(e, t) {
 }
 //#endregion
 //#region src/integrations/image-display-options/image-display-options-view.tsx
-var I = y(k.root);
-function L({ spec: n, value: i, row: a, onChange: o }) {
-	let s = /* @__PURE__ */ E(_, {
-		value: i,
-		min: n.min,
-		max: n.max,
-		step: n.step,
-		format: n.format,
+var I = b(k.root);
+function L({ spec: e, value: n, row: i, onChange: a }) {
+	let o = /* @__PURE__ */ C(_, {
+		value: n,
+		min: e.min,
+		max: e.max,
+		step: e.step,
+		format: e.format,
 		onValueChange: (e) => {
-			o(typeof e == "number" ? e : e[0]);
+			a(typeof e == "number" ? e : e[0]);
 		},
-		children: [/* @__PURE__ */ E(l, {
+		children: [/* @__PURE__ */ C(u, {
 			justify: "between",
-			children: [/* @__PURE__ */ T(r, { children: n.label }), /* @__PURE__ */ T(g, {})]
-		}), /* @__PURE__ */ T(h, { children: /* @__PURE__ */ E(e, { children: [/* @__PURE__ */ T(v, {}), /* @__PURE__ */ T(t, { "aria-label": n.label })] }) })]
+			children: [/* @__PURE__ */ S(t, { children: e.label }), /* @__PURE__ */ S(v, {})]
+		}), /* @__PURE__ */ S(c, { children: /* @__PURE__ */ C(r, { children: [/* @__PURE__ */ S(s, {}), /* @__PURE__ */ S(y, { "aria-label": e.label })] }) })]
 	});
-	return a ? /* @__PURE__ */ T("div", {
+	return i ? /* @__PURE__ */ S("div", {
 		className: k.rowField,
-		children: s
-	}) : s;
+		children: o
+	}) : o;
 }
 function R({ checked: e, row: t, onChange: n }) {
-	let r = x();
-	return /* @__PURE__ */ E(l, {
+	let r = w();
+	return /* @__PURE__ */ C(u, {
 		align: "center",
 		justify: t ? "start" : "between",
 		gap: "2",
 		className: k.invertRow,
-		children: [/* @__PURE__ */ T("span", {
+		children: [/* @__PURE__ */ S("span", {
 			id: r,
 			className: k.invertLabel,
 			children: "Invert"
-		}), /* @__PURE__ */ T(s, {
+		}), /* @__PURE__ */ S(o, {
 			"aria-labelledby": r,
 			checked: e,
 			onCheckedChange: (e) => {
 				n(e);
 			},
-			children: /* @__PURE__ */ T(o, {})
+			children: /* @__PURE__ */ S(p, {})
 		})]
 	});
 }
 function z({ active: e, onChange: t }) {
-	return /* @__PURE__ */ E(a, {
+	return /* @__PURE__ */ C(g, {
 		className: k.segment,
 		"aria-label": "Display dimension",
 		value: [e],
@@ -122,10 +123,10 @@ function z({ active: e, onChange: t }) {
 			let n = e[0];
 			(n === "2d" || n === "3d") && t(n);
 		},
-		children: [/* @__PURE__ */ T(f, {
+		children: [/* @__PURE__ */ S(a, {
 			value: "2d",
 			children: "2D"
-		}), /* @__PURE__ */ T(f, {
+		}), /* @__PURE__ */ S(a, {
 			value: "3d",
 			children: "3D"
 		})]
@@ -133,14 +134,14 @@ function z({ active: e, onChange: t }) {
 }
 function B({ dimension: e, fields: t, options: n, row: r, onChange: i }) {
 	let a = n[e];
-	return /* @__PURE__ */ E(w, { children: [t.map((t) => /* @__PURE__ */ T(L, {
+	return /* @__PURE__ */ C(x, { children: [t.map((t) => /* @__PURE__ */ S(L, {
 		spec: t,
 		value: F(a, t.key),
 		row: r,
 		onChange: (n) => {
 			i(e, P(t.key, n));
 		}
-	}, t.key)), /* @__PURE__ */ T(R, {
+	}, t.key)), /* @__PURE__ */ S(R, {
 		checked: a.invert,
 		row: r,
 		onChange: (t) => {
@@ -148,32 +149,32 @@ function B({ dimension: e, fields: t, options: n, row: r, onChange: i }) {
 		}
 	})] });
 }
-function V({ variant: e = "default", options: t, intensityRange: r, ranges: a, onOptionsChange: o, className: s, ...f }) {
-	let [h, g] = C("2d"), _ = N(r, a), v = (e) => {
+function V({ variant: e = "default", options: t, intensityRange: r, ranges: a, onOptionsChange: o, className: s, ...c }) {
+	let [p, g] = E("2d"), _ = N(r, a), v = (e) => {
 		g(e === "3d" ? "3d" : "2d");
 	};
-	return /* @__PURE__ */ T("div", {
-		...f,
+	return /* @__PURE__ */ S("div", {
+		...c,
 		"data-imf-ui-component": "ImageDisplayOptions",
 		className: I({ className: s }),
-		children: e === "default" ? /* @__PURE__ */ E(n, {
-			value: h,
+		children: e === "default" ? /* @__PURE__ */ C(n, {
+			value: p,
 			onValueChange: v,
-			children: [/* @__PURE__ */ E(u, { children: [
-				/* @__PURE__ */ T(d, {
+			children: [/* @__PURE__ */ C(d, { children: [
+				/* @__PURE__ */ S(f, {
 					value: "2d",
 					children: "2D Slices"
 				}),
-				/* @__PURE__ */ T(d, {
+				/* @__PURE__ */ S(f, {
 					value: "3d",
 					children: "3D Volume"
 				}),
-				/* @__PURE__ */ T(m, {})
-			] }), /* @__PURE__ */ E(c, { children: [/* @__PURE__ */ T(p, {
+				/* @__PURE__ */ S(h, {})
+			] }), /* @__PURE__ */ C(l, { children: [/* @__PURE__ */ S(m, {
 				value: "2d",
-				children: /* @__PURE__ */ T(i, {
+				children: /* @__PURE__ */ S(i, {
 					gap: "3",
-					children: /* @__PURE__ */ T(B, {
+					children: /* @__PURE__ */ S(B, {
 						dimension: "2d",
 						fields: _["2d"],
 						options: t,
@@ -181,11 +182,11 @@ function V({ variant: e = "default", options: t, intensityRange: r, ranges: a, o
 						onChange: o
 					})
 				})
-			}), /* @__PURE__ */ T(p, {
+			}), /* @__PURE__ */ S(m, {
 				value: "3d",
-				children: /* @__PURE__ */ T(i, {
+				children: /* @__PURE__ */ S(i, {
 					gap: "3",
-					children: /* @__PURE__ */ T(B, {
+					children: /* @__PURE__ */ S(B, {
 						dimension: "3d",
 						fields: _["3d"],
 						options: t,
@@ -194,33 +195,33 @@ function V({ variant: e = "default", options: t, intensityRange: r, ranges: a, o
 					})
 				})
 			})] })]
-		}) : e === "horizontal" ? /* @__PURE__ */ E(n, {
+		}) : e === "horizontal" ? /* @__PURE__ */ C(n, {
 			className: k.horizontalTabs,
 			orientation: "vertical",
-			value: h,
+			value: p,
 			onValueChange: v,
-			children: [/* @__PURE__ */ E(u, {
+			children: [/* @__PURE__ */ C(d, {
 				fill: !0,
 				children: [
-					/* @__PURE__ */ T(d, {
+					/* @__PURE__ */ S(f, {
 						value: "2d",
 						children: "2D"
 					}),
-					/* @__PURE__ */ T(d, {
+					/* @__PURE__ */ S(f, {
 						value: "3d",
 						children: "3D"
 					}),
-					/* @__PURE__ */ T(m, {})
+					/* @__PURE__ */ S(h, {})
 				]
-			}), /* @__PURE__ */ E(c, {
+			}), /* @__PURE__ */ C(l, {
 				className: k.horizontalPanel,
-				children: [/* @__PURE__ */ T(p, {
+				children: [/* @__PURE__ */ S(m, {
 					value: "2d",
-					children: /* @__PURE__ */ T(l, {
+					children: /* @__PURE__ */ S(u, {
 						align: "center",
 						gap: "3",
 						className: k.strip,
-						children: /* @__PURE__ */ T(B, {
+						children: /* @__PURE__ */ S(B, {
 							dimension: "2d",
 							fields: _["2d"],
 							options: t,
@@ -228,13 +229,13 @@ function V({ variant: e = "default", options: t, intensityRange: r, ranges: a, o
 							onChange: o
 						})
 					})
-				}), /* @__PURE__ */ T(p, {
+				}), /* @__PURE__ */ S(m, {
 					value: "3d",
-					children: /* @__PURE__ */ T(l, {
+					children: /* @__PURE__ */ S(u, {
 						align: "center",
 						gap: "3",
 						className: k.strip,
-						children: /* @__PURE__ */ T(B, {
+						children: /* @__PURE__ */ S(B, {
 							dimension: "3d",
 							fields: _["3d"],
 							options: t,
@@ -244,16 +245,16 @@ function V({ variant: e = "default", options: t, intensityRange: r, ranges: a, o
 					})
 				})]
 			})]
-		}) : /* @__PURE__ */ E(l, {
+		}) : /* @__PURE__ */ C(u, {
 			align: "center",
 			gap: "3",
 			className: k.compactStrip,
-			children: [/* @__PURE__ */ T(z, {
-				active: h,
+			children: [/* @__PURE__ */ S(z, {
+				active: p,
 				onChange: g
-			}), /* @__PURE__ */ T(B, {
-				dimension: h,
-				fields: _[h],
+			}), /* @__PURE__ */ S(B, {
+				dimension: p,
+				fields: _[p],
 				options: t,
 				row: !0,
 				onChange: o
@@ -277,8 +278,8 @@ function H({ data: e, variant: t = "default", ranges: n, ...r }) {
 			level: a.level,
 			invert: a.invert
 		}
-	}, s = S(() => e.minmaxIntensityOriginal(), [e]);
-	return /* @__PURE__ */ T(V, {
+	}, s = T(() => e.minmaxIntensityOriginal(), [e]);
+	return /* @__PURE__ */ S(V, {
 		...r,
 		variant: t,
 		options: o,
@@ -294,7 +295,7 @@ H.displayName = "ImageDisplayOptions";
 //#region src/integrations/image-display-options/image-display-options.meta.ts
 var U = {
 	name: "ImageDisplayOptions",
-	category: b.inputs,
+	category: e.inputs,
 	status: "experimental",
 	description: "A panel or toolbar of controls bound to an image dataset's display options.",
 	origin: "adapted",

package/dist/meta-CySnRuVp.js

@@ -0,0 +1,21 @@
+//#region src/types/meta.ts
+var e = {
+	buttons: {
+		id: "buttons",
+		label: "Buttons"
+	},
+	inputs: {
+		id: "inputs",
+		label: "Inputs"
+	},
+	layout: {
+		id: "layout",
+		label: "Layout"
+	},
+	display: {
+		id: "display",
+		label: "Display"
+	}
+};
+//#endregion
+export { e as t };