@imfusion/web-ui 0.8.1-dev.6.g254fcc45 → 0.8.1-dev.64.gbde1f63f

package/dist/integrations/code-highlight.js

@@ -1,6 +1,6 @@
-import { t as e } from "../chunk-DmhlhrBa.js";
-import { t } from "../meta-j-7HGrWv.js";
-import { i as n, n as r, r as i } from "../code-D2lwxHgd.js";
+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-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";
@@ -80,7 +80,9 @@ var w = /* @__PURE__ */ e({
 });
 function T(e, t) {
 	return s(() => {
-		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: C(e, t) } });
+		if (t == null || e === "") return;
+		let n = C(e, t);
+		return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: n } });
 	}, [e, t]);
 }
 function E({ language: e, children: t, ...n }) {

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

@@ -0,0 +1,24 @@
+type FrameSelectionViewProps = React.ComponentProps<"div"> & {
+    /** 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 { 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";
+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: 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 = e + 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(n, {
+			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(i, { children: /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(t, {
+				"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: 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",
+	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/image-display-options-view.d.ts

@@ -1,5 +1,5 @@
 import { ChangeHandler, IntensityRange, Options, Ranges, Variant } from './image-display-options-view.utils';
-type ImageDisplayOptionsViewProps = React.HTMLAttributes<HTMLDivElement> & {
+type ImageDisplayOptionsViewProps = React.ComponentProps<"div"> & {
     variant?: Variant;
     /** Current option values for both dimensions. */
     options: Options;

package/dist/integrations/image-display-options/image-display-options.d.ts

@@ -1,6 +1,6 @@
 import { SharedImageSet } from '@imfusion/sdk';
 import { Ranges, Variant } from './image-display-options-view.utils';
-type Props = React.HTMLAttributes<HTMLDivElement> & {
+type Props = React.ComponentProps<"div"> & {
     /**
      * The dataset whose display options are edited.
      */

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 { 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";
@@ -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: 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) => {
-			a(typeof e == "number" ? e : e[0]);
+			r(typeof e == "number" ? e : e[0]);
 		},
-		children: [/* @__PURE__ */ C(l, {
+		children: [/* @__PURE__ */ C(o, {
 			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(_, { 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 i ? /* @__PURE__ */ S("div", {
+	return n ? /* @__PURE__ */ S("div", {
 		className: k.rowField,
-		children: c
-	}) : c;
+		children: i
+	}) : i;
 }
 function R({ checked: e, row: t, onChange: n }) {
 	let r = w();
-	return /* @__PURE__ */ C(l, {
+	return /* @__PURE__ */ C(o, {
 		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(i, {
 			"aria-labelledby": r,
 			checked: e,
 			onCheckedChange: (e) => {
 				n(e);
 			},
-			children: /* @__PURE__ */ S(f, {})
+			children: /* @__PURE__ */ S(l, {})
 		})]
 	});
 }
 function z({ active: e, onChange: t }) {
-	return /* @__PURE__ */ C(h, {
+	return /* @__PURE__ */ C(f, {
 		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(r, {
 			value: "2d",
 			children: "2D"
-		}), /* @__PURE__ */ S(i, {
+		}), /* @__PURE__ */ S(r, {
 			value: "3d",
 			children: "3D"
 		})]
@@ -149,49 +150,49 @@ 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) => {
+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", {
-		...f,
+		...m,
 		"data-imf-ui-component": "ImageDisplayOptions",
-		className: I({ className: s }),
+		className: I({ className: p }),
 		children: e === "default" ? /* @__PURE__ */ C(t, {
 			value: h,
 			onValueChange: v,
-			children: [/* @__PURE__ */ C(u, { children: [
-				/* @__PURE__ */ S(d, {
+			children: [/* @__PURE__ */ C(s, { children: [
+				/* @__PURE__ */ S(c, {
 					value: "2d",
 					children: "2D Slices"
 				}),
-				/* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(c, {
 					value: "3d",
 					children: "3D Volume"
 				}),
-				/* @__PURE__ */ S(m, {})
-			] }), /* @__PURE__ */ C(c, { children: [/* @__PURE__ */ S(p, {
+				/* @__PURE__ */ S(d, {})
+			] }), /* @__PURE__ */ C(a, { children: [/* @__PURE__ */ S(u, {
 				value: "2d",
-				children: /* @__PURE__ */ S(r, {
+				children: /* @__PURE__ */ S(n, {
 					gap: "3",
 					children: /* @__PURE__ */ S(B, {
 						dimension: "2d",
 						fields: _["2d"],
-						options: n,
+						options: r,
 						row: !1,
-						onChange: o
+						onChange: f
 					})
 				})
-			}), /* @__PURE__ */ S(p, {
+			}), /* @__PURE__ */ S(u, {
 				value: "3d",
-				children: /* @__PURE__ */ S(r, {
+				children: /* @__PURE__ */ S(n, {
 					gap: "3",
 					children: /* @__PURE__ */ S(B, {
 						dimension: "3d",
 						fields: _["3d"],
-						options: n,
+						options: r,
 						row: !1,
-						onChange: o
+						onChange: f
 					})
 				})
 			})] })]
@@ -200,52 +201,52 @@ function V({ variant: e = "default", options: n, intensityRange: i, ranges: a, o
 			orientation: "vertical",
 			value: h,
 			onValueChange: v,
-			children: [/* @__PURE__ */ C(u, {
+			children: [/* @__PURE__ */ C(s, {
 				fill: !0,
 				children: [
-					/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ S(c, {
 						value: "2d",
 						children: "2D"
 					}),
-					/* @__PURE__ */ S(d, {
+					/* @__PURE__ */ S(c, {
 						value: "3d",
 						children: "3D"
 					}),
-					/* @__PURE__ */ S(m, {})
+					/* @__PURE__ */ S(d, {})
 				]
-			}), /* @__PURE__ */ C(c, {
+			}), /* @__PURE__ */ C(a, {
 				className: k.horizontalPanel,
-				children: [/* @__PURE__ */ S(p, {
+				children: [/* @__PURE__ */ S(u, {
 					value: "2d",
-					children: /* @__PURE__ */ S(l, {
+					children: /* @__PURE__ */ S(o, {
 						align: "center",
 						gap: "3",
 						className: k.strip,
 						children: /* @__PURE__ */ S(B, {
 							dimension: "2d",
 							fields: _["2d"],
-							options: n,
+							options: r,
 							row: !0,
-							onChange: o
+							onChange: f
 						})
 					})
-				}), /* @__PURE__ */ S(p, {
+				}), /* @__PURE__ */ S(u, {
 					value: "3d",
-					children: /* @__PURE__ */ S(l, {
+					children: /* @__PURE__ */ S(o, {
 						align: "center",
 						gap: "3",
 						className: k.strip,
 						children: /* @__PURE__ */ S(B, {
 							dimension: "3d",
 							fields: _["3d"],
-							options: n,
+							options: r,
 							row: !0,
-							onChange: o
+							onChange: f
 						})
 					})
 				})]
 			})]
-		}) : /* @__PURE__ */ C(l, {
+		}) : /* @__PURE__ */ C(o, {
 			align: "center",
 			gap: "3",
 			className: k.compactStrip,
@@ -255,9 +256,9 @@ function V({ variant: e = "default", options: n, intensityRange: i, ranges: a, o
 			}), /* @__PURE__ */ S(B, {
 				dimension: h,
 				fields: _[h],
-				options: n,
+				options: r,
 				row: !0,
-				onChange: o
+				onChange: f
 			})]
 		})
 	});
@@ -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: 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",

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/llms/gen-tokens.d.ts

@@ -4,4 +4,4 @@ export type TokenEntry = {
 };
 export declare function collectTokenEntries(files: readonly string[]): TokenEntry[];
 export declare function renderTokenIndex(tokens: readonly TokenEntry[]): string;
-export declare function generateTokenIndex(): Promise<number>;
+export declare function generateTokenIndex(): number;

package/dist/{paths-Oi0v8x-w.js → paths-B5Ht3ETc.js}

@@ -16,8 +16,8 @@ var o = a(t(r(import.meta.url))), s = process.cwd();
 function c(r) {
 	let a = s;
 	for (; a !== t(a) && !e(n(a, "node_modules", ".bin"));) a = t(a);
-	let o = n(a, "node_modules", ".bin", "prettier");
-	e(o) && i(o, ["--write", ...r], {
+	let o = n(a, "node_modules", ".bin"), c = n(o, "vp"), [l, u] = e(c) ? [c, ["fmt", ...r]] : [n(o, "prettier"), ["--write", ...r]];
+	e(l) && i(l, u, {
 		cwd: s,
 		stdio: "ignore"
 	});

package/dist/separator-lzz4A3x_.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-Cqpreglu.js

@@ -0,0 +1,116 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.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 };