@imfusion/web-ui 0.10.0 → 0.10.1-dev.11.g9f5bc06e

package/dist/integrations/code-highlight.js

@@ -1,6 +1,6 @@
-import { t as e } from "../rolldown-runtime-Dy4uBu1J.js";
+import { r as e } from "../resolve-state-props-DQf9WiGv.js";
 import { t } from "../meta-V_KyLeGn.js";
-import { i as n, n as r, r as i } from "../code-BYkr5k55.js";
+import { i as n, n as r, r as i } from "../code-NTcddiYk.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 { 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 { a as t, i as n, o as r, t as i } from "../slider-Bf274cMe.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";

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

@@ -1,12 +1,12 @@
 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";
-import { useDisplayOptions2d as D, useDisplayOptions3d as O } from "@imfusion/sdk-react";
-var k = {
-	compactStrip: "imf-ui-image-display-options-module-compactStrip",
+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-Do0BFL12.js";
+import { a as p, i as m, n as h, o as g, r as _, s as v, t as y } from "../slider-Bf274cMe.js";
+import { t as b } from "../scroll-area-z9Lf9uIk.js";
+import { cva as x } from "class-variance-authority";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useId as T, useMemo as E, useState as D } from "react";
+import { useDisplayOptions2d as O, useDisplayOptions3d as k } from "@imfusion/sdk-react";
+var A = {
 	horizontalPanel: "imf-ui-image-display-options-module-horizontalPanel",
 	horizontalTabs: "imf-ui-image-display-options-module-horizontalTabs",
 	invertLabel: "imf-ui-image-display-options-module-invertLabel",
@@ -15,7 +15,7 @@ var k = {
 	rowField: "imf-ui-image-display-options-module-rowField",
 	segment: "imf-ui-image-display-options-module-segment",
 	strip: "imf-ui-image-display-options-module-strip"
-}, A = {
+}, j = {
 	key: "gamma",
 	label: "Gamma",
 	min: .1,
@@ -23,14 +23,14 @@ var k = {
 	step: .1,
 	format: { maximumFractionDigits: 1 }
 };
-function j(e) {
+function M(e) {
 	return e > 0 ? 10 ** Math.floor(Math.log10(e / 1e3)) : 1;
 }
-function M(e) {
+function N(e) {
 	return !(e > 0) || e >= 1 ? 0 : Math.ceil(-Math.log10(e));
 }
-function N([e, t], n) {
-	let r = t - e, i = j(r), a = { maximumFractionDigits: M(i) }, o = (e) => {
+function P([e, t], n) {
+	let r = t - e, i = M(r), a = { maximumFractionDigits: N(i) }, o = (e) => {
 		let t = n?.[e.key];
 		if (!t) return e;
 		let r = t.step ?? e.step;
@@ -39,7 +39,7 @@ function N([e, t], n) {
 			min: t.min ?? e.min,
 			max: t.max ?? e.max,
 			step: r,
-			format: t.step === void 0 ? e.format : { maximumFractionDigits: M(r) }
+			format: t.step === void 0 ? e.format : { maximumFractionDigits: N(r) }
 		};
 	}, s = o({
 		key: "window",
@@ -60,22 +60,22 @@ function N([e, t], n) {
 		"2d": [
 			s,
 			c,
-			o(A)
+			o(j)
 		],
 		"3d": [s, c]
 	};
 }
-function P(e, t) {
+function F(e, t) {
 	return e === "window" ? { window: t } : e === "level" ? { level: t } : { gamma: t };
 }
-function F(e, t) {
+function I(e, t) {
 	return t === "window" ? e.window : t === "level" ? e.level : "gamma" in e ? e.gamma : 0;
 }
 //#endregion
 //#region src/integrations/image-display-options/image-display-options-view.tsx
-var I = b(k.root);
-function L({ spec: e, value: t, row: n, onChange: r }) {
-	let i = /* @__PURE__ */ C(m, {
+var L = x(A.root);
+function R({ spec: e, value: t, row: n, onChange: r }) {
+	let i = /* @__PURE__ */ w(m, {
 		value: t,
 		min: e.min,
 		max: e.max,
@@ -84,65 +84,65 @@ function L({ spec: e, value: t, row: n, onChange: r }) {
 		onValueChange: (e) => {
 			r(typeof e == "number" ? e : e[0]);
 		},
-		children: [/* @__PURE__ */ C(o, {
+		children: [/* @__PURE__ */ w(o, {
 			justify: "between",
-			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 })] }) })]
+			children: [/* @__PURE__ */ C(_, { children: e.label }), /* @__PURE__ */ C(v, {})]
+		}), /* @__PURE__ */ C(y, { children: /* @__PURE__ */ w(g, { children: [/* @__PURE__ */ C(h, {}), /* @__PURE__ */ C(p, { "aria-label": e.label })] }) })]
 	});
-	return n ? /* @__PURE__ */ S("div", {
-		className: k.rowField,
+	return n ? /* @__PURE__ */ C("div", {
+		className: A.rowField,
 		children: i
 	}) : i;
 }
-function R({ checked: e, row: t, onChange: n }) {
-	let r = w();
-	return /* @__PURE__ */ C(o, {
+function z({ checked: e, row: t, onChange: n }) {
+	let r = T();
+	return /* @__PURE__ */ w(o, {
 		align: "center",
 		justify: t ? "start" : "between",
 		gap: "2",
-		className: k.invertRow,
-		children: [/* @__PURE__ */ S("span", {
+		className: A.invertRow,
+		children: [/* @__PURE__ */ C("span", {
 			id: r,
-			className: k.invertLabel,
+			className: A.invertLabel,
 			children: "Invert"
-		}), /* @__PURE__ */ S(i, {
+		}), /* @__PURE__ */ C(i, {
 			"aria-labelledby": r,
 			checked: e,
 			onCheckedChange: (e) => {
 				n(e);
 			},
-			children: /* @__PURE__ */ S(l, {})
+			children: /* @__PURE__ */ C(l, {})
 		})]
 	});
 }
-function z({ active: e, onChange: t }) {
-	return /* @__PURE__ */ C(f, {
-		className: k.segment,
+function B({ active: e, onChange: t }) {
+	return /* @__PURE__ */ w(f, {
+		className: A.segment,
 		"aria-label": "Display dimension",
 		value: [e],
 		onValueChange: (e) => {
 			let n = e[0];
 			(n === "2d" || n === "3d") && t(n);
 		},
-		children: [/* @__PURE__ */ S(r, {
+		children: [/* @__PURE__ */ C(r, {
 			value: "2d",
 			children: "2D"
-		}), /* @__PURE__ */ S(r, {
+		}), /* @__PURE__ */ C(r, {
 			value: "3d",
 			children: "3D"
 		})]
 	});
 }
-function B({ dimension: e, fields: t, options: n, row: r, onChange: i }) {
+function V({ dimension: e, fields: t, options: n, row: r, onChange: i }) {
 	let a = n[e];
-	return /* @__PURE__ */ C(x, { children: [t.map((t) => /* @__PURE__ */ S(L, {
+	return /* @__PURE__ */ w(S, { children: [t.map((t) => /* @__PURE__ */ C(R, {
 		spec: t,
-		value: F(a, t.key),
+		value: I(a, t.key),
 		row: r,
 		onChange: (n) => {
-			i(e, P(t.key, n));
+			i(e, F(t.key, n));
 		}
-	}, t.key)), /* @__PURE__ */ S(R, {
+	}, t.key)), /* @__PURE__ */ C(z, {
 		checked: a.invert,
 		row: r,
 		onChange: (t) => {
@@ -150,32 +150,32 @@ function B({ dimension: e, fields: t, options: n, row: r, onChange: i }) {
 		}
 	})] });
 }
-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) => {
+function H({ variant: e = "default", options: r, intensityRange: i, ranges: l, onOptionsChange: f, className: p, ...m }) {
+	let [h, g] = D("2d"), _ = P(i, l), v = (e) => {
 		g(e === "3d" ? "3d" : "2d");
 	};
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		...m,
 		"data-imf-ui-component": "ImageDisplayOptions",
-		className: I({ className: p }),
-		children: e === "default" ? /* @__PURE__ */ C(t, {
+		className: L({ className: p }),
+		children: e === "default" ? /* @__PURE__ */ w(t, {
 			value: h,
 			onValueChange: v,
-			children: [/* @__PURE__ */ C(s, { children: [
-				/* @__PURE__ */ S(c, {
+			children: [/* @__PURE__ */ w(s, { children: [
+				/* @__PURE__ */ C(c, {
 					value: "2d",
 					children: "2D Slices"
 				}),
-				/* @__PURE__ */ S(c, {
+				/* @__PURE__ */ C(c, {
 					value: "3d",
 					children: "3D Volume"
 				}),
-				/* @__PURE__ */ S(d, {})
-			] }), /* @__PURE__ */ C(a, { children: [/* @__PURE__ */ S(u, {
+				/* @__PURE__ */ C(d, {})
+			] }), /* @__PURE__ */ w(a, { children: [/* @__PURE__ */ C(u, {
 				value: "2d",
-				children: /* @__PURE__ */ S(n, {
+				children: /* @__PURE__ */ C(n, {
 					gap: "3",
-					children: /* @__PURE__ */ S(B, {
+					children: /* @__PURE__ */ C(V, {
 						dimension: "2d",
 						fields: _["2d"],
 						options: r,
@@ -183,11 +183,11 @@ function V({ variant: e = "default", options: r, intensityRange: i, ranges: l, o
 						onChange: f
 					})
 				})
-			}), /* @__PURE__ */ S(u, {
+			}), /* @__PURE__ */ C(u, {
 				value: "3d",
-				children: /* @__PURE__ */ S(n, {
+				children: /* @__PURE__ */ C(n, {
 					gap: "3",
-					children: /* @__PURE__ */ S(B, {
+					children: /* @__PURE__ */ C(V, {
 						dimension: "3d",
 						fields: _["3d"],
 						options: r,
@@ -196,78 +196,87 @@ function V({ variant: e = "default", options: r, intensityRange: i, ranges: l, o
 					})
 				})
 			})] })]
-		}) : e === "horizontal" ? /* @__PURE__ */ C(t, {
-			className: k.horizontalTabs,
+		}) : e === "horizontal" ? /* @__PURE__ */ w(t, {
+			className: A.horizontalTabs,
 			orientation: "vertical",
 			value: h,
 			onValueChange: v,
-			children: [/* @__PURE__ */ C(s, {
+			children: [/* @__PURE__ */ w(s, {
 				fill: !0,
 				children: [
-					/* @__PURE__ */ S(c, {
+					/* @__PURE__ */ C(c, {
 						value: "2d",
 						children: "2D"
 					}),
-					/* @__PURE__ */ S(c, {
+					/* @__PURE__ */ C(c, {
 						value: "3d",
 						children: "3D"
 					}),
-					/* @__PURE__ */ S(d, {})
+					/* @__PURE__ */ C(d, {})
 				]
-			}), /* @__PURE__ */ C(a, {
-				className: k.horizontalPanel,
-				children: [/* @__PURE__ */ S(u, {
+			}), /* @__PURE__ */ w(a, {
+				className: A.horizontalPanel,
+				children: [/* @__PURE__ */ C(u, {
 					value: "2d",
-					children: /* @__PURE__ */ S(o, {
-						align: "center",
-						gap: "3",
-						className: k.strip,
-						children: /* @__PURE__ */ S(B, {
-							dimension: "2d",
-							fields: _["2d"],
-							options: r,
-							row: !0,
-							onChange: f
+					children: /* @__PURE__ */ C(b, {
+						orientation: "horizontal",
+						className: A.strip,
+						children: /* @__PURE__ */ C(o, {
+							align: "center",
+							gap: "3",
+							children: /* @__PURE__ */ C(V, {
+								dimension: "2d",
+								fields: _["2d"],
+								options: r,
+								row: !0,
+								onChange: f
+							})
 						})
 					})
-				}), /* @__PURE__ */ S(u, {
+				}), /* @__PURE__ */ C(u, {
 					value: "3d",
-					children: /* @__PURE__ */ S(o, {
-						align: "center",
-						gap: "3",
-						className: k.strip,
-						children: /* @__PURE__ */ S(B, {
-							dimension: "3d",
-							fields: _["3d"],
-							options: r,
-							row: !0,
-							onChange: f
+					children: /* @__PURE__ */ C(b, {
+						orientation: "horizontal",
+						className: A.strip,
+						children: /* @__PURE__ */ C(o, {
+							align: "center",
+							gap: "3",
+							children: /* @__PURE__ */ C(V, {
+								dimension: "3d",
+								fields: _["3d"],
+								options: r,
+								row: !0,
+								onChange: f
+							})
 						})
 					})
 				})]
 			})]
-		}) : /* @__PURE__ */ C(o, {
-			align: "center",
-			gap: "3",
-			className: k.compactStrip,
-			children: [/* @__PURE__ */ S(z, {
-				active: h,
-				onChange: g
-			}), /* @__PURE__ */ S(B, {
-				dimension: h,
-				fields: _[h],
-				options: r,
-				row: !0,
-				onChange: f
-			})]
+		}) : /* @__PURE__ */ C(b, {
+			orientation: "horizontal",
+			className: A.strip,
+			children: /* @__PURE__ */ w(o, {
+				align: "center",
+				gap: "3",
+				children: [/* @__PURE__ */ C(B, {
+					active: h,
+					onChange: g
+				}), /* @__PURE__ */ C(V, {
+					dimension: h,
+					fields: _[h],
+					options: r,
+					row: !0,
+					onChange: f
+				})]
+			})
 		})
 	});
 }
-V.displayName = "ImageDisplayOptionsView";
+H.displayName = "ImageDisplayOptionsView";
 //#endregion
 //#region src/integrations/image-display-options/image-display-options.tsx
-function H({ data: e, variant: t = "default", ranges: n, ...r }) {
-	let i = D(e), a = O(e), o = {
+function U({ data: e, variant: t = "default", ranges: n, ...r }) {
+	let i = O(e), a = k(e), o = {
 		"2d": {
 			window: i.window,
 			level: i.level,
@@ -279,8 +288,8 @@ function H({ data: e, variant: t = "default", ranges: n, ...r }) {
 			level: a.level,
 			invert: a.invert
 		}
-	}, s = T(() => e.minmaxIntensityOriginal(), [e]);
-	return /* @__PURE__ */ S(V, {
+	}, s = E(() => e.minmaxIntensityOriginal(), [e]);
+	return /* @__PURE__ */ C(H, {
 		...r,
 		variant: t,
 		options: o,
@@ -291,10 +300,10 @@ function H({ data: e, variant: t = "default", ranges: n, ...r }) {
 		}
 	});
 }
-H.displayName = "ImageDisplayOptions";
+U.displayName = "ImageDisplayOptions";
 //#endregion
 //#region src/integrations/image-display-options/image-display-options.meta.ts
-var U = {
+var W = {
 	name: "ImageDisplayOptions",
 	category: e.inputs,
 	status: "experimental",
@@ -307,7 +316,8 @@ var U = {
 		"ToggleGroup",
 		"Toggle",
 		"Row",
-		"Stack"
+		"Stack",
+		"ScrollArea"
 	],
 	upstream: {
 		name: "ImFusion Web SDK",
@@ -318,4 +328,4 @@ var U = {
 	}
 };
 //#endregion
-export { H as ImageDisplayOptions, U as imageDisplayOptionsMeta };
+export { U as ImageDisplayOptions, W as imageDisplayOptionsMeta };

package/dist/{rolldown-runtime-Dy4uBu1J.js → resolve-state-props-DQf9WiGv.js}

@@ -8,4 +8,15 @@ var e = Object.defineProperty, t = (t, n) => {
 	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
 };
 //#endregion
-export { t };
+//#region src/utils/resolve-state-props.ts
+function n(e, t) {
+	return e instanceof Function ? e(t) : e;
+}
+function r(e, t) {
+	return n(e, t);
+}
+function i(e, t) {
+	return n(e, t);
+}
+//#endregion
+export { i as n, t as r, r as t };

package/dist/scroll-area-z9Lf9uIk.js

@@ -0,0 +1,89 @@
+import { r as e, t } from "./resolve-state-props-DQf9WiGv.js";
+import { cva as n } from "class-variance-authority";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ScrollArea as a } from "@base-ui/react/scroll-area";
+var o = {
+	content: "imf-ui-scroll-area-module-content",
+	corner: "imf-ui-scroll-area-module-corner",
+	root: "imf-ui-scroll-area-module-root",
+	scrollbar: "imf-ui-scroll-area-module-scrollbar",
+	thumb: "imf-ui-scroll-area-module-thumb",
+	viewport: "imf-ui-scroll-area-module-viewport"
+}, s = /* @__PURE__ */ e({
+	Auto: () => b,
+	Content: () => g,
+	Corner: () => y,
+	Root: () => m,
+	Scrollbar: () => _,
+	Thumb: () => v,
+	Viewport: () => h
+}), c = n(o.root), l = n(o.viewport), u = n(o.content), d = n(o.scrollbar), f = n(o.thumb), p = n(o.corner);
+function m(e) {
+	return /* @__PURE__ */ r(a.Root, {
+		...e,
+		"data-imf-ui-component": "ScrollArea.Root",
+		className: (n) => c({ className: t(e.className, n) })
+	});
+}
+m.displayName = "ScrollArea.Root";
+function h(e) {
+	return /* @__PURE__ */ r(a.Viewport, {
+		...e,
+		"data-imf-ui-component": "ScrollArea.Viewport",
+		className: (n) => l({ className: t(e.className, n) })
+	});
+}
+h.displayName = "ScrollArea.Viewport";
+function g(e) {
+	return /* @__PURE__ */ r(a.Content, {
+		...e,
+		"data-imf-ui-component": "ScrollArea.Content",
+		className: (n) => u({ className: t(e.className, n) })
+	});
+}
+g.displayName = "ScrollArea.Content";
+function _(e) {
+	return /* @__PURE__ */ r(a.Scrollbar, {
+		...e,
+		"data-imf-ui-component": "ScrollArea.Scrollbar",
+		className: (n) => d({ className: t(e.className, n) })
+	});
+}
+_.displayName = "ScrollArea.Scrollbar";
+function v(e) {
+	return /* @__PURE__ */ r(a.Thumb, {
+		...e,
+		"data-imf-ui-component": "ScrollArea.Thumb",
+		className: (n) => f({ className: t(e.className, n) })
+	});
+}
+v.displayName = "ScrollArea.Thumb";
+function y(e) {
+	return /* @__PURE__ */ r(a.Corner, {
+		...e,
+		"data-imf-ui-component": "ScrollArea.Corner",
+		className: (n) => p({ className: t(e.className, n) })
+	});
+}
+y.displayName = "ScrollArea.Corner";
+function b({ orientation: e = "vertical", children: t, ...n }) {
+	let a = e === "vertical" || e === "both", o = e === "horizontal" || e === "both";
+	return /* @__PURE__ */ i(m, {
+		...n,
+		children: [
+			/* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(g, { children: t }) }),
+			a && /* @__PURE__ */ r(_, {
+				orientation: "vertical",
+				children: /* @__PURE__ */ r(v, {})
+			}),
+			o && /* @__PURE__ */ r(_, {
+				orientation: "horizontal",
+				children: /* @__PURE__ */ r(v, {})
+			}),
+			e === "both" && /* @__PURE__ */ r(y, {})
+		]
+	});
+}
+b.displayName = "ScrollArea.Auto";
+//#endregion
+export { _ as a, s as c, m as i, g as n, v as o, y as r, h as s, b as t };

package/dist/slider-Bf274cMe.js

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