@imfusion/web-ui 0.11.1-dev.73.g65836a33 → 0.11.1-dev.75.g4f81d8fd

package/dist/tabs-Bl3YlG5t.js

@@ -0,0 +1,429 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { ja as t, vM as n } from "./icons-CMetKl2x.js";
+import { t as r } from "./meta-V_KyLeGn.js";
+import { a as i, i as a, n as ee, r as o } from "./utils-J6vbjIt1.js";
+import "./separator-BxUMVvFE.js";
+import { cva as s, cx as c } from "class-variance-authority";
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as te, useCallback as ne, useContext as u } from "react";
+import { Select as d } from "@base-ui/react/select";
+import { Switch as f } from "@base-ui/react/switch";
+import { Tabs as p } from "@base-ui/react/tabs";
+var m = {
+	arrow: "imf-ui-select-module-arrow",
+	group: "imf-ui-select-module-group",
+	groupLabel: "imf-ui-select-module-groupLabel",
+	icon: "imf-ui-select-module-icon",
+	item: "imf-ui-select-module-item",
+	itemDescription: "imf-ui-select-module-itemDescription",
+	itemIndicator: "imf-ui-select-module-itemIndicator",
+	itemText: "imf-ui-select-module-itemText",
+	label: "imf-ui-select-module-label",
+	list: "imf-ui-select-module-list",
+	popup: "imf-ui-select-module-popup",
+	positioner: "imf-ui-select-module-positioner",
+	root: "imf-ui-select-module-root",
+	scrollDownArrow: "imf-ui-select-module-scrollDownArrow",
+	scrollUpArrow: "imf-ui-select-module-scrollUpArrow",
+	separator: "imf-ui-select-module-separator",
+	trigger: "imf-ui-select-module-trigger",
+	value: "imf-ui-select-module-value",
+	widthFull: "imf-ui-select-module-widthFull",
+	widthWide: "imf-ui-select-module-widthWide"
+}, h = s(m.popup), g = s(m.list), _ = s(m.item), v = s(m.itemIndicator), y = s(m.itemText), b = s(m.itemDescription), re = /* @__PURE__ */ e({
+	Arrow: () => A,
+	Backdrop: () => D,
+	Group: () => I,
+	GroupLabel: () => L,
+	Icon: () => T,
+	Item: () => M,
+	ItemDescription: () => F,
+	ItemIndicator: () => N,
+	ItemText: () => P,
+	Label: () => S,
+	List: () => j,
+	Popup: () => k,
+	Portal: () => E,
+	Positioner: () => O,
+	Root: () => x,
+	ScrollDownArrow: () => B,
+	ScrollUpArrow: () => z,
+	Separator: () => R,
+	Trigger: () => C,
+	Value: () => w
+}), ie = s(m.root, { variants: { width: {
+	auto: m.widthAuto,
+	wide: m.widthWide,
+	full: m.widthFull
+} } }), ae = s(m.label), oe = s(m.trigger), se = s(m.value), ce = s(m.icon), le = s(m.backdrop), ue = s(m.positioner), de = s(m.arrow), fe = s(m.group), pe = s(m.groupLabel), me = s(m.separator), he = s(m.scrollUpArrow), ge = s(m.scrollDownArrow);
+function x({ width: e = "auto", className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l("div", {
+		className: ie({
+			width: e,
+			className: t
+		}),
+		style: n,
+		children: /* @__PURE__ */ l(d.Root, { ...r })
+	});
+}
+x.displayName = "Select.Root";
+function S(e) {
+	return /* @__PURE__ */ l(d.Label, {
+		...e,
+		"data-imf-ui-component": "Select.Label",
+		className: (t) => ae({ className: i(e.className, t) })
+	});
+}
+S.displayName = "Select.Label";
+function C(e) {
+	return /* @__PURE__ */ l(d.Trigger, {
+		...e,
+		"data-imf-ui-component": "Select.Trigger",
+		className: (t) => oe({ className: i(e.className, t) })
+	});
+}
+C.displayName = "Select.Trigger";
+function w({ children: e, ...t }) {
+	return /* @__PURE__ */ l(d.Value, {
+		...t,
+		"data-imf-ui-component": "Select.Value",
+		className: (e) => se({ className: i(t.className, e) }),
+		children: e
+	});
+}
+w.displayName = "Select.Value";
+function T(e) {
+	return /* @__PURE__ */ l(d.Icon, {
+		...e,
+		"data-imf-ui-component": "Select.Icon",
+		className: (t) => ce({ className: i(e.className, t) })
+	});
+}
+T.displayName = "Select.Icon";
+function E(e) {
+	return /* @__PURE__ */ l(d.Portal, { ...e });
+}
+E.displayName = "Select.Portal";
+function D(e) {
+	return /* @__PURE__ */ l(d.Backdrop, {
+		...e,
+		"data-imf-ui-component": "Select.Backdrop",
+		className: (t) => le({ className: i(e.className, t) })
+	});
+}
+D.displayName = "Select.Backdrop";
+function O({ align: e = "start", alignItemWithTrigger: t = !1, sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ l(d.Positioner, {
+		...r,
+		align: e,
+		alignItemWithTrigger: t,
+		sideOffset: n,
+		"data-imf-ui-component": "Select.Positioner",
+		className: (e) => ue({ className: i(r.className, e) })
+	});
+}
+O.displayName = "Select.Positioner";
+function k(e) {
+	return /* @__PURE__ */ l(d.Popup, {
+		...e,
+		"data-imf-ui-component": "Select.Popup",
+		className: (t) => h({ className: i(e.className, t) })
+	});
+}
+k.displayName = "Select.Popup";
+function A(e) {
+	return /* @__PURE__ */ l(d.Arrow, {
+		...e,
+		"data-imf-ui-component": "Select.Arrow",
+		className: (t) => de({ className: i(e.className, t) })
+	});
+}
+A.displayName = "Select.Arrow";
+function j(e) {
+	return /* @__PURE__ */ l(d.List, {
+		...e,
+		"data-imf-ui-component": "Select.List",
+		className: (t) => g({ className: i(e.className, t) })
+	});
+}
+j.displayName = "Select.List";
+function M(e) {
+	let { context: t, ariaProps: n } = a();
+	return /* @__PURE__ */ l(ee, {
+		value: t,
+		children: /* @__PURE__ */ l(d.Item, {
+			...n,
+			...e,
+			"data-imf-ui-component": "Select.Item",
+			className: (t) => _({ className: i(e.className, t) })
+		})
+	});
+}
+M.displayName = "Select.Item";
+function N({ children: e, ...r }) {
+	return /* @__PURE__ */ l(d.ItemIndicator, {
+		...r,
+		"data-imf-ui-component": "Select.ItemIndicator",
+		className: (e) => v({ className: i(r.className, e) }),
+		children: e ?? /* @__PURE__ */ l(n, {
+			glyph: t,
+			size: 16,
+			"aria-hidden": !0
+		})
+	});
+}
+N.displayName = "Select.ItemIndicator";
+function P(e) {
+	let t = o("label");
+	return /* @__PURE__ */ l(d.ItemText, {
+		id: t,
+		...e,
+		"data-imf-ui-component": "Select.ItemText",
+		className: (t) => y({ className: i(e.className, t) })
+	});
+}
+P.displayName = "Select.ItemText";
+function F(e) {
+	let t = o("description");
+	return /* @__PURE__ */ l("div", {
+		id: t,
+		...e,
+		"data-imf-ui-component": "Select.ItemDescription",
+		className: b({ className: e.className })
+	});
+}
+F.displayName = "Select.ItemDescription";
+function I(e) {
+	return /* @__PURE__ */ l(d.Group, {
+		...e,
+		"data-imf-ui-component": "Select.Group",
+		className: (t) => fe({ className: i(e.className, t) })
+	});
+}
+I.displayName = "Select.Group";
+function L(e) {
+	return /* @__PURE__ */ l(d.GroupLabel, {
+		...e,
+		"data-imf-ui-component": "Select.GroupLabel",
+		className: (t) => pe({ className: i(e.className, t) })
+	});
+}
+L.displayName = "Select.GroupLabel";
+function R(e) {
+	return /* @__PURE__ */ l(d.Separator, {
+		...e,
+		"data-imf-ui-component": "Select.Separator",
+		className: (t) => me({ className: i(e.className, t) })
+	});
+}
+R.displayName = "Select.Separator";
+function z(e) {
+	return /* @__PURE__ */ l(d.ScrollUpArrow, {
+		...e,
+		"data-imf-ui-component": "Select.ScrollUpArrow",
+		className: (t) => he({ className: i(e.className, t) })
+	});
+}
+z.displayName = "Select.ScrollUpArrow";
+function B(e) {
+	return /* @__PURE__ */ l(d.ScrollDownArrow, {
+		...e,
+		"data-imf-ui-component": "Select.ScrollDownArrow",
+		className: (t) => ge({ className: i(e.className, t) })
+	});
+}
+B.displayName = "Select.ScrollDownArrow";
+//#endregion
+//#region src/components/select/select.meta.ts
+var _e = {
+	name: "Select",
+	category: r.inputs,
+	status: "stable",
+	description: "Dropdown for choosing a value from a known list. Also called a picker; use it for a labeled, keyboard-accessible option list.",
+	origin: "adapted",
+	upstream: {
+		name: "Base UI",
+		websiteLink: "https://base-ui.com/",
+		docLink: "https://base-ui.com/react/components/select",
+		llmDocLink: "https://base-ui.com/react/components/select.md"
+	}
+}, V = {
+	root: "imf-ui-switch-module-root",
+	thumb: "imf-ui-switch-module-thumb"
+}, ve = /* @__PURE__ */ e({
+	Root: () => H,
+	Thumb: () => U
+}), ye = s(V.root), be = s(V.thumb);
+function H(e) {
+	return /* @__PURE__ */ l(f.Root, {
+		...e,
+		"data-imf-ui-component": "Switch.Root",
+		className: (t) => ye({ className: i(e.className, t) })
+	});
+}
+H.displayName = "Switch.Root";
+function U(e) {
+	return /* @__PURE__ */ l(f.Thumb, {
+		...e,
+		"data-imf-ui-component": "Switch.Thumb",
+		className: (t) => be({ className: i(e.className, t) })
+	});
+}
+U.displayName = "Switch.Thumb";
+//#endregion
+//#region src/components/separator/separator.meta.ts
+var xe = {
+	name: "Separator",
+	category: r.layout,
+	status: "stable",
+	description: "Line that divides content horizontally or vertically. Also called a divider or rule.",
+	origin: "adapted",
+	upstream: {
+		name: "Base UI",
+		websiteLink: "https://base-ui.com/",
+		docLink: "https://base-ui.com/react/components/separator",
+		llmDocLink: "https://base-ui.com/react/components/separator.md"
+	}
+}, W = {
+	item: "imf-ui-tabs-underline-module-item",
+	rule: "imf-ui-tabs-underline-module-rule"
+}, Se = s(W.rule), Ce = s(W.item), G = {
+	indicator: "imf-ui-tabs-module-indicator",
+	indicatorUnderline: "imf-ui-tabs-module-indicatorUnderline",
+	list: "imf-ui-tabs-module-list",
+	listFill: "imf-ui-tabs-module-listFill",
+	listUnderline: "imf-ui-tabs-module-listUnderline",
+	panel: "imf-ui-tabs-module-panel",
+	panelUnderline: "imf-ui-tabs-module-panelUnderline",
+	panelViewport: "imf-ui-tabs-module-panelViewport",
+	panelViewportUnderline: "imf-ui-tabs-module-panelViewportUnderline",
+	root: "imf-ui-tabs-module-root",
+	tab: "imf-ui-tabs-module-tab",
+	tabUnderline: "imf-ui-tabs-module-tabUnderline"
+}, we = /* @__PURE__ */ e({
+	Indicator: () => Z,
+	List: () => Y,
+	Panel: () => $,
+	PanelViewport: () => Q,
+	Root: () => J,
+	Tab: () => X
+}), Te = s(G.list, { variants: {
+	fill: {
+		true: G.listFill,
+		false: null
+	},
+	appearance: {
+		boxed: null,
+		underline: c(G.listUnderline, Se())
+	}
+} }), Ee = s(G.root), De = s(null, { variants: { appearance: {
+	boxed: G.tab,
+	underline: c(G.tabUnderline, Ce())
+} } }), Oe = s(null, { variants: { appearance: {
+	boxed: G.indicator,
+	underline: G.indicatorUnderline
+} } }), ke = s(G.panelViewport, { variants: { appearance: {
+	boxed: null,
+	underline: G.panelViewportUnderline
+} } }), Ae = s(G.panel, { variants: { appearance: {
+	boxed: null,
+	underline: G.panelUnderline
+} } }), K = te("boxed");
+function q(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function je(e) {
+	let t = new ResizeObserver(() => {
+		let t = e.dataset.orientation === "vertical" ? e.scrollHeight > e.clientHeight : e.scrollWidth > e.clientWidth;
+		e.toggleAttribute("data-overflowing", t);
+	}), n = () => {
+		t.disconnect(), t.observe(e);
+		for (let n of e.children) t.observe(n);
+	}, r = new MutationObserver(n);
+	return r.observe(e, { childList: !0 }), n(), () => {
+		t.disconnect(), r.disconnect();
+	};
+}
+function J({ appearance: e = "boxed", ...t }) {
+	let n = t.orientation === "vertical" ? "boxed" : e;
+	return /* @__PURE__ */ l(K, {
+		value: n,
+		children: /* @__PURE__ */ l(p.Root, {
+			...t,
+			"data-imf-ui-component": "Tabs.Root",
+			className: (e) => Ee({ className: i(t.className, e) })
+		})
+	});
+}
+J.displayName = "Tabs.Root";
+function Y({ fill: e = !1, ref: t, ...n }) {
+	let r = u(K), a = ne((e) => {
+		if (!e) return;
+		q(t, e);
+		let n = je(e);
+		return () => {
+			n(), q(t, null);
+		};
+	}, [t]);
+	return /* @__PURE__ */ l(p.List, {
+		...n,
+		ref: a,
+		"data-imf-ui-component": "Tabs.List",
+		className: (t) => Te({
+			fill: e,
+			appearance: r,
+			className: i(n.className, t)
+		})
+	});
+}
+Y.displayName = "Tabs.List";
+function X(e) {
+	let t = u(K);
+	return /* @__PURE__ */ l(p.Tab, {
+		...e,
+		"data-imf-ui-component": "Tabs.Tab",
+		className: (n) => De({
+			appearance: t,
+			className: i(e.className, n)
+		})
+	});
+}
+X.displayName = "Tabs.Tab";
+function Z(e) {
+	let t = u(K);
+	return /* @__PURE__ */ l(p.Indicator, {
+		...e,
+		"data-imf-ui-component": "Tabs.Indicator",
+		className: (n) => Oe({
+			appearance: t,
+			className: i(e.className, n)
+		})
+	});
+}
+Z.displayName = "Tabs.Indicator";
+function Q(e) {
+	let t = u(K);
+	return /* @__PURE__ */ l("div", {
+		...e,
+		"data-imf-ui-component": "Tabs.PanelViewport",
+		className: ke({
+			appearance: t,
+			className: e.className
+		})
+	});
+}
+Q.displayName = "Tabs.PanelViewport";
+function $(e) {
+	let t = u(K);
+	return /* @__PURE__ */ l(p.Panel, {
+		...e,
+		"data-imf-ui-component": "Tabs.Panel",
+		className: (n) => Ae({
+			appearance: t,
+			className: i(e.className, n)
+		})
+	});
+}
+$.displayName = "Tabs.Panel";
+//#endregion
+export { v as A, O as C, re as D, w as E, g as M, h as N, _ as O, E as S, C as T, N as _, J as a, j as b, Ce as c, H as d, U as f, M as g, T as h, Q as i, y as j, b as k, Se as l, _e as m, Y as n, X as o, ve as p, $ as r, we as s, Z as t, xe as u, P as v, x as w, k as x, S as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.11.1-dev.73.g65836a33",
+  "version": "0.11.1-dev.75.g4f81d8fd",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",

package/src/docgen/doc.gen.json

@@ -16140,6 +16140,13 @@
           "type": "Variant",
           "defaultValue": "default",
           "description": "Layout: a stacked card (`default`), a horizontal row with side tabs\n(`horizontal`), or a flat compact row (`horizontal-compact`)."
+        },
+        {
+          "name": "withGamma",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Show the 2D Gamma slider."
         }
       ]
     },

package/src/llms/llms.gen.txt

@@ -147,7 +147,7 @@ Picture with AVIF and WebP sources, reserved space, lazy loading, and a fallback
 
 ## ImageDisplayOptions
 - category: Inputs, status: experimental
-Panel and toolbar controls for an image dataset's display options, including window, level, gamma, and invert settings.
+Panel and toolbar controls for an image dataset's display options: window, level, optional gamma, invert, auto window, and transfer-function presets.
 - props: node_modules/@imfusion/web-ui/src/docgen/doc.gen.json -> .image-display-options (jq: jq '.image-display-options' node_modules/@imfusion/web-ui/src/docgen/doc.gen.json)
 - further reading (usage/anatomy, not props): https://docs.imfusion.com/
 

package/dist/row-CImu8yXV.js

@@ -1,136 +0,0 @@
-import { cva as e } from "class-variance-authority";
-import { jsx as t } from "react/jsx-runtime";
-var n = {
-	alignCenter: "imf-ui-stack-module-alignCenter",
-	alignEnd: "imf-ui-stack-module-alignEnd",
-	alignStart: "imf-ui-stack-module-alignStart",
-	alignStretch: "imf-ui-stack-module-alignStretch",
-	gap0: "imf-ui-stack-module-gap0",
-	gap1: "imf-ui-stack-module-gap1",
-	gap10: "imf-ui-stack-module-gap10",
-	gap2: "imf-ui-stack-module-gap2",
-	gap3: "imf-ui-stack-module-gap3",
-	gap4: "imf-ui-stack-module-gap4",
-	gap5: "imf-ui-stack-module-gap5",
-	gap6: "imf-ui-stack-module-gap6",
-	gap7: "imf-ui-stack-module-gap7",
-	gap8: "imf-ui-stack-module-gap8",
-	gap9: "imf-ui-stack-module-gap9",
-	justifyAround: "imf-ui-stack-module-justifyAround",
-	justifyBetween: "imf-ui-stack-module-justifyBetween",
-	justifyCenter: "imf-ui-stack-module-justifyCenter",
-	justifyEnd: "imf-ui-stack-module-justifyEnd",
-	justifyEvenly: "imf-ui-stack-module-justifyEvenly",
-	justifyStart: "imf-ui-stack-module-justifyStart",
-	root: "imf-ui-stack-module-root"
-}, r = e(n.root, { variants: {
-	gap: {
-		0: n.gap0,
-		1: n.gap1,
-		2: n.gap2,
-		3: n.gap3,
-		4: n.gap4,
-		5: n.gap5,
-		6: n.gap6,
-		7: n.gap7,
-		8: n.gap8,
-		9: n.gap9,
-		10: n.gap10
-	},
-	align: {
-		start: n.alignStart,
-		center: n.alignCenter,
-		end: n.alignEnd,
-		stretch: n.alignStretch
-	},
-	justify: {
-		start: n.justifyStart,
-		center: n.justifyCenter,
-		end: n.justifyEnd,
-		between: n.justifyBetween,
-		around: n.justifyAround,
-		evenly: n.justifyEvenly
-	}
-} });
-function i({ gap: e = "4", align: n = "stretch", justify: i = "start", ...a }) {
-	return /* @__PURE__ */ t("div", {
-		...a,
-		"data-imf-ui-component": "Stack",
-		className: r({
-			gap: e,
-			align: n,
-			justify: i,
-			className: a.className
-		})
-	});
-}
-var a = {
-	alignCenter: "imf-ui-row-module-alignCenter",
-	alignEnd: "imf-ui-row-module-alignEnd",
-	alignStart: "imf-ui-row-module-alignStart",
-	alignStretch: "imf-ui-row-module-alignStretch",
-	gap1: "imf-ui-row-module-gap1",
-	gap10: "imf-ui-row-module-gap10",
-	gap2: "imf-ui-row-module-gap2",
-	gap3: "imf-ui-row-module-gap3",
-	gap4: "imf-ui-row-module-gap4",
-	gap5: "imf-ui-row-module-gap5",
-	gap6: "imf-ui-row-module-gap6",
-	gap7: "imf-ui-row-module-gap7",
-	gap8: "imf-ui-row-module-gap8",
-	gap9: "imf-ui-row-module-gap9",
-	justifyAround: "imf-ui-row-module-justifyAround",
-	justifyBetween: "imf-ui-row-module-justifyBetween",
-	justifyCenter: "imf-ui-row-module-justifyCenter",
-	justifyEnd: "imf-ui-row-module-justifyEnd",
-	justifyEvenly: "imf-ui-row-module-justifyEvenly",
-	justifyStart: "imf-ui-row-module-justifyStart",
-	root: "imf-ui-row-module-root",
-	wrap: "imf-ui-row-module-wrap"
-}, o = e(a.root, { variants: {
-	gap: {
-		1: a.gap1,
-		2: a.gap2,
-		3: a.gap3,
-		4: a.gap4,
-		5: a.gap5,
-		6: a.gap6,
-		7: a.gap7,
-		8: a.gap8,
-		9: a.gap9,
-		10: a.gap10
-	},
-	align: {
-		start: a.alignStart,
-		center: a.alignCenter,
-		end: a.alignEnd,
-		stretch: a.alignStretch
-	},
-	justify: {
-		start: a.justifyStart,
-		center: a.justifyCenter,
-		end: a.justifyEnd,
-		between: a.justifyBetween,
-		around: a.justifyAround,
-		evenly: a.justifyEvenly
-	},
-	wrap: {
-		true: a.wrap,
-		false: null
-	}
-} });
-function s({ gap: e = "2", align: n = "stretch", justify: r = "start", wrap: i = !1, ...a }) {
-	return /* @__PURE__ */ t("div", {
-		...a,
-		"data-imf-ui-component": "Row",
-		className: o({
-			gap: e,
-			align: n,
-			justify: r,
-			wrap: i,
-			className: a.className
-		})
-	});
-}
-//#endregion
-export { i as n, s as t };

package/dist/separator-BV2TR8U0.js

@@ -1,34 +0,0 @@
-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",
-	toneMinor: "imf-ui-separator-module-toneMinor",
-	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
-	},
-	tone: {
-		primary: null,
-		minor: r.toneMinor
-	}
-} });
-function a({ orientation: e = "horizontal", variant: r = "solid", tone: a = "primary", ...o }) {
-	return /* @__PURE__ */ t(n, {
-		...o,
-		orientation: e,
-		"data-imf-ui-component": "Separator",
-		className: i({
-			variant: r,
-			tone: a,
-			className: o.className
-		})
-	});
-}
-//#endregion
-export { a as t };