@imfusion/web-ui 0.10.1-dev.6.gf715361a → 0.10.1-dev.61.g9d1000b8

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 };