@commercetools/nimbus 3.3.0 → 3.4.0

package/dist/chunks/range-slider-CiNJCiKg.esm.js

@@ -0,0 +1,600 @@
+import { d as e, h as t } from "./utils-Bxhiv9E-.esm.js";
+import { t as n } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { n as r } from "./useFocusVisible-vN0uP_2v.esm.js";
+import { i, n as a } from "./useFocusable-CzgpEOAv.esm.js";
+import { t as o } from "./useObjectRef-B_3vY5-Q.esm.js";
+import { t as s } from "./I18nProvider-Cw-VVV-e.esm.js";
+import { t as c } from "./filterDOMProps-Dk-4zxhC.esm.js";
+import { t as l } from "./useGlobalListeners-W2IDQRTw.esm.js";
+import { t as u } from "./useFormReset-CAZratNG.esm.js";
+import { t as d } from "./useLabel-B3auy9mS.esm.js";
+import { t as f } from "./useControlledState-DH1pZlhP.esm.js";
+import { n as p, t as m } from "./number-gnUrLNNy.esm.js";
+import { t as h } from "./useMove-DshCmF8x.esm.js";
+import { t as g } from "./VisuallyHidden-C5SfYuNh.esm.js";
+import { t as _ } from "./useNumberFormatter-L64UBjdR.esm.js";
+import { t as v } from "./useFocusRing-CgvZuPOT.esm.js";
+import { t as y } from "./useHover-FP8QRkFh.esm.js";
+import { t as b } from "./tooltip-BuWKSmHt.esm.js";
+import { c as x, i as S, n as C, o as w, r as T, t as E } from "./utils-BYIK8Yf2.esm.js";
+import { t as D } from "./Label-CMtaxHxv.esm.js";
+import { n as O, t as k } from "./normalize-messages-B_f-0I5n.esm.js";
+import { a as A } from "./theme-CFqa_6UM.esm.js";
+import { t as j } from "./extract-style-props-D519tVOc.esm.js";
+import { t as M } from "./merge-refs-C1GcH9iY.esm.js";
+import N, { createContext as P, forwardRef as F, useCallback as I, useContext as L, useEffect as R, useMemo as z, useRef as B, useState as V } from "react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { createSlotRecipeContext as G, useSlotRecipe as ee } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/slider/utils.mjs
+var K = /* @__PURE__ */ new WeakMap();
+function q(e, t) {
+	let n = K.get(e);
+	if (!n) throw Error("Unknown slider state");
+	return `${n.id}-${t}`;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/slider/useSlider.mjs
+function te(e, t, i) {
+	let { labelProps: a, fieldProps: o } = d(e), c = e.orientation === "vertical";
+	K.set(t, {
+		id: a.id ?? o.id,
+		"aria-describedby": e["aria-describedby"],
+		"aria-details": e["aria-details"]
+	});
+	let { direction: u } = s(), { addGlobalListener: f, removeGlobalListener: p } = l(), g = B(null), _ = u === "rtl", v = B(null), { moveProps: y } = h({
+		onMoveStart() {
+			v.current = null;
+		},
+		onMove({ deltaX: e, deltaY: n }) {
+			if (!i.current) return;
+			let { height: r, width: a } = i.current.getBoundingClientRect(), o = c ? r : a;
+			v.current == null && g.current != null && (v.current = t.getThumbPercent(g.current) * o);
+			let s = c ? n : e;
+			if ((c || _) && (s = -s), v.current += s, g.current != null && i.current) {
+				let e = m(v.current / o, 0, 1);
+				t.setThumbPercent(g.current, e);
+			}
+		},
+		onMoveEnd() {
+			g.current != null && (t.setThumbDragging(g.current, !1), g.current = null);
+		}
+	}), b = B(void 0), x = (n, r, a, o) => {
+		if (i.current && !e.isDisabled && t.values.every((e, n) => !t.isThumbDragging(n))) {
+			let { height: e, width: s, top: l, left: d } = i.current.getBoundingClientRect(), p = c ? e : s, m = ((c ? o : a) - (c ? l : d)) / p;
+			(u === "rtl" || c) && (m = 1 - m);
+			let h = t.getPercentValue(m), _, v = t.values.findIndex((e) => h - e < 0);
+			if (v === 0) _ = v;
+			else if (v === -1) _ = t.values.length - 1;
+			else {
+				let e = t.values[v - 1], n = t.values[v];
+				_ = Math.abs(e - h) < Math.abs(n - h) ? v - 1 : v;
+			}
+			_ >= 0 && t.isThumbEditable(_) ? (n.preventDefault(), g.current = _, t.setFocusedThumb(_), b.current = r, t.setThumbDragging(g.current, !0), t.setThumbValue(_, h), f(window, "mouseup", S, !1), f(window, "touchend", S, !1), f(window, "pointerup", S, !1)) : g.current = null;
+		}
+	}, S = (e) => {
+		(e.pointerId ?? e.changedTouches?.[0].identifier) === b.current && (g.current != null && (t.setThumbDragging(g.current, !1), g.current = null), p(window, "mouseup", S, !1), p(window, "touchend", S, !1), p(window, "pointerup", S, !1));
+	};
+	return "htmlFor" in a && a.htmlFor && (delete a.htmlFor, a.onClick = () => {
+		document.getElementById(q(t, 0))?.focus(), r("keyboard");
+	}), {
+		labelProps: a,
+		groupProps: {
+			role: "group",
+			...o
+		},
+		trackProps: n({
+			onMouseDown(e) {
+				e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey || x(e, void 0, e.clientX, e.clientY);
+			},
+			onPointerDown(e) {
+				e.pointerType === "mouse" && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) || x(e, e.pointerId, e.clientX, e.clientY);
+			},
+			onTouchStart(e) {
+				x(e, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
+			},
+			style: {
+				position: "relative",
+				touchAction: "none"
+			}
+		}, y),
+		outputProps: {
+			htmlFor: t.values.map((e, n) => q(t, n)).join(" "),
+			"aria-live": "off"
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/slider/useSliderThumb.mjs
+function ne(r, o) {
+	let { index: c = 0, isRequired: f, validationState: p, isInvalid: g, trackRef: _, inputRef: v, orientation: y = o.orientation, name: b, form: x } = r, S = r.isDisabled || o.isDisabled, C = y === "vertical", { direction: w } = s(), { addGlobalListener: T, removeGlobalListener: E } = l(), D = K.get(o), { labelProps: O, fieldProps: k } = d({
+		...r,
+		id: q(o, c),
+		"aria-labelledby": `${D.id} ${r["aria-labelledby"] ?? ""}`.trim()
+	}), A = o.values[c], j = I(() => {
+		v.current && t(v.current);
+	}, [v]), M = o.focusedThumb === c;
+	R(() => {
+		M && j();
+	}, [M, j]);
+	let N = w === "rtl", P = B(null), { keyboardProps: F } = i({ onKeyDown(e) {
+		let { getThumbMaxValue: t, getThumbMinValue: n, decrementThumb: r, incrementThumb: i, setThumbValue: a, setThumbDragging: s, pageSize: l } = o;
+		if (!/^(PageUp|PageDown|Home|End)$/.test(e.key)) {
+			e.continuePropagation();
+			return;
+		}
+		switch (e.preventDefault(), s(c, !0), e.key) {
+			case "PageUp":
+				i(c, l);
+				break;
+			case "PageDown":
+				r(c, l);
+				break;
+			case "Home":
+				a(c, n(c));
+				break;
+			case "End":
+				a(c, t(c));
+				break;
+		}
+		s(c, !1);
+	} }), { moveProps: L } = h({
+		onMoveStart() {
+			P.current = null, o.setThumbDragging(c, !0);
+		},
+		onMove({ deltaX: e, deltaY: t, pointerType: n, shiftKey: r }) {
+			let { getThumbPercent: i, setThumbPercent: a, decrementThumb: s, incrementThumb: l, step: u, pageSize: d } = o;
+			if (!_.current) return;
+			let { width: f, height: p } = _.current.getBoundingClientRect(), h = C ? p : f;
+			if (P.current ??= i(c) * h, n === "keyboard") e > 0 && N || e < 0 && !N || t > 0 ? s(c, r ? d : u) : l(c, r ? d : u);
+			else {
+				let n = C ? t : e;
+				(C || N) && (n = -n), P.current += n, a(c, m(P.current / h, 0, 1));
+			}
+		},
+		onMoveEnd() {
+			o.setThumbDragging(c, !1);
+		}
+	});
+	o.setThumbEditable(c, !S);
+	let { focusableProps: z } = a(n(r, {
+		onFocus: () => o.setFocusedThumb(c),
+		onBlur: () => o.setFocusedThumb(void 0)
+	}), v), V = B(void 0), H = (e) => {
+		j(), V.current = e, o.setThumbDragging(c, !0), T(window, "mouseup", U, !1), T(window, "touchend", U, !1), T(window, "pointerup", U, !1);
+	}, U = (e) => {
+		(e.pointerId ?? e.changedTouches?.[0].identifier) === V.current && (j(), o.setThumbDragging(c, !1), E(window, "mouseup", U, !1), E(window, "touchend", U, !1), E(window, "pointerup", U, !1));
+	}, W = o.getThumbPercent(c);
+	(C || w === "rtl") && (W = 1 - W);
+	let G = S ? {} : n(F, L, {
+		onMouseDown: (e) => {
+			e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey || H();
+		},
+		onPointerDown: (e) => {
+			e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey || H(e.pointerId);
+		},
+		onTouchStart: (e) => {
+			H(e.changedTouches[0].identifier);
+		}
+	});
+	return u(v, o.defaultValues[c], (e) => {
+		o.setThumbValue(c, e);
+	}), {
+		inputProps: n(z, k, {
+			type: "range",
+			tabIndex: S ? void 0 : 0,
+			min: o.getThumbMinValue(c),
+			max: o.getThumbMaxValue(c),
+			step: o.step,
+			value: A,
+			name: b,
+			form: x,
+			disabled: S,
+			"aria-orientation": y,
+			"aria-valuetext": o.getThumbValueLabel(c),
+			"aria-required": f || void 0,
+			"aria-invalid": g || p === "invalid" || void 0,
+			"aria-errormessage": r["aria-errormessage"],
+			"aria-describedby": [D["aria-describedby"], r["aria-describedby"]].filter(Boolean).join(" "),
+			"aria-details": [D["aria-details"], r["aria-details"]].filter(Boolean).join(" "),
+			onChange: (t) => {
+				o.setThumbValue(c, parseFloat(e(t).value));
+			}
+		}),
+		thumbProps: {
+			...G,
+			style: {
+				position: "absolute",
+				[C ? "top" : "left"]: `${W * 100}%`,
+				transform: "translate(-50%, -50%)",
+				touchAction: "none"
+			}
+		},
+		labelProps: O,
+		isDragging: o.isThumbDragging(c),
+		isDisabled: S,
+		isFocused: M
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.48.0_react@19.2.0/node_modules/react-stately/dist/private/slider/useSliderState.mjs
+var re = 0, ie = 100, ae = 1;
+function oe(e) {
+	let { isDisabled: t = !1, minValue: n = re, maxValue: r = ie, numberFormatter: i, step: a = ae, orientation: o = "horizontal" } = e, s = z(() => {
+		let e = (r - n) / 10;
+		return e = p(e, 0, e + a, a), Math.max(e, a);
+	}, [
+		a,
+		r,
+		n
+	]), c = I((e) => e?.map((t, i) => p(t, i === 0 ? n : e[i - 1], i === e.length - 1 ? r : e[i + 1], a)), [
+		n,
+		r,
+		a
+	]), l = z(() => c(Y(e.value)), [e.value, c]), u = z(() => c(Y(e.defaultValue) ?? [n]), [
+		e.defaultValue,
+		n,
+		c
+	]), d = se(e.value, e.defaultValue, e.onChange), h = se(e.value, e.defaultValue, e.onChangeEnd), [g, _] = f(l, u, d), [v] = V(g), [y, b] = V(Array(g.length).fill(!1)), x = B(Array(g.length).fill(!0)), [S, C] = V(void 0), w = B(g), T = B(y), E = (e) => {
+		w.current = e, _(e);
+	}, D = (e) => {
+		T.current = e, b(e);
+	};
+	function O(e) {
+		return (e - n) / (r - n);
+	}
+	function k(e) {
+		return e === 0 ? n : g[e - 1];
+	}
+	function A(e) {
+		return e === g.length - 1 ? r : g[e + 1];
+	}
+	function j(e) {
+		return x.current[e];
+	}
+	function M(e, t) {
+		x.current[e] = t;
+	}
+	function N(e, n) {
+		if (t || !j(e)) return;
+		let r = k(e), i = A(e);
+		n = p(n, r, i, a);
+		let o = J(w.current, e, n);
+		E(o);
+	}
+	function P(e, n) {
+		if (t || !j(e)) return;
+		n && (w.current = g);
+		let r = T.current[e];
+		T.current = J(T.current, e, n), D(T.current), h && r && !T.current.some(Boolean) && h(w.current);
+	}
+	let F = B(null);
+	function L(e = g) {
+		switch (typeof e == "number" && (e = [e]), e.length) {
+			case 0: return "";
+			case 1: return i.format(e[0]);
+			case 2: return i.formatRange(e[0], e[1]);
+			default: {
+				let t = e.map((e) => i.format(e)), n = F.current;
+				return (!n || n.resolvedOptions().locale !== i.resolvedOptions().locale) && (n = F.current = new Intl.ListFormat(i.resolvedOptions().locale, { type: "unit" })), n.format(t);
+			}
+		}
+	}
+	function R(e, t) {
+		N(e, U(t));
+	}
+	function H(e) {
+		return Math.round((e - n) / a) * a + n;
+	}
+	function U(e) {
+		return m(H(e * (r - n) + n), n, r);
+	}
+	function W(e, t = 1) {
+		let i = Math.max(t, a);
+		N(e, p(g[e] + i, n, r, a));
+	}
+	function G(e, t = 1) {
+		let i = Math.max(t, a);
+		N(e, p(g[e] - i, n, r, a));
+	}
+	return {
+		values: g,
+		defaultValues: e.defaultValue === void 0 ? v : u,
+		getThumbValue: (e) => g[e],
+		setThumbValue: N,
+		setThumbPercent: R,
+		isThumbDragging: (e) => y[e],
+		setThumbDragging: P,
+		focusedThumb: S,
+		setFocusedThumb: C,
+		getThumbPercent: (e) => O(g[e]),
+		getValuePercent: O,
+		getThumbValueLabel: (e) => L(g[e]),
+		getFormattedValue: L,
+		getThumbMinValue: k,
+		getThumbMaxValue: A,
+		getPercentValue: U,
+		isThumbEditable: j,
+		setThumbEditable: M,
+		incrementThumb: W,
+		decrementThumb: G,
+		step: a,
+		pageSize: s,
+		orientation: o,
+		isDisabled: t
+	};
+}
+function J(e, t, n) {
+	return e[t] === n ? e : [
+		...e.slice(0, t),
+		n,
+		...e.slice(t + 1)
+	];
+}
+function Y(e) {
+	if (e != null) return Array.isArray(e) ? e : [e];
+}
+function se(e, t, n) {
+	return (r) => {
+		typeof e == "number" || typeof t == "number" ? n?.(r[0]) : n?.(r);
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.19.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Slider.mjs
+var ce = /*#__PURE__*/ P(null), X = /*#__PURE__*/ P(null), Z = /*#__PURE__*/ P(null), le = /*#__PURE__*/ P(null), ue = /*#__PURE__*/ P(null), de = /*#__PURE__*/ F(function(e, t) {
+	[e, t] = C(e, t, ce);
+	let r = B(null), i = _(e.formatOptions), a = oe({
+		...e,
+		numberFormatter: i
+	}), [o, s] = S(!e["aria-label"] && !e["aria-labelledby"]), { groupProps: l, trackProps: u, labelProps: d, outputProps: f } = te({
+		...e,
+		label: s
+	}, a, r), p = T({
+		...e,
+		values: {
+			orientation: a.orientation,
+			isDisabled: a.isDisabled,
+			state: a
+		},
+		defaultClassName: "react-aria-Slider"
+	}), m = c(e, { global: !0 });
+	return delete m.id, /*#__PURE__*/ N.createElement(E, { values: [
+		[X, a],
+		[Z, {
+			...u,
+			ref: r
+		}],
+		[ue, f],
+		[D, {
+			...d,
+			ref: o
+		}]
+	] }, /*#__PURE__*/ N.createElement(w.div, {
+		...n(m, p, l),
+		ref: t,
+		slot: e.slot || void 0,
+		"data-orientation": a.orientation,
+		"data-disabled": a.isDisabled || void 0
+	}));
+}), fe = /*#__PURE__*/ F(function(e, t) {
+	[e, t] = C(e, t, Z);
+	let r = L(X), { onHoverStart: i, onHoverEnd: a, onHoverChange: o, ...s } = e, { hoverProps: c, isHovered: l } = y({
+		onHoverStart: i,
+		onHoverEnd: a,
+		onHoverChange: o
+	}), u = T({
+		...e,
+		defaultClassName: "react-aria-SliderTrack",
+		values: {
+			orientation: r.orientation,
+			isDisabled: r.isDisabled,
+			isHovered: l,
+			state: r
+		}
+	});
+	return /*#__PURE__*/ N.createElement(w.div, {
+		...n(s, c),
+		...u,
+		ref: t,
+		"data-hovered": l || void 0,
+		"data-orientation": r.orientation || void 0,
+		"data-disabled": r.isDisabled || void 0
+	});
+}), pe = /*#__PURE__*/ F(function(e, t) {
+	let { inputRef: r = null } = e, i = L(X), { ref: a } = x(Z), { index: o = 0 } = e, s = B(null), l = r || s, [u, d] = S(!e["aria-label"] && !e["aria-labelledby"]), { thumbProps: f, inputProps: p, labelProps: m, isDragging: h, isFocused: _, isDisabled: b } = ne({
+		...e,
+		index: o,
+		trackRef: a,
+		inputRef: l,
+		label: d
+	}, i), { focusProps: C, isFocusVisible: O } = v(), { hoverProps: k, isHovered: A } = y(e), j = T({
+		...e,
+		defaultClassName: "react-aria-SliderThumb",
+		values: {
+			state: i,
+			isHovered: A,
+			isDragging: h,
+			isFocused: _,
+			isFocusVisible: O,
+			isDisabled: b
+		}
+	}), M = c(e, { global: !0 });
+	return delete M.id, /*#__PURE__*/ N.createElement(w.div, {
+		...n(M, f, k),
+		...j,
+		ref: t,
+		style: {
+			...f.style,
+			...j.style
+		},
+		"data-hovered": A || void 0,
+		"data-dragging": h || void 0,
+		"data-focused": _ || void 0,
+		"data-focus-visible": O || void 0,
+		"data-disabled": b || void 0
+	}, /*#__PURE__*/ N.createElement(g, null, /*#__PURE__*/ N.createElement("input", {
+		ref: l,
+		...n(p, C)
+	})), /*#__PURE__*/ N.createElement(E, { values: [[D, {
+		...m,
+		ref: u
+	}]] }, j.children));
+}), me = /*#__PURE__*/ F(function(e, t) {
+	[e, t] = C(e, t, le);
+	let r = L(X), { onHoverStart: i, onHoverEnd: a, onHoverChange: o, ...s } = e, { hoverProps: c, isHovered: l } = y({
+		onHoverStart: i,
+		onHoverEnd: a,
+		onHoverChange: o
+	}), u = e.offset == null ? r.getThumbMinValue(0) : m(e.offset, r.getThumbMinValue(0), r.getThumbMaxValue(0)), d = r.values.length > 1 ? r.getThumbPercent(0) * 100 : r.getValuePercent(u) * 100, f = r.values.length > 0 ? r.getThumbPercent(r.values.length - 1) * 100 : 0, p = Math.min(d, f), h = Math.max(0, Math.max(d, f) - p), g = T({
+		...e,
+		defaultClassName: "react-aria-SliderFill",
+		defaultStyle: r.orientation === "vertical" ? {
+			position: "absolute",
+			bottom: `${p}%`,
+			height: `${h}%`,
+			width: "100%"
+		} : {
+			position: "absolute",
+			insetInlineStart: `${p}%`,
+			width: `${h}%`,
+			height: "100%"
+		},
+		values: {
+			orientation: r.orientation,
+			isDisabled: r.isDisabled,
+			isHovered: l,
+			state: r
+		}
+	});
+	return /*#__PURE__*/ N.createElement(w.div, {
+		...n(s, c),
+		...g,
+		ref: t,
+		"data-hovered": l || void 0,
+		"data-orientation": r.orientation || void 0,
+		"data-disabled": r.isDisabled || void 0
+	});
+}), { withProvider: he, withContext: Q } = G({ key: "nimbusSlider" }), ge = he("div", "root"), _e = Q("div", "track"), ve = Q("div", "fill"), ye = Q("div", "thumb"), be = Q("div", "tick");
+Q("div", "tickLabel");
+//#endregion
+//#region src/components/slider/slider.messages.ts
+var xe = {
+	en: k({
+		maximumThumb: "Maximum",
+		minimumThumb: "Minimum"
+	}),
+	de: k({
+		maximumThumb: "Maximum",
+		minimumThumb: "Minimum"
+	}),
+	es: k({
+		maximumThumb: "Maximum",
+		minimumThumb: "Minimum"
+	}),
+	"fr-FR": k({
+		maximumThumb: "Maximum",
+		minimumThumb: "Minimum"
+	}),
+	"pt-BR": k({
+		maximumThumb: "Maximum",
+		minimumThumb: "Minimum"
+	})
+}, Se = ({ index: e, thumbLabel: t, thumbAriaLabelledBy: n, valueLabel: r, isDragging: i }) => {
+	let [a, o] = V(!1), [s, c] = V(!1), [l, u] = V(!1), d = a || s || i, f = d && !l;
+	return R(() => {
+		!d && l && u(!1);
+	}, [d, l]), R(() => {
+		if (!f) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), u(!0));
+		};
+		return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
+	}, [f]), /* @__PURE__ */ W(b.Root, {
+		isOpen: f,
+		onOpenChange: () => {},
+		children: [/* @__PURE__ */ U(ye, {
+			asChild: !0,
+			"data-slot": "thumb",
+			children: /* @__PURE__ */ U(pe, {
+				index: e,
+				"aria-label": t,
+				"aria-labelledby": n,
+				onHoverChange: o,
+				onFocusChange: c
+			})
+		}), /* @__PURE__ */ U(b.Content, { children: r })]
+	});
+}, $ = (e) => {
+	let { ref: t, thumbLabels: n, showTicks: r = !1, tickStep: i, size: a, minValue: s = 0, maxValue: c = 100, step: l, isDisabled: u, isInvalid: d, orientation: f = "horizontal", ...p } = e, [m, h] = ee({ recipe: A }).splitVariantProps({
+		size: a,
+		...p
+	}), [g, _] = j(h), v = o(M(B(null), t)), y = O(xe), b = [y.format("minimumThumb"), y.format("maximumThumb")], x = (e, t) => n?.[e] ?? (t > 1 ? b[e] : void 0), S = e["aria-labelledby"], C = i ?? l ?? 1, w = r && C > 0 ? Array.from({ length: Math.floor((c - s) / C) + 1 }, (e, t) => s + t * C) : [], T = w.length > 0 && c - w[w.length - 1] > C * 1e-9 ? [...w, c] : w, E = {
+		"data-disabled": u || void 0,
+		"data-invalid": d || void 0
+	};
+	return /* @__PURE__ */ U(ge, {
+		asChild: !0,
+		"data-slot": "root",
+		...m,
+		...g,
+		...E,
+		children: /* @__PURE__ */ U(de, {
+			ref: v,
+			..._,
+			minValue: s,
+			maxValue: c,
+			step: l,
+			isDisabled: u,
+			orientation: f,
+			children: /* @__PURE__ */ U(_e, {
+				asChild: !0,
+				"data-slot": "track",
+				children: /* @__PURE__ */ U(fe, { children: ({ state: e }) => {
+					let t = e.values.map((t, n) => e.getThumbPercent(n)), n = t.length > 1 ? Math.min(...t) : 0, r = Math.max(...t), i = `calc(${n} * 100% - var(--slider-thumb-size) / 2)`, a = `calc(${r - n} * 100% + var(--slider-thumb-size))`, o = f === "vertical" ? {
+						bottom: i,
+						height: a
+					} : {
+						insetInlineStart: i,
+						width: a
+					};
+					return /* @__PURE__ */ W(H, { children: [
+						/* @__PURE__ */ U(ve, {
+							asChild: !0,
+							"data-slot": "fill",
+							"data-range": e.values.length > 1 || void 0,
+							children: /* @__PURE__ */ U(me, { style: o })
+						}),
+						e.values.map((t, n) => {
+							let r = x(n, e.values.length);
+							return /* @__PURE__ */ U(Se, {
+								index: n,
+								thumbLabel: r,
+								thumbAriaLabelledBy: r === void 0 ? S : void 0,
+								valueLabel: e.getThumbValueLabel(n),
+								isDragging: e.isThumbDragging(n)
+							}, n);
+						}),
+						T.map((t) => {
+							let i = (t - s) / (c - s), a = `${i * 100}%`, o = i >= n - 1e-9 && i <= r + 1e-9, l = e.values.some((e) => Math.abs(e - t) <= 1e-9), u = f === "vertical" ? { bottom: a } : { insetInlineStart: a };
+							return /* @__PURE__ */ U(be, {
+								"data-slot": "tick",
+								"data-filled": o || void 0,
+								"data-on-thumb": l || void 0,
+								"data-range": e.values.length > 1 || void 0,
+								style: u
+							}, t);
+						})
+					] });
+				} })
+			})
+		})
+	});
+};
+$.displayName = "SliderBase";
+//#endregion
+//#region src/components/slider/derivatives/range-slider/range-slider.tsx
+var Ce = (e) => /* @__PURE__ */ U($, { ...e });
+Ce.displayName = "RangeSlider";
+//#endregion
+export { $ as n, Ce as t };
+
+//# sourceMappingURL=range-slider-CiNJCiKg.esm.js.map